@ozdao/prometheus-framework 0.2.198 → 0.2.200

package/dist/prometheus-framework/src/modules/products/components/sections/PopularProducts.vue.js

@@ -1,23 +1,27 @@
-import { ref as r, onMounted as g, openBlock as o, createElementBlock as a, createElementVNode as i, unref as v, Fragment as k, renderList as y, createVNode as u, Transition as S, withCtx as I, createBlock as x } from "vue";
-import { useRouter as L } from "vue-router";
-import { useI18n as O } from "vue-i18n";
-import N from "../../../../../../node_modules/embla-carousel-vue/esm/embla-carousel-vue.esm.js";
-import w from "../../../../../../node_modules/embla-carousel-autoplay/esm/embla-carousel-autoplay.esm.js";
-import B from "../../../../components/Loader/Loader.vue2.js";
-import C from "../blocks/CardProduct.vue.js";
-import { actions as E } from "../../store/products.js";
+import { ref, onMounted, openBlock, createElementBlock, createElementVNode, unref, Fragment, renderList, createVNode, Transition, withCtx, createBlock } from "vue";
+import { useRouter } from "vue-router";
+import { useI18n } from "vue-i18n";
+import emblaCarouselVue from "../../../../../../node_modules/embla-carousel-vue/esm/embla-carousel-vue.esm.js";
+import Autoplay from "../../../../../../node_modules/embla-carousel-autoplay/esm/embla-carousel-autoplay.esm.js";
+import Loader from "../../../../components/Loader/Loader.vue2.js";
+import _sfc_main$1 from "../blocks/CardProduct.vue.js";
+import { actions } from "../../store/products.js";
 /* empty css                     */
-const M = {
+const _hoisted_1 = {
   id: "popularProducts",
   class: "bg-light radius-big pd-t-big pd-b-big"
-}, P = ["innerHTML"], z = { class: "embla__container" }, T = {
+};
+const _hoisted_2 = ["innerHTML"];
+const _hoisted_3 = { class: "embla__container" };
+const _hoisted_4 = {
   key: 0,
   class: "h-100 w-100 radius-big flex-center bg-light"
-}, Q = {
+};
+const _sfc_main = {
   __name: "PopularProducts",
-  setup(V) {
-    L();
-    const p = {
+  setup(__props) {
+    useRouter();
+    const text = {
       messages: {
         en: {
           title: "<b>Best Sellers 🔥</b>",
@@ -28,64 +32,83 @@ const M = {
           subtitle: "Мы придаем большое значение высокому качеству товаров и удовлетворенности клиентов"
         }
       }
-    }, { t: m } = O(p), l = r(10), d = r(0), _ = r([]), b = {
+    };
+    const { t } = useI18n(text);
+    const productsState = ref(10);
+    const selectedIndex = ref(0);
+    const scrollSnaps = ref([]);
+    const autoplayOptions = {
       delay: 2e3,
-      jump: !1,
-      stopOnInteraction: !1,
-      stopOnMouseEnter: !1,
-      stopOnFocusIn: !0,
-      stopOnLastSnap: !1,
-      rootNode: (t) => t.parentElement
-    }, [f, e] = N({ loop: !0 }, [w(b)]), c = (t) => _.value = e.value.scrollSnapList(), s = (t) => d.value = e.value.selectedScrollSnap();
-    return g(async () => {
-      l.value = await E.read({
+      jump: false,
+      stopOnInteraction: false,
+      stopOnMouseEnter: false,
+      stopOnFocusIn: true,
+      stopOnLastSnap: false,
+      rootNode: (emblaRoot) => emblaRoot.parentElement
+    };
+    const [emblaNode, emblaApi] = emblaCarouselVue({ loop: true }, [Autoplay(autoplayOptions)]);
+    const onInit = (embla) => scrollSnaps.value = emblaApi.value.scrollSnapList();
+    const onSelect = (embla) => selectedIndex.value = emblaApi.value.selectedScrollSnap();
+    onMounted(async () => {
+      productsState.value = await actions.read({
         limit: 10,
         organization: "657e7134efb8110c51b8b713"
-      }), c(), s(), e.value.on("reInit", c), e.value.on("reInit", s), e.value.on("select", s);
-    }), (t, $) => (o(), a("div", M, [
-      i("h2", {
-        class: "mn-b-semi t-center",
-        innerHTML: v(m)("title")
-      }, null, 8, P),
-      i("div", {
-        class: "embla",
-        ref_key: "emblaNode",
-        ref: f
-      }, [
-        i("div", z, [
-          (o(!0), a(k, null, y(l.value, (n, h, A) => (o(), a("div", {
-            class: "embla__slide pd-nano",
-            key: h
-          }, [
-            u(S, {
-              name: "fade",
-              mode: "out-in",
-              appear: ""
-            }, {
-              default: I(() => [
-                n.name ? (o(), x(C, {
-                  key: 1,
-                  onClick: (F) => t.$router.push({
-                    name: "Product Organization",
-                    params: {
-                      _id: n.organization,
-                      product: n._id
-                    }
-                  }),
-                  product: n,
-                  class: "cursor-pointer transition-ease-in hover-scale-0 h-100 w-100"
-                }, null, 8, ["onClick", "product"])) : (o(), a("div", T, [
-                  u(B, { class: "pos-relative" })
-                ]))
-              ]),
-              _: 2
-            }, 1024)
-          ]))), 128))
-        ])
-      ], 512)
-    ]));
+      });
+      onInit();
+      onSelect();
+      emblaApi.value.on("reInit", onInit);
+      emblaApi.value.on("reInit", onSelect);
+      emblaApi.value.on("select", onSelect);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("h2", {
+          class: "mn-b-semi t-center",
+          innerHTML: unref(t)("title")
+        }, null, 8, _hoisted_2),
+        createElementVNode("div", {
+          class: "embla",
+          ref_key: "emblaNode",
+          ref: emblaNode
+        }, [
+          createElementVNode("div", _hoisted_3, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(productsState.value, (value, key, index) => {
+              return openBlock(), createElementBlock("div", {
+                class: "embla__slide pd-nano",
+                key
+              }, [
+                createVNode(Transition, {
+                  name: "fade",
+                  mode: "out-in",
+                  appear: ""
+                }, {
+                  default: withCtx(() => [
+                    !value.name ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                      createVNode(Loader, { class: "pos-relative" })
+                    ])) : (openBlock(), createBlock(_sfc_main$1, {
+                      key: 1,
+                      onClick: ($event) => _ctx.$router.push({
+                        name: "Product Organization",
+                        params: {
+                          _id: value.organization,
+                          product: value._id
+                        }
+                      }),
+                      product: value,
+                      class: "cursor-pointer transition-ease-in hover-scale-0 h-100 w-100"
+                    }, null, 8, ["onClick", "product"]))
+                  ]),
+                  _: 2
+                }, 1024)
+              ]);
+            }), 128))
+          ])
+        ], 512)
+      ]);
+    };
   }
 };
 export {
-  Q as default
+  _sfc_main as default
 };
