npm - @ozdao/prometheus-framework - Versions diffs - 0.2.312 → 0.2.313 - Mend

@ozdao/prometheus-framework 0.2.312 → 0.2.313

Files changed (119) hide show

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

@@ -1,5 +1,6 @@
-import { computed, openBlock, createElementBlock, createElementVNode, createBlock, createCommentVNode, toDisplayString, unref, createVNode, Fragment, renderList, withCtx, createTextVNode } from "vue";
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
+import { computed, ref, openBlock, createElementBlock, createElementVNode, createBlock, createCommentVNode, toDisplayString, unref, createVNode, Transition, withCtx, Fragment, renderList, createTextVNode } from "vue";
+import _sfc_main$3 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$2 from "../../../../components/Tab/Tab.vue2.js";
 import PlaceholderImage from "../../../icons/placeholders/PlaceholderImage.vue.js";
 import Images360 from "../blocks/Images360.vue.js";
 import ImagesThumbnails from "../blocks/ImagesThumbnails.vue.js";
@@ -7,33 +8,44 @@ import ImagesThumbnails from "../blocks/ImagesThumbnails.vue.js";
 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_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_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_5 = { class: "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_7 = { class: "w-100 h1-product mn-b-small" };
 const _hoisted_8 = {
-  key: 1,
-  class: "mn-b-semi"
-};
-const _hoisted_9 = {
   key: 2,
-  class: "w-100 mn-b-medium t-transp"
+  class: "mn-b-semi"
 };
+const _hoisted_9 = { class: "h-min-5r pos-relative" };
 const _hoisted_10 = {
+  key: 0,
+  class: "pd-medium radius-medium bg-light"
+};
+const _hoisted_11 = {
+  key: 0,
+  class: "w-100 t-transp"
+};
+const _hoisted_12 = {
+  key: 1,
+  class: "w-100 t-transp"
+};
+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_15 = { class: "t-demi" };
+const _hoisted_16 = {
   key: 3,
-  class: "w-100 mn-b-medium t-transp"
+  class: "max-w-33rem mobile-w-100 t-white gap-small cols-2"
 };
-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 _hoisted_15 = {
+const _hoisted_17 = {
   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"
 };
@@ -56,6 +68,7 @@ const _sfc_main = {
     const images = computed(() => {
       return props.product.images;
     });
+    const tabProduct = ref("description");
     const text = {
       messages: {
         en: {
@@ -118,24 +131,43 @@ const _sfc_main = {
         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, {
+          __props.product.listing !== "rent" ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 1,
             product: __props.product,
             size: "big",
             class: "mn-b-semi"
-          }, null, 8, ["product"]),
+          }, null, 8, ["product"])) : createCommentVNode("", true),
           __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)
+          createVNode(_sfc_main$2, {
+            selected: tabProduct.value,
+            "onUpdate:selected": _cache[0] || (_cache[0] = ($event) => tabProduct.value = $event),
+            tabs: [
+              { name: "Description", value: "description" },
+              { name: "Specifications", value: "specifications" }
+            ],
+            tabClass: "pd-small pd-r-medium pd-l-medium w-100 pd-small radius-small",
+            class: "bg-light mn-b-small"
+          }, null, 8, ["selected"]),
+          createElementVNode("div", _hoisted_9, [
+            createVNode(Transition, { name: "slide-fade" }, {
+              default: withCtx(() => [
+                tabProduct.value === "description" ? (openBlock(), createElementBlock("div", _hoisted_10, [
+                  __props.product.description && !__props.product.localization < 1 && !__props.recommendation ? (openBlock(), createElementBlock("p", _hoisted_11, toDisplayString(__props.product.description), 1)) : createCommentVNode("", true),
+                  __props.product.localization && __props.product.localization.length > 1 && !__props.recommendation ? (openBlock(), createElementBlock("p", _hoisted_12, toDisplayString(unref(t)("description")), 1)) : createCommentVNode("", true)
+                ])) : (openBlock(), createElementBlock("div", _hoisted_13, [
+                  __props.product.information.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.product.information, (information) => {
+                    return openBlock(), createElementBlock("div", _hoisted_14, [
+                      createElementVNode("p", _hoisted_15, toDisplayString(information.name), 1),
+                      createElementVNode("p", null, toDisplayString(information.value), 1)
+                    ]);
+                  }), 256)) : createCommentVNode("", true)
+                ]))
+              ]),
+              _: 1
+            })
           ]),
