{"version":3,"file":"FormCheck-BZo9zti_.js","sources":["../../Vue/src/components/Common/FormCheck.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    label?: string;\r\n    modelValue?: boolean | string[];\r\n    value?: string;\r\n    name?: string;\r\n    id?: string;\r\n    disabled?: boolean;\r\n  }>(),\r\n  {\r\n    label: \"\",\r\n    name: \"\",\r\n    modelValue: false,\r\n    id: () => uniqueId(\"form-check\"),\r\n    disabled: false,\r\n  },\r\n);\r\n\r\nconst emit = defineEmits<{\r\n  (e: \"update:modelValue\", value: boolean | string[]): void;\r\n}>();\r\n\r\nconst data = computed({\r\n  get() {\r\n    return props.modelValue;\r\n  },\r\n  set(newValue) {\r\n    emit(\"update:modelValue\", newValue ?? false);\r\n  },\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    class=\"flex cursor-pointer flex-row items-center justify-start gap-2 py-1\"\r\n  >\r\n    <input\r\n      :id=\"id\"\r\n      v-model=\"data\"\r\n      type=\"checkbox\"\r\n      :value=\"value\"\r\n      class=\"checkbox\"\r\n      :name=\"name\"\r\n      :disabled=\"disabled\"\r\n    /><label\r\n      :for=\"id\"\r\n      class=\"ml-2 flex flex-1 items-center gap-3\"\r\n      ><span class=\"label-text\">{{ label }}</span>\r\n      <span><slot /></span>\r\n    </label>\r\n  </div>\r\n</template>\r\n\r\n<style scoped lang=\"postcss\">\r\n.label-text {\r\n  @apply text-base text-base-content;\r\n}\r\n.checkbox:not(:checked) {\r\n  @apply bg-white;\r\n}\r\n.checkbox:checked {\r\n  --chkfg: theme(colors.base-100);\r\n}\r\n</style>\r\n"],"names":["props","__props","emit","__emit","data","computed","newValue"],"mappings":"qiBACA,MAAMA,EAAQC,EAkBRC,EAAOC,EAIPC,EAAOC,EAAS,CACpB,KAAM,CACJ,OAAOL,EAAM,UACf,EACA,IAAIM,EAAU,CACPJ,EAAA,oBAAqBI,GAAA,KAAAA,EAAY,EAAK,CAC7C,CAAA,CACD"}