+//# sourceMappingURL=PopularProducts.vue.js.map

package/dist/prometheus-framework/src/modules/products/components/sections/PopularProducts.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopularProducts.vue.js","sources":["../../../../../../../src/modules/products/components/sections/PopularProducts.vue"],"sourcesContent":["<template>\n\t<div id=\"popularProducts\" class=\"bg-light radius-big pd-t-big pd-b-big\">\n\n\t\t<h2 class=\"mn-b-semi t-center \" v-html=\"t('title')\"/>\n\t\t\n\t\t<div class=\"embla\" ref=\"emblaNode\">\n\t\t \t<div class=\"embla__container\">\n\t\t   \n\t\t    <div class=\"embla__slide pd-nano\" v-for=\"(value, key, index) in productsState\" :key=\"key\">\n\t\t    \t<transition name=\"fade\" mode=\"out-in\" appear>\n\t\t\t\t\t\t<div \n\t\t\t\t\t\t\tv-if=\"!value.name\" \n\t\t\t\t\t\t\tclass=\"h-100 w-100 radius-big flex-center bg-light\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Loader class=\"pos-relative\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<CardProduct \n\t\t\t\t\t\t\tv-else \n\t\t\t\t\t\t\t@click=\"$router.push({\n\t\t\t          name: 'Product Organization', \n\t\t\t          params: { \n\t\t\t            _id: value.organization, \n\t\t\t            product: value._id \n\t\t\t          } \n\t\t\t        })\" \n\t\t\t\t\t\t\t:product=\"value\"\n\t\t\t\t\t\t\tclass=\"cursor-pointer transition-ease-in hover-scale-0 h-100 w-100\" \n\t\t\t\t\t\t/>\n\t\t\t\t\t</transition>\n\t\t    </div>\n\n    \t</div>\n\t\t</div>\n\t</div>\n</template>\n\n\n<script setup scoped>\n\timport { ref, computed, onMounted } from 'vue'\n\n\timport { useRouter } \tfrom 'vue-router'\n\timport { useI18n } \t\tfrom 'vue-i18n'\n\t\t\n\timport emblaCarouselVue from 'embla-carousel-vue'; // Assuming a Vue version exists\n\timport Autoplay from 'embla-carousel-autoplay'\n\n\timport Loader from '@pf/src/components/Loader/Loader.vue'\n\timport CardProduct from '@pf/src/modules/products/components/blocks/CardProduct.vue'\n\n\timport * as products from '@pf/src/modules/products/store/products';\n\t\n\tconst router = useRouter()\n\n \tconst text = {\n    messages: {\n      en: {\n      \ttitle: '<b>Best Sellers 🔥</b>',\n      \tsubtitle: 'We attach great importance to high quality and customer satisfaction'\n      },\n      ru: {\n      \ttitle: 'Самое Горячее 🔥',\n      \tsubtitle: 'Мы придаем большое значение высокому качеству товаров и удовлетворенности клиентов'\n      }\n    }\n  }\n\n\tconst { t } = useI18n(text)\n\n\tconst productsState = ref(10)\n\tconst selectedIndex = ref(0);\n\tconst scrollSnaps = ref([]);\n\n\tconst autoplayOptions = {\n\t  delay: 2000,\n\t  jump: false,\n\t  stopOnInteraction: false,\n\t  stopOnMouseEnter: false,\n\t  stopOnFocusIn: true,\n\t  stopOnLastSnap: false,\n\t  rootNode: (emblaRoot) => emblaRoot.parentElement\n\t}\n\n\tconst [emblaNode, emblaApi] = emblaCarouselVue({ loop: true }, [Autoplay(autoplayOptions)])\n\n\tconst scrollTo = (index) => emblaApi.value && emblaApi.value.scrollTo(index);\n\tconst onInit = (embla) =>  scrollSnaps.value = emblaApi.value.scrollSnapList();\n\tconst onSelect = (embla) => selectedIndex.value = emblaApi.value.selectedScrollSnap();\n\n\tonMounted(async() => {\n\t\tproductsState.value = await products.actions.read({\n\t\t\tlimit: 10, \n\t\t\torganization: '657e7134efb8110c51b8b713'\n\t\t})\n\n\t  onInit(emblaApi);\n\t  onSelect(emblaApi);\n\n\t  emblaApi.value.on('reInit', onInit);\n\t  emblaApi.value.on('reInit', onSelect);\n\t  emblaApi.value.on('select', onSelect);\n\t});\n</script>\n\n<style lang=\"scss\">\n\t.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\n  @media screen and (max-width: 1025px) {\n    .embla__slide {\n\t    flex: 0 0 50%;\n\t    min-width: 0;\n\t  }\n  }\n</style>"],"names":["products.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAoDgB,cAAW;AAEzB,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACH,OAAO;AAAA,UACP,UAAU;AAAA,QACV;AAAA,QACD,IAAI;AAAA,UACH,OAAO;AAAA,UACP,UAAU;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAEF,UAAM,EAAE,EAAC,IAAK,QAAQ,IAAI;AAE1B,UAAM,gBAAgB,IAAI,EAAE;AAC5B,UAAM,gBAAgB,IAAI,CAAC;AAC3B,UAAM,cAAc,IAAI,CAAA,CAAE;AAE1B,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,IACpC;AAED,UAAM,CAAC,WAAW,QAAQ,IAAI,iBAAiB,EAAE,MAAM,QAAQ,CAAC,SAAS,eAAe,CAAC,CAAC;AAG1F,UAAM,SAAS,CAAC,UAAW,YAAY,QAAQ,SAAS,MAAM;AAC9D,UAAM,WAAW,CAAC,UAAU,cAAc,QAAQ,SAAS,MAAM;AAEjE,cAAU,YAAW;AACpB,oBAAc,QAAQ,MAAMA,QAAiB,KAAK;AAAA,QACjD,OAAO;AAAA,QACP,cAAc;AAAA,MACjB,CAAG;AAEA,aAAe;AACf,eAAiB;AAEjB,eAAS,MAAM,GAAG,UAAU,MAAM;AAClC,eAAS,MAAM,GAAG,UAAU,QAAQ;AACpC,eAAS,MAAM,GAAG,UAAU,QAAQ;AAAA,IACvC,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/sections/SectionProduct.vue.cjs

@@ -1 +1,157 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("../../../../components/Button/Button.vue2.cjs"),u=require("../../../icons/placeholders/PlaceholderImage.vue.cjs"),g=require("../blocks/Images360.vue.cjs"),h=require("../blocks/ImagesThumbnails.vue.cjs");;/* empty css                     */const k=require("../elements/Price.vue.cjs"),p=require("vue-i18n"),n=require("../../../orders/store/shopcart.cjs"),f={class:"cols-2-1_2 w-100 gap-thin"},b={class:"pd-small bg-light radius-big flex-nowrap flex-column flex pos-relative"},y={class:"w-100 bg-light radius-semi o-hidden"},B=["src"],v={class:"pd-big bg-light radius-big pos-relative w-100 h-100 flex-column flex-justify flex col"},V={key:0,class:"t-main t-semi p-big"},N={class:"w-100 h1-product mn-b-thin"},E={key:1,class:"mn-b-semi"},w={key:2,class:"w-100 mn-b-medium t-transp"},C={key:3,class:"w-100 mn-b-medium t-transp"},S={class:"cols-2 w-100 gap-small mn-b-semi"},q={class:"w-100 pd-small radius-small bg-grey-transp-10 product-information"},x={class:"t-demi"},z={class:"max-w-33rem mobile-w-100 t-white gap-small cols-2"},D={__name:"SectionProduct",props:{product:{type:Object,required:!0},user:{type:String},recommendation:{type:String}},setup(t){const i=t,a=e.computed(()=>i.product.images),s={messages:{en:{airecommend:"AI Recommends You",description:"",addtoorder:"Add to order",fastorder:"Fast Order"},ru:{airecommend:"AI Рекомендует вам",description:"",addtoorder:"Добавить в корзину",fastorder:"Быстрый заказ"}}},{t:c}=p.useI18n(s);function l(o){return!(o.quantity>0)}function d(o){n.state.organization!==o.organization&&(n.state.positions=[],n.state.organization=o.organization),n.actions.addProductToCart(o,o.organization)}return(o,I)=>(e.openBlock(),e.createElementBlock("div",f,[e.createElementVNode("div",b,[e.createElementVNode("div",y,[t.product&&t.product.image3d?(e.openBlock(),e.createBlock(g.default,{key:0,class:"h-100 w-100",imagePath:`/assets/images/products/${t.product.image3d}`,imageCount:36},null,8,["imagePath"])):e.createCommentVNode("",!0),a.value[0]&&!t.product.image3d?(e.openBlock(),e.createElementBlock("img",{key:1,class:"h-auto bg-light w-100",style:{"object-fit":"contain"},src:(o.FILE_SERVER_URL||"")+a.value[0]},null,8,B)):e.createCommentVNode("",!0),!a.value[0]&&!t.product.image3d?(e.openBlock(),e.createBlock(u.default,{key:2,class:"h-100 w-100",style:{"object-fit":"cover"}})):e.createCommentVNode("",!0)]),a.value.length>1?(e.openBlock(),e.createBlock(h.default,{key:0,images:a.value,class:"mn-t-thin"},null,8,["images"])):e.createCommentVNode("",!0)]),e.createElementVNode("div",v,[t.recommendation?(e.openBlock(),e.createElementBlock("h2",V,e.toDisplayString(e.unref(c)("airecommend")),1)):e.createCommentVNode("",!0),e.createElementVNode("h1",N,e.toDisplayString(t.product.name),1),e.createVNode(k.default,{product:t.product,size:"big",class:"mn-b-semi"},null,8,["product"]),t.recommendation?(e.openBlock(),e.createElementBlock("h3",E,e.toDisplayString(t.recommendation),1)):e.createCommentVNode("",!0),t.product.description&&!t.product.localization<1&&!t.recommendation?(e.openBlock(),e.createElementBlock("p",w,e.toDisplayString(t.product.description),1)):e.createCommentVNode("",!0),t.product.localization&&t.product.localization.length>1&&!t.recommendation?(e.openBlock(),e.createElementBlock("p",C,e.toDisplayString(e.unref(c)("description")),1)):e.createCommentVNode("",!0),e.createElementVNode("div",S,[t.product.information.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.product.information,r=>(e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("p",x,e.toDisplayString(r.name),1),e.createElementVNode("p",null,e.toDisplayString(r.value),1)]))),256)):e.createCommentVNode("",!0)]),e.createElementVNode("div",z,[e.createVNode(m.default,{submit:r=>d(t.product),disabled:l(t.product),text:{success:" ✔ Added",error:"error"},class:"h-3r w-100 mn-r-small bg-main button"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(c)("addtoorder")),1)]),_:1},8,["submit","disabled"])])])]))}};exports.default=D;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const PlaceholderImage = require("../../../icons/placeholders/PlaceholderImage.vue.cjs");
+const Images360 = require("../blocks/Images360.vue.cjs");
+const ImagesThumbnails = require("../blocks/ImagesThumbnails.vue.cjs");
+;/* empty css                     */
+const Price = require("../elements/Price.vue.cjs");
+const vueI18n = require("vue-i18n");
+const shopcart = require("../../../orders/store/shopcart.cjs");
+const _hoisted_1 = { class: "cols-2-1_2 w-100 gap-thin" };
+const _hoisted_2 = { class: "pd-small bg-light radius-big 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: "pd-big bg-light radius-big pos-relative w-100 h-100 flex-column flex-justify flex col" };
+const _hoisted_6 = {
+  key: 0,
+  class: "t-main t-semi p-big"
+};
+const _hoisted_7 = { class: "w-100 h1-product mn-b-thin" };
+const _hoisted_8 = {
+  key: 1,
+  class: "mn-b-semi"
+};
+const _hoisted_9 = {
+  key: 2,
+  class: "w-100 mn-b-medium t-transp"
+};
+const _hoisted_10 = {
+  key: 3,
+  class: "w-100 mn-b-medium t-transp"
+};
+const _hoisted_11 = { class: "cols-2 w-100 gap-small mn-b-semi" };
+const _hoisted_12 = { class: "w-100 pd-small radius-small bg-grey-transp-10 product-information" };
+const _hoisted_13 = { class: "t-demi" };
+const _hoisted_14 = { class: "max-w-33rem mobile-w-100 t-white gap-small cols-2" };
+const _sfc_main = {
+  __name: "SectionProduct",
+  props: {
+    product: {
+      type: Object,
+      required: true
+    },
+    user: {
+      type: String
+    },
+    recommendation: {
+      type: String
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const images = vue.computed(() => {
+      return props.product.images;
+    });
+    const text = {
+      messages: {
+        en: {
+          airecommend: "AI Recommends You",
+          description: "",
+          addtoorder: "Add to order",
+          fastorder: "Fast Order"
+        },
+        ru: {
+          airecommend: "AI Рекомендует вам",
+          description: "",
+          addtoorder: "Добавить в корзину",
+          fastorder: "Быстрый заказ"
+        }
+      }
+    };
+    const { t } = vueI18n.useI18n(text);
+    function validateToCard(product) {
+      if (product.quantity > 0) {
+        return false;
+      }
+      return true;
+    }
+    function addToCart(product) {
+      if (shopcart.state.organization !== product.organization) {
+        shopcart.state.positions = [];
+        shopcart.state.organization = product.organization;
+      }
+      shopcart.actions.addProductToCart(product, product.organization);
+    }
+    return (_ctx, _cache) => {
+      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, {
+              key: 0,
+              class: "h-100 w-100",
+              imagePath: `/assets/images/products/${__props.product.image3d}`,
+              imageCount: 36
+            }, null, 8, ["imagePath"])) : vue.createCommentVNode("", true),
+            images.value[0] && !__props.product.image3d ? (vue.openBlock(), vue.createElementBlock("img", {
+              key: 1,
+              loading: "lazy",
+              class: "h-auto bg-light w-100",
+              style: { "object-fit": "contain" },
+              src: (_ctx.FILE_SERVER_URL || "") + images.value[0]
+            }, null, 8, _hoisted_4)) : vue.createCommentVNode("", true),
+            !images.value[0] && !__props.product.image3d ? (vue.openBlock(), vue.createBlock(PlaceholderImage.default, {
+              key: 2,
+              class: "h-100 w-100",
+              style: { "object-fit": "cover" }
+            })) : vue.createCommentVNode("", true)
+          ]),
+          images.value.length > 1 ? (vue.openBlock(), vue.createBlock(ImagesThumbnails.default, {
+            key: 0,
+            images: images.value,
+            class: "mn-t-thin"
+          }, null, 8, ["images"])) : vue.createCommentVNode("", true)
+        ]),
+        vue.createElementVNode("div", _hoisted_5, [
+          __props.recommendation ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_6, vue.toDisplayString(vue.unref(t)("airecommend")), 1)) : vue.createCommentVNode("", true),
+          vue.createElementVNode("h1", _hoisted_7, vue.toDisplayString(__props.product.name), 1),
+          vue.createVNode(Price.default, {
+            product: __props.product,
+            size: "big",
+            class: "mn-b-semi"
+          }, null, 8, ["product"]),
+          __props.recommendation ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_8, vue.toDisplayString(__props.recommendation), 1)) : vue.createCommentVNode("", true),
+          __props.product.description && !__props.product.localization < 1 && !__props.recommendation ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_9, 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_10, vue.toDisplayString(vue.unref(t)("description")), 1)) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", _hoisted_11, [
+            __props.product.information.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(__props.product.information, (information) => {
+              return vue.openBlock(), vue.createElementBlock("div", _hoisted_12, [
+                vue.createElementVNode("p", _hoisted_13, vue.toDisplayString(information.name), 1),
+                vue.createElementVNode("p", null, vue.toDisplayString(information.value), 1)
+              ]);
+            }), 256)) : vue.createCommentVNode("", true)
+          ]),
+          vue.createElementVNode("div", _hoisted_14, [
+            vue.createVNode(Button.default, {
+              submit: (a) => addToCart(__props.product),
+              disabled: validateToCard(__props.product),
+              text: {
+                success: " ✔ Added",
+                error: "error"
+              },
+              class: "h-3r w-100 mn-r-small bg-main button"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(vue.toDisplayString(vue.unref(t)("addtoorder")), 1)
+              ]),
+              _: 1
+            }, 8, ["submit", "disabled"])
+          ])
+        ])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=SectionProduct.vue.cjs.map

