{"version":3,"file":"DdcJbD0J.js","sources":["../../../../composables/usePreventScroll.ts","../../../../composables/store/useDialog.ts","../../../../components/uikit/dialog/index.vue"],"sourcesContent":["import { getVerticalScrollPosition } from '@/utils/scroll';\n\nexport function usePreventScroll() {\n  const currentState = useState('currentPreventBodyState', () => false);\n  const scrollPositionY = useState('scrollPositionY', () => 0);\n  const bodyTop = useState('bodyTop', () => '');\n\n  function preventScroll(state: boolean) {\n    if (state) {\n      const isActive = document.body.classList.contains('osk-body_prevent-scroll');\n\n      if (isActive) return;\n\n      scrollPositionY.value = getVerticalScrollPosition(window);\n      bodyTop.value = document.body.style.top;\n\n      document.body.classList.add('osk-body_prevent-scroll');\n      document.body.style.top = `-${scrollPositionY.value}px`;\n    } else {\n      document.body.classList.remove('osk-body_prevent-scroll');\n      document.body.style.top = bodyTop.value;\n      window.scrollTo(0, scrollPositionY.value);\n    }\n  }\n\n  return {\n    currentState,\n    preventBodyScroll(state: boolean) {\n      if (state !== currentState.value && (currentState || state === true)) {\n        currentState.value = state;\n        preventScroll(state);\n      }\n    },\n  };\n}\n","type TDialog = {\n  close?: () => void\n} | null\n\nexport function useDialog() {\n  const shouldMobileBannerHide = useState('shouldMobileBannerHide', () => false);\n  const dialogsLevel = useState('dialogsLevel', () => 0);\n\n  const currentDialog = useState<TDialog>('currentDialog', () => null);\n\n  function closeOpenedDialog() {\n    if (currentDialog.value?.close) {\n      currentDialog.value.close();\n    }\n  }\n\n  return {\n    shouldMobileBannerHide,\n    dialogsLevel,\n    currentDialog,\n    closeOpenedDialog,\n  };\n}\n","<template>\n  <Teleport to=\"body\">\n    <div\n      v-if=\"showDialog\"\n      ref=\"$dialog\"\n      :class=\"{\n        'osk-dialog': true,\n        'osk-dialog_with-mobile-menu': withMobileMenu,\n        'osk-dialog_only-top-mobile-menu': onlyTopMobileMenu,\n        [`osk-dialog_position-${position}`]: !!position,\n      }\"\n      :style=\"zIndex ? `z-index: ${zIndex}` : undefined\"\n    >\n      <Transition :name=\"dialogTransition\">\n        <div\n          v-if=\"showContent\"\n          :class=\"{\n            'osk-dialog__body': true,\n            [`osk-dialog__body_position-${position}`]: !!position,\n            'osk-dialog__body_fullHeight': fullHeight,\n            'osk-dialog__body_fullHeightNoScroll': fullHeightNoScroll,\n            'osk-dialog__body_fullWidth': fullWidth,\n            'osk-dialog__body_noPadding': noPadding,\n            'osk-dialog__body_noShadow': noShadow,\n            'osk-dialog__body_dark': dark,\n            [contentClass]: !!contentClass\n          }\"\n        >\n          <slot />\n\n          <div\n            v-if=\"!hideClose\"\n            class=\"osk-dialog__close\"\n            @click=\"handleClose\"\n          >\n            <UikitIcon\n              :name=\"isDesktop ? 'Cross' : 'Close'\"\n              size=\"l\"\n              :color=\"dark ? 'white' : undefined\"\n            />\n          </div>\n        </div>\n      </Transition>\n\n      <Transition\n        v-if=\"dialogsLevel === (modelValue ? 1 : 0)\"\n        name=\"fade\"\n      >\n        <div\n          v-if=\"showContent && !hideBackdrop && showBackdrop\"\n          class=\"osk-dialog__backdrop\"\n          @click=\"handleClickOutside\"\n        >\n          &nbsp;\n        </div>\n      </Transition>\n\n      <template v-else>\n        <div\n          v-if=\"showContent && !hideBackdrop && showBackdrop\"\n          class=\"osk-dialog__backdrop\"\n          @click=\"handleClickOutside\"\n        >\n          &nbsp;\n        </div>\n      </template>\n    </div>\n  </Teleport>\n</template>\n\n<script setup lang=\"ts\">\ntype TDialogPosition = 'standard' | 'right';\n\nconst props = withDefaults(defineProps<{\n  modelValue: boolean\n  contentClass?: string\n  fullHeight?: boolean\n  fullHeightNoScroll?: boolean\n  fullWidth?: boolean\n  persistent?: boolean\n  position?: TDialogPosition\n  noPadding?: boolean\n  hideClose?: boolean\n  withMobileMenu?: boolean\n  onlyTopMobileMenu?: boolean\n  closeOthersOnMobile?: boolean\n  noShadow?: boolean\n  hideBackdrop?: boolean\n  slideRight?: boolean\n  zIndex?: number\n  dark?: boolean\n}>(), {\n  contentClass: '',\n  position: 'standard',\n  zIndex: undefined,\n});\n\nconst emits = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void,\n  (e: 'keyup', value: KeyboardEvent): void,\n  (e: 'handleClose'): void,\n  (e: 'handleCloseOutside'): void,\n}>();\n\nlet cancelBeforeEach: () => void | undefined;\n\nconst levelForPopstateClose = useState('levelForPopstateClose', () => 0);\n\nconst isPopstate = ref(false);\nconst currentLevel = ref(0);\n\nconst $dialog = ref();\n\nconst { isDesktop } = useUiBreakpoints();\nconst { preventBodyScroll, currentState } = usePreventScroll();\nconst router = useRouter();\nconst {\n  shouldMobileBannerHide,\n  dialogsLevel,\n  currentDialog,\n  closeOpenedDialog,\n} = useDialog();\n\nconst showDialog = ref(props.modelValue);\nconst showContent = ref(false);\n\nconst dialogTransition = computed(() => {\n  if (props.slideRight) return 'slide-right';\n  if (!isDesktop.value) return 'slide-down';\n\n  return props.position === 'standard' ? 'fade' : 'slide-right';\n});\n\nconst showBackdrop = computed(() => {\n  if (dialogsLevel.value > 1) {\n    return currentLevel.value === dialogsLevel.value;\n  }\n\n  return true;\n});\n\nfunction handleClose() {\n  emits('update:modelValue', false);\n  emits('handleClose');\n}\n\nfunction closeDialog() {\n  showContent.value = false;\n\n  setTimeout(() => {\n    showDialog.value = false;\n  }, 200);\n}\n\nfunction handleKeyUp(e:KeyboardEvent) {\n  if (e.key !== 'Escape') return;\n\n  emits('update:modelValue', false);\n  emits('keyup', e);\n}\n\nfunction handleClickOutside() {\n  if (props.persistent) return;\n\n  emits('update:modelValue', false);\n  emits('handleCloseOutside');\n}\n\nfunction handlePopstate() {\n  isPopstate.value = true;\n\n  if (!window.history.state?.back) {\n    window.history.pushState({\n      ...(window.history.state ?? {}),\n      back: window.history.state.current,\n    }, '');\n  }\n\n  if (levelForPopstateClose.value === currentLevel.value) {\n    emits('update:modelValue', false);\n  }\n}\n\nfunction addPopstateEvent() {\n  if (!window.history.state?.back) {\n    const state = {\n      ...(window.history.state ?? {}),\n      back: window.history.state.current,\n    };\n\n    // Нужно при первом открытии, если был открыт другой домен\n    window.history.pushState(state, '');\n    window.history.pushState(state, '');\n  }\n\n  cancelBeforeEach = router.beforeEach(async (to, from, next) => {\n    // window popstate срабатывает позже beforeEach, поэтому магия с setTimeout\n    // nextTick не работает\n    await new Promise((res) => { setTimeout(res, 0); });\n\n    if (isPopstate.value) {\n      levelForPopstateClose.value = dialogsLevel.value;\n      isPopstate.value = false;\n      return next(false);\n    }\n\n    emits('update:modelValue', false);\n\n    return next();\n  });\n\n  window.addEventListener('popstate', handlePopstate);\n}\n\nfunction handleMobileOpen() {\n  if (props.closeOthersOnMobile) {\n    shouldMobileBannerHide.value = true;\n    closeOpenedDialog();\n\n    currentDialog.value = {\n      close: () => emits('update:modelValue', false),\n    };\n  }\n\n  addPopstateEvent();\n}\n\nwatch(() => props.modelValue, async (value) => {\n  if (value) {\n    if (!isDesktop.value) {\n      handleMobileOpen();\n    }\n\n    dialogsLevel.value++;\n\n    if (!currentState.value) {\n      preventBodyScroll(true);\n    }\n\n    showDialog.value = true;\n    await nextTick();\n    showContent.value = true;\n\n    currentLevel.value = dialogsLevel.value;\n\n    if (isDesktop.value) {\n      window.addEventListener('keyup', handleKeyUp);\n    }\n  } else {\n    dialogsLevel.value--;\n    await nextTick();\n    currentLevel.value = 0;\n\n    levelForPopstateClose.value = 0;\n\n    if (dialogsLevel.value <= 0) {\n      dialogsLevel.value = 0;\n      shouldMobileBannerHide.value = false;\n      preventBodyScroll(false);\n      currentDialog.value = null;\n    }\n\n    if (isDesktop.value) {\n      window.removeEventListener('keyup', handleKeyUp);\n    }\n\n    closeDialog();\n\n    if (cancelBeforeEach) {\n      cancelBeforeEach();\n    }\n    window.removeEventListener('popstate', handlePopstate);\n  }\n});\n\nonUnmounted(() => {\n  if (cancelBeforeEach) {\n    cancelBeforeEach();\n  }\n\n  window.removeEventListener('popstate', handlePopstate);\n  window.removeEventListener('keyup', handleKeyUp);\n\n  if (currentLevel.value) {\n    preventBodyScroll(false);\n    dialogsLevel.value = 0;\n    levelForPopstateClose.value = 0;\n  }\n});\n</script>\n\n<style lang=\"scss\">\n@import \"~/assets/scss/settings/index\";\n\n.osk-dialog {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 999;\n  display: flex;\n\n  &:not(.osk-dialog_with-mobile-menu) {\n    z-index: 1002;\n  }\n\n  &_position-standard {\n    align-items: center;\n    justify-content: center;\n  }\n\n  &_position-right {\n    align-items: center;\n  }\n\n  &__backdrop {\n    height: 100%;\n    width: 100%;\n    background-color: $black-op-6;\n  }\n\n  &__body {\n    position: absolute;\n    background-color: $white;\n    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.12);\n    width: 100%;\n    border-radius: $radius-mlarge $radius-mlarge 0px 0px;\n    bottom: 0;\n    max-height: 100%;\n    padding: 16px;\n    z-index: 1;\n\n    @include media-query(lg-and-up) {\n      width: auto;\n      bottom: auto;\n      padding: 24px;\n    }\n\n    &_position-standard {\n      @include media-query(lg-and-up) {\n        border-radius: $radius-mlarge;\n      }\n    }\n\n    &_position-right {\n      @include media-query(md-and-up) {\n        border-radius: $radius-mlarge 0 0 $radius-mlarge;\n        right: 0;\n      }\n    }\n\n    &_noPadding {\n      padding: 0;\n    }\n\n    &_noShadow {\n      box-shadow: none;\n    }\n\n    &_fullHeight {\n      height: 100%;\n      border-radius: 0;\n      overflow-y: auto;\n    }\n\n    &_fullHeightNoScroll {\n      overflow-y: visible;\n    }\n\n    &_fullWidth {\n      width: 100vw;\n    }\n\n    &_dark {\n      background: $primary;\n      color: white;\n    }\n  }\n\n  &__close {\n    position: absolute;\n    cursor: pointer;\n    top: 44px;\n    right: 44px;\n\n    @include media-query(lg-and-up) {\n      top: 44px;\n      right: 44px;\n    }\n\n    &:hover {\n      opacity: .6;\n    }\n\n    &:active {\n      opacity: .6;\n    }\n  }\n\n  &_with-mobile-menu {\n    bottom: 74px;\n    top: 56px;\n\n    &.osk-dialog_only-top-mobile-menu {\n      bottom: 0;\n      z-index: 1002;\n    }\n  }\n\n  & ~ & {\n    .osk-dialog__backdrop {\n      width: calc(100% - 504px);\n    }\n  }\n}\n</style>\n"],"names":["usePreventScroll","currentState","useState","scrollPositionY","bodyTop","preventScroll","state","getVerticalScrollPosition","useDialog","shouldMobileBannerHide","dialogsLevel","currentDialog","closeOpenedDialog","_a","props","__props","emits","__emit","cancelBeforeEach","levelForPopstateClose","isPopstate","ref","currentLevel","$dialog","isDesktop","useUiBreakpoints","preventBodyScroll","router","useRouter","showDialog","showContent","dialogTransition","computed","showBackdrop","handleClose","closeDialog","handleKeyUp","handleClickOutside","handlePopstate","addPopstateEvent","to","from","next","res","handleMobileOpen","watch","value","nextTick","onUnmounted"],"mappings":"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"}