{"version":3,"file":"_nuxt/in4bLxAf.js","sources":["../../../../layouts/mobile-dashboard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { defineAsyncComponent } from 'vue'\nimport { useFetchBasket } from '@/composables/useFetchBasket'\n\n/* Stores */\nimport { useUserStore } from '@/store/user/user'\nimport { useAppStore } from '@/store/app/app'\nimport { useCityStore } from '@/store/city/city'\nimport { useSlidersStore } from '@/store/sliders/sliders'\n\n/* Types */\nimport { Popup } from '@/types/api/api-v3/popup-working'\n\n/* Components */\nimport TheFooter from '@/components/Footer/TheFooter.vue'\nimport TheCookiesBanner from '@/components/App/AppCookiesBanner.vue'\n\nconst MainDialogTimeOfWorking = defineAsyncComponent(\n  () => import('@/components/Main/MainDialogTimeOfWorking.vue'),\n)\nconst MainDialogSelectCity = defineAsyncComponent(\n  () => import('@/components/Main/MainDialogSelectCity.vue'),\n)\nconst AppSnackbar = defineAsyncComponent(\n  () => import('@/components/App/AppSnackbar.vue'),\n)\nconst HeaderMobile = defineAsyncComponent(\n  () => import('@/components/Header/TheHeaderMobile.vue'),\n)\nconst HeaderNavigationDrawerContent = defineAsyncComponent(\n  () => import('@/components/Header/HeaderNavigationDrawer/DrawerContent.vue'),\n)\nconst HeaderBasketMobileWidget = defineAsyncComponent(\n  () => import('@/components/Header/HeaderBasketMobileWidget.vue'),\n)\nconst TheApplicationBanner = defineAsyncComponent(\n  () => import('@/components/App/TheApplicationBanner.vue'),\n)\nconst AppDialog = defineAsyncComponent(\n  () => import('@/components/App/AppDialog.vue'),\n)\n\nconst DISABLED_WIDGET_ROUTES = [\n  'profile-settings',\n  'profile-notifications',\n  'profile-password-change',\n]\n\nconst route = useRoute()\n\n/* use Stores */\nconst userStore = useUserStore()\nconst appStore = useAppStore()\nconst cityStore = useCityStore()\nconst slidersStore = useSlidersStore()\n\nonMounted(() => {\n  useFetchBasket()\n})\n\nconst isNavigationDrawerShow = ref(false)\n\nconst isWebview = computed(() => appStore.isWebview)\n\nconst isActive = computed(() => cityStore.cityInfo.is_active)\n\nconst isBasketPage = computed(() => route.name === 'basket')\n\nconst isAuthenticated = computed(() => userStore.isAuthenticated)\n\nconst isBasketWidgetShow = computed(() => {\n  if (DISABLED_WIDGET_ROUTES.includes(route.name as string)) {\n    return false\n  }\n\n  return isActive.value && !isBasketPage.value && !isWebview.value\n})\n\nconst isBasketDetailPage = computed(() => route.name === 'profile-orders-id')\n\nconst popupsWorking = computed(() => slidersStore.popupsOfWorking)\n\nconst callPopup = computed<null | Popup>(() => popupsWorking.value.callPopup)\n\nconst closePopupWorking = () => {\n  // узнаем index попапа, чтобы дальше вызвать другие попапы\n  let indexPopup = popupsWorking?.value?.popups\n    ? // @ts-ignore\n      popupsWorking.value.popups.findIndex(\n        // @ts-ignore\n        (popup: Popup) => popup.id === callPopup?.value?.id,\n      )\n    : null\n\n  // если вызванный попап не последний, то показываем следующий попап\n\n  // @ts-ignore\n  if (indexPopup !== popupsWorking?.value?.popups?.length - 1) {\n    slidersStore.setPopupWorking({\n      ...popupsWorking.value,\n      // @ts-ignore\n      callPopup: popupsWorking.value?.popups[++indexPopup],\n    })\n  } else {\n    slidersStore.setPopupWorking({\n      popups: null,\n      visible: false,\n      callPopup: null,\n    })\n  }\n}\n</script>\n\n<template>\n  <div class=\"mobile\" :class=\"{ 'no-overflow': isNavigationDrawerShow }\">\n    <the-application-banner v-if=\"!isWebview && !isNavigationDrawerShow\" />\n\n    <header-mobile\n      v-if=\"!isWebview\"\n      class=\"mobile__header\"\n      :class=\"{ 'mobile__header--hard-position': isNavigationDrawerShow }\"\n      :nav-show=\"isNavigationDrawerShow\"\n      @open-navigation-drawer=\"isNavigationDrawerShow = !isNavigationDrawerShow\"\n    />\n\n    <v-navigation-drawer\n      v-model=\"isNavigationDrawerShow\"\n      width=\"100%\"\n      class=\"mobile__navigation\"\n      role=\"menubar\"\n      hide-overlay\n      fixed\n    >\n      <header-navigation-drawer-content />\n    </v-navigation-drawer>\n\n    <div class=\"content\">\n      <div class=\"wrapper\" :class=\"{ 'order--wrapper': isBasketDetailPage }\">\n        <app-snackbar />\n\n        <div v-if=\"isAuthenticated\" class=\"page\">\n          <slot />\n        </div>\n      </div>\n\n      <header-basket-mobile-widget\n        v-if=\"isBasketWidgetShow\"\n        class=\"mobile--basket__widget\"\n      />\n      <app-dialog\n        v-if=\"popupsWorking.visible && callPopup\"\n        v-bind=\"$attrs\"\n        :overlay-opacity=\"0.6\"\n        :model-value=\"popupsWorking.visible\"\n        @close-dialog-product=\"closePopupWorking\"\n        @update:model-value=\"closePopupWorking\"\n      >\n        <template #body>\n          <main-dialog-select-city\n            v-if=\"callPopup?.template_type === 6\"\n            :popup=\"callPopup\"\n          />\n\n          <main-dialog-time-of-working\n            v-else\n            :popup=\"callPopup\"\n            @close-popup-working=\"closePopupWorking\"\n          />\n        </template>\n      </app-dialog>\n\n      <the-footer v-if=\"!isWebview\" />\n\n      <client-only>\n        <the-cookies-banner v-if=\"!isWebview\" />\n      </client-only>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.fixed-content {\n  position: relative;\n  .mobile-menu-wrapper {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    transform: translateX(-100%);\n    &--open {\n      transform: none;\n    }\n    .mobile-menu {\n      position: sticky;\n      top: 0;\n    }\n  }\n}\n.wrapper {\n  position: relative;\n  :deep() {\n    .v-snack__wrapper {\n      position: sticky;\n      top: 70px;\n    }\n  }\n\n  .dashboard {\n    padding: 24px 20px 0;\n  }\n}\n.order--wrapper {\n  background: $background-milk;\n}\n.page,\n.page-loader {\n  min-height: calc(100vh - 104px);\n}\n.mobile {\n  width: 100%;\n  max-width: 1024px;\n  margin: 0 auto;\n  background-color: white;\n\n  &__header {\n    &--hard-position {\n      position: fixed !important;\n      height: 60px;\n    }\n  }\n}\n.page {\n  flex-grow: 1;\n  min-height: calc(100vh - 104px - var(--application-banner-height, 0px));\n}\n.mobile-header {\n  transition: transform 0.1s;\n  &--slide {\n    transform: translateX(80vw);\n  }\n}\n.content {\n  min-height: 100vh;\n  transition: transform 0.1s;\n  &--slide {\n    transform: translateX(80vw);\n  }\n}\n.default {\n  min-height: 100vh;\n  background: #fff;\n}\n</style>\n"],"names":["MainDialogTimeOfWorking","defineAsyncComponent","__vitePreload","MainDialogSelectCity","AppSnackbar","HeaderMobile","HeaderNavigationDrawerContent","HeaderBasketMobileWidget","TheApplicationBanner","AppDialog","DISABLED_WIDGET_ROUTES","route","useRoute","userStore","useUserStore","appStore","useAppStore","cityStore","useCityStore","slidersStore","useSlidersStore","onMounted","useFetchBasket","isNavigationDrawerShow","ref","isWebview","computed","isActive","isBasketPage","isAuthenticated","isBasketWidgetShow","isBasketDetailPage","popupsWorking","callPopup","closePopupWorking","indexPopup","_a","popup","_c","_b","_d"],"mappings":";;;;;;;;i8BAiBA,MAAMA,EAA0BC,EAC9B,IAAMC,EAAA,WAAO,eAA+C,mDAExDC,EAAuBF,EAC3B,IAAMC,EAAA,WAAO,eAA4C,mDAErDE,EAAcH,EAClB,IAAMC,EAAA,WAAO,eAAkC,qEAE3CG,EAAeJ,EACnB,IAAMC,EAAA,WAAO,eAAyC,sKAElDI,EAAgCL,EACpC,IAAAC,EAAA,IAAM,OAAO,eAA8D,uEAEvEK,EAA2BN,EAC/B,IAAMC,EAAA,WAAO,eAAkD,6EAE3DM,EAAuBP,EAC3B,IAAMC,EAAA,WAAO,eAA2C,qDAEpDO,EAAYR,EAChB,IAAMC,EAAA,WAAO,eAAgC,iGAGzCQ,EAAyB,CAC7B,mBACA,wBACA,2BAGIC,EAAQC,IAGRC,EAAYC,IACZC,EAAWC,IACXC,EAAYC,IACZC,EAAeC,IAErBC,GAAU,IAAM,CACCC,GAAA,CAChB,EAEK,MAAAC,EAAyBC,GAAI,EAAK,EAElCC,EAAYC,EAAS,IAAMX,EAAS,SAAS,EAE7CY,EAAWD,EAAS,IAAMT,EAAU,SAAS,SAAS,EAEtDW,EAAeF,EAAS,IAAMf,EAAM,OAAS,QAAQ,EAErDkB,EAAkBH,EAAS,IAAMb,EAAU,eAAe,EAE1DiB,EAAqBJ,EAAS,IAC9BhB,EAAuB,SAASC,EAAM,IAAc,EAC/C,GAGFgB,EAAS,OAAS,CAACC,EAAa,OAAS,CAACH,EAAU,KAC5D,EAEKM,EAAqBL,EAAS,IAAMf,EAAM,OAAS,mBAAmB,EAEtEqB,EAAgBN,EAAS,IAAMP,EAAa,eAAe,EAE3Dc,EAAYP,EAAuB,IAAMM,EAAc,MAAM,SAAS,EAEtEE,EAAoB,IAAM,aAE1B,IAAAC,GAAaC,EAAAJ,GAAA,YAAAA,EAAe,QAAf,MAAAI,EAAsB,OAEnCJ,EAAc,MAAM,OAAO,UAExBK,GAAA,OAAiB,OAAAA,EAAM,OAAOD,EAAAH,GAAA,YAAAA,EAAW,QAAX,YAAAG,EAAkB,IACnD,EACA,KAKAD,MAAeG,GAAAC,EAAAP,GAAA,YAAAA,EAAe,QAAf,YAAAO,EAAsB,SAAtB,YAAAD,EAA8B,QAAS,EACxDnB,EAAa,gBAAgB,CAC3B,GAAGa,EAAc,MAEjB,WAAWQ,EAAAR,EAAc,QAAd,YAAAQ,EAAqB,OAAO,EAAEL,EAAU,CACpD,EAEDhB,EAAa,gBAAgB,CAC3B,OAAQ,KACR,QAAS,GACT,UAAW,KACZ,CACH","debug_id":"4fb84cb8-182e-5bfc-b3c7-9d0174f0a36b"}