package/dist/prometheus-framework/src/modules/products/components/sections/SectionProduct.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionProduct.vue.cjs","sources":["../../../../../../../src/modules/products/components/sections/SectionProduct.vue"],"sourcesContent":["<template>\n\t<div class=\"cols-2-1_2 w-100 gap-thin\">\n\t\t\n\t\t<div class=\"pd-small bg-light radius-big flex-nowrap flex-column flex pos-relative\">\n\t\t\t<div class=\"w-100 bg-light radius-semi o-hidden\">\n\t\t\t\t<!-- PRODUCT IMAGE -->\n\t\t\t\t<Images360\n\t\t\t\t\tv-if=\"product && product.image3d\"\n\t\t\t\t\tclass=\"h-100 w-100\"\n\t\t\t\t\t:imagePath=\"`/assets/images/products/${product.image3d}`\"\n\t\t\t\t\t:imageCount=\"36\"\n\t\t\t\t/>\n\n\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\tv-if=\"images[0] && !product.image3d\"\n\t\t\t\t\tclass=\"h-auto bg-light w-100\"\n\t\t\t\t\tstyle=\"object-fit: contain;\"\n\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + images[0]\"\n\t\t\t\t/>\n\n\t\t\t\t<PlaceholderImage\n\t\t\t\t\tv-if=\"!images[0] && !product.image3d\"\n\t\t\t\t\tclass=\"h-100 w-100\"\n\t\t\t\t\tstyle=\"object-fit: cover;\"\n\t\t\t\t/>\n\n\t\t\t</div>\n\n\t\t\t<ImagesThumbnails\n\t\t\t\tv-if=\"images.length > 1\"\n\t\t\t\t:images=\"images\"\n\t\t\t\tclass=\"mn-t-thin\"\n\t\t\t/>\n\t\t</div>\n\n\t\t<div class=\"pd-big bg-light radius-big pos-relative w-100 h-100 flex-column flex-justify flex col\">\n\n\t\t<!-- <IconEdit\n\t\t\t@click=\"$router.push({\n\t\t\t\tname: 'ProductEdit', \n\t\t\t\tparams: {\n\t\t\t\t\t_id: product.organization,\n\t\t\t\t\tproduct: product._id\n\t\t\t\t}\n\t\t\t})\" \n\t\t\tclass=\"pos-absolute pos-t-regular pos-r-regular i-regular t-transp\"\n\t\t/> -->\n\n\t\t\t<h2 v-if=\"recommendation\" class=\"t-main t-semi p-big\">{{t('airecommend')}}</h2>\n\t\t\t<!-- Name -->\n\t\t\t<h1 class=\"w-100 h1-product mn-b-thin\">{{ product.name }}</h1>\n\t\t\t<!-- Price -->\n\t\t\t<Price :product=\"product\" size=\"big\" class=\"mn-b-semi\" />\n\t\t\t<!-- Modifications -->\n\t\t\t<!-- <div v-if=\"product.modifications.length > 0\" class=\"flex-nojustify  flex\">\n\t\t\t\t<SelectElement v-if=\"sizes2.length > 0\" :elements=\"sizes2\" :selected=\"product.selectedSize\" class=\"mn-r-medium\" />\n\t\t\t</div> -->\n\t\t\t<!-- Description -->\n\t\t\t<h3 v-if=\"recommendation\" class=\"mn-b-semi\">\n\t\t\t\t{{ recommendation }}\n\t\t\t</h3>\n\n\n\t\t\t<p v-if=\"product.description && !product.localization < 1 && !recommendation\" class=\"w-100 mn-b-medium t-transp\">\n\t\t\t\t{{ product.description }}\n\t\t\t</p>\n\n\t\t\t<p v-if=\"product.localization && product.localization.length > 1 && !recommendation\" class=\"w-100  mn-b-medium t-transp\">\n\t\t\t\t{{ t('description') }}\n\t\t\t</p>\n\n\t\t\t<div \n\t\t\t\tclass=\"cols-2 w-100 gap-small mn-b-semi\"\n\t\t\t>\n\t\t\t\t<div \n\t\t\t\t\tv-if=\"product.information.length > 0\" \n\t\t\t\t\tv-for=\"information in product.information\" \n\t\t\t\t\tclass=\"w-100 pd-small radius-small bg-grey-transp-10 product-information\"\n\t\t\t\t>\n\t\t\t\t\t<p class=\"t-demi\">{{ information.name }}</p>\n\t\t\t\t\t<p>{{ information.value }}</p>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Actions -->\n\t\t\t<div class=\"max-w-33rem mobile-w-100 t-white gap-small cols-2\">\n\t\t\t\t<Button\n\t\t\t\t\t:submit=\"a => addToCart(product)\" \n\t\t\t\t\t:disabled=\"validateToCard(product)\" \n\t\t\t\t\t:text=\"{\n\t\t\t\t\t\tsuccess: ' ✔ Added',\n\t\t\t\t\t\terror: 'error'\n\t\t\t\t\t}\"\n\t\t\t\t\tclass=\"h-3r w-100 mn-r-small bg-main button\"\n\t\t\t\t> \n\t\t\t\t\t\t{{ t('addtoorder') }}\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\nimport Button \t\t\t\tfrom '@pf/src/components/Button/Button.vue'\nimport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\nimport PlaceholderImage from '@pf/src/modules/icons/placeholders/PlaceholderImage.vue'\n\nimport Images360 \tfrom '@pf/src/modules/products/components/blocks/Images360.vue'\nimport ImagesThumbnails from \"@pf/src/modules/products/components/blocks/ImagesThumbnails.vue\";\n\nimport THC from '@pf/src/modules/products/components/elements/THC.vue'\nimport Price from '@pf/src/modules/products/components/elements/Price.vue'\n// import SelectElement \tfrom '@/components/elements/SelectElement.vue'\n\nimport { computed } from 'vue'\nimport { useI18n }    from 'vue-i18n'\n\nimport * as shopcart from '@pf/src/modules/orders/store/shopcart';\n\n// Props\nconst props = defineProps({\n  product: {\n    type: Object,\n    required: true\n  },\n  user: {\n    type: String,\n  },\n  recommendation: {\n  \ttype: String\n  }\n})\n\n// Computed properties\nconst images = computed(() => {\n  return props.product.images\n})\n\nconst text = {\n\tmessages: {\n\t  en: {\n\t  \tairecommend: 'AI Recommends You',\n\t  \tdescription: '',\n\t  \taddtoorder: 'Add to order',\n\t    fastorder: 'Fast Order'\n\t  },\n\t  ru: {\n\t  \tairecommend: 'AI Рекомендует вам',\n\t  \tdescription: '',\n\t  \taddtoorder: 'Добавить в корзину',\n\t    fastorder: 'Быстрый заказ'\n\t  }\n\t}\n}\n\n// props.product.localization.forEach(localization => {\n\t// if (localization) text.messages[localization.locale].description = localization.text\n// })\n\n const { t } = useI18n(text)\n\n// Methods\nfunction validateToCard(product) {\n  if (product.quantity > 0) {\n    return false\n  }\n  return true\n}\n\nfunction addToCart(product) {\n\tif (shopcart.state.organization !== product.organization) {\n\t\tshopcart.state.positions = []\n\t\tshopcart.state.organization = product.organization\n\t}\n  shopcart.actions.addProductToCart(product, product.organization)\n}\n</script>\n"],"names":["computed","useI18n","shopcart.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwHA,UAAM,QAAQ;AAcd,UAAM,SAASA,IAAQ,SAAC,MAAM;AAC5B,aAAO,MAAM,QAAQ;AAAA,IACvB,CAAC;AAED,UAAM,OAAO;AAAA,MACZ,UAAU;AAAA,QACR,IAAI;AAAA,UACH,aAAa;AAAA,UACb,aAAa;AAAA,UACb,YAAY;AAAA,UACX,WAAW;AAAA,QACZ;AAAA,QACD,IAAI;AAAA,UACH,aAAa;AAAA,UACb,aAAa;AAAA,UACb,YAAY;AAAA,UACX,WAAW;AAAA,QACZ;AAAA,MACF;AAAA,IACF;AAMC,UAAM,EAAE,EAAC,IAAKC,QAAO,QAAC,IAAI;AAG3B,aAAS,eAAe,SAAS;AAC/B,UAAI,QAAQ,WAAW,GAAG;AACxB,eAAO;AAAA,MACR;AACD,aAAO;AAAA,IACT;AAEA,aAAS,UAAU,SAAS;AAC3B,UAAIC,eAAe,iBAAiB,QAAQ,cAAc;AACzDA,iBAAc,MAAC,YAAY,CAAE;AAC7BA,uBAAe,eAAe,QAAQ;AAAA,MACtC;AACAC,eAAAA,QAAiB,iBAAiB,SAAS,QAAQ,YAAY;AAAA,IACjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/sections/SectionProduct.vue.js

@@ -1,30 +1,44 @@
-import { computed as y, openBlock as e, createElementBlock as a, createElementVNode as s, createBlock as m, createCommentVNode as o, toDisplayString as r, unref as l, createVNode as g, Fragment as v, renderList as w, withCtx as k, createTextVNode as x } from "vue";
-import z from "../../../../components/Button/Button.vue2.js";
-import I from "../../../icons/placeholders/PlaceholderImage.vue.js";
-import C from "../blocks/Images360.vue.js";
-import E from "../blocks/ImagesThumbnails.vue.js";
+import { computed, openBlock, createElementBlock, createElementVNode, createBlock, createCommentVNode, toDisplayString, unref, createVNode, Fragment, renderList, withCtx, createTextVNode } from "vue";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
+import PlaceholderImage from "../../../icons/placeholders/PlaceholderImage.vue.js";
+import Images360 from "../blocks/Images360.vue.js";
+import ImagesThumbnails from "../blocks/ImagesThumbnails.vue.js";
 /* empty css                   */
-import P from "../elements/Price.vue.js";
-import { useI18n as S } from "vue-i18n";
-import { state as u, actions as T } from "../../../orders/store/shopcart.js";
-const V = { class: "cols-2-1_2 w-100 gap-thin" }, j = { class: "pd-small bg-light radius-big flex-nowrap flex-column flex pos-relative" }, A = { class: "w-100 bg-light radius-semi o-hidden" }, N = ["src"], R = { class: "pd-big bg-light radius-big pos-relative w-100 h-100 flex-column flex-justify flex col" }, B = {
+import _sfc_main$1 from "../elements/Price.vue.js";
+import { useI18n } from "vue-i18n";
+import { state, actions } from "../../../orders/store/shopcart.js";
+const _hoisted_1 = { class: "cols-2-1_2 w-100 gap-thin" };
+const _hoisted_2 = { class: "pd-small bg-light radius-big 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: "pd-big bg-light radius-big pos-relative w-100 h-100 flex-column flex-justify flex col" };
+const _hoisted_6 = {
   key: 0,
   class: "t-main t-semi p-big"
-}, F = { class: "w-100 h1-product mn-b-thin" }, L = {
+};
+const _hoisted_7 = { class: "w-100 h1-product mn-b-thin" };
+const _hoisted_8 = {
   key: 1,
   class: "mn-b-semi"
-}, $ = {
+};
+const _hoisted_9 = {
   key: 2,
   class: "w-100 mn-b-medium t-transp"
-}, q = {
+};
+const _hoisted_10 = {
   key: 3,
   class: "w-100 mn-b-medium t-transp"
-}, O = { class: "cols-2 w-100 gap-small mn-b-semi" }, D = { class: "w-100 pd-small radius-small bg-grey-transp-10 product-information" }, U = { class: "t-demi" }, Y = { class: "max-w-33rem mobile-w-100 t-white gap-small cols-2" }, tt = {
+};
+const _hoisted_11 = { class: "cols-2 w-100 gap-small mn-b-semi" };
+const _hoisted_12 = { class: "w-100 pd-small radius-small bg-grey-transp-10 product-information" };
+const _hoisted_13 = { class: "t-demi" };
+const _hoisted_14 = { class: "max-w-33rem mobile-w-100 t-white gap-small cols-2" };
+const _sfc_main = {
   __name: "SectionProduct",
   props: {
     product: {
       type: Object,
-      required: !0
+      required: true
     },
     user: {
       type: String
@@ -33,8 +47,12 @@ const V = { class: "cols-2-1_2 w-100 gap-thin" }, j = { class: "pd-small bg-ligh
       type: String
     }
   },
-  setup(t) {
-    const h = t, n = y(() => h.product.images), f = {
+  setup(__props) {
+    const props = __props;
+    const images = computed(() => {
+      return props.product.images;
+    });
+    const text = {
       messages: {
         en: {
           airecommend: "AI Recommends You",
@@ -49,77 +67,91 @@ const V = { class: "cols-2-1_2 w-100 gap-thin" }, j = { class: "pd-small bg-ligh
           fastorder: "Быстрый заказ"
         }
       }
-    }, { t: c } = S(f);
-    function b(i) {
-      return !(i.quantity > 0);
+    };
+    const { t } = useI18n(text);
+    function validateToCard(product) {
+      if (product.quantity > 0) {
+        return false;
+      }
+      return true;
     }
-    function p(i) {
-      u.organization !== i.organization && (u.positions = [], u.organization = i.organization), T.addProductToCart(i, i.organization);
+    function addToCart(product) {
+      if (state.organization !== product.organization) {
+        state.positions = [];
+        state.organization = product.organization;
+      }
+      actions.addProductToCart(product, product.organization);
     }
-    return (i, G) => (e(), a("div", V, [
-      s("div", j, [
-        s("div", A, [
-          t.product && t.product.image3d ? (e(), m(C, {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            __props.product && __props.product.image3d ? (openBlock(), createBlock(Images360, {
+              key: 0,
+              class: "h-100 w-100",
+              imagePath: `/assets/images/products/${__props.product.image3d}`,
+              imageCount: 36
+            }, null, 8, ["imagePath"])) : createCommentVNode("", true),
+            images.value[0] && !__props.product.image3d ? (openBlock(), createElementBlock("img", {
+              key: 1,
+              loading: "lazy",
+              class: "h-auto bg-light w-100",
+              style: { "object-fit": "contain" },
+              src: (_ctx.FILE_SERVER_URL || "") + images.value[0]
+            }, null, 8, _hoisted_4)) : createCommentVNode("", true),
+            !images.value[0] && !__props.product.image3d ? (openBlock(), createBlock(PlaceholderImage, {
+              key: 2,
+              class: "h-100 w-100",
+              style: { "object-fit": "cover" }
+            })) : createCommentVNode("", true)
+          ]),
+          images.value.length > 1 ? (openBlock(), createBlock(ImagesThumbnails, {
             key: 0,
-            class: "h-100 w-100",
-            imagePath: `/assets/images/products/${t.product.image3d}`,
-            imageCount: 36
-          }, null, 8, ["imagePath"])) : o("", !0),
-          n.value[0] && !t.product.image3d ? (e(), a("img", {
-            key: 1,
-            class: "h-auto bg-light w-100",
-            style: { "object-fit": "contain" },
-            src: (i.FILE_SERVER_URL || "") + n.value[0]
-          }, null, 8, N)) : o("", !0),
-          !n.value[0] && !t.product.image3d ? (e(), m(I, {
-            key: 2,
-            class: "h-100 w-100",
-            style: { "object-fit": "cover" }
-          })) : o("", !0)
-        ]),
-        n.value.length > 1 ? (e(), m(E, {
-          key: 0,
-          images: n.value,
-          class: "mn-t-thin"
-        }, null, 8, ["images"])) : o("", !0)
-      ]),
-      s("div", R, [
-        t.recommendation ? (e(), a("h2", B, r(l(c)("airecommend")), 1)) : o("", !0),
-        s("h1", F, r(t.product.name), 1),
-        g(P, {
-          product: t.product,
-          size: "big",
-          class: "mn-b-semi"
-        }, null, 8, ["product"]),
-        t.recommendation ? (e(), a("h3", L, r(t.recommendation), 1)) : o("", !0),
-        t.product.description && !t.product.localization < 1 && !t.recommendation ? (e(), a("p", $, r(t.product.description), 1)) : o("", !0),
-        t.product.localization && t.product.localization.length > 1 && !t.recommendation ? (e(), a("p", q, r(l(c)("description")), 1)) : o("", !0),
-        s("div", O, [
-          t.product.information.length > 0 ? (e(!0), a(v, { key: 0 }, w(t.product.information, (d) => (e(), a("div", D, [
-            s("p", U, r(d.name), 1),
-            s("p", null, r(d.value), 1)
-          ]))), 256)) : o("", !0)
+            images: images.value,
+            class: "mn-t-thin"
+          }, null, 8, ["images"])) : createCommentVNode("", true)
         ]),
-        s("div", Y, [
-          g(z, {
-            submit: (d) => p(t.product),
-            disabled: b(t.product),
-            text: {
-              success: " ✔ Added",
-              error: "error"
-            },
-            class: "h-3r w-100 mn-r-small bg-main button"
-          }, {
-            default: k(() => [
-              x(r(l(c)("addtoorder")), 1)
-            ]),
-            _: 1
-          }, 8, ["submit", "disabled"])
+        createElementVNode("div", _hoisted_5, [
+          __props.recommendation ? (openBlock(), createElementBlock("h2", _hoisted_6, toDisplayString(unref(t)("airecommend")), 1)) : createCommentVNode("", true),
+          createElementVNode("h1", _hoisted_7, toDisplayString(__props.product.name), 1),
+          createVNode(_sfc_main$1, {
+            product: __props.product,
+            size: "big",
+            class: "mn-b-semi"
+          }, null, 8, ["product"]),
+          __props.recommendation ? (openBlock(), createElementBlock("h3", _hoisted_8, toDisplayString(__props.recommendation), 1)) : createCommentVNode("", true),
+          __props.product.description && !__props.product.localization < 1 && !__props.recommendation ? (openBlock(), createElementBlock("p", _hoisted_9, toDisplayString(__props.product.description), 1)) : createCommentVNode("", true),
+          __props.product.localization && __props.product.localization.length > 1 && !__props.recommendation ? (openBlock(), createElementBlock("p", _hoisted_10, toDisplayString(unref(t)("description")), 1)) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_11, [
+            __props.product.information.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.product.information, (information) => {
+              return openBlock(), createElementBlock("div", _hoisted_12, [
+                createElementVNode("p", _hoisted_13, toDisplayString(information.name), 1),
+                createElementVNode("p", null, toDisplayString(information.value), 1)
+              ]);
+            }), 256)) : createCommentVNode("", true)
+          ]),
+          createElementVNode("div", _hoisted_14, [
+            createVNode(_sfc_main$2, {
+              submit: (a) => addToCart(__props.product),
+              disabled: validateToCard(__props.product),
+              text: {
+                success: " ✔ Added",
+                error: "error"
+              },
+              class: "h-3r w-100 mn-r-small bg-main button"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("addtoorder")), 1)
+              ]),
+              _: 1
+            }, 8, ["submit", "disabled"])
+          ])
         ])
-      ])
-    ]));
+      ]);
+    };
   }
 };
 export {
-  tt as default
+  _sfc_main as default
 };
