{"version":3,"file":"pXZvhf1u.js","sources":["../../../../src/components/dialog/components/dialogFrame/global/dialogFrame.vue"],"sourcesContent":["<template>\n  <div\n    class=\"fixed top-0 bottom-0 left-0 right-0 bg-black opacity-60 z-[550]\"\n  ></div>\n  <div class=\"fixed top-0 bottom-0 left-0 right-0 z-[550] pt-xl md:p-[4%]\">\n    <ContainerBasic :container-type=\"EContainerType.CONTENT\" classes=\"h-full\">\n      <div class=\"relative flex h-full md:items-center md:justify-center\">\n        <div\n          class=\"relative w-full md:max-w-[750px] min-w-[345px] max-h-full h-auto marker:overflow-hidden rounded-t-alt-md md:rounded-alt-lg md:flex md:flex-col md:justify-center\"\n        >\n          <div\n            ref=\"el\"\n            class=\"h-full max-h-[calc(100vh-60px)] md:h-auto md:max-h-[100%] bg-white overflow-auto rounded-t-alt-md md:rounded-alt-lg js-dialog-scroll-container\"\n          >\n            <template v-if=\"dialogStore.headline\">\n              <div class=\"sticky top-0 z-[550] min-h-[80px]\">\n                <div\n                  class=\"bg-white px-sm pt-[53px] min-h-[110px]\"\n                  :class=\"{\n                    'flex justify-center items-center border-b-1 border-border-light pb-[24px]':\n                      isScrolled,\n                  }\"\n                >\n                  <HeadlineDynamic\n                    :headline=\"dialogStore.headline\"\n                    level=\"h1\"\n                    :has-decoration=\"!isScrolled\"\n                    mobile-full-deco-width\n                    container-classes=\"w-full\"\n                    classes=\"break-keep whitespace-break-spaces\"\n                  />\n                  <button\n                    v-if=\"showCloseButton\"\n                    type=\"button\"\n                    class=\"absolute text-xl cursor-pointer text-grey-dark top-[22px] right-md\"\n                    @click=\"dialogStore.closeDialog(DialogResponses.CANCEL)\"\n                  >\n                    <FaIcon icon-class=\"fas fa-xmark\" />\n                  </button>\n                </div>\n              </div>\n            </template>\n            <slot />\n          </div>\n          <button\n            v-if=\"!dialogStore.headline && showCloseButton\"\n            type=\"button\"\n            class=\"absolute text-xl cursor-pointer text-grey-dark top-md right-md\"\n            @click=\"dialogStore.closeDialog(DialogResponses.CANCEL)\"\n          >\n            <FaIcon icon-class=\"fas fa-xmark\" />\n          </button>\n        </div>\n      </div>\n    </ContainerBasic>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport ContainerBasic from '@/components/components/container-basic.vue';\nimport { useDialogStore, DialogResponses } from '~/stores/useDialogStore';\nimport { EContainerType } from '~~/src/@types/container-type';\nimport FaIcon from '@/components/fa-icon.vue';\nimport { onClickOutside } from '@vueuse/core';\nimport HeadlineDynamic from '@/components/components/core/headline-dynamic/headline-dynamic.vue';\n\nconst el = ref<HTMLElement | null>(null);\nconst props = defineProps({\n  closeOnOutsideClick: {\n    type: Boolean,\n    default: true,\n  },\n  showCloseButton: {\n    type: Boolean,\n    default: true,\n  },\n});\n\nconst { y } = useScroll(el);\nconst dialogStore = useDialogStore();\n\nconst isScrolled = computed(() => {\n  return y.value > 10;\n});\n\nonMounted(() => {\n  usePreventBodyScroll(true);\n});\n\nonUnmounted(() => {\n  usePreventBodyScroll(false);\n});\n\nwatch(useRouter().currentRoute, () => {\n  if (dialogStore.open) dialogStore.closeDialog();\n});\n\nonClickOutside(el, () => {\n  if (props.closeOnOutsideClick) {\n    dialogStore.closeDialog();\n  }\n});\n</script>\n"],"names":["el","ref","props","__props","y","useScroll","dialogStore","useDialogStore","isScrolled","computed","onMounted","usePreventBodyScroll","onUnmounted","watch","useRouter","onClickOutside"],"mappings":"+4BAiEM,MAAAA,EAAKC,EAAwB,IAAI,EACjCC,EAAQC,EAWR,CAAE,EAAAC,CAAA,EAAMC,EAAUL,CAAE,EACpBM,EAAcC,IAEdC,EAAaC,EAAS,IACnBL,EAAE,MAAQ,EAClB,EAED,OAAAM,EAAU,IAAM,CACdC,EAAqB,EAAI,CAAA,CAC1B,EAEDC,EAAY,IAAM,CAChBD,EAAqB,EAAK,CAAA,CAC3B,EAEKE,EAAAC,IAAY,aAAc,IAAM,CAChCR,EAAY,MAAMA,EAAY,YAAY,CAAA,CAC/C,EAEDS,EAAef,EAAI,IAAM,CACnBE,EAAM,qBACRI,EAAY,YAAY,CAC1B,CACD"}