https://www.datacenterfrontier.com/_nuxt/Switch-CWPni7pL.mjs

1import{A as e,D as t,E as n,H as r,I as i,Jt as a,Ln as o,N as s,O as c,Ot as l,P as u,Pt as d,Zt as f,_ as p,_t as m,g as h,gt as g,it as _,k as v,kn as y,lt as b,o as x,q as S,un as C,y as w,yt as T}from"./vue.runtime.esm-bundler-DK-ieOMu.mjs";import{o as E}from"./is-equal-CdQM1mL-.mjs";import{a as D,b as O,h as k,i as A,o as j,r as M,z as N}from"./useFieldGroup-BjrnXgPF.mjs";import{h as P,q as F}from"./usePortal-BXyysH4I.mjs";import{i as I,n as L,r as R,t as z}from"./Label-CmNU8DOc.mjs";import{p as B}from"./Button-CHLYEPlz.mjs";r(),d(),x();var[V,H]=O(`SwitchRoot`),U=i({inheritAttrs:!1,__name:`SwitchRoot`,props:{defaultValue:{type:null,required:!1},modelValue:{type:null,required:!1,default:void 0},disabled:{type:Boolean,required:!1},id:{type:String,required:!1},value:{type:String,required:!1,default:`on`},trueValue:{type:null,required:!1,default:()=>!0},falseValue:{type:null,required:!1,default:()=>!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`button`},name:{type:String,required:!1},required:{type:Boolean,required:!1}},emits:[`update:modelValue`],setup(t,{emit:r}){let i=t,o=r,{disabled:s}=a(i),d=F(i,`modelValue`,o,{defaultValue:i.defaultValue??i.falseValue,passive:i.modelValue===void 0}),m=n(()=>d.value===i.trueValue);function g(){s.value||(d.value=m.value?i.falseValue:i.trueValue)}let{forwardRef:y,currentElement:x}=P(),C=I(x),T=R(),E=n(()=>i.id&&x.value?document.querySelector(`[for="${i.id}"]`)?.innerText:void 0);return H({checked:m,toggleCheck:g,disabled:s}),(t,n)=>(_(),e(w,null,[u(f(k),S({id:t.id,ref:f(y),role:`switch`,type:t.as===`button`?`button`:void 0,value:t.value,"aria-label":t.$attrs[`aria-label`]||E.value,"aria-checked":m.value,"aria-required":t.required,"data-state":m.value?`checked`:`unchecked`,"data-disabled":f(s)?``:void 0,"as-child":t.asChild,as:t.as,disabled:f(s)},{...f(T),...t.$attrs},{onClick:g,onKeydown:h(p(g,[`prevent`]),[`enter`])}),{default:l(()=>[b(t.$slots,`default`,{modelValue:f(d),checked:m.value})]),_:3},16,[`id`,`type`,`value`,`aria-label`,`aria-checked`,`aria-required`,`data-state`,`data-disabled`,`as-child`,`as`,`disabled`,`onKeydown`]),f(C)&&t.name?(_(),c(f(L),S({key:0,type:`checkbox`,name:t.name,disabled:f(s),required:t.required,value:t.value,checked:m.value},f(T)),null,16,[`name`,`disabled`,`required`,`value`,`checked`])):v(`v-if`,!0)],64))}});r(),d();var W=i({__name:`SwitchThumb`,props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`span`}},setup(e){let t=V();return P(),(e,n)=>(_(),c(f(k),{"data-state":f(t).checked.value?`checked`:`unchecked`,"data-disabled":f(t).disabled.value?``:void 0,"as-child":e.asChild,as:e.as},{default:l(()=>[b(e.$slots,`default`)]),_:3},8,[`data-state`,`data-disabled`,`as-child`,`as`]))}}),G={slots:{root:`relative flex items-start`,base:[`inline-flex items-center shrink-0 rounded-full border-2 border-transparent focus-visible:outline-3 data-[state=unchecked]:bg-accented`,`transition-[background] duration-200 ease-out`],container:`flex items-center`,thumb:`group pointer-events-none rounded-full bg-default shadow-lg ring-0 transition-transform duration-200 ease-out motion-reduce:transition-none data-[state=unchecked]:translate-x-0 data-[state=unchecked]:rtl:-translate-x-0 flex items-center justify-center`,icon:[`absolute shrink-0 group-data-[state=unchecked]:text-dimmed opacity-0 size-10/12`,`transition-[color,opacity] duration-200 ease-out`],wrapper:`ms-2`,label:`block font-medium text-default`,description:`text-muted`},variants:{color:{primary:{base:`data-[state=checked]:bg-primary outline-primary/25`,icon:`group-data-[state=checked]:text-primary`},secondary:{base:`data-[state=checked]:bg-secondary outline-secondary/25`,icon:`group-data-[state=checked]:text-secondary`},success:{base:`data-[state=checked]:bg-success outline-success/25`,icon:`group-data-[state=checked]:text-success`},info:{base:`data-[state=checked]:bg-info outline-info/25`,icon:`group-data-[state=checked]:text-info`},warning:{base:`data-[state=checked]:bg-warning outline-warning/25`,icon:`group-data-[state=checked]:text-warning`},error:{base:`data-[state=checked]:bg-error outline-error/25`,icon:`group-data-[state=checked]:text-error`},neutral:{base:`data-[state=checked]:bg-inverted outline-inverted/25`,icon:`group-data-[state=checked]:text-highlighted`}},size:{xs:{base:`w-7`,container:`h-4`,thumb:`size-3 data-[state=checked]:translate-x-3 data-[state=checked]:rtl:-translate-x-3`,wrapper:`text-xs`},sm:{base:`w-8`,container:`h-4`,thumb:`size-3.5 data-[state=checked]:translate-x-3.5 data-[state=checked]:rtl:-translate-x-3.5`,wrapper:`text-xs`},md:{base:`w-9`,container:`h-5`,thumb:`size-4 data-[state=checked]:translate-x-4 data-[state=checked]:rtl:-translate-x-4`,wrapper:`text-sm`},lg:{base:`w-10`,container:`h-5`,thumb:`size-4.5 data-[state=checked]:translate-x-4.5 data-[state=checked]:rtl:-translate-x-4.5`,wrapper:`text-sm`},xl:{base:`w-11`,container:`h-6`,thumb:`size-5 data-[state=checked]:translate-x-5 data-[state=checked]:rtl:-translate-x-5`,wrapper:`text-base`}},checked:{true:{icon:`group-data-[state=checked]:opacity-100`}},unchecked:{true:{icon:`group-data-[state=unchecked]:opacity-100`}},loading:{true:{icon:`animate-spin`}},highlight:{true:``},required:{true:{label:`after:content-['*'] after:ms-0.5 after:text-error`}},disabled:{true:{root:`opacity-75`,base:`cursor-not-allowed`,label:`cursor-not-allowed`,description:`cursor-not-allowed`}}},compoundVariants:[{color:`primary`,highlight:!0,class:{base:`ring ring-primary`}},{color:`secondary`,highlight:!0,class:{base:`ring ring-secondary`}},{color:`success`,highlight:!0,class:{base:`ring ring-success`}},{color:`info`,highlight:!0,class:{base:`ring ring-info`}},{color:`warning`,highlight:!0,class:{base:`ring ring-warning`}},{color:`error`,highlight:!0,class:{base:`ring ring-error`}},{color:`neutral`,highlight:!0,class:{base:`ring ring-inverted`}}],defaultVariants:{color:`primary`,size:`md`}};r(),d(),C();var K=Object.assign({inheritAttrs:!1},{__name:`USwitch`,props:{as:{type:null,required:!1},color:{type:null,required:!1},size:{type:null,required:!1},highlight:{type:Boolean,required:!1},loading:{type:Boolean,required:!1},loadingIcon:{type:null,required:!1},checkedIcon:{type:null,required:!1},uncheckedIcon:{type:null,required:!1},label:{type:String,required:!1},description:{type:String,required:!1},class:{type:null,required:!1},ui:{type:Object,required:!1},disabled:{type:Boolean,required:!1},id:{type:String,required:!1},name:{type:String,required:!1},required:{type:Boolean,required:!1},value:{type:String,required:!1},defaultValue:{type:null,required:!1},modelValue:{type:null,required:!1},trueValue:{type:null,required:!1},falseValue:{type:null,required:!1}},emits:[`change`,`update:modelValue`],setup(r,{emit:i}){let a=r,d=T(),p=i,h=j(`switch`,a),x=E(),C=D(N(h,`required`,`value`,`defaultValue`,`modelValue`,`trueValue`,`falseValue`),p),{id:O,emitFormChange:P,emitFormInput:F,size:I,color:L,highlight:R,name:V,disabled:H,ariaAttrs:K}=B(a),q=O.value??m(),J=n(()=>L.value??h.color),Y=n(()=>R.value??h.highlight),X=n(()=>I.value??h.size),Z=n(()=>H.value??h.disabled),Q=g(),ee=n(()=>{let{"data-state":e,...t}=Q;return t}),$=n(()=>A({extend:G,...x.ui?.switch||{}})({size:X.value,color:J.value,highlight:Y.value,required:h.required,loading:h.loading,disabled:Z.value||h.loading}));function te(e){let t=new Event(`change`,{target:{value:e}});p(`change`,t),P(),F()}return(n,r)=>(_(),c(f(k),{as:f(h).as,"data-slot":n.$attrs[`data-slot`]??`root`,class:y($.value.root({class:[f(h).ui?.root,f(h).class]}))},{default:l(()=>[t(`div`,{"data-slot":`container`,class:y($.value.container({class:f(h).ui?.container}))},[u(f(U),S({id:f(q)},{...f(C),...ee.value,...f(K)},{name:f(V),disabled:Z.value||f(h).loading,"data-slot":`base`,class:$.value.base({class:f(h).ui?.base}),"onUpdate:modelValue":te}),{default:l(()=>[u(f(W),{"data-slot":`thumb`,class:y($.value.thumb({class:f(h).ui?.thumb}))},{default:l(()=>[f(h).loading?(_(),c(M,{key:0,name:f(h).loadingIcon||f(x).ui.icons.loading,"data-slot":`icon`,class:y($.value.icon({class:f(h).ui?.icon,checked:!0,unchecked:!0}))},null,8,[`name`,`class`])):(_(),e(w,{key:1},[f(h).checkedIcon?(_(),c(M,{key:0,name:f(h).checkedIcon,"data-slot":`icon`,class:y($.value.icon({class:f(h).ui?.icon,checked:!0}))},null,8,[`name`,`class`])):v(``,!0),f(h).uncheckedIcon?(_(),c(M,{key:1,name:f(h).uncheckedIcon,"data-slot":`icon`,class:y($.value.icon({class:f(h).ui?.icon,unchecked:!0}))},null,8,[`name`,`class`])):v(``,!0)],64))]),_:1},8,[`class`])]),_:1},16,[`id`,`name`,`disabled`,`class`])],2),f(h).label||d.label||f(h).description||d.description?(_(),e(`div`,{key:0,"data-slot":`wrapper`,class:y($.value.wrapper({class:f(h).ui?.wrapper}))},[f(h).label||d.label?(_(),c(f(z),{key:0,for:f(q),"data-slot":`label`,class:y($.value.label({class:f(h).ui?.label}))},{default:l(()=>[b(n.$slots,`label`,{label:f(h).label},()=>[s(o(f(h).label),1)])]),_:3},8,[`for`,`class`])):v(``,!0),f(h).description||d.description?(_(),e(`p`,{key:1,"data-slot":`description`,class:y($.value.description({class:f(h).ui?.description}))},[b(n.$slots,`description`,{description:f(h).description},()=>[s(o(f(h).description),1)])],2)):v(``,!0)],2)):v(``,!0)]),_:3},8,[`as`,`data-slot`,`class`]))}});

1export{K as t};