@cypress-design/vue-checkbox 0.5.0 → 1.1.0

package/dist/index.umd.js

@@ -1,4 +1,4 @@
-(function(e,r){typeof exports=="object"&&typeof module<"u"?module.exports=r(require("vue"),require("@cypress-design/icon-registry")):typeof define=="function"&&define.amd?define(["vue","@cypress-design/icon-registry"],r):(e=typeof globalThis<"u"?globalThis:e||self,e.Checkbox=r(e.Vue,e.CyIconRegistry))})(this,function(e,r){"use strict";function m(t){if(t&&t.__esModule)return t;const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(l,o,n.get?n:{enumerable:!0,get:()=>t[o]})}}return l.default=t,Object.freeze(l)}const b=m(r),f=({body:t,compiledClasses:l,size:o,class:n,interactiveColorsOnGroup:d,...i})=>{const s=Object.keys(i).reduce((u,a)=>(!r.ICON_COLOR_PROP_NAMES.includes(a)&&a!=="name"&&(u[a]=i[a]),u),{}),c={width:o,height:o,viewBox:`0 0 ${o} ${o}`,fill:"none",innerHTML:t,...s};return l.length&&(c.class=l.join(" ")),c},p=t=>{const{sizeWithDefault:l,compiledClasses:o}=b.getComponentAttributes({...t,availableSizes:["16"]}),n={16:'<path d="M5 8.5 7.5 11 11 5" stroke="currentColor" class="icon-dark" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>'}[l];if(!n)throw Error(`Icon "checkmark-small" is not available in size ${l}`);return e.h("svg",f({...t,size:l,body:n,compiledClasses:o}))},g={class:"block relative flex items-center"},h=["id","name","disabled","checked"],k=["for"];function y(){return String(Date.now().toString(32)+Math.random().toString(16)).replace(/\./g,"")}return e.defineComponent({__name:"Checkbox",props:{id:{default:()=>y()},name:null,checked:{type:Boolean},color:{default:"indigo"},disabled:{type:Boolean},modelValue:{type:Boolean},label:null},emits:["update:modelValue"],setup(t,{emit:l}){const o=t,n=e.ref(o.modelValue||o.checked);function d(){n.value=!n.value,l("update:modelValue",n.value)}const i=e.computed(()=>[o.disabled?"border-gray-200 bg-gray-100":n.value?{"border-indigo-500 bg-indigo-400":o.color==="indigo","border-jade-500 bg-jade-400":o.color==="jade","border-red-500 bg-red-400":o.color==="red"}:"border-gray-200 bg-white"]);return(s,c)=>(e.openBlock(),e.createElementBlock("span",g,[e.createElementVNode("input",{id:t.id,class:"absolute inset-0 w-0 h-0 opacity-0",name:t.name||t.id,type:"checkbox",onChange:d,disabled:o.disabled,checked:n.value},null,40,h),e.createElementVNode("label",{className:"flex items-center",for:t.id},[n.value?(e.openBlock(),e.createBlock(e.unref(p),{key:0,strokeColor:"white",class:"absolute"})):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass([e.unref(i),"block border border-solid rounded h-[16px] w-[16px] flex-shrink-0"])},null,2),e.renderSlot(s.$slots,"label",{},()=>[t.label?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["ml-[8px] text-[16px] leading-[24px] font-light select-none",t.disabled?"text-gray-500":"text-gray-800"])},e.toDisplayString(t.label),3)):e.createCommentVNode("",!0)])],8,k)]))}})});
-
-/* <windicss-keep class="border-gray-200 bg-gray-100 border-indigo-500 bg-indigo-400 border-jade-500 bg-jade-400 border-red-500 bg-red-400 bg-white block relative flex items-center absolute inset-0 w-0 h-0 opacity-0 border border-solid rounded h-[16px] w-[16px] flex-shrink-0 ml-[8px] text-[16px] leading-[24px] font-light select-none text-gray-500 text-gray-800 icon-dark-white"> */
+(function(e,o){typeof exports=="object"&&typeof module<"u"?module.exports=o(require("vue"),require("@cypress-design/vue-icon")):typeof define=="function"&&define.amd?define(["vue","@cypress-design/vue-icon"],o):(e=typeof globalThis<"u"?globalThis:e||self,e.Checkbox=o(e.Vue,e.Icon))})(this,function(e,o){"use strict";const t={wrapper:"relative flex items-center",hiddenInput:"absolute inset-0 w-0 h-0 opacity-0",labelTag:"flex items-center",visibleCheckbox:"border border-solid rounded h-[16px] w-[16px] flex flex-shrink-0 items-center text-white",trueLabel:"block ml-[8px] text-[16px] leading-[24px] font-light select-none"},d={indigo:"border-indigo-500 bg-indigo-400",jade:"border-jade-500 bg-jade-400",red:"border-red-500 bg-red-400",disabled:"border-gray-200 bg-gray-100",empty:"border-gray-200 bg-white"},s={class:"relative flex items-center"},c=["id","name","disabled","checked","tabindex","aria-hidden"],m=["for"];function p(){return String(Date.now().toString(32)+Math.random().toString(16)).replace(/\./g,"")}return e.defineComponent({__name:"Checkbox",props:{id:{default:()=>p()},name:{},checked:{type:Boolean},color:{default:"indigo"},disabled:{type:Boolean},modelValue:{type:[Boolean,Array]},label:{},inputTabIndex:{},hideInput:{type:Boolean,default:!1}},emits:["update:modelValue","change"],setup(u,{emit:b}){const a=u,l=e.ref((Array.isArray(a.modelValue)?a.name?a.modelValue.includes(a.name):!1:a.modelValue)||a.checked),i=b;function f(){if(l.value=!l.value,Array.isArray(a.modelValue)){const n=[...a.modelValue];if(!a.name)return;const r=n.indexOf(a.name);r===-1?n.push(a.name):n.splice(r,1),i("update:modelValue",n)}else i("update:modelValue",l.value);i("change",l.value)}const h=e.computed(()=>a.disabled?d.disabled:l.value?d[a.color]:d.empty);return(n,r)=>(e.openBlock(),e.createElementBlock("span",s,[e.createElementVNode("input",{id:n.id,class:e.normalizeClass(e.unref(t).hiddenInput),name:n.name||n.id,type:"checkbox",disabled:a.disabled,checked:l.value,tabindex:n.inputTabIndex,"aria-hidden":n.hideInput||void 0,style:e.normalizeStyle(n.hideInput?{display:"none"}:void 0),onChange:f},null,46,c),e.createElementVNode("label",{class:e.normalizeClass(e.unref(t).labelTag),for:n.id},[l.value?(e.openBlock(),e.createBlock(e.unref(o.IconCheckmarkSmall),{key:0,strokeColor:"white",class:"absolute"})):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass([h.value,e.unref(t).visibleCheckbox])},null,2),e.renderSlot(n.$slots,"label",{},()=>[n.label?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(t).trueLabel,n.disabled?"text-gray-500":"text-gray-800"])},e.toDisplayString(n.label),3)):e.createCommentVNode("",!0)])],10,m)]))}})});
 //# sourceMappingURL=index.umd.js.map
+
+/* <wind-keep class="relative flex items-center absolute text-gray-500 text-gray-800 icon-dark-white"> */