{"version":3,"file":"BB9_CI7Q.js","sources":["../../../../components/App/TheApplicationBanner.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted } from 'vue'\n\n/* Components */\nimport AppButton from '@/components/App/AppButton.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        <v-btn\n          variant=\"text\"\n          size=\"small\"\n          rounded\n          @click=\"closeApplicationBanner\"\n        >\n          <nuxt-img\n            src=\"/application-icon-close.svg\"\n            alt=\"Закрыть баннер\"\n            width=\"10\"\n            height=\"10\"\n          />\n        </v-btn>\n\n        <nuxt-img\n          src=\"/mobile-logo.png\"\n          alt=\"FARFOR- доставка еды\"\n          width=\"115\"\n          height=\"40\"\n        />\n      </div>\n\n      <a :href=\"bannerLink\" target=\"_blank\">\n        <app-button class=\"banner__link\" rel=\"noopener\">Скачать</app-button>\n      </a>\n    </div>\n  </transition>\n</template>\n\n<style lang=\"scss\" scoped>\n@import '@/assets/styles/animations.scss';\n\n:deep(.v-btn) {\n  height: 26px !important;\n  min-height: 26px !important;\n  padding: 4px 16px !important;\n  font-size: 12px;\n  font-weight: 800;\n  line-height: 14px;\n  border-radius: 40px !important;\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: #fff3ee;\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":";;ooBAMM,KAAA,CAAE,UAAAA,GAAcC,IAEhBC,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,gEAAA,EAGAO,EAAyB,IAAM,CACtB,aAAA,QAAQ,kBAAmB,MAAM,EAC9CL,EAAe,MAAQ,GAEvBG,EAAe,KAAK,CAAA,EAGhBA,EAAkBG,GAAkB,CACxC,SAAS,gBAAgB,MAAM,YAC7B,8BACAA,CAAA,CACF","debug_id":"f1b9b83d-e854-5ac4-8ab2-ea686f224254"}