https://swsj.cc/js/checkbox-Bq-l2wlg.js

1import{Dt as e,E as t,F as n,G as r,J as i,P as a,Z as o,_ as s,b as c,c as l,et as u,g as d,l as f,st as p,tt as m,v as h,w as g,y as _}from"./vue.runtime.esm-bundler-Cn9skj67.js";import{z as v}from"./utils-BbKKN0ec.js";import{t as y}from"./objectWithoutProperties-DL07YAu7.js";import{x as b}from"./dist-OtcnpBfr.js";import{n as x,r as S,t as C}from"./isValueEqualOrExist-Dn1SIP8K.js";import{i as w,n as T,o as E}from"./usePrimitiveElement-DkLVzrR-.js";import{i as D,t as O}from"./RovingFocusItem-0eAV_t4r.js";import{t as k}from"./Primitive-BYnYyPH4.js";import{r as A,t as j}from"./VisuallyHiddenInput-sGVgJjCE.js";import{t as M}from"./createLucideIcon-ChHJFNep.js";var[N,P]=E(`CheckboxGroupRoot`);function F(e){return e===`indeterminate`}function I(e){return F(e)?`indeterminate`:e?`checked`:`unchecked`}var[L,R]=E(`CheckboxRoot`),z=t({inheritAttrs:!1,__name:`CheckboxRoot`,props:{defaultValue:{type:null,required:!1},modelValue:{type:null,required:!1,default:void 0},disabled:{type:Boolean,required:!1},value:{type:null,required:!1,default:`on`},id:{type:String,required:!1},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:a}){var s;let c=t,u=a,{forwardRef:m,currentElement:g}=w(),v=N(null),y=b(c,`modelValue`,u,{defaultValue:(s=c.defaultValue)==null?c.falseValue:s,passive:c.modelValue===void 0}),T=d(()=>(v==null?void 0:v.disabled.value)||c.disabled),E=d(()=>S(y.value,c.trueValue)),D=d(()=>x(v==null?void 0:v.modelValue.value)?y.value===`indeterminate`?`indeterminate`:E.value:C(v.modelValue.value,c.value));function M(){if(x(v==null?void 0:v.modelValue.value))y.value===`indeterminate`?y.value=c.trueValue:y.value=E.value?c.falseValue:c.trueValue;else{let e=[...v.modelValue.value||[]];if(C(e,c.value)){let t=e.findIndex(e=>S(e,c.value));e.splice(t,1)}else e.push(c.value);v.modelValue.value=e}}let P=A(g),L=d(()=>{var e;return c.id&&g.value?(e=document.querySelector(`[for="${c.id}"]`))==null?void 0:e.innerText:void 0});return R({disabled:T,state:D}),(t,a)=>{var s,c;return r(),h(o((s=e(v))!=null&&s.rovingFocus.value?e(O):e(k)),n(t.$attrs,{id:t.id,ref:e(m),role:`checkbox`,"as-child":t.asChild,as:t.as,type:t.as===`button`?`button`:void 0,"aria-checked":e(F)(D.value)?`mixed`:D.value,"aria-required":t.required,"aria-label":t.$attrs[`aria-label`]||L.value,"data-state":e(I)(D.value),"data-disabled":T.value?``:void 0,disabled:T.value,focusable:(c=e(v))!=null&&c.rovingFocus.value?!T.value:void 0,onKeydown:l(f(()=>{},[`prevent`]),[`enter`]),onClick:M}),{default:p(()=>[i(t.$slots,`default`,{modelValue:e(y),state:D.value}),e(P)&&t.name&&!e(v)?(r(),h(e(j),{key:0,type:`checkbox`,checked:!!D.value,name:t.name,value:t.value,disabled:T.value,required:t.required},null,8,[`checked`,`name`,`value`,`disabled`,`required`])):_(`v-if`,!0)]),_:3},16,[`id`,`as-child`,`as`,`type`,`aria-checked`,`aria-required`,`aria-label`,`data-state`,`data-disabled`,`disabled`,`focusable`,`onKeydown`])}}}),B=t({__name:`CheckboxIndicator`,props:{forceMount:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`span`}},setup(t){let{forwardRef:a}=w(),o=L();return(t,s)=>(r(),h(e(D),{present:t.forceMount||e(F)(e(o).state.value)||e(o).state.value===!0},{default:p(()=>[g(e(k),n({ref:e(a),"data-state":e(I)(e(o).state.value),"data-disabled":e(o).disabled.value?``:void 0,style:{pointerEvents:`none`},"as-child":t.asChild,as:t.as},t.$attrs),{default:p(()=>[i(t.$slots,`default`)]),_:3},16,[`data-state`,`data-disabled`,`as-child`,`as`])]),_:3},8,[`present`]))}}),V=M(`check`,[[`path`,{d:`M20 6 9 17l-5-5`,key:`1gmf2c`}]]),H=M(`minus`,[[`path`,{d:`M5 12h14`,key:`1ays0h`}]]),U=[`class`],W=t({__name:`Checkbox`,props:{defaultValue:{},modelValue:{},disabled:{type:Boolean},value:{},id:{},trueValue:{},falseValue:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean},class:{},indeterminate:{type:Boolean}},emits:[`update:modelValue`],setup(t,{emit:a}){let s=t,c=a,l=T(d(()=>{let{class:e}=s;return y(s,U)}),c);return(a,c)=>(r(),h(e(z),n(e(l),{class:e(v)(`peer border-border hover:border-primary focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground h-4 w-4 shrink-0 rounded-sm border transition focus-visible:ring-1 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50`,s.class)}),{default:p(()=>[g(e(B),{class:`flex h-full w-full items-center justify-center text-current`},{default:p(()=>[i(a.$slots,`default`,{},()=>[(r(),h(o(t.indeterminate?e(H):e(V)),{class:`h-4 w-4`}))])]),_:3})]),_:3},16,[`class`]))}}),G={class:`flex items-center`},K=[`for`],q=t({__name:`checkbox`,props:a({defaultValue:{},modelValue:{},disabled:{type:Boolean},value:{},id:{},trueValue:{},falseValue:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean},indeterminate:{type:Boolean}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:a([`update:modelValue`],[`update:modelValue`]),setup(t,{emit:a}){let o=t,l=a,d=m(t,`modelValue`),f=T(o,l),p=u();return(t,a)=>(r(),c(`div`,G,[g(e(W),n(e(f),{id:e(p),modelValue:d.value,"onUpdate:modelValue":a[0]||(a[0]=e=>d.value=e)}),null,16,[`id`,`modelValue`]),s(`label`,{for:e(p),class:`ml-2 cursor-pointer text-sm`},[i(t.$slots,`default`)],8,K)]))}});

1export{H as n,V as r,q as t};