{"version":3,"file":"Checkbox.vue_vue_type_script_setup_true_lang-DZIrvYks.js","sources":["../../cognitocmsapi/Components/Form/Checkbox.vue"],"sourcesContent":["<template>\n  <div>\n    <div class=\"mt-1\">\n      <label class=\"inline-block select-none text-sm text-gray-800 dark:text-gray-200\">\n        <input v-model=\"checked\" type=\"checkbox\" :required=\"required\" @change=\"handleInput\">\n        {{ label }}\n      </label>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nconst props = defineProps({\n  label: {\n    type: String,\n  },\n  required: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst modelValue = defineModel({ type: Number || String || Boolean, default: 0 })\n\nconst checked = ref(true) // workaround sometimes not checking by default\n\nconst handleInput = () => {\n  modelValue.value = checked.value ? 1 : 0\n}\n\nconst setChecked = () => {\n  if (typeof modelValue.value == 'string') {\n    modelValue.value = Number.parseInt(modelValue.value)\n  }\n  checked.value = !!modelValue.value\n}\n\nwatch(modelValue, setChecked)\nwatch(() => props, () => {\n  setChecked()\n}, {\n  deep: true,\n})\n\nonMounted(() => {\n  setChecked()\n})\n</script>\n"],"names":["props","__props","modelValue","_useModel","checked","ref","handleInput","setChecked","watch","onMounted"],"mappings":"kcAYA,MAAMA,EAAQC,EAURC,EAAaC,EAA6DF,EAAA,YAAA,EAE1EG,EAAUC,EAAI,EAAI,EAElBC,EAAc,IAAM,CACbJ,EAAA,MAAQE,EAAQ,MAAQ,EAAI,CACzC,EAEMG,EAAa,IAAM,CACnB,OAAOL,EAAW,OAAS,WAC7BA,EAAW,MAAQ,OAAO,SAASA,EAAW,KAAK,GAE7CE,EAAA,MAAQ,CAAC,CAACF,EAAW,KAC/B,EAEA,OAAAM,EAAMN,EAAYK,CAAU,EACtBC,EAAA,IAAMR,EAAO,IAAM,CACZO,EAAA,CAAA,EACV,CACD,KAAM,EAAA,CACP,EAEDE,EAAU,IAAM,CACHF,EAAA,CAAA,CACZ"}