var D=Object.defineProperty;var i=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var o=(u,l,s)=>l in u?D(u,l,{enumerable:!0,configurable:!0,writable:!0,value:s}):u[l]=s,h=(u,l)=>{for(var s in l||(l={}))S.call(l,s)&&o(u,s,l[s]);if(i)for(var s of i(l))w.call(l,s)&&o(u,s,l[s]);return u};import{u as A}from"./hooks-43fIOau2.js";import{d as L,r as n,at as N,aH as y,aI as T,X,j as r,P as R,N as p,y as V,ar as j,T as q}from"./index-m2Mh5A1v.js";const H={options:{type:Array,default:()=>[]},modelValue:{type:void 0,require:!1,default:"0"}},P=L({name:"ReSegmented",props:H,emits:["change","update:modelValue"],setup(u,{emit:l}){const s=n(0),v=n(0),{isDark:g}=N(),b=n(!1),c=n(-1),m=n(""),f=j(),d=y(u.modelValue)?T(u,"modelValue"):n(0);function I({option:e,index:a},t){e.disabled||(t.preventDefault(),y(u.modelValue)?l("update:modelValue",a):d.value=a,m.value="",l("change",{index:a,option:e}))}function k({option:e,index:a},t){t.preventDefault(),c.value=a,e.disabled||d.value===a?m.value="":m.value=g.value?"#1f1f1f":"rgba(0, 0, 0, 0.06)"}function C(e,a){a.preventDefault(),c.value=-1}function M(e=d.value){V(()=>{var t;const a=(t=f==null?void 0:f.proxy)==null?void 0:t.$refs[`labelRef${e}`];s.value=a.clientWidth,v.value=a.offsetLeft,b.value=!0})}X(()=>d.value,e=>{V(()=>{M(e)})},{deep:!0,immediate:!0});const $=()=>u.options.map((e,a)=>r("label",{ref:`labelRef${a}`,class:["pure-segmented-item",(e==null?void 0:e.disabled)&&"pure-segmented-item-disabled"],style:{background:c.value===a?m.value:"",color:!e.disabled&&(d.value===a||c.value===a)?g.value?"rgba(255, 255, 255, 0.85)":"rgba(0,0,0,.88)":""},onMouseenter:t=>k({option:e,index:a},t),onMouseleave:t=>C({option:e,index:a},t),onClick:t=>I({option:e,index:a},t)},[r("input",{type:"radio",name:"segmented"},null),r("div",{class:"pure-segmented-item-label"},[e.icon&&!R(e.label)?r("span",{class:"pure-segmented-item-icon",style:{marginRight:e.label?"6px":0}},[p(A(e.icon,h({},e==null?void 0:e.iconAttrs)))]):null,e.label?R(e.label)?p(e.label):r("span",null,[e.label]):null])]));return()=>r("div",{class:"pure-segmented"},[r("div",{class:"pure-segmented-group"},[r("div",{class:"pure-segmented-item-selected",style:{width:`${s.value}px`,transform:`translateX(${v.value}px)`,display:b.value?"block":"none"}},null),$()])])}}),z=q(P);export{z as R};