{"version":3,"file":"FormCheckbox-CZ7jGzA5.js","sources":["../../../app/javascript/shared/components/forms/FormCheckbox.vue"],"sourcesContent":["<template>\n  <div\n    class=\"tw-relative tw-flex tw-items-start\"\n    :class=\"[{ 'animation-pulse': isError }, attrs.class]\"\n  >\n    <div class=\"tw-flex tw-h-5 tw-items-center\">\n      <input\n        :id=\"id\"\n        type=\"checkbox\"\n        :checked=\"checkedValue\"\n        @change=\"handleChange\"\n        :class=\"{ 'tw-border-error-500': isError }\"\n        :test_id=\"attrs.test_id\"\n        :disabled=\"isDisabled\"\n        :autocomplete=\"attrs.autocomplete\"\n        :tabindex=\"attrs.tabindex\"\n      />\n    </div>\n    <FormLabel\n      class=\"tw-ml-2\"\n      :class=\"{ 'tw-text-error-500': isError }\"\n      :id=\"id\"\n      is-checkbox-label\n      :is-required=\"isRequired\"\n      :tooltip=\"tooltip\"\n    >\n      <slot />\n    </FormLabel>\n  </div>\n</template>\n\n<script setup>\nimport FormLabel from './FormLabel.vue'\nimport { getUniqueId } from '@/shared/utils/uniqueId.js'\nimport { computed, useAttrs } from 'vue'\n\nconst emit = defineEmits([\n  'update:unchecked',\n  'update:checked',\n  'update:modelValue',\n  'input',\n])\n\nconst props = defineProps({\n  modelValue: {\n    type: [Array, Boolean],\n    default: false,\n  },\n  value: {\n    type: [String, Number],\n    default: '',\n  },\n  isRequired: {\n    type: Boolean,\n    default: false,\n  },\n  isDisabled: {\n    type: Boolean,\n    default: false,\n  },\n  tooltip: {\n    type: String,\n    default: '',\n  },\n  isError: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst attrs = useAttrs()\n\nconst id = `growthmentor-checkbox-${getUniqueId()}`\n\nconst checkedValue = computed(() => {\n  return Array.isArray(props.modelValue)\n    ? props.modelValue.includes(props.value)\n    : props.modelValue\n})\n\nconst handleChange = () => {\n  if (Array.isArray(props.modelValue)) {\n    const checkboxArray = [...props.modelValue]\n    if (checkboxArray.includes(props.value)) {\n      checkboxArray.splice(checkboxArray.indexOf(props.value), 1)\n      emit('update:unchecked', props.value)\n    } else {\n      checkboxArray.push(props.value)\n      emit('update:checked', props.value)\n    }\n    emit('update:modelValue', checkboxArray)\n    // 'input' emit is backward compatibility with Vue 2 v-model\n    emit('input', checkboxArray)\n  } else {\n    const newCheckedValue = !props.modelValue\n    if (newCheckedValue) {\n      emit('update:checked', props.value)\n    } else {\n      emit('update:unchecked', props.value)\n    }\n    emit('update:modelValue', newCheckedValue)\n    // 'input' emit is backward compatibility with Vue 2 v-model\n    emit('input', newCheckedValue)\n  }\n}\n</script>\n\n<script>\nexport default {\n  inheritAttrs: false,\n}\n</script>\n"],"names":["__default__","emit","__emit","props","__props","attrs","useAttrs","id","getUniqueId","checkedValue","computed","handleChange","checkboxArray","newCheckedValue"],"mappings":"6OA4GAA,EAAe,CACb,aAAc,EAChB,+WA1EA,MAAMC,EAAOC,EAOPC,EAAQC,EA2BRC,EAAQC,EAAU,EAElBC,EAAK,yBAAyBC,EAAW,CAAE,GAE3CC,EAAeC,EAAS,IACrB,MAAM,QAAQP,EAAM,UAAU,EACjCA,EAAM,WAAW,SAASA,EAAM,KAAK,EACrCA,EAAM,UACX,EAEKQ,EAAe,IAAM,CACzB,GAAI,MAAM,QAAQR,EAAM,UAAU,EAAG,CACnC,MAAMS,EAAgB,CAAC,GAAGT,EAAM,UAAU,EACtCS,EAAc,SAAST,EAAM,KAAK,GACpCS,EAAc,OAAOA,EAAc,QAAQT,EAAM,KAAK,EAAG,CAAC,EAC1DF,EAAK,mBAAoBE,EAAM,KAAK,IAEpCS,EAAc,KAAKT,EAAM,KAAK,EAC9BF,EAAK,iBAAkBE,EAAM,KAAK,GAEpCF,EAAK,oBAAqBW,CAAa,EAEvCX,EAAK,QAASW,CAAa,CAC/B,KAAS,CACL,MAAMC,EAAkB,CAACV,EAAM,WAE7BF,EADEY,EACG,iBAEA,mBAFkBV,EAAM,KAAK,EAIpCF,EAAK,oBAAqBY,CAAe,EAEzCZ,EAAK,QAASY,CAAe,CAC9B,CACH"}