{"version":3,"file":"DxQa_rAL.js","sources":["../../../../components/App/TheApplicationBanner.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted } from 'vue'\n\nconst { isAndroid } = useDevice()\n\nconst isBannerShowed = ref(true)\n\nonMounted(() => {\n  setCSSProperty('0px')\n\n  if (!localStorage.getItem('appBannerShowed')) {\n    isBannerShowed.value = false\n\n    setCSSProperty('56px')\n  }\n})\n\nconst bannerLink = ref(\n  isAndroid\n    ? 'https://redirect.appmetrica.yandex.com/serve/818924603794596825'\n    : 'https://redirect.appmetrica.yandex.com/serve/26301343073317461',\n)\n\nconst closeApplicationBanner = () => {\n  localStorage.setItem('appBannerShowed', 'true')\n  isBannerShowed.value = true\n\n  setCSSProperty('0px')\n}\n\nconst setCSSProperty = (value: string) => {\n  document.documentElement.style.setProperty(\n    '--application-banner-height',\n    value,\n  )\n}\n</script>\n\n<template>\n  <transition name=\"height\">\n    <div\n      v-if=\"!isBannerShowed\"\n      data-e2e=\"the-application-banner\"\n      class=\"banner\"\n    >\n      <div class=\"banner__logo\">\n        <the-button\n          class=\"banner__icon-close\"\n          icon=\"close-bigger\"\n          variant=\"transparent\"\n          :icon-size=\"24\"\n          size=\"sm\"\n          @click=\"closeApplicationBanner\"\n        />\n\n        <nuxt-img\n          src=\"/mobile-logo.png\"\n          alt=\"FARFOR- доставка еды\"\n          width=\"115\"\n          height=\"40\"\n        />\n      </div>\n\n      <the-button\n        radius=\"lg\"\n        size=\"sm\"\n        font=\"sm\"\n        target=\"_blank\"\n        :href=\"bannerLink\"\n        class=\"banner__link\"\n        rel=\"noopener\"\n      >\n        Скачать\n      </the-button>\n    </div>\n  </transition>\n</template>\n\n<style lang=\"scss\" scoped>\n@use '@/assets/styles/animations.scss' as *;\n\n.banner {\n  position: relative;\n  z-index: 111;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 56px;\n  padding: 0 20px;\n  background: var(--ui-peach);\n\n  &__icon-close {\n    :deep(svg) {\n      fill: var(--ui-unactive-gray);\n    }\n  }\n\n  &__logo {\n    display: flex;\n    gap: 0 15px;\n    align-items: center;\n    height: 100%;\n  }\n}\n</style>\n"],"names":["isAndroid","useDevice","isBannerShowed","ref","onMounted","setCSSProperty","bannerLink","closeApplicationBanner","value"],"mappings":";;qlBAGM,KAAA,CAAE,UAAAA,CAAU,EAAIC,EAAU,EAE1BC,EAAiBC,EAAI,EAAI,EAE/BC,EAAU,IAAM,CACdC,EAAe,KAAK,EAEf,aAAa,QAAQ,iBAAiB,IACzCH,EAAe,MAAQ,GAEvBG,EAAe,MAAM,EACvB,CACD,EAED,MAAMC,EAAaH,EACjBH,EACI,kEACA,gEACN,EAEMO,EAAyB,IAAM,CACtB,aAAA,QAAQ,kBAAmB,MAAM,EAC9CL,EAAe,MAAQ,GAEvBG,EAAe,KAAK,CACtB,EAEMA,EAAkBG,GAAkB,CACxC,SAAS,gBAAgB,MAAM,YAC7B,8BACAA,CACF,CACF","debug_id":"38a3b991-a0e7-5d6b-96d3-8e920e1a6a45"}