@ozdao/martyrs 0.2.477 → 0.2.478

package/dist/martyrs/src/modules/products/components/sections/FilterProducts.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterProducts.vue.js","sources":["../../../../../../../src/modules/products/components/sections/FilterProducts.vue"],"sourcesContent":["  <template>\n    <div class=\"pd-medium bg-light radius-big\">\n      <!-- Categories Filter -->\n      <Spoiler \n        class=\"radius-small o-hidden mn-b-small\"\n        :status=\"true\"\n      >\n        <template #header>\n          <p class=\"cursor-pointer mn-r-auto t-medium p-big\">{{ t('categoriesTitle') }}</p>\n          <!-- SVG Icon -->\n        </template>\n        <template #content>\n          <Checkbox \n            v-for=\"(category, index) in  categories.state.all\"\n            :key=\"index\"\n            :label=\"category.name\"\n            :value=\"category.url\"\n            class=\"w-100 mn-t-small mn-b-small bg-white radius-small pd-small\"\n            :radio=\"marketplace.state.filter.categories\"\n            @update:radio=\"event => marketplace.state.filter.categories = event\"\n          />\n        </template>\n      </Spoiler>\n\n      <hr class=\"mn-b-small t-transp\">\n\n      <!-- Prices Filter -->\n      <Spoiler \n        class=\"radius-small o-hidden mn-b-small\"\n        :status=\"false\"\n      >\n        <template #header>\n          <p class=\"cursor-pointer  mn-r-auto t-medium p-big\">{{ t('filters.price.title') }}</p>\n          <!-- SVG Icon -->\n        </template>\n        <template #content>\n          <Checkbox \n            v-for=\"(price, index) in prices\"\n            :key=\"index\"\n            :label=\"price.label\"\n            :value=\"price.value\"\n            class=\"w-100 mn-t-small bg-white radius-small pd-small\"\n            :radio=\"marketplace.state.filter.prices\"\n            @update:radio=\"event => marketplace.state.filter.prices = event\"\n          />\n        </template>\n      </Spoiler>\n\n      <hr class=\"mn-b-small\">\n\n      <!-- Delivery Filter -->\n      <Spoiler \n        class=\"radius-small o-hidden mn-b-small\"\n        :status=\"false\"\n      >\n        <template #header>\n          <p class=\"cursor-pointer  mn-r-auto t-medium p-big\">Delivery</p>\n        </template>\n        <template #content>\n          <Checkbox \n            v-for=\"(deliveryOption, index) in deliveryOptions\"\n            :key=\"index\"\n            :label=\"deliveryOption.label\"\n            :value=\"deliveryOption.value\"\n            class=\"w-100 mn-t-small bg-white radius-small pd-small\"\n            :radio=\"marketplace.state.filter.delivery\"\n            @update:radio=\"event => marketplace.state.filter.delivery = event\"\n          />\n        </template>\n      </Spoiler>\n\n      <hr class=\"mn-b-semi\">\n\n      <!-- Reset filter -->\n      <button @click=\"resetFilters\" class=\"bg-main w-100 button\">{{ t('filters.reset') }}</button>\n    </div>\n  </template>\n\n<script setup>\nimport { ref, watch, onMounted } from 'vue'\n\nimport Spoiler from \"@martyrs/src/components/Spoiler/Spoiler.vue\"\nimport Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\"\n\nimport { useI18n } from 'vue-i18n'\nimport { useRoute, useRouter,onBeforeRouteLeave } from 'vue-router'\n\nconst route = useRoute()\nconst router = useRouter()\n\nimport * as categories from '@martyrs/src/modules/products/store/categories';\nimport * as marketplace from '@martyrs/src/modules/marketplace/views/store/marketplace';\n\nlet options = {\n  status: 'published'\n}\n\nlet selectedFilters = ref({\n  categories: [],\n  prices: [],\n  delivery: [],\n  extra: []\n})\n\n// Пропсы и данные, которые вы передаёте в компонент\nconst props = defineProps({\n  selectedFilters: Object,\n  prices: {\n    type: Array,\n    default: () => [\n    { label: 'Under 300฿',        value: '<300' },\n    { label: '300฿ to 600฿',      value: '300-600' },\n    { label: '600฿ to 1200฿',     value: '600-1200' },\n    { label: '$1200 and above',   value: '>1200' }\n  ]\n  },\n  deliveryOptions: {\n    type: Array,\n    default: () => [\n      { label: 'Pickup', value: { min: 0, max: 25 } },\n      { label: 'Courier', value: { min: 25, max: 50 } },\n      { label: 'Post', value: { min: 50, max: 100 } }\n    ]\n  }\n})\n\nwatch(() => marketplace.state.filter, (newFilterValue, oldFilterValue) => {\n  // Переводим фильтр в формат query\n  const query = { ...route.query };\n\n  // Удаляем старые значения фильтра из query\n  Object.keys(oldFilterValue).forEach(key => {\n    if (query[key]) {\n      delete query[key];\n    }\n  });\n\n  // Добавляем новые значения фильтра в query\n  const newQueryValues = Object.fromEntries(\n    Object.entries(newFilterValue)\n      .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n      .map(([key, value]) => [key, value.join(',')])\n  );\n  Object.assign(query, newQueryValues);\n\n  // Обновляем маршрут с новым query\n  router.repalce({ query });\n}, { deep: true })\n\nonMounted(async () => {\n  await categories.actions.read(options)\n  \n  if (route.query) {\n    const query = route.query;\n    const newFilterValue = {\n      categories: query.categories ? query.categories.split(',') : [],\n      prices: query.prices ? query.prices.split(',') : [],\n      delivery: query.delivery ? query.delivery.split(',') : [],\n      // Продолжайте этот паттерн для остальных полей фильтра\n    };\n    marketplace.state.filter.innerHTML = newFilterValue;\n  }\n})\n\nconst emit = defineEmits(['updateFilters', 'resetFilters'])\n\nconst emitFilterChange = (filterType, value) => {\n  emit('updateFilters', { filterType, value })\n}\n\nconst resetFilters = () => {\n  emit('resetFilters')\n}\nconst text = {\n    locale: 'en',\n    messages: {\n      en: {\n        categoriesTitle: 'Category',\n        categories: [],\n        filters: {\n          title: 'Filters',\n          price: {\n            title: 'Price',\n            from: 'From',\n            to: 'To'\n          },\n          filters: [],\n          reset: 'Reset Filters'\n        }\n      },\n      ru: {\n        categoriesTitle: 'Категория',\n        categories: [],\n        filters: {\n          title: 'Фильтры',\n          price: {\n            title: 'Цена',\n            from: 'От',\n            to: 'До'\n          },\n          filters: [],\n          reset: 'Сбросить фильтры',\n        }\n      }\n    }\n  }\n\n  categories.state.all.forEach( category => {\n    category.localization.forEach( localization => {\n      text.messages[localization.locale].categories.push(localization.text)\n    })\n  })\n\n  const { t } = useI18n(text)\n  \n\n\n// Добавьте свою локализацию и методы t, если они нужны\n</script>\n\n<style>\n/* Ваши стили */\n</style>\n"],"names":["marketplace.state","categories.actions","categories.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFA,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAKxB,QAAI,UAAU;AAAA,MACZ,QAAQ;AAAA,IACV;AAEsB,QAAI;AAAA,MACxB,YAAY,CAAE;AAAA,MACd,QAAQ,CAAE;AAAA,MACV,UAAU,CAAE;AAAA,MACZ,OAAO,CAAA;AAAA,IACT,CAAC;AAwBD,UAAM,MAAMA,MAAkB,QAAQ,CAAC,gBAAgB,mBAAmB;AAExE,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAO;AAGhC,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACtB;AAAA,MACA,CAAG;AAGD,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAM,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,CAAC,EACjE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,KAAK,GAAG,CAAC,CAAC;AAAA,MAChD;AACD,aAAO,OAAO,OAAO,cAAc;AAGnC,aAAO,QAAQ,EAAE,OAAO;AAAA,IAC1B,GAAG,EAAE,MAAM,KAAM,CAAA;AAEjB,cAAU,YAAY;AACpB,YAAMC,QAAmB,KAAK,OAAO;AAErC,UAAI,MAAM,OAAO;AACf,cAAM,QAAQ,MAAM;AACpB,cAAM,iBAAiB;AAAA,UACrB,YAAY,MAAM,aAAa,MAAM,WAAW,MAAM,GAAG,IAAI,CAAE;AAAA,UAC/D,QAAQ,MAAM,SAAS,MAAM,OAAO,MAAM,GAAG,IAAI,CAAE;AAAA,UACnD,UAAU,MAAM,WAAW,MAAM,SAAS,MAAM,GAAG,IAAI,CAAE;AAAA;AAAA,QAE1D;AACDD,cAAkB,OAAO,YAAY;AAAA,MACzC;AAAA,IACA,CAAC;AAED,UAAM,OAAO;AAMb,UAAM,eAAe,MAAM;AACzB,WAAK,cAAc;AAAA,IACrB;AACA,UAAM,OAAO;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,QACR,IAAI;AAAA,UACF,iBAAiB;AAAA,UACjB,YAAY,CAAE;AAAA,UACd,SAAS;AAAA,YACP,OAAO;AAAA,YACP,OAAO;AAAA,cACL,OAAO;AAAA,cACP,MAAM;AAAA,cACN,IAAI;AAAA,YACL;AAAA,YACD,SAAS,CAAE;AAAA,YACX,OAAO;AAAA,UACjB;AAAA,QACO;AAAA,QACD,IAAI;AAAA,UACF,iBAAiB;AAAA,UACjB,YAAY,CAAE;AAAA,UACd,SAAS;AAAA,YACP,OAAO;AAAA,YACP,OAAO;AAAA,cACL,OAAO;AAAA,cACP,MAAM;AAAA,cACN,IAAI;AAAA,YACL;AAAA,YACD,SAAS,CAAE;AAAA,YACX,OAAO;AAAA,UACjB;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAEEE,YAAiB,IAAI,QAAS,cAAY;AACxC,eAAS,aAAa,QAAS,kBAAgB;AAC7C,aAAK,SAAS,aAAa,MAAM,EAAE,WAAW,KAAK,aAAa,IAAI;AAAA,MACrE,CAAA;AAAA,IACF,CAAA;AAED,UAAM,EAAE,MAAM,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FilterProducts.vue.js","sources":["../../../../../../../src/modules/products/components/sections/FilterProducts.vue"],"sourcesContent":["  <template>\n    <div class=\"pd-medium bg-light radius-medium\">\n      <!-- Categories Filter -->\n      <Spoiler \n        class=\"radius-small o-hidden mn-b-small\"\n        :status=\"true\"\n      >\n        <template #header>\n          <p class=\"cursor-pointer mn-r-auto t-medium p-big\">{{ t('categoriesTitle') }}</p>\n          <!-- SVG Icon -->\n        </template>\n        <template #content>\n          <Checkbox \n            v-for=\"(category, index) in  categories.state.all\"\n            :key=\"index\"\n            :label=\"category.name\"\n            :value=\"category.url\"\n            class=\"w-100 mn-t-small mn-b-small bg-white radius-small pd-small\"\n            :radio=\"marketplace.state.filter.categories\"\n            @update:radio=\"event => marketplace.state.filter.categories = event\"\n          />\n        </template>\n      </Spoiler>\n\n      <hr class=\"mn-b-small t-transp\">\n\n      <!-- Prices Filter -->\n      <Spoiler \n        class=\"radius-small o-hidden mn-b-small\"\n        :status=\"false\"\n      >\n        <template #header>\n          <p class=\"cursor-pointer  mn-r-auto t-medium p-big\">{{ t('filters.price.title') }}</p>\n          <!-- SVG Icon -->\n        </template>\n        <template #content>\n          <Checkbox \n            v-for=\"(price, index) in prices\"\n            :key=\"index\"\n            :label=\"price.label\"\n            :value=\"price.value\"\n            class=\"w-100 mn-t-small bg-white radius-small pd-small\"\n            :radio=\"marketplace.state.filter.prices\"\n            @update:radio=\"event => marketplace.state.filter.prices = event\"\n          />\n        </template>\n      </Spoiler>\n\n      <hr class=\"mn-b-small\">\n\n      <!-- Delivery Filter -->\n      <Spoiler \n        class=\"radius-small o-hidden mn-b-small\"\n        :status=\"false\"\n      >\n        <template #header>\n          <p class=\"cursor-pointer  mn-r-auto t-medium p-big\">Delivery</p>\n        </template>\n        <template #content>\n          <Checkbox \n            v-for=\"(deliveryOption, index) in deliveryOptions\"\n            :key=\"index\"\n            :label=\"deliveryOption.label\"\n            :value=\"deliveryOption.value\"\n            class=\"w-100 mn-t-small bg-white radius-small pd-small\"\n            :radio=\"marketplace.state.filter.delivery\"\n            @update:radio=\"event => marketplace.state.filter.delivery = event\"\n          />\n        </template>\n      </Spoiler>\n\n      <hr class=\"mn-b-semi\">\n\n      <!-- Reset filter -->\n      <button @click=\"resetFilters\" class=\"bg-main w-100 button\">{{ t('filters.reset') }}</button>\n    </div>\n  </template>\n\n<script setup>\nimport { ref, watch, onMounted } from 'vue'\n\nimport Spoiler from \"@martyrs/src/components/Spoiler/Spoiler.vue\"\nimport Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\"\n\nimport { useI18n } from 'vue-i18n'\nimport { useRoute, useRouter,onBeforeRouteLeave } from 'vue-router'\n\nconst route = useRoute()\nconst router = useRouter()\n\nimport * as categories from '@martyrs/src/modules/products/store/categories.js';\nimport * as marketplace from '@martyrs/src/modules/marketplace/views/store/marketplace.js';\n\nlet options = {\n  status: 'published'\n}\n\nlet selectedFilters = ref({\n  categories: [],\n  prices: [],\n  delivery: [],\n  extra: []\n})\n\n// Пропсы и данные, которые вы передаёте в компонент\nconst props = defineProps({\n  selectedFilters: Object,\n  prices: {\n    type: Array,\n    default: () => [\n    { label: 'Under 300฿',        value: '<300' },\n    { label: '300฿ to 600฿',      value: '300-600' },\n    { label: '600฿ to 1200฿',     value: '600-1200' },\n    { label: '$1200 and above',   value: '>1200' }\n  ]\n  },\n  deliveryOptions: {\n    type: Array,\n    default: () => [\n      { label: 'Pickup', value: { min: 0, max: 25 } },\n      { label: 'Courier', value: { min: 25, max: 50 } },\n      { label: 'Post', value: { min: 50, max: 100 } }\n    ]\n  }\n})\n\nwatch(() => marketplace.state.filter, (newFilterValue, oldFilterValue) => {\n  // Переводим фильтр в формат query\n  const query = { ...route.query };\n\n  // Удаляем старые значения фильтра из query\n  Object.keys(oldFilterValue).forEach(key => {\n    if (query[key]) {\n      delete query[key];\n    }\n  });\n\n  // Добавляем новые значения фильтра в query\n  const newQueryValues = Object.fromEntries(\n    Object.entries(newFilterValue)\n      .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n      .map(([key, value]) => [key, value.join(',')])\n  );\n  Object.assign(query, newQueryValues);\n\n  // Обновляем маршрут с новым query\n  router.repalce({ query });\n}, { deep: true })\n\nonMounted(async () => {\n  await categories.actions.read(options)\n  \n  if (route.query) {\n    const query = route.query;\n    const newFilterValue = {\n      categories: query.categories ? query.categories.split(',') : [],\n      prices: query.prices ? query.prices.split(',') : [],\n      delivery: query.delivery ? query.delivery.split(',') : [],\n      // Продолжайте этот паттерн для остальных полей фильтра\n    };\n    marketplace.state.filter.innerHTML = newFilterValue;\n  }\n})\n\nconst emit = defineEmits(['updateFilters', 'resetFilters'])\n\nconst emitFilterChange = (filterType, value) => {\n  emit('updateFilters', { filterType, value })\n}\n\nconst resetFilters = () => {\n  emit('resetFilters')\n}\nconst text = {\n    locale: 'en',\n    messages: {\n      en: {\n        categoriesTitle: 'Category',\n        categories: [],\n        filters: {\n          title: 'Filters',\n          price: {\n            title: 'Price',\n            from: 'From',\n            to: 'To'\n          },\n          filters: [],\n          reset: 'Reset Filters'\n        }\n      },\n      ru: {\n        categoriesTitle: 'Категория',\n        categories: [],\n        filters: {\n          title: 'Фильтры',\n          price: {\n            title: 'Цена',\n            from: 'От',\n            to: 'До'\n          },\n          filters: [],\n          reset: 'Сбросить фильтры',\n        }\n      }\n    }\n  }\n\n  categories.state.all.forEach( category => {\n    category.translations.forEach( localization => {\n      text.messages[localization.locale].categories.push(localization.text)\n    })\n  })\n\n  const { t } = useI18n(text)\n  \n\n\n// Добавьте свою локализацию и методы t, если они нужны\n</script>\n\n<style>\n/* Ваши стили */\n</style>\n"],"names":["marketplace.state","categories.actions","categories.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFA,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAKxB,QAAI,UAAU;AAAA,MACZ,QAAQ;AAAA,IACV;AAEsB,QAAI;AAAA,MACxB,YAAY,CAAE;AAAA,MACd,QAAQ,CAAE;AAAA,MACV,UAAU,CAAE;AAAA,MACZ,OAAO,CAAA;AAAA,IACT,CAAC;AAwBD,UAAM,MAAMA,MAAkB,QAAQ,CAAC,gBAAgB,mBAAmB;AAExE,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAO;AAGhC,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACtB;AAAA,MACA,CAAG;AAGD,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAM,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,CAAC,EACjE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,KAAK,GAAG,CAAC,CAAC;AAAA,MAChD;AACD,aAAO,OAAO,OAAO,cAAc;AAGnC,aAAO,QAAQ,EAAE,OAAO;AAAA,IAC1B,GAAG,EAAE,MAAM,KAAM,CAAA;AAEjB,cAAU,YAAY;AACpB,YAAMC,QAAmB,KAAK,OAAO;AAErC,UAAI,MAAM,OAAO;AACf,cAAM,QAAQ,MAAM;AACpB,cAAM,iBAAiB;AAAA,UACrB,YAAY,MAAM,aAAa,MAAM,WAAW,MAAM,GAAG,IAAI,CAAE;AAAA,UAC/D,QAAQ,MAAM,SAAS,MAAM,OAAO,MAAM,GAAG,IAAI,CAAE;AAAA,UACnD,UAAU,MAAM,WAAW,MAAM,SAAS,MAAM,GAAG,IAAI,CAAE;AAAA;AAAA,QAE1D;AACDD,cAAkB,OAAO,YAAY;AAAA,MACzC;AAAA,IACA,CAAC;AAED,UAAM,OAAO;AAMb,UAAM,eAAe,MAAM;AACzB,WAAK,cAAc;AAAA,IACrB;AACA,UAAM,OAAO;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,QACR,IAAI;AAAA,UACF,iBAAiB;AAAA,UACjB,YAAY,CAAE;AAAA,UACd,SAAS;AAAA,YACP,OAAO;AAAA,YACP,OAAO;AAAA,cACL,OAAO;AAAA,cACP,MAAM;AAAA,cACN,IAAI;AAAA,YACL;AAAA,YACD,SAAS,CAAE;AAAA,YACX,OAAO;AAAA,UACjB;AAAA,QACO;AAAA,QACD,IAAI;AAAA,UACF,iBAAiB;AAAA,UACjB,YAAY,CAAE;AAAA,UACd,SAAS;AAAA,YACP,OAAO;AAAA,YACP,OAAO;AAAA,cACL,OAAO;AAAA,cACP,MAAM;AAAA,cACN,IAAI;AAAA,YACL;AAAA,YACD,SAAS,CAAE;AAAA,YACX,OAAO;AAAA,UACjB;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAEEE,YAAiB,IAAI,QAAS,cAAY;AACxC,eAAS,aAAa,QAAS,kBAAgB;AAC7C,aAAK,SAAS,aAAa,MAAM,EAAE,WAAW,KAAK,aAAa,IAAI;AAAA,MACrE,CAAA;AAAA,IACF,CAAA;AAED,UAAM,EAAE,MAAM,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/sections/HeroRecommendation.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HeroRecommendation.vue.cjs","sources":["../../../../../../../src/modules/products/components/sections/HeroRecommendation.vue"],"sourcesContent":["<script setup>\n\timport { ref, onMounted } from 'vue'\n\n\timport FieldBig from \"@martyrs/src/components/FieldBig/FieldBig.vue\";\n\timport Shader from \"@martyrs/src/components/Shader/Shader.vue\";\n\n\timport { useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\n\timport * as products from '@martyrs/src/modules/products/store/products';\n\n\tconst router = useRouter()\n\n\tconst text = {\n    messages: {\n      \"en\": {\n\t\t    \"title\": \"Increase Your High <br><b class='t-main'>Boosted by AI Budtender</b>\",\n\t\t    \"description\": \"Just tell us what you're want, and Weeder will find your ideal match.\",\n\t\t    \"placeholderTexts\": [\n\t\t    \t'Lowest THC, please!',\n\t\t    \t'Something with banana flavors?',\n\t\t    \t\"I'm in the mood for trippy vibes.\"\n\t\t    ],\n\t\t    \"subdescription\": \"AI Curated Recommendations for Your Mood:\",\n\t\t    \"presets\": {\n\t\t      \"sleep\": \"sleep\",\n\t\t      \"creative\": \"creative\",\n\t\t      \"giggly\": \"giggly\",\n\t\t      \"libido\": \"libido\",\n\t\t      \"trippy\": \"trippy\",\n\t\t      \"euphoric\": \"euphoric\"\n\t\t    },\n\t\t    \"placeholder\": \"Tell us what you're after...\",\n\t\t    \"action\": \"Transmit\"\n\t\t  },\n\t\t  \"ru\": {\n\t\t    \"title\": \"Персональный Накур,<br><b class='t-main'>Напрямую от AI</b>\",\n\t\t    \"description\": \"AI на страже твоего релакса, бро. Мы подбираем самые космические товары с учетом твоего желаемого настроения:\",\n\t\t    \"placeholderTexts\": [\n\t\t    \t'Я хочу самый низкий THC',\n\t\t    \t'Я хочу чего-нибудь бананового',\n\t\t    \t'Я хочу курнуть хейза'\n\t\t    ],\n\t\t   \t \"presets\": {\n\t\t      \"sleep\": \"сон\",\n\t\t      \"creative\": \"креатив\",\n\t\t      \"giggly\": \"смех\",\n\t\t      \"libido\": \"либидо\",\n\t\t      \"trippy\": \"трип\",\n\t\t      \"euphoric\": \"кайф\"\n\t\t    },\n\t\t    \"subdescription\": \"Или выберите тег, и наш AI направит тебя к самым крутым вариантам:\",\n\t\t    \"placeholder\": \"Опиши свой желаемый хай, bro...\",\n\t\t    \"action\": \"Передать\"\n\t\t  }\n\t\t}\t\n\t}\n\n\tconst { t, rt } = useI18n(text)\n\n\tlet mood = ref('')\n\n\tconst presets = ['sleep','creative','giggly','libido','trippy','euphoric'];\n\n\tasync function submitMood(presetMood = null) {\n\t\tconst moodToSend = presetMood || mood.value;\n\t\tawait products.actions.submitMood(moodToSend);\n\t}\n\n\t\n</script>\n\n<template>\n\t<div \n\t\tclass=\"pd-big bg-black t-white pos-relative o-hidden \"\n\t>\n\t\t<div class=\"flex-column flex-center flex t-center pos-relative z-index-1\">\n\t\t\t\n\t\t\t<h1 \n\t\t\t\tclass=\"mn-b-semi\" \n\t\t\t\tv-html=\"t('title')\"\n\t\t\t/>\n\n\t\t\t<p \n\t\t\t\tclass=\"mn-b-big p-big t-transp\" \n\t\t\t\tv-html=\"t('description')\"\n\t\t\t/>\n\t\t\t\n\t\t\t<FieldBig \n\t\t\t\t:input=\"mood\" \n\t\t    :typingSpeed=\"100\"\n\t\t    :loopTyping=\"true\"\n\t\t    :enableTyping=\"true\"\n\t\t    :placeholder=\"t('placeholder')\"\n\t\t    :action=\"t('action')\"\n\t\t    @update:input=\"mood = $event\"\n\t\t    @action=\"router.push({name: 'Product Recommmendation', query: {mood: mood}})\"\n\t\t\t\tclass=\"mn-b-big pd-big bg-dark-transp-50 bg-blur-thin w-100 w-max-40r\"\n\t\t\t/>\n\n\t\t\t<p \n\t\t\t\tclass=\"w-m-60r t-transp mn-b-semi p-medium\" \n\t\t\t\tv-html=\"t('subdescription')\"\n\t\t\t/>\n\n\t\t\t<div style=\"max-width: 50rem;\" class=\"w-100 h-max gap-thin cols-6\">\n\n\t\t\t\t<button \n\t\t\t\t\tv-for=\"(preset,index) in presets\" \n\t\t\t\t\t:key=\"preset\" \n\t\t\t\t\t@click.stop=\"router.push({name: 'ProductRecommmendation', query: {mood: preset}})\"\n\t\t\t\t\tclass=\"\n\t\t\t\t\t\tuppercase \n\t\t\t\t\t\tpd-thin\n\t\t\t\t\t\tt-medium\n\t\t\t\t\t\tflex-center\n\t\t\t\t\t\tflex-column\n\t\t\t\t\t\tflex-nowrap\n\t\t\t\t\t\tflex\n\t\t\t\t\t\tbg-dark-transp-50 \n\t\t\t\t\t\tbg-blur-thin\n\t\t\t\t\t\tradius-semi\n\t\t\t\t\t\tcursor-pointer\n\t\t\t\t\t\ttransition-elastic\n\t\t\t\t\t\thover-easeInOut-1 \n\t\t\t\t\t\"\n\t\t\t\t>\n\t\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + '/icons/moods/' + preset + '.svg'\" \n\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<span class=\"t-white\"> \n\t\t\t\t\t\t{{ t(`presets.` + preset) }}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\n\t\t\t</div>\n\n\t\t</div>\n\n\t\t<!-- <Shader class=\"w-100 h-100 flex flex-center pos-absolute pos-t-0 pos-r-0 z-index-0\"/> -->\n\n    <!-- <div class=\"w-100 h-100 flex flex-center pos-absolute pos-t-0 pos-r-0 z-index-0\">\n  \t  <div style=\"background-image: url(/spiral.jpg)\" class=\"spiral\"></div>\n    </div> -->\n\n\t</div>\n</template>\n\n<style style=\"scoped\">\n.spiral {\n\t\n  background-size: cover;\n  width: 100rem;\n  height: 100rem;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  opacity: 0.066;\n  transform: translate(-50%, -50%) rotate(0deg);\n  transform-origin: center center;\n  animation: spin 5s linear infinite;\n}\n\n@keyframes spin {\n  0% {\n    transform: translate(-50%, -50%) rotate(0deg);\n  }\n  100% {\n    transform: translate(-50%, -50%) rotate(360deg);\n  }\n}\n</style>"],"names":["useRouter","useI18n","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAWC,UAAM,SAASA,UAAS,UAAA;AAExB,UAAM,OAAO;AAAA,MACV,UAAU;AAAA,QACR,MAAM;AAAA,UACN,SAAS;AAAA,UACT,eAAe;AAAA,UACf,oBAAoB;AAAA,YACnB;AAAA,YACA;AAAA,YACA;AAAA,UACA;AAAA,UACD,kBAAkB;AAAA,UAClB,WAAW;AAAA,YACT,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU;AAAA,YACV,YAAY;AAAA,UACb;AAAA,UACD,eAAe;AAAA,UACf,UAAU;AAAA,QACX;AAAA,QACD,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,eAAe;AAAA,UACf,oBAAoB;AAAA,YACnB;AAAA,YACA;AAAA,YACA;AAAA,UACA;AAAA,UACA,WAAW;AAAA,YACV,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU;AAAA,YACV,YAAY;AAAA,UACb;AAAA,UACD,kBAAkB;AAAA,UAClB,eAAe;AAAA,UACf,UAAU;AAAA,QAChB;AAAA,MACG;AAAA,IACH;AAEC,UAAM,EAAE,GAAG,GAAI,IAAGC,QAAO,QAAC,IAAI;AAE9B,QAAI,OAAOC,IAAAA,IAAI,EAAE;AAEjB,UAAM,UAAU,CAAC,SAAQ,YAAW,UAAS,UAAS,UAAS,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"HeroRecommendation.vue.cjs","sources":["../../../../../../../src/modules/products/components/sections/HeroRecommendation.vue"],"sourcesContent":["<script setup>\n\timport { ref, onMounted } from 'vue'\n\n\timport FieldBig from \"@martyrs/src/components/FieldBig/FieldBig.vue\";\n\timport Shader from \"@martyrs/src/components/Shader/Shader.vue\";\n\n\timport { useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\n\timport * as products from '@martyrs/src/modules/products/store/products.js';\n\n\tconst router = useRouter()\n\n\tconst text = {\n    messages: {\n      \"en\": {\n\t\t    \"title\": \"Increase Your High <br><b class='t-main'>Boosted by AI Budtender</b>\",\n\t\t    \"description\": \"Just tell us what you're want, and Weeder will find your ideal match.\",\n\t\t    \"placeholderTexts\": [\n\t\t    \t'Lowest THC, please!',\n\t\t    \t'Something with banana flavors?',\n\t\t    \t\"I'm in the mood for trippy vibes.\"\n\t\t    ],\n\t\t    \"subdescription\": \"AI Curated Recommendations for Your Mood:\",\n\t\t    \"presets\": {\n\t\t      \"sleep\": \"sleep\",\n\t\t      \"creative\": \"creative\",\n\t\t      \"giggly\": \"giggly\",\n\t\t      \"libido\": \"libido\",\n\t\t      \"trippy\": \"trippy\",\n\t\t      \"euphoric\": \"euphoric\"\n\t\t    },\n\t\t    \"placeholder\": \"Tell us what you're after...\",\n\t\t    \"action\": \"Transmit\"\n\t\t  },\n\t\t  \"ru\": {\n\t\t    \"title\": \"Персональный Накур,<br><b class='t-main'>Напрямую от AI</b>\",\n\t\t    \"description\": \"AI на страже твоего релакса, бро. Мы подбираем самые космические товары с учетом твоего желаемого настроения:\",\n\t\t    \"placeholderTexts\": [\n\t\t    \t'Я хочу самый низкий THC',\n\t\t    \t'Я хочу чего-нибудь бананового',\n\t\t    \t'Я хочу курнуть хейза'\n\t\t    ],\n\t\t   \t \"presets\": {\n\t\t      \"sleep\": \"сон\",\n\t\t      \"creative\": \"креатив\",\n\t\t      \"giggly\": \"смех\",\n\t\t      \"libido\": \"либидо\",\n\t\t      \"trippy\": \"трип\",\n\t\t      \"euphoric\": \"кайф\"\n\t\t    },\n\t\t    \"subdescription\": \"Или выберите тег, и наш AI направит тебя к самым крутым вариантам:\",\n\t\t    \"placeholder\": \"Опиши свой желаемый хай, bro...\",\n\t\t    \"action\": \"Передать\"\n\t\t  }\n\t\t}\t\n\t}\n\n\tconst { t, rt } = useI18n(text)\n\n\tlet mood = ref('')\n\n\tconst presets = ['sleep','creative','giggly','libido','trippy','euphoric'];\n\n\tasync function submitMood(presetMood = null) {\n\t\tconst moodToSend = presetMood || mood.value;\n\t\tawait products.actions.submitMood(moodToSend);\n\t}\n\n\t\n</script>\n\n<template>\n\t<div \n\t\tclass=\"pd-big bg-black t-white pos-relative o-hidden \"\n\t>\n\t\t<div class=\"flex-column flex-center flex t-center pos-relative z-index-1\">\n\t\t\t\n\t\t\t<h1 \n\t\t\t\tclass=\"mn-b-semi\" \n\t\t\t\tv-html=\"t('title')\"\n\t\t\t/>\n\n\t\t\t<p \n\t\t\t\tclass=\"mn-b-big p-big t-transp\" \n\t\t\t\tv-html=\"t('description')\"\n\t\t\t/>\n\t\t\t\n\t\t\t<FieldBig \n\t\t\t\t:input=\"mood\" \n\t\t    :typingSpeed=\"100\"\n\t\t    :loopTyping=\"true\"\n\t\t    :enableTyping=\"true\"\n\t\t    :placeholder=\"t('placeholder')\"\n\t\t    :action=\"t('action')\"\n\t\t    @update:input=\"mood = $event\"\n\t\t    @action=\"router.push({name: 'Product Recommmendation', query: {mood: mood}})\"\n\t\t\t\tclass=\"mn-b-big pd-big bg-dark-transp-50 bg-blur-thin w-100 w-max-40r\"\n\t\t\t/>\n\n\t\t\t<p \n\t\t\t\tclass=\"w-m-60r t-transp mn-b-semi p-medium\" \n\t\t\t\tv-html=\"t('subdescription')\"\n\t\t\t/>\n\n\t\t\t<div style=\"max-width: 50rem;\" class=\"w-100 h-max gap-thin cols-6\">\n\n\t\t\t\t<button \n\t\t\t\t\tv-for=\"(preset,index) in presets\" \n\t\t\t\t\t:key=\"preset\" \n\t\t\t\t\t@click.stop=\"router.push({name: 'ProductRecommmendation', query: {mood: preset}})\"\n\t\t\t\t\tclass=\"\n\t\t\t\t\t\tuppercase \n\t\t\t\t\t\tpd-thin\n\t\t\t\t\t\tt-medium\n\t\t\t\t\t\tflex-center\n\t\t\t\t\t\tflex-column\n\t\t\t\t\t\tflex-nowrap\n\t\t\t\t\t\tflex\n\t\t\t\t\t\tbg-dark-transp-50 \n\t\t\t\t\t\tbg-blur-thin\n\t\t\t\t\t\tradius-semi\n\t\t\t\t\t\tcursor-pointer\n\t\t\t\t\t\ttransition-elastic\n\t\t\t\t\t\thover-easeInOut-1 \n\t\t\t\t\t\"\n\t\t\t\t>\n\t\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + '/icons/moods/' + preset + '.svg'\" \n\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<span class=\"t-white\"> \n\t\t\t\t\t\t{{ t(`presets.` + preset) }}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\n\t\t\t</div>\n\n\t\t</div>\n\n\t\t<!-- <Shader class=\"w-100 h-100 flex flex-center pos-absolute pos-t-0 pos-r-0 z-index-0\"/> -->\n\n    <!-- <div class=\"w-100 h-100 flex flex-center pos-absolute pos-t-0 pos-r-0 z-index-0\">\n  \t  <div style=\"background-image: url(/spiral.jpg)\" class=\"spiral\"></div>\n    </div> -->\n\n\t</div>\n</template>\n\n<style style=\"scoped\">\n.spiral {\n\t\n  background-size: cover;\n  width: 100rem;\n  height: 100rem;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  opacity: 0.066;\n  transform: translate(-50%, -50%) rotate(0deg);\n  transform-origin: center center;\n  animation: spin 5s linear infinite;\n}\n\n@keyframes spin {\n  0% {\n    transform: translate(-50%, -50%) rotate(0deg);\n  }\n  100% {\n    transform: translate(-50%, -50%) rotate(360deg);\n  }\n}\n</style>"],"names":["useRouter","useI18n","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAWC,UAAM,SAASA,UAAS,UAAA;AAExB,UAAM,OAAO;AAAA,MACV,UAAU;AAAA,QACR,MAAM;AAAA,UACN,SAAS;AAAA,UACT,eAAe;AAAA,UACf,oBAAoB;AAAA,YACnB;AAAA,YACA;AAAA,YACA;AAAA,UACA;AAAA,UACD,kBAAkB;AAAA,UAClB,WAAW;AAAA,YACT,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU;AAAA,YACV,YAAY;AAAA,UACb;AAAA,UACD,eAAe;AAAA,UACf,UAAU;AAAA,QACX;AAAA,QACD,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,eAAe;AAAA,UACf,oBAAoB;AAAA,YACnB;AAAA,YACA;AAAA,YACA;AAAA,UACA;AAAA,UACA,WAAW;AAAA,YACV,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU;AAAA,YACV,YAAY;AAAA,UACb;AAAA,UACD,kBAAkB;AAAA,UAClB,eAAe;AAAA,UACf,UAAU;AAAA,QAChB;AAAA,MACG;AAAA,IACH;AAEC,UAAM,EAAE,GAAG,GAAI,IAAGC,QAAO,QAAC,IAAI;AAE9B,QAAI,OAAOC,IAAAA,IAAI,EAAE;AAEjB,UAAM,UAAU,CAAC,SAAQ,YAAW,UAAS,UAAS,UAAS,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/sections/HeroRecommendation.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeroRecommendation.vue.js","sources":["../../../../../../../src/modules/products/components/sections/HeroRecommendation.vue"],"sourcesContent":["<script setup>\n\timport { ref, onMounted } from 'vue'\n\n\timport FieldBig from \"@martyrs/src/components/FieldBig/FieldBig.vue\";\n\timport Shader from \"@martyrs/src/components/Shader/Shader.vue\";\n\n\timport { useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\n\timport * as products from '@martyrs/src/modules/products/store/products';\n\n\tconst router = useRouter()\n\n\tconst text = {\n    messages: {\n      \"en\": {\n\t\t    \"title\": \"Increase Your High <br><b class='t-main'>Boosted by AI Budtender</b>\",\n\t\t    \"description\": \"Just tell us what you're want, and Weeder will find your ideal match.\",\n\t\t    \"placeholderTexts\": [\n\t\t    \t'Lowest THC, please!',\n\t\t    \t'Something with banana flavors?',\n\t\t    \t\"I'm in the mood for trippy vibes.\"\n\t\t    ],\n\t\t    \"subdescription\": \"AI Curated Recommendations for Your Mood:\",\n\t\t    \"presets\": {\n\t\t      \"sleep\": \"sleep\",\n\t\t      \"creative\": \"creative\",\n\t\t      \"giggly\": \"giggly\",\n\t\t      \"libido\": \"libido\",\n\t\t      \"trippy\": \"trippy\",\n\t\t      \"euphoric\": \"euphoric\"\n\t\t    },\n\t\t    \"placeholder\": \"Tell us what you're after...\",\n\t\t    \"action\": \"Transmit\"\n\t\t  },\n\t\t  \"ru\": {\n\t\t    \"title\": \"Персональный Накур,<br><b class='t-main'>Напрямую от AI</b>\",\n\t\t    \"description\": \"AI на страже твоего релакса, бро. Мы подбираем самые космические товары с учетом твоего желаемого настроения:\",\n\t\t    \"placeholderTexts\": [\n\t\t    \t'Я хочу самый низкий THC',\n\t\t    \t'Я хочу чего-нибудь бананового',\n\t\t    \t'Я хочу курнуть хейза'\n\t\t    ],\n\t\t   \t \"presets\": {\n\t\t      \"sleep\": \"сон\",\n\t\t      \"creative\": \"креатив\",\n\t\t      \"giggly\": \"смех\",\n\t\t      \"libido\": \"либидо\",\n\t\t      \"trippy\": \"трип\",\n\t\t      \"euphoric\": \"кайф\"\n\t\t    },\n\t\t    \"subdescription\": \"Или выберите тег, и наш AI направит тебя к самым крутым вариантам:\",\n\t\t    \"placeholder\": \"Опиши свой желаемый хай, bro...\",\n\t\t    \"action\": \"Передать\"\n\t\t  }\n\t\t}\t\n\t}\n\n\tconst { t, rt } = useI18n(text)\n\n\tlet mood = ref('')\n\n\tconst presets = ['sleep','creative','giggly','libido','trippy','euphoric'];\n\n\tasync function submitMood(presetMood = null) {\n\t\tconst moodToSend = presetMood || mood.value;\n\t\tawait products.actions.submitMood(moodToSend);\n\t}\n\n\t\n</script>\n\n<template>\n\t<div \n\t\tclass=\"pd-big bg-black t-white pos-relative o-hidden \"\n\t>\n\t\t<div class=\"flex-column flex-center flex t-center pos-relative z-index-1\">\n\t\t\t\n\t\t\t<h1 \n\t\t\t\tclass=\"mn-b-semi\" \n\t\t\t\tv-html=\"t('title')\"\n\t\t\t/>\n\n\t\t\t<p \n\t\t\t\tclass=\"mn-b-big p-big t-transp\" \n\t\t\t\tv-html=\"t('description')\"\n\t\t\t/>\n\t\t\t\n\t\t\t<FieldBig \n\t\t\t\t:input=\"mood\" \n\t\t    :typingSpeed=\"100\"\n\t\t    :loopTyping=\"true\"\n\t\t    :enableTyping=\"true\"\n\t\t    :placeholder=\"t('placeholder')\"\n\t\t    :action=\"t('action')\"\n\t\t    @update:input=\"mood = $event\"\n\t\t    @action=\"router.push({name: 'Product Recommmendation', query: {mood: mood}})\"\n\t\t\t\tclass=\"mn-b-big pd-big bg-dark-transp-50 bg-blur-thin w-100 w-max-40r\"\n\t\t\t/>\n\n\t\t\t<p \n\t\t\t\tclass=\"w-m-60r t-transp mn-b-semi p-medium\" \n\t\t\t\tv-html=\"t('subdescription')\"\n\t\t\t/>\n\n\t\t\t<div style=\"max-width: 50rem;\" class=\"w-100 h-max gap-thin cols-6\">\n\n\t\t\t\t<button \n\t\t\t\t\tv-for=\"(preset,index) in presets\" \n\t\t\t\t\t:key=\"preset\" \n\t\t\t\t\t@click.stop=\"router.push({name: 'ProductRecommmendation', query: {mood: preset}})\"\n\t\t\t\t\tclass=\"\n\t\t\t\t\t\tuppercase \n\t\t\t\t\t\tpd-thin\n\t\t\t\t\t\tt-medium\n\t\t\t\t\t\tflex-center\n\t\t\t\t\t\tflex-column\n\t\t\t\t\t\tflex-nowrap\n\t\t\t\t\t\tflex\n\t\t\t\t\t\tbg-dark-transp-50 \n\t\t\t\t\t\tbg-blur-thin\n\t\t\t\t\t\tradius-semi\n\t\t\t\t\t\tcursor-pointer\n\t\t\t\t\t\ttransition-elastic\n\t\t\t\t\t\thover-easeInOut-1 \n\t\t\t\t\t\"\n\t\t\t\t>\n\t\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + '/icons/moods/' + preset + '.svg'\" \n\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<span class=\"t-white\"> \n\t\t\t\t\t\t{{ t(`presets.` + preset) }}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\n\t\t\t</div>\n\n\t\t</div>\n\n\t\t<!-- <Shader class=\"w-100 h-100 flex flex-center pos-absolute pos-t-0 pos-r-0 z-index-0\"/> -->\n\n    <!-- <div class=\"w-100 h-100 flex flex-center pos-absolute pos-t-0 pos-r-0 z-index-0\">\n  \t  <div style=\"background-image: url(/spiral.jpg)\" class=\"spiral\"></div>\n    </div> -->\n\n\t</div>\n</template>\n\n<style style=\"scoped\">\n.spiral {\n\t\n  background-size: cover;\n  width: 100rem;\n  height: 100rem;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  opacity: 0.066;\n  transform: translate(-50%, -50%) rotate(0deg);\n  transform-origin: center center;\n  animation: spin 5s linear infinite;\n}\n\n@keyframes spin {\n  0% {\n    transform: translate(-50%, -50%) rotate(0deg);\n  }\n  100% {\n    transform: translate(-50%, -50%) rotate(360deg);\n  }\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAWC,UAAM,SAAS,UAAS;AAExB,UAAM,OAAO;AAAA,MACV,UAAU;AAAA,QACR,MAAM;AAAA,UACN,SAAS;AAAA,UACT,eAAe;AAAA,UACf,oBAAoB;AAAA,YACnB;AAAA,YACA;AAAA,YACA;AAAA,UACA;AAAA,UACD,kBAAkB;AAAA,UAClB,WAAW;AAAA,YACT,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU;AAAA,YACV,YAAY;AAAA,UACb;AAAA,UACD,eAAe;AAAA,UACf,UAAU;AAAA,QACX;AAAA,QACD,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,eAAe;AAAA,UACf,oBAAoB;AAAA,YACnB;AAAA,YACA;AAAA,YACA;AAAA,UACA;AAAA,UACA,WAAW;AAAA,YACV,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU;AAAA,YACV,YAAY;AAAA,UACb;AAAA,UACD,kBAAkB;AAAA,UAClB,eAAe;AAAA,UACf,UAAU;AAAA,QAChB;AAAA,MACG;AAAA,IACH;AAEC,UAAM,EAAE,GAAG,GAAI,IAAG,QAAQ,IAAI;AAE9B,QAAI,OAAO,IAAI,EAAE;AAEjB,UAAM,UAAU,CAAC,SAAQ,YAAW,UAAS,UAAS,UAAS,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"HeroRecommendation.vue.js","sources":["../../../../../../../src/modules/products/components/sections/HeroRecommendation.vue"],"sourcesContent":["<script setup>\n\timport { ref, onMounted } from 'vue'\n\n\timport FieldBig from \"@martyrs/src/components/FieldBig/FieldBig.vue\";\n\timport Shader from \"@martyrs/src/components/Shader/Shader.vue\";\n\n\timport { useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\n\timport * as products from '@martyrs/src/modules/products/store/products.js';\n\n\tconst router = useRouter()\n\n\tconst text = {\n    messages: {\n      \"en\": {\n\t\t    \"title\": \"Increase Your High <br><b class='t-main'>Boosted by AI Budtender</b>\",\n\t\t    \"description\": \"Just tell us what you're want, and Weeder will find your ideal match.\",\n\t\t    \"placeholderTexts\": [\n\t\t    \t'Lowest THC, please!',\n\t\t    \t'Something with banana flavors?',\n\t\t    \t\"I'm in the mood for trippy vibes.\"\n\t\t    ],\n\t\t    \"subdescription\": \"AI Curated Recommendations for Your Mood:\",\n\t\t    \"presets\": {\n\t\t      \"sleep\": \"sleep\",\n\t\t      \"creative\": \"creative\",\n\t\t      \"giggly\": \"giggly\",\n\t\t      \"libido\": \"libido\",\n\t\t      \"trippy\": \"trippy\",\n\t\t      \"euphoric\": \"euphoric\"\n\t\t    },\n\t\t    \"placeholder\": \"Tell us what you're after...\",\n\t\t    \"action\": \"Transmit\"\n\t\t  },\n\t\t  \"ru\": {\n\t\t    \"title\": \"Персональный Накур,<br><b class='t-main'>Напрямую от AI</b>\",\n\t\t    \"description\": \"AI на страже твоего релакса, бро. Мы подбираем самые космические товары с учетом твоего желаемого настроения:\",\n\t\t    \"placeholderTexts\": [\n\t\t    \t'Я хочу самый низкий THC',\n\t\t    \t'Я хочу чего-нибудь бананового',\n\t\t    \t'Я хочу курнуть хейза'\n\t\t    ],\n\t\t   \t \"presets\": {\n\t\t      \"sleep\": \"сон\",\n\t\t      \"creative\": \"креатив\",\n\t\t      \"giggly\": \"смех\",\n\t\t      \"libido\": \"либидо\",\n\t\t      \"trippy\": \"трип\",\n\t\t      \"euphoric\": \"кайф\"\n\t\t    },\n\t\t    \"subdescription\": \"Или выберите тег, и наш AI направит тебя к самым крутым вариантам:\",\n\t\t    \"placeholder\": \"Опиши свой желаемый хай, bro...\",\n\t\t    \"action\": \"Передать\"\n\t\t  }\n\t\t}\t\n\t}\n\n\tconst { t, rt } = useI18n(text)\n\n\tlet mood = ref('')\n\n\tconst presets = ['sleep','creative','giggly','libido','trippy','euphoric'];\n\n\tasync function submitMood(presetMood = null) {\n\t\tconst moodToSend = presetMood || mood.value;\n\t\tawait products.actions.submitMood(moodToSend);\n\t}\n\n\t\n</script>\n\n<template>\n\t<div \n\t\tclass=\"pd-big bg-black t-white pos-relative o-hidden \"\n\t>\n\t\t<div class=\"flex-column flex-center flex t-center pos-relative z-index-1\">\n\t\t\t\n\t\t\t<h1 \n\t\t\t\tclass=\"mn-b-semi\" \n\t\t\t\tv-html=\"t('title')\"\n\t\t\t/>\n\n\t\t\t<p \n\t\t\t\tclass=\"mn-b-big p-big t-transp\" \n\t\t\t\tv-html=\"t('description')\"\n\t\t\t/>\n\t\t\t\n\t\t\t<FieldBig \n\t\t\t\t:input=\"mood\" \n\t\t    :typingSpeed=\"100\"\n\t\t    :loopTyping=\"true\"\n\t\t    :enableTyping=\"true\"\n\t\t    :placeholder=\"t('placeholder')\"\n\t\t    :action=\"t('action')\"\n\t\t    @update:input=\"mood = $event\"\n\t\t    @action=\"router.push({name: 'Product Recommmendation', query: {mood: mood}})\"\n\t\t\t\tclass=\"mn-b-big pd-big bg-dark-transp-50 bg-blur-thin w-100 w-max-40r\"\n\t\t\t/>\n\n\t\t\t<p \n\t\t\t\tclass=\"w-m-60r t-transp mn-b-semi p-medium\" \n\t\t\t\tv-html=\"t('subdescription')\"\n\t\t\t/>\n\n\t\t\t<div style=\"max-width: 50rem;\" class=\"w-100 h-max gap-thin cols-6\">\n\n\t\t\t\t<button \n\t\t\t\t\tv-for=\"(preset,index) in presets\" \n\t\t\t\t\t:key=\"preset\" \n\t\t\t\t\t@click.stop=\"router.push({name: 'ProductRecommmendation', query: {mood: preset}})\"\n\t\t\t\t\tclass=\"\n\t\t\t\t\t\tuppercase \n\t\t\t\t\t\tpd-thin\n\t\t\t\t\t\tt-medium\n\t\t\t\t\t\tflex-center\n\t\t\t\t\t\tflex-column\n\t\t\t\t\t\tflex-nowrap\n\t\t\t\t\t\tflex\n\t\t\t\t\t\tbg-dark-transp-50 \n\t\t\t\t\t\tbg-blur-thin\n\t\t\t\t\t\tradius-semi\n\t\t\t\t\t\tcursor-pointer\n\t\t\t\t\t\ttransition-elastic\n\t\t\t\t\t\thover-easeInOut-1 \n\t\t\t\t\t\"\n\t\t\t\t>\n\t\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + '/icons/moods/' + preset + '.svg'\" \n\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<span class=\"t-white\"> \n\t\t\t\t\t\t{{ t(`presets.` + preset) }}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\n\t\t\t</div>\n\n\t\t</div>\n\n\t\t<!-- <Shader class=\"w-100 h-100 flex flex-center pos-absolute pos-t-0 pos-r-0 z-index-0\"/> -->\n\n    <!-- <div class=\"w-100 h-100 flex flex-center pos-absolute pos-t-0 pos-r-0 z-index-0\">\n  \t  <div style=\"background-image: url(/spiral.jpg)\" class=\"spiral\"></div>\n    </div> -->\n\n\t</div>\n</template>\n\n<style style=\"scoped\">\n.spiral {\n\t\n  background-size: cover;\n  width: 100rem;\n  height: 100rem;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  opacity: 0.066;\n  transform: translate(-50%, -50%) rotate(0deg);\n  transform-origin: center center;\n  animation: spin 5s linear infinite;\n}\n\n@keyframes spin {\n  0% {\n    transform: translate(-50%, -50%) rotate(0deg);\n  }\n  100% {\n    transform: translate(-50%, -50%) rotate(360deg);\n  }\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAWC,UAAM,SAAS,UAAS;AAExB,UAAM,OAAO;AAAA,MACV,UAAU;AAAA,QACR,MAAM;AAAA,UACN,SAAS;AAAA,UACT,eAAe;AAAA,UACf,oBAAoB;AAAA,YACnB;AAAA,YACA;AAAA,YACA;AAAA,UACA;AAAA,UACD,kBAAkB;AAAA,UAClB,WAAW;AAAA,YACT,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU;AAAA,YACV,YAAY;AAAA,UACb;AAAA,UACD,eAAe;AAAA,UACf,UAAU;AAAA,QACX;AAAA,QACD,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,eAAe;AAAA,UACf,oBAAoB;AAAA,YACnB;AAAA,YACA;AAAA,YACA;AAAA,UACA;AAAA,UACA,WAAW;AAAA,YACV,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU;AAAA,YACV,YAAY;AAAA,UACb;AAAA,UACD,kBAAkB;AAAA,UAClB,eAAe;AAAA,UACf,UAAU;AAAA,QAChB;AAAA,MACG;AAAA,IACH;AAEC,UAAM,EAAE,GAAG,GAAI,IAAG,QAAQ,IAAI;AAE9B,QAAI,OAAO,IAAI,EAAE;AAEjB,UAAM,UAAU,CAAC,SAAQ,YAAW,UAAS,UAAS,UAAS,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/sections/PopularProducts.vue.cjs

@@ -4,14 +4,14 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const emblaCarouselVue_esm = require("../../../../../../node_modules/.pnpm/embla-carousel-vue@8.6.0_vue@3.5.13_typescript@5.8.3_/node_modules/embla-carousel-vue/esm/embla-carousel-vue.esm.cjs");
 const emblaCarouselAutoplay_esm = require("../../../../../../node_modules/.pnpm/embla-carousel-autoplay@8.6.0_embla-carousel@8.6.0/node_modules/embla-carousel-autoplay/esm/embla-carousel-autoplay.esm.cjs");
-const Loader = require("../../../../components/Loader/Loader.vue2.cjs");
+const Loader = require("../../../../components/Loader/Loader.vue.cjs");
 const CardProduct = require("../blocks/CardProduct.vue.cjs");
 const products = require("../../store/products.cjs");
 ;/* empty css                       */
 const _hoisted_1 = { class: "embla__container" };
 const _hoisted_2 = {
   key: 0,
-  class: "h-100 w-100 radius-big flex-center bg-light"
+  class: "h-100 w-100 radius-medium flex-center bg-light"
 };
 const _sfc_main = {
   __name: "PopularProducts",

package/dist/martyrs/src/modules/products/components/sections/PopularProducts.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PopularProducts.vue.cjs","sources":["../../../../../../../src/modules/products/components/sections/PopularProducts.vue"],"sourcesContent":["<template>\n  <div class=\"embla\" ref=\"emblaNode\">\n    <div class=\"embla__container\">\n      <div \n        class=\"embla__slide h-100 pos-relative pd-nano\" \n        v-for=\"(value, key) in productsState\" \n        :key=\"value?._id || key\"\n      >\n        <router-link  \n          :to=\"{ name: 'Organization_Product', params: { _id: value.owner.target, product: value._id  } }\"\n          class=\"h-100 pos-relative\"\n        >\n          <transition name=\"fade\" mode=\"out-in\" appear>\n            <div \n              v-if=\"isLoading || !value?.name\" \n              class=\"h-100 w-100 radius-big flex-center bg-light\"\n            >\n              <Loader class=\"pos-relative\"/>\n            </div>\n            \n            <CardProduct  \n              v-else\n              :key=\"value._id\" \n              :product=\"value\"\n              class=\"h-max-40r h-100 bg-light\"\n            />\n          </transition>\n        </router-link>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, onUnmounted } from 'vue'\nimport { useRouter } from 'vue-router'\n    \nimport emblaCarouselVue from 'embla-carousel-vue'\nimport Autoplay from 'embla-carousel-autoplay'\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\nimport CardProduct from '@martyrs/src/modules/products/components/blocks/CardProduct.vue'\n\nimport * as products from '@martyrs/src/modules/products/store/products'\n\nconst router = useRouter()\nconst productsState = ref([]) // Инициализируем как пустой массив\nconst isLoading = ref(true)\nconst selectedIndex = ref(0)\nconst scrollSnaps = ref([])\n\n// Конфигурация автоплея\nconst autoplayOptions = {\n  delay: 2000,\n  jump: false,\n  stopOnInteraction: false,\n  stopOnMouseEnter: false,\n  stopOnFocusIn: true,\n  stopOnLastSnap: false,\n  rootNode: (emblaRoot) => emblaRoot.parentElement\n}\n\n// Инициализация карусели\nconst [emblaNode, emblaApi] = emblaCarouselVue(\n  { loop: true }, \n  [Autoplay(autoplayOptions)]\n)\n\n// Методы управления каруселью\nconst scrollTo = (index) => emblaApi.value?.scrollTo(index)\nconst onInit = () => {\n  if (emblaApi.value) {\n    scrollSnaps.value = emblaApi.value.scrollSnapList()\n  }\n}\nconst onSelect = () => {\n  if (emblaApi.value) {\n    selectedIndex.value = emblaApi.value.selectedScrollSnap()\n  }\n}\n\n// Обработчик клика по продукту\nconst handleProductClick = (product) => {\n  if (product?._id && product?.owner?.target) {\n    router.push({\n      name: 'Organization_Product', \n      params: { \n        _id: product.owner.target, \n        product: product._id \n      } \n    })\n  }\n}\n\n// Загрузка данных\nconst loadProducts = async () => {\n  try {\n    isLoading.value = true\n    const response = await products.actions.read({\n      limit: 10, \n      organization: '657e7134efb8110c51b8b713'\n    })\n    productsState.value = Array.isArray(response) ? response : []\n  } catch (error) {\n    console.error('Error loading products:', error)\n    productsState.value = []\n  } finally {\n    isLoading.value = false\n  }\n}\n\nonMounted(async () => {\n  // Загружаем данные\n  await loadProducts()\n  \n  // Инициализируем карусель\n  onInit()\n  onSelect()\n  \n  // Добавляем слушатели событий\n  if (emblaApi.value) {\n    emblaApi.value.on('reInit', onInit)\n    emblaApi.value.on('reInit', onSelect)\n    emblaApi.value.on('select', onSelect)\n  }\n})\n\n// Очистка слушателей при размонтировании\nonUnmounted(() => {\n  if (emblaApi.value) {\n    emblaApi.value.off('reInit', onInit)\n    emblaApi.value.off('reInit', onSelect)\n    emblaApi.value.off('select', onSelect)\n  }\n})\n</script>\n\n<style lang=\"scss\">\n.embla {\n  overflow: hidden;\n}\n.embla__container {\n  display: flex;\n}\n.embla__slide {\n  flex: 0 0 25%;\n  min-width: 0;\n}\n@media screen and (max-width: 1025px) {\n  .embla__slide {\n    flex: 0 0 75%;\n    min-width: 0;\n  }\n}\n</style>"],"names":["useRouter","ref","emblaCarouselVue","Autoplay","products.actions","onMounted","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;AA8CeA,cAAS,UAAA;AACxB,UAAM,gBAAgBC,IAAG,IAAC,EAAE;AAC5B,UAAM,YAAYA,IAAG,IAAC,IAAI;AAC1B,UAAM,gBAAgBA,IAAG,IAAC,CAAC;AAC3B,UAAM,cAAcA,IAAG,IAAC,CAAE,CAAA;AAG1B,UAAM,kBAAkB;AAAA,MACtB,OAAO;AAAA,MACP,MAAM;AAAA,MACN,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,MAClB,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,UAAU,CAAC,cAAc,UAAU;AAAA,IACrC;AAGA,UAAM,CAAC,WAAW,QAAQ,IAAIC,qBAAgB;AAAA,MAC5C,EAAE,MAAM,KAAM;AAAA,MACd,CAACC,0BAAAA,QAAS,eAAe,CAAC;AAAA,IAC5B;AAIA,UAAM,SAAS,MAAM;AACnB,UAAI,SAAS,OAAO;AAClB,oBAAY,QAAQ,SAAS,MAAM,eAAc;AAAA,MACrD;AAAA,IACA;AACA,UAAM,WAAW,MAAM;AACrB,UAAI,SAAS,OAAO;AAClB,sBAAc,QAAQ,SAAS,MAAM,mBAAkB;AAAA,MAC3D;AAAA,IACA;AAgBA,UAAM,eAAe,YAAY;AAC/B,UAAI;AACF,kBAAU,QAAQ;AAClB,cAAM,WAAW,MAAMC,SAAgB,QAAC,KAAK;AAAA,UAC3C,OAAO;AAAA,UACP,cAAc;AAAA,QACf,CAAA;AACD,sBAAc,QAAQ,MAAM,QAAQ,QAAQ,IAAI,WAAW,CAAA;AAAA,MAC5D,SAAQ,OAAO;AACd,gBAAQ,MAAM,2BAA2B,KAAK;AAC9C,sBAAc,QAAQ,CAAA;AAAA,MAC1B,UAAY;AACR,kBAAU,QAAQ;AAAA,MACtB;AAAA,IACA;AAEAC,QAAAA,UAAU,YAAY;AAEpB,YAAM,aAAY;AAGlB,aAAM;AACN,eAAQ;AAGR,UAAI,SAAS,OAAO;AAClB,iBAAS,MAAM,GAAG,UAAU,MAAM;AAClC,iBAAS,MAAM,GAAG,UAAU,QAAQ;AACpC,iBAAS,MAAM,GAAG,UAAU,QAAQ;AAAA,MACxC;AAAA,IACA,CAAC;AAGDC,QAAAA,YAAY,MAAM;AAChB,UAAI,SAAS,OAAO;AAClB,iBAAS,MAAM,IAAI,UAAU,MAAM;AACnC,iBAAS,MAAM,IAAI,UAAU,QAAQ;AACrC,iBAAS,MAAM,IAAI,UAAU,QAAQ;AAAA,MACzC;AAAA,IACA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PopularProducts.vue.cjs","sources":["../../../../../../../src/modules/products/components/sections/PopularProducts.vue"],"sourcesContent":["<template>\n  <div class=\"embla\" ref=\"emblaNode\">\n    <div class=\"embla__container\">\n      <div \n        class=\"embla__slide h-100 pos-relative pd-nano\" \n        v-for=\"(value, key) in productsState\" \n        :key=\"value?._id || key\"\n      >\n        <router-link  \n          :to=\"{ name: 'Organization_Product', params: { _id: value.owner.target, product: value._id  } }\"\n          class=\"h-100 pos-relative\"\n        >\n          <transition name=\"fade\" mode=\"out-in\" appear>\n            <div \n              v-if=\"isLoading || !value?.name\" \n              class=\"h-100 w-100 radius-medium flex-center bg-light\"\n            >\n              <Loader class=\"pos-relative\"/>\n            </div>\n            \n            <CardProduct  \n              v-else\n              :key=\"value._id\" \n              :product=\"value\"\n              class=\"h-max-40r h-100 bg-light\"\n            />\n          </transition>\n        </router-link>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, onUnmounted } from 'vue'\nimport { useRouter } from 'vue-router'\n    \nimport emblaCarouselVue from 'embla-carousel-vue'\nimport Autoplay from 'embla-carousel-autoplay'\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\nimport CardProduct from '@martyrs/src/modules/products/components/blocks/CardProduct.vue'\n\nimport * as products from '@martyrs/src/modules/products/store/products.js'\n\nconst router = useRouter()\nconst productsState = ref([]) // Инициализируем как пустой массив\nconst isLoading = ref(true)\nconst selectedIndex = ref(0)\nconst scrollSnaps = ref([])\n\n// Конфигурация автоплея\nconst autoplayOptions = {\n  delay: 2000,\n  jump: false,\n  stopOnInteraction: false,\n  stopOnMouseEnter: false,\n  stopOnFocusIn: true,\n  stopOnLastSnap: false,\n  rootNode: (emblaRoot) => emblaRoot.parentElement\n}\n\n// Инициализация карусели\nconst [emblaNode, emblaApi] = emblaCarouselVue(\n  { loop: true }, \n  [Autoplay(autoplayOptions)]\n)\n\n// Методы управления каруселью\nconst scrollTo = (index) => emblaApi.value?.scrollTo(index)\nconst onInit = () => {\n  if (emblaApi.value) {\n    scrollSnaps.value = emblaApi.value.scrollSnapList()\n  }\n}\nconst onSelect = () => {\n  if (emblaApi.value) {\n    selectedIndex.value = emblaApi.value.selectedScrollSnap()\n  }\n}\n\n// Обработчик клика по продукту\nconst handleProductClick = (product) => {\n  if (product?._id && product?.owner?.target) {\n    router.push({\n      name: 'Organization_Product', \n      params: { \n        _id: product.owner.target, \n        product: product._id \n      } \n    })\n  }\n}\n\n// Загрузка данных\nconst loadProducts = async () => {\n  try {\n    isLoading.value = true\n    const response = await products.actions.read({\n      limit: 10, \n      organization: '657e7134efb8110c51b8b713'\n    })\n    productsState.value = Array.isArray(response) ? response : []\n  } catch (error) {\n    console.error('Error loading products:', error)\n    productsState.value = []\n  } finally {\n    isLoading.value = false\n  }\n}\n\nonMounted(async () => {\n  // Загружаем данные\n  await loadProducts()\n  \n  // Инициализируем карусель\n  onInit()\n  onSelect()\n  \n  // Добавляем слушатели событий\n  if (emblaApi.value) {\n    emblaApi.value.on('reInit', onInit)\n    emblaApi.value.on('reInit', onSelect)\n    emblaApi.value.on('select', onSelect)\n  }\n})\n\n// Очистка слушателей при размонтировании\nonUnmounted(() => {\n  if (emblaApi.value) {\n    emblaApi.value.off('reInit', onInit)\n    emblaApi.value.off('reInit', onSelect)\n    emblaApi.value.off('select', onSelect)\n  }\n})\n</script>\n\n<style lang=\"scss\">\n.embla {\n  overflow: hidden;\n}\n.embla__container {\n  display: flex;\n}\n.embla__slide {\n  flex: 0 0 25%;\n  min-width: 0;\n}\n@media screen and (max-width: 1025px) {\n  .embla__slide {\n    flex: 0 0 75%;\n    min-width: 0;\n  }\n}\n</style>"],"names":["useRouter","ref","emblaCarouselVue","Autoplay","products.actions","onMounted","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;AA8CeA,cAAS,UAAA;AACxB,UAAM,gBAAgBC,IAAG,IAAC,EAAE;AAC5B,UAAM,YAAYA,IAAG,IAAC,IAAI;AAC1B,UAAM,gBAAgBA,IAAG,IAAC,CAAC;AAC3B,UAAM,cAAcA,IAAG,IAAC,CAAE,CAAA;AAG1B,UAAM,kBAAkB;AAAA,MACtB,OAAO;AAAA,MACP,MAAM;AAAA,MACN,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,MAClB,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,UAAU,CAAC,cAAc,UAAU;AAAA,IACrC;AAGA,UAAM,CAAC,WAAW,QAAQ,IAAIC,qBAAgB;AAAA,MAC5C,EAAE,MAAM,KAAM;AAAA,MACd,CAACC,0BAAAA,QAAS,eAAe,CAAC;AAAA,IAC5B;AAIA,UAAM,SAAS,MAAM;AACnB,UAAI,SAAS,OAAO;AAClB,oBAAY,QAAQ,SAAS,MAAM,eAAc;AAAA,MACrD;AAAA,IACA;AACA,UAAM,WAAW,MAAM;AACrB,UAAI,SAAS,OAAO;AAClB,sBAAc,QAAQ,SAAS,MAAM,mBAAkB;AAAA,MAC3D;AAAA,IACA;AAgBA,UAAM,eAAe,YAAY;AAC/B,UAAI;AACF,kBAAU,QAAQ;AAClB,cAAM,WAAW,MAAMC,SAAgB,QAAC,KAAK;AAAA,UAC3C,OAAO;AAAA,UACP,cAAc;AAAA,QACf,CAAA;AACD,sBAAc,QAAQ,MAAM,QAAQ,QAAQ,IAAI,WAAW,CAAA;AAAA,MAC5D,SAAQ,OAAO;AACd,gBAAQ,MAAM,2BAA2B,KAAK;AAC9C,sBAAc,QAAQ,CAAA;AAAA,MAC1B,UAAY;AACR,kBAAU,QAAQ;AAAA,MACtB;AAAA,IACA;AAEAC,QAAAA,UAAU,YAAY;AAEpB,YAAM,aAAY;AAGlB,aAAM;AACN,eAAQ;AAGR,UAAI,SAAS,OAAO;AAClB,iBAAS,MAAM,GAAG,UAAU,MAAM;AAClC,iBAAS,MAAM,GAAG,UAAU,QAAQ;AACpC,iBAAS,MAAM,GAAG,UAAU,QAAQ;AAAA,MACxC;AAAA,IACA,CAAC;AAGDC,QAAAA,YAAY,MAAM;AAChB,UAAI,SAAS,OAAO;AAClB,iBAAS,MAAM,IAAI,UAAU,MAAM;AACnC,iBAAS,MAAM,IAAI,UAAU,QAAQ;AACrC,iBAAS,MAAM,IAAI,UAAU,QAAQ;AAAA,MACzC;AAAA,IACA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/sections/PopularProducts.vue.js

@@ -2,14 +2,14 @@ import { ref, onMounted, onUnmounted, resolveComponent, createElementBlock, open
 import { useRouter } from "vue-router";
 import emblaCarouselVue from "../../../../../../node_modules/.pnpm/embla-carousel-vue@8.6.0_vue@3.5.13_typescript@5.8.3_/node_modules/embla-carousel-vue/esm/embla-carousel-vue.esm.js";
 import Autoplay from "../../../../../../node_modules/.pnpm/embla-carousel-autoplay@8.6.0_embla-carousel@8.6.0/node_modules/embla-carousel-autoplay/esm/embla-carousel-autoplay.esm.js";
-import Loader from "../../../../components/Loader/Loader.vue2.js";
+import Loader from "../../../../components/Loader/Loader.vue.js";
 import _sfc_main$1 from "../blocks/CardProduct.vue.js";
 import { actions } from "../../store/products.js";
 /* empty css                     */
 const _hoisted_1 = { class: "embla__container" };
 const _hoisted_2 = {
   key: 0,
-  class: "h-100 w-100 radius-big flex-center bg-light"
+  class: "h-100 w-100 radius-medium flex-center bg-light"
 };
 const _sfc_main = {
   __name: "PopularProducts",

package/dist/martyrs/src/modules/products/components/sections/PopularProducts.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopularProducts.vue.js","sources":["../../../../../../../src/modules/products/components/sections/PopularProducts.vue"],"sourcesContent":["<template>\n  <div class=\"embla\" ref=\"emblaNode\">\n    <div class=\"embla__container\">\n      <div \n        class=\"embla__slide h-100 pos-relative pd-nano\" \n        v-for=\"(value, key) in productsState\" \n        :key=\"value?._id || key\"\n      >\n        <router-link  \n          :to=\"{ name: 'Organization_Product', params: { _id: value.owner.target, product: value._id  } }\"\n          class=\"h-100 pos-relative\"\n        >\n          <transition name=\"fade\" mode=\"out-in\" appear>\n            <div \n              v-if=\"isLoading || !value?.name\" \n              class=\"h-100 w-100 radius-big flex-center bg-light\"\n            >\n              <Loader class=\"pos-relative\"/>\n            </div>\n            \n            <CardProduct  \n              v-else\n              :key=\"value._id\" \n              :product=\"value\"\n              class=\"h-max-40r h-100 bg-light\"\n            />\n          </transition>\n        </router-link>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, onUnmounted } from 'vue'\nimport { useRouter } from 'vue-router'\n    \nimport emblaCarouselVue from 'embla-carousel-vue'\nimport Autoplay from 'embla-carousel-autoplay'\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\nimport CardProduct from '@martyrs/src/modules/products/components/blocks/CardProduct.vue'\n\nimport * as products from '@martyrs/src/modules/products/store/products'\n\nconst router = useRouter()\nconst productsState = ref([]) // Инициализируем как пустой массив\nconst isLoading = ref(true)\nconst selectedIndex = ref(0)\nconst scrollSnaps = ref([])\n\n// Конфигурация автоплея\nconst autoplayOptions = {\n  delay: 2000,\n  jump: false,\n  stopOnInteraction: false,\n  stopOnMouseEnter: false,\n  stopOnFocusIn: true,\n  stopOnLastSnap: false,\n  rootNode: (emblaRoot) => emblaRoot.parentElement\n}\n\n// Инициализация карусели\nconst [emblaNode, emblaApi] = emblaCarouselVue(\n  { loop: true }, \n  [Autoplay(autoplayOptions)]\n)\n\n// Методы управления каруселью\nconst scrollTo = (index) => emblaApi.value?.scrollTo(index)\nconst onInit = () => {\n  if (emblaApi.value) {\n    scrollSnaps.value = emblaApi.value.scrollSnapList()\n  }\n}\nconst onSelect = () => {\n  if (emblaApi.value) {\n    selectedIndex.value = emblaApi.value.selectedScrollSnap()\n  }\n}\n\n// Обработчик клика по продукту\nconst handleProductClick = (product) => {\n  if (product?._id && product?.owner?.target) {\n    router.push({\n      name: 'Organization_Product', \n      params: { \n        _id: product.owner.target, \n        product: product._id \n      } \n    })\n  }\n}\n\n// Загрузка данных\nconst loadProducts = async () => {\n  try {\n    isLoading.value = true\n    const response = await products.actions.read({\n      limit: 10, \n      organization: '657e7134efb8110c51b8b713'\n    })\n    productsState.value = Array.isArray(response) ? response : []\n  } catch (error) {\n    console.error('Error loading products:', error)\n    productsState.value = []\n  } finally {\n    isLoading.value = false\n  }\n}\n\nonMounted(async () => {\n  // Загружаем данные\n  await loadProducts()\n  \n  // Инициализируем карусель\n  onInit()\n  onSelect()\n  \n  // Добавляем слушатели событий\n  if (emblaApi.value) {\n    emblaApi.value.on('reInit', onInit)\n    emblaApi.value.on('reInit', onSelect)\n    emblaApi.value.on('select', onSelect)\n  }\n})\n\n// Очистка слушателей при размонтировании\nonUnmounted(() => {\n  if (emblaApi.value) {\n    emblaApi.value.off('reInit', onInit)\n    emblaApi.value.off('reInit', onSelect)\n    emblaApi.value.off('select', onSelect)\n  }\n})\n</script>\n\n<style lang=\"scss\">\n.embla {\n  overflow: hidden;\n}\n.embla__container {\n  display: flex;\n}\n.embla__slide {\n  flex: 0 0 25%;\n  min-width: 0;\n}\n@media screen and (max-width: 1025px) {\n  .embla__slide {\n    flex: 0 0 75%;\n    min-width: 0;\n  }\n}\n</style>"],"names":["products.actions"],"mappings":";;;;;;;;;;;;;;;;AA8Ce,cAAS;AACxB,UAAM,gBAAgB,IAAI,EAAE;AAC5B,UAAM,YAAY,IAAI,IAAI;AAC1B,UAAM,gBAAgB,IAAI,CAAC;AAC3B,UAAM,cAAc,IAAI,CAAE,CAAA;AAG1B,UAAM,kBAAkB;AAAA,MACtB,OAAO;AAAA,MACP,MAAM;AAAA,MACN,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,MAClB,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,UAAU,CAAC,cAAc,UAAU;AAAA,IACrC;AAGA,UAAM,CAAC,WAAW,QAAQ,IAAI;AAAA,MAC5B,EAAE,MAAM,KAAM;AAAA,MACd,CAAC,SAAS,eAAe,CAAC;AAAA,IAC5B;AAIA,UAAM,SAAS,MAAM;AACnB,UAAI,SAAS,OAAO;AAClB,oBAAY,QAAQ,SAAS,MAAM,eAAc;AAAA,MACrD;AAAA,IACA;AACA,UAAM,WAAW,MAAM;AACrB,UAAI,SAAS,OAAO;AAClB,sBAAc,QAAQ,SAAS,MAAM,mBAAkB;AAAA,MAC3D;AAAA,IACA;AAgBA,UAAM,eAAe,YAAY;AAC/B,UAAI;AACF,kBAAU,QAAQ;AAClB,cAAM,WAAW,MAAMA,QAAiB,KAAK;AAAA,UAC3C,OAAO;AAAA,UACP,cAAc;AAAA,QACf,CAAA;AACD,sBAAc,QAAQ,MAAM,QAAQ,QAAQ,IAAI,WAAW,CAAA;AAAA,MAC5D,SAAQ,OAAO;AACd,gBAAQ,MAAM,2BAA2B,KAAK;AAC9C,sBAAc,QAAQ,CAAA;AAAA,MAC1B,UAAY;AACR,kBAAU,QAAQ;AAAA,MACtB;AAAA,IACA;AAEA,cAAU,YAAY;AAEpB,YAAM,aAAY;AAGlB,aAAM;AACN,eAAQ;AAGR,UAAI,SAAS,OAAO;AAClB,iBAAS,MAAM,GAAG,UAAU,MAAM;AAClC,iBAAS,MAAM,GAAG,UAAU,QAAQ;AACpC,iBAAS,MAAM,GAAG,UAAU,QAAQ;AAAA,MACxC;AAAA,IACA,CAAC;AAGD,gBAAY,MAAM;AAChB,UAAI,SAAS,OAAO;AAClB,iBAAS,MAAM,IAAI,UAAU,MAAM;AACnC,iBAAS,MAAM,IAAI,UAAU,QAAQ;AACrC,iBAAS,MAAM,IAAI,UAAU,QAAQ;AAAA,MACzC;AAAA,IACA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PopularProducts.vue.js","sources":["../../../../../../../src/modules/products/components/sections/PopularProducts.vue"],"sourcesContent":["<template>\n  <div class=\"embla\" ref=\"emblaNode\">\n    <div class=\"embla__container\">\n      <div \n        class=\"embla__slide h-100 pos-relative pd-nano\" \n        v-for=\"(value, key) in productsState\" \n        :key=\"value?._id || key\"\n      >\n        <router-link  \n          :to=\"{ name: 'Organization_Product', params: { _id: value.owner.target, product: value._id  } }\"\n          class=\"h-100 pos-relative\"\n        >\n          <transition name=\"fade\" mode=\"out-in\" appear>\n            <div \n              v-if=\"isLoading || !value?.name\" \n              class=\"h-100 w-100 radius-medium flex-center bg-light\"\n            >\n              <Loader class=\"pos-relative\"/>\n            </div>\n            \n            <CardProduct  \n              v-else\n              :key=\"value._id\" \n              :product=\"value\"\n              class=\"h-max-40r h-100 bg-light\"\n            />\n          </transition>\n        </router-link>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, onUnmounted } from 'vue'\nimport { useRouter } from 'vue-router'\n    \nimport emblaCarouselVue from 'embla-carousel-vue'\nimport Autoplay from 'embla-carousel-autoplay'\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\nimport CardProduct from '@martyrs/src/modules/products/components/blocks/CardProduct.vue'\n\nimport * as products from '@martyrs/src/modules/products/store/products.js'\n\nconst router = useRouter()\nconst productsState = ref([]) // Инициализируем как пустой массив\nconst isLoading = ref(true)\nconst selectedIndex = ref(0)\nconst scrollSnaps = ref([])\n\n// Конфигурация автоплея\nconst autoplayOptions = {\n  delay: 2000,\n  jump: false,\n  stopOnInteraction: false,\n  stopOnMouseEnter: false,\n  stopOnFocusIn: true,\n  stopOnLastSnap: false,\n  rootNode: (emblaRoot) => emblaRoot.parentElement\n}\n\n// Инициализация карусели\nconst [emblaNode, emblaApi] = emblaCarouselVue(\n  { loop: true }, \n  [Autoplay(autoplayOptions)]\n)\n\n// Методы управления каруселью\nconst scrollTo = (index) => emblaApi.value?.scrollTo(index)\nconst onInit = () => {\n  if (emblaApi.value) {\n    scrollSnaps.value = emblaApi.value.scrollSnapList()\n  }\n}\nconst onSelect = () => {\n  if (emblaApi.value) {\n    selectedIndex.value = emblaApi.value.selectedScrollSnap()\n  }\n}\n\n// Обработчик клика по продукту\nconst handleProductClick = (product) => {\n  if (product?._id && product?.owner?.target) {\n    router.push({\n      name: 'Organization_Product', \n      params: { \n        _id: product.owner.target, \n        product: product._id \n      } \n    })\n  }\n}\n\n// Загрузка данных\nconst loadProducts = async () => {\n  try {\n    isLoading.value = true\n    const response = await products.actions.read({\n      limit: 10, \n      organization: '657e7134efb8110c51b8b713'\n    })\n    productsState.value = Array.isArray(response) ? response : []\n  } catch (error) {\n    console.error('Error loading products:', error)\n    productsState.value = []\n  } finally {\n    isLoading.value = false\n  }\n}\n\nonMounted(async () => {\n  // Загружаем данные\n  await loadProducts()\n  \n  // Инициализируем карусель\n  onInit()\n  onSelect()\n  \n  // Добавляем слушатели событий\n  if (emblaApi.value) {\n    emblaApi.value.on('reInit', onInit)\n    emblaApi.value.on('reInit', onSelect)\n    emblaApi.value.on('select', onSelect)\n  }\n})\n\n// Очистка слушателей при размонтировании\nonUnmounted(() => {\n  if (emblaApi.value) {\n    emblaApi.value.off('reInit', onInit)\n    emblaApi.value.off('reInit', onSelect)\n    emblaApi.value.off('select', onSelect)\n  }\n})\n</script>\n\n<style lang=\"scss\">\n.embla {\n  overflow: hidden;\n}\n.embla__container {\n  display: flex;\n}\n.embla__slide {\n  flex: 0 0 25%;\n  min-width: 0;\n}\n@media screen and (max-width: 1025px) {\n  .embla__slide {\n    flex: 0 0 75%;\n    min-width: 0;\n  }\n}\n</style>"],"names":["products.actions"],"mappings":";;;;;;;;;;;;;;;;AA8Ce,cAAS;AACxB,UAAM,gBAAgB,IAAI,EAAE;AAC5B,UAAM,YAAY,IAAI,IAAI;AAC1B,UAAM,gBAAgB,IAAI,CAAC;AAC3B,UAAM,cAAc,IAAI,CAAE,CAAA;AAG1B,UAAM,kBAAkB;AAAA,MACtB,OAAO;AAAA,MACP,MAAM;AAAA,MACN,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,MAClB,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,UAAU,CAAC,cAAc,UAAU;AAAA,IACrC;AAGA,UAAM,CAAC,WAAW,QAAQ,IAAI;AAAA,MAC5B,EAAE,MAAM,KAAM;AAAA,MACd,CAAC,SAAS,eAAe,CAAC;AAAA,IAC5B;AAIA,UAAM,SAAS,MAAM;AACnB,UAAI,SAAS,OAAO;AAClB,oBAAY,QAAQ,SAAS,MAAM,eAAc;AAAA,MACrD;AAAA,IACA;AACA,UAAM,WAAW,MAAM;AACrB,UAAI,SAAS,OAAO;AAClB,sBAAc,QAAQ,SAAS,MAAM,mBAAkB;AAAA,MAC3D;AAAA,IACA;AAgBA,UAAM,eAAe,YAAY;AAC/B,UAAI;AACF,kBAAU,QAAQ;AAClB,cAAM,WAAW,MAAMA,QAAiB,KAAK;AAAA,UAC3C,OAAO;AAAA,UACP,cAAc;AAAA,QACf,CAAA;AACD,sBAAc,QAAQ,MAAM,QAAQ,QAAQ,IAAI,WAAW,CAAA;AAAA,MAC5D,SAAQ,OAAO;AACd,gBAAQ,MAAM,2BAA2B,KAAK;AAC9C,sBAAc,QAAQ,CAAA;AAAA,MAC1B,UAAY;AACR,kBAAU,QAAQ;AAAA,MACtB;AAAA,IACA;AAEA,cAAU,YAAY;AAEpB,YAAM,aAAY;AAGlB,aAAM;AACN,eAAQ;AAGR,UAAI,SAAS,OAAO;AAClB,iBAAS,MAAM,GAAG,UAAU,MAAM;AAClC,iBAAS,MAAM,GAAG,UAAU,QAAQ;AACpC,iBAAS,MAAM,GAAG,UAAU,QAAQ;AAAA,MACxC;AAAA,IACA,CAAC;AAGD,gBAAY,MAAM;AAChB,UAAI,SAAS,OAAO;AAClB,iBAAS,MAAM,IAAI,UAAU,MAAM;AACnC,iBAAS,MAAM,IAAI,UAAU,QAAQ;AACrC,iBAAS,MAAM,IAAI,UAAU,QAAQ;AAAA,MACzC;AAAA,IACA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/sections/ProductConfigurator.vue.cjs

@@ -0,0 +1,134 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueI18n = require("vue-i18n");
+const IconShopcartAdd = require("../../../icons/actions/IconShopcartAdd.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
+const ProductVariants = require("../blocks/ProductVariants.vue.cjs");
+const ProductDiscounts = require("../blocks/ProductDiscounts.vue.cjs");
+const QuantitySelector = require("../elements/QuantitySelector.vue.cjs");
+const _hoisted_1 = {
+  key: 0,
+  class: "w-100"
+};
+const _hoisted_2 = { class: "w-100 mn-b-medium" };
+const _hoisted_3 = { class: "flex flex-nowrap flex-v-center mn-b-thin" };
+const _hoisted_4 = {
+  key: 0,
+  class: "t-small t-transp mn-l-thin"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "mn-b-medium"
+};
+const _hoisted_6 = { class: "w-100 mn-b-small" };
+const _hoisted_7 = { class: "gap-micro flex flex-center flex-nowrap" };
+const _hoisted_8 = { class: "t-nowrap" };
+const _hoisted_9 = {
+  key: 1,
+  class: "flex-center flex uppercase radius-big t-black w-100 pd-medium t-medium bg-grey h-3r"
+};
+const _hoisted_10 = { key: 0 };
+const _hoisted_11 = { key: 1 };
+const _sfc_main = {
+  __name: "ProductConfigurator",
+  props: {
+    productVariants: { type: Array, default: () => [] },
+    productId: { type: String, required: true },
+    productName: { type: String, required: true },
+    discounts: { type: Array, default: () => [] },
+    regularPrice: { type: String, required: true }
+  },
+  emits: ["variant-selected", "add-to-cart", "update-images"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { t } = vueI18n.useI18n({ messages: { en: { addtoorder: "Add to Cart" }, ru: { addtoorder: "Добавить в корзину" } } });
+    const selectedVariant = vue.ref(null);
+    const quantity = vue.ref(1);
+    const isVariantAvailable = vue.computed(
+      () => selectedVariant.value ? selectedVariant.value.available : props.productVariants.length === 1 ? props.productVariants[0].available : false
+    );
+    const maxQuantity = vue.computed(
+      () => selectedVariant.value ? selectedVariant.value.available : props.productVariants.length === 1 ? props.productVariants[0].available || 1 : 1
+    );
+    function handleVariantSelected(variant) {
+      selectedVariant.value = variant;
+      if (quantity.value > variant.available) quantity.value = variant.available;
+      emits("variant-selected", variant);
+    }
+    function handleDiscountSelected(discount) {
+      if (discount.quantity && discount.quantity > quantity.value) {
+        quantity.value = discount.quantity;
+      }
+    }
+    function addVariantToCart() {
+      const variant = selectedVariant.value || (props.productVariants.length === 1 ? props.productVariants[0] : null);
+      if (!variant || !variant.available || quantity.value > variant.available) return false;
+      emits("add-to-cart", {
+        _id: props.productId,
+        variantId: variant._id,
+        sku: variant.sku,
+        name: props.productName,
+        price: variant.price,
+        quantity: quantity.value,
+        attributes: variant.attributes || []
+      });
+      return true;
+    }
+    return (_ctx, _cache) => {
+      var _a;
+      return ((_a = __props.productVariants) == null ? void 0 : _a.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(ProductVariants.default, {
+          productVariants: __props.productVariants,
+          productId: __props.productId,
+          productName: __props.productName,
+          onVariantSelected: handleVariantSelected,
+          onUpdateImages: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update-images", $event))
+        }, null, 8, ["productVariants", "productId", "productName"]),
+        vue.createVNode(ProductDiscounts.default, {
+          discounts: __props.discounts,
+          regularPrice: __props.regularPrice,
+          selectedVariant: selectedVariant.value,
+          productVariants: __props.productVariants,
+          onSelectDiscount: handleDiscountSelected
+        }, null, 8, ["discounts", "regularPrice", "selectedVariant", "productVariants"]),
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            _cache[2] || (_cache[2] = vue.createElementVNode("p", { class: "t-medium" }, "Quantity", -1)),
+            selectedVariant.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, " (Max: " + vue.toDisplayString(maxQuantity.value) + ") ", 1)) : vue.createCommentVNode("", true)
+          ]),
+          vue.createVNode(QuantitySelector.default, {
+            modelValue: quantity.value,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => quantity.value = $event),
+            maxValue: maxQuantity.value
+          }, null, 8, ["modelValue", "maxValue"])
+        ]),
+        selectedVariant.value && !selectedVariant.value.available ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, _cache[3] || (_cache[3] = [
+          vue.createElementVNode("div", { class: "flex flex-nowrap gap-small pd-small bg-error-light radius-small t-error" }, [
+            vue.createElementVNode("span", null, "Out of stock")
+          ], -1)
+        ]))) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_6, [
+          isVariantAvailable.value ? (vue.openBlock(), vue.createBlock(Button.default, {
+            key: 0,
+            submit: addVariantToCart,
+            class: "cursor-pointer pd-medium radius-big w-100 bg-main button h-3r"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("div", _hoisted_7, [
+                vue.createVNode(IconShopcartAdd.default, { class: "i-semi" }),
+                vue.createElementVNode("span", _hoisted_8, vue.toDisplayString(vue.unref(t)("addtoorder")), 1)
+              ])
+            ]),
+            _: 1
+          })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
+            !selectedVariant.value && __props.productVariants.length > 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_10, "Select variant")) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_11, "Out of Stock"))
+          ]))
+        ])
+      ])) : vue.createCommentVNode("", true);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=ProductConfigurator.vue.cjs.map

