{"version":3,"file":"_nuxt/DgVB24e7.js","sources":["../../../../layouts/mobile.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { onMounted, ref, defineAsyncComponent } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { storeToRefs } from 'pinia'\n\nimport { useFetchBasket } from '@/composables/useFetchBasket'\nimport { useContentVisibleByRoute } from '~/composables/useContentVisibleByRoute'\n\n/* Components */\nimport TheHeaderMobile from '@/components/Header/TheHeaderMobile.vue'\nimport TheFooter from '@/components/Footer/TheFooter.vue'\nimport TheCookiesBanner from '@/components/App/AppCookiesBanner.vue'\n\n/* Stores */\nimport { useAppStore } from '@/store/app/app'\nimport { useCityStore } from '@/store/city/city'\nimport { useToggleStore } from '~/store/toggle/toggle'\n\n/* Constants */\nimport { TOP_CONTENT_VISIBLE_ROUTES } from '@/constants/topContentVisibleRoutes'\n\nconst DrawerContent = defineAsyncComponent(\n  () => import('@/components/Header/HeaderNavigationDrawer/DrawerContent.vue'),\n)\nconst TheApplicationBanner = defineAsyncComponent(\n  () => import('@/components/App/TheApplicationBanner.vue'),\n)\nconst HeaderBasketMobileWidget = defineAsyncComponent(\n  () => import('@/components/Header/HeaderBasketMobileWidget.vue'),\n)\nconst MainDialogTimeOfWorking = defineAsyncComponent(\n  () => import('@/components/Main/MainDialogTimeOfWorking.vue'),\n)\nconst MainDialogSelectCity = defineAsyncComponent(\n  () => import('@/components/Main/MainDialogSelectCity.vue'),\n)\n\nconst route = useRoute()\n\nconst appStore = useAppStore()\nconst cityStore = useCityStore()\n\nconst isNavigationDrawerShow = ref(false)\n\nconst { isVisible } = useContentVisibleByRoute(TOP_CONTENT_VISIBLE_ROUTES)\n\nonMounted(() => {\n  useFetchBasket()\n})\n\nconst { callPopup, closePopupWorking, popupsWorking } = usePopupDialog()\n\nconst isWebview = computed(() => appStore.isWebview)\n\nconst isActive = computed(() => cityStore.cityInfo.is_active)\n\nconst isBasketPage = computed(() => route.name === 'basket')\n\nconst isBasketWidgetShow = computed(() => {\n  return (\n    isActive.value &&\n    !isBasketPage.value &&\n    !isWebview.value &&\n    !route.path.includes('halves')\n  )\n})\n\nconst { isVisibleStories } = storeToRefs(useToggleStore())\n</script>\n\n<template>\n  <div class=\"mobile\" :class=\"{ 'no-overflow': isNavigationDrawerShow }\">\n    <the-application-banner v-if=\"!isWebview && !isNavigationDrawerShow\" />\n\n    <the-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-if=\"!isWebview\"\n      v-model=\"isNavigationDrawerShow\"\n      width=\"100%\"\n      class=\"mobile__navigation\"\n      role=\"menubar\"\n      temporary\n    >\n      <drawer-content />\n    </v-navigation-drawer>\n\n    <div class=\"content\">\n      <div class=\"wrapper\">\n        <div v-show=\"isVisible\">\n          <app-stories\n            v-if=\"isVisibleStories\"\n            class=\"app-stories page--container\"\n          />\n\n          <app-wrapper v-else class=\"wrapper__banner\" />\n        </div>\n\n        <app-snackbar />\n\n        <div class=\"page\">\n          <slot />\n        </div>\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      </div>\n\n      <header-basket-mobile-widget\n        v-show=\"isBasketWidgetShow\"\n        class=\"mobile--basket__widget\"\n      />\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.mobile {\n  width: 100%;\n  max-width: 1024px;\n  margin: 0 auto;\n  background-color: white;\n\n  &__header {\n    z-index: 1005;\n\n    &--hard-position {\n      position: fixed !important;\n      height: 60px;\n    }\n  }\n\n  &__navigation {\n    z-index: 9;\n  }\n}\n\n.wrapper {\n  position: relative;\n\n  &__banner {\n    @include media('>=phone', '<=desktop-mini') {\n      padding: 20px 20px 0 20px;\n    }\n  }\n\n  :deep() {\n    .v-snack__wrapper {\n      position: sticky;\n      top: 70px;\n    }\n  }\n}\n\n.page {\n  min-height: calc(100vh - 104px);\n}\n\n.content {\n  transition: transform 0.1s;\n\n  &--slide {\n    transform: translateX(80vw);\n  }\n}\n\n.app-stories {\n  width: 100%;\n  padding-right: 0;\n}\n</style>\n"],"names":["DrawerContent","defineAsyncComponent","__vitePreload","TheApplicationBanner","HeaderBasketMobileWidget","MainDialogTimeOfWorking","MainDialogSelectCity","route","useRoute","appStore","useAppStore","cityStore","useCityStore","isNavigationDrawerShow","ref","isVisible","useContentVisibleByRoute","TOP_CONTENT_VISIBLE_ROUTES","onMounted","useFetchBasket","callPopup","closePopupWorking","popupsWorking","usePopupDialog","isWebview","computed","isActive","isBasketPage","isBasketWidgetShow","isVisibleStories","storeToRefs","useToggleStore"],"mappings":";;;;;;;;wnDAqBA,MAAMA,EAAgBC,EACpB,IAAAC,EAAA,IAAM,OAAO,eAA8D,iEAEvEC,EAAuBF,EAC3B,IAAMC,EAAA,WAAO,eAA2C,qDAEpDE,EAA2BH,EAC/B,IAAMC,EAAA,WAAO,eAAkD,4EAE3DG,EAA0BJ,EAC9B,IAAMC,EAAA,WAAO,eAA+C,qDAExDI,EAAuBL,EAC3B,IAAMC,EAAA,WAAO,eAA4C,qDAGrDK,EAAQC,IAERC,EAAWC,IACXC,EAAYC,IAEZC,EAAyBC,GAAI,EAAK,EAElC,CAAE,UAAAC,CAAA,EAAcC,EAAyBC,CAA0B,EAEzEC,GAAU,IAAM,CACCC,IAAA,CAChB,EAED,KAAM,CAAE,UAAAC,EAAW,kBAAAC,EAAmB,cAAAC,GAAkBC,EAAe,EAEjEC,EAAYC,EAAS,IAAMhB,EAAS,SAAS,EAE7CiB,EAAWD,EAAS,IAAMd,EAAU,SAAS,SAAS,EAEtDgB,EAAeF,EAAS,IAAMlB,EAAM,OAAS,QAAQ,EAErDqB,EAAqBH,EAAS,IAEhCC,EAAS,OACT,CAACC,EAAa,OACd,CAACH,EAAU,OACX,CAACjB,EAAM,KAAK,SAAS,QAAQ,CAEhC,EAEK,CAAE,iBAAAsB,CAAqB,EAAAC,EAAYC,EAAgB","debug_id":"2aa2419b-0383-5b9d-9663-63102ea1ddf7"}