{"version":3,"file":"C1c7aKka.js","sources":["../../../../src/components/dialog/components/dialogFrame/global/vdv/smallDialogFrame.vue","../../../../src/components/dialog/orderAlarm/vdv/editOrderAlarmStatus.vue"],"sourcesContent":["<template>\n  <div\n    class=\"fixed top-0 bottom-0 left-0 right-0 bg-black opacity-60 z-[600]\"\n  ></div>\n  <div\n    class=\"z-[601]\"\n    :class=\"\n      isMobileScreen && mobileBottomSheet\n        ? 'fixed left-0 bottom-0'\n        : `fixed top-0 bottom-0 left-0 right-0 pt-xl md:p-[4%]`\n    \"\n  >\n    <ContainerBasic :container-type=\"EContainerType.CONTENT\" classes=\"h-full\">\n      <div class=\"relative flex items-center justify-center h-full\">\n        <div\n          class=\"relative w-full md:max-w-lg min-w-[345px] max-h-full h-full overflow-visible md:flex md:flex-col md:justify-center\"\n        >\n          <div\n            ref=\"el\"\n            class=\"md:h-auto md:max-h-[100%] bg-white overflow-visible\"\n          >\n            <div class=\"sticky top-0 z-510\">\n              <div\n                class=\"bg-white px-sm\"\n                :class=\"{\n                  'flex justify-center items-center border-b-1 border-vdv-border-light pb-sm':\n                    isScrolled,\n                }\"\n              >\n                <HeadlineDynamic\n                  v-if=\"dialogStore.headline\"\n                  :headline=\"dialogStore.headline\"\n                  level=\"h4\"\n                  :has-decoration=\"!isScrolled\"\n                  container-classes=\"w-full pt-md\"\n                  classes=\"break-keep whitespace-break-spaces\"\n                />\n                <button\n                  type=\"button\"\n                  class=\"absolute text-xl cursor-pointer text-vdv-border-dark top-sm right-md\"\n                  @click=\"dialogStore.closeDialog(DialogResponses.CANCEL)\"\n                >\n                  <FaIcon icon-class=\"fas fa-xmark\" />\n                </button>\n              </div>\n            </div>\n            <slot />\n          </div>\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 HeadlineDynamic from '@/components/components/core/headline-dynamic/vdv/headline-dynamic.vue';\nimport { SSR_safe_mq_breakpointIsMobile } from '~/injectionSymbols';\n\nconst el = ref<HTMLElement | null>(null);\n\nconst { y } = useScroll(el);\nconst dialogStore = useDialogStore();\n\nconst isMobileScreen = inject(SSR_safe_mq_breakpointIsMobile);\n\ndefineProps({\n  mobileBottomSheet: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n});\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</script>\n","<template>\n  <Dialog :mobile-bottom-sheet=\"true\">\n    <Form\n      v-if=\"data.status\"\n      id=\"disable-order-alarm-form\"\n      submit-label=\"shop.orderAlarm.statusDialog.btn.disable\"\n      @cancel=\"dialogStore.closeDialog(DialogResponses.CANCEL)\"\n      @submit=\"onSubmit(data.status, data.orderAlarm)\"\n    >\n      <div class=\"px-md pb-md flex flex-col max-h-[92vh]\">\n        <div class=\"h-full overflow-auto text-center\">\n          <p v-if=\"data.orderAlarm\">\n            {{ t('shop.orderAlarm.statusDialog.text.item.disable') }}\n          </p>\n          <p v-else>\n            {{ t('shop.orderAlarm.statusDialog.text.disable') }}\n          </p>\n        </div>\n      </div>\n    </Form>\n    <Form\n      v-else\n      id=\"disable-order-alarm-form\"\n      submit-label=\"shop.orderAlarm.statusDialog.btn.enable\"\n      @cancel=\"dialogStore.closeDialog(DialogResponses.CANCEL)\"\n      @submit=\"onSubmit(data.status, data.orderAlarm)\"\n    >\n      <div class=\"px-md pb-md flex flex-col max-h-[92vh]\">\n        <div class=\"h-full overflow-auto text-center\">\n          <p v-if=\"data.orderAlarm\">\n            {{ t('shop.orderAlarm.statusDialog.text.item.enable') }}\n          </p>\n          <p v-else>\n            {{ t('shop.orderAlarm.statusDialog.text.enable') }}\n          </p>\n        </div>\n      </div></Form\n    ></Dialog\n  >\n</template>\n<script setup lang=\"ts\">\nimport Dialog from '@/components/dialog/components/dialogFrame/global/vdv/smallDialogFrame.vue';\nimport { DialogResponses, useDialogStore } from '@/stores/useDialogStore';\nimport Form from '@/components/formFields/localDialogForm/localDialogForm.vue';\nimport { useOrderAlarmDialog } from '../useEditOrderAlarmStatus';\nimport type { OrderAlarm } from '@/server/transformers/shop/orderAlarmTransformer';\n\nconst dialogStore = useDialogStore();\nconst { onSubmit } = await useOrderAlarmDialog();\nconst { t } = useTrans();\nconst data = dialogStore.getDialogData<{\n  status: boolean;\n  orderAlarm?: OrderAlarm;\n}>();\nconst headline = data.status\n  ? t('shop.orderAlarm.toggle.text.disable')\n  : t('shop.orderAlarm.toggle.text');\ndialogStore.setHeadline(headline);\n</script>\n<style lang=\"postcss\" scoped></style>\n"],"names":["el","ref","y","useScroll","dialogStore","useDialogStore","isMobileScreen","inject","SSR_safe_mq_breakpointIsMobile","isScrolled","computed","onMounted","usePreventBodyScroll","onUnmounted","watch","useRouter","onSubmit","__temp","__restore","_withAsyncContext","useOrderAlarmDialog","t","useTrans","data","headline"],"mappings":"o+BA6DM,MAAAA,EAAKC,EAAwB,IAAI,EAEjC,CAAE,EAAAC,CAAA,EAAMC,EAAUH,CAAE,EACpBI,EAAcC,IAEdC,EAAiBC,EAAOC,CAA8B,EAUtDC,EAAaC,EAAS,IACnBR,EAAE,MAAQ,EAClB,EAED,OAAAS,EAAU,IAAM,CACdC,EAAqB,EAAI,CAAA,CAC1B,EAEDC,EAAY,IAAM,CAChBD,EAAqB,EAAK,CAAA,CAC3B,EAEKE,EAAAC,IAAY,aAAc,IAAM,CAChCX,EAAY,MAAMA,EAAY,YAAY,CAAA,CAC/C,8uCC3CD,MAAMA,EAAcC,IACd,CAAE,SAAAW,CAAS,GAAI,CAAAC,EAAAC,CAAA,EAAAC,EAAA,IAAMC,EAAA,CAAoB,mBACzC,CAAE,EAAAC,GAAMC,IACRC,EAAOnB,EAAY,gBAInBoB,EAAWD,EAAK,OAClBF,EAAE,qCAAqC,EACvCA,EAAE,6BAA6B,EACnC,OAAAjB,EAAY,YAAYoB,CAAQ"}