package/dist/martyrs/src/modules/products/components/sections/ProductConfigurator.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductConfigurator.vue.cjs","sources":["../../../../../../../src/modules/products/components/sections/ProductConfigurator.vue"],"sourcesContent":["<template>\n  <div v-if=\"productVariants?.length\" class=\"w-100\">\n    <!-- Variants Selection Component -->\n    <ProductVariants\n      :productVariants=\"productVariants\"\n      :productId=\"productId\"\n      :productName=\"productName\"\n      @variant-selected=\"handleVariantSelected\"\n      @update-images=\"$emit('update-images', $event)\"\n    />\n    \n    <!-- Discounts Component -->\n    <ProductDiscounts\n      :discounts=\"discounts\"\n      :regularPrice=\"regularPrice\"\n      :selectedVariant=\"selectedVariant\"\n      :productVariants=\"productVariants\"\n      @select-discount=\"handleDiscountSelected\"\n    />\n    \n    <!-- Quantity Selection -->\n    <div class=\"w-100 mn-b-medium\">\n      <div class=\"flex flex-nowrap flex-v-center mn-b-thin\">\n        <p class=\"t-medium\">Quantity</p>\n        <span v-if=\"selectedVariant\" class=\"t-small t-transp mn-l-thin\">\n          (Max: {{ maxQuantity }})\n        </span>\n      </div>\n      \n      <QuantitySelector v-model=\"quantity\" :maxValue=\"maxQuantity\" />\n    </div>\n\n    <!-- Out of stock notice -->\n    <div v-if=\"selectedVariant && !selectedVariant.available\" class=\"mn-b-medium\">\n      <div class=\"flex flex-nowrap gap-small pd-small bg-error-light radius-small t-error\">\n        <span>Out of stock</span>\n      </div>\n    </div>\n\n    <!-- Add to cart button -->\n    <div class=\"w-100 mn-b-small\">\n      <Button\n        v-if=\"isVariantAvailable\"\n        :submit=\"addVariantToCart\"\n        class=\"cursor-pointer pd-medium radius-big w-100 bg-main button h-3r\"\n      >\n        <div class=\"gap-micro flex flex-center flex-nowrap\">\n          <IconShopcartAdd class=\"i-semi\"/>\n          <span class=\"t-nowrap\">{{ t('addtoorder') }}</span>\n        </div>\n      </Button>\n\n      <div\n        v-else\n        class=\"flex-center flex uppercase radius-big t-black w-100 pd-medium t-medium bg-grey h-3r\"\n      >\n        <span v-if=\"!selectedVariant && productVariants.length > 1\">Select variant</span>\n        <span v-else>Out of Stock</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\n\nimport ProductVariants from '../blocks/ProductVariants.vue';\nimport ProductDiscounts from '../blocks/ProductDiscounts.vue';\nimport QuantitySelector from '../elements/QuantitySelector.vue';\n\nconst props = defineProps({\n  productVariants: { type: Array, default: () => [] },\n  productId: { type: String, required: true },\n  productName: { type: String, required: true },\n  discounts: { type: Array, default: () => [] },\n  regularPrice: { type: String, required: true }\n});\n\nconst emits = defineEmits(['variant-selected', 'add-to-cart', 'update-images']);\nconst { t } = useI18n({ messages: { en: { addtoorder: 'Add to Cart' }, ru: { addtoorder: 'Добавить в корзину' } } });\n\nconst selectedVariant = ref(null);\nconst quantity = ref(1);\n\n// Computed properties\nconst isVariantAvailable = computed(() => \n  selectedVariant.value ? selectedVariant.value.available :\n  props.productVariants.length === 1 ? props.productVariants[0].available : false\n);\n\nconst maxQuantity = computed(() => \n  selectedVariant.value ? selectedVariant.value.available : \n  props.productVariants.length === 1 ? props.productVariants[0].available || 1 : 1\n);\n\n// Methods\nfunction handleVariantSelected(variant) {\n  selectedVariant.value = variant;\n  if (quantity.value > variant.available) quantity.value = variant.available;\n  emits('variant-selected', variant);\n}\n\nfunction handleDiscountSelected(discount) {\n  // Update quantity based on discount requirements\n  if (discount.quantity && discount.quantity > quantity.value) {\n    quantity.value = discount.quantity;\n  }\n}\n\nfunction addVariantToCart() {\n  const variant = selectedVariant.value || \n    (props.productVariants.length === 1 ? props.productVariants[0] : null);\n  \n  if (!variant || !variant.available || quantity.value > variant.available) return false;\n  \n  emits('add-to-cart', {\n    _id: props.productId,\n    variantId: variant._id,\n    sku: variant.sku,\n    name: props.productName,\n    price: variant.price,\n    quantity: quantity.value,\n    attributes: variant.attributes || []\n  });\n  \n  return true;\n}\n</script>"],"names":["useI18n","ref","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyEA,UAAM,QAAQ;AAQd,UAAM,QAAQ;AACd,UAAM,EAAE,EAAC,IAAKA,QAAAA,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,cAAa,GAAI,IAAI,EAAE,YAAY,qBAAoB,EAAI,EAAA,CAAE;AAEnH,UAAM,kBAAkBC,IAAG,IAAC,IAAI;AAChC,UAAM,WAAWA,IAAG,IAAC,CAAC;AAGtB,UAAM,qBAAqBC,IAAAA;AAAAA,MAAS,MAClC,gBAAgB,QAAQ,gBAAgB,MAAM,YAC9C,MAAM,gBAAgB,WAAW,IAAI,MAAM,gBAAgB,CAAC,EAAE,YAAY;AAAA,IAC5E;AAEA,UAAM,cAAcA,IAAAA;AAAAA,MAAS,MAC3B,gBAAgB,QAAQ,gBAAgB,MAAM,YAC9C,MAAM,gBAAgB,WAAW,IAAI,MAAM,gBAAgB,CAAC,EAAE,aAAa,IAAI;AAAA,IACjF;AAGA,aAAS,sBAAsB,SAAS;AACtC,sBAAgB,QAAQ;AACxB,UAAI,SAAS,QAAQ,QAAQ,UAAW,UAAS,QAAQ,QAAQ;AACjE,YAAM,oBAAoB,OAAO;AAAA,IACnC;AAEA,aAAS,uBAAuB,UAAU;AAExC,UAAI,SAAS,YAAY,SAAS,WAAW,SAAS,OAAO;AAC3D,iBAAS,QAAQ,SAAS;AAAA,MAC9B;AAAA,IACA;AAEA,aAAS,mBAAmB;AAC1B,YAAM,UAAU,gBAAgB,UAC7B,MAAM,gBAAgB,WAAW,IAAI,MAAM,gBAAgB,CAAC,IAAI;AAEnE,UAAI,CAAC,WAAW,CAAC,QAAQ,aAAa,SAAS,QAAQ,QAAQ,UAAW,QAAO;AAEjF,YAAM,eAAe;AAAA,QACnB,KAAK,MAAM;AAAA,QACX,WAAW,QAAQ;AAAA,QACnB,KAAK,QAAQ;AAAA,QACb,MAAM,MAAM;AAAA,QACZ,OAAO,QAAQ;AAAA,QACf,UAAU,SAAS;AAAA,QACnB,YAAY,QAAQ,cAAc,CAAA;AAAA,MACtC,CAAG;AAED,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/sections/ProductConfigurator.vue.js

@@ -0,0 +1,134 @@
+import { ref, computed, createElementBlock, createCommentVNode, openBlock, createVNode, createElementVNode, toDisplayString, createBlock, withCtx, unref } from "vue";
+import { useI18n } from "vue-i18n";
+import _sfc_main$4 from "../../../icons/actions/IconShopcartAdd.vue.js";
+import _sfc_main$3 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../blocks/ProductVariants.vue.js";
+import ProductDiscounts from "../blocks/ProductDiscounts.vue.js";
+import _sfc_main$2 from "../elements/QuantitySelector.vue.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "w-100"
+};
+const _hoisted_2 = { class: "w-100 mn-b-medium" };
+const _hoisted_3 = { class: "flex flex-nowrap flex-v-center mn-b-thin" };
+const _hoisted_4 = {
+  key: 0,
+  class: "t-small t-transp mn-l-thin"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "mn-b-medium"
+};
+const _hoisted_6 = { class: "w-100 mn-b-small" };
+const _hoisted_7 = { class: "gap-micro flex flex-center flex-nowrap" };
+const _hoisted_8 = { class: "t-nowrap" };
+const _hoisted_9 = {
+  key: 1,
+  class: "flex-center flex uppercase radius-big t-black w-100 pd-medium t-medium bg-grey h-3r"
+};
+const _hoisted_10 = { key: 0 };
+const _hoisted_11 = { key: 1 };
+const _sfc_main = {
+  __name: "ProductConfigurator",
+  props: {
+    productVariants: { type: Array, default: () => [] },
+    productId: { type: String, required: true },
+    productName: { type: String, required: true },
+    discounts: { type: Array, default: () => [] },
+    regularPrice: { type: String, required: true }
+  },
+  emits: ["variant-selected", "add-to-cart", "update-images"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { t } = useI18n({ messages: { en: { addtoorder: "Add to Cart" }, ru: { addtoorder: "Добавить в корзину" } } });
+    const selectedVariant = ref(null);
+    const quantity = ref(1);
+    const isVariantAvailable = computed(
+      () => selectedVariant.value ? selectedVariant.value.available : props.productVariants.length === 1 ? props.productVariants[0].available : false
+    );
+    const maxQuantity = computed(
+      () => selectedVariant.value ? selectedVariant.value.available : props.productVariants.length === 1 ? props.productVariants[0].available || 1 : 1
+    );
+    function handleVariantSelected(variant) {
+      selectedVariant.value = variant;
+      if (quantity.value > variant.available) quantity.value = variant.available;
+      emits("variant-selected", variant);
+    }
+    function handleDiscountSelected(discount) {
+      if (discount.quantity && discount.quantity > quantity.value) {
+        quantity.value = discount.quantity;
+      }
+    }
+    function addVariantToCart() {
+      const variant = selectedVariant.value || (props.productVariants.length === 1 ? props.productVariants[0] : null);
+      if (!variant || !variant.available || quantity.value > variant.available) return false;
+      emits("add-to-cart", {
+        _id: props.productId,
+        variantId: variant._id,
+        sku: variant.sku,
+        name: props.productName,
+        price: variant.price,
+        quantity: quantity.value,
+        attributes: variant.attributes || []
+      });
+      return true;
+    }
+    return (_ctx, _cache) => {
+      var _a;
+      return ((_a = __props.productVariants) == null ? void 0 : _a.length) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, {
+          productVariants: __props.productVariants,
+          productId: __props.productId,
+          productName: __props.productName,
+          onVariantSelected: handleVariantSelected,
+          onUpdateImages: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update-images", $event))
+        }, null, 8, ["productVariants", "productId", "productName"]),
+        createVNode(ProductDiscounts, {
+          discounts: __props.discounts,
+          regularPrice: __props.regularPrice,
+          selectedVariant: selectedVariant.value,
+          productVariants: __props.productVariants,
+          onSelectDiscount: handleDiscountSelected
+        }, null, 8, ["discounts", "regularPrice", "selectedVariant", "productVariants"]),
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            _cache[2] || (_cache[2] = createElementVNode("p", { class: "t-medium" }, "Quantity", -1)),
+            selectedVariant.value ? (openBlock(), createElementBlock("span", _hoisted_4, " (Max: " + toDisplayString(maxQuantity.value) + ") ", 1)) : createCommentVNode("", true)
+          ]),
+          createVNode(_sfc_main$2, {
+            modelValue: quantity.value,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => quantity.value = $event),
+            maxValue: maxQuantity.value
+          }, null, 8, ["modelValue", "maxValue"])
+        ]),
+        selectedVariant.value && !selectedVariant.value.available ? (openBlock(), createElementBlock("div", _hoisted_5, _cache[3] || (_cache[3] = [
+          createElementVNode("div", { class: "flex flex-nowrap gap-small pd-small bg-error-light radius-small t-error" }, [
+            createElementVNode("span", null, "Out of stock")
+          ], -1)
+        ]))) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_6, [
+          isVariantAvailable.value ? (openBlock(), createBlock(_sfc_main$3, {
+            key: 0,
+            submit: addVariantToCart,
+            class: "cursor-pointer pd-medium radius-big w-100 bg-main button h-3r"
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_7, [
+                createVNode(_sfc_main$4, { class: "i-semi" }),
+                createElementVNode("span", _hoisted_8, toDisplayString(unref(t)("addtoorder")), 1)
+              ])
+            ]),
+            _: 1
+          })) : (openBlock(), createElementBlock("div", _hoisted_9, [
+            !selectedVariant.value && __props.productVariants.length > 1 ? (openBlock(), createElementBlock("span", _hoisted_10, "Select variant")) : (openBlock(), createElementBlock("span", _hoisted_11, "Out of Stock"))
+          ]))
+        ])
+      ])) : createCommentVNode("", true);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ProductConfigurator.vue.js.map

