{"version":3,"file":"index--5jq2gDc.js","sources":["../../../app/frontend/vue/src/components-tw/shared/s-header-mobile/index.vue"],"sourcesContent":["<template>\n  <div\n    class=\"md:_hidden _flex _place-content-center _items-center _border-solid _fixed\n      _border-0 _border-b _border-grey-500 _bg-white-100 _top-0 _left-0 _z-[9999] _w-full\"\n    :style=\"{\n      height: MOBILE_HEADER_HEIGHT_PX + 'px'\n    }\"\n  >\n    <div\n      :aria-label=\"menuShowedText\"\n      :aria-expanded=\"menuShowed\"\n      class=\"_absolute _left-0 _px-4 _py-3\"\n      :class=\"S_HEADER_MOBILE_BTN_CLASS\"\n      role=\"button\"\n      @click=\"onButtonClick\"\n    >\n      <div class=\"_rounded-full _flex _justify-center _items-center _bg-grey-300 _w-10 _h-10 _cursor-pointer _relative\">\n        <tw-ui-icon\n          v-if=\"backButtonShowed\"\n          class=\"_relative _right-[1px]\"\n          icon=\"angle-left.svg\"\n        />\n        <tw-ui-icon\n          v-else-if=\"menuShowed\"\n          icon=\"times.svg\"\n          size=\"_w-6 _h-6\"\n        />\n        <tw-ui-icon\n          v-else\n          icon=\"bars.svg\"\n          size=\"_w-6 _h-6\"\n        />\n        <tw-ui-pulsar\n          v-if=\"!menuShowed && !backButtonShowed && notification\"\n          class=\"!_absolute _top-[-6px] _right-[-6px]\"\n          outline\n        />\n      </div>\n    </div>\n    <a\n      class=\"_flex _items-center\"\n      href=\"/\"\n    >\n      <tw-ui-icon\n        icon=\"yasno-logo.svg\"\n        size=\"_w-[77px]\"\n      />\n    </a>\n  </div>\n</template>\n<script setup>\nimport { computed, watch } from 'vue';\nimport { MOBILE_HEADER_HEIGHT_PX } from '@front/utils/const/sizes';\nimport { S_HEADER_MOBILE_BTN_CLASS } from '@front/utils/const/selectors';\nimport TwUiPulsar from '@front/components-tw/ui/tw-ui-pulsar.vue';\nimport TwUiIcon from '../../ui/tw-ui-icon';\n\nconst props = defineProps({\n  menuShowed: {\n    type: Boolean,\n    default: false,\n  },\n  backButtonShowed: {\n    type: Boolean,\n    default: false,\n  },\n  notification: {\n    type: Boolean,\n    default: false,\n  },\n});\n\nconst emit = defineEmits(['on-back-button-click', 'on-toggle-menu-click']);\n\nconst menuShowedText = computed(() => {\n  if (props.backButtonShowed) {\n    return 'Вернуться назад';\n  }\n\n  return props.menuShowed ? 'Закрыть меню' : 'Открыть меню';\n});\n\nconst onButtonClick = () => emit(props.backButtonShowed ? 'on-back-button-click' : 'on-toggle-menu-click');\n\nwatch(() => props.menuShowed, (v) => document.body.style.overflow = v ? 'hidden' : 'auto');\n</script>\n\n<style lang=\"scss\">\n.fade-enter-active,\n.fade-leave-active {\n  transition: opacity 0.15s ease;\n}\n\n.fade-enter-from,\n.fade-leave-to {\n  opacity: 0;\n  position: absolute;\n}\n</style>\n"],"names":["props","__props","emit","__emit","menuShowedText","computed","backButtonShowed","menuShowed","onButtonClick","watch","v","document","body","style","overflow"],"mappings":"mrBAyDA,MAAMA,EAAQC,EAeRC,EAAOC,EAEPC,EAAiBC,GAAS,IAC1BL,EAAMM,iBACD,kBAGFN,EAAMO,WAAa,eAAiB,iBAGvCC,EAAgB,IAAMN,EAAKF,EAAMM,iBAAmB,uBAAyB,+BAE7EG,GAAA,IAAMT,EAAMO,aAAaG,GAAMC,SAASC,KAAKC,MAAMC,SAAWJ,EAAI,SAAW"}