{"version":3,"file":"_nuxt/BOuRh0YQ.js","sources":["../../../../node_modules/@smenaspace/ui-layer/utils/ui-scroll.ts","../../../../node_modules/@smenaspace/ui-layer/utils/ui-touch.ts","../../../../node_modules/@smenaspace/ui-layer/components/navigation-drawer/NavigationDrawer.vue","../../../../layouts/mobile.vue"],"sourcesContent":["export const scrollLock = () => {\n  if (!document) return\n\n  setTimeout(() => {\n    const rootElement = document.documentElement\n\n    const scrollTopOffset = rootElement.scrollTop\n\n    rootElement.dataset.scrollTopOffset = String(scrollTopOffset)\n\n    rootElement.style.top = `-${scrollTopOffset}px`\n\n    rootElement.classList.add('ui-scroll-locked')\n  }, 100)\n}\n\nexport const scrollUnlock = () => {\n  if (!window || !document) return\n\n  setTimeout(() => {\n    const rootElement = document.documentElement\n\n    rootElement.style.top = ''\n\n    rootElement.classList.remove('ui-scroll-locked')\n\n    window.scrollTo(0, Number(rootElement.dataset.scrollTopOffset))\n\n    rootElement.dataset.scrollTopOffset = ''\n  }, 100)\n}\n","type Direction = 'down' | 'left'\n\ntype CoordinateSystem = 'clientX' | 'clientY'\n\ntype Constructor = {\n  distance: number\n  direction: Direction\n  onTouchEnd: Function\n}\n\nconst coordinateSystemMap: Record<Direction, CoordinateSystem> = {\n  left: 'clientX',\n  down: 'clientY',\n}\n\nexport class TouchService {\n  private startPosition = 0\n  private endPosition = 0\n  private readonly coordinateSystem: CoordinateSystem\n  private readonly distance: number\n  private readonly direction: Direction\n  private readonly onTouchEnd: Function\n\n  /**\n   * Сервис для обработки касаний экрана для touch устройств\n   * @param distance - Расстояние между начальной и конечной позицей касания экрана для срабатывания колбэка\n   * @param direction - Направление движение свайпа для срабатывания колбэка\n   * @param onTouchEnd - Функция, которая выполнится при пройденной дистанции\n   */\n  constructor({ distance, direction, onTouchEnd }: Constructor) {\n    this.distance = distance\n    this.direction = direction\n    this.onTouchEnd = onTouchEnd\n    this.coordinateSystem = coordinateSystemMap[direction]\n  }\n\n  // Устанавливаем позицию равную началу касания экрана\n  onStart(event: TouchEvent) {\n    if (!event.touches?.length) return\n\n    this.startPosition = event.touches[0][this.coordinateSystem]\n  }\n\n  // Устанавливаем конечную позицию касания экрана\n  onMove(event: TouchEvent) {\n    if (!event.touches?.length) return\n\n    this.endPosition = event.touches[0][this.coordinateSystem]\n  }\n\n  // При завершении касаний, сравниваем пройденное расстояние между касаниями и высчитываем разницу\n  onEnd() {\n    let delta = 0\n\n    if (this.direction === 'down') delta = this.endPosition - this.startPosition\n\n    if (this.direction === 'left') delta = this.startPosition - this.endPosition\n\n    if (this.endPosition > 0 && delta >= this.distance) this.onTouchEnd()\n\n    this.startPosition = 0\n    this.endPosition = 0\n  }\n}\n","<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\nwatch(\n  () => props.modelValue,\n  (isActive) => {\n    if (isActive) return scrollLock()\n\n    scrollUnlock()\n  },\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      :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    @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 isCategoryPage = computed(() => String(route.name).includes('category'))\n\nconst showBasketWidget = computed(() => {\n  if (PROFILE_DISABLED_BASKET_ROUTES.includes(String(route.name))) {\n    return false\n  }\n\n  return (\n    isActive.value &&\n    !isBasketPage.value &&\n    !isWebview &&\n    !route.path.includes('halves')\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      :nav-show=\"showNavigationDrawer\"\n      @open-navigation-drawer=\"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=\"isCategoryPage\" 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: $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":["scrollLock","rootElement","scrollTopOffset","scrollUnlock","coordinateSystemMap","TouchService","distance","direction","onTouchEnd","__publicField","event","_a","delta","props","__props","emit","__emit","route","useRoute","componentClasses","computed","classes","componentStyles","overlayStyles","onClose","watch","isActive","touchService","TheHeaderMobile","defineAsyncComponent","__vitePreload","MainDialogWorking","DrawerContent","TheApplicationBanner","HeaderBasketMobileWidget","fetchBasket","handleRedirectCity","useBasketMethods","PROFILE_DISABLED_BASKET_ROUTES","cityStore","useCityStore","isVisibleStories","storeToRefs","useToggleStore","isWebview","useAppStore","showNavigationDrawer","ref","isHomePage","isBasketPage","isCategoryPage","showBasketWidget","onMounted"],"mappings":"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","debug_id":"002f2724-a056-5d07-8eac-39b68ca5372f"}