{"version":3,"file":"WxSwxdtS.js","sources":["../../../../components/Header/HeaderBasketMobileWidget.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useBasketStore } from '@/store/basket/basket'\nimport { useToggleStore } from '@/store/toggle/toggle'\n\nconst basketStore = useBasketStore()\nconst { basketEnabled } = useToggleStore()\n\nconst basketIsEmpty = computed(() => basketStore.basketIsEmpty)\n\nconst route = useRoute()\nconst router = useRouter()\n\nconst goToBasket = () => {\n  if (route.path === '/basket/') return\n\n  router.push('/basket/')\n}\n\nconst isOffset = computed(() => {\n  return route.path === '/make-wok/' || route.path === '/halves/'\n})\n\nconst icon = computed(() => {\n  return basketIsEmpty.value\n    ? 'shopping-card-sad--filled'\n    : 'shopping-card-fun--filled'\n})\n\nconst showEnabledBasket = computed(() => {\n  return !basketStore.basketIsDisabled && basketEnabled\n})\n</script>\n\n<template>\n  <div\n    class=\"basket-widget\"\n    :class=\"{\n      'basket-widget--offset': isOffset,\n    }\"\n  >\n    <the-badge\n      v-if=\"showEnabledBasket\"\n      color=\"var(--ui-white)\"\n      background-color=\"var(--ui-green)\"\n      :offset-x=\"10\"\n      :offset-y=\"10\"\n      :content=\"basketStore.data.itemsCount\"\n    >\n      <the-button\n        radius=\"lg\"\n        class=\"basket-widget__button\"\n        :icon=\"icon\"\n        icon-size=\"28\"\n        icon-color=\"var(--ui-white)\"\n        @click=\"goToBasket\"\n      />\n    </the-badge>\n\n    <the-tooltip v-else position-x=\"left\" position-y=\"top\" fixed>\n      <template #activator>\n        <the-button\n          class=\"basket-widget__button\"\n          radius=\"lg\"\n          :icon=\"icon\"\n          icon-size=\"28\"\n          icon-color=\"var(--ui-white)\"\n          disabled\n        />\n      </template>\n\n      <span class=\"basket-widget__tooltip\">Ресторан не работает</span>\n    </the-tooltip>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.basket-widget {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  z-index: 8;\n  padding: 25px;\n\n  &__button {\n    width: 60px;\n    height: 60px;\n\n    @include media('>=tablet') {\n      width: 80px;\n      height: 80px;\n    }\n  }\n\n  &--offset {\n    bottom: 70px;\n  }\n\n  &__tooltip {\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 16px;\n  }\n}\n</style>\n"],"names":["basketStore","useBasketStore","basketEnabled","useToggleStore","basketIsEmpty","computed","route","useRoute","router","useRouter","goToBasket","isOffset","icon","showEnabledBasket"],"mappings":";;mvBAIA,MAAMA,EAAcC,EAAe,EAC7B,CAAE,cAAAC,CAAc,EAAIC,EAAe,EAEnCC,EAAgBC,EAAS,IAAML,EAAY,aAAa,EAExDM,EAAQC,EAAS,EACjBC,EAASC,EAAU,EAEnBC,EAAa,IAAM,CACnBJ,EAAM,OAAS,YAEnBE,EAAO,KAAK,UAAU,CACxB,EAEMG,EAAWN,EAAS,IACjBC,EAAM,OAAS,cAAgBA,EAAM,OAAS,UACtD,EAEKM,EAAOP,EAAS,IACbD,EAAc,MACjB,4BACA,2BACL,EAEKS,EAAoBR,EAAS,IAC1B,CAACL,EAAY,kBAAoBE,CACzC","debug_id":"28651e0f-e929-5bb5-a3b5-5c10996f7a1c"}