{"version":3,"file":"CvbY3rjo.js","sources":["../../../../utils/formatToTitleOfProduct.ts","../../../../components/Halves/HalvePizzaElement.vue","../../../../components/Halves/HalvesPizzaList.vue","../../../../components/Halves/HalvesConstructorTitle.vue","../../../../components/Halves/HalvesConstructorPanel.vue","../../../../assets/images/halves-no-image.webp","../../../../components/Halves/HalvesConstructorImage.vue","../../../../components/Halves/HalvesContainer.vue","../../../../pages/halves.vue"],"sourcesContent":["import { Product } from '@/types/api/api-v3/product'\n\n/**\n * Формализация наименования продукта\n * @param product - данные продукта\n */\nexport const formatToTitleOfProduct = (product: Product) =>\n  product.modifications[0].mode\n    ? `${product.name} ${product.modifications[0].mode}`\n    : `${product.name}`\n","<script lang=\"ts\" setup>\nimport { PropType, computed } from 'vue'\n\n/* Assets */\nimport productNoImage from '@/assets/images/ProductNoImage.png'\n\n/* Types */\nimport { Product } from '@/types/api/api-v3/product'\nimport { ConstructorPizza } from '@/types/api/api-v3/halves'\n\n/* Utils */\nimport { formatToTitleOfProduct } from '@/utils/formatToTitleOfProduct'\n\nconst props = defineProps({\n  product: {\n    type: Object as PropType<Product>,\n    required: true,\n  },\n  isSelectedRightHalve: {\n    type: Boolean,\n    required: true,\n  },\n  isSelectedLeftHalve: {\n    type: Boolean,\n    required: true,\n  },\n  constructorPizza: {\n    type: Object as PropType<ConstructorPizza>,\n    required: true,\n    default: () => {\n      return {\n        leftHalve: null,\n        rightHalve: null,\n      }\n    },\n  },\n})\n\nconst productImage = computed(() => props.product.image || productNoImage)\n\nconst isTitleProduct = computed(() => formatToTitleOfProduct(props.product))\n\nconst backgroundImage = computed(() => {\n  if (!props.isSelectedRightHalve && !props.isSelectedLeftHalve)\n    return `url(${productImage.value})`\n\n  return `linear-gradient(to ${\n    props.isSelectedLeftHalve ? 'left' : 'right'\n  }, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 0%), url(${\n    productImage.value\n  })`\n})\n\nconst emits = defineEmits(['selectHalvePizza'])\n\nconst selectHalvePizza = (product: Product) =>\n  emits('selectHalvePizza', product)\n\nconst checkSelectedLeftHalve = (product: Product) => {\n  return props.constructorPizza?.leftHalve\n    ? props.constructorPizza.leftHalve.id === product.id\n    : false\n}\n\nconst checkSelectedRightHalve = (product: Product) => {\n  return props.constructorPizza?.rightHalve\n    ? props.constructorPizza.rightHalve.id === product.id\n    : false\n}\n</script>\n\n<template>\n  <div\n    class=\"product\"\n    :class=\"{\n      'product--selected':\n        checkSelectedLeftHalve(product) || checkSelectedRightHalve(product),\n    }\"\n  >\n    <div\n      class=\"product__image\"\n      :style=\"{\n        'background-image': `${backgroundImage}`,\n      }\"\n      @click=\"selectHalvePizza(product)\"\n    />\n    <div v-if=\"product.name\" class=\"product__title\">\n      {{ isTitleProduct }}\n    </div>\n    <div class=\"product__wrapper\">\n      <div v-if=\"product.description\" class=\"product__compound\">\n        Состав\n        <v-tooltip\n          activator=\"parent\"\n          attach=\"#__nuxt\"\n          color=\"#000000\"\n          :location=\"'right'\"\n        >\n          <span class=\"product__ingredients\">\n            {{ product.description }}\n          </span>\n        </v-tooltip>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.product {\n  display: flex;\n  flex-direction: column;\n  max-width: 120px;\n  height: 100%;\n\n  &__image {\n    width: 120px;\n    height: 120px;\n    background-position: center;\n    background-origin: border-box;\n    background-size: 120px 80px;\n\n    @include media('<=tablet') {\n      width: 100%;\n      height: 95px;\n      background-size: 95px 63px;\n    }\n  }\n\n  &--selected {\n    .product__image {\n      position: relative;\n      border: 3px solid $success !important;\n      border-radius: 20px;\n\n      &::after {\n        position: absolute;\n        top: -15px;\n        right: -15px;\n        display: block;\n        width: 32px;\n        height: 32px;\n        content: '';\n        background: url('./assets/images/success-icon.svg');\n        background-size: contain;\n      }\n    }\n  }\n\n  &__wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-top: auto;\n  }\n\n  &__title {\n    margin-top: 10px;\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 17px;\n  }\n\n  &__compound {\n    font-size: 12px;\n    font-weight: 700;\n    line-height: 28px;\n    color: #9ea7b6;\n    cursor: pointer;\n\n    &-name {\n      width: fit-content;\n      font-size: 12px;\n      font-weight: 700;\n      line-height: 28px;\n      color: $unactive-grey;\n      cursor: pointer;\n    }\n  }\n}\n\n:deep(.v-overlay__content) {\n  width: initial;\n  max-width: 190px !important;\n  padding: 20px 16px !important;\n  font-size: 14px !important;\n  font-weight: 400 !important;\n  line-height: 20px !important;\n  color: #fff;\n  background-color: #000 !important;\n  border-radius: 15px !important;\n  opacity: 0.9 !important;\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { PropType } from 'vue'\n\n/* Components */\nimport HalvePizzaElement from '@/components/Halves/HalvePizzaElement.vue'\n\n/* Types */\nimport { useAppStore } from '~/store/app/app'\n\n/* Types */\nimport { ConstructorPizza } from '@/types/api/api-v3/halves'\nimport { Product } from '@/types/api/api-v3/product'\n\nconst { showSnackbar } = useAppStore()\n\nenum SelectedHalve {\n  LEFT = 'left',\n  RIGHT = 'right',\n}\n\nconst descriptionPage = 'Выберите две пиццы для левой и правой части пиццы'\n\nconst props = defineProps({\n  products: {\n    type: Array as PropType<Product[]>,\n    required: false,\n    default: () => [],\n  },\n  constructorPizza: {\n    type: Object as PropType<ConstructorPizza>,\n    required: true,\n  },\n})\n\nconst emits = defineEmits(['removeHalveOfConstructor', 'addHalveInConstructor'])\n\nconst checkSelectedHalve = (product: Product, type: SelectedHalve) => {\n  if (type === SelectedHalve.RIGHT) {\n    return props.constructorPizza?.rightHalve?.id === product.id\n  }\n\n  return props.constructorPizza?.leftHalve?.id === product.id\n}\n\nconst addHalveInConstructor = (product: Product) => {\n  const { leftHalve, rightHalve } = props.constructorPizza\n\n  // добавляем половинку, если есть пустой слот в конструкторе\n  if (!leftHalve || !rightHalve) {\n    if (leftHalve?.id === product.id) {\n      emits('removeHalveOfConstructor', 'leftHalve')\n      return\n    }\n\n    if (rightHalve?.id === product.id) {\n      emits('removeHalveOfConstructor', 'rightHalve')\n\n      return\n    }\n\n    emits('addHalveInConstructor', product)\n\n    return\n  }\n\n  if (leftHalve?.id === product.id)\n    emits('removeHalveOfConstructor', 'leftHalve')\n\n  if (rightHalve?.id === product.id)\n    emits('removeHalveOfConstructor', 'rightHalve')\n\n  if (leftHalve?.id !== product.id && rightHalve?.id !== product.id)\n    showSnackbar({\n      message: 'Вы можете выбрать только 2 половинки пицц',\n    })\n}\n</script>\n\n<template>\n  <div class=\"halves-list\">\n    <h2 class=\"halves-list__description\">{{ descriptionPage }}</h2>\n    <div class=\"halves-list__wrapper\">\n      <halve-pizza-element\n        v-for=\"product in products\"\n        :key=\"product.id\"\n        class=\"halves-list__product\"\n        :product=\"product\"\n        :constructor-pizza=\"constructorPizza\"\n        :is-selected-left-halve=\"\n          checkSelectedHalve(product, SelectedHalve.LEFT)\n        \"\n        :is-selected-right-halve=\"\n          checkSelectedHalve(product, SelectedHalve.RIGHT)\n        \"\n        :description=\"product.description\"\n        @select-halve-pizza=\"addHalveInConstructor\"\n      />\n    </div>\n  </div>\n</template>\n<style lang=\"scss\" scoped>\n.halves-list {\n  &__description {\n    margin-bottom: 40px;\n    font-size: 22px;\n    font-weight: 800;\n    line-height: 26px;\n  }\n\n  &__wrapper {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 40px 48px;\n    width: 100%;\n  }\n\n  @include media('<=desktop-mini') {\n    width: 100%;\n\n    &__description {\n      font-size: 16px;\n      line-height: 19px;\n    }\n  }\n\n  @include media('<=tablet') {\n    &__wrapper {\n      grid-template-columns: repeat(auto-fill, minmax(95px, 1fr));\n      gap: 24px 20px;\n    }\n  }\n\n  @include media('<=portrait-phone') {\n    &__wrapper {\n      grid-template-columns: repeat(auto-fill, minmax(95px, 95px));\n    }\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { PropType, computed } from 'vue'\n\n/* Types */\nimport { ConstructorPizza } from '@/types/api/api-v3/halves'\n\n/* Utils */\nimport { formatToTitleOfProduct } from '@/utils/formatToTitleOfProduct'\n\nconst props = defineProps({\n  constructorPizza: {\n    type: Object as PropType<ConstructorPizza>,\n    required: true,\n  },\n})\n\nconst isTitleConstructor = computed(() => {\n  const { leftHalve, rightHalve } = props.constructorPizza\n\n  return {\n    leftHalveName: leftHalve\n      ? formatToTitleOfProduct(leftHalve)\n      : 'левая половинка',\n    rightHalveName: rightHalve\n      ? formatToTitleOfProduct(rightHalve)\n      : 'правая половинка',\n  }\n})\n</script>\n\n<template>\n  <div class=\"state-bar__title-line\">\n    <span\n      class=\"state-bar__title\"\n      :class=\"{\n        'state-bar__title--empty': !constructorPizza.leftHalve,\n      }\"\n    >\n      {{ `${isTitleConstructor.leftHalveName}` }}\n    </span>\n    <span\n      v-if=\"\n        isTitleConstructor.leftHalveName !== isTitleConstructor.rightHalveName\n      \"\n      class=\"state-bar__title\"\n      :class=\"{\n        'state-bar__title--empty': !constructorPizza.rightHalve,\n      }\"\n    >\n      {{ ` + ${isTitleConstructor.rightHalveName}` }}\n    </span>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.state-bar {\n  &__title-line {\n    margin-bottom: 20px;\n    font-size: 24px;\n    font-weight: 800;\n    line-height: 32px;\n\n    @include media('<=desktop-mini') {\n      margin: 0 20px 0 0;\n      font-size: 16px;\n      font-weight: 800;\n      line-height: 14px;\n    }\n\n    @include media('<=tablet') {\n      font-size: 12px;\n    }\n  }\n\n  &__title {\n    font-weight: 800;\n\n    &--empty {\n      font-weight: 500;\n      color: $unactive-grey;\n      text-transform: lowercase;\n    }\n\n    @include media('<=desktop-mini') {\n      font-size: 16px;\n      font-weight: 800;\n      line-height: 14px;\n\n      &--empty {\n        font-weight: 500;\n      }\n    }\n\n    @include media('<=tablet') {\n      font-size: 12px;\n    }\n  }\n\n  &__symbol {\n    font-size: 24px;\n    font-weight: 800;\n    line-height: 32px;\n    color: $text-black;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\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 { ConstructorPizza, ProductPizza } from '@/types/api/api-v3/halves'\n\nimport HalvesConstructorTitle from '@/components/Halves/HalvesConstructorTitle.vue'\nimport WokAlert from '@/components/Wok/WokAlert.vue'\n\nconst cityStore = useCityStore()\nconst basketStore = useBasketStore()\nconst { showSnackbar } = useAppStore()\n\nconst { isDesktop } = useDevice()\n\ntype Props = {\n  constructorPizza: ConstructorPizza\n  wholePizza?: ProductPizza | undefined\n}\n\nconst props = defineProps<Props>()\n\nconst visibleAlertNotification = ref(false)\n\nconst currencySymbol = computed(() => cityStore.currencySymbol)\n\nconst emptyConstructorPizza = computed(\n  () =>\n    (props.constructorPizza.leftHalve && !props.constructorPizza.rightHalve) ||\n    (props.constructorPizza.rightHalve && !props.constructorPizza.leftHalve),\n)\n\nconst isCalculateWeight = computed(() => {\n  const { leftHalve, rightHalve } = props.constructorPizza\n\n  if (props.wholePizza) {\n    const { weight, measure } = props.wholePizza\n\n    return `${weight} ${measure}`\n  }\n\n  if (leftHalve) return `${leftHalve.weight} ${leftHalve.measure}`\n\n  if (rightHalve) return `${rightHalve.weight} ${rightHalve.measure}`\n\n  return '0 г'\n})\n\nconst isCalculatePrice = computed(() => {\n  const { leftHalve, rightHalve } = props.constructorPizza\n\n  if (props.wholePizza) {\n    const { price } = props.wholePizza\n\n    return `${price} ${currencySymbol.value}`\n  }\n\n  if (leftHalve) return `${leftHalve.price} ${currencySymbol.value}`\n\n  if (rightHalve) return `${rightHalve.price} ${currencySymbol.value}`\n\n  return `0 ${currencySymbol.value}`\n})\n\nconst basketError = computed(() => basketStore.error)\n\nwatch(\n  () => props.constructorPizza.rightHalve,\n  () => (visibleAlertNotification.value = false),\n)\n\nwatch(\n  () => props.constructorPizza.leftHalve,\n  () => (visibleAlertNotification.value = false),\n)\n\nconst emits = defineEmits(['removeHalveOfConstructor'])\n\nconst handleAlertNotification = () => {\n  if (isDesktop && emptyConstructorPizza.value) {\n    visibleAlertNotification.value = true\n  }\n}\n\nconst addToPizza = async () => {\n  if (props.wholePizza) await basketStore.addProduct(props.wholePizza.id)\n\n  if (!basketError.value) {\n    emits('removeHalveOfConstructor', 'leftHalve')\n    emits('removeHalveOfConstructor', 'rightHalve')\n\n    showSnackbar({\n      message: 'Товар добавлен в корзину',\n      type: SnackbarType.SUCCESS,\n    })\n\n    return\n  }\n\n  showSnackbar({\n    message: 'Что-то пошло не так',\n    type: SnackbarType.MESSAGE,\n  })\n}\n</script>\n\n<template>\n  <section class=\"state-bar\">\n    <halves-constructor-title :constructor-pizza=\"constructorPizza\" />\n\n    <div class=\"state-bar__panel\">\n      <div class=\"state-bar__wrapper\">\n        <span class=\"state-bar__weight\">{{ isCalculateWeight }}</span>\n        <span class=\"state-bar__price\">{{ isCalculatePrice }}</span>\n      </div>\n      <div class=\"state-bar__button\" @click=\"handleAlertNotification\">\n        <the-button\n          type=\"button\"\n          size=\"sm\"\n          radius=\"lg\"\n          block\n          :disabled=\"!wholePizza\"\n          :loading=\"!basketStore.isLoaded\"\n          @click=\"addToPizza\"\n        >\n          Хочу!\n        </the-button>\n      </div>\n    </div>\n\n    <transition name=\"ui-fade\">\n      <wok-alert v-if=\"visibleAlertNotification\" class=\"state-bar__alert\">\n        Выберите вторую половинку\n      </wok-alert>\n    </transition>\n  </section>\n</template>\n\n<style lang=\"scss\" scoped>\n.state-bar {\n  &__panel {\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: space-between;\n  }\n\n  &__wrapper {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n  }\n\n  &__weight {\n    margin-right: 16px;\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 14px;\n    color: $dark-grey;\n  }\n\n  &__price {\n    font-size: 24px;\n    font-weight: 800;\n    line-height: 28px;\n  }\n\n  &__add-button {\n    flex: 0 0 90px;\n    font-weight: 700;\n    border-radius: 40px;\n  }\n\n  &__button {\n    width: 120px;\n  }\n\n  @include media('<=desktop-mini') {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    height: 120px;\n    border-top: 1px solid #e9eef4;\n\n    &__alert {\n      display: none;\n    }\n\n    &__panel {\n      align-items: center;\n    }\n\n    &__wrapper {\n      flex-direction: column;\n      width: max-content;\n    }\n\n    &__price {\n      font-size: 24px;\n      line-height: 36px;\n    }\n\n    &__weight {\n      order: 2;\n      font-size: 14px;\n      line-height: 20px;\n    }\n\n    &__button {\n      margin-left: 80px;\n    }\n  }\n\n  &__alert {\n    width: 100%;\n    margin-top: 40px;\n  }\n\n  @include media('<=tablet') {\n    &__button {\n      width: 90px;\n      margin-left: 40px;\n    }\n  }\n\n  @include media('<=portrait-phone') {\n    &__weight,\n    &__price {\n      margin-right: 0;\n      font-size: 14px;\n      line-height: 20px;\n    }\n\n    &__button {\n      margin-left: 30px;\n    }\n  }\n}\n</style>\n","export default \"__VITE_ASSET__DWzso7Yv__\"","<script lang=\"ts\" setup>\nimport { PropType, computed } from 'vue'\n\n/* Types */\nimport { ConstructorPizza } from '@/types/api/api-v3/halves'\n\n/* Assets */\nimport productNoImage from '@/assets/images/halves-no-image.webp'\n\nconst props = defineProps({\n  constructorPizza: {\n    type: Object as PropType<ConstructorPizza>,\n    required: true,\n  },\n})\n\nconst leftHalveImage = computed(() => {\n  const { leftHalve } = props.constructorPizza\n\n  return leftHalve ? leftHalve.image : productNoImage\n})\n\nconst rightHalveImage = computed(() => {\n  const { rightHalve } = props.constructorPizza\n\n  return rightHalve ? rightHalve.image : productNoImage\n})\n\nconst emits = defineEmits(['clickImage'])\n</script>\n\n<template>\n  <div class=\"constructor\">\n    <div\n      class=\"constructor__left-halve\"\n      :style=\"{ 'background-image': `url(${leftHalveImage})` }\"\n      @click=\"emits('clickImage')\"\n    />\n    <div\n      class=\"constructor__right-halve\"\n      :style=\"{ 'background-image': `url(${rightHalveImage})` }\"\n      @click=\"emits('clickImage')\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.constructor {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  width: 410px;\n  height: 256px;\n  margin-bottom: 40px;\n\n  &__left-halve,\n  &__right-halve {\n    width: 205px;\n    height: inherit;\n    background-origin: border-box;\n    background-size: cover;\n    opacity: 1;\n    transition: 0.17s ease-in-out;\n  }\n\n  &__left-halve {\n    background-position: left center;\n  }\n\n  &__right-halve {\n    background-position: right center;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { PropType } from 'vue'\n\nimport HalvesConstructorPanel from '@/components/Halves/HalvesConstructorPanel.vue'\nimport HalvesConstructorImage from '@/components/Halves/HalvesConstructorImage.vue'\n\nimport { ConstructorPizza, ProductPizza } from '@/types/api/api-v3/halves'\n\nconst props = defineProps({\n  constructorPizza: {\n    type: Object as PropType<ConstructorPizza>,\n    required: true,\n  },\n  wholePizza: {\n    type: Object as PropType<ProductPizza | undefined>,\n    required: false,\n    default: undefined,\n  },\n})\n\nconst emits = defineEmits(['removeHalveOfConstructor'])\n\nconst removeHalveOfConstructor = (side: string) =>\n  emits('removeHalveOfConstructor', side)\n</script>\n\n<template>\n  <div class=\"halves-container\">\n    <halves-constructor-image\n      :constructor-pizza=\"props.constructorPizza\"\n      class=\"halves-container__image\"\n    />\n    <halves-constructor-panel\n      :whole-pizza=\"props.wholePizza\"\n      :constructor-pizza=\"props.constructorPizza\"\n      @remove-halve-of-constructor=\"removeHalveOfConstructor\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\">\n.halves-container {\n  position: sticky;\n  top: 150px;\n  width: 384px;\n  height: 100%;\n\n  @include media('<=desktop-mini') {\n    bottom: 0;\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 120px;\n    margin-top: 48px;\n    background-color: #fff;\n\n    &__image {\n      display: none !important;\n    }\n  }\n\n  @include media('<=portrait-phone') {\n    height: 75px;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\n/* Store */\nimport { useToggleStore } from '@/store/toggle/toggle'\nimport { useCityStore } from '@/store/city/city'\n\n/* Components */\nimport AppHead from '@/components/App/AppHead.vue'\nimport HalvesPizzaList from '@/components/Halves/HalvesPizzaList.vue'\nimport HalvesContainer from '@/components/Halves/HalvesContainer.vue'\n\n/* Types */\nimport { ConstructorPizza, ProductPizza } from '@/types/api/api-v3/halves'\nimport { HttpStatusCode, NotFoundError, ServerError } from '@/api/results'\n\nconst toggleStore = useToggleStore()\nconst {\n  cityInfo: { domain },\n} = useCityStore()\n\nconst { $apiService } = useNuxtApp()\n\nconst halvesEnabled = computed(() => toggleStore.featureToggle.halves_enabled)\n\nconst { data: isHalvesPizza, error } = await useAsyncData(async (nuxtApp) => {\n  if (!halvesEnabled.value) {\n    throw createError({\n      statusCode: HttpStatusCode.NOT_FOUND,\n    })\n  }\n\n  const result = await nuxtApp?.$apiService.halves.fetchHalvesPizze()\n\n  if (result instanceof NotFoundError) {\n    throw createError({\n      statusCode: HttpStatusCode.NOT_FOUND,\n    })\n  }\n\n  if (result instanceof ServerError) {\n    throw createError({\n      statusCode: HttpStatusCode.INTERNAL_SERVER_ERROR,\n    })\n  }\n\n  return result?.data\n})\n\nif (error.value) showError(error.value)\n\nconst listPizza = ref([] as ProductPizza[])\n\nconst constructorPizza = ref({\n  leftHalve: null,\n  rightHalve: null,\n} as ConstructorPizza)\n\nconst wholePizza = computed(() => {\n  if (\n    constructorPizza.value.leftHalve?.id ===\n    constructorPizza.value.rightHalve?.id\n  ) {\n    return listPizza.value.find(\n      (product: ProductPizza) =>\n        constructorPizza.value.leftHalve?.parent_id === product.detail_id,\n    )\n  } else {\n    // eslint-disable-next-line array-callback-return\n    return listPizza.value.find(({ components }) => {\n      if (components?.length) {\n        return components.every(\n          ({ product_id }) =>\n            product_id === constructorPizza?.value.leftHalve?.id ||\n            product_id === constructorPizza?.value.rightHalve?.id,\n        )\n      }\n    })\n  }\n})\n\nonMounted(async () => {\n  // @ts-ignore\n  const result = await $apiService.halves.fetchListPizza()\n\n  if (\n    result.value instanceof NotFoundError ||\n    result.value instanceof ServerError\n  )\n    return\n\n  listPizza.value = result.data.products\n})\n\nconst addHalveInConstructor = (halve: ProductPizza) => {\n  !constructorPizza.value.leftHalve\n    ? (constructorPizza.value.leftHalve = halve)\n    : (constructorPizza.value.rightHalve = halve)\n}\nconst removeHalveOfConstructor = (side: string) => {\n  // @ts-ignore\n  constructorPizza.value[side] = null\n}\n</script>\n\n<template>\n  <div class=\"page-halves\">\n    <app-head\n      :title=\"isHalvesPizza?.seo?.seo_title\"\n      :seo=\"{\n        title: isHalvesPizza?.seo?.seo_title,\n        description: isHalvesPizza?.seo?.seo_description,\n        keywords: isHalvesPizza?.seo?.seo_keywords,\n      }\"\n    />\n\n    <the-breadcrumbs\n      :breadcrumbs=\"isHalvesPizza?.breadcrumbs\"\n      :domain=\"domain\"\n    />\n\n    <h1 class=\"page-halves__title\">\n      {{ isHalvesPizza?.name }}\n    </h1>\n\n    <div class=\"page-halves__wrapper\">\n      <halves-pizza-list\n        :constructor-pizza=\"constructorPizza\"\n        :products=\"isHalvesPizza?.products\"\n        @add-halve-in-constructor=\"addHalveInConstructor\"\n        @remove-halve-of-constructor=\"removeHalveOfConstructor\"\n      />\n      <halves-container\n        :whole-pizza=\"wholePizza\"\n        :constructor-pizza=\"constructorPizza\"\n        @remove-halve-of-constructor=\"removeHalveOfConstructor\"\n      />\n    </div>\n\n    <app-seo-description\n      v-if=\"isHalvesPizza?.seo.seo_text\"\n      class=\"category__seo\"\n      :seo-content=\"isHalvesPizza?.seo.seo_text\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.page-halves {\n  padding-top: 40px;\n\n  &__title {\n    margin-top: 30px;\n    font-size: 28px;\n    font-weight: 900;\n    line-height: 33px;\n  }\n\n  &__wrapper {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    height: 100%;\n    margin: 60px 0 80px 0;\n  }\n\n  @include media('<desktop-mini') {\n    padding: 20px 48px 0;\n  }\n\n  @include media('<=desktop-mini') {\n    &__wrapper {\n      flex-direction: column;\n      margin: 40px 0 80px 0;\n    }\n\n    &__title {\n      margin-top: 30px;\n      font-size: 24px;\n      line-height: 48px;\n    }\n  }\n\n  @include media('<=portrait-phone') {\n    padding: 20px 20px 0;\n    &__wrapper {\n      flex-direction: column;\n      margin: 24px 0 80px 0;\n    }\n    &__title {\n      margin-top: 24px;\n      font-size: 18px;\n      line-height: 30px;\n    }\n  }\n}\n</style>\n"],"names":["formatToTitleOfProduct","product","props","__props","productImage","computed","productNoImage","isTitleProduct","backgroundImage","emits","__emit","selectHalvePizza","checkSelectedLeftHalve","_a","checkSelectedRightHalve","descriptionPage","showSnackbar","useAppStore","checkSelectedHalve","type","_b","_d","_c","addHalveInConstructor","leftHalve","rightHalve","isTitleConstructor","cityStore","useCityStore","basketStore","useBasketStore","isDesktop","useDevice","visibleAlertNotification","ref","currencySymbol","emptyConstructorPizza","isCalculateWeight","weight","measure","isCalculatePrice","price","basketError","watch","handleAlertNotification","addToPizza","SnackbarType","leftHalveImage","rightHalveImage","removeHalveOfConstructor","side","toggleStore","useToggleStore","domain","$apiService","useNuxtApp","halvesEnabled","isHalvesPizza","error","__temp","__restore","_withAsyncContext","useAsyncData","nuxtApp","createError","HttpStatusCode","result","NotFoundError","ServerError","showError","listPizza","constructorPizza","wholePizza","components","product_id","onMounted","halve"],"mappings":"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","debug_id":"6e873dda-32f2-57a2-91e1-bb9e62fa2e90"}