{"version":3,"file":"-f0eupup.js","sources":["../../../../components/Header/TheHeaderMobile.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useCityStore } from '@/store/city/city'\nimport { useUserStore } from '@/store/user/user'\n\nimport HeaderBurger from '@/components/Header/HeaderBurger.vue'\nimport HeaderLogo from '@/components/Header/HeaderLogo.vue'\nimport SupportDialog from '@/components/Header/HeaderNavigationDrawer/SupportDialog.vue'\n\nconst { isTablet } = useDevice()\n\nconst { cityInfo } = useCityStore()\nconst { isAuthenticated } = storeToRefs(useUserStore())\n\ntype Props = {\n  isActiveNavigation: boolean\n}\n\ndefineProps<Props>()\n\nconst emit = defineEmits(['on-open-navigation'])\n\nconst isDialogCallSupportShow = ref(false)\nconst isCitySelectListShow = ref(false)\n\nconst onOpenNavigation = () => emit('on-open-navigation')\n\nconst onProfileClick = () => {\n  isAuthenticated.value ? navigateTo('/profile/orders/') : navigateTo('/login/')\n}\n</script>\n\n<template>\n  <header class=\"header-mobile\">\n    <header-logo />\n\n    <div class=\"header-mobile__city\">\n      <header-city-select\n        v-if=\"cityInfo.padeg?.imen\"\n        :is-city-select-list-show=\"isCitySelectListShow\"\n        :city-name=\"cityInfo.padeg.imen\"\n      />\n\n      <header-working-hours\n        @show-city-select-list=\"isCitySelectListShow = !isCitySelectListShow\"\n      />\n    </div>\n\n    <div class=\"header-mobile__actions\">\n      <the-button\n        v-if=\"cityInfo.is_active\"\n        variant=\"transparent\"\n        icon=\"bubble-chat\"\n        size=\"sm\"\n        radius=\"lg\"\n        aria-label=\"Открыть чат с поддержкой\"\n        @click=\"isDialogCallSupportShow = !isDialogCallSupportShow\"\n      />\n\n      <the-button\n        v-if=\"isTablet\"\n        variant=\"transparent\"\n        icon=\"user--outline\"\n        size=\"sm\"\n        radius=\"lg\"\n        aria-label=\"Перейти в личный кабинет\"\n        @click=\"onProfileClick\"\n      />\n\n      <header-burger\n        :is-active=\"isActiveNavigation\"\n        @click=\"onOpenNavigation\"\n      />\n    </div>\n\n    <the-dialog v-model=\"isDialogCallSupportShow\">\n      <support-dialog />\n    </the-dialog>\n  </header>\n</template>\n\n<style scoped lang=\"scss\">\n.header-mobile {\n  position: sticky;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1005;\n  display: flex;\n  gap: 0 8px;\n  align-items: center;\n  width: 100%;\n  height: 60px;\n  padding-right: 12px;\n  padding-left: 20px;\n  background: var(--ui-white);\n  border-bottom: 1px solid #f1f4f9;\n\n  &__actions {\n    display: flex;\n    align-items: center;\n    margin-left: auto;\n  }\n}\n</style>\n"],"names":["isTablet","useDevice","cityInfo","useCityStore","isAuthenticated","storeToRefs","useUserStore","emit","__emit","isDialogCallSupportShow","ref","isCitySelectListShow","onOpenNavigation","onProfileClick","navigateTo"],"mappings":";;4pFAQM,KAAA,CAAE,SAAAA,CAAS,EAAIC,EAAU,EAEzB,CAAE,SAAAC,CAAS,EAAIC,EAAa,EAC5B,CAAE,gBAAAC,CAAA,EAAoBC,EAAYC,GAAc,EAQhDC,EAAOC,EAEPC,EAA0BC,EAAI,EAAK,EACnCC,EAAuBD,EAAI,EAAK,EAEhCE,EAAmB,IAAML,EAAK,oBAAoB,EAElDM,EAAiB,IAAM,CAC3BT,EAAgB,MAAQU,EAAW,kBAAkB,EAAIA,EAAW,SAAS,CAC/E","debug_id":"ce7bc2ff-70e9-5319-92d7-deb4ec51a245"}