{"version":3,"file":"Dqrh6QMx.js","sources":["../../../../components/organisms/ModalForm.vue"],"sourcesContent":["<template>\n  <TransitionRoot v-if=\"loadModal\" appear :show=\"modalIsOpen\" as=\"template\">\n    <Dialog as=\"div\" @close=\"modalForm.closeModalWithUnregister(modalId)\">\n      <div class=\"fixed inset-0 z-50 overflow-y-auto modal-form\">\n        <div class=\"flex items-center justify-center h-full px-8 text-center\">\n          <DialogOverlay\n            class=\"fixed inset-0 flex items-center justify-center bg-gray-900 opacity-50\"\n          />\n\n          <span class=\"inline-block h-full align-middle\" aria-hidden=\"true\">\n            &#8203;\n          </span>\n\n          <TransitionChild\n            as=\"template\"\n            enter=\"transition-opacity duration-300\"\n            enter-from=\"opacity-0\"\n            enter-to=\"opacity-100\"\n            leave=\"transition-opacity duration-300\"\n            leave-from=\"opacity-100\"\n            leave-to=\"opacity-0\"\n          >\n            <div\n              class=\"relative inline-block w-full max-w-2xl bg-white shadow-xl transition-all transform max-h-[95vh] overflow-y-scroll overflow-x-hidden\"\n            >\n              <div class=\"max-w-xl px-8 py-20 mx-auto\">\n                <slot></slot>\n              </div>\n              <button\n                type=\"button\"\n                class=\"absolute right-0.5 z-10 flex items-center justify-center w-8 h-8 bg-white rounded-full top-1\"\n                @click=\"modalForm.closeModalWithUnregister(modalId)\"\n              >\n                <i\n                  class=\"block text-4xl text-bc-dark-blue icon icon-exit-circle\"\n                ></i>\n              </button>\n            </div>\n          </TransitionChild>\n        </div>\n      </div>\n    </Dialog>\n  </TransitionRoot>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\nimport {\n  TransitionRoot,\n  TransitionChild,\n  Dialog,\n  DialogOverlay,\n  DialogTitle,\n} from \"@headlessui/vue\";\nimport { storeToRefs } from \"pinia\";\nconst modalForm = useModalForm();\nconst { modalIsOpen } = storeToRefs(modalForm);\n\nconst props = defineProps({\n  modalId: String,\n});\n\nconst loadModal = computed(() => {\n  if (!props.modalId) return true;\n\n  return modalForm.isModalActive(props.modalId) ? true : false;\n});\n</script>\n"],"names":["modalForm","useModalForm","modalIsOpen","storeToRefs","props","__props","loadModal","computed"],"mappings":"ihCAuDA,MAAMA,EAAYC,EAAY,EACxB,CAAE,YAAAC,CAAa,EAAGC,EAAYH,CAAS,EAEvCI,EAAQC,EAIRC,EAAYC,EAAS,IACpBH,EAAM,QAEJ,EAAAJ,EAAU,cAAcI,EAAM,OAAO,EAFjB,EAG5B"}