package/dist/martyrs/src/modules/products/components/sections/ProductConfigurator.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductConfigurator.vue.js","sources":["../../../../../../../src/modules/products/components/sections/ProductConfigurator.vue"],"sourcesContent":["<template>\n  <div v-if=\"productVariants?.length\" class=\"w-100\">\n    <!-- Variants Selection Component -->\n    <ProductVariants\n      :productVariants=\"productVariants\"\n      :productId=\"productId\"\n      :productName=\"productName\"\n      @variant-selected=\"handleVariantSelected\"\n      @update-images=\"$emit('update-images', $event)\"\n    />\n    \n    <!-- Discounts Component -->\n    <ProductDiscounts\n      :discounts=\"discounts\"\n      :regularPrice=\"regularPrice\"\n      :selectedVariant=\"selectedVariant\"\n      :productVariants=\"productVariants\"\n      @select-discount=\"handleDiscountSelected\"\n    />\n    \n    <!-- Quantity Selection -->\n    <div class=\"w-100 mn-b-medium\">\n      <div class=\"flex flex-nowrap flex-v-center mn-b-thin\">\n        <p class=\"t-medium\">Quantity</p>\n        <span v-if=\"selectedVariant\" class=\"t-small t-transp mn-l-thin\">\n          (Max: {{ maxQuantity }})\n        </span>\n      </div>\n      \n      <QuantitySelector v-model=\"quantity\" :maxValue=\"maxQuantity\" />\n    </div>\n\n    <!-- Out of stock notice -->\n    <div v-if=\"selectedVariant && !selectedVariant.available\" class=\"mn-b-medium\">\n      <div class=\"flex flex-nowrap gap-small pd-small bg-error-light radius-small t-error\">\n        <span>Out of stock</span>\n      </div>\n    </div>\n\n    <!-- Add to cart button -->\n    <div class=\"w-100 mn-b-small\">\n      <Button\n        v-if=\"isVariantAvailable\"\n        :submit=\"addVariantToCart\"\n        class=\"cursor-pointer pd-medium radius-big w-100 bg-main button h-3r\"\n      >\n        <div class=\"gap-micro flex flex-center flex-nowrap\">\n          <IconShopcartAdd class=\"i-semi\"/>\n          <span class=\"t-nowrap\">{{ t('addtoorder') }}</span>\n        </div>\n      </Button>\n\n      <div\n        v-else\n        class=\"flex-center flex uppercase radius-big t-black w-100 pd-medium t-medium bg-grey h-3r\"\n      >\n        <span v-if=\"!selectedVariant && productVariants.length > 1\">Select variant</span>\n        <span v-else>Out of Stock</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\n\nimport ProductVariants from '../blocks/ProductVariants.vue';\nimport ProductDiscounts from '../blocks/ProductDiscounts.vue';\nimport QuantitySelector from '../elements/QuantitySelector.vue';\n\nconst props = defineProps({\n  productVariants: { type: Array, default: () => [] },\n  productId: { type: String, required: true },\n  productName: { type: String, required: true },\n  discounts: { type: Array, default: () => [] },\n  regularPrice: { type: String, required: true }\n});\n\nconst emits = defineEmits(['variant-selected', 'add-to-cart', 'update-images']);\nconst { t } = useI18n({ messages: { en: { addtoorder: 'Add to Cart' }, ru: { addtoorder: 'Добавить в корзину' } } });\n\nconst selectedVariant = ref(null);\nconst quantity = ref(1);\n\n// Computed properties\nconst isVariantAvailable = computed(() => \n  selectedVariant.value ? selectedVariant.value.available :\n  props.productVariants.length === 1 ? props.productVariants[0].available : false\n);\n\nconst maxQuantity = computed(() => \n  selectedVariant.value ? selectedVariant.value.available : \n  props.productVariants.length === 1 ? props.productVariants[0].available || 1 : 1\n);\n\n// Methods\nfunction handleVariantSelected(variant) {\n  selectedVariant.value = variant;\n  if (quantity.value > variant.available) quantity.value = variant.available;\n  emits('variant-selected', variant);\n}\n\nfunction handleDiscountSelected(discount) {\n  // Update quantity based on discount requirements\n  if (discount.quantity && discount.quantity > quantity.value) {\n    quantity.value = discount.quantity;\n  }\n}\n\nfunction addVariantToCart() {\n  const variant = selectedVariant.value || \n    (props.productVariants.length === 1 ? props.productVariants[0] : null);\n  \n  if (!variant || !variant.available || quantity.value > variant.available) return false;\n  \n  emits('add-to-cart', {\n    _id: props.productId,\n    variantId: variant._id,\n    sku: variant.sku,\n    name: props.productName,\n    price: variant.price,\n    quantity: quantity.value,\n    attributes: variant.attributes || []\n  });\n  \n  return true;\n}\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyEA,UAAM,QAAQ;AAQd,UAAM,QAAQ;AACd,UAAM,EAAE,EAAC,IAAK,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,cAAa,GAAI,IAAI,EAAE,YAAY,qBAAoB,EAAI,EAAA,CAAE;AAEnH,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,WAAW,IAAI,CAAC;AAGtB,UAAM,qBAAqB;AAAA,MAAS,MAClC,gBAAgB,QAAQ,gBAAgB,MAAM,YAC9C,MAAM,gBAAgB,WAAW,IAAI,MAAM,gBAAgB,CAAC,EAAE,YAAY;AAAA,IAC5E;AAEA,UAAM,cAAc;AAAA,MAAS,MAC3B,gBAAgB,QAAQ,gBAAgB,MAAM,YAC9C,MAAM,gBAAgB,WAAW,IAAI,MAAM,gBAAgB,CAAC,EAAE,aAAa,IAAI;AAAA,IACjF;AAGA,aAAS,sBAAsB,SAAS;AACtC,sBAAgB,QAAQ;AACxB,UAAI,SAAS,QAAQ,QAAQ,UAAW,UAAS,QAAQ,QAAQ;AACjE,YAAM,oBAAoB,OAAO;AAAA,IACnC;AAEA,aAAS,uBAAuB,UAAU;AAExC,UAAI,SAAS,YAAY,SAAS,WAAW,SAAS,OAAO;AAC3D,iBAAS,QAAQ,SAAS;AAAA,MAC9B;AAAA,IACA;AAEA,aAAS,mBAAmB;AAC1B,YAAM,UAAU,gBAAgB,UAC7B,MAAM,gBAAgB,WAAW,IAAI,MAAM,gBAAgB,CAAC,IAAI;AAEnE,UAAI,CAAC,WAAW,CAAC,QAAQ,aAAa,SAAS,QAAQ,QAAQ,UAAW,QAAO;AAEjF,YAAM,eAAe;AAAA,QACnB,KAAK,MAAM;AAAA,QACX,WAAW,QAAQ;AAAA,QACnB,KAAK,QAAQ;AAAA,QACb,MAAM,MAAM;AAAA,QACZ,OAAO,QAAQ;AAAA,QACf,UAAU,SAAS;AAAA,QACnB,YAAY,QAAQ,cAAc,CAAA;AAAA,MACtC,CAAG;AAED,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/sections/SectionProduct.vue.cjs

