@ozdao/prometheus-framework 0.2.330 → 0.2.331

package/dist/prometheus-framework/src/modules/products/components/blocks/CardLeftover.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CardLeftover.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/CardLeftover.vue"],"sourcesContent":["<template>\n  <div class=\"flex-column pos-relative flex-wrap\">\n\n    <CardHeader \n      :entity=\"leftover\"\n      :entityType=\"'leftover'\"\n      :user=\"user\"\n      :owner=\"leftover.creator\" \n      :creator=\"leftover.creator\"\n      :date=\"leftover.createdAt\"\n    />\n\n    <router-link \n      :to=\"{\n        name: 'LeftoverEdit', \n        params: {\n          _id: leftover.organization,\n          leftover: leftover._id\n        }\n      }\" \n      class=\"\n        cursor-pointer \n        pos-absolute pos-t-regular pos-r-regular\n        radius-extra pd-thin bg-second\n      \"\n    >\n      <IconEdit\n        class=\"i-regular\"\n        classes=\"fill-white\"\n      />\n    </router-link>\n\n    <div class=\"mn-t-small w-100 bg-white radius-small pd-small spoiler\">\n      <div @click=\"spoiler = !spoiler\"  class=\"flex-v-center flex\">\n        <span \n          class=\"flex-child flex-child-shrink-0 capitalize w-max mn-r-thin t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin\"\n          :class=\"{\n            'bg-green': leftover.type === 'stock-in',\n            'bg-red': leftover.type === 'stock-out'\n          }\"\n        >\n          {{leftover.type}}\n        </span>\n        <span class=\"flex-child flex-child-shrink-0\">Positions {{leftover.positions.length}}</span>\n        <span v-if=\"leftover.order\" class=\"mn-r-thin mn-l-thin t-transp\">|</span>\n        <span  class=\"flex-child flex-child-shrink-0\" v-if=\"leftover.order\">For order {{leftover.order}}</span>\n        <span v-if=\"leftover.comment\" class=\"mn-r-thin mn-l-thin t-transp\">|</span>\n        <p v-if=\"leftover.comment\" class=\"t-truncate\">Comment: {{leftover.comment}}</p>\n        <!-- <img loading=\"lazy\" :class=\"{ 'spoiler-active': spoiler }\" class=\"button-icon\" src=\"@/assets/icons/arrow-down-spoiler.svg\"> -->\n      </div>\n\n      <transition name=\"fade\">\n        <div v-if=\"spoiler\">\n          <div  v-for=\"position in leftover.positions\" class=\"mn-t-small w-100 mn-b-thin flex\"> \n            <div class=\" w-50 flex\">\n              <span>\n                {{position.name}}\n              </span>\n              <span class=\"mn-r-thin mn-l-thin t-transp\">|</span>\n\n              <span class=\"w-50\">\n                {{position.price}}\n                <span class=\"t-transp\">{{returnCurrency()}}</span> \n              </span>\n\n            </div>\n            \n            <div class=\"t-right w-50\">\n              {{position.quantity}}\n              <span class=\"t-transp\">{{position.type}}</span> \n            </div>\n          </div> \n        </div>\n      </transition>\n    </div>\n    \n\n  </div>\n</template>\n\n\n<script setup=\"props\">\n\timport { ref } from 'vue'\n\timport { useRouter } from 'vue-router'\n\n  import CardHeader  from '@pf/src/modules/globals/views/components/blocks/CardHeader.vue'\n\n  // Icons\n  import IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n  import PlaceholderUserpic from '@pf/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n\n\tconst router = useRouter()\n\n\tconst props = defineProps({\n\t  leftover: Object,\n\t});\n\n\n\tconst spoiler = ref(true)\n\n  function declOfNum(number, words) {  \n    return words[(number % 100 > 4 && number % 100 < 20) ? 2 : [2, 0, 1, 1, 1, 2][(number % 10 < 5) ? number % 10 : 5]];\n  }\n\t\n</script>\n\n<style lang=\"scss\" scoped>\n.shop-cart-item {\n\t&:first-of-type { padding-top: 0;}\n}\n\n.spoiler-active {\n  transform: rotate(180deg);\n}\n</style>\n\n\n"],"names":["useRouter","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2FgBA,wBAAW;AAO1B,UAAM,UAAUC,IAAG,IAAC,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardLeftover.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/CardLeftover.vue"],"sourcesContent":["<template>\n  <div class=\"flex-column pos-relative flex-wrap\">\n\n    <CardHeader \n      :entity=\"leftover\"\n      :entityType=\"'leftover'\"\n      :user=\"user\"\n      :owner=\"leftover.creator\" \n      :creator=\"leftover.creator\"\n      :date=\"leftover.createdAt\"\n    />\n\n    <router-link \n      :to=\"{\n        name: 'LeftoverEdit', \n        params: {\n          _id: leftover.organization,\n          leftover: leftover._id\n        }\n      }\" \n      class=\"\n        cursor-pointer \n        pos-absolute pos-t-regular pos-r-regular\n        radius-extra pd-thin bg-second\n      \"\n    >\n      <IconEdit\n        class=\"i-regular\"\n        classes=\"fill-white\"\n      />\n    </router-link>\n\n    <div class=\"mn-t-small w-100 bg-white radius-small pd-small spoiler\">\n      <div @click=\"spoiler = !spoiler\"  class=\"flex-v-center flex\">\n        <span \n          class=\"flex-child flex-child-shrink-0 capitalize w-max mn-r-thin t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin\"\n          :class=\"{\n            'bg-green': leftover.type === 'stock-in',\n            'bg-red': leftover.type === 'stock-out'\n          }\"\n        >\n          {{leftover.type}}\n        </span>\n        <span class=\"flex-child flex-child-shrink-0\">Positions {{leftover.positions.length}}</span>\n        <span v-if=\"leftover.order\" class=\"mn-r-thin mn-l-thin t-transp\">|</span>\n        <span  class=\"flex-child flex-child-shrink-0\" v-if=\"leftover.order\">For order {{leftover.order}}</span>\n        <span v-if=\"leftover.comment\" class=\"mn-r-thin mn-l-thin t-transp\">|</span>\n        <p v-if=\"leftover.comment\" class=\"t-truncate\">Comment: {{leftover.comment}}</p>\n        <!-- <img loading=\"lazy\" :class=\"{ 'spoiler-active': spoiler }\" class=\"button-icon\" src=\"@/assets/icons/arrow-down-spoiler.svg\"> -->\n      </div>\n\n      <transition name=\"fade\">\n        <div v-if=\"spoiler\">\n          <div  v-for=\"position in leftover.positions\" class=\"mn-t-small w-100 mn-b-thin flex\"> \n            <div class=\" w-50 flex\">\n              <span>\n                {{position.name}}\n              </span>\n              <span class=\"mn-r-thin mn-l-thin t-transp\">|</span>\n\n              <span class=\"w-50\">\n                {{position.price}}\n                <span class=\"t-transp\">{{returnCurrency()}}</span> \n              </span>\n\n            </div>\n            \n            <div class=\"t-right w-50\">\n              {{position.quantity}}\n              <span class=\"t-transp\">{{position.type}}</span> \n            </div>\n          </div> \n        </div>\n      </transition>\n    </div>\n    \n\n  </div>\n</template>\n\n\n<script setup=\"props\">\n\timport { ref } from 'vue'\n\timport { useRouter } from 'vue-router'\n\n  import CardHeader  from '@pf/src/modules/globals/views/components/blocks/CardHeader.vue'\n\n  // Icons\n  import IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n  import PlaceholderUserpic from '@pf/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n\n\tconst router = useRouter()\n\n\tconst props = defineProps({\n\t  leftover: Object,\n\t});\n\n\n\tconst spoiler = ref(true)\n\n  function declOfNum(number, words) {  \n    return words[(number % 100 > 4 && number % 100 < 20) ? 2 : [2, 0, 1, 1, 1, 2][(number % 10 < 5) ? number % 10 : 5]];\n  }\n\t\n</script>\n\n<style lang=\"scss\" scoped>\n.shop-cart-item {\n\t&:first-of-type { padding-top: 0;}\n}\n\n.spoiler-active {\n  transform: rotate(180deg);\n}\n</style>\n\n\n"],"names":["useRouter","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2FgBA,cAAS,UAAA;AAOxB,UAAM,UAAUC,IAAAA,IAAI,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/blocks/CardLeftover.vue.js

@@ -1,4 +1,4 @@
-import { ref, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, Transition, Fragment, renderList, createTextVNode } from "vue";
+import { ref, resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, createCommentVNode, normalizeClass, toDisplayString, Transition, Fragment, renderList, createTextVNode } from "vue";
 import { useRouter } from "vue-router";
 import _sfc_main$1 from "../../../globals/views/components/blocks/CardHeader.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconEdit.vue.js";

package/dist/prometheus-framework/src/modules/products/components/blocks/CardLeftover.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardLeftover.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/CardLeftover.vue"],"sourcesContent":["<template>\n  <div class=\"flex-column pos-relative flex-wrap\">\n\n    <CardHeader \n      :entity=\"leftover\"\n      :entityType=\"'leftover'\"\n      :user=\"user\"\n      :owner=\"leftover.creator\" \n      :creator=\"leftover.creator\"\n      :date=\"leftover.createdAt\"\n    />\n\n    <router-link \n      :to=\"{\n        name: 'LeftoverEdit', \n        params: {\n          _id: leftover.organization,\n          leftover: leftover._id\n        }\n      }\" \n      class=\"\n        cursor-pointer \n        pos-absolute pos-t-regular pos-r-regular\n        radius-extra pd-thin bg-second\n      \"\n    >\n      <IconEdit\n        class=\"i-regular\"\n        classes=\"fill-white\"\n      />\n    </router-link>\n\n    <div class=\"mn-t-small w-100 bg-white radius-small pd-small spoiler\">\n      <div @click=\"spoiler = !spoiler\"  class=\"flex-v-center flex\">\n        <span \n          class=\"flex-child flex-child-shrink-0 capitalize w-max mn-r-thin t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin\"\n          :class=\"{\n            'bg-green': leftover.type === 'stock-in',\n            'bg-red': leftover.type === 'stock-out'\n          }\"\n        >\n          {{leftover.type}}\n        </span>\n        <span class=\"flex-child flex-child-shrink-0\">Positions {{leftover.positions.length}}</span>\n        <span v-if=\"leftover.order\" class=\"mn-r-thin mn-l-thin t-transp\">|</span>\n        <span  class=\"flex-child flex-child-shrink-0\" v-if=\"leftover.order\">For order {{leftover.order}}</span>\n        <span v-if=\"leftover.comment\" class=\"mn-r-thin mn-l-thin t-transp\">|</span>\n        <p v-if=\"leftover.comment\" class=\"t-truncate\">Comment: {{leftover.comment}}</p>\n        <!-- <img loading=\"lazy\" :class=\"{ 'spoiler-active': spoiler }\" class=\"button-icon\" src=\"@/assets/icons/arrow-down-spoiler.svg\"> -->\n      </div>\n\n      <transition name=\"fade\">\n        <div v-if=\"spoiler\">\n          <div  v-for=\"position in leftover.positions\" class=\"mn-t-small w-100 mn-b-thin flex\"> \n            <div class=\" w-50 flex\">\n              <span>\n                {{position.name}}\n              </span>\n              <span class=\"mn-r-thin mn-l-thin t-transp\">|</span>\n\n              <span class=\"w-50\">\n                {{position.price}}\n                <span class=\"t-transp\">{{returnCurrency()}}</span> \n              </span>\n\n            </div>\n            \n            <div class=\"t-right w-50\">\n              {{position.quantity}}\n              <span class=\"t-transp\">{{position.type}}</span> \n            </div>\n          </div> \n        </div>\n      </transition>\n    </div>\n    \n\n  </div>\n</template>\n\n\n<script setup=\"props\">\n\timport { ref } from 'vue'\n\timport { useRouter } from 'vue-router'\n\n  import CardHeader  from '@pf/src/modules/globals/views/components/blocks/CardHeader.vue'\n\n  // Icons\n  import IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n  import PlaceholderUserpic from '@pf/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n\n\tconst router = useRouter()\n\n\tconst props = defineProps({\n\t  leftover: Object,\n\t});\n\n\n\tconst spoiler = ref(true)\n\n  function declOfNum(number, words) {  \n    return words[(number % 100 > 4 && number % 100 < 20) ? 2 : [2, 0, 1, 1, 1, 2][(number % 10 < 5) ? number % 10 : 5]];\n  }\n\t\n</script>\n\n<style lang=\"scss\" scoped>\n.shop-cart-item {\n\t&:first-of-type { padding-top: 0;}\n}\n\n.spoiler-active {\n  transform: rotate(180deg);\n}\n</style>\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2FgB,cAAW;AAO1B,UAAM,UAAU,IAAI,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardLeftover.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/CardLeftover.vue"],"sourcesContent":["<template>\n  <div class=\"flex-column pos-relative flex-wrap\">\n\n    <CardHeader \n      :entity=\"leftover\"\n      :entityType=\"'leftover'\"\n      :user=\"user\"\n      :owner=\"leftover.creator\" \n      :creator=\"leftover.creator\"\n      :date=\"leftover.createdAt\"\n    />\n\n    <router-link \n      :to=\"{\n        name: 'LeftoverEdit', \n        params: {\n          _id: leftover.organization,\n          leftover: leftover._id\n        }\n      }\" \n      class=\"\n        cursor-pointer \n        pos-absolute pos-t-regular pos-r-regular\n        radius-extra pd-thin bg-second\n      \"\n    >\n      <IconEdit\n        class=\"i-regular\"\n        classes=\"fill-white\"\n      />\n    </router-link>\n\n    <div class=\"mn-t-small w-100 bg-white radius-small pd-small spoiler\">\n      <div @click=\"spoiler = !spoiler\"  class=\"flex-v-center flex\">\n        <span \n          class=\"flex-child flex-child-shrink-0 capitalize w-max mn-r-thin t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin\"\n          :class=\"{\n            'bg-green': leftover.type === 'stock-in',\n            'bg-red': leftover.type === 'stock-out'\n          }\"\n        >\n          {{leftover.type}}\n        </span>\n        <span class=\"flex-child flex-child-shrink-0\">Positions {{leftover.positions.length}}</span>\n        <span v-if=\"leftover.order\" class=\"mn-r-thin mn-l-thin t-transp\">|</span>\n        <span  class=\"flex-child flex-child-shrink-0\" v-if=\"leftover.order\">For order {{leftover.order}}</span>\n        <span v-if=\"leftover.comment\" class=\"mn-r-thin mn-l-thin t-transp\">|</span>\n        <p v-if=\"leftover.comment\" class=\"t-truncate\">Comment: {{leftover.comment}}</p>\n        <!-- <img loading=\"lazy\" :class=\"{ 'spoiler-active': spoiler }\" class=\"button-icon\" src=\"@/assets/icons/arrow-down-spoiler.svg\"> -->\n      </div>\n\n      <transition name=\"fade\">\n        <div v-if=\"spoiler\">\n          <div  v-for=\"position in leftover.positions\" class=\"mn-t-small w-100 mn-b-thin flex\"> \n            <div class=\" w-50 flex\">\n              <span>\n                {{position.name}}\n              </span>\n              <span class=\"mn-r-thin mn-l-thin t-transp\">|</span>\n\n              <span class=\"w-50\">\n                {{position.price}}\n                <span class=\"t-transp\">{{returnCurrency()}}</span> \n              </span>\n\n            </div>\n            \n            <div class=\"t-right w-50\">\n              {{position.quantity}}\n              <span class=\"t-transp\">{{position.type}}</span> \n            </div>\n          </div> \n        </div>\n      </transition>\n    </div>\n    \n\n  </div>\n</template>\n\n\n<script setup=\"props\">\n\timport { ref } from 'vue'\n\timport { useRouter } from 'vue-router'\n\n  import CardHeader  from '@pf/src/modules/globals/views/components/blocks/CardHeader.vue'\n\n  // Icons\n  import IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n  import PlaceholderUserpic from '@pf/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n\n\tconst router = useRouter()\n\n\tconst props = defineProps({\n\t  leftover: Object,\n\t});\n\n\n\tconst spoiler = ref(true)\n\n  function declOfNum(number, words) {  \n    return words[(number % 100 > 4 && number % 100 < 20) ? 2 : [2, 0, 1, 1, 1, 2][(number % 10 < 5) ? number % 10 : 5]];\n  }\n\t\n</script>\n\n<style lang=\"scss\" scoped>\n.shop-cart-item {\n\t&:first-of-type { padding-top: 0;}\n}\n\n.spoiler-active {\n  transform: rotate(180deg);\n}\n</style>\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2FgB,cAAS;AAOxB,UAAM,UAAU,IAAI,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/blocks/CardPosition.vue.cjs

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

package/dist/prometheus-framework/src/modules/products/components/blocks/CardPosition.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CardPosition.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/CardPosition.vue"],"sourcesContent":["<template>\n\t<div class=\"gap-thin\">\n\t\t<div class=\"gap-thin mn-b-thin flex-nowrap flex\">\n\t\t\t<div\n\t\t\t\tclass=\"bg-white w-100 w-min-15r br-solid br-1px br-black-transp-5 pd-small radius-small\" \n\t\t\t>\n\t\t\t\t{{productSelected.name || productSelected._id.name}}\n\t\t\t</div>\n\t\t\t<!-- <SelectMulti\n\t\t\t\tv-model=\"productSelected\"\n\t\t\t\t:options=\"products\"\n\t\t\t\tlabel=\"name\"\n\t\t\t\t:multiple=\"false\"\n\t\t\t\t:taggable=\"false\"\n\t\t\t\tplaceholder=\"Select a product\"\n\t\t\t\tclass=\"bg-white w-100 w-min-15r br-solid br-1px br-black-transp-5 pd-small radius-small\" \n\t\t\t/> -->\n\t\t\t<Field \n\t\t\t\tv-if=\"!showPrice\"\n\t\t\t\tv-model:field=\"productQuantity\" \n\t\t\t\ttype=\"number\"  \n\t\t\t\tlabel=\"Qty\" \n\t\t\t\tclass=\"bg-white w-100 w-max-10r br-solid br-1px br-black-transp-5 pd-small radius-small\" \n\t\t\t>\n\t\t\t<Select \n\t\t\t\tv-model:select=\"productQuantityType\" \n\t\t\t\t:options=\"[\n\t\t\t\t\t'pcs',\n\t\t\t\t\t'g',\n\t\t\t\t\t'ml'\n\t\t\t\t]\"\n\t\t\t\tclass=\"bg-light pd-r-thin pd-l-thin pd-t-nano pd-b-nano radius-thin\"\n\t\t\t/>\n\n\t\t\t</Field>\n\t\t\t<button \n\t\t\t\tv-if=\"!product\"\n\t\t\t\t:disabled=\"!isProductValid\" \n\t\t\t\t@click=\"addProduct\" \n\t\t\t\tclass=\"bg-main aspect-1x1 radius-small pd-small\"\n\t\t\t>\n\t\t\t\t<IconAdd class=\"i-semi\"/>\n\t\t\t</button>\n\n\t\t\t<button \n\t\t\t\tv-if=\"product\"\n\t\t\t\t@click=\"deleteProduct\" \n\t\t\t\tclass=\"bg-red aspect-1x1 radius-small pd-small\"\n\t\t\t>\n\t\t\t\t<IconDelete class=\"i-semi\"/>\n\t\t\t</button>\n\t\t</div>\n\t\t<div v-if=\"showPrice\" class=\"gap-thin flex-nowrap flex\">\n\t\t\t<Field \n\t\t\t\tv-model:field=\"productPrice\"\n\t\t\t\ttype=\"number\"   \n\t\t\t\tlabel=\"Price\" \n\t\t\t\t:symbol=\"returnCurrency()\"\n\t\t\t\tclass=\"bg-white w-100 br-solid br-1px br-black-transp-5  pd-small radius-small\" \n\t\t\t/>\n\t\t\t<Field \n\t\t\t\tv-model:field=\"productQuantity\" \n\t\t\t\ttype=\"number\"  \n\t\t\t\tlabel=\"Qty\" \n\t\t\t\tclass=\"bg-white w-100 br-solid br-1px br-black-transp-5 pd-small radius-small\" \n\t\t\t>\n\t\t\t<Select \n\t\t\t\tv-model:select=\"productQuantityType\" \n\t\t\t\t:options=\"[\n\t\t\t\t\t'pcs',\n\t\t\t\t\t'g',\n\t\t\t\t\t'ml'\n\t\t\t\t]\"\n\t\t\t\tclass=\"bg-light pd-r-thin pd-l-thin pd-t-nano pd-b-nano radius-thin\"\n\t\t\t/>\n\n\t\t\t</Field>\n\t\t</div>\n\n\t\t\n\t\t\n\t</div>\n</template>\n\n<script setup>\n\timport { ref, computed, watch } from 'vue';\n\n\timport Field from '@pf/src/components/Field/Field.vue';\n  import Select from '@pf/src/components/Select/Select.vue';\n  import SelectMulti from '@pf/src/components/SelectMulti/SelectMulti.vue';\n\n  import { IconAdd, IconDelete} from '@pf/src/modules/icons/icons.client.js';\n\n\tconst props = defineProps({\n\t  product: Object,\n\t  products: Array,\n\t  array: Array,\n\t  showPrice: {\n\t  \ttype: Boolean,\n\t\t  default: true\n\t  }\n\t});\n\n\tconst emits = defineEmits([\n\t\t'add',\n\t\t'delete',\n\t\t'update'\n\t])\n\n\tconst productSelected = ref(null);\n\tconst productQuantity = ref(1);\n\tconst productQuantityType = ref('pcs');\n\tconst productPrice = ref(0);\n\n\tconst isProductValid = computed(() => \n    productSelected.value \n    && productQuantity.value > 0 \n    && productPrice.value >= 0\n\t);\n\n\twatch(props.array, () => {\n\t  productSelected.value = props.product\n\t\tproductQuantity.value = props.product.quantity || 1\n\t\tproductPrice.value = props.product.price\n\t\tproductQuantityType.value = props.product.type\n\t});\n\n\tif (props.product) {\n\t\tproductSelected.value = props.product\n\t\tproductQuantity.value = props.product.quantity || 1\n\t\tproductPrice.value = props.product.price\n\t\tproductQuantityType.value = props.product.type\n\t}\n\n\twatch([productSelected, productQuantity, productPrice, productQuantityType], () => {\n\t  emits('update', {\n\t    ...productSelected.value,\n\t    price: productPrice.value,\n\t    quantity: productQuantity.value || 1,\n\t    type: productQuantityType.value\n\t  });\n\t});\n\n\n\tfunction addProduct() {\n\t\temits('add', {\n\t\t\t...productSelected.value,\n\t\t\tprice: productPrice.value,\n\t\t\tquantity: productQuantity.value || 1,\n\t\t\ttype: productQuantityType.value\n\t  });\n\t}\n\n\tfunction deleteProduct() {\n\t  emits('delete', {\n\t\t\t...productSelected.value,\n\t\t\tprice: productPrice.value,\n\t\t\tquantity: productQuantity.value || 1,\n\t\t\ttype: productQuantityType.value\n\t  });\n\t}\n</script>"],"names":["ref","computed","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6FC,UAAM,QAAQ;AAUd,UAAM,QAAQ;AAMd,UAAM,kBAAkBA,QAAI,IAAI;AAChC,UAAM,kBAAkBA,QAAI,CAAC;AAC7B,UAAM,sBAAsBA,QAAI,KAAK;AACrC,UAAM,eAAeA,QAAI,CAAC;AAE1B,UAAM,iBAAiBC,IAAAA;AAAAA,MAAS,MAC7B,gBAAgB,SACb,gBAAgB,QAAQ,KACxB,aAAa,SAAS;AAAA,IAC7B;AAECC,cAAM,MAAM,OAAO,MAAM;AACvB,sBAAgB,QAAQ,MAAM;AAC/B,sBAAgB,QAAQ,MAAM,QAAQ,YAAY;AAClD,mBAAa,QAAQ,MAAM,QAAQ;AACnC,0BAAoB,QAAQ,MAAM,QAAQ;AAAA,IAC5C,CAAE;AAED,QAAI,MAAM,SAAS;AAClB,sBAAgB,QAAQ,MAAM;AAC9B,sBAAgB,QAAQ,MAAM,QAAQ,YAAY;AAClD,mBAAa,QAAQ,MAAM,QAAQ;AACnC,0BAAoB,QAAQ,MAAM,QAAQ;AAAA,IAC1C;AAEDA,QAAK,MAAC,CAAC,iBAAiB,iBAAiB,cAAc,mBAAmB,GAAG,MAAM;AACjF,YAAM,UAAU;AAAA,QACd,GAAG,gBAAgB;AAAA,QACnB,OAAO,aAAa;AAAA,QACpB,UAAU,gBAAgB,SAAS;AAAA,QACnC,MAAM,oBAAoB;AAAA,MAC/B,CAAI;AAAA,IACJ,CAAE;AAGD,aAAS,aAAa;AACrB,YAAM,OAAO;AAAA,QACZ,GAAG,gBAAgB;AAAA,QACnB,OAAO,aAAa;AAAA,QACpB,UAAU,gBAAgB,SAAS;AAAA,QACnC,MAAM,oBAAoB;AAAA,MAC7B,CAAI;AAAA,IACF;AAED,aAAS,gBAAgB;AACvB,YAAM,UAAU;AAAA,QAChB,GAAG,gBAAgB;AAAA,QACnB,OAAO,aAAa;AAAA,QACpB,UAAU,gBAAgB,SAAS;AAAA,QACnC,MAAM,oBAAoB;AAAA,MAC7B,CAAI;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardPosition.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/CardPosition.vue"],"sourcesContent":["<template>\n\t<div class=\"gap-thin\">\n\t\t<div class=\"gap-thin mn-b-thin flex-nowrap flex\">\n\t\t\t<div\n\t\t\t\tclass=\"bg-white w-100 w-min-15r br-solid br-1px br-black-transp-5 pd-small radius-small\" \n\t\t\t>\n\t\t\t\t{{productSelected.name || productSelected._id.name}}\n\t\t\t</div>\n\t\t\t<!-- <SelectMulti\n\t\t\t\tv-model=\"productSelected\"\n\t\t\t\t:options=\"products\"\n\t\t\t\tlabel=\"name\"\n\t\t\t\t:multiple=\"false\"\n\t\t\t\t:taggable=\"false\"\n\t\t\t\tplaceholder=\"Select a product\"\n\t\t\t\tclass=\"bg-white w-100 w-min-15r br-solid br-1px br-black-transp-5 pd-small radius-small\" \n\t\t\t/> -->\n\t\t\t<Field \n\t\t\t\tv-if=\"!showPrice\"\n\t\t\t\tv-model:field=\"productQuantity\" \n\t\t\t\ttype=\"number\"  \n\t\t\t\tlabel=\"Qty\" \n\t\t\t\tclass=\"bg-white w-100 w-max-10r br-solid br-1px br-black-transp-5 pd-small radius-small\" \n\t\t\t>\n\t\t\t<Select \n\t\t\t\tv-model:select=\"productQuantityType\" \n\t\t\t\t:options=\"[\n\t\t\t\t\t'pcs',\n\t\t\t\t\t'g',\n\t\t\t\t\t'ml'\n\t\t\t\t]\"\n\t\t\t\tclass=\"bg-light pd-r-thin pd-l-thin pd-t-nano pd-b-nano radius-thin\"\n\t\t\t/>\n\n\t\t\t</Field>\n\t\t\t<button \n\t\t\t\tv-if=\"!product\"\n\t\t\t\t:disabled=\"!isProductValid\" \n\t\t\t\t@click=\"addProduct\" \n\t\t\t\tclass=\"bg-main aspect-1x1 radius-small pd-small\"\n\t\t\t>\n\t\t\t\t<IconAdd class=\"i-semi\"/>\n\t\t\t</button>\n\n\t\t\t<button \n\t\t\t\tv-if=\"product\"\n\t\t\t\t@click=\"deleteProduct\" \n\t\t\t\tclass=\"bg-red aspect-1x1 radius-small pd-small\"\n\t\t\t>\n\t\t\t\t<IconDelete class=\"i-semi\"/>\n\t\t\t</button>\n\t\t</div>\n\t\t<div v-if=\"showPrice\" class=\"gap-thin flex-nowrap flex\">\n\t\t\t<Field \n\t\t\t\tv-model:field=\"productPrice\"\n\t\t\t\ttype=\"number\"   \n\t\t\t\tlabel=\"Price\" \n\t\t\t\t:symbol=\"returnCurrency()\"\n\t\t\t\tclass=\"bg-white w-100 br-solid br-1px br-black-transp-5  pd-small radius-small\" \n\t\t\t/>\n\t\t\t<Field \n\t\t\t\tv-model:field=\"productQuantity\" \n\t\t\t\ttype=\"number\"  \n\t\t\t\tlabel=\"Qty\" \n\t\t\t\tclass=\"bg-white w-100 br-solid br-1px br-black-transp-5 pd-small radius-small\" \n\t\t\t>\n\t\t\t<Select \n\t\t\t\tv-model:select=\"productQuantityType\" \n\t\t\t\t:options=\"[\n\t\t\t\t\t'pcs',\n\t\t\t\t\t'g',\n\t\t\t\t\t'ml'\n\t\t\t\t]\"\n\t\t\t\tclass=\"bg-light pd-r-thin pd-l-thin pd-t-nano pd-b-nano radius-thin\"\n\t\t\t/>\n\n\t\t\t</Field>\n\t\t</div>\n\n\t\t\n\t\t\n\t</div>\n</template>\n\n<script setup>\n\timport { ref, computed, watch } from 'vue';\n\n\timport Field from '@pf/src/components/Field/Field.vue';\n  import Select from '@pf/src/components/Select/Select.vue';\n  import SelectMulti from '@pf/src/components/SelectMulti/SelectMulti.vue';\n\n  import { IconAdd, IconDelete} from '@pf/src/modules/icons/icons.client.js';\n\n\tconst props = defineProps({\n\t  product: Object,\n\t  products: Array,\n\t  array: Array,\n\t  showPrice: {\n\t  \ttype: Boolean,\n\t\t  default: true\n\t  }\n\t});\n\n\tconst emits = defineEmits([\n\t\t'add',\n\t\t'delete',\n\t\t'update'\n\t])\n\n\tconst productSelected = ref(null);\n\tconst productQuantity = ref(1);\n\tconst productQuantityType = ref('pcs');\n\tconst productPrice = ref(0);\n\n\tconst isProductValid = computed(() => \n    productSelected.value \n    && productQuantity.value > 0 \n    && productPrice.value >= 0\n\t);\n\n\twatch(props.array, () => {\n\t  productSelected.value = props.product\n\t\tproductQuantity.value = props.product.quantity || 1\n\t\tproductPrice.value = props.product.price\n\t\tproductQuantityType.value = props.product.type\n\t});\n\n\tif (props.product) {\n\t\tproductSelected.value = props.product\n\t\tproductQuantity.value = props.product.quantity || 1\n\t\tproductPrice.value = props.product.price\n\t\tproductQuantityType.value = props.product.type\n\t}\n\n\twatch([productSelected, productQuantity, productPrice, productQuantityType], () => {\n\t  emits('update', {\n\t    ...productSelected.value,\n\t    price: productPrice.value,\n\t    quantity: productQuantity.value || 1,\n\t    type: productQuantityType.value\n\t  });\n\t});\n\n\n\tfunction addProduct() {\n\t\temits('add', {\n\t\t\t...productSelected.value,\n\t\t\tprice: productPrice.value,\n\t\t\tquantity: productQuantity.value || 1,\n\t\t\ttype: productQuantityType.value\n\t  });\n\t}\n\n\tfunction deleteProduct() {\n\t  emits('delete', {\n\t\t\t...productSelected.value,\n\t\t\tprice: productPrice.value,\n\t\t\tquantity: productQuantity.value || 1,\n\t\t\ttype: productQuantityType.value\n\t  });\n\t}\n</script>"],"names":["ref","computed","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6FC,UAAM,QAAQ;AAUd,UAAM,QAAQ;AAMd,UAAM,kBAAkBA,IAAG,IAAC,IAAI;AAChC,UAAM,kBAAkBA,IAAG,IAAC,CAAC;AAC7B,UAAM,sBAAsBA,IAAG,IAAC,KAAK;AACrC,UAAM,eAAeA,IAAG,IAAC,CAAC;AAE1B,UAAM,iBAAiBC,IAAAA;AAAAA,MAAS,MAC7B,gBAAgB,SACb,gBAAgB,QAAQ,KACxB,aAAa,SAAS;AAAA,IAC3B;AAEDC,cAAM,MAAM,OAAO,MAAM;AACvB,sBAAgB,QAAQ,MAAM;AAC/B,sBAAgB,QAAQ,MAAM,QAAQ,YAAY;AAClD,mBAAa,QAAQ,MAAM,QAAQ;AACnC,0BAAoB,QAAQ,MAAM,QAAQ;AAAA,IAC5C,CAAE;AAED,QAAI,MAAM,SAAS;AAClB,sBAAgB,QAAQ,MAAM;AAC9B,sBAAgB,QAAQ,MAAM,QAAQ,YAAY;AAClD,mBAAa,QAAQ,MAAM,QAAQ;AACnC,0BAAoB,QAAQ,MAAM,QAAQ;AAAA,IAC5C;AAECA,QAAK,MAAC,CAAC,iBAAiB,iBAAiB,cAAc,mBAAmB,GAAG,MAAM;AACjF,YAAM,UAAU;AAAA,QACd,GAAG,gBAAgB;AAAA,QACnB,OAAO,aAAa;AAAA,QACpB,UAAU,gBAAgB,SAAS;AAAA,QACnC,MAAM,oBAAoB;AAAA,MAC/B,CAAI;AAAA,IACJ,CAAE;AAGD,aAAS,aAAa;AACrB,YAAM,OAAO;AAAA,QACZ,GAAG,gBAAgB;AAAA,QACnB,OAAO,aAAa;AAAA,QACpB,UAAU,gBAAgB,SAAS;AAAA,QACnC,MAAM,oBAAoB;AAAA,MAC7B,CAAI;AAAA,IACJ;AAEC,aAAS,gBAAgB;AACvB,YAAM,UAAU;AAAA,QAChB,GAAG,gBAAgB;AAAA,QACnB,OAAO,aAAa;AAAA,QACpB,UAAU,gBAAgB,SAAS;AAAA,QACnC,MAAM,oBAAoB;AAAA,MAC7B,CAAI;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/blocks/CardPosition.vue.js

@@ -1,5 +1,5 @@
-import { ref, computed, watch, openBlock, createElementBlock, createElementVNode, toDisplayString, createBlock, withCtx, createVNode, createCommentVNode, unref } from "vue";
-import Field from "../../../../components/Field/Field.vue.js";
+import { ref, computed, watch, createElementBlock, openBlock, createElementVNode, createCommentVNode, createBlock, toDisplayString, withCtx, createVNode, unref } from "vue";
+import Field from "../../../../components/Field/Field.vue2.js";
 import Select from "../../../../components/Select/Select.vue.js";
 /* empty css                                                 */
 /* empty css                                        */

package/dist/prometheus-framework/src/modules/products/components/blocks/CardPosition.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardPosition.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/CardPosition.vue"],"sourcesContent":["<template>\n\t<div class=\"gap-thin\">\n\t\t<div class=\"gap-thin mn-b-thin flex-nowrap flex\">\n\t\t\t<div\n\t\t\t\tclass=\"bg-white w-100 w-min-15r br-solid br-1px br-black-transp-5 pd-small radius-small\" \n\t\t\t>\n\t\t\t\t{{productSelected.name || productSelected._id.name}}\n\t\t\t</div>\n\t\t\t<!-- <SelectMulti\n\t\t\t\tv-model=\"productSelected\"\n\t\t\t\t:options=\"products\"\n\t\t\t\tlabel=\"name\"\n\t\t\t\t:multiple=\"false\"\n\t\t\t\t:taggable=\"false\"\n\t\t\t\tplaceholder=\"Select a product\"\n\t\t\t\tclass=\"bg-white w-100 w-min-15r br-solid br-1px br-black-transp-5 pd-small radius-small\" \n\t\t\t/> -->\n\t\t\t<Field \n\t\t\t\tv-if=\"!showPrice\"\n\t\t\t\tv-model:field=\"productQuantity\" \n\t\t\t\ttype=\"number\"  \n\t\t\t\tlabel=\"Qty\" \n\t\t\t\tclass=\"bg-white w-100 w-max-10r br-solid br-1px br-black-transp-5 pd-small radius-small\" \n\t\t\t>\n\t\t\t<Select \n\t\t\t\tv-model:select=\"productQuantityType\" \n\t\t\t\t:options=\"[\n\t\t\t\t\t'pcs',\n\t\t\t\t\t'g',\n\t\t\t\t\t'ml'\n\t\t\t\t]\"\n\t\t\t\tclass=\"bg-light pd-r-thin pd-l-thin pd-t-nano pd-b-nano radius-thin\"\n\t\t\t/>\n\n\t\t\t</Field>\n\t\t\t<button \n\t\t\t\tv-if=\"!product\"\n\t\t\t\t:disabled=\"!isProductValid\" \n\t\t\t\t@click=\"addProduct\" \n\t\t\t\tclass=\"bg-main aspect-1x1 radius-small pd-small\"\n\t\t\t>\n\t\t\t\t<IconAdd class=\"i-semi\"/>\n\t\t\t</button>\n\n\t\t\t<button \n\t\t\t\tv-if=\"product\"\n\t\t\t\t@click=\"deleteProduct\" \n\t\t\t\tclass=\"bg-red aspect-1x1 radius-small pd-small\"\n\t\t\t>\n\t\t\t\t<IconDelete class=\"i-semi\"/>\n\t\t\t</button>\n\t\t</div>\n\t\t<div v-if=\"showPrice\" class=\"gap-thin flex-nowrap flex\">\n\t\t\t<Field \n\t\t\t\tv-model:field=\"productPrice\"\n\t\t\t\ttype=\"number\"   \n\t\t\t\tlabel=\"Price\" \n\t\t\t\t:symbol=\"returnCurrency()\"\n\t\t\t\tclass=\"bg-white w-100 br-solid br-1px br-black-transp-5  pd-small radius-small\" \n\t\t\t/>\n\t\t\t<Field \n\t\t\t\tv-model:field=\"productQuantity\" \n\t\t\t\ttype=\"number\"  \n\t\t\t\tlabel=\"Qty\" \n\t\t\t\tclass=\"bg-white w-100 br-solid br-1px br-black-transp-5 pd-small radius-small\" \n\t\t\t>\n\t\t\t<Select \n\t\t\t\tv-model:select=\"productQuantityType\" \n\t\t\t\t:options=\"[\n\t\t\t\t\t'pcs',\n\t\t\t\t\t'g',\n\t\t\t\t\t'ml'\n\t\t\t\t]\"\n\t\t\t\tclass=\"bg-light pd-r-thin pd-l-thin pd-t-nano pd-b-nano radius-thin\"\n\t\t\t/>\n\n\t\t\t</Field>\n\t\t</div>\n\n\t\t\n\t\t\n\t</div>\n</template>\n\n<script setup>\n\timport { ref, computed, watch } from 'vue';\n\n\timport Field from '@pf/src/components/Field/Field.vue';\n  import Select from '@pf/src/components/Select/Select.vue';\n  import SelectMulti from '@pf/src/components/SelectMulti/SelectMulti.vue';\n\n  import { IconAdd, IconDelete} from '@pf/src/modules/icons/icons.client.js';\n\n\tconst props = defineProps({\n\t  product: Object,\n\t  products: Array,\n\t  array: Array,\n\t  showPrice: {\n\t  \ttype: Boolean,\n\t\t  default: true\n\t  }\n\t});\n\n\tconst emits = defineEmits([\n\t\t'add',\n\t\t'delete',\n\t\t'update'\n\t])\n\n\tconst productSelected = ref(null);\n\tconst productQuantity = ref(1);\n\tconst productQuantityType = ref('pcs');\n\tconst productPrice = ref(0);\n\n\tconst isProductValid = computed(() => \n    productSelected.value \n    && productQuantity.value > 0 \n    && productPrice.value >= 0\n\t);\n\n\twatch(props.array, () => {\n\t  productSelected.value = props.product\n\t\tproductQuantity.value = props.product.quantity || 1\n\t\tproductPrice.value = props.product.price\n\t\tproductQuantityType.value = props.product.type\n\t});\n\n\tif (props.product) {\n\t\tproductSelected.value = props.product\n\t\tproductQuantity.value = props.product.quantity || 1\n\t\tproductPrice.value = props.product.price\n\t\tproductQuantityType.value = props.product.type\n\t}\n\n\twatch([productSelected, productQuantity, productPrice, productQuantityType], () => {\n\t  emits('update', {\n\t    ...productSelected.value,\n\t    price: productPrice.value,\n\t    quantity: productQuantity.value || 1,\n\t    type: productQuantityType.value\n\t  });\n\t});\n\n\n\tfunction addProduct() {\n\t\temits('add', {\n\t\t\t...productSelected.value,\n\t\t\tprice: productPrice.value,\n\t\t\tquantity: productQuantity.value || 1,\n\t\t\ttype: productQuantityType.value\n\t  });\n\t}\n\n\tfunction deleteProduct() {\n\t  emits('delete', {\n\t\t\t...productSelected.value,\n\t\t\tprice: productPrice.value,\n\t\t\tquantity: productQuantity.value || 1,\n\t\t\ttype: productQuantityType.value\n\t  });\n\t}\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6FC,UAAM,QAAQ;AAUd,UAAM,QAAQ;AAMd,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,kBAAkB,IAAI,CAAC;AAC7B,UAAM,sBAAsB,IAAI,KAAK;AACrC,UAAM,eAAe,IAAI,CAAC;AAE1B,UAAM,iBAAiB;AAAA,MAAS,MAC7B,gBAAgB,SACb,gBAAgB,QAAQ,KACxB,aAAa,SAAS;AAAA,IAC7B;AAEC,UAAM,MAAM,OAAO,MAAM;AACvB,sBAAgB,QAAQ,MAAM;AAC/B,sBAAgB,QAAQ,MAAM,QAAQ,YAAY;AAClD,mBAAa,QAAQ,MAAM,QAAQ;AACnC,0BAAoB,QAAQ,MAAM,QAAQ;AAAA,IAC5C,CAAE;AAED,QAAI,MAAM,SAAS;AAClB,sBAAgB,QAAQ,MAAM;AAC9B,sBAAgB,QAAQ,MAAM,QAAQ,YAAY;AAClD,mBAAa,QAAQ,MAAM,QAAQ;AACnC,0BAAoB,QAAQ,MAAM,QAAQ;AAAA,IAC1C;AAED,UAAM,CAAC,iBAAiB,iBAAiB,cAAc,mBAAmB,GAAG,MAAM;AACjF,YAAM,UAAU;AAAA,QACd,GAAG,gBAAgB;AAAA,QACnB,OAAO,aAAa;AAAA,QACpB,UAAU,gBAAgB,SAAS;AAAA,QACnC,MAAM,oBAAoB;AAAA,MAC/B,CAAI;AAAA,IACJ,CAAE;AAGD,aAAS,aAAa;AACrB,YAAM,OAAO;AAAA,QACZ,GAAG,gBAAgB;AAAA,QACnB,OAAO,aAAa;AAAA,QACpB,UAAU,gBAAgB,SAAS;AAAA,QACnC,MAAM,oBAAoB;AAAA,MAC7B,CAAI;AAAA,IACF;AAED,aAAS,gBAAgB;AACvB,YAAM,UAAU;AAAA,QAChB,GAAG,gBAAgB;AAAA,QACnB,OAAO,aAAa;AAAA,QACpB,UAAU,gBAAgB,SAAS;AAAA,QACnC,MAAM,oBAAoB;AAAA,MAC7B,CAAI;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardPosition.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/CardPosition.vue"],"sourcesContent":["<template>\n\t<div class=\"gap-thin\">\n\t\t<div class=\"gap-thin mn-b-thin flex-nowrap flex\">\n\t\t\t<div\n\t\t\t\tclass=\"bg-white w-100 w-min-15r br-solid br-1px br-black-transp-5 pd-small radius-small\" \n\t\t\t>\n\t\t\t\t{{productSelected.name || productSelected._id.name}}\n\t\t\t</div>\n\t\t\t<!-- <SelectMulti\n\t\t\t\tv-model=\"productSelected\"\n\t\t\t\t:options=\"products\"\n\t\t\t\tlabel=\"name\"\n\t\t\t\t:multiple=\"false\"\n\t\t\t\t:taggable=\"false\"\n\t\t\t\tplaceholder=\"Select a product\"\n\t\t\t\tclass=\"bg-white w-100 w-min-15r br-solid br-1px br-black-transp-5 pd-small radius-small\" \n\t\t\t/> -->\n\t\t\t<Field \n\t\t\t\tv-if=\"!showPrice\"\n\t\t\t\tv-model:field=\"productQuantity\" \n\t\t\t\ttype=\"number\"  \n\t\t\t\tlabel=\"Qty\" \n\t\t\t\tclass=\"bg-white w-100 w-max-10r br-solid br-1px br-black-transp-5 pd-small radius-small\" \n\t\t\t>\n\t\t\t<Select \n\t\t\t\tv-model:select=\"productQuantityType\" \n\t\t\t\t:options=\"[\n\t\t\t\t\t'pcs',\n\t\t\t\t\t'g',\n\t\t\t\t\t'ml'\n\t\t\t\t]\"\n\t\t\t\tclass=\"bg-light pd-r-thin pd-l-thin pd-t-nano pd-b-nano radius-thin\"\n\t\t\t/>\n\n\t\t\t</Field>\n\t\t\t<button \n\t\t\t\tv-if=\"!product\"\n\t\t\t\t:disabled=\"!isProductValid\" \n\t\t\t\t@click=\"addProduct\" \n\t\t\t\tclass=\"bg-main aspect-1x1 radius-small pd-small\"\n\t\t\t>\n\t\t\t\t<IconAdd class=\"i-semi\"/>\n\t\t\t</button>\n\n\t\t\t<button \n\t\t\t\tv-if=\"product\"\n\t\t\t\t@click=\"deleteProduct\" \n\t\t\t\tclass=\"bg-red aspect-1x1 radius-small pd-small\"\n\t\t\t>\n\t\t\t\t<IconDelete class=\"i-semi\"/>\n\t\t\t</button>\n\t\t</div>\n\t\t<div v-if=\"showPrice\" class=\"gap-thin flex-nowrap flex\">\n\t\t\t<Field \n\t\t\t\tv-model:field=\"productPrice\"\n\t\t\t\ttype=\"number\"   \n\t\t\t\tlabel=\"Price\" \n\t\t\t\t:symbol=\"returnCurrency()\"\n\t\t\t\tclass=\"bg-white w-100 br-solid br-1px br-black-transp-5  pd-small radius-small\" \n\t\t\t/>\n\t\t\t<Field \n\t\t\t\tv-model:field=\"productQuantity\" \n\t\t\t\ttype=\"number\"  \n\t\t\t\tlabel=\"Qty\" \n\t\t\t\tclass=\"bg-white w-100 br-solid br-1px br-black-transp-5 pd-small radius-small\" \n\t\t\t>\n\t\t\t<Select \n\t\t\t\tv-model:select=\"productQuantityType\" \n\t\t\t\t:options=\"[\n\t\t\t\t\t'pcs',\n\t\t\t\t\t'g',\n\t\t\t\t\t'ml'\n\t\t\t\t]\"\n\t\t\t\tclass=\"bg-light pd-r-thin pd-l-thin pd-t-nano pd-b-nano radius-thin\"\n\t\t\t/>\n\n\t\t\t</Field>\n\t\t</div>\n\n\t\t\n\t\t\n\t</div>\n</template>\n\n<script setup>\n\timport { ref, computed, watch } from 'vue';\n\n\timport Field from '@pf/src/components/Field/Field.vue';\n  import Select from '@pf/src/components/Select/Select.vue';\n  import SelectMulti from '@pf/src/components/SelectMulti/SelectMulti.vue';\n\n  import { IconAdd, IconDelete} from '@pf/src/modules/icons/icons.client.js';\n\n\tconst props = defineProps({\n\t  product: Object,\n\t  products: Array,\n\t  array: Array,\n\t  showPrice: {\n\t  \ttype: Boolean,\n\t\t  default: true\n\t  }\n\t});\n\n\tconst emits = defineEmits([\n\t\t'add',\n\t\t'delete',\n\t\t'update'\n\t])\n\n\tconst productSelected = ref(null);\n\tconst productQuantity = ref(1);\n\tconst productQuantityType = ref('pcs');\n\tconst productPrice = ref(0);\n\n\tconst isProductValid = computed(() => \n    productSelected.value \n    && productQuantity.value > 0 \n    && productPrice.value >= 0\n\t);\n\n\twatch(props.array, () => {\n\t  productSelected.value = props.product\n\t\tproductQuantity.value = props.product.quantity || 1\n\t\tproductPrice.value = props.product.price\n\t\tproductQuantityType.value = props.product.type\n\t});\n\n\tif (props.product) {\n\t\tproductSelected.value = props.product\n\t\tproductQuantity.value = props.product.quantity || 1\n\t\tproductPrice.value = props.product.price\n\t\tproductQuantityType.value = props.product.type\n\t}\n\n\twatch([productSelected, productQuantity, productPrice, productQuantityType], () => {\n\t  emits('update', {\n\t    ...productSelected.value,\n\t    price: productPrice.value,\n\t    quantity: productQuantity.value || 1,\n\t    type: productQuantityType.value\n\t  });\n\t});\n\n\n\tfunction addProduct() {\n\t\temits('add', {\n\t\t\t...productSelected.value,\n\t\t\tprice: productPrice.value,\n\t\t\tquantity: productQuantity.value || 1,\n\t\t\ttype: productQuantityType.value\n\t  });\n\t}\n\n\tfunction deleteProduct() {\n\t  emits('delete', {\n\t\t\t...productSelected.value,\n\t\t\tprice: productPrice.value,\n\t\t\tquantity: productQuantity.value || 1,\n\t\t\ttype: productQuantityType.value\n\t  });\n\t}\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6FC,UAAM,QAAQ;AAUd,UAAM,QAAQ;AAMd,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,kBAAkB,IAAI,CAAC;AAC7B,UAAM,sBAAsB,IAAI,KAAK;AACrC,UAAM,eAAe,IAAI,CAAC;AAE1B,UAAM,iBAAiB;AAAA,MAAS,MAC7B,gBAAgB,SACb,gBAAgB,QAAQ,KACxB,aAAa,SAAS;AAAA,IAC3B;AAED,UAAM,MAAM,OAAO,MAAM;AACvB,sBAAgB,QAAQ,MAAM;AAC/B,sBAAgB,QAAQ,MAAM,QAAQ,YAAY;AAClD,mBAAa,QAAQ,MAAM,QAAQ;AACnC,0BAAoB,QAAQ,MAAM,QAAQ;AAAA,IAC5C,CAAE;AAED,QAAI,MAAM,SAAS;AAClB,sBAAgB,QAAQ,MAAM;AAC9B,sBAAgB,QAAQ,MAAM,QAAQ,YAAY;AAClD,mBAAa,QAAQ,MAAM,QAAQ;AACnC,0BAAoB,QAAQ,MAAM,QAAQ;AAAA,IAC5C;AAEC,UAAM,CAAC,iBAAiB,iBAAiB,cAAc,mBAAmB,GAAG,MAAM;AACjF,YAAM,UAAU;AAAA,QACd,GAAG,gBAAgB;AAAA,QACnB,OAAO,aAAa;AAAA,QACpB,UAAU,gBAAgB,SAAS;AAAA,QACnC,MAAM,oBAAoB;AAAA,MAC/B,CAAI;AAAA,IACJ,CAAE;AAGD,aAAS,aAAa;AACrB,YAAM,OAAO;AAAA,QACZ,GAAG,gBAAgB;AAAA,QACnB,OAAO,aAAa;AAAA,QACpB,UAAU,gBAAgB,SAAS;AAAA,QACnC,MAAM,oBAAoB;AAAA,MAC7B,CAAI;AAAA,IACJ;AAEC,aAAS,gBAAgB;AACvB,YAAM,UAAU;AAAA,QAChB,GAAG,gBAAgB;AAAA,QACnB,OAAO,aAAa;AAAA,QACpB,UAAU,gBAAgB,SAAS;AAAA,QACnC,MAAM,oBAAoB;AAAA,MAC7B,CAAI;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/blocks/CardProduct.vue.cjs

@@ -49,7 +49,7 @@ const _sfc_main = {
     }
   },
   setup(__props) {
-    vueI18n.useI18n();
+    const { t } = vueI18n.useI18n();
     return (_ctx, _cache) => {
       var _a, _b;
       const _component_router_link = vue.resolveComponent("router-link");

package/dist/prometheus-framework/src/modules/products/components/blocks/CardProduct.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CardProduct.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/CardProduct.vue"],"sourcesContent":["<template>\n\t<div \n\t\tclass=\"\n\t\t\tradius-medium \n\t\t\tcols-1\n\t\t\to-hidden\n\t\t\tpos-relative\n\t\t\"\n\t>\n\n\t\t<!-- listing/ -->\n\t\t<router-link\n\t\t\tv-if=\"access\"\n      :to=\"organization ? { name: 'Organization_ProductEdit', params: { _id: organization, product: product._id\t} } : { name: 'ProductEdit' }\" \n      class=\"\n      \tz-index-2\n        cursor-pointer \n        pos-absolute pos-t-regular pos-r-regular\n        radius-extra pd-thin bg-second\n      \"\n    >\n      <IconEdit\n        class=\"i-regular\"\n        classes=\"fill-white\"\n      />\n    </router-link>\n\n\t\t<!-- Product Image Sqaure -->\n\n\n\t\t<div \n\t\t\tclass=\"o-hidden pd-thin pd-b-zero radius-medium o-hidden w-100 pos-relative aspect-1x1\"\n\t\t\t:class=\"\n\t\t\t\tproduct.information[2] \n\t\t\t\t&& product.information[2].value === 'AAAA' \n\t\t\t\t? 'bg-dark' \n\t\t\t\t: 'bg-light'\n\t\t\t\"\n\t\t>\n\n\t\t\t<!-- Image Wrappers  -->\n\t\t\t<img loading=\"lazy\" \n\t\t\t\tv-if=\"product.images[0]\" \n\t\t\t\t:src=\"(FILE_SERVER_URL || '') + product.images[0].split('/').slice(0, -1).join('/') + '/thumbnail_' + product.images[0].split('/').pop()\"\n\t\t\t\tclass=\"pos-absolute object-fit-cover h-max-100 w-100\"\n\t\t\t>\n\n\t\t\t<PlaceholderImage\n\t\t\t\tv-else\n\t\t\t\tclass=\"bg-white radius-medium h-100 w-100\"\n\t\t\t/>\n\t\t\t<span v-if=\"product.quantity <= 0 && product.listing === 'rent'\" class=\"pos-absolute bg-white t-black pd-thin radius-big p-small t-medium pos-t-medium pos-l-medium\">Out of Stock</span>\n\t\t\t<THC v-if=\"product.information?.length > 0 && product.information[1]?.name === 'THC'\" :product=\"product\" />\n\t\t</div>\n\n\t\t<!-- Product Info Start -->\n\t\t<div  class=\"pd-small t-left product-card-content\">\n\t\t\t<!-- Detail -->\n\t\t\t<p \n\t\t\t\tv-if=\"product.information.length > 0\"  \n\t\t\t\tclass=\"t-semi h6\"\n\t\t\t\t:class=\"\n\t\t\t\t\tproduct.information[2] \n\t\t\t\t\t&& product.information[2].value === 'AAAA' \n\t\t\t\t\t? 't-violet' \n\t\t\t\t\t: 't-main'\n\t\t\t\t\" \n\t\t\t>\n\t\t\t\t{{product.information[0].value}}\n\t\t\t</p>\n\t\t\t<!-- Name -->\n\t\t\t<span style=\" hyphens: auto;\" class=\"word-break mn-b-thin w-100 w-max-100 t-regular h5\">\n\t\t\t\t{{product.name.substring(0,32)}}...\n\t\t\t</span>\n\n\t\t\t<p \n\t\t\t\tv-if=\"product.description && !product.localization && product.listing !== 'rent'\" \n\t\t\t\tclass=\"mn-b-small t-transp p-small\"\n\t\t\t>\n\t\t\t\t{{product.description.substring(0, 99)}}...\n\t\t\t</p>\n\n\t\t\t<div class=\"flex-v-center flex-nowrap flex\">\n\t\t\t\t<Price \n\t\t\t\t\t:product=\"product\" \n\t\t\t\t\tsize=\"small\" \n\t\t\t\t\tclass=\"mn-r-auto\" \n\t\t\t\t/>\n\t\t\t\t\n\t\t\t\t<button\n\t\t\t\t\tv-if=\"user && product.listing === 'rent'\"\n\t\t      class=\"\n\t\t      \tz-index-2\n\t\t        cursor-pointer \n\t\t        radius-extra pd-thin bg-main\n\t\t      \"\n\t\t    >\n\t\t      <IconShopcartAdd\n\t\t\t\t\t\tclass=\"i-medium\"\n\t\t\t\t\t/>\n\t\t    </button>\n\t\t  </div>\n\t\t</div>\n\n\t</div>\n\n</template>\n\n\n<script setup=\"props\">\n\timport {computed } from 'vue'\n\timport { useI18n }    from 'vue-i18n'\n\n\timport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n\timport IconShopcartAdd from '@pf/src/modules/icons/actions/IconShopcartAdd.vue'\n\n\timport THC from '@pf/src/modules/products/components/elements/THC.vue'\n\timport Price from '@pf/src/modules/products/components/elements/Price.vue'\n\n\timport PlaceholderImage from '@pf/src/modules/icons/placeholders/PlaceholderImage.vue'\n\n\tconst props = defineProps({\n\t\tproduct: {\n\t\t\ttype: Object\n\t\t},\n\t\taccess: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\torganization: {\n\t\t\ttype: String\n\t\t},\n\t\tuser: {\n\t\t\ttype: [Object, String] \n\t\t},\n\t\ttype: {\n\t\t\ttype: Object\n\t\t}\n\t})\n\n  const { t } = useI18n()\n</script>\n\n<style lang=\"scss\">\n.word-break {\n  width: 100%; \n  overflow: auto;\n  overflow-wrap: break-word;\n  word-break: break-all;\n  white-space: -moz-pre-wrap;\n  white-space: -hp-pre-wrap;\n  white-space: -o-pre-wrap;\n  white-space: -pre-wrap; \n  white-space: pre-wrap; \n  white-space: pre-line; \n  word-wrap: break-word;\n}\n</style>\n\n\n"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4IgBA,oBAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardProduct.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/CardProduct.vue"],"sourcesContent":["<template>\n\t<div \n\t\tclass=\"\n\t\t\tradius-medium \n\t\t\tcols-1\n\t\t\to-hidden\n\t\t\tpos-relative\n\t\t\"\n\t>\n\n\t\t<!-- listing/ -->\n\t\t<router-link\n\t\t\tv-if=\"access\"\n      :to=\"organization ? { name: 'Organization_ProductEdit', params: { _id: organization, product: product._id\t} } : { name: 'ProductEdit' }\" \n      class=\"\n      \tz-index-2\n        cursor-pointer \n        pos-absolute pos-t-regular pos-r-regular\n        radius-extra pd-thin bg-second\n      \"\n    >\n      <IconEdit\n        class=\"i-regular\"\n        classes=\"fill-white\"\n      />\n    </router-link>\n\n\t\t<!-- Product Image Sqaure -->\n\n\n\t\t<div \n\t\t\tclass=\"o-hidden pd-thin pd-b-zero radius-medium o-hidden w-100 pos-relative aspect-1x1\"\n\t\t\t:class=\"\n\t\t\t\tproduct.information[2] \n\t\t\t\t&& product.information[2].value === 'AAAA' \n\t\t\t\t? 'bg-dark' \n\t\t\t\t: 'bg-light'\n\t\t\t\"\n\t\t>\n\n\t\t\t<!-- Image Wrappers  -->\n\t\t\t<img loading=\"lazy\" \n\t\t\t\tv-if=\"product.images[0]\" \n\t\t\t\t:src=\"(FILE_SERVER_URL || '') + product.images[0].split('/').slice(0, -1).join('/') + '/thumbnail_' + product.images[0].split('/').pop()\"\n\t\t\t\tclass=\"pos-absolute object-fit-cover h-max-100 w-100\"\n\t\t\t>\n\n\t\t\t<PlaceholderImage\n\t\t\t\tv-else\n\t\t\t\tclass=\"bg-white radius-medium h-100 w-100\"\n\t\t\t/>\n\t\t\t<span v-if=\"product.quantity <= 0 && product.listing === 'rent'\" class=\"pos-absolute bg-white t-black pd-thin radius-big p-small t-medium pos-t-medium pos-l-medium\">Out of Stock</span>\n\t\t\t<THC v-if=\"product.information?.length > 0 && product.information[1]?.name === 'THC'\" :product=\"product\" />\n\t\t</div>\n\n\t\t<!-- Product Info Start -->\n\t\t<div  class=\"pd-small t-left product-card-content\">\n\t\t\t<!-- Detail -->\n\t\t\t<p \n\t\t\t\tv-if=\"product.information.length > 0\"  \n\t\t\t\tclass=\"t-semi h6\"\n\t\t\t\t:class=\"\n\t\t\t\t\tproduct.information[2] \n\t\t\t\t\t&& product.information[2].value === 'AAAA' \n\t\t\t\t\t? 't-violet' \n\t\t\t\t\t: 't-main'\n\t\t\t\t\" \n\t\t\t>\n\t\t\t\t{{product.information[0].value}}\n\t\t\t</p>\n\t\t\t<!-- Name -->\n\t\t\t<span style=\" hyphens: auto;\" class=\"word-break mn-b-thin w-100 w-max-100 t-regular h5\">\n\t\t\t\t{{product.name.substring(0,32)}}...\n\t\t\t</span>\n\n\t\t\t<p \n\t\t\t\tv-if=\"product.description && !product.localization && product.listing !== 'rent'\" \n\t\t\t\tclass=\"mn-b-small t-transp p-small\"\n\t\t\t>\n\t\t\t\t{{product.description.substring(0, 99)}}...\n\t\t\t</p>\n\n\t\t\t<div class=\"flex-v-center flex-nowrap flex\">\n\t\t\t\t<Price \n\t\t\t\t\t:product=\"product\" \n\t\t\t\t\tsize=\"small\" \n\t\t\t\t\tclass=\"mn-r-auto\" \n\t\t\t\t/>\n\t\t\t\t\n\t\t\t\t<button\n\t\t\t\t\tv-if=\"user && product.listing === 'rent'\"\n\t\t      class=\"\n\t\t      \tz-index-2\n\t\t        cursor-pointer \n\t\t        radius-extra pd-thin bg-main\n\t\t      \"\n\t\t    >\n\t\t      <IconShopcartAdd\n\t\t\t\t\t\tclass=\"i-medium\"\n\t\t\t\t\t/>\n\t\t    </button>\n\t\t  </div>\n\t\t</div>\n\n\t</div>\n\n</template>\n\n\n<script setup=\"props\">\n\timport {computed } from 'vue'\n\timport { useI18n }    from 'vue-i18n'\n\n\timport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n\timport IconShopcartAdd from '@pf/src/modules/icons/actions/IconShopcartAdd.vue'\n\n\timport THC from '@pf/src/modules/products/components/elements/THC.vue'\n\timport Price from '@pf/src/modules/products/components/elements/Price.vue'\n\n\timport PlaceholderImage from '@pf/src/modules/icons/placeholders/PlaceholderImage.vue'\n\n\tconst props = defineProps({\n\t\tproduct: {\n\t\t\ttype: Object\n\t\t},\n\t\taccess: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\torganization: {\n\t\t\ttype: String\n\t\t},\n\t\tuser: {\n\t\t\ttype: [Object, String] \n\t\t},\n\t\ttype: {\n\t\t\ttype: Object\n\t\t}\n\t})\n\n  const { t } = useI18n()\n</script>\n\n<style lang=\"scss\">\n.word-break {\n  width: 100%; \n  overflow: auto;\n  overflow-wrap: break-word;\n  word-break: break-all;\n  white-space: -moz-pre-wrap;\n  white-space: -hp-pre-wrap;\n  white-space: -o-pre-wrap;\n  white-space: -pre-wrap; \n  white-space: pre-wrap; \n  white-space: pre-line; \n  word-wrap: break-word;\n}\n</style>\n\n\n"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4IE,UAAM,EAAE,EAAC,IAAKA,QAAO,QAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/blocks/CardProduct.vue.js

@@ -1,4 +1,4 @@
-import { resolveComponent, openBlock, createElementBlock, createBlock, withCtx, createVNode, createCommentVNode, createElementVNode, normalizeClass, toDisplayString } from "vue";
+import { resolveComponent, createElementBlock, openBlock, createBlock, createCommentVNode, createElementVNode, withCtx, createVNode, normalizeClass, toDisplayString } from "vue";
 import { useI18n } from "vue-i18n";
 import _sfc_main$1 from "../../../icons/navigation/IconEdit.vue.js";
 import _sfc_main$4 from "../../../icons/actions/IconShopcartAdd.vue.js";
@@ -47,7 +47,7 @@ const _sfc_main = {
     }
   },
   setup(__props) {
-    useI18n();
+    const { t } = useI18n();
     return (_ctx, _cache) => {
       var _a, _b;
       const _component_router_link = resolveComponent("router-link");

package/dist/prometheus-framework/src/modules/products/components/blocks/CardProduct.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardProduct.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/CardProduct.vue"],"sourcesContent":["<template>\n\t<div \n\t\tclass=\"\n\t\t\tradius-medium \n\t\t\tcols-1\n\t\t\to-hidden\n\t\t\tpos-relative\n\t\t\"\n\t>\n\n\t\t<!-- listing/ -->\n\t\t<router-link\n\t\t\tv-if=\"access\"\n      :to=\"organization ? { name: 'Organization_ProductEdit', params: { _id: organization, product: product._id\t} } : { name: 'ProductEdit' }\" \n      class=\"\n      \tz-index-2\n        cursor-pointer \n        pos-absolute pos-t-regular pos-r-regular\n        radius-extra pd-thin bg-second\n      \"\n    >\n      <IconEdit\n        class=\"i-regular\"\n        classes=\"fill-white\"\n      />\n    </router-link>\n\n\t\t<!-- Product Image Sqaure -->\n\n\n\t\t<div \n\t\t\tclass=\"o-hidden pd-thin pd-b-zero radius-medium o-hidden w-100 pos-relative aspect-1x1\"\n\t\t\t:class=\"\n\t\t\t\tproduct.information[2] \n\t\t\t\t&& product.information[2].value === 'AAAA' \n\t\t\t\t? 'bg-dark' \n\t\t\t\t: 'bg-light'\n\t\t\t\"\n\t\t>\n\n\t\t\t<!-- Image Wrappers  -->\n\t\t\t<img loading=\"lazy\" \n\t\t\t\tv-if=\"product.images[0]\" \n\t\t\t\t:src=\"(FILE_SERVER_URL || '') + product.images[0].split('/').slice(0, -1).join('/') + '/thumbnail_' + product.images[0].split('/').pop()\"\n\t\t\t\tclass=\"pos-absolute object-fit-cover h-max-100 w-100\"\n\t\t\t>\n\n\t\t\t<PlaceholderImage\n\t\t\t\tv-else\n\t\t\t\tclass=\"bg-white radius-medium h-100 w-100\"\n\t\t\t/>\n\t\t\t<span v-if=\"product.quantity <= 0 && product.listing === 'rent'\" class=\"pos-absolute bg-white t-black pd-thin radius-big p-small t-medium pos-t-medium pos-l-medium\">Out of Stock</span>\n\t\t\t<THC v-if=\"product.information?.length > 0 && product.information[1]?.name === 'THC'\" :product=\"product\" />\n\t\t</div>\n\n\t\t<!-- Product Info Start -->\n\t\t<div  class=\"pd-small t-left product-card-content\">\n\t\t\t<!-- Detail -->\n\t\t\t<p \n\t\t\t\tv-if=\"product.information.length > 0\"  \n\t\t\t\tclass=\"t-semi h6\"\n\t\t\t\t:class=\"\n\t\t\t\t\tproduct.information[2] \n\t\t\t\t\t&& product.information[2].value === 'AAAA' \n\t\t\t\t\t? 't-violet' \n\t\t\t\t\t: 't-main'\n\t\t\t\t\" \n\t\t\t>\n\t\t\t\t{{product.information[0].value}}\n\t\t\t</p>\n\t\t\t<!-- Name -->\n\t\t\t<span style=\" hyphens: auto;\" class=\"word-break mn-b-thin w-100 w-max-100 t-regular h5\">\n\t\t\t\t{{product.name.substring(0,32)}}...\n\t\t\t</span>\n\n\t\t\t<p \n\t\t\t\tv-if=\"product.description && !product.localization && product.listing !== 'rent'\" \n\t\t\t\tclass=\"mn-b-small t-transp p-small\"\n\t\t\t>\n\t\t\t\t{{product.description.substring(0, 99)}}...\n\t\t\t</p>\n\n\t\t\t<div class=\"flex-v-center flex-nowrap flex\">\n\t\t\t\t<Price \n\t\t\t\t\t:product=\"product\" \n\t\t\t\t\tsize=\"small\" \n\t\t\t\t\tclass=\"mn-r-auto\" \n\t\t\t\t/>\n\t\t\t\t\n\t\t\t\t<button\n\t\t\t\t\tv-if=\"user && product.listing === 'rent'\"\n\t\t      class=\"\n\t\t      \tz-index-2\n\t\t        cursor-pointer \n\t\t        radius-extra pd-thin bg-main\n\t\t      \"\n\t\t    >\n\t\t      <IconShopcartAdd\n\t\t\t\t\t\tclass=\"i-medium\"\n\t\t\t\t\t/>\n\t\t    </button>\n\t\t  </div>\n\t\t</div>\n\n\t</div>\n\n</template>\n\n\n<script setup=\"props\">\n\timport {computed } from 'vue'\n\timport { useI18n }    from 'vue-i18n'\n\n\timport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n\timport IconShopcartAdd from '@pf/src/modules/icons/actions/IconShopcartAdd.vue'\n\n\timport THC from '@pf/src/modules/products/components/elements/THC.vue'\n\timport Price from '@pf/src/modules/products/components/elements/Price.vue'\n\n\timport PlaceholderImage from '@pf/src/modules/icons/placeholders/PlaceholderImage.vue'\n\n\tconst props = defineProps({\n\t\tproduct: {\n\t\t\ttype: Object\n\t\t},\n\t\taccess: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\torganization: {\n\t\t\ttype: String\n\t\t},\n\t\tuser: {\n\t\t\ttype: [Object, String] \n\t\t},\n\t\ttype: {\n\t\t\ttype: Object\n\t\t}\n\t})\n\n  const { t } = useI18n()\n</script>\n\n<style lang=\"scss\">\n.word-break {\n  width: 100%; \n  overflow: auto;\n  overflow-wrap: break-word;\n  word-break: break-all;\n  white-space: -moz-pre-wrap;\n  white-space: -hp-pre-wrap;\n  white-space: -o-pre-wrap;\n  white-space: -pre-wrap; \n  white-space: pre-wrap; \n  white-space: pre-line; \n  word-wrap: break-word;\n}\n</style>\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4IgB,YAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardProduct.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/CardProduct.vue"],"sourcesContent":["<template>\n\t<div \n\t\tclass=\"\n\t\t\tradius-medium \n\t\t\tcols-1\n\t\t\to-hidden\n\t\t\tpos-relative\n\t\t\"\n\t>\n\n\t\t<!-- listing/ -->\n\t\t<router-link\n\t\t\tv-if=\"access\"\n      :to=\"organization ? { name: 'Organization_ProductEdit', params: { _id: organization, product: product._id\t} } : { name: 'ProductEdit' }\" \n      class=\"\n      \tz-index-2\n        cursor-pointer \n        pos-absolute pos-t-regular pos-r-regular\n        radius-extra pd-thin bg-second\n      \"\n    >\n      <IconEdit\n        class=\"i-regular\"\n        classes=\"fill-white\"\n      />\n    </router-link>\n\n\t\t<!-- Product Image Sqaure -->\n\n\n\t\t<div \n\t\t\tclass=\"o-hidden pd-thin pd-b-zero radius-medium o-hidden w-100 pos-relative aspect-1x1\"\n\t\t\t:class=\"\n\t\t\t\tproduct.information[2] \n\t\t\t\t&& product.information[2].value === 'AAAA' \n\t\t\t\t? 'bg-dark' \n\t\t\t\t: 'bg-light'\n\t\t\t\"\n\t\t>\n\n\t\t\t<!-- Image Wrappers  -->\n\t\t\t<img loading=\"lazy\" \n\t\t\t\tv-if=\"product.images[0]\" \n\t\t\t\t:src=\"(FILE_SERVER_URL || '') + product.images[0].split('/').slice(0, -1).join('/') + '/thumbnail_' + product.images[0].split('/').pop()\"\n\t\t\t\tclass=\"pos-absolute object-fit-cover h-max-100 w-100\"\n\t\t\t>\n\n\t\t\t<PlaceholderImage\n\t\t\t\tv-else\n\t\t\t\tclass=\"bg-white radius-medium h-100 w-100\"\n\t\t\t/>\n\t\t\t<span v-if=\"product.quantity <= 0 && product.listing === 'rent'\" class=\"pos-absolute bg-white t-black pd-thin radius-big p-small t-medium pos-t-medium pos-l-medium\">Out of Stock</span>\n\t\t\t<THC v-if=\"product.information?.length > 0 && product.information[1]?.name === 'THC'\" :product=\"product\" />\n\t\t</div>\n\n\t\t<!-- Product Info Start -->\n\t\t<div  class=\"pd-small t-left product-card-content\">\n\t\t\t<!-- Detail -->\n\t\t\t<p \n\t\t\t\tv-if=\"product.information.length > 0\"  \n\t\t\t\tclass=\"t-semi h6\"\n\t\t\t\t:class=\"\n\t\t\t\t\tproduct.information[2] \n\t\t\t\t\t&& product.information[2].value === 'AAAA' \n\t\t\t\t\t? 't-violet' \n\t\t\t\t\t: 't-main'\n\t\t\t\t\" \n\t\t\t>\n\t\t\t\t{{product.information[0].value}}\n\t\t\t</p>\n\t\t\t<!-- Name -->\n\t\t\t<span style=\" hyphens: auto;\" class=\"word-break mn-b-thin w-100 w-max-100 t-regular h5\">\n\t\t\t\t{{product.name.substring(0,32)}}...\n\t\t\t</span>\n\n\t\t\t<p \n\t\t\t\tv-if=\"product.description && !product.localization && product.listing !== 'rent'\" \n\t\t\t\tclass=\"mn-b-small t-transp p-small\"\n\t\t\t>\n\t\t\t\t{{product.description.substring(0, 99)}}...\n\t\t\t</p>\n\n\t\t\t<div class=\"flex-v-center flex-nowrap flex\">\n\t\t\t\t<Price \n\t\t\t\t\t:product=\"product\" \n\t\t\t\t\tsize=\"small\" \n\t\t\t\t\tclass=\"mn-r-auto\" \n\t\t\t\t/>\n\t\t\t\t\n\t\t\t\t<button\n\t\t\t\t\tv-if=\"user && product.listing === 'rent'\"\n\t\t      class=\"\n\t\t      \tz-index-2\n\t\t        cursor-pointer \n\t\t        radius-extra pd-thin bg-main\n\t\t      \"\n\t\t    >\n\t\t      <IconShopcartAdd\n\t\t\t\t\t\tclass=\"i-medium\"\n\t\t\t\t\t/>\n\t\t    </button>\n\t\t  </div>\n\t\t</div>\n\n\t</div>\n\n</template>\n\n\n<script setup=\"props\">\n\timport {computed } from 'vue'\n\timport { useI18n }    from 'vue-i18n'\n\n\timport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n\timport IconShopcartAdd from '@pf/src/modules/icons/actions/IconShopcartAdd.vue'\n\n\timport THC from '@pf/src/modules/products/components/elements/THC.vue'\n\timport Price from '@pf/src/modules/products/components/elements/Price.vue'\n\n\timport PlaceholderImage from '@pf/src/modules/icons/placeholders/PlaceholderImage.vue'\n\n\tconst props = defineProps({\n\t\tproduct: {\n\t\t\ttype: Object\n\t\t},\n\t\taccess: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\torganization: {\n\t\t\ttype: String\n\t\t},\n\t\tuser: {\n\t\t\ttype: [Object, String] \n\t\t},\n\t\ttype: {\n\t\t\ttype: Object\n\t\t}\n\t})\n\n  const { t } = useI18n()\n</script>\n\n<style lang=\"scss\">\n.word-break {\n  width: 100%; \n  overflow: auto;\n  overflow-wrap: break-word;\n  word-break: break-all;\n  white-space: -moz-pre-wrap;\n  white-space: -hp-pre-wrap;\n  white-space: -o-pre-wrap;\n  white-space: -pre-wrap; \n  white-space: pre-wrap; \n  white-space: pre-line; \n  word-wrap: break-word;\n}\n</style>\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4IE,UAAM,EAAE,EAAC,IAAK,QAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/blocks/Images360.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Images360.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/Images360.vue"],"sourcesContent":["<template>\n  <div class=\"product-360-viewer\">\n    <svg class=\"pos-absolute z-index-2 pos-b-0 pd-small\" width=\"73\" height=\"50\" viewBox=\"0 0 73 50\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M42.5934 17.2017C42.5934 20.8208 39.8428 23.7544 36.45 23.7544C33.0573 23.7544 30.3066 20.8208 30.3066 17.2017C30.3066 13.5826 33.0573 10.6484 36.45 10.6484C39.8428 10.6484 42.5934 13.5826 42.5934 17.2017Z\" fill=\"rgb(var(--black))\" fill-opacity=\"0.1\"/>\n      <path d=\"M22.5953 29.4883H50.3053C53.7389 29.4883 56.5197 26.778 56.5197 23.4405V10.8396C56.5197 7.49996 53.739 4.79176 50.3053 4.79176H48.8712C48.2747 2.05313 45.7826 0 42.7962 0H30.1063C27.1179 0 24.6257 2.053 24.0313 4.78967H22.5971C19.1656 4.78967 16.3828 7.49788 16.3828 10.8375V23.4384C16.3807 26.778 19.1634 29.4882 22.595 29.4882L22.5953 29.4883ZM36.449 8.31471C41.4535 8.31471 45.5123 12.2648 45.5123 17.1352C45.5123 22.0062 41.4535 25.9582 36.449 25.9582C31.4445 25.9582 27.3856 22.0081 27.3856 17.1377C27.3856 12.2673 31.4445 8.31471 36.449 8.31471ZM20.9092 9.32597H24.0182C24.9472 9.32597 25.7019 10.0584 25.7019 10.9625C25.7019 11.8686 24.9493 12.6011 24.0182 12.6011H20.9092C19.9823 12.6011 19.2254 11.8707 19.2254 10.9625C19.2275 10.0604 19.9822 9.32597 20.9092 9.32597Z\" fill=\"rgb(var(--black))\" fill-opacity=\"0.1\"/>\n      <path d=\"M58.8645 12.2878C58.8645 12.2878 77.1839 21.8549 65.5604 32.0445C63.6718 33.6967 55.2747 38.9138 42.5947 39.9368V45.0519C50.0424 44.2514 61.7635 41.887 68.4037 34.9253C82.5323 20.1097 58.8657 12.2871 58.8657 12.2871L58.8645 12.2878Z\" fill=\"rgb(var(--black))\" fill-opacity=\"0.1\"/>\n      <path d=\"M37.6664 41.209L29.1818 35.5097C28.077 34.7658 27.1702 35.2358 27.1702 36.5516V39.5855C16.2598 38.0408 9.07761 33.565 7.35125 32.0517C-4.2894 21.858 14.0557 12.2871 14.0557 12.2871C14.0557 12.2871 -9.64257 20.1134 4.5039 34.9343C10.2723 40.9769 19.8619 43.5552 27.1712 44.656V44.952V48.5701C27.1712 49.8901 28.078 50.3554 29.1827 49.6141L37.6673 43.9127C38.7757 43.1683 38.7757 41.9525 37.6673 41.2092L37.6664 41.209Z\" fill=\"rgb(var(--black))\" fill-opacity=\"0.1\"/>\n    </svg>\n\n\n    <transition name=\"scale5\" :css=\"!firstImageLoad\" appear>\n      <div v-if=\"currentImage\" class=\"h-100 w-100 transition-ease\">\n        <img loading=\"lazy\" v-if=\"currentImage\" :key=\"currentImage\" class=\"h-100 w-100 transition-ease\" :src=\"(FILE_SERVER_URL || '') + currentImage.src\" alt=\"360 product view\" @mousedown=\"startRotation\" @mousemove=\"rotate\" @mouseup=\"stopRotation\" @mouseleave=\"stopRotation\" @touchstart=\"startRotation\" @touchmove=\"rotate\" @touchend=\"stopRotation\" @dragstart.prevent>\n\n      </div>\n    </transition>\n    <!-- Display the loading progress percentage next to the loader component -->\n    <transition name=\"scale5\">\n      <Loader v-if=\"!currentImage\" :progress=\"loadingProgress\" class=\"center z-index-5\"/>\n    </transition>\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch, onMounted, onUnmounted, computed } from 'vue';\nimport Loader from '@pf/src/components/Loader/Loader.vue'\n\nconst props = defineProps({\n  imagePath: {\n    type: String,\n    required: true,\n  },\n  imageCount: {\n    type: Number,\n    default: 36,\n  },\n  autoRotateSpeed: {\n    type: Number,\n    default: 100,\n  },\n});\n\nconst imageIndex = ref(0);\nconst isRotating = ref(false);\nconst startClientX = ref(0);\n\nconst loadedImages = ref(0);\nconst loaded = ref(true);\n\nconst loadImages = async () => {\n  const images = [];\n\n  for (let i = 1; i <= props.imageCount; i++) {\n    const img = new Image();\n    img.src = `${props.imagePath}/${i}.jpg`;\n\n    try {\n      await img.decode();\n      // Increase the number of loaded images\n      loadedImages.value++;\n    } catch (error) {\n      console.warn(`Failed to decode ${props.imagePath}/${i}.jpg:`, error);\n    }\n\n    images.push(img);\n  }\n\n  return images;\n};\n\n// Add a computed property to calculate the loading progress percentage\nconst loadingProgress = computed(() => {\n  return Math.round((loadedImages.value / props.imageCount) * 100);\n});\n\nconst images = ref([]);\n\nconst currentImage = ref('');\nconst firstImageLoad = ref(null);\nwatch(imageIndex, (index) => {\n  currentImage.value = images.value[index] || '';\n});\n\nfunction startRotation(event) {\n  isRotating.value = true;\n  startClientX.value = event.clientX || event.touches[0].clientX;\n}\n\nfunction rotate(event) {\n  if (!isRotating.value) return;\n\n  const currentClientX = event.clientX || event.touches[0].clientX;\n  const diff = currentClientX - startClientX.value;\n\n  if (Math.abs(diff) >= 5) {\n    const direction = diff > 0 ? 1 : -1;\n    imageIndex.value = (imageIndex.value + direction) % props.imageCount;\n    if (imageIndex.value < 0) imageIndex.value = props.imageCount - 1;\n\n    startClientX.value = currentClientX;\n  }\n}\n\nfunction stopRotation() {\n  isRotating.value = false;\n}\n\nlet autoRotateInterval = null;\n\nconst unloadImages = () => {\n  images.value = [];\n};\n\n\n\nonMounted(async () => {\n  images.value = await loadImages();\n  currentImage.value = images.value[0] || ''; \n});\nonUnmounted(() => {\n  clearInterval(autoRotateInterval);\n  unloadImages();\n});\n</script>\n\n\n<style scoped>\n  .expand-enter-active,\n.expand-leave-active {\n  transition: max-height 0.5s ease-in-out;\n  overflow: hidden;\n}\n.scale-enter-active,\n.scale-leave-active {\n  transition: transform 0.5s ease-in-out;\n}\n.scale5-enter-from,\n.scale5-leave-to {\n  transform: scale(1.2);\n  opacity: 0;\n}\n.scale5-enter-to,\n.scale5-leave-from {\n  transform: scale(1);\n  opacity: 1;\n}\n\n.product-360-viewer {\n  user-select: none;\n   min-height: 16rem;\n}\n\n.product-360-viewer img {\n  max-width: 100%;\n  cursor: grab;\n\n  object-fit: cover;\n  transition: all 0.3s ease;\n}\n\n.product-360-viewer img:active {\n  cursor: grabbing;\n}\n\n/*.product-360-viewer img:hover {\n  transform: scale(1.1);\n}*/\n</style>"],"names":["ref","images","computed","watch","onMounted","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,UAAM,QAAQ;AAed,UAAM,aAAaA,IAAAA,IAAI,CAAC;AACxB,UAAM,aAAaA,IAAAA,IAAI,KAAK;AAC5B,UAAM,eAAeA,IAAAA,IAAI,CAAC;AAE1B,UAAM,eAAeA,IAAAA,IAAI,CAAC;AACXA,QAAG,IAAC,IAAI;AAEvB,UAAM,aAAa,YAAY;AAC7B,YAAMC,UAAS,CAAA;AAEf,eAAS,IAAI,GAAG,KAAK,MAAM,YAAY,KAAK;AAC1C,cAAM,MAAM,IAAI;AAChB,YAAI,MAAM,GAAG,MAAM,SAAS,IAAI,CAAC;AAEjC,YAAI;AACF,gBAAM,IAAI;AAEV,uBAAa;AAAA,QACd,SAAQ,OAAO;AACd,kBAAQ,KAAK,oBAAoB,MAAM,SAAS,IAAI,CAAC,SAAS,KAAK;AAAA,QACpE;AAED,QAAAA,QAAO,KAAK,GAAG;AAAA,MAChB;AAED,aAAOA;AAAA,IACT;AAGA,UAAM,kBAAkBC,IAAQ,SAAC,MAAM;AACrC,aAAO,KAAK,MAAO,aAAa,QAAQ,MAAM,aAAc,GAAG;AAAA,IACjE,CAAC;AAED,UAAM,SAASF,IAAAA,IAAI,CAAA,CAAE;AAErB,UAAM,eAAeA,IAAAA,IAAI,EAAE;AAC3B,UAAM,iBAAiBA,IAAAA,IAAI,IAAI;AAC/BG,QAAAA,MAAM,YAAY,CAAC,UAAU;AAC3B,mBAAa,QAAQ,OAAO,MAAM,KAAK,KAAK;AAAA,IAC9C,CAAC;AAED,aAAS,cAAc,OAAO;AAC5B,iBAAW,QAAQ;AACnB,mBAAa,QAAQ,MAAM,WAAW,MAAM,QAAQ,CAAC,EAAE;AAAA,IACzD;AAEA,aAAS,OAAO,OAAO;AACrB,UAAI,CAAC,WAAW,MAAO;AAEvB,YAAM,iBAAiB,MAAM,WAAW,MAAM,QAAQ,CAAC,EAAE;AACzD,YAAM,OAAO,iBAAiB,aAAa;AAE3C,UAAI,KAAK,IAAI,IAAI,KAAK,GAAG;AACvB,cAAM,YAAY,OAAO,IAAI,IAAI;AACjC,mBAAW,SAAS,WAAW,QAAQ,aAAa,MAAM;AAC1D,YAAI,WAAW,QAAQ,EAAG,YAAW,QAAQ,MAAM,aAAa;AAEhE,qBAAa,QAAQ;AAAA,MACtB;AAAA,IACH;AAEA,aAAS,eAAe;AACtB,iBAAW,QAAQ;AAAA,IACrB;AAEA,QAAI,qBAAqB;AAEzB,UAAM,eAAe,MAAM;AACzB,aAAO,QAAQ;IACjB;AAIAC,QAAAA,UAAU,YAAY;AACpB,aAAO,QAAQ,MAAM;AACrB,mBAAa,QAAQ,OAAO,MAAM,CAAC,KAAK;AAAA,IAC1C,CAAC;AACDC,QAAAA,YAAY,MAAM;AAChB,oBAAc,kBAAkB;AAChC;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Images360.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/Images360.vue"],"sourcesContent":["<template>\n  <div class=\"product-360-viewer\">\n    <svg class=\"pos-absolute z-index-2 pos-b-0 pd-small\" width=\"73\" height=\"50\" viewBox=\"0 0 73 50\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M42.5934 17.2017C42.5934 20.8208 39.8428 23.7544 36.45 23.7544C33.0573 23.7544 30.3066 20.8208 30.3066 17.2017C30.3066 13.5826 33.0573 10.6484 36.45 10.6484C39.8428 10.6484 42.5934 13.5826 42.5934 17.2017Z\" fill=\"rgb(var(--black))\" fill-opacity=\"0.1\"/>\n      <path d=\"M22.5953 29.4883H50.3053C53.7389 29.4883 56.5197 26.778 56.5197 23.4405V10.8396C56.5197 7.49996 53.739 4.79176 50.3053 4.79176H48.8712C48.2747 2.05313 45.7826 0 42.7962 0H30.1063C27.1179 0 24.6257 2.053 24.0313 4.78967H22.5971C19.1656 4.78967 16.3828 7.49788 16.3828 10.8375V23.4384C16.3807 26.778 19.1634 29.4882 22.595 29.4882L22.5953 29.4883ZM36.449 8.31471C41.4535 8.31471 45.5123 12.2648 45.5123 17.1352C45.5123 22.0062 41.4535 25.9582 36.449 25.9582C31.4445 25.9582 27.3856 22.0081 27.3856 17.1377C27.3856 12.2673 31.4445 8.31471 36.449 8.31471ZM20.9092 9.32597H24.0182C24.9472 9.32597 25.7019 10.0584 25.7019 10.9625C25.7019 11.8686 24.9493 12.6011 24.0182 12.6011H20.9092C19.9823 12.6011 19.2254 11.8707 19.2254 10.9625C19.2275 10.0604 19.9822 9.32597 20.9092 9.32597Z\" fill=\"rgb(var(--black))\" fill-opacity=\"0.1\"/>\n      <path d=\"M58.8645 12.2878C58.8645 12.2878 77.1839 21.8549 65.5604 32.0445C63.6718 33.6967 55.2747 38.9138 42.5947 39.9368V45.0519C50.0424 44.2514 61.7635 41.887 68.4037 34.9253C82.5323 20.1097 58.8657 12.2871 58.8657 12.2871L58.8645 12.2878Z\" fill=\"rgb(var(--black))\" fill-opacity=\"0.1\"/>\n      <path d=\"M37.6664 41.209L29.1818 35.5097C28.077 34.7658 27.1702 35.2358 27.1702 36.5516V39.5855C16.2598 38.0408 9.07761 33.565 7.35125 32.0517C-4.2894 21.858 14.0557 12.2871 14.0557 12.2871C14.0557 12.2871 -9.64257 20.1134 4.5039 34.9343C10.2723 40.9769 19.8619 43.5552 27.1712 44.656V44.952V48.5701C27.1712 49.8901 28.078 50.3554 29.1827 49.6141L37.6673 43.9127C38.7757 43.1683 38.7757 41.9525 37.6673 41.2092L37.6664 41.209Z\" fill=\"rgb(var(--black))\" fill-opacity=\"0.1\"/>\n    </svg>\n\n\n    <transition name=\"scale5\" :css=\"!firstImageLoad\" appear>\n      <div v-if=\"currentImage\" class=\"h-100 w-100 transition-ease\">\n        <img loading=\"lazy\" v-if=\"currentImage\" :key=\"currentImage\" class=\"h-100 w-100 transition-ease\" :src=\"(FILE_SERVER_URL || '') + currentImage.src\" alt=\"360 product view\" @mousedown=\"startRotation\" @mousemove=\"rotate\" @mouseup=\"stopRotation\" @mouseleave=\"stopRotation\" @touchstart=\"startRotation\" @touchmove=\"rotate\" @touchend=\"stopRotation\" @dragstart.prevent>\n\n      </div>\n    </transition>\n    <!-- Display the loading progress percentage next to the loader component -->\n    <transition name=\"scale5\">\n      <Loader v-if=\"!currentImage\" :progress=\"loadingProgress\" class=\"center z-index-5\"/>\n    </transition>\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch, onMounted, onUnmounted, computed } from 'vue';\nimport Loader from '@pf/src/components/Loader/Loader.vue'\n\nconst props = defineProps({\n  imagePath: {\n    type: String,\n    required: true,\n  },\n  imageCount: {\n    type: Number,\n    default: 36,\n  },\n  autoRotateSpeed: {\n    type: Number,\n    default: 100,\n  },\n});\n\nconst imageIndex = ref(0);\nconst isRotating = ref(false);\nconst startClientX = ref(0);\n\nconst loadedImages = ref(0);\nconst loaded = ref(true);\n\nconst loadImages = async () => {\n  const images = [];\n\n  for (let i = 1; i <= props.imageCount; i++) {\n    const img = new Image();\n    img.src = `${props.imagePath}/${i}.jpg`;\n\n    try {\n      await img.decode();\n      // Increase the number of loaded images\n      loadedImages.value++;\n    } catch (error) {\n      console.warn(`Failed to decode ${props.imagePath}/${i}.jpg:`, error);\n    }\n\n    images.push(img);\n  }\n\n  return images;\n};\n\n// Add a computed property to calculate the loading progress percentage\nconst loadingProgress = computed(() => {\n  return Math.round((loadedImages.value / props.imageCount) * 100);\n});\n\nconst images = ref([]);\n\nconst currentImage = ref('');\nconst firstImageLoad = ref(null);\nwatch(imageIndex, (index) => {\n  currentImage.value = images.value[index] || '';\n});\n\nfunction startRotation(event) {\n  isRotating.value = true;\n  startClientX.value = event.clientX || event.touches[0].clientX;\n}\n\nfunction rotate(event) {\n  if (!isRotating.value) return;\n\n  const currentClientX = event.clientX || event.touches[0].clientX;\n  const diff = currentClientX - startClientX.value;\n\n  if (Math.abs(diff) >= 5) {\n    const direction = diff > 0 ? 1 : -1;\n    imageIndex.value = (imageIndex.value + direction) % props.imageCount;\n    if (imageIndex.value < 0) imageIndex.value = props.imageCount - 1;\n\n    startClientX.value = currentClientX;\n  }\n}\n\nfunction stopRotation() {\n  isRotating.value = false;\n}\n\nlet autoRotateInterval = null;\n\nconst unloadImages = () => {\n  images.value = [];\n};\n\n\n\nonMounted(async () => {\n  images.value = await loadImages();\n  currentImage.value = images.value[0] || ''; \n});\nonUnmounted(() => {\n  clearInterval(autoRotateInterval);\n  unloadImages();\n});\n</script>\n\n\n<style scoped>\n  .expand-enter-active,\n.expand-leave-active {\n  transition: max-height 0.5s ease-in-out;\n  overflow: hidden;\n}\n.scale-enter-active,\n.scale-leave-active {\n  transition: transform 0.5s ease-in-out;\n}\n.scale5-enter-from,\n.scale5-leave-to {\n  transform: scale(1.2);\n  opacity: 0;\n}\n.scale5-enter-to,\n.scale5-leave-from {\n  transform: scale(1);\n  opacity: 1;\n}\n\n.product-360-viewer {\n  user-select: none;\n   min-height: 16rem;\n}\n\n.product-360-viewer img {\n  max-width: 100%;\n  cursor: grab;\n\n  object-fit: cover;\n  transition: all 0.3s ease;\n}\n\n.product-360-viewer img:active {\n  cursor: grabbing;\n}\n\n/*.product-360-viewer img:hover {\n  transform: scale(1.1);\n}*/\n</style>"],"names":["ref","images","computed","watch","onMounted","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,UAAM,QAAQ;AAed,UAAM,aAAaA,IAAG,IAAC,CAAC;AACxB,UAAM,aAAaA,IAAG,IAAC,KAAK;AAC5B,UAAM,eAAeA,IAAG,IAAC,CAAC;AAE1B,UAAM,eAAeA,IAAG,IAAC,CAAC;AACXA,QAAAA,IAAI,IAAI;AAEvB,UAAM,aAAa,YAAY;AAC7B,YAAMC,UAAS,CAAE;AAEjB,eAAS,IAAI,GAAG,KAAK,MAAM,YAAY,KAAK;AAC1C,cAAM,MAAM,IAAI,MAAO;AACvB,YAAI,MAAM,GAAG,MAAM,SAAS,IAAI,CAAC;AAEjC,YAAI;AACF,gBAAM,IAAI,OAAQ;AAElB,uBAAa;AAAA,QACd,SAAQ,OAAO;AACd,kBAAQ,KAAK,oBAAoB,MAAM,SAAS,IAAI,CAAC,SAAS,KAAK;AAAA,QACzE;AAEI,QAAAA,QAAO,KAAK,GAAG;AAAA,MACnB;AAEE,aAAOA;AAAA,IACT;AAGA,UAAM,kBAAkBC,IAAQ,SAAC,MAAM;AACrC,aAAO,KAAK,MAAO,aAAa,QAAQ,MAAM,aAAc,GAAG;AAAA,IACjE,CAAC;AAED,UAAM,SAASF,IAAG,IAAC,EAAE;AAErB,UAAM,eAAeA,IAAG,IAAC,EAAE;AAC3B,UAAM,iBAAiBA,IAAG,IAAC,IAAI;AAC/BG,QAAAA,MAAM,YAAY,CAAC,UAAU;AAC3B,mBAAa,QAAQ,OAAO,MAAM,KAAK,KAAK;AAAA,IAC9C,CAAC;AAED,aAAS,cAAc,OAAO;AAC5B,iBAAW,QAAQ;AACnB,mBAAa,QAAQ,MAAM,WAAW,MAAM,QAAQ,CAAC,EAAE;AAAA,IACzD;AAEA,aAAS,OAAO,OAAO;AACrB,UAAI,CAAC,WAAW,MAAO;AAEvB,YAAM,iBAAiB,MAAM,WAAW,MAAM,QAAQ,CAAC,EAAE;AACzD,YAAM,OAAO,iBAAiB,aAAa;AAE3C,UAAI,KAAK,IAAI,IAAI,KAAK,GAAG;AACvB,cAAM,YAAY,OAAO,IAAI,IAAI;AACjC,mBAAW,SAAS,WAAW,QAAQ,aAAa,MAAM;AAC1D,YAAI,WAAW,QAAQ,EAAG,YAAW,QAAQ,MAAM,aAAa;AAEhE,qBAAa,QAAQ;AAAA,MACzB;AAAA,IACA;AAEA,aAAS,eAAe;AACtB,iBAAW,QAAQ;AAAA,IACrB;AAEA,QAAI,qBAAqB;AAEzB,UAAM,eAAe,MAAM;AACzB,aAAO,QAAQ,CAAE;AAAA,IACnB;AAIAC,QAAAA,UAAU,YAAY;AACpB,aAAO,QAAQ,MAAM,WAAY;AACjC,mBAAa,QAAQ,OAAO,MAAM,CAAC,KAAK;AAAA,IAC1C,CAAC;AACDC,QAAAA,YAAY,MAAM;AAChB,oBAAc,kBAAkB;AAChC,mBAAc;AAAA,IAChB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/blocks/Images360.vue.js

@@ -1,4 +1,4 @@
-import { ref, computed, watch, onMounted, onUnmounted, openBlock, createElementBlock, createStaticVNode, createVNode, Transition, withCtx, withModifiers, createCommentVNode, createBlock } from "vue";
+import { ref, computed, watch, onMounted, onUnmounted, createElementBlock, openBlock, createStaticVNode, createVNode, Transition, withCtx, createCommentVNode, withModifiers, createBlock } from "vue";
 import Loader from "../../../../components/Loader/Loader.vue2.js";
 /* empty css               */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";

package/dist/prometheus-framework/src/modules/products/components/blocks/Images360.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Images360.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/Images360.vue"],"sourcesContent":["<template>\n  <div class=\"product-360-viewer\">\n    <svg class=\"pos-absolute z-index-2 pos-b-0 pd-small\" width=\"73\" height=\"50\" viewBox=\"0 0 73 50\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M42.5934 17.2017C42.5934 20.8208 39.8428 23.7544 36.45 23.7544C33.0573 23.7544 30.3066 20.8208 30.3066 17.2017C30.3066 13.5826 33.0573 10.6484 36.45 10.6484C39.8428 10.6484 42.5934 13.5826 42.5934 17.2017Z\" fill=\"rgb(var(--black))\" fill-opacity=\"0.1\"/>\n      <path d=\"M22.5953 29.4883H50.3053C53.7389 29.4883 56.5197 26.778 56.5197 23.4405V10.8396C56.5197 7.49996 53.739 4.79176 50.3053 4.79176H48.8712C48.2747 2.05313 45.7826 0 42.7962 0H30.1063C27.1179 0 24.6257 2.053 24.0313 4.78967H22.5971C19.1656 4.78967 16.3828 7.49788 16.3828 10.8375V23.4384C16.3807 26.778 19.1634 29.4882 22.595 29.4882L22.5953 29.4883ZM36.449 8.31471C41.4535 8.31471 45.5123 12.2648 45.5123 17.1352C45.5123 22.0062 41.4535 25.9582 36.449 25.9582C31.4445 25.9582 27.3856 22.0081 27.3856 17.1377C27.3856 12.2673 31.4445 8.31471 36.449 8.31471ZM20.9092 9.32597H24.0182C24.9472 9.32597 25.7019 10.0584 25.7019 10.9625C25.7019 11.8686 24.9493 12.6011 24.0182 12.6011H20.9092C19.9823 12.6011 19.2254 11.8707 19.2254 10.9625C19.2275 10.0604 19.9822 9.32597 20.9092 9.32597Z\" fill=\"rgb(var(--black))\" fill-opacity=\"0.1\"/>\n      <path d=\"M58.8645 12.2878C58.8645 12.2878 77.1839 21.8549 65.5604 32.0445C63.6718 33.6967 55.2747 38.9138 42.5947 39.9368V45.0519C50.0424 44.2514 61.7635 41.887 68.4037 34.9253C82.5323 20.1097 58.8657 12.2871 58.8657 12.2871L58.8645 12.2878Z\" fill=\"rgb(var(--black))\" fill-opacity=\"0.1\"/>\n      <path d=\"M37.6664 41.209L29.1818 35.5097C28.077 34.7658 27.1702 35.2358 27.1702 36.5516V39.5855C16.2598 38.0408 9.07761 33.565 7.35125 32.0517C-4.2894 21.858 14.0557 12.2871 14.0557 12.2871C14.0557 12.2871 -9.64257 20.1134 4.5039 34.9343C10.2723 40.9769 19.8619 43.5552 27.1712 44.656V44.952V48.5701C27.1712 49.8901 28.078 50.3554 29.1827 49.6141L37.6673 43.9127C38.7757 43.1683 38.7757 41.9525 37.6673 41.2092L37.6664 41.209Z\" fill=\"rgb(var(--black))\" fill-opacity=\"0.1\"/>\n    </svg>\n\n\n    <transition name=\"scale5\" :css=\"!firstImageLoad\" appear>\n      <div v-if=\"currentImage\" class=\"h-100 w-100 transition-ease\">\n        <img loading=\"lazy\" v-if=\"currentImage\" :key=\"currentImage\" class=\"h-100 w-100 transition-ease\" :src=\"(FILE_SERVER_URL || '') + currentImage.src\" alt=\"360 product view\" @mousedown=\"startRotation\" @mousemove=\"rotate\" @mouseup=\"stopRotation\" @mouseleave=\"stopRotation\" @touchstart=\"startRotation\" @touchmove=\"rotate\" @touchend=\"stopRotation\" @dragstart.prevent>\n\n      </div>\n    </transition>\n    <!-- Display the loading progress percentage next to the loader component -->\n    <transition name=\"scale5\">\n      <Loader v-if=\"!currentImage\" :progress=\"loadingProgress\" class=\"center z-index-5\"/>\n    </transition>\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch, onMounted, onUnmounted, computed } from 'vue';\nimport Loader from '@pf/src/components/Loader/Loader.vue'\n\nconst props = defineProps({\n  imagePath: {\n    type: String,\n    required: true,\n  },\n  imageCount: {\n    type: Number,\n    default: 36,\n  },\n  autoRotateSpeed: {\n    type: Number,\n    default: 100,\n  },\n});\n\nconst imageIndex = ref(0);\nconst isRotating = ref(false);\nconst startClientX = ref(0);\n\nconst loadedImages = ref(0);\nconst loaded = ref(true);\n\nconst loadImages = async () => {\n  const images = [];\n\n  for (let i = 1; i <= props.imageCount; i++) {\n    const img = new Image();\n    img.src = `${props.imagePath}/${i}.jpg`;\n\n    try {\n      await img.decode();\n      // Increase the number of loaded images\n      loadedImages.value++;\n    } catch (error) {\n      console.warn(`Failed to decode ${props.imagePath}/${i}.jpg:`, error);\n    }\n\n    images.push(img);\n  }\n\n  return images;\n};\n\n// Add a computed property to calculate the loading progress percentage\nconst loadingProgress = computed(() => {\n  return Math.round((loadedImages.value / props.imageCount) * 100);\n});\n\nconst images = ref([]);\n\nconst currentImage = ref('');\nconst firstImageLoad = ref(null);\nwatch(imageIndex, (index) => {\n  currentImage.value = images.value[index] || '';\n});\n\nfunction startRotation(event) {\n  isRotating.value = true;\n  startClientX.value = event.clientX || event.touches[0].clientX;\n}\n\nfunction rotate(event) {\n  if (!isRotating.value) return;\n\n  const currentClientX = event.clientX || event.touches[0].clientX;\n  const diff = currentClientX - startClientX.value;\n\n  if (Math.abs(diff) >= 5) {\n    const direction = diff > 0 ? 1 : -1;\n    imageIndex.value = (imageIndex.value + direction) % props.imageCount;\n    if (imageIndex.value < 0) imageIndex.value = props.imageCount - 1;\n\n    startClientX.value = currentClientX;\n  }\n}\n\nfunction stopRotation() {\n  isRotating.value = false;\n}\n\nlet autoRotateInterval = null;\n\nconst unloadImages = () => {\n  images.value = [];\n};\n\n\n\nonMounted(async () => {\n  images.value = await loadImages();\n  currentImage.value = images.value[0] || ''; \n});\nonUnmounted(() => {\n  clearInterval(autoRotateInterval);\n  unloadImages();\n});\n</script>\n\n\n<style scoped>\n  .expand-enter-active,\n.expand-leave-active {\n  transition: max-height 0.5s ease-in-out;\n  overflow: hidden;\n}\n.scale-enter-active,\n.scale-leave-active {\n  transition: transform 0.5s ease-in-out;\n}\n.scale5-enter-from,\n.scale5-leave-to {\n  transform: scale(1.2);\n  opacity: 0;\n}\n.scale5-enter-to,\n.scale5-leave-from {\n  transform: scale(1);\n  opacity: 1;\n}\n\n.product-360-viewer {\n  user-select: none;\n   min-height: 16rem;\n}\n\n.product-360-viewer img {\n  max-width: 100%;\n  cursor: grab;\n\n  object-fit: cover;\n  transition: all 0.3s ease;\n}\n\n.product-360-viewer img:active {\n  cursor: grabbing;\n}\n\n/*.product-360-viewer img:hover {\n  transform: scale(1.1);\n}*/\n</style>"],"names":["images"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,UAAM,QAAQ;AAed,UAAM,aAAa,IAAI,CAAC;AACxB,UAAM,aAAa,IAAI,KAAK;AAC5B,UAAM,eAAe,IAAI,CAAC;AAE1B,UAAM,eAAe,IAAI,CAAC;AACX,QAAI,IAAI;AAEvB,UAAM,aAAa,YAAY;AAC7B,YAAMA,UAAS,CAAA;AAEf,eAAS,IAAI,GAAG,KAAK,MAAM,YAAY,KAAK;AAC1C,cAAM,MAAM,IAAI;AAChB,YAAI,MAAM,GAAG,MAAM,SAAS,IAAI,CAAC;AAEjC,YAAI;AACF,gBAAM,IAAI;AAEV,uBAAa;AAAA,QACd,SAAQ,OAAO;AACd,kBAAQ,KAAK,oBAAoB,MAAM,SAAS,IAAI,CAAC,SAAS,KAAK;AAAA,QACpE;AAED,QAAAA,QAAO,KAAK,GAAG;AAAA,MAChB;AAED,aAAOA;AAAA,IACT;AAGA,UAAM,kBAAkB,SAAS,MAAM;AACrC,aAAO,KAAK,MAAO,aAAa,QAAQ,MAAM,aAAc,GAAG;AAAA,IACjE,CAAC;AAED,UAAM,SAAS,IAAI,CAAA,CAAE;AAErB,UAAM,eAAe,IAAI,EAAE;AAC3B,UAAM,iBAAiB,IAAI,IAAI;AAC/B,UAAM,YAAY,CAAC,UAAU;AAC3B,mBAAa,QAAQ,OAAO,MAAM,KAAK,KAAK;AAAA,IAC9C,CAAC;AAED,aAAS,cAAc,OAAO;AAC5B,iBAAW,QAAQ;AACnB,mBAAa,QAAQ,MAAM,WAAW,MAAM,QAAQ,CAAC,EAAE;AAAA,IACzD;AAEA,aAAS,OAAO,OAAO;AACrB,UAAI,CAAC,WAAW,MAAO;AAEvB,YAAM,iBAAiB,MAAM,WAAW,MAAM,QAAQ,CAAC,EAAE;AACzD,YAAM,OAAO,iBAAiB,aAAa;AAE3C,UAAI,KAAK,IAAI,IAAI,KAAK,GAAG;AACvB,cAAM,YAAY,OAAO,IAAI,IAAI;AACjC,mBAAW,SAAS,WAAW,QAAQ,aAAa,MAAM;AAC1D,YAAI,WAAW,QAAQ,EAAG,YAAW,QAAQ,MAAM,aAAa;AAEhE,qBAAa,QAAQ;AAAA,MACtB;AAAA,IACH;AAEA,aAAS,eAAe;AACtB,iBAAW,QAAQ;AAAA,IACrB;AAEA,QAAI,qBAAqB;AAEzB,UAAM,eAAe,MAAM;AACzB,aAAO,QAAQ;IACjB;AAIA,cAAU,YAAY;AACpB,aAAO,QAAQ,MAAM;AACrB,mBAAa,QAAQ,OAAO,MAAM,CAAC,KAAK;AAAA,IAC1C,CAAC;AACD,gBAAY,MAAM;AAChB,oBAAc,kBAAkB;AAChC;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Images360.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/Images360.vue"],"sourcesContent":["<template>\n  <div class=\"product-360-viewer\">\n    <svg class=\"pos-absolute z-index-2 pos-b-0 pd-small\" width=\"73\" height=\"50\" viewBox=\"0 0 73 50\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M42.5934 17.2017C42.5934 20.8208 39.8428 23.7544 36.45 23.7544C33.0573 23.7544 30.3066 20.8208 30.3066 17.2017C30.3066 13.5826 33.0573 10.6484 36.45 10.6484C39.8428 10.6484 42.5934 13.5826 42.5934 17.2017Z\" fill=\"rgb(var(--black))\" fill-opacity=\"0.1\"/>\n      <path d=\"M22.5953 29.4883H50.3053C53.7389 29.4883 56.5197 26.778 56.5197 23.4405V10.8396C56.5197 7.49996 53.739 4.79176 50.3053 4.79176H48.8712C48.2747 2.05313 45.7826 0 42.7962 0H30.1063C27.1179 0 24.6257 2.053 24.0313 4.78967H22.5971C19.1656 4.78967 16.3828 7.49788 16.3828 10.8375V23.4384C16.3807 26.778 19.1634 29.4882 22.595 29.4882L22.5953 29.4883ZM36.449 8.31471C41.4535 8.31471 45.5123 12.2648 45.5123 17.1352C45.5123 22.0062 41.4535 25.9582 36.449 25.9582C31.4445 25.9582 27.3856 22.0081 27.3856 17.1377C27.3856 12.2673 31.4445 8.31471 36.449 8.31471ZM20.9092 9.32597H24.0182C24.9472 9.32597 25.7019 10.0584 25.7019 10.9625C25.7019 11.8686 24.9493 12.6011 24.0182 12.6011H20.9092C19.9823 12.6011 19.2254 11.8707 19.2254 10.9625C19.2275 10.0604 19.9822 9.32597 20.9092 9.32597Z\" fill=\"rgb(var(--black))\" fill-opacity=\"0.1\"/>\n      <path d=\"M58.8645 12.2878C58.8645 12.2878 77.1839 21.8549 65.5604 32.0445C63.6718 33.6967 55.2747 38.9138 42.5947 39.9368V45.0519C50.0424 44.2514 61.7635 41.887 68.4037 34.9253C82.5323 20.1097 58.8657 12.2871 58.8657 12.2871L58.8645 12.2878Z\" fill=\"rgb(var(--black))\" fill-opacity=\"0.1\"/>\n      <path d=\"M37.6664 41.209L29.1818 35.5097C28.077 34.7658 27.1702 35.2358 27.1702 36.5516V39.5855C16.2598 38.0408 9.07761 33.565 7.35125 32.0517C-4.2894 21.858 14.0557 12.2871 14.0557 12.2871C14.0557 12.2871 -9.64257 20.1134 4.5039 34.9343C10.2723 40.9769 19.8619 43.5552 27.1712 44.656V44.952V48.5701C27.1712 49.8901 28.078 50.3554 29.1827 49.6141L37.6673 43.9127C38.7757 43.1683 38.7757 41.9525 37.6673 41.2092L37.6664 41.209Z\" fill=\"rgb(var(--black))\" fill-opacity=\"0.1\"/>\n    </svg>\n\n\n    <transition name=\"scale5\" :css=\"!firstImageLoad\" appear>\n      <div v-if=\"currentImage\" class=\"h-100 w-100 transition-ease\">\n        <img loading=\"lazy\" v-if=\"currentImage\" :key=\"currentImage\" class=\"h-100 w-100 transition-ease\" :src=\"(FILE_SERVER_URL || '') + currentImage.src\" alt=\"360 product view\" @mousedown=\"startRotation\" @mousemove=\"rotate\" @mouseup=\"stopRotation\" @mouseleave=\"stopRotation\" @touchstart=\"startRotation\" @touchmove=\"rotate\" @touchend=\"stopRotation\" @dragstart.prevent>\n\n      </div>\n    </transition>\n    <!-- Display the loading progress percentage next to the loader component -->\n    <transition name=\"scale5\">\n      <Loader v-if=\"!currentImage\" :progress=\"loadingProgress\" class=\"center z-index-5\"/>\n    </transition>\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch, onMounted, onUnmounted, computed } from 'vue';\nimport Loader from '@pf/src/components/Loader/Loader.vue'\n\nconst props = defineProps({\n  imagePath: {\n    type: String,\n    required: true,\n  },\n  imageCount: {\n    type: Number,\n    default: 36,\n  },\n  autoRotateSpeed: {\n    type: Number,\n    default: 100,\n  },\n});\n\nconst imageIndex = ref(0);\nconst isRotating = ref(false);\nconst startClientX = ref(0);\n\nconst loadedImages = ref(0);\nconst loaded = ref(true);\n\nconst loadImages = async () => {\n  const images = [];\n\n  for (let i = 1; i <= props.imageCount; i++) {\n    const img = new Image();\n    img.src = `${props.imagePath}/${i}.jpg`;\n\n    try {\n      await img.decode();\n      // Increase the number of loaded images\n      loadedImages.value++;\n    } catch (error) {\n      console.warn(`Failed to decode ${props.imagePath}/${i}.jpg:`, error);\n    }\n\n    images.push(img);\n  }\n\n  return images;\n};\n\n// Add a computed property to calculate the loading progress percentage\nconst loadingProgress = computed(() => {\n  return Math.round((loadedImages.value / props.imageCount) * 100);\n});\n\nconst images = ref([]);\n\nconst currentImage = ref('');\nconst firstImageLoad = ref(null);\nwatch(imageIndex, (index) => {\n  currentImage.value = images.value[index] || '';\n});\n\nfunction startRotation(event) {\n  isRotating.value = true;\n  startClientX.value = event.clientX || event.touches[0].clientX;\n}\n\nfunction rotate(event) {\n  if (!isRotating.value) return;\n\n  const currentClientX = event.clientX || event.touches[0].clientX;\n  const diff = currentClientX - startClientX.value;\n\n  if (Math.abs(diff) >= 5) {\n    const direction = diff > 0 ? 1 : -1;\n    imageIndex.value = (imageIndex.value + direction) % props.imageCount;\n    if (imageIndex.value < 0) imageIndex.value = props.imageCount - 1;\n\n    startClientX.value = currentClientX;\n  }\n}\n\nfunction stopRotation() {\n  isRotating.value = false;\n}\n\nlet autoRotateInterval = null;\n\nconst unloadImages = () => {\n  images.value = [];\n};\n\n\n\nonMounted(async () => {\n  images.value = await loadImages();\n  currentImage.value = images.value[0] || ''; \n});\nonUnmounted(() => {\n  clearInterval(autoRotateInterval);\n  unloadImages();\n});\n</script>\n\n\n<style scoped>\n  .expand-enter-active,\n.expand-leave-active {\n  transition: max-height 0.5s ease-in-out;\n  overflow: hidden;\n}\n.scale-enter-active,\n.scale-leave-active {\n  transition: transform 0.5s ease-in-out;\n}\n.scale5-enter-from,\n.scale5-leave-to {\n  transform: scale(1.2);\n  opacity: 0;\n}\n.scale5-enter-to,\n.scale5-leave-from {\n  transform: scale(1);\n  opacity: 1;\n}\n\n.product-360-viewer {\n  user-select: none;\n   min-height: 16rem;\n}\n\n.product-360-viewer img {\n  max-width: 100%;\n  cursor: grab;\n\n  object-fit: cover;\n  transition: all 0.3s ease;\n}\n\n.product-360-viewer img:active {\n  cursor: grabbing;\n}\n\n/*.product-360-viewer img:hover {\n  transform: scale(1.1);\n}*/\n</style>"],"names":["images"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,UAAM,QAAQ;AAed,UAAM,aAAa,IAAI,CAAC;AACxB,UAAM,aAAa,IAAI,KAAK;AAC5B,UAAM,eAAe,IAAI,CAAC;AAE1B,UAAM,eAAe,IAAI,CAAC;AACX,QAAI,IAAI;AAEvB,UAAM,aAAa,YAAY;AAC7B,YAAMA,UAAS,CAAE;AAEjB,eAAS,IAAI,GAAG,KAAK,MAAM,YAAY,KAAK;AAC1C,cAAM,MAAM,IAAI,MAAO;AACvB,YAAI,MAAM,GAAG,MAAM,SAAS,IAAI,CAAC;AAEjC,YAAI;AACF,gBAAM,IAAI,OAAQ;AAElB,uBAAa;AAAA,QACd,SAAQ,OAAO;AACd,kBAAQ,KAAK,oBAAoB,MAAM,SAAS,IAAI,CAAC,SAAS,KAAK;AAAA,QACzE;AAEI,QAAAA,QAAO,KAAK,GAAG;AAAA,MACnB;AAEE,aAAOA;AAAA,IACT;AAGA,UAAM,kBAAkB,SAAS,MAAM;AACrC,aAAO,KAAK,MAAO,aAAa,QAAQ,MAAM,aAAc,GAAG;AAAA,IACjE,CAAC;AAED,UAAM,SAAS,IAAI,EAAE;AAErB,UAAM,eAAe,IAAI,EAAE;AAC3B,UAAM,iBAAiB,IAAI,IAAI;AAC/B,UAAM,YAAY,CAAC,UAAU;AAC3B,mBAAa,QAAQ,OAAO,MAAM,KAAK,KAAK;AAAA,IAC9C,CAAC;AAED,aAAS,cAAc,OAAO;AAC5B,iBAAW,QAAQ;AACnB,mBAAa,QAAQ,MAAM,WAAW,MAAM,QAAQ,CAAC,EAAE;AAAA,IACzD;AAEA,aAAS,OAAO,OAAO;AACrB,UAAI,CAAC,WAAW,MAAO;AAEvB,YAAM,iBAAiB,MAAM,WAAW,MAAM,QAAQ,CAAC,EAAE;AACzD,YAAM,OAAO,iBAAiB,aAAa;AAE3C,UAAI,KAAK,IAAI,IAAI,KAAK,GAAG;AACvB,cAAM,YAAY,OAAO,IAAI,IAAI;AACjC,mBAAW,SAAS,WAAW,QAAQ,aAAa,MAAM;AAC1D,YAAI,WAAW,QAAQ,EAAG,YAAW,QAAQ,MAAM,aAAa;AAEhE,qBAAa,QAAQ;AAAA,MACzB;AAAA,IACA;AAEA,aAAS,eAAe;AACtB,iBAAW,QAAQ;AAAA,IACrB;AAEA,QAAI,qBAAqB;AAEzB,UAAM,eAAe,MAAM;AACzB,aAAO,QAAQ,CAAE;AAAA,IACnB;AAIA,cAAU,YAAY;AACpB,aAAO,QAAQ,MAAM,WAAY;AACjC,mBAAa,QAAQ,OAAO,MAAM,CAAC,KAAK;AAAA,IAC1C,CAAC;AACD,gBAAY,MAAM;AAChB,oBAAc,kBAAkB;AAChC,mBAAc;AAAA,IAChB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/blocks/ImagesThumbnails.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ImagesThumbnails.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/ImagesThumbnails.vue"],"sourcesContent":["<template>\n  <div class=\"o-scroll w-100 product-images\">\n    <div class=\"no-responsive w-max flex flex-nowrap gap-thin\">\n      <img loading=\"lazy\" \n        v-for=\"(image, index) in images\"\n        :key=\"index\"\n        :src=\"(FILE_SERVER_URL || '') + image\" \n        @click=\"openPopup(image)\"\n        class=\"flex-child flex-child-grow-1 aspect-1x1 radius-semi bg-white o-hidden thumbnail\"\n      />\n    </div>\n    <Popup @close-popup=\"closePopup\" :isPopupOpen=\"isPopupVisible\" class=\"radius-medium o-hidden\">\n      <PhotoViewer\n        :photoUrl=\"(FILE_SERVER_URL || '') + selectedImage\"\n      />\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\n\nimport Popup from '@pf/src/components/Popup/Popup.vue'\nimport PhotoViewer from '@pf/src/components/PhotoViewer/PhotoViewer.vue'\n\nconst props = defineProps({\n  images: {\n    type: Array,\n    required: true,\n  }\n});\n\nconst isPopupVisible = ref(false);\nconst selectedImage = ref(null);\n\nconst openPopup = (image) => {\n  selectedImage.value = image;\n  isPopupVisible.value = true;\n};\n\nconst closePopup = () => {\n  isPopupVisible.value = false;\n};\n</script>\n\n<style scoped>\n.magnifier {\n  max-width: 32rem;\n}\n.product-images {\n  display: flex;\n  flex-direction: column;\n}\n\n.thumbnail {\n  width: 100%;\n  max-width: 6rem;\n  height: 6rem;\n  object-fit: cover;\n  cursor: pointer;\n}\n\n.popup {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.8);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: zoom-out;\n}\n\n.popup-image {\n  max-width: 90%;\n  max-height: 90%;\n}\n</style>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;AAgCA,UAAM,iBAAiBA,IAAAA,IAAI,KAAK;AAChC,UAAM,gBAAgBA,IAAAA,IAAI,IAAI;AAE9B,UAAM,YAAY,CAAC,UAAU;AAC3B,oBAAc,QAAQ;AACtB,qBAAe,QAAQ;AAAA,IACzB;AAEA,UAAM,aAAa,MAAM;AACvB,qBAAe,QAAQ;AAAA,IACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ImagesThumbnails.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/ImagesThumbnails.vue"],"sourcesContent":["<template>\n  <div class=\"o-scroll w-100 product-images\">\n    <div class=\"no-responsive w-max flex flex-nowrap gap-thin\">\n      <img loading=\"lazy\" \n        v-for=\"(image, index) in images\"\n        :key=\"index\"\n        :src=\"(FILE_SERVER_URL || '') + image\" \n        @click=\"openPopup(image)\"\n        class=\"flex-child flex-child-grow-1 aspect-1x1 radius-semi bg-white o-hidden thumbnail\"\n      />\n    </div>\n    <Popup @close-popup=\"closePopup\" :isPopupOpen=\"isPopupVisible\" class=\"radius-medium o-hidden\">\n      <PhotoViewer\n        :photoUrl=\"(FILE_SERVER_URL || '') + selectedImage\"\n      />\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\n\nimport Popup from '@pf/src/components/Popup/Popup.vue'\nimport PhotoViewer from '@pf/src/components/PhotoViewer/PhotoViewer.vue'\n\nconst props = defineProps({\n  images: {\n    type: Array,\n    required: true,\n  }\n});\n\nconst isPopupVisible = ref(false);\nconst selectedImage = ref(null);\n\nconst openPopup = (image) => {\n  selectedImage.value = image;\n  isPopupVisible.value = true;\n};\n\nconst closePopup = () => {\n  isPopupVisible.value = false;\n};\n</script>\n\n<style scoped>\n.magnifier {\n  max-width: 32rem;\n}\n.product-images {\n  display: flex;\n  flex-direction: column;\n}\n\n.thumbnail {\n  width: 100%;\n  max-width: 6rem;\n  height: 6rem;\n  object-fit: cover;\n  cursor: pointer;\n}\n\n.popup {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.8);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: zoom-out;\n}\n\n.popup-image {\n  max-width: 90%;\n  max-height: 90%;\n}\n</style>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;AAgCA,UAAM,iBAAiBA,IAAG,IAAC,KAAK;AAChC,UAAM,gBAAgBA,IAAG,IAAC,IAAI;AAE9B,UAAM,YAAY,CAAC,UAAU;AAC3B,oBAAc,QAAQ;AACtB,qBAAe,QAAQ;AAAA,IACzB;AAEA,UAAM,aAAa,MAAM;AACvB,qBAAe,QAAQ;AAAA,IACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/blocks/ImagesThumbnails.vue.js

@@ -1,4 +1,4 @@
-import { ref, openBlock, createElementBlock, createElementVNode, Fragment, renderList, createVNode, withCtx } from "vue";
+import { ref, createElementBlock, openBlock, createElementVNode, createVNode, Fragment, renderList, withCtx } from "vue";
 import _sfc_main$1 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$2 from "../../../../components/PhotoViewer/PhotoViewer.vue.js";
 /* empty css                      */

package/dist/prometheus-framework/src/modules/products/components/blocks/LeftoverPositions.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Field = require("../../../../components/Field/Field.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
 const leftovers = require("../../store/leftovers.cjs");
 ;/* empty css                         */
 const _hoisted_1 = { class: "flex-column flex-wrap block" };

package/dist/prometheus-framework/src/modules/products/components/blocks/LeftoverPositions.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LeftoverPositions.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/LeftoverPositions.vue"],"sourcesContent":["<template>\n  <div>\n    <ul \n      class=\"flex-column flex-wrap block\"\n    >\n      <span \n        v-if=\"order.positions.length === 0\" \n        class=\"w-100\"\n      >\n        No positions added yet\n      </span> \n\n      <li \n        v-for=\"(product, index) in order.positions\" \n        :key=\"product._id\" \n        class=\"w-100 flex-center flex-nowrap flex\"\n      >\n        <span \n          class=\"mn-r-regular w-100\"\n        >\n          {{ product.name }}\n        </span>\n\n        <Field \n          v-model:field=\"product.price\"\n          type=\"number\"   \n          label=\"Price\" \n          :symbol=\"returnCurrency()\"\n          class=\"bg-light pd-medium radius-small\" \n        />\n\n        <Field \n          v-model:field=\"product.quantity\" \n          type=\"number\"  \n          label=\"Quantity\" \n          class=\"bg-light pd-medium radius-small\" \n          :symbol=\"product.type\"\n        />\n       \n        <a\n          class=\"button\" \n          @click=\"deleteProduct(index)\"\n        >\n          Delete\n        </a>\n        <!-- <hr v-if=\"index < order.positions.length - 1\" class=\"mn-t-small mn-b-small w-100 \"> -->\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport { useRouter, useRoute } from 'vue-router';\n\nimport Field from '@pf/src/components/Field/Field.vue';\n\nimport * as leftovers from '@pf/src/modules/products/store/leftovers';\n\nconst router = useRouter();\nconst route = useRoute();\n\nconst props = defineProps({\n  order: Object\n});\n\nfunction deleteProduct(index) {\n  leftovers.actions.deleteItemFromLeftover(props.order.positions[index]);\n}\n\nfunction updateProductQuantity(index, event) {\n  props.order.positions[index].quantity = event.target.value;\n}\n\nfunction updateProductPrice(index, event) {\n  props.order.positions[index].price = event.target.value;\n}\n</script>\n  \n\n<style lang=\"scss\" >\n.vue-select {\n  background: #f7f7f7;\n  border-radius: 0.5rem;\n  border: 0;\n  height: 3rem;\n    padding-left: 1rem;\n   \n    z-index: 4;\n  .vue-input {\n    input { \n       font-size: 1.125rem;\n    font-weight: 300;\n      background: #f7f7f7; }\n  }\n}\n</style>\n\n\n"],"names":["useRouter","useRoute","leftovers.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;AA2DeA,cAAAA,UAAY;AACbC,cAAAA,SAAW;AAEzB,UAAM,QAAQ;AAId,aAAS,cAAc,OAAO;AAC5BC,gBAAiB,QAAC,uBAAuB,MAAM,MAAM,UAAU,KAAK,CAAC;AAAA,IACvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"LeftoverPositions.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/LeftoverPositions.vue"],"sourcesContent":["<template>\n  <div>\n    <ul \n      class=\"flex-column flex-wrap block\"\n    >\n      <span \n        v-if=\"order.positions.length === 0\" \n        class=\"w-100\"\n      >\n        No positions added yet\n      </span> \n\n      <li \n        v-for=\"(product, index) in order.positions\" \n        :key=\"product._id\" \n        class=\"w-100 flex-center flex-nowrap flex\"\n      >\n        <span \n          class=\"mn-r-regular w-100\"\n        >\n          {{ product.name }}\n        </span>\n\n        <Field \n          v-model:field=\"product.price\"\n          type=\"number\"   \n          label=\"Price\" \n          :symbol=\"returnCurrency()\"\n          class=\"bg-light pd-medium radius-small\" \n        />\n\n        <Field \n          v-model:field=\"product.quantity\" \n          type=\"number\"  \n          label=\"Quantity\" \n          class=\"bg-light pd-medium radius-small\" \n          :symbol=\"product.type\"\n        />\n       \n        <a\n          class=\"button\" \n          @click=\"deleteProduct(index)\"\n        >\n          Delete\n        </a>\n        <!-- <hr v-if=\"index < order.positions.length - 1\" class=\"mn-t-small mn-b-small w-100 \"> -->\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport { useRouter, useRoute } from 'vue-router';\n\nimport Field from '@pf/src/components/Field/Field.vue';\n\nimport * as leftovers from '@pf/src/modules/products/store/leftovers';\n\nconst router = useRouter();\nconst route = useRoute();\n\nconst props = defineProps({\n  order: Object\n});\n\nfunction deleteProduct(index) {\n  leftovers.actions.deleteItemFromLeftover(props.order.positions[index]);\n}\n\nfunction updateProductQuantity(index, event) {\n  props.order.positions[index].quantity = event.target.value;\n}\n\nfunction updateProductPrice(index, event) {\n  props.order.positions[index].price = event.target.value;\n}\n</script>\n  \n\n<style lang=\"scss\" >\n.vue-select {\n  background: #f7f7f7;\n  border-radius: 0.5rem;\n  border: 0;\n  height: 3rem;\n    padding-left: 1rem;\n   \n    z-index: 4;\n  .vue-input {\n    input { \n       font-size: 1.125rem;\n    font-weight: 300;\n      background: #f7f7f7; }\n  }\n}\n</style>\n\n\n"],"names":["useRouter","useRoute","leftovers.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;AA2DeA,cAAS,UAAA;AACVC,cAAQ,SAAA;AAEtB,UAAM,QAAQ;AAId,aAAS,cAAc,OAAO;AAC5BC,gBAAiB,QAAC,uBAAuB,MAAM,MAAM,UAAU,KAAK,CAAC;AAAA,IACvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/blocks/LeftoverPositions.vue.js

@@ -1,6 +1,6 @@
-import { openBlock, createElementBlock, createElementVNode, createCommentVNode, Fragment, renderList, toDisplayString, createVNode } from "vue";
+import { createElementBlock, openBlock, createElementVNode, createCommentVNode, Fragment, renderList, createVNode, toDisplayString } from "vue";
 import { useRouter, useRoute } from "vue-router";
-import Field from "../../../../components/Field/Field.vue.js";
+import Field from "../../../../components/Field/Field.vue2.js";
 import { actions } from "../../store/leftovers.js";
 /* empty css                       */
 const _hoisted_1 = { class: "flex-column flex-wrap block" };

package/dist/prometheus-framework/src/modules/products/components/blocks/LeftoverPositions.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"LeftoverPositions.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/LeftoverPositions.vue"],"sourcesContent":["<template>\n  <div>\n    <ul \n      class=\"flex-column flex-wrap block\"\n    >\n      <span \n        v-if=\"order.positions.length === 0\" \n        class=\"w-100\"\n      >\n        No positions added yet\n      </span> \n\n      <li \n        v-for=\"(product, index) in order.positions\" \n        :key=\"product._id\" \n        class=\"w-100 flex-center flex-nowrap flex\"\n      >\n        <span \n          class=\"mn-r-regular w-100\"\n        >\n          {{ product.name }}\n        </span>\n\n        <Field \n          v-model:field=\"product.price\"\n          type=\"number\"   \n          label=\"Price\" \n          :symbol=\"returnCurrency()\"\n          class=\"bg-light pd-medium radius-small\" \n        />\n\n        <Field \n          v-model:field=\"product.quantity\" \n          type=\"number\"  \n          label=\"Quantity\" \n          class=\"bg-light pd-medium radius-small\" \n          :symbol=\"product.type\"\n        />\n       \n        <a\n          class=\"button\" \n          @click=\"deleteProduct(index)\"\n        >\n          Delete\n        </a>\n        <!-- <hr v-if=\"index < order.positions.length - 1\" class=\"mn-t-small mn-b-small w-100 \"> -->\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport { useRouter, useRoute } from 'vue-router';\n\nimport Field from '@pf/src/components/Field/Field.vue';\n\nimport * as leftovers from '@pf/src/modules/products/store/leftovers';\n\nconst router = useRouter();\nconst route = useRoute();\n\nconst props = defineProps({\n  order: Object\n});\n\nfunction deleteProduct(index) {\n  leftovers.actions.deleteItemFromLeftover(props.order.positions[index]);\n}\n\nfunction updateProductQuantity(index, event) {\n  props.order.positions[index].quantity = event.target.value;\n}\n\nfunction updateProductPrice(index, event) {\n  props.order.positions[index].price = event.target.value;\n}\n</script>\n  \n\n<style lang=\"scss\" >\n.vue-select {\n  background: #f7f7f7;\n  border-radius: 0.5rem;\n  border: 0;\n  height: 3rem;\n    padding-left: 1rem;\n   \n    z-index: 4;\n  .vue-input {\n    input { \n       font-size: 1.125rem;\n    font-weight: 300;\n      background: #f7f7f7; }\n  }\n}\n</style>\n\n\n"],"names":["leftovers.actions"],"mappings":";;;;;;;;;;;;;;;;;;AA2De,cAAY;AACb,aAAW;AAEzB,UAAM,QAAQ;AAId,aAAS,cAAc,OAAO;AAC5BA,cAAkB,uBAAuB,MAAM,MAAM,UAAU,KAAK,CAAC;AAAA,IACvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"LeftoverPositions.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/LeftoverPositions.vue"],"sourcesContent":["<template>\n  <div>\n    <ul \n      class=\"flex-column flex-wrap block\"\n    >\n      <span \n        v-if=\"order.positions.length === 0\" \n        class=\"w-100\"\n      >\n        No positions added yet\n      </span> \n\n      <li \n        v-for=\"(product, index) in order.positions\" \n        :key=\"product._id\" \n        class=\"w-100 flex-center flex-nowrap flex\"\n      >\n        <span \n          class=\"mn-r-regular w-100\"\n        >\n          {{ product.name }}\n        </span>\n\n        <Field \n          v-model:field=\"product.price\"\n          type=\"number\"   \n          label=\"Price\" \n          :symbol=\"returnCurrency()\"\n          class=\"bg-light pd-medium radius-small\" \n        />\n\n        <Field \n          v-model:field=\"product.quantity\" \n          type=\"number\"  \n          label=\"Quantity\" \n          class=\"bg-light pd-medium radius-small\" \n          :symbol=\"product.type\"\n        />\n       \n        <a\n          class=\"button\" \n          @click=\"deleteProduct(index)\"\n        >\n          Delete\n        </a>\n        <!-- <hr v-if=\"index < order.positions.length - 1\" class=\"mn-t-small mn-b-small w-100 \"> -->\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport { useRouter, useRoute } from 'vue-router';\n\nimport Field from '@pf/src/components/Field/Field.vue';\n\nimport * as leftovers from '@pf/src/modules/products/store/leftovers';\n\nconst router = useRouter();\nconst route = useRoute();\n\nconst props = defineProps({\n  order: Object\n});\n\nfunction deleteProduct(index) {\n  leftovers.actions.deleteItemFromLeftover(props.order.positions[index]);\n}\n\nfunction updateProductQuantity(index, event) {\n  props.order.positions[index].quantity = event.target.value;\n}\n\nfunction updateProductPrice(index, event) {\n  props.order.positions[index].price = event.target.value;\n}\n</script>\n  \n\n<style lang=\"scss\" >\n.vue-select {\n  background: #f7f7f7;\n  border-radius: 0.5rem;\n  border: 0;\n  height: 3rem;\n    padding-left: 1rem;\n   \n    z-index: 4;\n  .vue-input {\n    input { \n       font-size: 1.125rem;\n    font-weight: 300;\n      background: #f7f7f7; }\n  }\n}\n</style>\n\n\n"],"names":["leftovers.actions"],"mappings":";;;;;;;;;;;;;;;;;;AA2De,cAAS;AACV,aAAQ;AAEtB,UAAM,QAAQ;AAId,aAAS,cAAc,OAAO;AAC5BA,cAAkB,uBAAuB,MAAM,MAAM,UAAU,KAAK,CAAC;AAAA,IACvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/blocks/ListPositions.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-;/* empty css                                        */
+;/* empty css                                       */
 const CardPosition = require("./CardPosition.vue.cjs");
 const leftovers = require("../../store/leftovers.cjs");
 ;/* empty css                     */

package/dist/prometheus-framework/src/modules/products/components/blocks/ListPositions.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListPositions.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/ListPositions.vue"],"sourcesContent":["<template>\n  <div>\n    <ul \n      class=\"flex-column flex-wrap\"\n    >\n      <span \n        v-if=\"order.positions.length === 0\" \n        class=\"w-100\"\n      >\n        No positions added yet\n      </span> \n\n      <li \n        v-for=\"(product, index) in order.positions\" \n        :key=\"product._id\" \n        class=\"w-100 gap-small flex-stretch flex-center flex-nowrap flex\"\n      >\n        <span \n          class=\"flex-v-center flex radius-medium pd-small bg-white w-100\"\n        >\n          {{ product.name }}\n        </span>\n\n        <CardPosition\n          :products='[]'\n          :product='product'\n          @add=\"deleteProduct(index)\"\n        />\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport { useRouter, useRoute } from 'vue-router';\n\nimport Field from '@pf/src/components/Field/Field.vue';\n import CardPosition from '@pf/src/modules/products/components/blocks/CardPosition.vue';\n\nimport * as leftovers from '@pf/src/modules/products/store/leftovers';\n\nconst router = useRouter();\nconst route = useRoute();\n\nconst props = defineProps({\n  order: Object\n});\n\nfunction deleteProduct(index) {\n  leftovers.actions.deleteItemFromLeftover(props.order.positions[index]);\n}\n</script>\n  \n\n<style lang=\"scss\" >\n.vue-select {\n  background: #f7f7f7;\n  border-radius: 0.5rem;\n  border: 0;\n  height: 3rem;\n    padding-left: 1rem;\n   \n    z-index: 4;\n  .vue-input {\n    input { \n       font-size: 1.125rem;\n    font-weight: 300;\n      background: #f7f7f7; }\n  }\n}\n</style>\n\n\n"],"names":["useRouter","useRoute","leftovers.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0CeA,cAAAA,UAAY;AACbC,cAAAA,SAAW;AAEzB,UAAM,QAAQ;AAId,aAAS,cAAc,OAAO;AAC5BC,gBAAiB,QAAC,uBAAuB,MAAM,MAAM,UAAU,KAAK,CAAC;AAAA,IACvE;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ListPositions.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/ListPositions.vue"],"sourcesContent":["<template>\n  <div>\n    <ul \n      class=\"flex-column flex-wrap\"\n    >\n      <span \n        v-if=\"order.positions.length === 0\" \n        class=\"w-100\"\n      >\n        No positions added yet\n      </span> \n\n      <li \n        v-for=\"(product, index) in order.positions\" \n        :key=\"product._id\" \n        class=\"w-100 gap-small flex-stretch flex-center flex-nowrap flex\"\n      >\n        <span \n          class=\"flex-v-center flex radius-medium pd-small bg-white w-100\"\n        >\n          {{ product.name }}\n        </span>\n\n        <CardPosition\n          :products='[]'\n          :product='product'\n          @add=\"deleteProduct(index)\"\n        />\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport { useRouter, useRoute } from 'vue-router';\n\nimport Field from '@pf/src/components/Field/Field.vue';\n import CardPosition from '@pf/src/modules/products/components/blocks/CardPosition.vue';\n\nimport * as leftovers from '@pf/src/modules/products/store/leftovers';\n\nconst router = useRouter();\nconst route = useRoute();\n\nconst props = defineProps({\n  order: Object\n});\n\nfunction deleteProduct(index) {\n  leftovers.actions.deleteItemFromLeftover(props.order.positions[index]);\n}\n</script>\n  \n\n<style lang=\"scss\" >\n.vue-select {\n  background: #f7f7f7;\n  border-radius: 0.5rem;\n  border: 0;\n  height: 3rem;\n    padding-left: 1rem;\n   \n    z-index: 4;\n  .vue-input {\n    input { \n       font-size: 1.125rem;\n    font-weight: 300;\n      background: #f7f7f7; }\n  }\n}\n</style>\n\n\n"],"names":["useRouter","useRoute","leftovers.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0CeA,cAAS,UAAA;AACVC,cAAQ,SAAA;AAEtB,UAAM,QAAQ;AAId,aAAS,cAAc,OAAO;AAC5BC,gBAAiB,QAAC,uBAAuB,MAAM,MAAM,UAAU,KAAK,CAAC;AAAA,IACvE;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/blocks/ListPositions.vue.js

@@ -1,6 +1,6 @@
-import { openBlock, createElementBlock, createElementVNode, createCommentVNode, Fragment, renderList, toDisplayString, createVNode } from "vue";
+import { createElementBlock, openBlock, createElementVNode, createCommentVNode, Fragment, renderList, createVNode, toDisplayString } from "vue";
 import { useRouter, useRoute } from "vue-router";
-/* empty css                                      */
+/* empty css                                     */
 import _sfc_main$1 from "./CardPosition.vue.js";
 import { actions } from "../../store/leftovers.js";
 /* empty css                   */

package/dist/prometheus-framework/src/modules/products/components/blocks/ListPositions.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListPositions.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/ListPositions.vue"],"sourcesContent":["<template>\n  <div>\n    <ul \n      class=\"flex-column flex-wrap\"\n    >\n      <span \n        v-if=\"order.positions.length === 0\" \n        class=\"w-100\"\n      >\n        No positions added yet\n      </span> \n\n      <li \n        v-for=\"(product, index) in order.positions\" \n        :key=\"product._id\" \n        class=\"w-100 gap-small flex-stretch flex-center flex-nowrap flex\"\n      >\n        <span \n          class=\"flex-v-center flex radius-medium pd-small bg-white w-100\"\n        >\n          {{ product.name }}\n        </span>\n\n        <CardPosition\n          :products='[]'\n          :product='product'\n          @add=\"deleteProduct(index)\"\n        />\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport { useRouter, useRoute } from 'vue-router';\n\nimport Field from '@pf/src/components/Field/Field.vue';\n import CardPosition from '@pf/src/modules/products/components/blocks/CardPosition.vue';\n\nimport * as leftovers from '@pf/src/modules/products/store/leftovers';\n\nconst router = useRouter();\nconst route = useRoute();\n\nconst props = defineProps({\n  order: Object\n});\n\nfunction deleteProduct(index) {\n  leftovers.actions.deleteItemFromLeftover(props.order.positions[index]);\n}\n</script>\n  \n\n<style lang=\"scss\" >\n.vue-select {\n  background: #f7f7f7;\n  border-radius: 0.5rem;\n  border: 0;\n  height: 3rem;\n    padding-left: 1rem;\n   \n    z-index: 4;\n  .vue-input {\n    input { \n       font-size: 1.125rem;\n    font-weight: 300;\n      background: #f7f7f7; }\n  }\n}\n</style>\n\n\n"],"names":["leftovers.actions"],"mappings":";;;;;;;;;;;;;;;;;;AA0Ce,cAAY;AACb,aAAW;AAEzB,UAAM,QAAQ;AAId,aAAS,cAAc,OAAO;AAC5BA,cAAkB,uBAAuB,MAAM,MAAM,UAAU,KAAK,CAAC;AAAA,IACvE;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ListPositions.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/ListPositions.vue"],"sourcesContent":["<template>\n  <div>\n    <ul \n      class=\"flex-column flex-wrap\"\n    >\n      <span \n        v-if=\"order.positions.length === 0\" \n        class=\"w-100\"\n      >\n        No positions added yet\n      </span> \n\n      <li \n        v-for=\"(product, index) in order.positions\" \n        :key=\"product._id\" \n        class=\"w-100 gap-small flex-stretch flex-center flex-nowrap flex\"\n      >\n        <span \n          class=\"flex-v-center flex radius-medium pd-small bg-white w-100\"\n        >\n          {{ product.name }}\n        </span>\n\n        <CardPosition\n          :products='[]'\n          :product='product'\n          @add=\"deleteProduct(index)\"\n        />\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport { useRouter, useRoute } from 'vue-router';\n\nimport Field from '@pf/src/components/Field/Field.vue';\n import CardPosition from '@pf/src/modules/products/components/blocks/CardPosition.vue';\n\nimport * as leftovers from '@pf/src/modules/products/store/leftovers';\n\nconst router = useRouter();\nconst route = useRoute();\n\nconst props = defineProps({\n  order: Object\n});\n\nfunction deleteProduct(index) {\n  leftovers.actions.deleteItemFromLeftover(props.order.positions[index]);\n}\n</script>\n  \n\n<style lang=\"scss\" >\n.vue-select {\n  background: #f7f7f7;\n  border-radius: 0.5rem;\n  border: 0;\n  height: 3rem;\n    padding-left: 1rem;\n   \n    z-index: 4;\n  .vue-input {\n    input { \n       font-size: 1.125rem;\n    font-weight: 300;\n      background: #f7f7f7; }\n  }\n}\n</style>\n\n\n"],"names":["leftovers.actions"],"mappings":";;;;;;;;;;;;;;;;;;AA0Ce,cAAS;AACV,aAAQ;AAEtB,UAAM,QAAQ;AAId,aAAS,cAAc,OAAO;AAC5BA,cAAkB,uBAAuB,MAAM,MAAM,UAAU,KAAK,CAAC;AAAA,IACvE;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/elements/Price.vue.js

