@ozdao/prometheus-framework 0.2.315 → 0.2.317

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

@@ -1,7 +1,7 @@
 "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 Button = require("../../../../components/Button/Button.vue2.cjs");
 const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
 const PlaceholderImage = require("../../../icons/placeholders/PlaceholderImage.vue.cjs");
 const Images360 = require("../blocks/Images360.vue.cjs");
@@ -114,13 +114,13 @@ const _sfc_main = {
             images.value[0] && !__props.product.image3d ? (vue.openBlock(), vue.createElementBlock("img", {
               key: 1,
               loading: "lazy",
-              class: "h-auto bg-light w-100",
+              class: "h-max 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",
+              class: "h-max-20r h-100 w-100",
               style: { "object-fit": "cover" }
             })) : vue.createCommentVNode("", true)
           ]),

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

@@ -1 +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 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":["computed","ref","useI18n","shopcart.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8IA,UAAM,QAAQ;AAcd,UAAM,SAASA,IAAQ,SAAC,MAAM;AAC5B,aAAO,MAAM,QAAQ;AAAA,IACvB,CAAC;AAGD,UAAM,aAAaC,IAAG,IAAC,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,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionProduct.vue.cjs","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-max 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-max-20r 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":["computed","ref","useI18n","shopcart.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8IA,UAAM,QAAQ;AAcd,UAAM,SAASA,IAAQ,SAAC,MAAM;AAC5B,aAAO,MAAM,QAAQ;AAAA,IACvB,CAAC;AAGD,UAAM,aAAaC,IAAG,IAAC,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,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,5 +1,5 @@
 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.vue.js";
+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";
@@ -112,13 +112,13 @@ const _sfc_main = {
             images.value[0] && !__props.product.image3d ? (openBlock(), createElementBlock("img", {
               key: 1,
               loading: "lazy",
-              class: "h-auto bg-light w-100",
+              class: "h-max 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",
+              class: "h-max-20r h-100 w-100",
               style: { "object-fit": "cover" }
             })) : createCommentVNode("", true)
           ]),

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