@@ -5,18 +5,18 @@ const Button = require("../../../../components/Button/Button.vue2.cjs");
 const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
 const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
 const PlaceholderImage = require("../../../icons/placeholders/PlaceholderImage.vue.cjs");
-const Images360 = require("../blocks/Images360.vue.cjs");
-const ImagesThumbnails = require("../blocks/ImagesThumbnails.vue.cjs");
+const Image360 = require("../elements/Image360.vue.cjs");
+const ProductImages = require("../blocks/ProductImages.vue.cjs");
 ;/* empty css                     */
 const Price = require("../elements/Price.vue.cjs");
 const vueRouter = require("vue-router");
 const vueI18n = require("vue-i18n");
 const shopcart = require("../../../orders/store/shopcart.cjs");
 const _hoisted_1 = { class: "cols-2-1_2 pd-small w-100 gap-thin" };
-const _hoisted_2 = { class: "pd-small bg-light radius-big flex-nowrap flex-column flex pos-relative" };
+const _hoisted_2 = { class: "pd-small bg-light radius-medium flex-nowrap flex-column flex pos-relative" };
 const _hoisted_3 = { class: "w-100 bg-light radius-semi o-hidden" };
 const _hoisted_4 = ["src"];
-const _hoisted_5 = { class: "radius-big pos-relative w-100 h-100 flex-column flex-justify flex col" };
+const _hoisted_5 = { class: "radius-medium pos-relative w-100 h-100 flex-column flex-justify flex col" };
 const _hoisted_6 = {
   key: 1,
   class: "t-main t-semi p-big"
@@ -43,7 +43,7 @@ const _hoisted_13 = {
   key: 1,
   class: "cols-2 w-100 bg-light radius-medium pd-medium gap-small"
 };
-const _hoisted_14 = { class: "w-100 pd-small radius-small bg-white product-information" };
+const _hoisted_14 = { class: "w-100 pd-small radius-small bg-white product-attributes" };
 const _hoisted_15 = { class: "t-demi" };
 const _hoisted_16 = {
   key: 4,
@@ -55,7 +55,7 @@ const _hoisted_17 = {
 };
 const _hoisted_18 = {
   key: 1,
-  class: "flex-center flex uppercase radius-big t-black w-max pd-small t-medium bg-grey h-3r w-100 mn-r-smallbutton"
+  class: "flex-center flex uppercase radius-medium t-black w-max pd-small t-medium bg-grey h-3r w-100 mn-r-smallbutton"
 };
 const _sfc_main = {
   __name: "SectionProduct",
@@ -124,7 +124,7 @@ const _sfc_main = {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("div", _hoisted_2, [
           vue.createElementVNode("div", _hoisted_3, [
-            __props.product && __props.product.image3d ? (vue.openBlock(), vue.createBlock(Images360.default, {
+            __props.product && __props.product.image3d ? (vue.openBlock(), vue.createBlock(Image360.default, {
               key: 0,
               class: "h-100 w-100",
               imagePath: `/assets/images/products/${__props.product.image3d}`,
@@ -143,7 +143,7 @@ const _sfc_main = {
               style: { "object-fit": "cover" }
             })) : vue.createCommentVNode("", true)
           ]),
-          images.value.length > 1 ? (vue.openBlock(), vue.createBlock(ImagesThumbnails.default, {
+          images.value.length > 1 ? (vue.openBlock(), vue.createBlock(ProductImages.default, {
             key: 0,
             images: images.value,
             class: "mn-t-thin"
@@ -184,13 +184,13 @@ const _sfc_main = {
             vue.createVNode(vue.Transition, { name: "slide-fade" }, {
               default: vue.withCtx(() => [
                 tabProduct.value === "description" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
-                  __props.product.description && !__props.product.localization < 1 && !__props.recommendation ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_11, vue.toDisplayString(__props.product.description), 1)) : vue.createCommentVNode("", true),
-                  __props.product.localization && __props.product.localization.length > 1 && !__props.recommendation ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_12, vue.toDisplayString(vue.unref(t)("description")), 1)) : vue.createCommentVNode("", true)
+                  __props.product.description && !__props.product.translations < 1 && !__props.recommendation ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_11, vue.toDisplayString(__props.product.description), 1)) : vue.createCommentVNode("", true),
+                  __props.product.translations && __props.product.translations.length > 1 && !__props.recommendation ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_12, vue.toDisplayString(vue.unref(t)("description")), 1)) : vue.createCommentVNode("", true)
                 ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, [
-                  __props.product.information.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(__props.product.information, (information) => {
+                  __props.product.attributes.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(__props.product.attributes, (attributes) => {
                     return vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
-                      vue.createElementVNode("p", _hoisted_15, vue.toDisplayString(information.name), 1),
-                      vue.createElementVNode("p", null, vue.toDisplayString(information.value), 1)
+                      vue.createElementVNode("p", _hoisted_15, vue.toDisplayString(attributes.name), 1),
+                      vue.createElementVNode("p", null, vue.toDisplayString(attributes.value), 1)
                     ]);
                   }), 256)) : vue.createCommentVNode("", true)
                 ]))