{"version":3,"file":"1wjDZPWV.js","sources":["../../../../components/Services/Baloons/BaloonTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// Types\nimport type { BaloonContentData } from '@/types/mapServices'\n\n// Store\nimport { useCityStore } from '@/store/city/city'\n\nconst DEFAULT_ZERO = 0\n\ndefineProps({\n  baloonInfo: {\n    type: Object as PropType<BaloonContentData>,\n    required: true,\n  },\n})\n\nconst { currencySymbol } = useCityStore()\n</script>\n\n<template>\n  <table class=\"baloon__table\">\n    <tbody>\n      <tr\n        v-if=\"baloonInfo.cooking_time > DEFAULT_ZERO\"\n        data-cy=\"deliveryTime\"\n        class=\"baloon__table-item\"\n      >\n        <td class=\"baloon__table-label\">Время доставки</td>\n        <td class=\"baloon__table-value\">{{ baloonInfo.cooking_time }} мин</td>\n      </tr>\n\n      <tr\n        v-if=\"baloonInfo.free_delivery_from > DEFAULT_ZERO\"\n        data-cy=\"freeDeliveryFrom\"\n        class=\"baloon__table-item\"\n      >\n        <td class=\"baloon__table-label\">Бесплатная доставка</td>\n        <td class=\"baloon__table-value\">\n          от {{ baloonInfo.free_delivery_from }} {{ currencySymbol }}\n        </td>\n      </tr>\n\n      <tr\n        v-if=\"baloonInfo.min_price > DEFAULT_ZERO\"\n        data-cy=\"minPrice\"\n        class=\"baloon__table-item\"\n      >\n        <td class=\"baloon__table-label\">Мин. сумма заказа</td>\n        <td class=\"baloon__table-value\">\n          {{ baloonInfo.min_price }} {{ currencySymbol }}\n        </td>\n      </tr>\n\n      <tr\n        v-for=\"(cost, index) in baloonInfo.costs\"\n        :key=\"index\"\n        data-cy=\"deliveryTime\"\n        class=\"baloon__table-item\"\n      >\n        <td v-if=\"cost.cost > DEFAULT_ZERO\" class=\"baloon__table-label\">\n          Заказ от {{ cost.amount_from }} {{ currencySymbol }} до\n          {{ cost.amount_to }} {{ currencySymbol }}\n        </td>\n        <td v-if=\"cost.cost > DEFAULT_ZERO\" class=\"baloon__table-value\">\n          {{ cost.cost }} {{ currencySymbol }}\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<style lang=\"scss\" scoped>\n.baloon {\n  &__table {\n    :not(:last-child) {\n      padding-bottom: 2px;\n    }\n\n    &-item {\n      display: flex;\n      justify-content: space-between;\n    }\n    &-label {\n      padding-bottom: 2px;\n      font-size: 12px;\n      font-weight: 600;\n      line-height: 16px;\n    }\n    &-value {\n      padding-left: 20px;\n      font-size: 12px;\n      font-weight: 800;\n      line-height: 14px;\n      color: $white;\n      text-align: right;\n    }\n  }\n}\n</style>\n"],"names":["DEFAULT_ZERO","currencySymbol","useCityStore"],"mappings":";;4kCAOMA,EAAe,kFASf,KAAA,CAAE,eAAAC,GAAmBC","debug_id":"1f631c89-b4b1-5516-b72e-6554c5552acf"}