https://www.schule-adliswil.ch/dist/SegmentedControl-DNnS9gtE.js

1import{B as e,C as t,M as n,Q as r,S as i,T as a,_ as o,an as s,cn as c,ct as l,en as u,et as d,it as f,t as p,w as m,x as h}from"./vue.runtime.esm-bundler-CQND_IVA.js";import{n as g,t as _}from"./Counter-BTn-Ngue.js";var v,y,b,x=c((()=>{p(),g(),v={key:0},y={class:`break-words line-clamp-1`},b=n({__name:`SegmentedControlOption`,props:{value:{},option:{}},emits:[`selectOption`],setup(e,{emit:n}){let o=n,c=h(()=>e.option.value===e.value),l=h(()=>e.option.disabled),d=h(()=>l.value&&!c.value?`GraySecondary`:c.value?`BlueTertiary`:`BlueSecondary`);return(n,p)=>(r(),a(`li`,{class:u([`group flex justify-center items-center gap-x-eds-s px-eds-s cursor-pointer hover:text-eds-brand hover:bg-eds-blue-lighter`,{"text-eds-brand bg-eds-blue-lighter pointer-events-none":c.value,"text-eds-disabled pointer-events-none":l.value&&!c.value}]),onClick:p[0]||=t=>o(`selectOption`,e.option)},[e.option.icon===void 0?m(``,!0):(r(),a(`div`,v,[(r(),t(f(e.option.icon),{class:`icon-square-1`}))])),i(`span`,y,s(e.option.label),1),e.option.count===void 0?m(``,!0):(r(),t(_,{key:1,count:e.option.count,variant:d.value,"group-hover":``},null,8,[`count`,`variant`]))],2))}})})),S,C=c((()=>{x(),x(),S=b})),w,T,E=c((()=>{p(),C(),w={class:`eds-reset`},T=n({__name:`SegmentedControl`,props:e({items:{},transform:{type:Function},fluid:{type:Boolean}},{value:{required:!0},valueModifiers:{}}),emits:[`update:value`],setup(e){let n=l(e,`value`),s=h(()=>e.items.map(t=>e.transform(t)));function c(e){n.value=e.value}return(l,f)=>(r(),a(`div`,w,[i(`ul`,{class:u([`eds-paragraphs-s-bold h-eds-2xl list-none bg-eds-primary border border-eds-primary rounded-eds-s divide-x divide-eds-primary overflow-hidden`,e.fluid?`grid grid-flow-col auto-cols-fr`:`max-w-max flex`])},[(r(!0),a(o,null,d(s.value,e=>(r(),t(S,{key:e.value,value:n.value,option:e,onSelectOption:c},null,8,[`value`,`option`]))),128))],2)]))}})})),D,O=c((()=>{E(),E(),D=T}));export{O as n,D as t};