-          createElementVNode("div", _hoisted_14, [
-            __props.product.quantity > 0 ? (openBlock(), createBlock(_sfc_main$2, {
+          __props.product.listing !== "rent" ? (openBlock(), createElementBlock("div", _hoisted_16, [
+            __props.product.quantity > 0 ? (openBlock(), createBlock(_sfc_main$3, {
               key: 0,
               submit: (a) => addToCart(__props.product),
               disabled: validateToCard(__props.product),
@@ -149,8 +181,8 @@ const _sfc_main = {
                 createTextVNode(toDisplayString(unref(t)("addtoorder")), 1)
               ]),
               _: 1
-            }, 8, ["submit", "disabled"])) : (openBlock(), createElementBlock("div", _hoisted_15, " Out of Stock "))
-          ])
+            }, 8, ["submit", "disabled"])) : (openBlock(), createElementBlock("div", _hoisted_17, " Out of Stock "))
+          ])) : createCommentVNode("", true)
         ])
       ]);
     };

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

	@@ -1 +1 @@
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\tv-if=\"product.quantity > 0\"\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\t<div v-else class=\"flex-center flex uppercase radius-big t-black w-max pd-small t-medium bg-grey h-3r w-100 mn-r-smallbutton\">\n\t\t\t\t\tOut of Stock\n\t\t\t\t</div>\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":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4HA~~,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~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
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 pd-small 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=\"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-small\">{{ product.name }}</h1>\n\t\t\t<!-- Price -->\n\t\t\t<Price v-if=\"product.listing !== 'rent'\" :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\t\t\t<Tab \n\t\t\t\tv-model:selected=\"tabProduct\"\n\t\t\t\t:tabs=\"[\n\t\t\t\t\t{name: 'Description', value: 'description'},\n\t\t\t\t\t{name: 'Specifications', value: 'specifications'}\n\t\t\t\t]\"\n\t\t\t\ttabClass=\"pd-small pd-r-medium pd-l-medium w-100 pd-small radius-small\"\n\t\t\t\tclass=\"bg-light mn-b-small\"\n\t\t\t/>\n\n\t\t\t<div class=\"h-min-5r pos-relative\">\n\t\t\t\t<transition name=\"slide-fade\">\n\n\t\t\t\t\t<div v-if=\"tabProduct === 'description'\" class=\"pd-medium radius-medium bg-light \">\n\t\t\t\t\t\t<p v-if=\"product.description && !product.localization < 1 && !recommendation\" class=\"w-100 t-transp\">\n\t\t\t\t\t\t\t{{ product.description }}\n\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t<p v-if=\"product.localization && product.localization.length > 1 && !recommendation\" class=\"w-100 t-transp\">\n\t\t\t\t\t\t\t{{ t('description') }}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div \n\t\t\t\t\t\tv-else\n\t\t\t\t\t\tclass=\"cols-2 w-100 bg-light radius-medium pd-medium gap-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div \n\t\t\t\t\t\t\tv-if=\"product.information.length > 0\" \n\t\t\t\t\t\t\tv-for=\"information in product.information\" \n\t\t\t\t\t\t\tclass=\"w-100 pd-small radius-small bg-white product-information\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<p class=\"t-demi\">{{ information.name }}</p>\n\t\t\t\t\t\t\t<p>{{ information.value }}</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</transition>\n\t\t\t</div>\n\n\t\t\t<!-- Actions -->\n\t\t\t<div v-if=\"product.listing !== 'rent'\" class=\"max-w-33rem mobile-w-100 t-white gap-small cols-2\">\n\t\t\t\t<Button\n\t\t\t\t\tv-if=\"product.quantity > 0\"\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\t<div v-else class=\"flex-center flex uppercase radius-big t-black w-max pd-small t-medium bg-grey h-3r w-100 mn-r-smallbutton\">\n\t\t\t\t\tOut of Stock\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\nimport Button from '@pf/src/components/Button/Button.vue'\nimport Tab from '@pf/src/components/Tab/Tab.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, ref } 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\n\nconst tabProduct = ref('description')\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8IA,UAAM,QAAQ;AAcd,UAAM,SAAS,SAAS,MAAM;AAC5B,aAAO,MAAM,QAAQ;AAAA,IACvB,CAAC;AAGD,UAAM,aAAa,IAAI,aAAa;AAGpC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/store/marketplace.cjs CHANGED Viewed