@@ -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 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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-max 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-max-20r 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/reports/components/sections/FormReport.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
 const reports = require("../../store/reports.cjs");
 const _sfc_main = {

package/dist/prometheus-framework/src/modules/reports/components/sections/FormReport.vue.js

@@ -1,6 +1,6 @@
 import { reactive, ref, openBlock, createElementBlock, renderSlot, createVNode, withCtx, createElementVNode, createTextVNode } from "vue";
 import _sfc_main$1 from "../../../../components/Popup/Popup.vue.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
 import Select from "../../../../components/Select/Select.vue.js";
 import { actions } from "../../store/reports.js";
 const _sfc_main = {

package/dist/prometheus-framework/src/modules/spots/components/blocks/CardSpot.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
-const Chips = require("../../../../components/Chips/Chips.vue.cjs");
+const Chips = require("../../../../components/Chips/Chips.vue2.cjs");
 const Map = require("../../../../components/Map/Map.vue.cjs");
 ;/* empty css                */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");

package/dist/prometheus-framework/src/modules/spots/components/blocks/CardSpot.vue.js

@@ -1,6 +1,6 @@
 import { openBlock, createElementBlock, createVNode, createElementVNode, toDisplayString, createBlock, createCommentVNode } from "vue";
 import _sfc_main$1 from "../../../icons/navigation/IconEdit.vue.js";
-import _sfc_main$2 from "../../../../components/Chips/Chips.vue.js";
+import _sfc_main$2 from "../../../../components/Chips/Chips.vue2.js";
 import Map from "../../../../components/Map/Map.vue.js";
 /* empty css              */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";

package/dist/prometheus-framework/src/modules/spots/components/blocks/SpotMemberModify.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css                                        */
+;/* empty css                                       */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 ;/* empty css                                          */
 ;/* empty css                        */

package/dist/prometheus-framework/src/modules/spots/components/blocks/SpotMemberModify.vue.js

@@ -1,5 +1,5 @@
 import { ref, computed, resolveComponent, openBlock, createElementBlock, createElementVNode, createBlock, toDisplayString, createCommentVNode } from "vue";
-/* empty css                                      */
+/* empty css                                     */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                                        */
 /* empty css                      */

package/dist/prometheus-framework/src/modules/spots/components/layouts/Spots.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const vueI18n = require("vue-i18n");
 ;/* empty css                                           */
-;/* empty css                                        */
+;/* empty css                                       */
 ;/* empty css                                                   */
 ;/* empty css                                              */
 const globals = require("../../../globals/views/store/globals.cjs");

package/dist/prometheus-framework/src/modules/spots/components/layouts/Spots.vue.js

@@ -2,7 +2,7 @@ import { ref, onMounted, watch, resolveComponent, openBlock, createElementBlock,
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 /* empty css                                         */
-/* empty css                                      */
+/* empty css                                     */
 /* empty css                                                 */
 /* empty css                                            */
 import { state as state$1 } from "../../../globals/views/store/globals.js";

package/dist/prometheus-framework/src/modules/spots/components/pages/Map.vue.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const index = require("../../../../../../node_modules/@googlemaps/js-api-loader/dist/index.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 const organizations = require("../../../organizations/store/organizations.cjs");
 const globals = require("../../../globals/views/store/globals.cjs");
 const marketplace = require("../../../products/store/marketplace.cjs");

package/dist/prometheus-framework/src/modules/spots/components/pages/Map.vue.js

@@ -1,7 +1,7 @@
 import { ref, onMounted, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, createTextVNode } from "vue";
 import { useRouter, useRoute } from "vue-router";
 import { Loader } from "../../../../../../node_modules/@googlemaps/js-api-loader/dist/index.js";
-import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
 import { actions, state as state$2 } from "../../../organizations/store/organizations.js";
 import { state } from "../../../globals/views/store/globals.js";
 import { state as state$1 } from "../../../products/store/marketplace.js";

package/dist/prometheus-framework/src/modules/spots/components/pages/SpotEdit.vue.cjs

@@ -5,12 +5,12 @@ const vueRouter = require("vue-router");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
 ;/* empty css                                   */
-const Field = require("../../../../components/Field/Field.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
 const Address = require("../../../../components/Address/Address.vue2.cjs");
 const LocationMarker = require("../../../../components/LocationMarker/LocationMarker.vue2.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 require("vue-i18n");
 ;/* empty css                                        */
 const spots = require("../../store/spots.cjs");

package/dist/prometheus-framework/src/modules/spots/components/pages/SpotEdit.vue.js

@@ -3,12 +3,12 @@ import { useRouter, useRoute } from "vue-router";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$3 from "../../../../components/UploadImage/UploadImage.vue.js";
 /* empty css                                 */
-import Field from "../../../../components/Field/Field.vue.js";
+import Field from "../../../../components/Field/Field.vue2.js";
 import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$4 from "../../../../components/Checkbox/Checkbox.vue.js";
 import _sfc_main$5 from "../../../../components/Address/Address.vue2.js";
 import _sfc_main$6 from "../../../../components/LocationMarker/LocationMarker.vue2.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
 import "vue-i18n";
 /* empty css                                      */
 import { actions, state } from "../../store/spots.js";

package/dist/prometheus-framework/src/modules/wallet/views/components/blocks/CardDeposit.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const wallet = require("../../localization/wallet.json.cjs");
-const Field = require("../../../../../components/Field/Field.vue.cjs");
+const Field = require("../../../../../components/Field/Field.vue2.cjs");
 const vueI18n = require("vue-i18n");
 const _hoisted_1 = { class: "bg-grey radius-big mn-t-semi mn-b-semi flex flex-justify-between" };
 const _sfc_main = {

package/dist/prometheus-framework/src/modules/wallet/views/components/blocks/CardDeposit.vue.js

@@ -1,6 +1,6 @@
 import { openBlock, createElementBlock, Fragment, createElementVNode, createVNode, unref, toDisplayString } from "vue";
 import text from "../../localization/wallet.json.js";
-import Field from "../../../../../components/Field/Field.vue.js";
+import Field from "../../../../../components/Field/Field.vue2.js";
 import { useI18n } from "vue-i18n";
 const _hoisted_1 = { class: "bg-grey radius-big mn-t-semi mn-b-semi flex flex-justify-between" };
 const _sfc_main = {

package/dist/prometheus-framework/src/modules/wallet/views/components/blocks/CryptoDeposit.vue.cjs

@@ -5,7 +5,7 @@ const vueI18n = require("vue-i18n");
 const bignumber = require("../../../../../../node_modules/bignumber.js/bignumber.cjs");
 const wallet_store = require("../../store/wallet.store.cjs");
 const wallet = require("../../localization/wallet.json.cjs");
-const Field = require("../../../../../components/Field/Field.vue.cjs");
+const Field = require("../../../../../components/Field/Field.vue2.cjs");
 const Select = require("../../../../../components/Select/Select.vue.cjs");
 const _hoisted_1 = { class: "mn-b-small t-center t-bold" };
 const _hoisted_2 = { class: "t-semi" };

package/dist/prometheus-framework/src/modules/wallet/views/components/blocks/CryptoDeposit.vue.js

@@ -3,7 +3,7 @@ import { useI18n } from "vue-i18n";
 import { BigNumber } from "../../../../../../node_modules/bignumber.js/bignumber.js";
 import { state, actions } from "../../store/wallet.store.js";
 import text from "../../localization/wallet.json.js";
-import Field from "../../../../../components/Field/Field.vue.js";
+import Field from "../../../../../components/Field/Field.vue2.js";
 import Select from "../../../../../components/Select/Select.vue.js";
 const _hoisted_1 = { class: "mn-b-small t-center t-bold" };
 const _hoisted_2 = { class: "t-semi" };

package/dist/prometheus-framework/src/modules/wallet/views/components/pages/Wallet.vue.cjs

@@ -6,7 +6,7 @@ const Web3 = require("web3");
 const wallet_store = require("../../store/wallet.store.cjs");
 const wallet = require("../../localization/wallet.json.cjs");
 const Popup = require("../../../../../components/Popup/Popup.vue.cjs");
-const Button = require("../../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../../components/Button/Button.vue2.cjs");
 require("vue-router");
 ;/* empty css                                              */
 ;/* empty css                                                 */
@@ -15,7 +15,7 @@ require("../../../../reports/store/reports.cjs");
 require("../../../../auth/views/store/auth.cjs");
 require("../../../../organizations/store/memberships.cjs");
 require("../../../../community/store/reactions.cjs");
-;/* empty css                                           */
+;/* empty css                                          */
 const ConnectMetamask = require("../elements/ConnectMetamask.vue.cjs");
 const CashDeposit = require("../blocks/CashDeposit.vue.cjs");
 const CardDeposit = require("../blocks/CardDeposit.vue.cjs");

package/dist/prometheus-framework/src/modules/wallet/views/components/pages/Wallet.vue.js

@@ -4,7 +4,7 @@ import Web3 from "web3";
 import { state, actions } from "../../store/wallet.store.js";
 import text from "../../localization/wallet.json.js";
 import _sfc_main$3 from "../../../../../components/Popup/Popup.vue.js";
-import _sfc_main$1 from "../../../../../components/Button/Button.vue.js";
+import _sfc_main$1 from "../../../../../components/Button/Button.vue2.js";
 import "vue-router";
 /* empty css                                            */
 /* empty css                                               */
@@ -13,7 +13,7 @@ import "../../../../reports/store/reports.js";
 import "../../../../auth/views/store/auth.js";
 import "../../../../organizations/store/memberships.js";
 import "../../../../community/store/reactions.js";
-/* empty css                                         */
+/* empty css                                        */
 import _sfc_main$2 from "../elements/ConnectMetamask.vue.js";
 import _sfc_main$4 from "../blocks/CashDeposit.vue.js";
 import _sfc_main$5 from "../blocks/CardDeposit.vue.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozdao/prometheus-framework",
-  "version": "0.2.315",
+  "version": "0.2.317",
   "description": "Web3 Framework focused on user experience and ease of development.",
   "author": "OZ DAO <hello@ozdao.dev>",
   "license": "GPL-3.0-or-later",

package/src/modules/auth/views/components/pages/Profile.vue

@@ -167,7 +167,7 @@
 	            _id: route.params._id
 	          }
 	        })" 
-	        class="cursor-pointer"
+	        class="profile-menu-item cursor-pointer"
 	      >
 	        <component 
 	          :is="module.icon" 

package/src/modules/products/components/sections/PopularProducts.vue

@@ -1,101 +1,148 @@
 <template>
-	<div class="embla" ref="emblaNode">
-	 	<div class="embla__container">
-	   
-	    <div class="embla__slide pd-nano" v-for="(value, key, index) in productsState" :key="key">
-	    	<transition name="fade" mode="out-in" appear>
-					<div 
-						v-if="!value.name" 
-						class="h-100 w-100 radius-big flex-center bg-light"
-					>
-						<Loader class="pos-relative"/>
-					</div>
-					
-					<CardProduct 
-						v-else 
-						@click="$router.push({
-		          name: 'Organization_Product', 
-		          params: { 
-		            _id: value.organization, 
-		            product: value._id 
-		          } 
-		        })" 
-						:product="value"
-						class="cursor-pointer bg-light transition-ease-in hover-scale-0 h-100 w-100" 
-					/>
-				</transition>
-	    </div>
-  	</div>
-	</div>
+  <div class="embla" ref="emblaNode">
+    <div class="embla__container">
+      <div 
+        class="embla__slide pd-nano" 
+        v-for="(value, key) in productsState" 
+        :key="value?._id || key"
+      >
+        <transition name="fade" mode="out-in" appear>
+          <div 
+            v-if="isLoading || !value?.name" 
+            class="h-100 w-100 radius-big flex-center bg-light"
+          >
+            <Loader class="pos-relative"/>
+          </div>
+          
+          <CardProduct 
+            v-else 
+            @click="handleProductClick(value)" 
+            :product="value"
+            class="cursor-pointer bg-light transition-ease-in hover-scale-0 h-100 w-100" 
+          />
+        </transition>
+      </div>
+    </div>
+  </div>
 </template>
 
+<script setup>
+import { ref, computed, onMounted, onUnmounted } from 'vue'
+import { useRouter } from 'vue-router'
+    
+import emblaCarouselVue from 'embla-carousel-vue'
+import Autoplay from 'embla-carousel-autoplay'
+import Loader from '@pf/src/components/Loader/Loader.vue'
+import CardProduct from '@pf/src/modules/products/components/blocks/CardProduct.vue'
+import * as products from '@pf/src/modules/products/store/products'
 
-<script setup scoped>
-	import { ref, computed, onMounted } from 'vue'
+const router = useRouter()
+const productsState = ref([]) // Инициализируем как пустой массив
+const isLoading = ref(true)
+const selectedIndex = ref(0)
+const scrollSnaps = ref([])
 
-	import { useRouter } 	from 'vue-router'
-		
-	import emblaCarouselVue from 'embla-carousel-vue'; // Assuming a Vue version exists
-	import Autoplay from 'embla-carousel-autoplay'
+// Конфигурация автоплея
+const autoplayOptions = {
+  delay: 2000,
+  jump: false,
+  stopOnInteraction: false,
+  stopOnMouseEnter: false,
+  stopOnFocusIn: true,
+  stopOnLastSnap: false,
+  rootNode: (emblaRoot) => emblaRoot.parentElement
+}
 
-	import Loader from '@pf/src/components/Loader/Loader.vue'
-	import CardProduct from '@pf/src/modules/products/components/blocks/CardProduct.vue'
+// Инициализация карусели
+const [emblaNode, emblaApi] = emblaCarouselVue(
+  { loop: true }, 
+  [Autoplay(autoplayOptions)]
+)
 
-	import * as products from '@pf/src/modules/products/store/products';
-	
-	const router = useRouter()
-
-	const productsState = ref(10)
-	const selectedIndex = ref(0);
-	const scrollSnaps = ref([]);
-
-	const autoplayOptions = {
-	  delay: 2000,
-	  jump: false,
-	  stopOnInteraction: false,
-	  stopOnMouseEnter: false,
-	  stopOnFocusIn: true,
-	  stopOnLastSnap: false,
-	  rootNode: (emblaRoot) => emblaRoot.parentElement
-	}
-
-	const [emblaNode, emblaApi] = emblaCarouselVue({ loop: true }, [Autoplay(autoplayOptions)])
+// Методы управления каруселью
+const scrollTo = (index) => emblaApi.value?.scrollTo(index)
+const onInit = () => {
+  if (emblaApi.value) {
+    scrollSnaps.value = emblaApi.value.scrollSnapList()
+  }
+}
+const onSelect = () => {
+  if (emblaApi.value) {
+    selectedIndex.value = emblaApi.value.selectedScrollSnap()
+  }
+}
 
-	const scrollTo = (index) => emblaApi.value && emblaApi.value.scrollTo(index);
-	const onInit = (embla) =>  scrollSnaps.value = emblaApi.value.scrollSnapList();
-	const onSelect = (embla) => selectedIndex.value = emblaApi.value.selectedScrollSnap();
+// Обработчик клика по продукту
+const handleProductClick = (product) => {
+  if (product?._id && product?.owner?.target) {
+    router.push({
+      name: 'Organization_Product', 
+      params: { 
+        _id: product.owner.target, 
+        product: product._id 
+      } 
+    })
+  }
+}
 
-	onMounted(async() => {
-		productsState.value = await products.actions.read({
-			limit: 10, 
-			organization: '657e7134efb8110c51b8b713'
-		})
+// Загрузка данных
+const loadProducts = async () => {
+  try {
+    isLoading.value = true
+    const response = await products.actions.read({
+      limit: 10, 
+      organization: '657e7134efb8110c51b8b713'
+    })
+    productsState.value = Array.isArray(response) ? response : []
+  } catch (error) {
+    console.error('Error loading products:', error)
+    productsState.value = []
+  } finally {
+    isLoading.value = false
+  }
+}
 
-	  onInit(emblaApi);
-	  onSelect(emblaApi);
+onMounted(async () => {
+  // Загружаем данные
+  await loadProducts()
+  
+  // Инициализируем карусель
+  onInit()
+  onSelect()
+  
+  // Добавляем слушатели событий
+  if (emblaApi.value) {
+    emblaApi.value.on('reInit', onInit)
+    emblaApi.value.on('reInit', onSelect)
+    emblaApi.value.on('select', onSelect)
+  }
+})
 
-	  emblaApi.value.on('reInit', onInit);
-	  emblaApi.value.on('reInit', onSelect);
-	  emblaApi.value.on('select', onSelect);
-	});
+// Очистка слушателей при размонтировании
+onUnmounted(() => {
+  if (emblaApi.value) {
+    emblaApi.value.off('reInit', onInit)
+    emblaApi.value.off('reInit', onSelect)
+    emblaApi.value.off('select', onSelect)
+  }
+})
 </script>
 
 <style lang="scss">
-	.embla {
-    overflow: hidden;
-  }
-  .embla__container {
-    display: flex;
-  }
+.embla {
+  overflow: hidden;
+}
+.embla__container {
+  display: flex;
+}
+.embla__slide {
+  flex: 0 0 25%;
+  min-width: 0;
+}
+@media screen and (max-width: 1025px) {
   .embla__slide {
-    flex: 0 0 25%;
+    flex: 0 0 75%;
     min-width: 0;
   }
-
-  @media screen and (max-width: 1025px) {
-    .embla__slide {
-	    flex: 0 0 75%;
-	    min-width: 0;
-	  }
-  }
+}
 </style>