{"version":3,"file":"DgOFdzRz.js","sources":["../../../../components/forms/components/VCheckbox.vue"],"sourcesContent":["<template>\n  <div class=\"flex items-center\">\n    <input\n      :id=\"id || name\"\n      v-model=\"internalValue\"\n      :value=\"value\"\n      :name=\"name\"\n      type=\"checkbox\"\n      class=\"rounded border-gray-500 w-10 h-10 cursor-pointer checkbox\"\n      :class=\"theme.CheckboxInput.size\"\n      :style=\"{ '--accent-color': color }\"\n      :disabled=\"disabled ? true : null\"\n    >\n    <label\n      :for=\"id || name\"\n      class=\"text-gray-700 dark:text-gray-300 ml-2\"\n      :class=\"{ '!cursor-not-allowed': disabled }\"\n    >\n      <slot />\n    </label>\n  </div>\n</template>\n\n<script setup>\nimport {\n  ref,\n  watch,\n  onMounted,\n  defineProps,\n  defineEmits,\n  defineOptions,\n} from \"vue\"\nimport CachedDefaultTheme from '~/lib/forms/themes/CachedDefaultTheme.js'\n\ndefineOptions({\n  name: \"VCheckbox\",\n})\nconst props = defineProps({\n  id: { type: String, default: null },\n  name: { type: String, default: \"checkbox\" },\n  modelValue: { type: [Boolean, String], default: false },\n  value: { type: [Boolean, String, Number, Object], required: false },\n  disabled: { type: Boolean, default: false },\n  theme: {\n      type: Object, default: () => {\n        const theme = inject(\"theme\", null)\n        if (theme) {\n          return theme.value\n        }\n        return CachedDefaultTheme.getInstance()\n      }\n    },\n  color: { type: String, default: null },\n})\nconst emit = defineEmits([\"update:modelValue\", \"click\"])\nconst internalValue = ref(props.modelValue)\nwatch(\n  () => props.modelValue,\n  (val) => {\n    internalValue.value = val\n  },\n)\nwatch(\n  () => props.checked,\n  (val) => {\n    internalValue.value = val\n  },\n)\nwatch(\n  () => internalValue.value,\n  (val, oldVal) => {\n    if (val === 0 || val === \"0\") val = false\n    if (val === 1 || val === \"1\") val = true\n    if (val !== oldVal) {\n      emit(\"update:modelValue\", val)\n    }\n  },\n)\nonMounted(() => {\n  if (internalValue.value === null) {\n    internalValue.value = false\n  }\n})\n</script>\n<style>\n  .checkbox {\n    accent-color: var(--accent-color);\n  }\n</style>\n"],"names":["props","__props","emit","__emit","internalValue","ref","watch","val","oldVal","onMounted"],"mappings":"g8BAqCA,MAAMA,EAAQC,EAiBRC,EAAOC,EACPC,EAAgBC,EAAIL,EAAM,UAAU,EAC1C,OAAAM,EACE,IAAMN,EAAM,WACXO,GAAQ,CACPH,EAAc,MAAQG,CACvB,CACH,EACAD,EACE,IAAMN,EAAM,QACXO,GAAQ,CACPH,EAAc,MAAQG,CACvB,CACH,EACAD,EACE,IAAMF,EAAc,MACpB,CAACG,EAAKC,IAAW,EACXD,IAAQ,GAAKA,IAAQ,OAAKA,EAAM,KAChCA,IAAQ,GAAKA,IAAQ,OAAKA,EAAM,IAChCA,IAAQC,GACVN,EAAK,oBAAqBK,CAAG,CAEhC,CACH,EACAE,EAAU,IAAM,CACVL,EAAc,QAAU,OAC1BA,EAAc,MAAQ,GAE1B,CAAC"}