@@ -14,7 +14,7 @@ const state = vue.reactive({
     result: []
   },
   filter: {
-    active: false,
+    active: true,
     class: "mobile-only",
     selected: {},
     options: [{

package/dist/prometheus-framework/src/modules/products/store/marketplace.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"marketplace.cjs","sources":["../../../../../../src/modules/products/store/marketplace.js"],"sourcesContent":["import { reactive, watch } from \"vue\";\n\n// State\nconst state = reactive({\n shops: [],\n popular: [],\n pagination: {\n page: 1,\n perPage: 18,\n },\n search: {\n active: false,\n current: '',\n result:[]\n },\n filter: {\n active: ~~false~~,\n class: 'mobile-only',\n selected: {},\n options: [{\n title: 'Delivery',\n value: 'delivery',\n options: [\n { label: 'Pickup', value: 'pickup' },\n { label: 'Courier', value: 'courier' },\n { label: 'Post', value: 'post' }\n ]\n },{\n title: 'Prices', \n value: 'prices',\n options: [\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 },\n sort: {\n param: 'distance',\n order: 'asc',\n options: [{\n label: 'Distance',\n value: 'distance'\n },{\n label: 'Popularity',\n value: 'views'\n },{\n label: 'Products',\n value: 'numberOfProducts'\n }]\n }\n});\n\n\n// History\nconst history = []; history.push(state);\n\n// Watch\nwatch(state, (newState, oldState) => {\n history.push(newState)\n})\n\n// Module Export\nexport {\n state\n}"],"names":["reactive","watch"],"mappings":";;;AAGK,MAAC,QAAQA,IAAAA,SAAS;AAAA,EACrB,OAAO,CAAE;AAAA,EACT,SAAS,CAAE;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACV;AAAA,EACD,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,QAAO,CAAE;AAAA,EACV;AAAA,EACD,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,UAAU,CAAE;AAAA,IACZ,SAAS,CAAC;AAAA,MACR,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,QACP,EAAE,OAAO,UAAU,OAAO,SAAU;AAAA,QACpC,EAAE,OAAO,WAAW,OAAO,UAAW;AAAA,QACtC,EAAE,OAAO,QAAQ,OAAO,OAAQ;AAAA,MACjC;AAAA,IACP,GAAM;AAAA,MACA,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,QACP,EAAE,OAAO,cAAqB,OAAO,OAAQ;AAAA,QAC7C,EAAE,OAAO,gBAAqB,OAAO,UAAW;AAAA,QAChD,EAAE,OAAO,iBAAqB,OAAO,WAAY;AAAA,QACjD,EAAE,OAAO,mBAAqB,OAAO,QAAS;AAAA,MAC/C;AAAA,IACP,CAAK;AAAA,EACF;AAAA,EACD,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS,CAAC;AAAA,MACR,OAAO;AAAA,MACP,OAAO;AAAA,IACb,GAAM;AAAA,MACA,OAAO;AAAA,MACP,OAAO;AAAA,IACb,GAAM;AAAA,MACA,OAAO;AAAA,MACP,OAAO;AAAA,IACb,CAAK;AAAA,EACF;AACH,CAAC;AAODC,IAAAA,MAAM,OAAO,CAAC,UAAU,aAAa;AAErC,CAAC;;"}
1	+ {"version":3,"file":"marketplace.cjs","sources":["../../../../../../src/modules/products/store/marketplace.js"],"sourcesContent":["import { reactive, watch } from \"vue\";\n\n// State\nconst state = reactive({\n shops: [],\n popular: [],\n pagination: {\n page: 1,\n perPage: 18,\n },\n search: {\n active: false,\n current: '',\n result:[]\n },\n filter: {\n active: true,\n class: 'mobile-only',\n selected: {},\n options: [{\n title: 'Delivery',\n value: 'delivery',\n options: [\n { label: 'Pickup', value: 'pickup' },\n { label: 'Courier', value: 'courier' },\n { label: 'Post', value: 'post' }\n ]\n },{\n title: 'Prices', \n value: 'prices',\n options: [\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 },\n sort: {\n param: 'distance',\n order: 'asc',\n options: [{\n label: 'Distance',\n value: 'distance'\n },{\n label: 'Popularity',\n value: 'views'\n },{\n label: 'Products',\n value: 'numberOfProducts'\n }]\n }\n});\n\n\n// History\nconst history = []; history.push(state);\n\n// Watch\nwatch(state, (newState, oldState) => {\n history.push(newState)\n})\n\n// Module Export\nexport {\n state\n}"],"names":["reactive","watch"],"mappings":";;;AAGK,MAAC,QAAQA,IAAAA,SAAS;AAAA,EACrB,OAAO,CAAE;AAAA,EACT,SAAS,CAAE;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACV;AAAA,EACD,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,QAAO,CAAE;AAAA,EACV;AAAA,EACD,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,UAAU,CAAE;AAAA,IACZ,SAAS,CAAC;AAAA,MACR,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,QACP,EAAE,OAAO,UAAU,OAAO,SAAU;AAAA,QACpC,EAAE,OAAO,WAAW,OAAO,UAAW;AAAA,QACtC,EAAE,OAAO,QAAQ,OAAO,OAAQ;AAAA,MACjC;AAAA,IACP,GAAM;AAAA,MACA,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,QACP,EAAE,OAAO,cAAqB,OAAO,OAAQ;AAAA,QAC7C,EAAE,OAAO,gBAAqB,OAAO,UAAW;AAAA,QAChD,EAAE,OAAO,iBAAqB,OAAO,WAAY;AAAA,QACjD,EAAE,OAAO,mBAAqB,OAAO,QAAS;AAAA,MAC/C;AAAA,IACP,CAAK;AAAA,EACF;AAAA,EACD,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS,CAAC;AAAA,MACR,OAAO;AAAA,MACP,OAAO;AAAA,IACb,GAAM;AAAA,MACA,OAAO;AAAA,MACP,OAAO;AAAA,IACb,GAAM;AAAA,MACA,OAAO;AAAA,MACP,OAAO;AAAA,IACb,CAAK;AAAA,EACF;AACH,CAAC;AAODC,IAAAA,MAAM,OAAO,CAAC,UAAU,aAAa;AAErC,CAAC;;"}

package/dist/prometheus-framework/src/modules/products/store/marketplace.js CHANGED Viewed

@@ -12,7 +12,7 @@ const state = reactive({
     result: []
   },
   filter: {
-    active: false,
+    active: true,
     class: "mobile-only",
     selected: {},
     options: [{

package/dist/prometheus-framework/src/modules/products/store/marketplace.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"marketplace.js","sources":["../../../../../../src/modules/products/store/marketplace.js"],"sourcesContent":["import { reactive, watch } from \"vue\";\n\n// State\nconst state = reactive({\n shops: [],\n popular: [],\n pagination: {\n page: 1,\n perPage: 18,\n },\n search: {\n active: false,\n current: '',\n result:[]\n },\n filter: {\n active: ~~false~~,\n class: 'mobile-only',\n selected: {},\n options: [{\n title: 'Delivery',\n value: 'delivery',\n options: [\n { label: 'Pickup', value: 'pickup' },\n { label: 'Courier', value: 'courier' },\n { label: 'Post', value: 'post' }\n ]\n },{\n title: 'Prices', \n value: 'prices',\n options: [\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 },\n sort: {\n param: 'distance',\n order: 'asc',\n options: [{\n label: 'Distance',\n value: 'distance'\n },{\n label: 'Popularity',\n value: 'views'\n },{\n label: 'Products',\n value: 'numberOfProducts'\n }]\n }\n});\n\n\n// History\nconst history = []; history.push(state);\n\n// Watch\nwatch(state, (newState, oldState) => {\n history.push(newState)\n})\n\n// Module Export\nexport {\n state\n}"],"names":[],"mappings":";AAGK,MAAC,QAAQ,SAAS;AAAA,EACrB,OAAO,CAAE;AAAA,EACT,SAAS,CAAE;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACV;AAAA,EACD,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,QAAO,CAAE;AAAA,EACV;AAAA,EACD,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,UAAU,CAAE;AAAA,IACZ,SAAS,CAAC;AAAA,MACR,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,QACP,EAAE,OAAO,UAAU,OAAO,SAAU;AAAA,QACpC,EAAE,OAAO,WAAW,OAAO,UAAW;AAAA,QACtC,EAAE,OAAO,QAAQ,OAAO,OAAQ;AAAA,MACjC;AAAA,IACP,GAAM;AAAA,MACA,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,QACP,EAAE,OAAO,cAAqB,OAAO,OAAQ;AAAA,QAC7C,EAAE,OAAO,gBAAqB,OAAO,UAAW;AAAA,QAChD,EAAE,OAAO,iBAAqB,OAAO,WAAY;AAAA,QACjD,EAAE,OAAO,mBAAqB,OAAO,QAAS;AAAA,MAC/C;AAAA,IACP,CAAK;AAAA,EACF;AAAA,EACD,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS,CAAC;AAAA,MACR,OAAO;AAAA,MACP,OAAO;AAAA,IACb,GAAM;AAAA,MACA,OAAO;AAAA,MACP,OAAO;AAAA,IACb,GAAM;AAAA,MACA,OAAO;AAAA,MACP,OAAO;AAAA,IACb,CAAK;AAAA,EACF;AACH,CAAC;AAOD,MAAM,OAAO,CAAC,UAAU,aAAa;AAErC,CAAC;"}
1	+ {"version":3,"file":"marketplace.js","sources":["../../../../../../src/modules/products/store/marketplace.js"],"sourcesContent":["import { reactive, watch } from \"vue\";\n\n// State\nconst state = reactive({\n shops: [],\n popular: [],\n pagination: {\n page: 1,\n perPage: 18,\n },\n search: {\n active: false,\n current: '',\n result:[]\n },\n filter: {\n active: true,\n class: 'mobile-only',\n selected: {},\n options: [{\n title: 'Delivery',\n value: 'delivery',\n options: [\n { label: 'Pickup', value: 'pickup' },\n { label: 'Courier', value: 'courier' },\n { label: 'Post', value: 'post' }\n ]\n },{\n title: 'Prices', \n value: 'prices',\n options: [\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 },\n sort: {\n param: 'distance',\n order: 'asc',\n options: [{\n label: 'Distance',\n value: 'distance'\n },{\n label: 'Popularity',\n value: 'views'\n },{\n label: 'Products',\n value: 'numberOfProducts'\n }]\n }\n});\n\n\n// History\nconst history = []; history.push(state);\n\n// Watch\nwatch(state, (newState, oldState) => {\n history.push(newState)\n})\n\n// Module Export\nexport {\n state\n}"],"names":[],"mappings":";AAGK,MAAC,QAAQ,SAAS;AAAA,EACrB,OAAO,CAAE;AAAA,EACT,SAAS,CAAE;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACV;AAAA,EACD,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,QAAO,CAAE;AAAA,EACV;AAAA,EACD,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,UAAU,CAAE;AAAA,IACZ,SAAS,CAAC;AAAA,MACR,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,QACP,EAAE,OAAO,UAAU,OAAO,SAAU;AAAA,QACpC,EAAE,OAAO,WAAW,OAAO,UAAW;AAAA,QACtC,EAAE,OAAO,QAAQ,OAAO,OAAQ;AAAA,MACjC;AAAA,IACP,GAAM;AAAA,MACA,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,QACP,EAAE,OAAO,cAAqB,OAAO,OAAQ;AAAA,QAC7C,EAAE,OAAO,gBAAqB,OAAO,UAAW;AAAA,QAChD,EAAE,OAAO,iBAAqB,OAAO,WAAY;AAAA,QACjD,EAAE,OAAO,mBAAqB,OAAO,QAAS;AAAA,MAC/C;AAAA,IACP,CAAK;AAAA,EACF;AAAA,EACD,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS,CAAC;AAAA,MACR,OAAO;AAAA,MACP,OAAO;AAAA,IACb,GAAM;AAAA,MACA,OAAO;AAAA,MACP,OAAO;AAAA,IACb,GAAM;AAAA,MACA,OAAO;AAAA,MACP,OAAO;AAAA,IACb,CAAK;AAAA,EACF;AACH,CAAC;AAOD,MAAM,OAAO,CAAC,UAAU,aAAa;AAErC,CAAC;"}