{"version":3,"file":"_nuxt/BhqqY4jX.js","sources":["../../../../layouts/main-mobile.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { defineAsyncComponent } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { useFetchBasket } from '@/composables/useFetchBasket'\n\n/* Stores */\nimport { useAppStore } from '@/store/app/app'\nimport { useCityStore } from '@/store/city/city'\n\n/* Components */\nimport TheFooter from '@/components/Footer/TheFooter.vue'\nimport TheCookiesBanner from '@/components/App/AppCookiesBanner.vue'\n\nconst MainCategoryList = defineAsyncComponent(\n  () => import('@/components/Main/MainCategoryList.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 TheHeaderMobile = defineAsyncComponent(\n  () => import('@/components/Header/TheHeaderMobile.vue'),\n)\nconst DrawerContent = 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 route = useRoute()\n\nconst appStore = useAppStore()\nconst cityStore = useCityStore()\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 isBasketWidgetShow = computed(() => {\n  return isActive.value && !isBasketPage.value && !isWebview.value\n})\n\nconst { callPopup, closePopupWorking, popupsWorking } = usePopupDialog()\n\nonMounted(() => {\n  useFetchBasket()\n})\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      hide-overlay\n      fixed\n    >\n      <drawer-content />\n    </v-navigation-drawer>\n\n    <div class=\"content\">\n      <div class=\"wrapper\">\n        <app-snackbar />\n\n        <main-category-list :is-category-page=\"true\" />\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.wrapper {\n  position: relative;\n\n  :deep() {\n    .v-snack__wrapper {\n      position: sticky;\n      top: 70px;\n    }\n  }\n}\n\n:deep() {\n  .v-dialog {\n    display: grid; // Чтобы контент модалки растягивался на 100% высоты\n  }\n}\n\n.mobile {\n  width: 100%;\n  max-width: 1024px;\n  margin: 0 auto;\n  background-color: white;\n\n  &__navigation {\n    z-index: 9;\n  }\n\n  &__header {\n    &--hard-position {\n      position: fixed !important;\n      height: 60px;\n    }\n  }\n}\n\n.no-overflow {\n  overflow: hidden;\n}\n\n.page {\n  flex-grow: 1;\n  min-height: calc(100vh - 104px);\n  padding: 20px 48px 0 48px;\n  @include media('<tablet') {\n    padding: 0 20px 0 20px;\n  }\n}\n\n.content {\n  transition: transform 0.1s;\n\n  &--slide {\n    transform: translateX(80vw);\n  }\n}\n</style>\n"],"names":["MainCategoryList","defineAsyncComponent","__vitePreload","MainDialogTimeOfWorking","MainDialogSelectCity","AppSnackbar","TheHeaderMobile","DrawerContent","HeaderBasketMobileWidget","TheApplicationBanner","AppDialog","route","useRoute","appStore","useAppStore","cityStore","useCityStore","isNavigationDrawerShow","ref","isWebview","computed","isActive","isBasketPage","isBasketWidgetShow","callPopup","closePopupWorking","popupsWorking","usePopupDialog","onMounted","useFetchBasket"],"mappings":";;;k/BAaA,MAAMA,EAAmBC,EACvB,IAAMC,EAAA,WAAO,eAAwC,uEAEjDC,EAA0BF,EAC9B,IAAMC,EAAA,WAAO,eAA+C,qDAExDE,EAAuBH,EAC3B,IAAMC,EAAA,WAAO,eAA4C,qDAErDG,EAAcJ,EAClB,IAAMC,EAAA,WAAO,eAAkC,0EAE3CI,EAAkBL,EACtB,IAAMC,EAAA,WAAO,eAAyC,yKAElDK,EAAgBN,EACpB,IAAAC,EAAA,IAAM,OAAO,eAA8D,sEAEvEM,EAA2BP,EAC/B,IAAMC,EAAA,WAAO,eAAkD,6EAE3DO,EAAuBR,EAC3B,IAAMC,EAAA,WAAO,eAA2C,qDAEpDQ,EAAYT,EAChB,IAAMC,EAAA,WAAO,eAAgC,qGAGzCS,EAAQC,IAERC,EAAWC,IACXC,EAAYC,IAEZC,EAAyBC,EAAI,EAAK,EAElCC,EAAYC,EAAS,IAAMP,EAAS,SAAS,EAE7CQ,EAAWD,EAAS,IAAML,EAAU,SAAS,SAAS,EAEtDO,EAAeF,EAAS,IAAMT,EAAM,OAAS,QAAQ,EAErDY,EAAqBH,EAAS,IAC3BC,EAAS,OAAS,CAACC,EAAa,OAAS,CAACH,EAAU,KAC5D,EAEK,CAAE,UAAAK,EAAW,kBAAAC,EAAmB,cAAAC,GAAkBC,EAAe,EAEvE,OAAAC,EAAU,IAAM,CACCC,GAAA,CAChB","debug_id":"feb29e4d-3e2b-57bf-802f-884e4c8deb9d"}