{"version":3,"file":"_nuxt/CsZYtP_I.js","sources":["../../../../components/Product/ProductModal.vue","../../../../composables/useProductModal.ts","../../../../types/components/product-card.types.ts","../../../../components/Product/ProductCard/ProductCardImageTags.vue","../../../../components/Product/ProductCard/ProductCardImage.vue","../../../../components/Product/ProductCard/ProductCardTags.vue","../../../../components/Product/ProductCard/ProductCardContent.vue","../../../../components/UI/TheIcon/types.ts","../../../../components/UI/TheIcon/TheIcon.vue","../../../../components/UI/TheCardButton.vue","../../../../components/Product/ProductCard/ProductCardFooter.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","export type ProductComponent = {\n  tag: 'a' | 'div'\n  attrs: Partial<Record<'href', string>>\n}\n\nexport const enum ProductType {\n  simple = 'simple',\n  selection = 'selection',\n}\n","<script setup lang=\"ts\">\nimport { Product } from '@/types/api/api-v3/product'\n\nimport ProductCardRatingTag from '@/components/Product/ProductCard/ProductCardRatingTag.vue'\nimport ProductCardTag from '@/components/Product/ProductCard/ProductCardTag.vue'\n\ntype Props = {\n  product: Product\n}\n\nconst props = defineProps<Props>()\n\nconst isVisibleElements = computed(() => {\n  return (\n    props.product?.elements && props.product.category_slug?.includes('sety')\n  )\n})\n</script>\n\n<template>\n  <div class=\"image-tags\">\n    <product-card-rating-tag :product=\"product\" size=\"sm\" />\n\n    <product-card-tag\n      v-if=\"isVisibleElements\"\n      size=\"sm\"\n      background-color=\"var(--ui-dark-grey)\"\n    >\n      {{ product.elements }}&nbsp;шт.\n    </product-card-tag>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.image-tags {\n  position: absolute;\n  top: 8px;\n  left: 8px;\n  z-index: 2;\n  display: flex;\n  gap: 4px;\n  color: var(--ui-white);\n\n  @include media('>=desktop-mini') {\n    top: 12px;\n    left: 16px;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\n/* Stores */\nimport { useCityStore } from '@/store/city/city'\n\nimport ProductCardImageTags from '@/components/Product/ProductCard/ProductCardImageTags.vue'\n\n/* Types */\nimport { Product, Modification } from '@/types/api/api-v3/product'\nimport { ProductComponent } from '@/types/components/product-card.types'\n\ntype Props = {\n  product: Product\n  currentModification: Modification\n  component: ProductComponent\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</script>\n\n<template>\n  <component\n    :is=\"component.tag\"\n    v-bind=\"component.attrs\"\n    :class=\"imageClasses\"\n    :data-amount=\"productsQuantityAmount\"\n    @click.prevent=\"emit('on-open-dialog')\"\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  </component>\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\">\n/* Stores */\nimport { useCityStore } from '@/store/city/city'\n\n/* Types */\nimport { Modification } from '@/types/api/api-v3/product'\n\ntype Props = {\n  currentModification: Modification\n}\n\nconst props = defineProps<Props>()\n\nconst { currencySymbol } = useCityStore()\n\nconst discountTag = computed(() => {\n  if (props.currentModification.discount) {\n    return props.currentModification.price - props.currentModification.subprice\n  }\n\n  return 0\n})\n</script>\n\n<template>\n  <div class=\"product-card-tags\">\n    <div\n      v-if=\"discountTag\"\n      class=\"product-card-tags__item product-card-tags__item--discount\"\n    >\n      {{ discountTag }}&nbsp;{{ currencySymbol }}\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.product-card-tags {\n  display: flex;\n  gap: 4px;\n  min-height: 21px;\n  padding: 8px;\n\n  @include media('>=desktop-mini') {\n    min-height: 40px;\n    padding: 16px 16px 8px;\n  }\n\n  &__item {\n    padding: 4px 8px;\n    font-size: 8px;\n    font-weight: 700;\n    line-height: 10px;\n    text-align: center;\n    border-radius: 100px;\n\n    &--discount {\n      color: var(--ui-text-primary);\n      background-color: var(--ui-yellow);\n    }\n\n    @include media('>=desktop-mini') {\n      font-size: 12px;\n      font-weight: 800;\n      line-height: 16px;\n    }\n  }\n}\n</style>\n","<script setup lang=\"ts\">\n/* Types */\nimport { Modification, Product } from '@/types/api/api-v3/product'\nimport {\n  ProductComponent,\n  ProductType,\n} from '@/types/components/product-card.types'\n\n/* Components */\nimport AppMeasureUnits from '@/components/App/AppMeasureUnits.vue'\n\ntype Props = {\n  product: Product\n  productType: ProductType\n  currentModification: Modification\n  component: ProductComponent\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 isExtra = ref(false) // TODO: Удалить после того как бэкенд будет отдавать поле\n</script>\n\n<template>\n  <component\n    :is=\"component.tag\"\n    v-bind=\"component.attrs\"\n    class=\"product-card-content\"\n    @click.prevent=\"emit('on-open-dialog')\"\n  >\n    <div class=\"product-card-content__header\">\n      <span ref=\"productTitleElement\" class=\"product-card-content__title\">\n        {{ productTitle }}\n      </span>\n\n      <nuxt-img\n        v-if=\"isExtra\"\n        src=\"/product/hot.svg\"\n        width=\"12\"\n        height=\"12\"\n        alt=\"Острое\"\n        class=\"product-card-content__extra\"\n      />\n\n      <app-measure-units\n        v-if=\"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  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n.product-card-content {\n  display: block;\n  padding: 0 8px;\n\n  @include media('>=desktop-mini') {\n    padding: 0 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    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","/* Types */ // Для глоба нельзя использовать literal, только строка. Поэтому везде import.meta.glob\n// https://github.com/vitejs/vite/discussions/15397\n\nexport const ICONS = {\n  'add-circle': import.meta.glob('@/assets/icons/add-circle.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  alert: import.meta.glob('@/assets/icons/alert.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'alert-circle': import.meta.glob('@/assets/icons/alert-circle.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'arrow-left': import.meta.glob('@/assets/icons/arrow-left.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'arrow-right': import.meta.glob('@/assets/icons/arrow-right.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'arrow-small': import.meta.glob('@/assets/icons/arrow-small.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'arrow-up': import.meta.glob('@/assets/icons/arrow-up.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'birthday-cake': import.meta.glob('@/assets/icons/birthday-cake.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'bubble-chat': import.meta.glob('@/assets/icons/bubble-chat.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  calendar: import.meta.glob('@/assets/icons/calendar.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  call: import.meta.glob('@/assets/icons/call.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  calling: import.meta.glob('@/assets/icons/calling.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  camera: import.meta.glob('@/assets/icons/camera.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  check: import.meta.glob('@/assets/icons/check.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'checkmark-circle': import.meta.glob('@/assets/icons/checkmark-circle.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'cheese-cake': import.meta.glob('@/assets/icons/cheese-cake.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'chef-hat': import.meta.glob('@/assets/icons/chef-hat.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'clock-01': import.meta.glob('@/assets/icons/clock-01.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'clock-02': import.meta.glob('@/assets/icons/clock-02.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'clock-03': import.meta.glob('@/assets/icons/clock-03.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  close: import.meta.glob('@/assets/icons/close.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'close-bigger': import.meta.glob('@/assets/icons/close-bigger.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'container-truck': import.meta.glob('@/assets/icons/container-truck.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  copy: import.meta.glob('@/assets/icons/copy.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'coupon-percent': import.meta.glob('@/assets/icons/coupon-percent.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'credit-card': import.meta.glob('@/assets/icons/credit-card.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'credit-card-add': import.meta.glob('@/assets/icons/credit-card-add.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'credit-card-pos': import.meta.glob('@/assets/icons/credit-card-pos.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'customer-support': import.meta.glob('@/assets/icons/customer-support.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  discount: import.meta.glob('@/assets/icons/discount.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  dish: import.meta.glob('@/assets/icons/dish.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'dish-packing': import.meta.glob('@/assets/icons/dish-packing.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  edit: import.meta.glob('@/assets/icons/edit.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'expand-down': import.meta.glob('@/assets/icons/expand-down.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'expand-right': import.meta.glob('@/assets/icons/expand-right.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  filter: import.meta.glob('@/assets/icons/filter.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  gift: import.meta.glob('@/assets/icons/gift.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  home: import.meta.glob('@/assets/icons/home.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  hot: import.meta.glob('@/assets/icons/hot.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  hourglass: import.meta.glob('@/assets/icons/hourglass.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'information-circle': import.meta.glob(\n    '@/assets/icons/information-circle.svg',\n    {\n      query: '?raw',\n      import: 'default',\n    },\n  ),\n  'kitchen-utensils': import.meta.glob('@/assets/icons/kitchen-utensils.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  location: import.meta.glob('@/assets/icons/location.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'location-fill': import.meta.glob('@/assets/icons/location-fill.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  logout: import.meta.glob('@/assets/icons/logout.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  mail: import.meta.glob('@/assets/icons/mail.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  menu: import.meta.glob('@/assets/icons/menu.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  minus: import.meta.glob('@/assets/icons/minus.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  money: import.meta.glob('@/assets/icons/money.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  monocle: import.meta.glob('@/assets/icons/monocle.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  navigation: import.meta.glob('@/assets/icons/navigation.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  notification: import.meta.glob('@/assets/icons/notification.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  pan: import.meta.glob('@/assets/icons/pan.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'payment-success': import.meta.glob('@/assets/icons/payment-success.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  plus: import.meta.glob('@/assets/icons/plus.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  reload: import.meta.glob('@/assets/icons/reload.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  remove: import.meta.glob('@/assets/icons/remove.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  search: import.meta.glob('@/assets/icons/search.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  setting: import.meta.glob('@/assets/icons/setting.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'shopping-bag': import.meta.glob('@/assets/icons/shopping-bag.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  shuffle: import.meta.glob('@/assets/icons/shuffle.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'square-lock': import.meta.glob('@/assets/icons/square-lock.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  star: import.meta.glob('@/assets/icons/star.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'star-circle': import.meta.glob('@/assets/icons/star-circle.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  task: import.meta.glob('@/assets/icons/task.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'thumbs-down': import.meta.glob('@/assets/icons/thumbs-down.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'thumbs-up': import.meta.glob('@/assets/icons/thumbs-up.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  tick: import.meta.glob('@/assets/icons/tick.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'tick-double': import.meta.glob('@/assets/icons/tick-double.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'time-quarter': import.meta.glob('@/assets/icons/time-quarter.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'truck-delivery': import.meta.glob('@/assets/icons/truck-delivery.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  unavailable: import.meta.glob('@/assets/icons/unavailable.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  upload: import.meta.glob('@/assets/icons/upload.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'user-group': import.meta.glob('@/assets/icons/user-group.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  view: import.meta.glob('@/assets/icons/view.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'view-off': import.meta.glob('@/assets/icons/view-off.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  wallet: import.meta.glob('@/assets/icons/wallet.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n}\n\nexport type ColorName = '--fillColor' | '--strokeColor'\n\nexport type IconsKeys = keyof typeof ICONS\n","<script setup lang=\"ts\">\n/* Types */\nimport { ICONS } from './types'\nimport type { IconsKeys, ColorName } from './types'\n\ntype Props = {\n  name: IconsKeys\n  size?: number | string\n  color?: string\n  isAwait?: boolean\n  clickable?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  size: 24,\n  color: '',\n  isAwait: true,\n})\n\nconst sizeStyle = computed(() => {\n  return {\n    width: props.size + 'px',\n    height: props.size + 'px',\n  }\n})\n\nconst svgStyles = computed(() => {\n  const styles: Partial<Record<ColorName, string>> = {}\n\n  if (props.color) {\n    styles['--fillColor'] = props.color\n    styles['--strokeColor'] = props.color\n  }\n\n  return styles\n})\n\n// Lazily load the icon\nconst icon = ref<null | string>(null)\n\n// https://github.com/nuxt/nuxt/issues/14766#issuecomment-1397365205\n// https://github.com/nuxt-community/svg-module/issues/95#issuecomment-1344339312\nconst loadIcon = async () => {\n  const iconImport = Object.values(ICONS[props.name])[0]\n\n  if (!iconImport) return\n\n  if (props.isAwait) {\n    icon.value = (await iconImport()) as string\n  } else {\n    // Делаем then, а не await, чтобы не блочить выдачу страницы с сервера\n    iconImport().then((value) => (icon.value = value as string))\n  }\n}\n\nloadIcon()\n\nwatch(\n  () => props.name,\n  () => loadIcon(),\n)\n</script>\n\n<template>\n  <i\n    v-if=\"icon\"\n    class=\"app-icon\"\n    :class=\"{ 'app-icon--clickable': clickable }\"\n    :style=\"{ ...svgStyles, ...sizeStyle }\"\n    v-bind=\"$attrs\"\n    v-html=\"icon\"\n  />\n\n  <i v-else class=\"app-icon\" :style=\"{ ...svgStyles, ...sizeStyle }\" />\n</template>\n\n<style scoped lang=\"scss\">\n.app-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &--clickable {\n    @include media('>=desktop-mini') {\n      cursor: pointer;\n    }\n  }\n\n  :deep(svg) {\n    width: 100%;\n    height: 100%;\n    fill: var(--fillColor, #2c2f39);\n    stroke: var(--strokeColor, #2c2f39);\n  }\n}\n</style>\n","<script setup lang=\"ts\">\n/* Components */\nimport TheIcon from '@/components/UI/TheIcon/TheIcon.vue'\n\nconst TYPES: Record<Type, Type> = {\n  selection: 'selection',\n  simple: 'simple',\n  extras: 'extras',\n  gift: 'gift',\n}\n\ntype Type = 'selection' | 'simple' | 'extras' | 'gift'\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 { isDesktop } = useDevice()\n\nconst cardButtonClasses = computed(() => {\n  const classes = ['card-button', `card-button--type-${props.type}`]\n\n  if (props.isActive) classes.push('card-button--active')\n\n  return classes\n})\n\nconst pricePrefix = computed(() => {\n  if (props.type === TYPES.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 === TYPES.gift && props.isActive) return 'tick'\n\n  if (props.type === TYPES.selection && props.isActive) return 'plus'\n\n  if ([TYPES.extras, TYPES.simple, TYPES.gift].includes(props.type)) {\n    return 'plus'\n  }\n\n  return 'arrow-right'\n})\n\nconst isGiftType = computed(() => props.type === TYPES.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\n    v-ripple=\"isDesktop\"\n    :class=\"cardButtonClasses\"\n    @click.self=\"onClickRoot\"\n  >\n    <v-btn\n      v-if=\"showRemoveButton\"\n      class=\"card-button__button\"\n      :class=\"{ 'card-button__button--disabled': !isActive }\"\n      icon\n      @click=\"emit('onDecrease')\"\n    >\n      <the-icon name=\"minus\" />\n    </v-btn>\n\n    <div v-if=\"!isGiftType\" class=\"card-button__wrapper\">\n      <div v-if=\"oldPrice && !isActive\" class=\"card-button__old-price\">\n        {{ oldPriceValue }}\n      </div>\n\n      <div class=\"card-button__price\">{{ priceValue }}</div>\n\n      <the-icon\n        v-show=\"!isActive\"\n        class=\"card-button__icon\"\n        :name=\"appendIconName\"\n      />\n    </div>\n\n    <v-btn\n      v-if=\"showAddButton\"\n      :ripple=\"true\"\n      class=\"card-button__button\"\n      :class=\"{ 'card-button__button--disabled': !isActive }\"\n      icon\n      @click=\"emit('onIncrease')\"\n    >\n      <the-icon :name=\"appendIconName\" />\n    </v-btn>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.card-button {\n  --gap: 8px;\n  --button-width: 40px;\n  --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    --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__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(--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(--button-width) !important;\n    height: var(--button-height) !important;\n    color: inherit;\n    background-color: transparent;\n    border-radius: inherit;\n    box-shadow: none !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    :deep(.v-btn__overlay) {\n      display: 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\n/* Modifiers */\n.card-button--active {\n  color: var(--ui-white);\n  cursor: auto;\n  background-color: var(--ui-primary);\n  box-shadow: none;\n\n  .card-button__wrapper {\n    margin: 0 auto;\n  }\n}\n\n.card-button--type-selection {\n  height: 40px;\n}\n\n.card-button--type-simple {\n  height: 40px;\n}\n\n.card-button--type-gift {\n  --button-width: 100%;\n  --button-height: 40px;\n\n  height: 40px;\n}\n\n.card-button--type-extras {\n  --gap: 4px;\n  --button-width: 32px;\n  --button-height: 32px;\n\n  height: 32px;\n\n  @include media('>=desktop-mini') {\n    --gap: 8px;\n    --button-width: 40px;\n    --button-height: 40px;\n\n    height: 40px;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\n/* Stores */\nimport { useCityStore } from '@/store/city/city'\n\n/* Types */\nimport { Product, Modification } from '@/types/api/api-v3/product'\nimport { ProductType } from '@/types/components/product-card.types'\n\n/* Components */\nimport TheCardButton from '@/components/UI/TheCardButton.vue'\n\ntype Props = {\n  product: Product\n  productType: ProductType\n  currentModification: Modification\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 === '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: 8px;\n\n  @include media('>=desktop-mini') {\n    padding: 24px 16px 16px;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\n/* Utils */\nimport { mapEcommerceData } from '@/services/metrics/utils/ecommerce'\n\n/* Stores */\nimport { useCityStore } from '@/store/city/city'\nimport { useBasketStore } from '@/store/basket/basket'\nimport { SnackbarType } from '@/store/app/app.types'\nimport { useAppStore } from '@/store/app/app'\n\n/* Composables */\nimport { useProductCounter } from '@/composables/useProductCounter'\n\n/* Types */\nimport { Product } from '@/types/api/api-v3/product'\nimport { ProductType } from '@/types/components/product-card.types'\nimport { EcommerceEventName } from '@/types/plugins/yandex-metrika'\n\n/* Components */\nimport ProductCardImage from '@/components/Product/ProductCard/ProductCardImage.vue'\nimport ProductCardTags from '@/components/Product/ProductCard/ProductCardTags.vue'\nimport ProductCardContent from '@/components/Product/ProductCard/ProductCardContent.vue'\nimport ProductCardFooter from '@/components/Product/ProductCard/ProductCardFooter.vue'\n\ntype Props = {\n  product: Product\n  isLinkType: boolean\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 component = computed(() => {\n  return {\n    tag: props.isLinkType ? 'a' : 'div',\n    attrs: props.isLinkType ? { href: `/product/${props.product.slug}/` } : {},\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      :component=\"component\"\n      :products-quantity=\"totalSelectedProductsQuantity\"\n      :is-loading=\"isLoading\"\n      @on-open-dialog=\"onOpenDialog\"\n    />\n\n    <product-card-tags :current-modification=\"currentModification\" />\n\n    <product-card-content\n      :product=\"product\"\n      :product-type=\"productType\"\n      :current-modification=\"currentModification\"\n      :component=\"component\"\n      @on-open-dialog=\"onOpenDialog\"\n    />\n\n    <product-card-footer\n      class=\"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  &__footer {\n    margin-top: auto;\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","ProductType","isVisibleElements","computed","_a","_b","cityInfo","useCityStore","isErrorImage","productImage","productTitle","name","imageClasses","classes","productsQuantityAmount","currencySymbol","discountTag","isDesktop","productTitleElement","productTitleElementHeight","isExtra","ICONS","m","sizeStyle","svgStyles","styles","icon","loadIcon","iconImport","value","watch","TYPES","cardButtonClasses","pricePrefix","priceValue","oldPriceValue","appendIconName","isGiftType","showRemoveButton","showAddButton","onClickRoot","isActive","$metrics","useNuxtApp","currencyCode","showSnackbar","useAppStore","basketStore","useBasketStore","productId","currentModification","acc","modification","component","productBasketQuantity","inBasket","productType","basketError","quantitySelectedProducts","totalSelectedProductsQuantity","setProductQuantity","setTotalProductsQuantity","decreaseQuantity","increaseQuantity","useProductCounter","pushMetrics","useSendMetricsOfProduct","onOpenDialog","ecommerceData","mapEcommerceData","EcommerceEventName","addToCart","SnackbarType","state","onMounted"],"mappings":"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","debug_id":"3b7f6a2d-2bf9-5c0a-bc65-6a621fd1c500"}