{"version":3,"file":"UoRO5DpV.js","sources":["../../../../components/Wok/WokProductSelectItem.vue","../../../../components/Wok/WokProductSelect.vue","../../../../components/Wok/WokCategory.vue","../../../../assets/images/generator-background.webp","../../../../components/Wok/WokGeneratorImage.vue","../../../../components/Wok/WokStatusPanel.vue","../../../../pages/make-wok.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport ProductNoImage from '@/assets/images/ProductNoImage.png'\n\nconst props = defineProps({\n  isSelected: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  currency: {\n    type: String,\n    required: true,\n  },\n  image: {\n    type: String,\n    required: true,\n  },\n  name: {\n    type: String,\n    required: true,\n  },\n  composition: {\n    type: String,\n    required: true,\n  },\n  price: {\n    type: Number,\n    required: true,\n  },\n})\n\nconst productImage = computed(() => props.image || ProductNoImage)\n\nconst emits = defineEmits(['clickImage'])\n</script>\n\n<template>\n  <div class=\"product\" :class=\"{ 'product--selected': isSelected }\">\n    <div\n      class=\"product__image\"\n      :style=\"{ 'background-image': `url(${productImage})` }\"\n      @click=\"emits('clickImage')\"\n    />\n\n    <div v-if=\"name\" class=\"product__name\">{{ name }}</div>\n\n    <div class=\"product__footer\">\n      <the-tooltip\n        v-if=\"composition\"\n        class=\"product__composition\"\n        position-x=\"center\"\n        position-y=\"top\"\n      >\n        <template #activator>\n          <div class=\"product__composition-name\">Состав</div>\n        </template>\n\n        <span class=\"product__composition-text\">\n          {{ composition }}\n        </span>\n      </the-tooltip>\n\n      <div v-if=\"price !== undefined\" class=\"product__price\">\n        <span>{{ `${price} ` }}</span>\n        <span>{{ currency }}</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n$product-width: 95px;\n\n.product {\n  display: flex;\n  flex-direction: column;\n  width: $product-width;\n  margin-bottom: 25px;\n  margin-left: 20px;\n\n  @include media('>=desktop-mini') {\n    width: 120px;\n    margin-bottom: 35px;\n    margin-left: 40px;\n  }\n\n  &__name {\n    margin-bottom: 8px;\n    font-size: 12px;\n    font-weight: bold;\n    color: var(--ui-text-primary);\n\n    @include media('>=desktop-mini') {\n      margin-bottom: 10px;\n      font-size: 14px;\n      color: #2c2c2c;\n    }\n  }\n\n  &__image {\n    width: 100%;\n    height: $product-width;\n    margin-bottom: 20px;\n    background-position: center;\n    background-origin: border-box;\n    background-size: cover;\n    border: 4px solid transparent;\n    border-radius: 20px;\n\n    @include media('>=desktop-mini') {\n      height: 120px;\n      margin-bottom: 25px;\n    }\n  }\n\n  &__footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-top: auto;\n  }\n\n  &__composition {\n    line-height: 16px;\n    cursor: pointer;\n\n    &-name {\n      width: fit-content;\n      font-size: 12px;\n      font-weight: 700;\n      line-height: 16px;\n      color: var(--ui-unactive-gray);\n      cursor: pointer;\n    }\n\n    &-text {\n      display: block;\n      font-size: 12px;\n      font-weight: 600;\n      line-height: 16px;\n    }\n  }\n\n  &__price {\n    margin-left: auto;\n    font-size: 14px;\n    font-weight: 800;\n    color: #2c2c2c;\n  }\n\n  &--selected {\n    .product__image {\n      position: relative;\n      border: 4px solid var(--ui-green) !important;\n      &::after {\n        position: absolute;\n        top: -15px;\n        right: -15px;\n        display: block;\n        width: 32px;\n        height: 32px;\n        content: '';\n        background-size: contain;\n      }\n    }\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\n/* Types */\nimport { Product } from '@/types/api/api-v3/make-wok'\n\n/* Components */\nimport WokProductSelectItem from '@/components/Wok/WokProductSelectItem.vue'\n\nconst props = defineProps({\n  products: {\n    type: Array as PropType<Product[]>,\n    required: true,\n  },\n  currency: {\n    type: String,\n    required: true,\n  },\n  value: {\n    type: Number,\n    required: false,\n    default: null,\n  },\n})\n\nconst emits = defineEmits(['input'])\n\nconst selectProduct = (id: number) => emits('input', id)\n</script>\n\n<template>\n  <div class=\"products\">\n    <wok-product-select-item\n      v-for=\"product in products\"\n      :key=\"product.id\"\n      :name=\"product.name\"\n      :image=\"product.image\"\n      :composition=\"product.marking_composition\"\n      :price=\"product.price\"\n      :currency=\"currency\"\n      :is-selected=\"product.id === props.value\"\n      @click-image=\"selectProduct(product.id)\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.products {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: -20px;\n  margin-left: -25px;\n\n  @include media('>=desktop-mini') {\n    margin-bottom: -35px;\n    margin-left: -40px;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport WokProductSelect from '@/components/Wok/WokProductSelect.vue'\n\nconst props = defineProps({\n  description: {\n    type: String,\n    required: false,\n    default: null,\n  },\n  numberCategory: {\n    type: Number,\n    required: true,\n  },\n  name: {\n    type: String,\n    required: false,\n    default: null,\n  },\n  currency: {\n    type: String,\n    required: true,\n  },\n  products: {\n    type: Array,\n    required: true,\n  },\n  value: {\n    type: Number,\n    required: false,\n    default: null,\n  },\n})\n\nconst emits = defineEmits(['input'])\n\nconst selectProduct = (id: number) => {\n  emits('input', props.name, id)\n}\n</script>\n\n<template>\n  <div class=\"category\">\n    <h2 v-if=\"name\" class=\"category__name\">\n      {{ `${numberCategory + 1} ${name}` }}\n    </h2>\n\n    <div v-if=\"description\" class=\"category__description\">\n      {{ description }}\n    </div>\n\n    <wok-product-select\n      :value=\"value\"\n      :products=\"products\"\n      :currency=\"currency\"\n      @input=\"selectProduct\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.category {\n  &__name {\n    margin-bottom: 15px;\n    font-size: 16px;\n    font-weight: 800;\n    color: var(--ui-text-primary);\n\n    @include media('>=desktop-mini') {\n      margin-bottom: 30px;\n      color: #373b4d;\n    }\n  }\n\n  &__description {\n    margin-bottom: 20px;\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--ui-dark-grey);\n\n    @include media('>=desktop-mini') {\n      margin-bottom: 50px;\n      font-size: 16px;\n    }\n  }\n}\n</style>\n","export default \"__VITE_ASSET__CAygcZrJ__\"","<script lang=\"ts\" setup>\nimport { PropType } from 'vue'\n\n/* Assets */\nimport ProductNoImage from '~/assets/images/ProductNoImage.png'\nimport GeneratorBackgroud from '~/assets/images/generator-background.webp'\n\n/* Types */\nimport { CompositionOfWok } from '~/types/api/api-v3/make-wok'\n\nconst props = defineProps({\n  compositionOfWok: {\n    type: Object as PropType<CompositionOfWok>,\n    required: true,\n  },\n})\n</script>\n\n<template>\n  <svg viewBox=\"0 0 15 10\">\n    <rect\n      id=\"background\"\n      fill=\"url(#background-gradient)\"\n      width=\"100%\"\n      height=\"100%\"\n    />\n    <image :href=\"GeneratorBackgroud\" width=\"100%\" height=\"100%\" />\n    <defs>\n      <linearGradient id=\"background-gradient\">\n        <stop stop-color=\"white\" />\n        <stop offset=\"1\" stop-color=\"#FAFAFA\" />\n      </linearGradient>\n\n      <clipPath id=\"common\">\n        <polygon\n          :points=\"\n            props.compositionOfWok['Начинка']\n              ? '0 0, 15 0, 15 10'\n              : '0 0, 15 0, 15 10, 0 10'\n          \"\n        />\n      </clipPath>\n      <clipPath id=\"fill\">\n        <polygon\n          :points=\"\n            props.compositionOfWok['Основа']\n              ? '0 0, 0 10, 15 10'\n              : '0 0, 0 10, 15 10, 15 0'\n          \"\n        />\n      </clipPath>\n      <clipPath id=\"souce\">\n        <rect x=\"10\" y=\"5\" width=\"5\" height=\"5\" />\n      </clipPath>\n    </defs>\n    <image\n      v-if=\"props.compositionOfWok['Основа']\"\n      :href=\"props.compositionOfWok['Основа'].image || ProductNoImage\"\n      height=\"100%\"\n      width=\"100%\"\n      clip-path=\"url(#common)\"\n      preserveAspectRatio=\"xMidYMid slice\"\n    />\n    <image\n      v-if=\"props.compositionOfWok['Начинка']\"\n      :href=\"props.compositionOfWok['Начинка'].image || ProductNoImage\"\n      height=\"100%\"\n      width=\"100%\"\n      preserveAspectRatio=\"xMidYMid slice\"\n      clip-path=\"url(#fill)\"\n    />\n    <image\n      v-if=\"props.compositionOfWok['Соус']\"\n      x=\"10\"\n      y=\"5\"\n      :href=\"props.compositionOfWok['Соус'].image || ProductNoImage\"\n      height=\"5\"\n      width=\"5\"\n      clip-path=\"url(#souce)\"\n    />\n  </svg>\n</template>\n","<script lang=\"ts\" setup>\nimport type { Category, CompositionOfWok } from '@/types/api/api-v3/make-wok'\nimport { Product } from '@/types/api/api-v3/make-wok'\n\nimport WokGeneratorImage from '@/components/Wok/WokGeneratorImage.vue'\n\nconst { isDesktop } = useDevice()\n\ntype Props = {\n  categories: Category[]\n  compositionOfWok: CompositionOfWok\n  totalPrice: number | undefined\n  totalWeight: number\n  currency: string | undefined\n  selectedWok?: Product\n}\n\nconst props = defineProps<Props>()\n\nconst filterWeight = computed(() =>\n  props.totalWeight < 1000\n    ? `${props.totalWeight} г`\n    : `${(props.totalWeight / 1000).toFixed(2)} кг`,\n)\n\nconst emit = defineEmits(['add-wok-to-basket', 'on-disabled-add'])\n\nconst onClickAddWok = () => {\n  // Только если кликнули по задисебленной кнопке\n  if (props.selectedWok) return\n\n  emit('on-disabled-add')\n}\n</script>\n\n<template>\n  <div class=\"panel\">\n    <wok-generator-image\n      v-if=\"isDesktop\"\n      class=\"panel__image\"\n      :composition-of-wok=\"compositionOfWok\"\n    />\n\n    <div class=\"panel__information\">\n      <div class=\"panel__products\">\n        <span v-for=\"(category, index) in categories\" :key=\"category.name\">\n          <span\n            v-if=\"\n              compositionOfWok[category.name] &&\n              compositionOfWok[category.name].name\n            \"\n            class=\"panel__product\"\n          >\n            {{ compositionOfWok[category.name].name }}\n            <span v-if=\"index !== categories.length - 1\">\n              {{ '+ ' }}\n            </span>\n          </span>\n          <span v-else-if=\"category.name\" class=\"panel__category\">\n            {{ category.name }}\n            <span v-if=\"index !== categories.length - 1\">\n              {{ '+ ' }}\n            </span>\n          </span>\n        </span>\n      </div>\n\n      <div class=\"panel__price-wrapper\">\n        <div v-if=\"totalPrice !== undefined\" class=\"panel__price\">\n          {{ totalPrice }} {{ currency }}\n        </div>\n\n        <div v-if=\"totalWeight !== undefined\" class=\"panel__weight\">\n          {{ filterWeight }}\n        </div>\n      </div>\n\n      <div class=\"panel__button-container\" @click=\"onClickAddWok\">\n        <the-button\n          class=\"panel__button\"\n          type=\"button\"\n          size=\"sm\"\n          radius=\"lg\"\n          :disabled=\"!selectedWok\"\n          @click=\"emit('add-wok-to-basket')\"\n        >\n          Хочу!\n        </the-button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.panel {\n  &__image {\n    @include media('>=desktop-mini') {\n      width: 100%;\n      margin-bottom: 40px;\n      border-radius: 40px;\n    }\n  }\n\n  &__information {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 20px 10px;\n    background: var(--ui-white);\n    border-top: 1px solid var(--ui-grey);\n\n    @include media('>=desktop-mini') {\n      flex-wrap: wrap;\n      padding: 0;\n      border-top: unset;\n    }\n  }\n\n  &__products {\n    flex: 0 1 180px;\n    margin-right: 10px;\n    font-size: 14px;\n\n    @include media('>=desktop-mini') {\n      flex: 0 1 100%;\n      margin-right: 0;\n      margin-bottom: 20px;\n      font-size: 24px;\n    }\n  }\n\n  &__product {\n    font-weight: 800;\n  }\n\n  &__category {\n    color: var(--ui-unactive-gray);\n    text-transform: lowercase;\n  }\n\n  &__price-wrapper {\n    flex: 0 0 auto;\n    margin-right: 10px;\n\n    @include media('>=desktop-mini') {\n      display: flex;\n      align-items: center;\n    }\n  }\n\n  &__price {\n    font-size: 14px;\n    font-weight: 800;\n\n    @include media('>=desktop-mini') {\n      order: 2;\n      font-size: 24px;\n      color: #2c2c2c;\n    }\n  }\n\n  &__weight {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--ui-dark-grey);\n\n    @include media('>=desktop-mini') {\n      order: 1;\n      margin-right: 16px;\n      font-size: 14px;\n    }\n  }\n\n  &__button {\n    width: 90px;\n\n    @include media('>=desktop-mini') {\n      width: 120px;\n    }\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { defineRule, Field as VeeField, Form as VeeForm } from 'vee-validate'\n\nimport { requiredValidator } from '@/utils/rulesOfValidate'\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 {\n  HttpStatusCode,\n  NotFoundError,\n  ServerError,\n  Success,\n} from '@/api/results'\nimport { CompositionOfWok, Product } from '@/types/api/api-v3/make-wok'\n\nimport WokAlert from '@/components/Wok/WokAlert.vue'\nimport WokCategory from '@/components/Wok/WokCategory.vue'\nimport WokStatusPanel from '@/components/Wok/WokStatusPanel.vue'\n\nconst { isDesktop } = useDevice()\n\nconst cityStore = useCityStore()\nconst basketStore = useBasketStore()\n\nconst { showSnackbar } = useAppStore()\nconst { $sentryCaptureException } = useNuxtApp()\n\nconst compositionOfWok = ref({} as CompositionOfWok)\n\nconst wokConstructorEnabled = computed(\n  () => cityStore.cityInfo.wok_constructor_enabled,\n)\n\nconst {\n  cityInfo: { domain },\n} = useCityStore()\n\nconst { data: page, error } = await useAsyncData(async (nuxtApp) => {\n  if (!wokConstructorEnabled.value) {\n    throw createError({\n      statusCode: HttpStatusCode.NOT_FOUND,\n    })\n  }\n\n  const result = await nuxtApp?.$apiService.wok.fetchPage()\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  if (result instanceof Success) return result.data\n})\n\nif (error.value) showError(error.value)\n\nconst selectedWok = computed(() => {\n  const compositionOfWokProductId = new Set(\n    Object.keys(compositionOfWok.value).map(\n      (category) => compositionOfWok.value[category].id,\n    ),\n  )\n\n  return page.value?.products.find((wok) => {\n    return wok.components.every((component) => {\n      return compositionOfWokProductId.has(component.product_id)\n    })\n  })\n})\n\nwatch(selectedWok, (newValue) => {\n  if (!newValue) return\n\n  isVisibleStaticSnackbar.value = false\n})\n\nconst padeg = computed(() => cityStore.cityInfo.padeg)\n\nconst breadcrumbs = computed(() => [\n  { text: `Доставка суши в ${padeg.value?.pred}`, href: '/' },\n  { text: `Лапша WOK в ${padeg.value?.pred}`, href: '/category/wok/' },\n  { text: `Конструктор WOK в ${padeg.value?.pred}`, href: '/make-wok/' },\n])\n\nconst categories = computed(() => page.value?.categories || [])\n\nconst currencySymbol = computed(() => cityStore.currencySymbol)\n\nconst showBreadcrumb = computed(\n  () => breadcrumbs.value.length !== 0 && isDesktop,\n)\n\nconst totalWeight = computed(() => {\n  let totalWeight = 0\n\n  Object.keys(compositionOfWok.value).forEach((category) => {\n    totalWeight = totalWeight + (compositionOfWok.value[category].weight || 0)\n  })\n\n  return totalWeight\n})\n\nconst totalPrice = computed(() => {\n  let totalPrice = 0\n\n  Object.keys(compositionOfWok.value).forEach((category) => {\n    totalPrice = totalPrice + (compositionOfWok.value[category].price || 0)\n  })\n\n  return totalPrice\n})\n\nconst basketError = computed(() => basketStore.error)\nconst basketIsDisabled = computed(() => basketStore.basketIsDisabled)\n\nconst getProductOfCategory = (categoryName: string, productId: number) => {\n  const category = page.value?.categories.find(\n    (category) => category.name === categoryName,\n  )\n\n  if (!category) return undefined\n\n  return category.products.find((product) => product.id === productId)\n}\n\nconst setProductToCompositionOfWok = (\n  categoryName: string,\n  product: Product | undefined,\n) => {\n  // @ts-ignore\n  compositionOfWok.value[categoryName] = product\n}\n\nconst addIngredientInCompositionOfWok = (\n  categoryName: string,\n  productId: number,\n) => {\n  const product = getProductOfCategory(categoryName, productId)\n\n  setProductToCompositionOfWok(categoryName, product)\n}\n\nconst clearCompositionOfWok = () => (compositionOfWok.value = {})\n\nconst addIngredient = (categoryName: string, productId: number) => {\n  const product: Product | undefined = getProductOfCategory(\n    categoryName,\n    productId,\n  )\n\n  if (!product) {\n    showSnackbar({\n      message: 'Что-то пошло не так',\n    })\n\n    return\n  }\n\n  addIngredientInCompositionOfWok(categoryName, productId)\n}\n\nconst isVisibleStaticSnackbar = ref(false)\n\nconst showStaticSnackbar = () => {\n  if (isDesktop) {\n    isVisibleStaticSnackbar.value = true\n    return\n  }\n\n  showSnackbar({\n    message: 'Выберите, пожалуйста, ингредиенты',\n  })\n}\n\nconst addWokToBasket = async () => {\n  if (!selectedWok.value) {\n    isVisibleStaticSnackbar.value = true\n\n    return\n  }\n\n  await basketStore.addProduct(selectedWok.value.id)\n\n  if (!basketError.value) {\n    clearCompositionOfWok()\n\n    showSnackbar({\n      message: 'Добавлено в корзину',\n      type: SnackbarType.SUCCESS,\n    })\n  } else if (\n    basketError.value.response?.status === 422 &&\n    basketError.value.response?.data?.product_id\n  ) {\n    showSnackbar({\n      message: basketError.value.response?.data?.product_id[0],\n    })\n  } else if (basketIsDisabled.value) {\n    showSnackbar({\n      message: 'Приём заказов приостановлен',\n    })\n  } else {\n    showSnackbar({\n      message: 'Что-то пошло не так :( Попробуйте позже',\n    })\n\n    // @ts-ignore\n    $sentryCaptureException(basketError.value)\n  }\n}\n\ndefineRule('required', requiredValidator)\n</script>\n\n<template>\n  <div class=\"page\">\n    <app-head\n      :title=\"page?.seo?.seo_title\"\n      :seo=\"{\n        title: page?.seo?.seo_title,\n        description: page?.seo?.seo_description,\n        keywords: page?.seo?.seo_keywords,\n        seo_title: page?.seo?.seo_title,\n      }\"\n    />\n\n    <the-breadcrumbs\n      v-if=\"showBreadcrumb\"\n      class=\"page__breadcrumbs\"\n      :breadcrumbs=\"breadcrumbs\"\n      :domain=\"domain\"\n    />\n\n    <h1 class=\"page__title\">Соберите свой WOK</h1>\n\n    <vee-form class=\"page__inner\">\n      <div class=\"page__categories\">\n        <vee-field\n          v-for=\"(category, index) in categories\"\n          :key=\"category.name\"\n          immediate\n          :vid=\"category.name\"\n          :name=\"category.name\"\n          rules=\"required\"\n        >\n          <wok-category\n            :description=\"category.description\"\n            :name=\"category.name\"\n            :number-category=\"index\"\n            :products=\"category.products\"\n            :currency=\"currencySymbol\"\n            :value=\"\n              compositionOfWok[category.name]\n                ? compositionOfWok[category.name].id\n                : null\n            \"\n            @input=\"addIngredient\"\n          />\n          <hr v-if=\"index !== categories.length - 1\" class=\"page__divider\" />\n        </vee-field>\n      </div>\n\n      <div class=\"page__aside\">\n        <transition v-if=\"isDesktop\" name=\"alert\">\n          <wok-alert\n            v-if=\"!selectedWok && isVisibleStaticSnackbar\"\n            class=\"page__alert\"\n          >\n            Выберите, пожалуйста, ингредиенты\n          </wok-alert>\n        </transition>\n\n        <wok-status-panel\n          :composition-of-wok=\"compositionOfWok\"\n          :categories=\"categories\"\n          :total-price=\"totalPrice\"\n          :total-weight=\"totalWeight\"\n          :currency=\"currencySymbol\"\n          :selected-wok=\"selectedWok\"\n          @add-wok-to-basket=\"addWokToBasket\"\n          @on-disabled-add=\"showStaticSnackbar\"\n        />\n      </div>\n    </vee-form>\n  </div>\n</template>\n<style lang=\"scss\" scoped>\n.page {\n  @include media('>=desktop-mini') {\n    padding-top: 50px;\n  }\n\n  &__breadcrumbs {\n    margin-bottom: 50px;\n  }\n\n  &__title {\n    margin-bottom: 26px;\n    font-size: 18px;\n    font-weight: 800;\n    color: #2c2c2c;\n\n    @include media('>=desktop-mini') {\n      margin-bottom: 30px;\n      font-size: 28px;\n    }\n  }\n\n  &__inner {\n    display: flex;\n    flex-direction: column;\n\n    @include media('>=desktop-mini') {\n      flex-direction: row;\n      justify-content: space-between;\n    }\n  }\n\n  &__categories {\n    flex: 1 1 auto;\n    margin-bottom: 20px;\n\n    @include media('>=desktop-mini') {\n      margin-right: 85px;\n      margin-bottom: 0;\n    }\n  }\n\n  &__divider {\n    margin: 40px 0 30px;\n    border-color: var(--ui-grey);\n    border-width: 0 0 1px 0;\n\n    @include media('>=desktop-mini') {\n      margin: 30px 0 20px;\n    }\n  }\n\n  &__aside {\n    position: sticky;\n    bottom: 0;\n    display: flex;\n    flex-direction: column;\n    margin: 0 -16px;\n\n    @include media('>=desktop-mini') {\n      top: 138px;\n      bottom: unset;\n      flex: 0 0 384px;\n      align-self: flex-start;\n      margin: 0;\n    }\n  }\n\n  &__alert {\n    margin: 0 10px 16px 10px;\n    @include media('>=desktop-mini') {\n      order: 2;\n      margin: 60px auto 0 0;\n    }\n  }\n}\n\n.alert-enter-active,\n.alert-leave-active {\n  max-height: 400px;\n  opacity: 0.9;\n  transition: 0.15s ease-in-out;\n}\n\n.alert-enter,\n.alert-leave-to {\n  max-height: 0;\n  opacity: 0;\n}\n</style>\n"],"names":["props","__props","productImage","computed","ProductNoImage","emits","__emit","selectProduct","id","GeneratorBackgroud","isDesktop","useDevice","filterWeight","emit","onClickAddWok","cityStore","useCityStore","basketStore","useBasketStore","showSnackbar","useAppStore","$sentryCaptureException","useNuxtApp","compositionOfWok","ref","wokConstructorEnabled","domain","page","error","__temp","__restore","_withAsyncContext","useAsyncData","nuxtApp","createError","HttpStatusCode","result","NotFoundError","ServerError","Success","showError","selectedWok","compositionOfWokProductId","category","_a","wok","component","watch","newValue","isVisibleStaticSnackbar","padeg","breadcrumbs","_b","_c","categories","currencySymbol","showBreadcrumb","totalWeight","totalPrice","basketError","basketIsDisabled","getProductOfCategory","categoryName","productId","product","setProductToCompositionOfWok","addIngredientInCompositionOfWok","clearCompositionOfWok","addIngredient","showStaticSnackbar","addWokToBasket","_e","_d","SnackbarType","defineRule","requiredValidator"],"mappings":"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","debug_id":"bf56648b-5dde-5591-91a7-9b0d85ee5842"}