{"version":3,"file":"_nuxt/DbZWRz1u.js","sources":["../../../../node_modules/@smenaspace/ui-layer/components/navigation-drawer/NavigationDrawer.vue","../../../../layouts/mobile.vue"],"sourcesContent":["<script setup lang=\"ts\">\ntype Props = {\n  modelValue: boolean\n  top?: number | string\n  width?: number | string\n  overlay?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  top: 61,\n  width: 100,\n})\n\nconst emit = defineEmits(['update:modelValue'])\n\nconst route = useRoute()\n\nconst componentClasses = computed(() => {\n  const classes = ['app-navigation-drawer']\n\n  if (props.modelValue) classes.push('app-navigation-drawer--active')\n\n  return classes\n})\n\nconst componentStyles = computed(() => {\n  return {\n    top: `${props.top}px`,\n    width: `${props.width}%`,\n    height: `calc(100% - ${props.top}px)`,\n  }\n})\n\nconst overlayStyles = computed(() => {\n  return {\n    top: `${props.top}px`,\n    height: `calc(100% - ${props.top}px)`,\n  }\n})\n\nconst onClose = () => emit('update:modelValue', false)\n\nconst setScrollState = (state: boolean) => {\n  state ? scrollLock() : scrollUnlock()\n}\n\nwatch(\n  () => props.modelValue,\n  (state) => setScrollState(state),\n)\n\nwatch(\n  () => route?.name,\n  () => onClose(),\n)\n\nconst touchService = new TouchService({\n  distance: 100,\n  direction: 'left',\n  onTouchEnd: onClose,\n})\n</script>\n\n<template>\n  <transition v-if=\"overlay\" name=\"ui-fade\">\n    <div\n      v-if=\"modelValue\"\n      class=\"app-navigation-drawer-overlay\"\n      data-test-id=\"navigation-drawer-overlay\"\n      :style=\"overlayStyles\"\n      @click=\"onClose\"\n    />\n  </transition>\n\n  <nav\n    v-bind=\"$attrs\"\n    role=\"menubar\"\n    :class=\"componentClasses\"\n    :style=\"componentStyles\"\n    data-test-id=\"navigation-drawer\"\n    @touchstart=\"touchService.onStart\"\n    @touchmove=\"touchService.onMove\"\n    @touchend=\"touchService.onEnd\"\n  >\n    <div class=\"app-navigation-drawer__content\">\n      <slot />\n    </div>\n  </nav>\n</template>\n\n<style lang=\"scss\" scoped>\n.app-navigation-drawer-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 999;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(var(--ui-black-rgb), 0.2);\n}\n\n.app-navigation-drawer {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1000;\n  height: 100%;\n  background-color: var(--ui-white);\n  box-shadow: 0 8px 10px -5px rgba(var(--ui-black-rgb), 0.2);\n  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  transform: translateX(-110%);\n\n  &--active {\n    transform: translateX(0);\n  }\n\n  &__content {\n    max-width: 100%;\n    height: 100%;\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { storeToRefs } from 'pinia'\n\nimport { useBasketMethods } from '@/composables/useBasketMethods'\n\nimport { useAppStore } from '@/store/app/app'\nimport { useCityStore } from '@/store/city/city'\nimport { useToggleStore } from '@/store/toggle/toggle'\n\nimport TheCookiesBanner from '@/components/App/AppCookiesBanner.vue'\nimport AppSnackbar from '@/components/App/AppSnackbar.vue'\nimport TheFooter from '@/components/Footer/TheFooter.vue'\nimport MainCategoryList from '@/components/Main/MainCategoryList.vue'\n\nconst TheHeaderMobile = defineAsyncComponent(\n  () => import('@/components/Header/TheHeaderMobile.vue'),\n)\n\nconst MainDialogWorking = defineAsyncComponent(\n  () => import('@/components/Main/MainDialogWorking.vue'),\n)\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)\n\nconst { fetchBasket, handleRedirectCity } = useBasketMethods()\n\nconst PROFILE_DISABLED_BASKET_ROUTES = [\n  'profile-settings',\n  'profile-notifications',\n  'profile-password-change',\n]\n\nconst route = useRoute()\n\nconst cityStore = useCityStore()\nconst { isVisibleStories } = storeToRefs(useToggleStore())\nconst { isWebview } = useAppStore()\n\nconst showNavigationDrawer = ref(false)\n\nconst isActive = computed(() => cityStore.cityInfo.is_active)\n\nconst isHomePage = computed(() => route.name === 'index')\n\nconst isBasketPage = computed(() => route.name === 'basket')\n\nconst showBasketWidget = computed(() => {\n  if (PROFILE_DISABLED_BASKET_ROUTES.includes(String(route.name))) {\n    return false\n  }\n\n  return isActive.value && !isBasketPage.value && !isWebview\n})\n\nconst isShowCategoryList = computed(() => {\n  return (\n    String(route.name).includes('category') ||\n    String(route.name).includes('delivery-slug')\n  )\n})\n\nonMounted(() => {\n  fetchBasket()\n\n  handleRedirectCity()\n})\n</script>\n\n<template>\n  <div\n    class=\"mobile\"\n    :class=\"{ 'mobile--scroll-locked': showNavigationDrawer }\"\n  >\n    <the-application-banner v-if=\"!isWebview && !showNavigationDrawer\" />\n\n    <the-header-mobile\n      v-if=\"!isWebview\"\n      class=\"mobile__header\"\n      :class=\"{ 'mobile__header--fixed': showNavigationDrawer }\"\n      :is-active-navigation=\"showNavigationDrawer\"\n      @on-open-navigation=\"showNavigationDrawer = !showNavigationDrawer\"\n    />\n\n    <the-navigation-drawer\n      v-if=\"!isWebview\"\n      v-model=\"showNavigationDrawer\"\n      top=\"60\"\n      overlay\n    >\n      <drawer-content />\n    </the-navigation-drawer>\n\n    <div class=\"mobile__wrapper\">\n      <app-stories\n        v-if=\"isVisibleStories && isHomePage\"\n        class=\"mobile__stories page--container\"\n      />\n\n      <app-snackbar />\n\n      <main-category-list v-if=\"isShowCategoryList\" is-category-page />\n\n      <div class=\"page\">\n        <slot />\n      </div>\n\n      <main-dialog-working />\n    </div>\n\n    <header-basket-mobile-widget v-show=\"showBasketWidget\" />\n\n    <the-footer v-if=\"!isWebview\" />\n\n    <client-only>\n      <the-cookies-banner v-if=\"!isWebview\" />\n    </client-only>\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: var(--ui-white);\n\n  &--scroll-locked {\n    overflow: hidden;\n  }\n\n  &__header {\n    z-index: 1005;\n\n    &--fixed {\n      position: fixed !important;\n      height: 60px;\n    }\n  }\n\n  &__stories {\n    width: 100%;\n    padding-right: 0;\n  }\n\n  &__wrapper {\n    position: relative;\n  }\n\n  &__banner {\n    @include media('>=phone', '<=desktop-mini') {\n      padding: 20px 20px 0 20px;\n    }\n  }\n}\n\n.page {\n  flex-grow: 1;\n  min-height: calc(100vh - 104px);\n}\n</style>\n"],"names":["props","__props","emit","__emit","route","useRoute","componentClasses","computed","classes","componentStyles","overlayStyles","onClose","setScrollState","state","scrollLock","scrollUnlock","watch","touchService","TouchService","TheHeaderMobile","defineAsyncComponent","__vitePreload","MainDialogWorking","DrawerContent","TheApplicationBanner","HeaderBasketMobileWidget","fetchBasket","handleRedirectCity","useBasketMethods","PROFILE_DISABLED_BASKET_ROUTES","cityStore","useCityStore","isVisibleStories","storeToRefs","useToggleStore","isWebview","useAppStore","showNavigationDrawer","ref","isActive","isHomePage","isBasketPage","showBasketWidget","isShowCategoryList","onMounted"],"mappings":";;;qtCAQA,MAAMA,EAAQC,EAKRC,EAAOC,EAEPC,EAAQC,EAAS,EAEjBC,EAAmBC,EAAS,IAAM,CAChC,MAAAC,EAAU,CAAC,uBAAuB,EAExC,OAAIR,EAAM,YAAoBQ,EAAA,KAAK,+BAA+B,EAE3DA,CAAA,CACR,EAEKC,EAAkBF,EAAS,KACxB,CACL,IAAK,GAAGP,EAAM,GAAG,KACjB,MAAO,GAAGA,EAAM,KAAK,IACrB,OAAQ,eAAeA,EAAM,GAAG,KAClC,EACD,EAEKU,EAAgBH,EAAS,KACtB,CACL,IAAK,GAAGP,EAAM,GAAG,KACjB,OAAQ,eAAeA,EAAM,GAAG,KAClC,EACD,EAEKW,EAAU,IAAMT,EAAK,oBAAqB,EAAK,EAE/CU,EAAkBC,GAAmB,CACjCA,EAAAC,KAAeC,GAAa,CACtC,EAEAC,EACE,IAAMhB,EAAM,WACXa,GAAUD,EAAeC,CAAK,CACjC,EAEAG,EACE,IAAMZ,GAAA,YAAAA,EAAO,KACb,IAAMO,EAAQ,CAChB,EAEM,MAAAM,EAAe,IAAIC,GAAa,CACpC,SAAU,IACV,UAAW,OACX,WAAYP,CAAA,CACb,8tBC9CD,MAAMQ,EAAkBC,EACtB,IAAMC,EAAA,WAAO,eAAyC,0FACxD,EAEMC,EAAoBF,EACxB,IAAMC,EAAA,WAAO,eAAyC,yDACxD,EAEME,EAAgBH,EACpB,IAAAC,EAAA,IAAM,OAAO,eAA8D,2DAC7E,EACMG,EAAuBJ,EAC3B,IAAMC,EAAA,WAAO,eAA2C,+CAC1D,EACMI,EAA2BL,EAC/B,IAAMC,EAAA,WAAO,eAAkD,uEACjE,EAEM,CAAE,YAAAK,EAAa,mBAAAC,CAAmB,EAAIC,GAAiB,EAEvDC,EAAiC,CACrC,mBACA,wBACA,yBACF,EAEMzB,EAAQC,EAAS,EAEjByB,EAAYC,EAAa,EACzB,CAAE,iBAAAC,CAAA,EAAqBC,EAAYC,GAAgB,EACnD,CAAE,UAAAC,CAAU,EAAIC,EAAY,EAE5BC,EAAuBC,EAAI,EAAK,EAEhCC,EAAWhC,EAAS,IAAMuB,EAAU,SAAS,SAAS,EAEtDU,EAAajC,EAAS,IAAMH,EAAM,OAAS,OAAO,EAElDqC,EAAelC,EAAS,IAAMH,EAAM,OAAS,QAAQ,EAErDsC,EAAmBnC,EAAS,IAC5BsB,EAA+B,SAAS,OAAOzB,EAAM,IAAI,CAAC,EACrD,GAGFmC,EAAS,OAAS,CAACE,EAAa,OAAS,CAACN,CAClD,EAEKQ,EAAqBpC,EAAS,IAEhC,OAAOH,EAAM,IAAI,EAAE,SAAS,UAAU,GACtC,OAAOA,EAAM,IAAI,EAAE,SAAS,eAAe,CAE9C,EAED,OAAAwC,EAAU,IAAM,CACFlB,EAAA,EAEOC,EAAA,EACpB","debug_id":"8737c02a-af1e-513a-9a92-5a476d300e04"}