@@ -1,4 +1,4 @@
-import { openBlock, createElementBlock, createElementVNode, normalizeClass, toDisplayString, createCommentVNode } from "vue";
+import { createElementBlock, openBlock, createElementVNode, createCommentVNode, normalizeClass, toDisplayString } from "vue";
 const _hoisted_1 = { class: "radius-small" };
 const _hoisted_2 = {
   key: 1,

package/dist/prometheus-framework/src/modules/products/components/elements/THC.vue.js

@@ -1,4 +1,4 @@
-import { openBlock, createElementBlock, createElementVNode, toDisplayString, createCommentVNode } from "vue";
+import { createElementBlock, createCommentVNode, openBlock, createElementVNode, toDisplayString } from "vue";
 /* empty css         */
 const _hoisted_1 = {
   key: 0,

package/dist/prometheus-framework/src/modules/products/components/pages/Categories.vue.cjs

@@ -5,12 +5,12 @@ const vueRouter = require("vue-router");
 const globals = require("../../../globals/views/store/globals.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const categories = require("../../store/categories.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 ;/* empty css                                         */
-;/* empty css                                             */
+;/* empty css                                              */
 ;/* empty css                                               */
-;/* empty css                                        */
+;/* empty css                                       */
 ;/* empty css                                           */
 ;/* empty css                                          */
 ;/* empty css                                      */

package/dist/prometheus-framework/src/modules/products/components/pages/Categories.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Categories.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/Categories.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin bg-white\">\n    <Block v-if=\"!MOBILE_APP\" \n      class=\"radius-big mn-b-thin flex-nowrap flex-v-center flex\"\n    >\n      <h2 class=\"mn-r-auto\">\n        Product Categories\n      </h2>\n\n      <router-link \n        :to=\"{\n          name: 'Category Add', \n          params: { \n            _id: $route.params._id\n          } \n        }\"\n        class=\"mn-r-medium uppercase t-medium pd-small radius-big  bg-white nav-link\"\n      >\n        Add category\n      </router-link>\n\n      <Button \n        @click=\"updateCategoriesOrder\" \n        class=\"pd-small radius-big bg-black t-white uppercase t-medium\"\n      >\n        Change Order\n      </Button>\n    </Block>\n    <!-- <Feed\n      :states=\"{\n        empty: {\n          title: 'No Events Found',\n          description: 'Currently, there are no events available.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => categories.actions.read(options),\n        state: categories.state\n      }\"\n      :options=\"{\n          user: auth.state.user._id,\n          rootOnly: true,\n          limit: 10\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n    > -->\n      <CategoryList \n        v-if=\"categories.state.all\" \n        :items=\"categories.state.all\" \n        :state=\"categories.state.all\" \n        @update=\"updateCategoriesOrder\" \n      />\n\n     <!--  <VueDraggableNext \n        class=\"dragArea list-group w-full\" \n        :list=\"items\" \n        item-key=\"order\" \n        @end=\"updateOrder\"\n      >\n        <CardCategory \n          v-for=\"(category,index) in items\"\n          :key=\"category.id\"\n          :category=\"category\" \n          @delete=\"deleteCategory\"\n          class=\"pd-medium bg-light radius-medium mn-b-thin\"\n        />\n      </VueDraggableNext> -->\n    <!-- </Feed> -->\n  </div>\n</template>\n\n<script setup>\n  import { onMounted, onUnmounted, computed } from 'vue';\n  import { VueDraggableNext } from 'vue-draggable-next';\n\n  import { useRoute, useRouter } from 'vue-router';\n\n  import * as globals from '@pf/src/modules/globals/views/store/globals';\n  import * as auth from '@pf/src/modules/auth/views/store/auth'; \n  import * as categories from '@pf/src/modules/products/store/categories'; \n\n  const route = useRoute();\n  const router = useRouter();\n\n  import Button from \"@pf/src/components/Button/Button.vue\";\n  import Block from '@pf/src/components/Block/Block.vue';\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import CardCategory from '@pf/src/modules/products/components/blocks/CardCategory.vue';\n  import CategoryList from '@pf/src/modules/products/components/sections/CategoriesTree.vue';\n\n  import IconPlus from '@pf/src/modules/icons/navigation/IconPlus.vue'\n\n  globals.state.navigation_bar.actions = [{\n    component: IconPlus,\n    props: {\n      fill: \"rgb(var(--main))\" \n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => route.params._id ? router.push({ name: 'Category Add', params: { _id: route.params._id} }) : router.push({ name: 'Category Add' })\n  }],\n\n onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\ncategories.state.all = await categories.actions.read({\n      user: auth.state.user._id,\n      rootOnly: true,\n      limit: 10\n    })\n  onMounted(async () => {\n    \n  });\n\n  const mappedCategories = computed(() => {\n   const recursiveMap = (data) => {\n     return data.map(item => ({\n       // id: item._id, \n      parent: item.parent,\n      _id: item._id,\n      order: item.order,\n      name: item.name, \n      children: item.children ? recursiveMap(item.children) : []\n     }));\n   };\n   \n   return recursiveMap(categories.state.all);\n  });\n\n  function flattenCategoryTree(categories) {\n    let flatCategories = [];\n    \n    function flatten(category) {\n      const { children, ...categoryWithoutChildren } = category;\n      flatCategories.push(categoryWithoutChildren);\n      \n      if (children && Array.isArray(children)) {\n        children.forEach(child => flatten(child));\n      }\n    }\n    \n    categories.forEach(category => flatten(category));\n    return flatCategories;\n  }\n\n  // Обновленная функция для обновления порядка категорий\n  async function updateCategoriesOrder(category) {\n    try {\n      // Получаем все категории и преобразуем их в плоский массив\n      const allCategories = categories.state.all;\n      const flattenedCategories = flattenCategoryTree(allCategories);\n      \n      // Обновляем порядок для всех категорий\n      console.log('flated', flattenedCategories)\n      await categories.actions.update(flattenedCategories);\n      \n      console.log('Categories order updated successfully');\n    } catch (error) {\n      console.error('Error updating categories order:', error);\n      throw error;\n    }\n  }\n\n  async function deleteCategory(category) {\n  // Запрашиваем подтверждение у пользователя\n    const isConfirmed = confirm(`Are you sure you want to delete the category \"${category.name}\"?`);\n    \n    // Если пользователь подтвердил удаление, продолжаем процесс\n    if (isConfirmed) {\n      await categories.actions.deleteCategory(category.url);\n    } else {\n      alert('Category deletion cancelled'); \n    }\n  }\n\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["useRoute","useRouter","globals.state","IconPlus","auth.state","onUnmounted","categories.state","_withAsyncContext","categories.actions","onMounted","computed","categories"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAmFE,UAAM,QAAQA,UAAAA;AACd,UAAM,SAASC,UAAAA;AAWfC,kBAAc,eAAe,UAAU,CAAC;AAAA,MACtC,WAAWC,SAAQ;AAAA,MACnB,OAAO;AAAA,QACL,MAAM;AAAA,MACP;AAAA,MACD,WAAW,MAAMC,KAAU,MAAC,QAAQA,KAAU,MAAC,KAAK;AAAA,MACpD,QAAQ,MAAM,MAAM,OAAO,MAAM,OAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAG,CAAA,IAAI,OAAO,KAAK,EAAE,MAAM,gBAAgB;AAAA,IACnJ,CAAG,GAEFC,IAAAA,YAAY,MAAM;AACfH,oBAAc,eAAe,UAAU;IAC3C,CAAG;AAEHI,eAAAA,MAAiB,OAAY,CAAA,QAAA,SAAA,IAAAC,IAAAA,iBAAA,MAAAC,WAAkB,QAAC,KAAK;AAAA,MAC/C,MAAMJ,KAAAA,MAAW,KAAK;AAAA,MACtB,UAAU;AAAA,MACV,OAAO;AAAA,IACb,CAAK,CAAA;AACHK,QAAAA,UAAU,YAAY;AAAA,IAExB,CAAG;AAEwBC,QAAAA,SAAS,MAAM;AACvC,YAAM,eAAe,CAAC,SAAS;AAC7B,eAAO,KAAK,IAAI,WAAS;AAAA;AAAA,UAExB,QAAQ,KAAK;AAAA,UACb,KAAK,KAAK;AAAA,UACV,OAAO,KAAK;AAAA,UACZ,MAAM,KAAK;AAAA,UACX,UAAU,KAAK,WAAW,aAAa,KAAK,QAAQ,IAAI,CAAE;AAAA,QAC1D,EAAC;AAAA,MACP;AAEG,aAAO,aAAaJ,iBAAiB,GAAG;AAAA,IAC3C,CAAG;AAED,aAAS,oBAAoBK,aAAY;AACvC,UAAI,iBAAiB,CAAA;AAErB,eAAS,QAAQ,UAAU;AACzB,cAAM,EAAE,UAAU,GAAG,wBAAuB,IAAK;AACjD,uBAAe,KAAK,uBAAuB;AAE3C,YAAI,YAAY,MAAM,QAAQ,QAAQ,GAAG;AACvC,mBAAS,QAAQ,WAAS,QAAQ,KAAK,CAAC;AAAA,QACzC;AAAA,MACF;AAED,MAAAA,YAAW,QAAQ,cAAY,QAAQ,QAAQ,CAAC;AAChD,aAAO;AAAA,IACR;AAGD,mBAAe,sBAAsB,UAAU;AAC7C,UAAI;AAEF,cAAM,gBAAgBL,WAAgB,MAAC;AACvC,cAAM,sBAAsB,oBAAoB,aAAa;AAG7D,gBAAQ,IAAI,UAAU,mBAAmB;AACzC,cAAME,WAAkB,QAAC,OAAO,mBAAmB;AAEnD,gBAAQ,IAAI,uCAAuC;AAAA,MACpD,SAAQ,OAAO;AACd,gBAAQ,MAAM,oCAAoC,KAAK;AACvD,cAAM;AAAA,MACP;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Categories.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/Categories.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin bg-white\">\n    <Block v-if=\"!MOBILE_APP\" \n      class=\"radius-big mn-b-thin flex-nowrap flex-v-center flex\"\n    >\n      <h2 class=\"mn-r-auto\">\n        Product Categories\n      </h2>\n\n      <router-link \n        :to=\"{\n          name: 'Category Add', \n          params: { \n            _id: $route.params._id\n          } \n        }\"\n        class=\"mn-r-medium uppercase t-medium pd-small radius-big  bg-white nav-link\"\n      >\n        Add category\n      </router-link>\n\n      <Button \n        @click=\"updateCategoriesOrder\" \n        class=\"pd-small radius-big bg-black t-white uppercase t-medium\"\n      >\n        Change Order\n      </Button>\n    </Block>\n    <!-- <Feed\n      :states=\"{\n        empty: {\n          title: 'No Events Found',\n          description: 'Currently, there are no events available.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => categories.actions.read(options),\n        state: categories.state\n      }\"\n      :options=\"{\n          user: auth.state.user._id,\n          rootOnly: true,\n          limit: 10\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n    > -->\n      <CategoryList \n        v-if=\"categories.state.all\" \n        :items=\"categories.state.all\" \n        :state=\"categories.state.all\" \n        @update=\"updateCategoriesOrder\" \n      />\n\n     <!--  <VueDraggableNext \n        class=\"dragArea list-group w-full\" \n        :list=\"items\" \n        item-key=\"order\" \n        @end=\"updateOrder\"\n      >\n        <CardCategory \n          v-for=\"(category,index) in items\"\n          :key=\"category.id\"\n          :category=\"category\" \n          @delete=\"deleteCategory\"\n          class=\"pd-medium bg-light radius-medium mn-b-thin\"\n        />\n      </VueDraggableNext> -->\n    <!-- </Feed> -->\n  </div>\n</template>\n\n<script setup>\n  import { onMounted, onUnmounted, computed } from 'vue';\n  import { VueDraggableNext } from 'vue-draggable-next';\n\n  import { useRoute, useRouter } from 'vue-router';\n\n  import * as globals from '@pf/src/modules/globals/views/store/globals';\n  import * as auth from '@pf/src/modules/auth/views/store/auth'; \n  import * as categories from '@pf/src/modules/products/store/categories'; \n\n  const route = useRoute();\n  const router = useRouter();\n\n  import Button from \"@pf/src/components/Button/Button.vue\";\n  import Block from '@pf/src/components/Block/Block.vue';\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import CardCategory from '@pf/src/modules/products/components/blocks/CardCategory.vue';\n  import CategoryList from '@pf/src/modules/products/components/sections/CategoriesTree.vue';\n\n  import IconPlus from '@pf/src/modules/icons/navigation/IconPlus.vue'\n\n  globals.state.navigation_bar.actions = [{\n    component: IconPlus,\n    props: {\n      fill: \"rgb(var(--main))\" \n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => route.params._id ? router.push({ name: 'Category Add', params: { _id: route.params._id} }) : router.push({ name: 'Category Add' })\n  }],\n\n onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\ncategories.state.all = await categories.actions.read({\n      user: auth.state.user._id,\n      rootOnly: true,\n      limit: 10\n    })\n  onMounted(async () => {\n    \n  });\n\n  const mappedCategories = computed(() => {\n   const recursiveMap = (data) => {\n     return data.map(item => ({\n       // id: item._id, \n      parent: item.parent,\n      _id: item._id,\n      order: item.order,\n      name: item.name, \n      children: item.children ? recursiveMap(item.children) : []\n     }));\n   };\n   \n   return recursiveMap(categories.state.all);\n  });\n\n  function flattenCategoryTree(categories) {\n    let flatCategories = [];\n    \n    function flatten(category) {\n      const { children, ...categoryWithoutChildren } = category;\n      flatCategories.push(categoryWithoutChildren);\n      \n      if (children && Array.isArray(children)) {\n        children.forEach(child => flatten(child));\n      }\n    }\n    \n    categories.forEach(category => flatten(category));\n    return flatCategories;\n  }\n\n  // Обновленная функция для обновления порядка категорий\n  async function updateCategoriesOrder(category) {\n    try {\n      // Получаем все категории и преобразуем их в плоский массив\n      const allCategories = categories.state.all;\n      const flattenedCategories = flattenCategoryTree(allCategories);\n      \n      // Обновляем порядок для всех категорий\n      console.log('flated', flattenedCategories)\n      await categories.actions.update(flattenedCategories);\n      \n      console.log('Categories order updated successfully');\n    } catch (error) {\n      console.error('Error updating categories order:', error);\n      throw error;\n    }\n  }\n\n  async function deleteCategory(category) {\n  // Запрашиваем подтверждение у пользователя\n    const isConfirmed = confirm(`Are you sure you want to delete the category \"${category.name}\"?`);\n    \n    // Если пользователь подтвердил удаление, продолжаем процесс\n    if (isConfirmed) {\n      await categories.actions.deleteCategory(category.url);\n    } else {\n      alert('Category deletion cancelled'); \n    }\n  }\n\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["useRoute","useRouter","globals.state","IconPlus","auth.state","onUnmounted","categories.state","_withAsyncContext","categories.actions","onMounted","computed","categories"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAmFE,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAW1BC,kBAAc,eAAe,UAAU,CAAC;AAAA,MACtC,WAAWC,SAAQ;AAAA,MACnB,OAAO;AAAA,QACL,MAAM;AAAA,MACP;AAAA,MACD,WAAW,MAAMC,KAAU,MAAC,QAAQA,KAAU,MAAC,KAAK;AAAA,MACpD,QAAQ,MAAM,MAAM,OAAO,MAAM,OAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAG,CAAA,IAAI,OAAO,KAAK,EAAE,MAAM,eAAgB,CAAA;AAAA,IACnJ,CAAG,GAEFC,IAAAA,YAAY,MAAM;AACfH,oBAAc,eAAe,UAAU,CAAE;AAAA,IAC7C,CAAG;AAEHI,eAAAA,MAAiB,OAAY,CAAA,QAAA,SAAA,IAAAC,IAAAA,iBAAA,MAAAC,WAAkB,QAAC,KAAK;AAAA,MAC/C,MAAMJ,KAAAA,MAAW,KAAK;AAAA,MACtB,UAAU;AAAA,MACV,OAAO;AAAA,IACb,CAAK,CAAA;AACHK,QAAAA,UAAU,YAAY;AAAA,IAExB,CAAG;AAEwBC,QAAAA,SAAS,MAAM;AACvC,YAAM,eAAe,CAAC,SAAS;AAC7B,eAAO,KAAK,IAAI,WAAS;AAAA;AAAA,UAExB,QAAQ,KAAK;AAAA,UACb,KAAK,KAAK;AAAA,UACV,OAAO,KAAK;AAAA,UACZ,MAAM,KAAK;AAAA,UACX,UAAU,KAAK,WAAW,aAAa,KAAK,QAAQ,IAAI,CAAA;AAAA,QAC9D,EAAO;AAAA,MACH;AAED,aAAO,aAAaJ,WAAgB,MAAC,GAAG;AAAA,IACxC,CAAA;AAED,aAAS,oBAAoBK,aAAY;AACvC,UAAI,iBAAiB,CAAE;AAEvB,eAAS,QAAQ,UAAU;AACzB,cAAM,EAAE,UAAU,GAAG,wBAAuB,IAAK;AACjD,uBAAe,KAAK,uBAAuB;AAE3C,YAAI,YAAY,MAAM,QAAQ,QAAQ,GAAG;AACvC,mBAAS,QAAQ,WAAS,QAAQ,KAAK,CAAC;AAAA,QAChD;AAAA,MACA;AAEI,MAAAA,YAAW,QAAQ,cAAY,QAAQ,QAAQ,CAAC;AAChD,aAAO;AAAA,IACX;AAGE,mBAAe,sBAAsB,UAAU;AAC7C,UAAI;AAEF,cAAM,gBAAgBL,WAAAA,MAAiB;AACvC,cAAM,sBAAsB,oBAAoB,aAAa;AAG7D,gBAAQ,IAAI,UAAU,mBAAmB;AACzC,cAAME,WAAkB,QAAC,OAAO,mBAAmB;AAEnD,gBAAQ,IAAI,uCAAuC;AAAA,MACpD,SAAQ,OAAO;AACd,gBAAQ,MAAM,oCAAoC,KAAK;AACvD,cAAM;AAAA,MACZ;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}