2 lines
1.9 KiB
JavaScript
2 lines
1.9 KiB
JavaScript
import{_ as x,c,a as r,g as l,b as n,j as i,n as d,t as u}from"./index-BUdRbiwj.js";const y={class:"atlas-checkbox-wrapper"},k={class:"flex items-center cursor-pointer"},v={class:"relative"},C=["id","checked","disabled"],w={key:0,class:"absolute inset-0 flex items-center justify-center pointer-events-none"},V={key:0,class:"mt-1 text-sm text-error-600"},_={__name:"FPCheckbox",props:{modelValue:{type:Boolean,default:!1},label:{type:String,default:""},disabled:{type:Boolean,default:!1},errorMessage:{type:String,default:""},size:{type:String,default:"md",validator:e=>["sm","md","lg"].includes(e)}},emits:["update:modelValue"],setup(e,{emit:m}){const t=e,p=m,h=c(()=>`atlas-checkbox-${Math.random().toString(36).substr(2,9)}`),f=c(()=>{const s=["appearance-none rounded-sm border-2 transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2"],o={sm:["w-4 h-4"],md:["w-5 h-5"],lg:["w-6 h-6"]},a=[];return t.modelValue?a.push("bg-primary-600","border-primary-600","focus:ring-primary-500"):a.push("bg-white","border-gray-300","focus:ring-primary-500"),t.disabled?a.push("opacity-50","cursor-not-allowed"):a.push("cursor-pointer"),t.errorMessage&&a.push("border-error-500","focus:ring-error-500"),[...s,...o[t.size],...a].flat()}),b=c(()=>{const s=["text-gray-700","select-none"];return t.disabled?s.push("opacity-50","cursor-not-allowed"):s.push("cursor-pointer"),t.errorMessage&&s.push("text-error-700"),s}),g=s=>{p("update:modelValue",s.target.checked)};return(s,o)=>(l(),r("div",y,[n("label",k,[n("div",v,[n("input",{id:h.value,type:"checkbox",checked:e.modelValue,disabled:e.disabled,class:d(f.value),onChange:g},null,42,C),e.modelValue?(l(),r("div",w,o[0]||(o[0]=[n("span",{class:"text-white text-xs"},"✓",-1)]))):i("",!0)]),e.label?(l(),r("span",{key:0,class:d(["ml-2 text-sm",b.value])},u(e.label),3)):i("",!0)]),e.errorMessage?(l(),r("div",V,u(e.errorMessage),1)):i("",!0)]))}},B=x(_,[["__scopeId","data-v-eeade3ef"]]);export{B as F};
|