+//# sourceMappingURL=SectionProduct.vue.js.map

package/dist/prometheus-framework/src/modules/products/components/sections/SectionProduct.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionProduct.vue.js","sources":["../../../../../../../src/modules/products/components/sections/SectionProduct.vue"],"sourcesContent":["<template>\n\t<div class=\"cols-2-1_2 w-100 gap-thin\">\n\t\t\n\t\t<div class=\"pd-small bg-light radius-big flex-nowrap flex-column flex pos-relative\">\n\t\t\t<div class=\"w-100 bg-light radius-semi o-hidden\">\n\t\t\t\t<!-- PRODUCT IMAGE -->\n\t\t\t\t<Images360\n\t\t\t\t\tv-if=\"product && product.image3d\"\n\t\t\t\t\tclass=\"h-100 w-100\"\n\t\t\t\t\t:imagePath=\"`/assets/images/products/${product.image3d}`\"\n\t\t\t\t\t:imageCount=\"36\"\n\t\t\t\t/>\n\n\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\tv-if=\"images[0] && !product.image3d\"\n\t\t\t\t\tclass=\"h-auto bg-light w-100\"\n\t\t\t\t\tstyle=\"object-fit: contain;\"\n\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + images[0]\"\n\t\t\t\t/>\n\n\t\t\t\t<PlaceholderImage\n\t\t\t\t\tv-if=\"!images[0] && !product.image3d\"\n\t\t\t\t\tclass=\"h-100 w-100\"\n\t\t\t\t\tstyle=\"object-fit: cover;\"\n\t\t\t\t/>\n\n\t\t\t</div>\n\n\t\t\t<ImagesThumbnails\n\t\t\t\tv-if=\"images.length > 1\"\n\t\t\t\t:images=\"images\"\n\t\t\t\tclass=\"mn-t-thin\"\n\t\t\t/>\n\t\t</div>\n\n\t\t<div class=\"pd-big bg-light radius-big pos-relative w-100 h-100 flex-column flex-justify flex col\">\n\n\t\t<!-- <IconEdit\n\t\t\t@click=\"$router.push({\n\t\t\t\tname: 'ProductEdit', \n\t\t\t\tparams: {\n\t\t\t\t\t_id: product.organization,\n\t\t\t\t\tproduct: product._id\n\t\t\t\t}\n\t\t\t})\" \n\t\t\tclass=\"pos-absolute pos-t-regular pos-r-regular i-regular t-transp\"\n\t\t/> -->\n\n\t\t\t<h2 v-if=\"recommendation\" class=\"t-main t-semi p-big\">{{t('airecommend')}}</h2>\n\t\t\t<!-- Name -->\n\t\t\t<h1 class=\"w-100 h1-product mn-b-thin\">{{ product.name }}</h1>\n\t\t\t<!-- Price -->\n\t\t\t<Price :product=\"product\" size=\"big\" class=\"mn-b-semi\" />\n\t\t\t<!-- Modifications -->\n\t\t\t<!-- <div v-if=\"product.modifications.length > 0\" class=\"flex-nojustify  flex\">\n\t\t\t\t<SelectElement v-if=\"sizes2.length > 0\" :elements=\"sizes2\" :selected=\"product.selectedSize\" class=\"mn-r-medium\" />\n\t\t\t</div> -->\n\t\t\t<!-- Description -->\n\t\t\t<h3 v-if=\"recommendation\" class=\"mn-b-semi\">\n\t\t\t\t{{ recommendation }}\n\t\t\t</h3>\n\n\n\t\t\t<p v-if=\"product.description && !product.localization < 1 && !recommendation\" class=\"w-100 mn-b-medium t-transp\">\n\t\t\t\t{{ product.description }}\n\t\t\t</p>\n\n\t\t\t<p v-if=\"product.localization && product.localization.length > 1 && !recommendation\" class=\"w-100  mn-b-medium t-transp\">\n\t\t\t\t{{ t('description') }}\n\t\t\t</p>\n\n\t\t\t<div \n\t\t\t\tclass=\"cols-2 w-100 gap-small mn-b-semi\"\n\t\t\t>\n\t\t\t\t<div \n\t\t\t\t\tv-if=\"product.information.length > 0\" \n\t\t\t\t\tv-for=\"information in product.information\" \n\t\t\t\t\tclass=\"w-100 pd-small radius-small bg-grey-transp-10 product-information\"\n\t\t\t\t>\n\t\t\t\t\t<p class=\"t-demi\">{{ information.name }}</p>\n\t\t\t\t\t<p>{{ information.value }}</p>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Actions -->\n\t\t\t<div class=\"max-w-33rem mobile-w-100 t-white gap-small cols-2\">\n\t\t\t\t<Button\n\t\t\t\t\t:submit=\"a => addToCart(product)\" \n\t\t\t\t\t:disabled=\"validateToCard(product)\" \n\t\t\t\t\t:text=\"{\n\t\t\t\t\t\tsuccess: ' ✔ Added',\n\t\t\t\t\t\terror: 'error'\n\t\t\t\t\t}\"\n\t\t\t\t\tclass=\"h-3r w-100 mn-r-small bg-main button\"\n\t\t\t\t> \n\t\t\t\t\t\t{{ t('addtoorder') }}\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\nimport Button \t\t\t\tfrom '@pf/src/components/Button/Button.vue'\nimport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\nimport PlaceholderImage from '@pf/src/modules/icons/placeholders/PlaceholderImage.vue'\n\nimport Images360 \tfrom '@pf/src/modules/products/components/blocks/Images360.vue'\nimport ImagesThumbnails from \"@pf/src/modules/products/components/blocks/ImagesThumbnails.vue\";\n\nimport THC from '@pf/src/modules/products/components/elements/THC.vue'\nimport Price from '@pf/src/modules/products/components/elements/Price.vue'\n// import SelectElement \tfrom '@/components/elements/SelectElement.vue'\n\nimport { computed } from 'vue'\nimport { useI18n }    from 'vue-i18n'\n\nimport * as shopcart from '@pf/src/modules/orders/store/shopcart';\n\n// Props\nconst props = defineProps({\n  product: {\n    type: Object,\n    required: true\n  },\n  user: {\n    type: String,\n  },\n  recommendation: {\n  \ttype: String\n  }\n})\n\n// Computed properties\nconst images = computed(() => {\n  return props.product.images\n})\n\nconst text = {\n\tmessages: {\n\t  en: {\n\t  \tairecommend: 'AI Recommends You',\n\t  \tdescription: '',\n\t  \taddtoorder: 'Add to order',\n\t    fastorder: 'Fast Order'\n\t  },\n\t  ru: {\n\t  \tairecommend: 'AI Рекомендует вам',\n\t  \tdescription: '',\n\t  \taddtoorder: 'Добавить в корзину',\n\t    fastorder: 'Быстрый заказ'\n\t  }\n\t}\n}\n\n// props.product.localization.forEach(localization => {\n\t// if (localization) text.messages[localization.locale].description = localization.text\n// })\n\n const { t } = useI18n(text)\n\n// Methods\nfunction validateToCard(product) {\n  if (product.quantity > 0) {\n    return false\n  }\n  return true\n}\n\nfunction addToCart(product) {\n\tif (shopcart.state.organization !== product.organization) {\n\t\tshopcart.state.positions = []\n\t\tshopcart.state.organization = product.organization\n\t}\n  shopcart.actions.addProductToCart(product, product.organization)\n}\n</script>\n"],"names":["shopcart.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwHA,UAAM,QAAQ;AAcd,UAAM,SAAS,SAAS,MAAM;AAC5B,aAAO,MAAM,QAAQ;AAAA,IACvB,CAAC;AAED,UAAM,OAAO;AAAA,MACZ,UAAU;AAAA,QACR,IAAI;AAAA,UACH,aAAa;AAAA,UACb,aAAa;AAAA,UACb,YAAY;AAAA,UACX,WAAW;AAAA,QACZ;AAAA,QACD,IAAI;AAAA,UACH,aAAa;AAAA,UACb,aAAa;AAAA,UACb,YAAY;AAAA,UACX,WAAW;AAAA,QACZ;AAAA,MACF;AAAA,IACF;AAMC,UAAM,EAAE,EAAC,IAAK,QAAQ,IAAI;AAG3B,aAAS,eAAe,SAAS;AAC/B,UAAI,QAAQ,WAAW,GAAG;AACxB,eAAO;AAAA,MACR;AACD,aAAO;AAAA,IACT;AAEA,aAAS,UAAU,SAAS;AAC3B,UAAIA,MAAe,iBAAiB,QAAQ,cAAc;AACzDA,cAAe,YAAY,CAAE;AAC7BA,cAAe,eAAe,QAAQ;AAAA,MACtC;AACAC,cAAiB,iBAAiB,SAAS,QAAQ,YAAY;AAAA,IACjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}