{"version":3,"file":"BFIPRQO8.js","sources":["../../../../assets/images/halves-no-image.webp","../../../../components/Halves/HalvesConstructorImage.vue","../../../../utils/formatToTitleOfProduct.ts","../../../../components/Halves/HalvesConstructorTitle.vue","../../../../components/Halves/HalvesConstructorPanel.vue","../../../../components/Halves/HalvesContainer.vue","../../../../components/Halves/HalvePizzaElement.vue","../../../../components/Halves/HalvesPizzaList.vue","../../../../pages/halves.vue"],"sourcesContent":["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","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 { computed, PropType } from 'vue'\n\nimport { formatToTitleOfProduct } from '@/utils/formatToTitleOfProduct'\n\nimport { ConstructorPizza } from '@/types/api/api-v3/halves'\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: var(--ui-unactive-gray);\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: var(--ui-text-secondary);\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 } = useResponsive()\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.value && 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: var(--ui-text-secondary);\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","<script lang=\"ts\" setup>\nimport { PropType } from 'vue'\n\nimport { ConstructorPizza, ProductPizza } from '@/types/api/api-v3/halves'\n\nimport HalvesConstructorImage from '@/components/Halves/HalvesConstructorImage.vue'\nimport HalvesConstructorPanel from '@/components/Halves/HalvesConstructorPanel.vue'\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: var(--ui-white);\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>\nimport { computed, PropType } from 'vue'\n\nimport { formatToTitleOfProduct } from '@/utils/formatToTitleOfProduct'\n\nimport { ConstructorPizza } from '@/types/api/api-v3/halves'\nimport { Product } from '@/types/api/api-v3/product'\n\nimport productNoImage from '@/assets/images/ProductNoImage.png'\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 class=\"product__compound\">\n        <the-tooltip\n          v-if=\"product.description\"\n          position-x=\"right\"\n          position-y=\"center\"\n        >\n          <template #activator>\n            <span class=\"product__compound-name\">Состав</span>\n          </template>\n\n          <span class=\"product__ingredients\">\n            {{ product.description }}\n          </span>\n        </the-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 var(--ui-green) !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    margin-bottom: 5px;\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 17px;\n  }\n\n  &__compound {\n    line-height: 16px;\n    cursor: pointer;\n\n    &-name {\n      display: block;\n      width: fit-content;\n      margin-bottom: 6px;\n      font-size: 12px;\n      font-weight: 700;\n      color: var(--ui-unactive-gray);\n      cursor: pointer;\n    }\n  }\n\n  &__ingredients {\n    display: block;\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 16px;\n  }\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 { useCityStore } from '@/store/city/city'\nimport { useToggleStore } from '@/store/toggle/toggle'\n\nimport { HttpStatusCode, NotFoundError, ServerError } from '@/api/results'\nimport { ConstructorPizza, ProductPizza } from '@/types/api/api-v3/halves'\n\nimport AppHead from '@/components/App/AppHead.vue'\nimport HalvesContainer from '@/components/Halves/HalvesContainer.vue'\nimport HalvesPizzaList from '@/components/Halves/HalvesPizzaList.vue'\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 50px;\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":["productNoImage","props","__props","leftHalveImage","computed","leftHalve","rightHalveImage","rightHalve","emits","__emit","formatToTitleOfProduct","product","isTitleConstructor","cityStore","useCityStore","basketStore","useBasketStore","showSnackbar","useAppStore","isDesktop","useResponsive","visibleAlertNotification","ref","currencySymbol","emptyConstructorPizza","isCalculateWeight","weight","measure","isCalculatePrice","price","basketError","watch","handleAlertNotification","addToPizza","SnackbarType","removeHalveOfConstructor","side","productImage","isTitleProduct","backgroundImage","selectHalvePizza","checkSelectedLeftHalve","_a","checkSelectedRightHalve","descriptionPage","checkSelectedHalve","type","_b","_d","_c","addHalveInConstructor","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":"bfa77e04-bcbe-59fb-bcfb-fac1bb30c5b0"}