{"version":3,"file":"DVXOLkq5.js","sources":["../../../../src/helpers/globalModal.ts","../../../../src/components/components/core/fullscreen-modal.vue"],"sourcesContent":["export function showModal(show: boolean) {\n  if (import.meta.server) return;\n  if (show) {\n    document.body.classList.add('globalModalOpen');\n  } else {\n    document.body.classList.remove('globalModalOpen');\n  }\n}\n","<template>\n  <teleport to=\"body\">\n    <div\n      v-if=\"showModal\"\n      ref=\"modal-backdrop\"\n      class=\"fixed inset-0 overflow-hidden bg-white z-[980] overscroll-none\"\n      :class=\"\n        modalWidth && isDesktopView\n          ? 'mx-auto shadow-xl -left-[var(--scrollbar-width)] rounded-alt-md'\n          : 'w-full'\n      \"\n      :style=\"[\n        modalTop && isDesktopView\n          ? `top: ${modalTop}px; height: calc(100% - ${modalTop}px - 60px)`\n          : 'height: 100%',\n        modalWidth && isDesktopView\n          ? `max-width: ${modalWidth}px; width:100%;`\n          : '',\n      ]\"\n    >\n      <div class=\"flex w-full h-full\">\n        <div\n          ref=\"modal\"\n          class=\"flex flex-auto overflow-hidden\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby=\"modal-headline\"\n        >\n          <div\n            class=\"absolute bg-transparent cursor-pointer top-sm right-sm\"\n            @click=\"closeModal\"\n          >\n            <FaIcon :icon-class=\"getIconClass()\" />\n          </div>\n          <slot name=\"content\" />\n        </div>\n      </div>\n    </div>\n  </teleport>\n</template>\n\n<script setup lang=\"ts\">\nimport { showModal as showGlobalModal } from '@/helpers/globalModal';\nimport { mq_breakpointIsMobile } from '@/injectionSymbols';\nimport FaIcon from '@/components/fa-icon.vue';\n\nconst isMobile = inject(mq_breakpointIsMobile);\n\nconst props = defineProps({\n  show: {\n    type: Boolean,\n    required: true,\n    default: false,\n  },\n  modalWidth: {\n    type: Number,\n    required: true,\n    default: null,\n  },\n  modalTop: {\n    type: Number,\n    required: false,\n    default: null,\n  },\n});\n\nconst emit = defineEmits<{\n  (e: 'close'): void;\n}>();\n\nconst showModal = ref(false);\nconst isDesktopView = useIsDesktopView();\n\nfunction getIconClass(): string {\n  const iconClass = 'fal fa-xmark ';\n  if (isMobile.value === true) {\n    return iconClass + 'text-[3rem]';\n  }\n  return iconClass + 'text-[2rem]';\n}\n\nfunction closeModal() {\n  showModal.value = false;\n  emit('close');\n}\n\nwatch(\n  () => props.show,\n  (show) => {\n    showModal.value = show;\n    showGlobalModal(show);\n  },\n);\n\nonUnmounted(() => {\n  if (import.meta.client) {\n    showGlobalModal(false);\n  }\n});\n</script>\n"],"names":["showModal","show","isMobile","inject","mq_breakpointIsMobile","props","__props","emit","__emit","ref","isDesktopView","useIsDesktopView","getIconClass","iconClass","closeModal","watch","showGlobalModal","onUnmounted"],"mappings":"yNAAO,SAASA,EAAUC,EAAe,CAEnCA,EACO,SAAA,KAAK,UAAU,IAAI,iBAAiB,EAEpC,SAAA,KAAK,UAAU,OAAO,iBAAiB,CAEpD,wXCuCM,MAAAC,EAAWC,EAAOC,CAAqB,EAEvCC,EAAQC,EAkBRC,EAAOC,EAIPR,EAAYS,EAAI,EAAK,EACrBC,EAAgBC,IAEtB,SAASC,GAAuB,CAC9B,MAAMC,EAAY,gBACd,OAAAX,EAAS,QAAU,GACdW,EAAY,cAEdA,EAAY,aACrB,CAEA,SAASC,GAAa,CACpBd,EAAU,MAAQ,GAClBO,EAAK,OAAO,CACd,CAEA,OAAAQ,EACE,IAAMV,EAAM,KACXJ,GAAS,CACRD,EAAU,MAAQC,EAClBe,EAAgBf,CAAI,CACtB,CAAA,EAGFgB,EAAY,IAAM,CAEdD,EAAgB,EAAK,CACvB,CACD"}