{"version":3,"file":"D4F1NgBw.js","sources":["../../../../assets/images/generator-background.webp","../../../../components/Wok/WokGeneratorImage.vue","../../../../components/Wok/WokStatusPanel.vue","../../../../components/Wok/WokProductSelectItem.vue","../../../../components/Wok/WokProductSelect.vue","../../../../components/Wok/WokCategory.vue","../../../../pages/make-wok.vue"],"sourcesContent":["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 { PropType, computed } from 'vue'\n\n/* Components */\nimport WokGeneratorImage from '~/components/Wok/WokGeneratorImage.vue'\n\n/* Types */\nimport { CompositionOfWok, Category } from '@/types/api/api-v3/make-wok'\n\nconst { isDesktop, isMobileOrTablet } = useDevice()\n\nconst props = defineProps({\n  categories: {\n    type: Array as PropType<Category[]>,\n    required: true,\n  },\n  compositionOfWok: {\n    type: Object as PropType<CompositionOfWok>,\n    required: true,\n  },\n  totalPrice: {\n    type: Number as PropType<number | undefined>,\n    required: true,\n  },\n  totalWeight: {\n    type: Number,\n    required: true,\n  },\n  currency: {\n    type: String,\n    required: true,\n  },\n  valid: {\n    type: Boolean,\n    required: false,\n    default: true,\n  },\n})\n\nconst filterWeight = computed(() =>\n  props.totalWeight < 1000\n    ? `${props.totalWeight} г`\n    : `${(props.totalWeight / 1000).toFixed(2)} кг`,\n)\n\nconst emits = defineEmits(['addWokToBasket'])\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      <v-tooltip\n        v-if=\"isMobileOrTablet && !valid\"\n        bottom\n        :open-on-click=\"true\"\n        :open-on-hover=\"false\"\n        color=\"#000000\"\n      >\n        <template #activator=\"{ props }\">\n          <app-button\n            class=\"add-button\"\n            v-bind=\"props\"\n            @click=\"emits('addWokToBasket')\"\n          >\n            Хочу!\n          </app-button>\n        </template>\n        <span>Выберите, пожалуйста, ингредиенты</span>\n      </v-tooltip>\n\n      <app-button v-else class=\"panel__button\" @click=\"emits('addWokToBasket')\">\n        Хочу!\n      </app-button>\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: #fff;\n    border-top: 1px solid $very-light-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: $unactive-grey;\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: $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    flex: 0 0 90px;\n    font-weight: 700 !important;\n    border-radius: 40px !important;\n  }\n}\n</style>\n","<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      <div v-if=\"composition\" class=\"product__composition\">\n        Состав\n        <v-tooltip\n          activator=\"parent\"\n          attach=\"#__nuxt\"\n          color=\"#000000\"\n          location=\"top\"\n        >\n          {{ composition }}\n        </v-tooltip>\n      </div>\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: $text-black;\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    font-size: 12px;\n    font-weight: 700;\n    color: #9ea7b6;\n    cursor: pointer;\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 $success !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\n:deep(.v-overlay__content) {\n  width: initial;\n  max-width: 190px !important;\n  padding: 20px 16px !important;\n  font-size: 12px !important;\n  font-weight: 600 !important;\n  line-height: 20px !important;\n  color: #fff;\n  background-color: #000;\n  border-radius: 10px;\n  opacity: 0.8;\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: $text-black;\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: $dark-grey;\n\n    @include media('>=desktop-mini') {\n      margin-bottom: 50px;\n      font-size: 16px;\n    }\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\n\n/* Utils */\nimport { Field as VeeField, Form as VeeForm, defineRule } from 'vee-validate'\nimport { requiredValidator } from '@/utils/rulesOfValidate'\n\n/* Components */\nimport WokStatusPanel from '@/components/Wok/WokStatusPanel.vue'\nimport WokCategory from '@/components/Wok/WokCategory.vue'\nimport WokAlert from '@/components/Wok/WokAlert.vue'\n\n/* Store */\nimport { useCityStore } from '~/store/city/city'\nimport { useBasketStore } from '~/store/basket/basket'\nimport { useAppStore } from '@/store/app/app'\n\n/* Types */\nimport { CompositionOfWok, Product } from '~/types/api/api-v3/make-wok'\nimport {\n  Success,\n  HttpStatusCode,\n  NotFoundError,\n  ServerError,\n} from '@/api/results'\n\nimport { SnackbarType } from '~/store/app/app.types'\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\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 snackbar = computed(() => useAppStore().snackbar)\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}\nconst addWokToBasket = async () => {\n  if (!selectedWok.value) {\n    showSnackbar({\n      message: 'Выберите пожалуйста, ингредиенты',\n    })\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 v-slot=\"{ errors }\">\n      <v-form class=\"page__inner\" :value=\"!Object.keys(errors).length\">\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 && !snackbar.show\"\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            :valid=\"!Object.keys(errors).length\"\n            @add-wok-to-basket=\"addWokToBasket\"\n          />\n        </div>\n      </v-form>\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: $very-light-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":["GeneratorBackgroud","props","__props","isDesktop","isMobileOrTablet","useDevice","filterWeight","computed","emits","__emit","productImage","ProductNoImage","selectProduct","id","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","padeg","breadcrumbs","_b","_c","snackbar","categories","currencySymbol","showBreadcrumb","totalWeight","totalPrice","basketError","basketIsDisabled","getProductOfCategory","categoryName","productId","product","setProductToCompositionOfWok","addIngredientInCompositionOfWok","clearCompositionOfWok","addIngredient","addWokToBasket","_e","_d","SnackbarType","defineRule","requiredValidator"],"mappings":"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","debug_id":"449d4de8-19a7-5dd9-9125-5440e712bf68"}