{"version":3,"file":"_nuxt/Caj8aiSg.js","sources":["../../../../components/Product/ProductModal.vue","../../../../composables/useProductModal.ts","../../../../components/Product/ProductCard/ProductCardContent.vue","../../../../node_modules/@smenaspace/ui-layer/components/card-button/types.ts","../../../../node_modules/@smenaspace/ui-layer/components/card-button/CardButton.vue","../../../../components/Product/ProductCard/ProductCardFooter.vue","../../../../components/Product/ProductCard/ProductCardImage.vue","../../../../components/Product/ProductCard/ProductCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PropType } from 'vue'\n\n/* Types */\nimport { ProductDialog } from '@/types/api/api-v3/product'\n\n/* Components */\nconst ProductDialogContent = defineAsyncComponent(\n  () => import('@/components/Product/ProductDialogContent.vue'),\n)\n\nconst props = defineProps({\n  productDialog: {\n    type: Object as PropType<ProductDialog>,\n    required: true,\n  },\n})\n\nconst emit = defineEmits(['closeDialogProduct'])\n\nconst { isMobile } = useDevice()\n\nconst closeDialogProduct = () => {\n  emit('closeDialogProduct')\n}\n</script>\n\n<template>\n  <client-only>\n    <v-dialog\n      v-if=\"props.productDialog.visible && props.productDialog.currentProduct\"\n      v-bind=\"$attrs\"\n      ref=\"dialog\"\n      :model-value=\"props.productDialog.visible\"\n      :max-width=\"'794'\"\n      :fullscreen=\"isMobile\"\n      @update:model-value=\"closeDialogProduct\"\n      @keydown.esc=\"closeDialogProduct\"\n    >\n      <product-dialog-content\n        :product=\"props.productDialog.currentProduct\"\n        :products=\"props.productDialog.productList\"\n        @close-dialog-product=\"closeDialogProduct\"\n      />\n    </v-dialog>\n  </client-only>\n</template>\n","import { ProductDialog } from '@/types/api/api-v3/product'\n\nexport const useProductModal = () => {\n  const productDialog = ref<ProductDialog>({\n    currentProduct: null,\n    productList: [],\n    visible: false,\n  })\n\n  const openDialogProduct = (productDialogData: ProductDialog) => {\n    productDialog.value = productDialogData\n  }\n\n  const closeDialogProduct = () => {\n    productDialog.value = {\n      currentProduct: null,\n      productList: [],\n      visible: false,\n    }\n  }\n\n  return {\n    productDialog,\n    openDialogProduct,\n    closeDialogProduct,\n  }\n}\n","<script setup lang=\"ts\">\nimport { NewProduct, NewProductModification } from '@/types/api/api-v4/product'\nimport {\n  ProductParentType,\n  ProductType,\n} from '@/types/components/product-card.types'\n\nimport AppMeasureUnits from '@/components/App/AppMeasureUnits.vue'\nimport ProductTagExtra from '@/components/Product/ProductTags/ProductTagExtra.vue'\n\ntype Props = {\n  product: NewProduct\n  productType: ProductType\n  currentModification: NewProductModification\n}\n\nconst props = defineProps<Props>()\n\nconst emit = defineEmits(['on-open-dialog'])\n\nconst { isDesktop } = useDevice()\n\nconst productTitleElement = ref<HTMLElement | null>(null)\n\nconst productTitleElementHeight = computed(() => {\n  return productTitleElement?.value?.getBoundingClientRect().height\n})\n\nconst productTitle = computed(() => {\n  if (props.product.modifications.length >= 2) {\n    return `${props.product.name}`\n  }\n\n  return props.product.modifications[0].mode\n    ? `${props.product.name}: ${props.product.modifications[0].mode}`\n    : `${props.product.name}`\n})\n\nconst showExtraTag = computed(() => {\n  return props.product.main_tags.length || props.product.additional_tags.length\n})\n\nconst onClick = () => emit('on-open-dialog')\n</script>\n\n<template>\n  <a\n    :href=\"`/product/${product.slug}/`\"\n    class=\"product-card-content\"\n    @click.prevent=\"onClick\"\n  >\n    <div class=\"product-card-content__header\">\n      <span ref=\"productTitleElement\" class=\"product-card-content__title\">\n        {{ productTitle }}\n      </span>\n\n      <product-tag-extra\n        v-if=\"showExtraTag\"\n        class=\"product-card-content__extra\"\n        :main-tags=\"product.main_tags\"\n        :additional-tags=\"product.additional_tags\"\n        :type=\"ProductParentType.card\"\n      />\n\n      <app-measure-units\n        v-if=\"productType === ProductType.simple\"\n        class=\"product-card-content__weight\"\n        :weight=\"currentModification.weight\"\n        :volume-in-liters=\"currentModification.volume_in_liters\"\n        :measure=\"currentModification.measure\"\n      />\n    </div>\n\n    <div\n      v-if=\"isDesktop\"\n      class=\"product-card-content__text\"\n      :class=\"{\n        'product-card-content__text--short': productTitleElementHeight > 20,\n      }\"\n    >\n      {{ currentModification.description }}\n    </div>\n  </a>\n</template>\n\n<style lang=\"scss\" scoped>\n.product-card-content {\n  display: block;\n  flex-grow: 1;\n  padding: 0 8px 8px;\n\n  @include media('>=desktop-mini') {\n    padding: 0 16px 16px;\n    line-height: 21px;\n  }\n\n  &__header {\n    max-height: 36px;\n    overflow: hidden;\n    font-weight: 600;\n    line-height: 18px;\n\n    @include media('>=desktop-mini') {\n      max-height: 42px;\n      line-height: 21px;\n    }\n  }\n\n  &__title {\n    margin-right: 4px;\n    font-size: 14px;\n    color: var(--ui-text-primary);\n    word-break: break-word;\n\n    @include media('>=desktop-mini') {\n      font-size: 16px;\n    }\n  }\n\n  &__extra {\n    margin-right: 4px;\n  }\n\n  &__weight {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--ui-text-secondary);\n\n    @include media('>=desktop-mini') {\n      font-size: 14px;\n    }\n  }\n\n  &__text {\n    display: none;\n\n    @include media('>=desktop-mini') {\n      display: -webkit-box;\n      margin-top: 4px;\n      overflow: hidden;\n      font-size: 14px;\n      font-weight: 600;\n      line-height: 18px;\n      color: var(--ui-text-secondary);\n      text-overflow: ellipsis;\n      -webkit-line-clamp: 3;\n      line-clamp: 3;\n      -webkit-box-orient: vertical;\n\n      &--short {\n        -webkit-line-clamp: 2;\n        line-clamp: 2;\n      }\n    }\n  }\n}\n</style>\n","export const enum CardButtonTypes {\n  selection = 'selection',\n  simple = 'simple',\n  extras = 'extras',\n  gift = 'gift',\n}\n","<script setup lang=\"ts\">\nimport { CardButtonTypes } from './types'\n\ntype Type = keyof typeof CardButtonTypes\n\ntype Props = {\n  type: Type\n  price?: number | string\n  oldPrice?: number | string\n  currency?: string\n  isActive?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  currency: '₽',\n  price: 0,\n  oldPrice: 0,\n})\n\nconst emit = defineEmits(['onAdd', 'onIncrease', 'onDecrease'])\n\nconst componentClasses = computed(() => {\n  const classes = ['app-card-button', `app-card-button--type-${props.type}`]\n\n  if (props.isActive) classes.push('app-card-button--active')\n\n  return classes\n})\n\nconst pricePrefix = computed(() => {\n  if (props.type === CardButtonTypes.selection) return 'от '\n\n  return ''\n})\n\nconst priceValue = computed(() => {\n  return `${pricePrefix.value}${props.price} ${props.currency}`\n})\n\nconst oldPriceValue = computed(() => {\n  return `${props.oldPrice} ${props.currency}`\n})\n\nconst appendIconName = computed(() => {\n  if (props.type === CardButtonTypes.gift && props.isActive) return 'tick'\n\n  if (props.type === CardButtonTypes.selection && props.isActive) return 'plus'\n\n  const typesList: Type[] = [\n    CardButtonTypes.extras,\n    CardButtonTypes.simple,\n    CardButtonTypes.gift,\n  ]\n\n  if (typesList.includes(props.type)) return 'plus'\n\n  return 'arrow-right'\n})\n\nconst isGiftType = computed(() => props.type === CardButtonTypes.gift)\n\nconst showRemoveButton = computed(() => {\n  return props.isActive && !isGiftType.value\n})\n\nconst showAddButton = computed(() => {\n  return props.isActive || isGiftType.value\n})\n\nconst onClickRoot = () => {\n  if (!props.isActive) emit('onAdd')\n}\n</script>\n\n<template>\n  <div v-ripple :class=\"componentClasses\" @click.self=\"onClickRoot\">\n    <the-button\n      v-if=\"showRemoveButton\"\n      data-test-id=\"decrease\"\n      class=\"app-card-button__button\"\n      :class=\"{ 'app-card-button__button--disabled': !isActive }\"\n      variant=\"transparent\"\n      size=\"xs\"\n      radius=\"lg\"\n      icon=\"minus\"\n      @click=\"emit('onDecrease')\"\n    />\n\n    <div v-if=\"!isGiftType\" class=\"app-card-button__wrapper\">\n      <div v-if=\"oldPrice && !isActive\" class=\"app-card-button__old-price\">\n        {{ oldPriceValue }}\n      </div>\n\n      <div class=\"app-card-button__price\">{{ priceValue }}</div>\n\n      <the-icon\n        v-show=\"!isActive\"\n        class=\"app-card-button__icon\"\n        :name=\"appendIconName\"\n      />\n    </div>\n\n    <the-button\n      v-if=\"showAddButton\"\n      data-test-id=\"increase\"\n      class=\"app-card-button__button\"\n      :class=\"{ 'app-card-button__button--disabled': !isActive }\"\n      variant=\"transparent\"\n      size=\"xs\"\n      radius=\"lg\"\n      :icon=\"appendIconName\"\n      @click=\"emit('onIncrease')\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n@import '../../assets/ui-layer/styles/mixins';\n\n.app-card-button {\n  --card-button-gap: 8px;\n  --card-button-width: 40px;\n  --card-button-height: 40px;\n\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  color: var(--ui-primary);\n  letter-spacing: -0.02em;\n  cursor: pointer;\n  background-color: var(--ui-white);\n  border-radius: 100px;\n  box-shadow: var(--ui-card-shadow);\n  transition: background-color 0.3s ease-in-out, box-shadow 0.2s ease-in-out;\n\n  @include media('>=desktop-mini') {\n    --card-button-width: 72px;\n  }\n\n  &:active {\n    color: var(--ui-white);\n    background-color: var(--ui-primary);\n  }\n\n  :deep(svg) {\n    fill: currentColor !important;\n    stroke: currentColor !important;\n  }\n\n  :deep(.v-ripple__container) {\n    @include media('<=tablet') {\n      display: none;\n    }\n  }\n\n  :deep(.v-ripple__animation) {\n    background-color: var(--ui-primary);\n  }\n\n  :deep(.v-ripple__animation--in) {\n    opacity: 1;\n  }\n\n  &__wrapper {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    gap: var(--card-button-gap);\n    align-items: center;\n    pointer-events: none;\n    user-select: none;\n  }\n\n  &__button {\n    position: relative;\n    z-index: 1;\n    width: var(--card-button-width) !important;\n    height: var(--card-button-height) !important;\n    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;\n\n    :deep(.v-ripple__animation) {\n      background-color: currentColor;\n    }\n\n    :deep(.v-ripple__animation--in) {\n      opacity: 0.25;\n    }\n\n    &--disabled {\n      pointer-events: none;\n    }\n  }\n\n  &__price {\n    font-size: 12px;\n    font-weight: 800;\n    line-height: 16px;\n    white-space: nowrap;\n    transition: color 0.2s ease-in-out;\n\n    @include media('>=desktop-mini') {\n      font-size: 16px;\n      line-height: 20px;\n    }\n  }\n\n  &__old-price {\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 16px;\n    color: var(--ui-dark-grey);\n    text-decoration: line-through;\n    white-space: nowrap;\n\n    @include media('>=desktop-mini') {\n      font-size: 14px;\n      line-height: 18px;\n    }\n  }\n\n  /* Modifiers */\n  &--active {\n    color: var(--ui-white);\n    cursor: auto;\n    background-color: var(--ui-primary);\n    box-shadow: none;\n\n    .app-card-button__wrapper {\n      margin: 0 auto;\n    }\n  }\n\n  &--type-selection {\n    height: 40px;\n  }\n\n  &--type-simple {\n    height: 40px;\n  }\n\n  &--type-gift {\n    --card-button-width: 100%;\n    --card-button-height: 40px;\n\n    height: 40px;\n  }\n\n  &--type-extras {\n    --card-button-gap: 4px;\n    --card-button-width: 32px;\n    --card-button-height: 32px;\n\n    height: 32px;\n\n    @include media('>=desktop-mini') {\n      --card-button-gap: 8px;\n      --card-button-width: 40px;\n      --card-button-height: 40px;\n\n      height: 40px;\n    }\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useCityStore } from '@/store/city/city'\n\nimport { NewProduct, NewProductModification } from '@/types/api/api-v4/product'\nimport { ProductType } from '@/types/components/product-card.types'\n\ntype Props = {\n  product: NewProduct\n  productType: ProductType\n  currentModification: NewProductModification\n  productsQuantity: number\n}\n\nconst props = defineProps<Props>()\n\nconst emit = defineEmits(['on-add', 'on-increase', 'on-decrease'])\n\nconst { currencySymbol } = useCityStore()\n\nconst isActive = computed(() => {\n  return props.productsQuantity > 0 && props.productType === ProductType.simple\n})\n</script>\n\n<template>\n  <div class=\"product-card-footer\">\n    <the-card-button\n      :price=\"currentModification.price\"\n      :old-price=\"currentModification.subprice\"\n      :currency=\"currencySymbol\"\n      :is-active=\"isActive\"\n      :type=\"productType\"\n      @on-add=\"emit('on-add')\"\n      @on-increase=\"emit('on-increase')\"\n      @on-decrease=\"emit('on-decrease')\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.product-card-footer {\n  padding: 0 8px 8px;\n\n  @include media('>=desktop-mini') {\n    padding: 0 16px 16px;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useCityStore } from '@/store/city/city'\n\nimport { NewProduct, NewProductModification } from '@/types/api/api-v4/product'\n\nimport ProductCardImageTags from '@/components/Product/ProductCard/ProductCardImageTags.vue'\n\ntype Props = {\n  product: NewProduct\n  currentModification: NewProductModification\n  productsQuantity: number\n  isLoading?: boolean\n}\nconst props = defineProps<Props>()\n\nconst emit = defineEmits(['on-open-dialog'])\n\nconst { cityInfo } = useCityStore()\n\nconst isErrorImage = ref(false)\n\nconst productImage = computed(() => {\n  if (!props.product?.image || isErrorImage.value) {\n    return './no-image-product-card.webp'\n  }\n\n  return props.product.image\n})\n\nconst productTitle = computed(() => {\n  let name = `${props.product.name} ${props.currentModification.name}`\n\n  if (props.product.name === props.currentModification.name) {\n    name = props.product.name\n  }\n\n  return `Заказать \"${name}\" с доставкой в ${cityInfo?.padeg?.pred} от ресторана Farfor`\n})\n\nconst imageClasses = computed(() => {\n  const classes = ['product-card-image']\n\n  if (props.productsQuantity > 0) classes.push('product-card-image--overlay')\n\n  if (props.isLoading) classes.push('product-card-image--loading')\n\n  return classes\n})\n\nconst productsQuantityAmount = computed(() => {\n  return props.productsQuantity > 0 ? props.productsQuantity : ''\n})\n\nconst onClick = () => emit('on-open-dialog')\n</script>\n\n<template>\n  <a\n    :href=\"`/product/${product.slug}/`\"\n    :class=\"imageClasses\"\n    :data-amount=\"productsQuantityAmount\"\n    @click.prevent=\"onClick\"\n  >\n    <product-card-image-tags :product=\"product\" />\n\n    <nuxt-img\n      :src=\"productImage\"\n      :title=\"productTitle\"\n      :alt=\"product.name\"\n      class=\"product-card-image__media\"\n      loading=\"lazy\"\n      format=\"webp\"\n      @error=\"isErrorImage = true\"\n    />\n  </a>\n</template>\n\n<style lang=\"scss\" scoped>\n.product-card-image {\n  position: relative;\n  height: 121px;\n  overflow: hidden;\n  border-radius: 16px;\n\n  @include media('>=desktop-mini') {\n    height: 185px;\n  }\n\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    font-weight: 800;\n    line-height: 26px;\n    color: var(--ui-white);\n    pointer-events: none;\n    visibility: hidden;\n    content: attr(data-amount);\n    background-color: rgba(#2c2f39, 0.6);\n    opacity: 0;\n    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;\n\n    @include media('>=desktop-mini') {\n      font-size: 28px;\n      font-weight: 900;\n      line-height: 36px;\n    }\n  }\n\n  &--loading {\n    opacity: 0;\n  }\n\n  &--overlay {\n    &::after {\n      pointer-events: auto;\n      visibility: visible;\n      opacity: 1;\n    }\n  }\n\n  @include media('>=desktop-mini') {\n    &::before {\n      padding-bottom: 67%;\n    }\n  }\n\n  &__quantity {\n    padding: 2px 4px;\n    line-height: 10px;\n\n    @include media('>=desktop-mini') {\n      line-height: 16px;\n    }\n  }\n\n  &__media {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useProductCounter } from '@/composables/useProductCounter'\n\nimport { useAppStore } from '@/store/app/app'\nimport { SnackbarType } from '@/store/app/app.types'\nimport { useBasketStore } from '@/store/basket/basket'\nimport { useCityStore } from '@/store/city/city'\n\nimport { NewProduct } from '@/types/api/api-v4/product'\nimport {\n  ProductParentType,\n  ProductType,\n} from '@/types/components/product-card.types'\nimport { EcommerceEventName } from '@/types/plugins/yandex-metrika'\n\nimport ProductCardContent from '@/components/Product/ProductCard/ProductCardContent.vue'\nimport ProductCardFooter from '@/components/Product/ProductCard/ProductCardFooter.vue'\nimport ProductCardImage from '@/components/Product/ProductCard/ProductCardImage.vue'\nimport ProductTags from '@/components/Product/ProductTags/ProductTags.vue'\n\nimport { mapEcommerceData } from '@/services/metrics/utils/ecommerce'\n\ntype Props = {\n  product: NewProduct\n  isLoading?: boolean\n}\n\nconst props = defineProps<Props>()\n\nconst emit = defineEmits(['on-open-dialog'])\n\nconst { $metrics } = useNuxtApp()\n\nconst { currencyCode } = useCityStore()\nconst { showSnackbar } = useAppStore()\nconst basketStore = useBasketStore()\n\nconst productId = computed(() => currentModification.value.id)\n\n// Находим модификацию с наименьшей ценой\nconst currentModification = computed(() => {\n  return props.product.modifications.reduce((acc, modification) => {\n    return acc.price < modification.price ? acc : modification\n  })\n})\n\nconst productBasketQuantity = computed(() => {\n  const inBasket = basketStore.isProductInBasket(productId.value)\n\n  return inBasket?.quantity || 0\n})\n\nconst productType = computed(() => {\n  if (props.product.modifications.length > 1) return ProductType.selection\n\n  return ProductType.simple\n})\n\nconst {\n  basketError,\n  quantitySelectedProducts,\n  totalSelectedProductsQuantity,\n  setProductQuantity,\n  setTotalProductsQuantity,\n  decreaseQuantity,\n  increaseQuantity,\n} = useProductCounter(productId, currentModification.value, props.product)\n\nconst { pushMetrics } = useSendMetricsOfProduct(currentModification.value)\n\nconst onOpenDialog = () => {\n  emit('on-open-dialog', props.product)\n\n  const ecommerceData = mapEcommerceData(\n    currentModification.value,\n    EcommerceEventName.DETAIL,\n    currencyCode?.value || '',\n  )\n\n  $metrics?.eventViewedProduct({ ym: ecommerceData })\n}\n\nconst addToCart = async () => {\n  if (productType.value === ProductType.selection) {\n    onOpenDialog()\n    return\n  }\n\n  setProductQuantity(quantitySelectedProducts.value + 1) // текущее + 1\n\n  await basketStore.addProduct(productId.value)\n\n  if (!basketError.value) {\n    pushMetrics(EcommerceEventName.ADD, 1)\n\n    return\n  }\n\n  setProductQuantity(productBasketQuantity.value) // при ошибке возвращаем кол-во с сервера\n\n  showSnackbar({\n    message: 'Что-то пошло не так',\n    type: SnackbarType.MESSAGE,\n  })\n}\n\nwatch(\n  () => basketStore.isLoaded,\n  (state) => state && setTotalProductsQuantity(),\n)\n\nonMounted(() => {\n  if (basketStore.isLoaded) setTotalProductsQuantity()\n})\n</script>\n\n<template>\n  <div class=\"product-card\" :class=\"{ 'product-card--loading': isLoading }\">\n    <product-card-image\n      :product=\"product\"\n      :current-modification=\"currentModification\"\n      :products-quantity=\"totalSelectedProductsQuantity\"\n      :is-loading=\"isLoading\"\n      @on-open-dialog=\"onOpenDialog\"\n    />\n\n    <a :href=\"`/product/${product.slug}/`\" @click.prevent=\"onOpenDialog\">\n      <product-tags\n        :type=\"ProductParentType.card\"\n        :current-modification=\"currentModification\"\n        :main-tags=\"product.main_tags\"\n        :additional-tags=\"product.additional_tags\"\n      />\n    </a>\n\n    <product-card-content\n      :product=\"product\"\n      :product-type=\"productType\"\n      :current-modification=\"currentModification\"\n      @on-open-dialog=\"onOpenDialog\"\n    />\n\n    <product-card-footer\n      :product=\"product\"\n      :product-type=\"productType\"\n      :current-modification=\"currentModification\"\n      :products-quantity=\"quantitySelectedProducts\"\n      @on-add=\"addToCart\"\n      @on-increase=\"increaseQuantity\"\n      @on-decrease=\"decreaseQuantity\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.product-card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 248px;\n  overflow: hidden;\n  background-color: var(--ui-grey);\n  border-radius: 16px;\n  transition: background-color 0.2s ease-in-out;\n\n  @include media('>=desktop-mini') {\n    height: 392px;\n    border-radius: 25px;\n\n    &:hover {\n      background-color: var(--ui-grey--hover);\n    }\n  }\n\n  &--loading {\n    &::after {\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      z-index: 3;\n      content: '';\n      background: linear-gradient(\n        122.57deg,\n        #f1f3f9 34.56%,\n        #ffffff 51.72%,\n        #f1f4f9 79.78%\n      );\n      background-size: 1200px 100%;\n      animation: shimmer 3s linear infinite forwards;\n    }\n  }\n}\n\n@keyframes shimmer {\n  0% {\n    background-position: -1200px 0;\n  }\n  100% {\n    background-position: 1200px 0;\n  }\n}\n</style>\n"],"names":["ProductDialogContent","defineAsyncComponent","__vitePreload","props","__props","emit","__emit","isMobile","useDevice","closeDialogProduct","useProductModal","productDialog","ref","productDialogData","isDesktop","productTitleElement","productTitleElementHeight","computed","_a","productTitle","showExtraTag","onClick","CardButtonTypes","componentClasses","classes","pricePrefix","priceValue","oldPriceValue","appendIconName","isGiftType","showRemoveButton","showAddButton","onClickRoot","currencySymbol","useCityStore","isActive","ProductType","cityInfo","isErrorImage","productImage","name","imageClasses","productsQuantityAmount","$metrics","useNuxtApp","currencyCode","showSnackbar","useAppStore","basketStore","useBasketStore","productId","currentModification","acc","modification","productBasketQuantity","inBasket","productType","basketError","quantitySelectedProducts","totalSelectedProductsQuantity","setProductQuantity","setTotalProductsQuantity","decreaseQuantity","increaseQuantity","useProductCounter","pushMetrics","useSendMetricsOfProduct","onOpenDialog","ecommerceData","mapEcommerceData","EcommerceEventName","addToCart","SnackbarType","watch","state","onMounted"],"mappings":";;;2+BAOA,MAAMA,EAAuBC,EAC3B,IAAMC,EAAA,WAAO,eAA+C,iKAGxDC,EAAQC,EAORC,EAAOC,EAEP,CAAE,SAAAC,GAAaC,IAEfC,EAAqB,IAAM,CAC/BJ,EAAK,oBAAoB,qfCrBdK,GAAkB,IAAM,CACnC,MAAMC,EAAgBC,EAAmB,CACvC,eAAgB,KAChB,YAAa,CAAC,EACd,QAAS,GACV,EAcM,OACL,cAAAD,EACA,kBAdyBE,GAAqC,CAC9DF,EAAc,MAAQE,CAAA,EActB,mBAXyB,IAAM,CAC/BF,EAAc,MAAQ,CACpB,eAAgB,KAChB,YAAa,CAAC,EACd,QAAS,GACX,CAMA,CAEJ,wtBCVA,MAAMR,EAAQC,EAERC,EAAOC,EAEP,CAAE,UAAAQ,GAAcN,IAEhBO,EAAsBH,EAAwB,IAAI,EAElDI,EAA4BC,EAAS,IAAM,OACxC,OAAAC,EAAAH,GAAA,YAAAA,EAAqB,QAArB,YAAAG,EAA4B,wBAAwB,OAC5D,EAEKC,EAAeF,EAAS,IACxBd,EAAM,QAAQ,cAAc,QAAU,EACjC,GAAGA,EAAM,QAAQ,IAAI,GAGvBA,EAAM,QAAQ,cAAc,CAAC,EAAE,KAClC,GAAGA,EAAM,QAAQ,IAAI,KAAKA,EAAM,QAAQ,cAAc,CAAC,EAAE,IAAI,GAC7D,GAAGA,EAAM,QAAQ,IAAI,EAC1B,EAEKiB,EAAeH,EAAS,IACrBd,EAAM,QAAQ,UAAU,QAAUA,EAAM,QAAQ,gBAAgB,MACxE,EAEKkB,EAAU,IAAMhB,EAAK,gBAAgB,45BC1CzB,IAAAiB,OAChBA,EAAA,UAAY,YACZA,EAAA,OAAS,SACTA,EAAA,OAAS,SACTA,EAAA,KAAO,OAJSA,OAAA,oUCalB,MAAMnB,EAAQC,EAMRC,EAAOC,EAEPiB,EAAmBN,EAAS,IAAM,CACtC,MAAMO,EAAU,CAAC,kBAAmB,yBAAyBrB,EAAM,IAAI,EAAE,EAEzE,OAAIA,EAAM,UAAkBqB,EAAA,KAAK,yBAAyB,EAEnDA,CAAA,CACR,EAEKC,EAAcR,EAAS,IACvBd,EAAM,OAASmB,EAAgB,UAAkB,MAE9C,EACR,EAEKI,EAAaT,EAAS,IACnB,GAAGQ,EAAY,KAAK,GAAGtB,EAAM,KAAK,IAAIA,EAAM,QAAQ,EAC5D,EAEKwB,EAAgBV,EAAS,IACtB,GAAGd,EAAM,QAAQ,IAAIA,EAAM,QAAQ,EAC3C,EAEKyB,EAAiBX,EAAS,IAC1Bd,EAAM,OAASmB,EAAgB,MAAQnB,EAAM,SAAiB,OAE9DA,EAAM,OAASmB,EAAgB,WAAanB,EAAM,UAE5B,CACxBmB,EAAgB,OAChBA,EAAgB,OAChBA,EAAgB,MAGJ,SAASnB,EAAM,IAAI,EAAU,OAEpC,aACR,EAEK0B,EAAaZ,EAAS,IAAMd,EAAM,OAASmB,EAAgB,IAAI,EAE/DQ,EAAmBb,EAAS,IACzBd,EAAM,UAAY,CAAC0B,EAAW,KACtC,EAEKE,EAAgBd,EAAS,IACtBd,EAAM,UAAY0B,EAAW,KACrC,EAEKG,EAAc,IAAM,CACnB7B,EAAM,UAAUE,EAAK,OAAO,4jCCzDnC,MAAMF,EAAQC,EAERC,EAAOC,EAEP,CAAE,eAAA2B,GAAmBC,IAErBC,EAAWlB,EAAS,IACjBd,EAAM,iBAAmB,GAAKA,EAAM,cAAgBiC,EAAY,MACxE,i6BCRD,MAAMjC,EAAQC,EAERC,EAAOC,EAEP,CAAE,SAAA+B,GAAaH,IAEfI,EAAe1B,EAAI,EAAK,EAExB2B,EAAetB,EAAS,IAAM,OAClC,MAAI,GAACC,EAAAf,EAAM,UAAN,MAAAe,EAAe,QAASoB,EAAa,MACjC,+BAGFnC,EAAM,QAAQ,MACtB,EAEKgB,EAAeF,EAAS,IAAM,OAC9B,IAAAuB,EAAO,GAAGrC,EAAM,QAAQ,IAAI,IAAIA,EAAM,oBAAoB,IAAI,GAElE,OAAIA,EAAM,QAAQ,OAASA,EAAM,oBAAoB,OACnDqC,EAAOrC,EAAM,QAAQ,MAGhB,aAAaqC,CAAI,oBAAmBtB,EAAAmB,GAAA,YAAAA,EAAU,QAAV,YAAAnB,EAAiB,IAAI,uBACjE,EAEKuB,EAAexB,EAAS,IAAM,CAC5B,MAAAO,EAAU,CAAC,oBAAoB,EAErC,OAAIrB,EAAM,iBAAmB,GAAGqB,EAAQ,KAAK,6BAA6B,EAEtErB,EAAM,WAAmBqB,EAAA,KAAK,6BAA6B,EAExDA,CAAA,CACR,EAEKkB,EAAyBzB,EAAS,IAC/Bd,EAAM,iBAAmB,EAAIA,EAAM,iBAAmB,EAC9D,EAEKkB,EAAU,IAAMhB,EAAK,gBAAgB,2hBC1B3C,MAAMF,EAAQC,EAERC,EAAOC,EAEP,CAAE,SAAAqC,GAAaC,KAEf,CAAE,aAAAC,GAAiBX,IACnB,CAAE,aAAAY,GAAiBC,KACnBC,EAAcC,KAEdC,EAAYjC,EAAS,IAAMkC,EAAoB,MAAM,EAAE,EAGvDA,EAAsBlC,EAAS,IAC5Bd,EAAM,QAAQ,cAAc,OAAO,CAACiD,EAAKC,IACvCD,EAAI,MAAQC,EAAa,MAAQD,EAAMC,CAC/C,CACF,EAEKC,EAAwBrC,EAAS,IAAM,CAC3C,MAAMsC,EAAWP,EAAY,kBAAkBE,EAAU,KAAK,EAE9D,OAAOK,GAAA,YAAAA,EAAU,WAAY,EAC9B,EAEKC,EAAcvC,EAAS,IACvBd,EAAM,QAAQ,cAAc,OAAS,EAAUiC,EAAY,UAExDA,EAAY,MACpB,EAEK,CACJ,YAAAqB,EACA,yBAAAC,EACA,8BAAAC,EACA,mBAAAC,EACA,yBAAAC,EACA,iBAAAC,EACA,iBAAAC,CAAA,EACEC,GAAkBd,EAAWC,EAAoB,MAAOhD,EAAM,OAAO,EAEnE,CAAE,YAAA8D,CAAgB,EAAAC,GAAwBf,EAAoB,KAAK,EAEnEgB,EAAe,IAAM,CACpB9D,EAAA,iBAAkBF,EAAM,OAAO,EAEpC,MAAMiE,EAAgBC,GACpBlB,EAAoB,MACpBmB,EAAmB,QACnBzB,GAAA,YAAAA,EAAc,QAAS,IAGzBF,GAAA,MAAAA,EAAU,mBAAmB,CAAE,GAAIyB,CAAe,IAG9CG,EAAY,SAAY,CACxB,GAAAf,EAAY,QAAUpB,EAAY,UAAW,CAClC+B,IACb,MACF,CAMI,GAJeP,EAAAF,EAAyB,MAAQ,CAAC,EAE/C,MAAAV,EAAY,WAAWE,EAAU,KAAK,EAExC,CAACO,EAAY,MAAO,CACVQ,EAAAK,EAAmB,IAAK,CAAC,EAErC,MACF,CAEAV,EAAmBN,EAAsB,KAAK,EAEjCR,EAAA,CACX,QAAS,sBACT,KAAM0B,GAAa,QACpB,GAGH,OAAAC,GACE,IAAMzB,EAAY,SACjB0B,GAAUA,GAASb,EAAyB,GAG/Cc,GAAU,IAAM,CACV3B,EAAY,UAAmCa,GAAA,CACpD","debug_id":"45657f3d-f1b5-56e4-8f20-94e756feec48"}