@ozdao/prometheus-framework 0.2.241 → 0.2.243

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

@@ -3,19 +3,18 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
-const Select = require("../../../../components/Select/Select.vue.cjs");
-const Field = require("../../../../components/Field/Field.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const Select = require("../../../../components/Select/Select.vue2.cjs");
+const Field = require("../../../../components/Field/Field.vue.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const categories = require("../../store/categories.cjs");
 ;/* empty css                    */
 const _hoisted_1 = { class: "mn-r-auto" };
 const _hoisted_2 = { class: "mn-b-medium w-100 flex-nowrap gap-thin flex" };
 const _hoisted_3 = { class: "flex-v-center flex-nowrap flex" };
-const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("h4", { class: "mn-r-thin t-medium" }, "Localization", -1);
+const _hoisted_4 = ["onClick"];
 const _hoisted_5 = ["onClick"];
 const _hoisted_6 = ["onClick"];
-const _hoisted_7 = ["onClick"];
 const _sfc_main = {
   __name: "CategoryEdit",
   setup(__props) {
@@ -53,9 +52,9 @@ const _sfc_main = {
               callback: redirectTo,
               class: "pd-small radius-big bg-main t-black uppercase t-medium"
             }, {
-              default: vue.withCtx(() => [
+              default: vue.withCtx(() => _cache[5] || (_cache[5] = [
                 vue.createTextVNode(" Save Category ")
-              ]),
+              ])),
               _: 1
             })
           ]),
@@ -103,7 +102,7 @@ const _sfc_main = {
               class: "pos-relative w-100 mn-b-small bg-white radius-small pd-medium"
             }, null, 8, ["select"]),
             vue.createElementVNode("div", _hoisted_3, [
-              _hoisted_4,
+              _cache[6] || (_cache[6] = vue.createElementVNode("h4", { class: "mn-r-thin t-medium" }, "Localization", -1)),
               vue.createElementVNode("button", {
                 onClick: _cache[4] || (_cache[4] = () => categories.state.current.localization.push({ locale: "", text: "" })),
                 class: "i-small pd-thin button-delete button"
@@ -131,7 +130,7 @@ const _sfc_main = {
                   class: "radius-small pd-small flex-center flex aspect-1x1 bg-red"
                 }, [
                   vue.createVNode(IconDelete.default, { class: "i-medium" })
-                ], 8, _hoisted_5)
+                ], 8, _hoisted_4)
               ]);
             }), 128))
           ]),
@@ -169,7 +168,7 @@ const _sfc_main = {
                   class: "radius-small pd-small flex-center flex aspect-1x1 bg-red"
                 }, [
                   vue.createVNode(IconDelete.default, { class: "i-medium" })
-                ], 8, _hoisted_6)
+                ], 8, _hoisted_5)
               ]);
             }), 128))
           ]),
@@ -206,7 +205,7 @@ const _sfc_main = {
                   class: "radius-small pd-small flex-center flex aspect-1x1 bg-red"
                 }, [
                   vue.createVNode(IconDelete.default, { class: "i-medium" })
-                ], 8, _hoisted_7)
+                ], 8, _hoisted_6)
               ]);
             }), 128))
           ]),

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

@@ -1 +1 @@
-{"version":3,"file":"CategoryEdit.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/CategoryEdit.vue"],"sourcesContent":["<template>\n  <Block class=\"radius-big mn-b-thin flex-nowrap flex-v-center flex\">\n    <h1 class=\"mn-r-auto\">\n      {{route.params.category ? 'Edit Category' : 'Add Category'}}\n    </h1>\n\n    <Button \n      :submit=\"onSubmit\"\n      :callback=\"redirectTo\"\n      class=\"pd-small radius-big bg-main t-black uppercase t-medium\"\n    >\n      Save Category \n    </Button>\n  </Block>\n  \n  <Block \n    title=\"Profile\"\n    class=\"mn-b-thin\"\n  >\n    <div class=\"mn-b-medium w-100 flex-nowrap gap-thin flex\">\n       <Field\n          v-model:field=\"categories.state.current.order\"\n          label=\"Order\"\n          :disabled=\"true\"\n          class=\"w-25 bg-white radius-small pd-medium\"\n        />  \n       <Field\n          v-model:field=\"categories.state.current.url\"\n          label=\"URL\"\n          placeholder=\"Enter category URL\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"categories.state.current.name\"\n          label=\"Name\"\n          placeholder=\"Enter category name\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n    </div>\n\n    <Select \n      v-model:select=\"categories.state.current.status\"\n      label=\"Status\"\n      :options=\"[\n        'draft', \n        'internal',\n        'published',\n        'removed'\n      ]\"\n      placeholder=\"Display product\"\n      class=\"pos-relative w-100 mn-b-small bg-white radius-small pd-medium\"\n    />\n\n    <div class=\"flex-v-center flex-nowrap flex\">\n      <h4  class=\"mn-r-thin t-medium\">Localization</h4>\n        \n      <button \n        @click=\"() => categories.state.current.localization.push({locale: '', text: ''})\" \n        class=\"i-small pd-thin button-delete button\"\n      >\n        +\n      </button>\n    </div>\n    <div \n      class=\"gap-thin mn-b-thin flex-nowrap flex\" \n      v-for=\"(item, index) in categories.state.current.localization\" \n      :key=\"index\"\n    > \n      <Field\n        v-model:field=\"item.locale\"\n        placeholder=\"Locale\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />  \n      <Field\n        v-model:field=\"item.text\"\n        placeholder=\"Text\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />\n      <div\n        @click=\"() => categories.state.current.localization.splice(index, 1)\"  \n        class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n      >\n        <IconDelete \n          class=\"i-medium\"\n        />\n      </div>\n    </div>\n\n    \n  </Block>\n  <!-- Subcategories -->\n  <Block\n    title=\"Subcategories\"\n    placeholder=\"No subcategories added yet\"\n    :actions=\"[{\n      label: '+',\n      function: () => categories.state.current.subcategories.push({name: '', url: ''})\n    }]\"\n    class=\"mn-b-thin\"\n  >\n    <div \n      class=\"gap-thin mn-b-thin flex-nowrap flex\" \n      v-for=\"(item, index) in categories.state.current.subcategories\" \n      :key=\"index\"\n    > \n      <Field\n        v-model:field=\"item.name\"\n        placeholder=\"Subcategory name\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />  \n      <Field\n        v-model:field=\"item.url\"\n        placeholder=\"Subcategory\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />\n      <div\n        @click=\"() => categories.state.current.subcategories.splice(index, 1)\"  \n        class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n      >\n        <IconDelete \n          class=\"i-medium\"\n        />\n      </div>\n    </div> \n  </Block>\n   <!-- Filters -->\n  <Block\n    title=\"Filters\"\n    placeholder=\"No filters added yet\"\n    :actions=\"[{\n      label: '+',\n      function: () => categories.state.current.filters.push({name: '', url: ''})\n    }]\"\n  >\n    <div \n      class=\"gap-thin mn-b-thin flex-nowrap flex\" \n      v-for=\"(item, index) in categories.state.current.filters\" \n      :key=\"index\"\n    > \n      <Field\n        v-model:field=\"item.name\"\n        placeholder=\"Filter name\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />  \n      <Field\n        v-model:field=\"item.options\"\n        placeholder=\"Filter options divided by ,\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />\n      <div\n        @click=\"() => categories.state.current.filters.splice(index, 1)\"  \n        class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n      >\n        <IconDelete \n          class=\"i-medium\"\n        />\n      </div>\n    </div> \n  </Block>\n \n</template>\n\n<script setup>\n  // Import libs\n  import { computed } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n  \n  import IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue';\n\n  import Button from \"@pf/src/components/Button/Button.vue\";\n  import Select from \"@pf/src/components/Select/Select.vue\";\n  import Field from \"@pf/src/components/Field/Field.vue\";\n\n  import Block from '@pf/src/components/Block/Block.vue';\n\n  // Import the new store structure\n  import * as categories from '@pf/src/modules/products/store/categories';\n\n  const route = useRoute()\n  const router = useRouter()\n\n  // Data prefetching\n  if (route.params.category) {\n    categories.actions.fetchCategory(route.params.category)\n  } else {\n    categories.actions.resetCategory() // Adjusted based on the new store's method to reset the category state\n  }\n\n  // Accessing state\n  const category = computed(() => categories.state.current)\n  const routePath = computed(() => route.name)\n\n  // Functions\n  function onSubmit() {\n    if (route.params.category) {\n      categories.actions.updateCategory(route.params.category)\n    } else {\n      categories.actions.addCategory()\n    }\n  }\n\n  function redirectTo () {\n    router.push({\n      name: 'Categories Organization', \n      params: { \n        _id: route.params._id\n      } \n    })\n  }\n</script>\n\n<style lang=\"scss\">\n  /* Your styles here */\n</style>\n"],"names":["useRoute","useRouter","categories.actions","computed","categories.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAkLE,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAG1B,QAAI,MAAM,OAAO,UAAU;AACzBC,iBAAAA,QAAmB,cAAc,MAAM,OAAO,QAAQ;AAAA,IAC1D,OAAS;AACLA,iBAAAA,QAAmB,cAAe;AAAA,IACnC;AAGgBC,iBAAS,MAAMC,WAAgB,MAAC,OAAO;AACtCD,iBAAS,MAAM,MAAM,IAAI;AAG3C,aAAS,WAAW;AAClB,UAAI,MAAM,OAAO,UAAU;AACzBD,mBAAAA,QAAmB,eAAe,MAAM,OAAO,QAAQ;AAAA,MAC7D,OAAW;AACLA,mBAAAA,QAAmB,YAAa;AAAA,MACjC;AAAA,IACF;AAED,aAAS,aAAc;AACrB,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,QAAQ;AAAA,UACN,KAAK,MAAM,OAAO;AAAA,QACnB;AAAA,MACP,CAAK;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CategoryEdit.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/CategoryEdit.vue"],"sourcesContent":["<template>\n  <Block class=\"radius-big mn-b-thin flex-nowrap flex-v-center flex\">\n    <h1 class=\"mn-r-auto\">\n      {{route.params.category ? 'Edit Category' : 'Add Category'}}\n    </h1>\n\n    <Button \n      :submit=\"onSubmit\"\n      :callback=\"redirectTo\"\n      class=\"pd-small radius-big bg-main t-black uppercase t-medium\"\n    >\n      Save Category \n    </Button>\n  </Block>\n  \n  <Block \n    title=\"Profile\"\n    class=\"mn-b-thin\"\n  >\n    <div class=\"mn-b-medium w-100 flex-nowrap gap-thin flex\">\n       <Field\n          v-model:field=\"categories.state.current.order\"\n          label=\"Order\"\n          :disabled=\"true\"\n          class=\"w-25 bg-white radius-small pd-medium\"\n        />  \n       <Field\n          v-model:field=\"categories.state.current.url\"\n          label=\"URL\"\n          placeholder=\"Enter category URL\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"categories.state.current.name\"\n          label=\"Name\"\n          placeholder=\"Enter category name\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n    </div>\n\n    <Select \n      v-model:select=\"categories.state.current.status\"\n      label=\"Status\"\n      :options=\"[\n        'draft', \n        'internal',\n        'published',\n        'removed'\n      ]\"\n      placeholder=\"Display product\"\n      class=\"pos-relative w-100 mn-b-small bg-white radius-small pd-medium\"\n    />\n\n    <div class=\"flex-v-center flex-nowrap flex\">\n      <h4  class=\"mn-r-thin t-medium\">Localization</h4>\n        \n      <button \n        @click=\"() => categories.state.current.localization.push({locale: '', text: ''})\" \n        class=\"i-small pd-thin button-delete button\"\n      >\n        +\n      </button>\n    </div>\n    <div \n      class=\"gap-thin mn-b-thin flex-nowrap flex\" \n      v-for=\"(item, index) in categories.state.current.localization\" \n      :key=\"index\"\n    > \n      <Field\n        v-model:field=\"item.locale\"\n        placeholder=\"Locale\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />  \n      <Field\n        v-model:field=\"item.text\"\n        placeholder=\"Text\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />\n      <div\n        @click=\"() => categories.state.current.localization.splice(index, 1)\"  \n        class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n      >\n        <IconDelete \n          class=\"i-medium\"\n        />\n      </div>\n    </div>\n\n    \n  </Block>\n  <!-- Subcategories -->\n  <Block\n    title=\"Subcategories\"\n    placeholder=\"No subcategories added yet\"\n    :actions=\"[{\n      label: '+',\n      function: () => categories.state.current.subcategories.push({name: '', url: ''})\n    }]\"\n    class=\"mn-b-thin\"\n  >\n    <div \n      class=\"gap-thin mn-b-thin flex-nowrap flex\" \n      v-for=\"(item, index) in categories.state.current.subcategories\" \n      :key=\"index\"\n    > \n      <Field\n        v-model:field=\"item.name\"\n        placeholder=\"Subcategory name\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />  \n      <Field\n        v-model:field=\"item.url\"\n        placeholder=\"Subcategory\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />\n      <div\n        @click=\"() => categories.state.current.subcategories.splice(index, 1)\"  \n        class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n      >\n        <IconDelete \n          class=\"i-medium\"\n        />\n      </div>\n    </div> \n  </Block>\n   <!-- Filters -->\n  <Block\n    title=\"Filters\"\n    placeholder=\"No filters added yet\"\n    :actions=\"[{\n      label: '+',\n      function: () => categories.state.current.filters.push({name: '', url: ''})\n    }]\"\n  >\n    <div \n      class=\"gap-thin mn-b-thin flex-nowrap flex\" \n      v-for=\"(item, index) in categories.state.current.filters\" \n      :key=\"index\"\n    > \n      <Field\n        v-model:field=\"item.name\"\n        placeholder=\"Filter name\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />  \n      <Field\n        v-model:field=\"item.options\"\n        placeholder=\"Filter options divided by ,\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />\n      <div\n        @click=\"() => categories.state.current.filters.splice(index, 1)\"  \n        class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n      >\n        <IconDelete \n          class=\"i-medium\"\n        />\n      </div>\n    </div> \n  </Block>\n \n</template>\n\n<script setup>\n  // Import libs\n  import { computed } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n  \n  import IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue';\n\n  import Button from \"@pf/src/components/Button/Button.vue\";\n  import Select from \"@pf/src/components/Select/Select.vue\";\n  import Field from \"@pf/src/components/Field/Field.vue\";\n\n  import Block from '@pf/src/components/Block/Block.vue';\n\n  // Import the new store structure\n  import * as categories from '@pf/src/modules/products/store/categories';\n\n  const route = useRoute()\n  const router = useRouter()\n\n  // Data prefetching\n  if (route.params.category) {\n    categories.actions.fetchCategory(route.params.category)\n  } else {\n    categories.actions.resetCategory() // Adjusted based on the new store's method to reset the category state\n  }\n\n  // Accessing state\n  const category = computed(() => categories.state.current)\n  const routePath = computed(() => route.name)\n\n  // Functions\n  function onSubmit() {\n    if (route.params.category) {\n      categories.actions.updateCategory(route.params.category)\n    } else {\n      categories.actions.addCategory()\n    }\n  }\n\n  function redirectTo () {\n    router.push({\n      name: 'Categories Organization', \n      params: { \n        _id: route.params._id\n      } \n    })\n  }\n</script>\n\n<style lang=\"scss\">\n  /* Your styles here */\n</style>\n"],"names":["useRoute","useRouter","categories.actions","computed","categories.state"],"mappings":";;;;;;;;;;;;;;;;;;;;AAkLE,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAG1B,QAAI,MAAM,OAAO,UAAU;AACzBC,iBAAAA,QAAmB,cAAc,MAAM,OAAO,QAAQ;AAAA,IAC1D,OAAS;AACLA,iBAAAA,QAAmB,cAAe;AAAA,IACnC;AAGgBC,iBAAS,MAAMC,WAAgB,MAAC,OAAO;AACtCD,iBAAS,MAAM,MAAM,IAAI;AAG3C,aAAS,WAAW;AAClB,UAAI,MAAM,OAAO,UAAU;AACzBD,mBAAAA,QAAmB,eAAe,MAAM,OAAO,QAAQ;AAAA,MAC7D,OAAW;AACLA,mBAAAA,QAAmB,YAAa;AAAA,MACjC;AAAA,IACF;AAED,aAAS,aAAc;AACrB,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,QAAQ;AAAA,UACN,KAAK,MAAM,OAAO;AAAA,QACnB;AAAA,MACP,CAAK;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/pages/CategoryEdit.vue.js

@@ -1,19 +1,18 @@
 import { computed, openBlock, createElementBlock, Fragment, createVNode, withCtx, createElementVNode, toDisplayString, unref, createTextVNode, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$3 from "../../../icons/navigation/IconDelete.vue.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
-import Select from "../../../../components/Select/Select.vue.js";
-import Field from "../../../../components/Field/Field.vue2.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
+import Select from "../../../../components/Select/Select.vue2.js";
+import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import { actions, state } from "../../store/categories.js";
 /* empty css                  */
 const _hoisted_1 = { class: "mn-r-auto" };
 const _hoisted_2 = { class: "mn-b-medium w-100 flex-nowrap gap-thin flex" };
 const _hoisted_3 = { class: "flex-v-center flex-nowrap flex" };
-const _hoisted_4 = /* @__PURE__ */ createElementVNode("h4", { class: "mn-r-thin t-medium" }, "Localization", -1);
+const _hoisted_4 = ["onClick"];
 const _hoisted_5 = ["onClick"];
 const _hoisted_6 = ["onClick"];
-const _hoisted_7 = ["onClick"];
 const _sfc_main = {
   __name: "CategoryEdit",
   setup(__props) {
@@ -51,9 +50,9 @@ const _sfc_main = {
               callback: redirectTo,
               class: "pd-small radius-big bg-main t-black uppercase t-medium"
             }, {
-              default: withCtx(() => [
+              default: withCtx(() => _cache[5] || (_cache[5] = [
                 createTextVNode(" Save Category ")
-              ]),
+              ])),
               _: 1
             })
           ]),
@@ -101,7 +100,7 @@ const _sfc_main = {
               class: "pos-relative w-100 mn-b-small bg-white radius-small pd-medium"
             }, null, 8, ["select"]),
             createElementVNode("div", _hoisted_3, [
-              _hoisted_4,
+              _cache[6] || (_cache[6] = createElementVNode("h4", { class: "mn-r-thin t-medium" }, "Localization", -1)),
               createElementVNode("button", {
                 onClick: _cache[4] || (_cache[4] = () => state.current.localization.push({ locale: "", text: "" })),
                 class: "i-small pd-thin button-delete button"
@@ -129,7 +128,7 @@ const _sfc_main = {
                   class: "radius-small pd-small flex-center flex aspect-1x1 bg-red"
                 }, [
                   createVNode(_sfc_main$3, { class: "i-medium" })
-                ], 8, _hoisted_5)
+                ], 8, _hoisted_4)
               ]);
             }), 128))
           ]),
@@ -167,7 +166,7 @@ const _sfc_main = {
                   class: "radius-small pd-small flex-center flex aspect-1x1 bg-red"
                 }, [
                   createVNode(_sfc_main$3, { class: "i-medium" })
-                ], 8, _hoisted_6)
+                ], 8, _hoisted_5)
               ]);
             }), 128))
           ]),
@@ -204,7 +203,7 @@ const _sfc_main = {
                   class: "radius-small pd-small flex-center flex aspect-1x1 bg-red"
                 }, [
                   createVNode(_sfc_main$3, { class: "i-medium" })
-                ], 8, _hoisted_7)
+                ], 8, _hoisted_6)
               ]);
             }), 128))
           ]),

package/dist/prometheus-framework/src/modules/products/components/pages/CategoryEdit.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CategoryEdit.vue.js","sources":["../../../../../../../src/modules/products/components/pages/CategoryEdit.vue"],"sourcesContent":["<template>\n  <Block class=\"radius-big mn-b-thin flex-nowrap flex-v-center flex\">\n    <h1 class=\"mn-r-auto\">\n      {{route.params.category ? 'Edit Category' : 'Add Category'}}\n    </h1>\n\n    <Button \n      :submit=\"onSubmit\"\n      :callback=\"redirectTo\"\n      class=\"pd-small radius-big bg-main t-black uppercase t-medium\"\n    >\n      Save Category \n    </Button>\n  </Block>\n  \n  <Block \n    title=\"Profile\"\n    class=\"mn-b-thin\"\n  >\n    <div class=\"mn-b-medium w-100 flex-nowrap gap-thin flex\">\n       <Field\n          v-model:field=\"categories.state.current.order\"\n          label=\"Order\"\n          :disabled=\"true\"\n          class=\"w-25 bg-white radius-small pd-medium\"\n        />  \n       <Field\n          v-model:field=\"categories.state.current.url\"\n          label=\"URL\"\n          placeholder=\"Enter category URL\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"categories.state.current.name\"\n          label=\"Name\"\n          placeholder=\"Enter category name\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n    </div>\n\n    <Select \n      v-model:select=\"categories.state.current.status\"\n      label=\"Status\"\n      :options=\"[\n        'draft', \n        'internal',\n        'published',\n        'removed'\n      ]\"\n      placeholder=\"Display product\"\n      class=\"pos-relative w-100 mn-b-small bg-white radius-small pd-medium\"\n    />\n\n    <div class=\"flex-v-center flex-nowrap flex\">\n      <h4  class=\"mn-r-thin t-medium\">Localization</h4>\n        \n      <button \n        @click=\"() => categories.state.current.localization.push({locale: '', text: ''})\" \n        class=\"i-small pd-thin button-delete button\"\n      >\n        +\n      </button>\n    </div>\n    <div \n      class=\"gap-thin mn-b-thin flex-nowrap flex\" \n      v-for=\"(item, index) in categories.state.current.localization\" \n      :key=\"index\"\n    > \n      <Field\n        v-model:field=\"item.locale\"\n        placeholder=\"Locale\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />  \n      <Field\n        v-model:field=\"item.text\"\n        placeholder=\"Text\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />\n      <div\n        @click=\"() => categories.state.current.localization.splice(index, 1)\"  \n        class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n      >\n        <IconDelete \n          class=\"i-medium\"\n        />\n      </div>\n    </div>\n\n    \n  </Block>\n  <!-- Subcategories -->\n  <Block\n    title=\"Subcategories\"\n    placeholder=\"No subcategories added yet\"\n    :actions=\"[{\n      label: '+',\n      function: () => categories.state.current.subcategories.push({name: '', url: ''})\n    }]\"\n    class=\"mn-b-thin\"\n  >\n    <div \n      class=\"gap-thin mn-b-thin flex-nowrap flex\" \n      v-for=\"(item, index) in categories.state.current.subcategories\" \n      :key=\"index\"\n    > \n      <Field\n        v-model:field=\"item.name\"\n        placeholder=\"Subcategory name\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />  \n      <Field\n        v-model:field=\"item.url\"\n        placeholder=\"Subcategory\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />\n      <div\n        @click=\"() => categories.state.current.subcategories.splice(index, 1)\"  \n        class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n      >\n        <IconDelete \n          class=\"i-medium\"\n        />\n      </div>\n    </div> \n  </Block>\n   <!-- Filters -->\n  <Block\n    title=\"Filters\"\n    placeholder=\"No filters added yet\"\n    :actions=\"[{\n      label: '+',\n      function: () => categories.state.current.filters.push({name: '', url: ''})\n    }]\"\n  >\n    <div \n      class=\"gap-thin mn-b-thin flex-nowrap flex\" \n      v-for=\"(item, index) in categories.state.current.filters\" \n      :key=\"index\"\n    > \n      <Field\n        v-model:field=\"item.name\"\n        placeholder=\"Filter name\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />  \n      <Field\n        v-model:field=\"item.options\"\n        placeholder=\"Filter options divided by ,\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />\n      <div\n        @click=\"() => categories.state.current.filters.splice(index, 1)\"  \n        class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n      >\n        <IconDelete \n          class=\"i-medium\"\n        />\n      </div>\n    </div> \n  </Block>\n \n</template>\n\n<script setup>\n  // Import libs\n  import { computed } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n  \n  import IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue';\n\n  import Button from \"@pf/src/components/Button/Button.vue\";\n  import Select from \"@pf/src/components/Select/Select.vue\";\n  import Field from \"@pf/src/components/Field/Field.vue\";\n\n  import Block from '@pf/src/components/Block/Block.vue';\n\n  // Import the new store structure\n  import * as categories from '@pf/src/modules/products/store/categories';\n\n  const route = useRoute()\n  const router = useRouter()\n\n  // Data prefetching\n  if (route.params.category) {\n    categories.actions.fetchCategory(route.params.category)\n  } else {\n    categories.actions.resetCategory() // Adjusted based on the new store's method to reset the category state\n  }\n\n  // Accessing state\n  const category = computed(() => categories.state.current)\n  const routePath = computed(() => route.name)\n\n  // Functions\n  function onSubmit() {\n    if (route.params.category) {\n      categories.actions.updateCategory(route.params.category)\n    } else {\n      categories.actions.addCategory()\n    }\n  }\n\n  function redirectTo () {\n    router.push({\n      name: 'Categories Organization', \n      params: { \n        _id: route.params._id\n      } \n    })\n  }\n</script>\n\n<style lang=\"scss\">\n  /* Your styles here */\n</style>\n"],"names":["categories.actions","categories.state"],"mappings":";;;;;;;;;;;;;;;;;;;AAkLE,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAG1B,QAAI,MAAM,OAAO,UAAU;AACzBA,cAAmB,cAAc,MAAM,OAAO,QAAQ;AAAA,IAC1D,OAAS;AACLA,cAAmB,cAAe;AAAA,IACnC;AAGgB,aAAS,MAAMC,MAAiB,OAAO;AACtC,aAAS,MAAM,MAAM,IAAI;AAG3C,aAAS,WAAW;AAClB,UAAI,MAAM,OAAO,UAAU;AACzBD,gBAAmB,eAAe,MAAM,OAAO,QAAQ;AAAA,MAC7D,OAAW;AACLA,gBAAmB,YAAa;AAAA,MACjC;AAAA,IACF;AAED,aAAS,aAAc;AACrB,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,QAAQ;AAAA,UACN,KAAK,MAAM,OAAO;AAAA,QACnB;AAAA,MACP,CAAK;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CategoryEdit.vue.js","sources":["../../../../../../../src/modules/products/components/pages/CategoryEdit.vue"],"sourcesContent":["<template>\n  <Block class=\"radius-big mn-b-thin flex-nowrap flex-v-center flex\">\n    <h1 class=\"mn-r-auto\">\n      {{route.params.category ? 'Edit Category' : 'Add Category'}}\n    </h1>\n\n    <Button \n      :submit=\"onSubmit\"\n      :callback=\"redirectTo\"\n      class=\"pd-small radius-big bg-main t-black uppercase t-medium\"\n    >\n      Save Category \n    </Button>\n  </Block>\n  \n  <Block \n    title=\"Profile\"\n    class=\"mn-b-thin\"\n  >\n    <div class=\"mn-b-medium w-100 flex-nowrap gap-thin flex\">\n       <Field\n          v-model:field=\"categories.state.current.order\"\n          label=\"Order\"\n          :disabled=\"true\"\n          class=\"w-25 bg-white radius-small pd-medium\"\n        />  \n       <Field\n          v-model:field=\"categories.state.current.url\"\n          label=\"URL\"\n          placeholder=\"Enter category URL\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"categories.state.current.name\"\n          label=\"Name\"\n          placeholder=\"Enter category name\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n    </div>\n\n    <Select \n      v-model:select=\"categories.state.current.status\"\n      label=\"Status\"\n      :options=\"[\n        'draft', \n        'internal',\n        'published',\n        'removed'\n      ]\"\n      placeholder=\"Display product\"\n      class=\"pos-relative w-100 mn-b-small bg-white radius-small pd-medium\"\n    />\n\n    <div class=\"flex-v-center flex-nowrap flex\">\n      <h4  class=\"mn-r-thin t-medium\">Localization</h4>\n        \n      <button \n        @click=\"() => categories.state.current.localization.push({locale: '', text: ''})\" \n        class=\"i-small pd-thin button-delete button\"\n      >\n        +\n      </button>\n    </div>\n    <div \n      class=\"gap-thin mn-b-thin flex-nowrap flex\" \n      v-for=\"(item, index) in categories.state.current.localization\" \n      :key=\"index\"\n    > \n      <Field\n        v-model:field=\"item.locale\"\n        placeholder=\"Locale\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />  \n      <Field\n        v-model:field=\"item.text\"\n        placeholder=\"Text\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />\n      <div\n        @click=\"() => categories.state.current.localization.splice(index, 1)\"  \n        class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n      >\n        <IconDelete \n          class=\"i-medium\"\n        />\n      </div>\n    </div>\n\n    \n  </Block>\n  <!-- Subcategories -->\n  <Block\n    title=\"Subcategories\"\n    placeholder=\"No subcategories added yet\"\n    :actions=\"[{\n      label: '+',\n      function: () => categories.state.current.subcategories.push({name: '', url: ''})\n    }]\"\n    class=\"mn-b-thin\"\n  >\n    <div \n      class=\"gap-thin mn-b-thin flex-nowrap flex\" \n      v-for=\"(item, index) in categories.state.current.subcategories\" \n      :key=\"index\"\n    > \n      <Field\n        v-model:field=\"item.name\"\n        placeholder=\"Subcategory name\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />  \n      <Field\n        v-model:field=\"item.url\"\n        placeholder=\"Subcategory\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />\n      <div\n        @click=\"() => categories.state.current.subcategories.splice(index, 1)\"  \n        class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n      >\n        <IconDelete \n          class=\"i-medium\"\n        />\n      </div>\n    </div> \n  </Block>\n   <!-- Filters -->\n  <Block\n    title=\"Filters\"\n    placeholder=\"No filters added yet\"\n    :actions=\"[{\n      label: '+',\n      function: () => categories.state.current.filters.push({name: '', url: ''})\n    }]\"\n  >\n    <div \n      class=\"gap-thin mn-b-thin flex-nowrap flex\" \n      v-for=\"(item, index) in categories.state.current.filters\" \n      :key=\"index\"\n    > \n      <Field\n        v-model:field=\"item.name\"\n        placeholder=\"Filter name\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />  \n      <Field\n        v-model:field=\"item.options\"\n        placeholder=\"Filter options divided by ,\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />\n      <div\n        @click=\"() => categories.state.current.filters.splice(index, 1)\"  \n        class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n      >\n        <IconDelete \n          class=\"i-medium\"\n        />\n      </div>\n    </div> \n  </Block>\n \n</template>\n\n<script setup>\n  // Import libs\n  import { computed } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n  \n  import IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue';\n\n  import Button from \"@pf/src/components/Button/Button.vue\";\n  import Select from \"@pf/src/components/Select/Select.vue\";\n  import Field from \"@pf/src/components/Field/Field.vue\";\n\n  import Block from '@pf/src/components/Block/Block.vue';\n\n  // Import the new store structure\n  import * as categories from '@pf/src/modules/products/store/categories';\n\n  const route = useRoute()\n  const router = useRouter()\n\n  // Data prefetching\n  if (route.params.category) {\n    categories.actions.fetchCategory(route.params.category)\n  } else {\n    categories.actions.resetCategory() // Adjusted based on the new store's method to reset the category state\n  }\n\n  // Accessing state\n  const category = computed(() => categories.state.current)\n  const routePath = computed(() => route.name)\n\n  // Functions\n  function onSubmit() {\n    if (route.params.category) {\n      categories.actions.updateCategory(route.params.category)\n    } else {\n      categories.actions.addCategory()\n    }\n  }\n\n  function redirectTo () {\n    router.push({\n      name: 'Categories Organization', \n      params: { \n        _id: route.params._id\n      } \n    })\n  }\n</script>\n\n<style lang=\"scss\">\n  /* Your styles here */\n</style>\n"],"names":["categories.actions","categories.state"],"mappings":";;;;;;;;;;;;;;;;;;AAkLE,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAG1B,QAAI,MAAM,OAAO,UAAU;AACzBA,cAAmB,cAAc,MAAM,OAAO,QAAQ;AAAA,IAC1D,OAAS;AACLA,cAAmB,cAAe;AAAA,IACnC;AAGgB,aAAS,MAAMC,MAAiB,OAAO;AACtC,aAAS,MAAM,MAAM,IAAI;AAG3C,aAAS,WAAW;AAClB,UAAI,MAAM,OAAO,UAAU;AACzBD,gBAAmB,eAAe,MAAM,OAAO,QAAQ;AAAA,MAC7D,OAAW;AACLA,gBAAmB,YAAa;AAAA,MACjC;AAAA,IACF;AAED,aAAS,aAAc;AACrB,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,QAAQ;AAAA,UACN,KAAK,MAAM,OAAO;AAAA,QACnB;AAAA,MACP,CAAK;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,10 +2,10 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Block = require("../../../../components/Block/Block.vue.cjs");
-const Field = require("../../../../components/Field/Field.vue2.cjs");
+const Field = require("../../../../components/Field/Field.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
-const Select = require("../../../../components/Select/Select.vue.cjs");
-const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+const Select = require("../../../../components/Select/Select.vue2.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
 ;/* empty css                                                    */
 const CardPosition = require("../blocks/CardPosition.vue.cjs");
 const CardOrderItem = require("../../../orders/components/blocks/CardOrderItem.vue.cjs");

package/dist/prometheus-framework/src/modules/products/components/pages/EditLeftover.vue.js

@@ -1,9 +1,9 @@
 import { ref, computed, onMounted, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createVNode, withCtx, Fragment, renderList, createBlock, createCommentVNode } from "vue";
 import _sfc_main$4 from "../../../../components/Block/Block.vue.js";
-import Field from "../../../../components/Field/Field.vue2.js";
+import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
-import Select from "../../../../components/Select/Select.vue.js";
-import _sfc_main$1 from "../../../../components/Popup/Popup.vue.js";
+import Select from "../../../../components/Select/Select.vue2.js";
+import _sfc_main$1 from "../../../../components/Popup/Popup.vue2.js";
 /* empty css                                                  */
 import _sfc_main$5 from "../blocks/CardPosition.vue.js";
 import _sfc_main$3 from "../../../orders/components/blocks/CardOrderItem.vue.js";

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

@@ -2,16 +2,14 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
+const Tab = require("../../../../components/Tab/Tab.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const CardLeftover = require("../blocks/CardLeftover.vue.cjs");
 const leftovers = require("../../store/leftovers.cjs");
 ;/* empty css                 */
 const _hoisted_1 = { class: "pd-thin" };
 const _hoisted_2 = { class: "mn-b-medium flex-v-center flex-nowrap flex" };
-const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("h2", { class: "mn-r-medium" }, "Inventory", -1);
-const _hoisted_4 = { class: "mn-b-semi pd-medium bg-light radius-big" };
-const _hoisted_5 = /* @__PURE__ */ vue.createElementVNode("p", { class: "mn-b-thin" }, "Balance:", -1);
+const _hoisted_3 = { class: "mn-b-semi pd-medium bg-light radius-big" };
 const _sfc_main = {
   __name: "Leftovers",
   setup(__props) {
@@ -35,7 +33,7 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("header", _hoisted_2, [
-          _hoisted_3,
+          _cache[2] || (_cache[2] = vue.createElementVNode("h2", { class: "mn-r-medium" }, "Inventory", -1)),
           vue.createElementVNode("button", {
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({
               name: "LeftoverAdd"
@@ -43,8 +41,8 @@ const _sfc_main = {
             class: "radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second"
           }, " + ")
         ]),
-        vue.createElementVNode("section", _hoisted_4, [
-          _hoisted_5,
+        vue.createElementVNode("section", _hoisted_3, [
+          _cache[3] || (_cache[3] = vue.createElementVNode("p", { class: "mn-b-thin" }, "Balance:", -1)),
           vue.createElementVNode("h3", null, vue.toDisplayString(_ctx.formatPrice(totalPrice.value)), 1)
         ]),
         vue.createVNode(Tab.default, {

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

@@ -1 +1 @@
-{"version":3,"file":"Leftovers.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/Leftovers.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <header class=\"mn-b-medium flex-v-center flex-nowrap flex\">\n      <h2 class=\"mn-r-medium\">Inventory</h2>\n      <button \n        @click=\"$router.push({\n          name: 'LeftoverAdd'\n        })\" \n        class=\"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n    \n    <section class=\"mn-b-semi pd-medium bg-light radius-big\">\n      <p class=\"mn-b-thin\">Balance:</p>\n      <h3>{{formatPrice(totalPrice)}}</h3>\n    </section>\n\n    <!-- <h3>Low Stock</h3>\n\n    <section class=\"mn-b-semi pd-medium bg-light radius-big\">\n      <div>\n        Name: Code Red\n        Left: 3\n        <button>add</button>\n      </div>\n      <div>\n        Name: Code Red\n        Left: 3\n        <button>add</button>\n      </div>\n      <div>\n        Name: Code Red\n        Left: 3\n        <button>add</button>\n      </div>\n    </section> -->\n\n    <Tab \n      v-model:selected=\"tab\"\n      :tabs=\"[\n        { name: 'All',        value: 'all' },\n        { name: 'Stock-In',   value: 'stock-in' },\n        { name: 'Stock-Out',  value: 'stock-out' }\n      ]\"\n      class=\"mn-b-small o-hidden h5 radius-big bg-light\"\n    />\n\n    <Feed\n      :search=\"true\"\n      :states=\"{\n        empty: {\n          title: 'No Leftovers Found',\n          description: 'Currently, there are no leftovers available.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => leftovers.actions.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        owner: route.params._id,\n        ...(tab !== 'all' && { type: tab })\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n    >\n      <CardLeftover \n        v-for=\"leftover in items\" \n        :leftover=\"leftover\"\n        class=\"bg-light pd-small mn-b-thin radius-small\"\n      />\n    </Feed>\n  </div>\n</template>\n\n\n<script setup>\n  import { computed, onMounted, reactive, ref } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n  import Tab      from '@pf/src/components/Tab/Tab.vue'\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n  import CardLeftover from '../blocks/CardLeftover.vue'\n\n  import * as leftovers from '@pf/src/modules/products/store/leftovers' // Убедитесь, что путь к вашему файлу стора верный\n\n  const route = useRoute()\n  const router = useRouter()\n\n  // Tab logic\n  const tab = ref(route.query.tab ? route.query.tab : 'all')\n  // await leftovers.actions.read()\n  const totalPrice = computed(() => {\n    return leftovers.state.all.reduce((totalSum, item) => {\n      const itemTotal = item.positions.reduce((sum, position) => {\n        return sum + position.price;\n      }, 0);\n\n      // Adjust the sum based on the type of transaction\n      if (item.type === 'stock-in') {\n        // If it's a stock-in, subtract the itemTotal from the totalSum\n        return totalSum - itemTotal;\n      } else if (item.type === 'stock-out') {\n        // If it's a stock-out, add the itemTotal to the totalSum\n        return totalSum + itemTotal;\n      } else {\n        // If the item type is not specified or is different, do not adjust the totalSum\n        return totalSum;\n      }\n    }, 0);\n  });\n\n</script>\n\n<style lang=\"scss\">\n\n.round-stat {\n  padding: 1rem;\n  border-radius: 5rem;\n  width: 3rem;\n  height: 3rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid rgba(0,0,0,0.1);\n\n  &-tab {\n    width: 2rem;\n    height: 2rem;\n  }\n}\n\n\n\n.order-card {\n  border-radius: 0.25rem;\n  overflow: hidden;\n  box-shadow: 0 8px 8px -8px rgb(36 36 36 / 10%);\n  .order-status {\n    color: black;\n    background: #EEF2F6; \n    width: 100%;\n    padding: 0.75rem 1.5rem;\n    margin: 0;\n  }\n\n  .new {\n    color: white;\n    background: #00ff88;\n  }\n\n  .block {\n    border-radius: 0;\n    border: 0;\n  }\n}\n\n  \n</style>\n"],"names":["useRoute","useRouter","ref","computed","leftovers.state"],"mappings":";;;;;;;;;;;;;;;;;AAwFE,UAAM,QAAQA,UAAAA,SAAU;AACTC,wBAAW;AAG1B,UAAM,MAAMC,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,KAAK;AAEzD,UAAM,aAAaC,IAAAA,SAAS,MAAM;AAChC,aAAOC,UAAe,MAAC,IAAI,OAAO,CAAC,UAAU,SAAS;AACpD,cAAM,YAAY,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa;AACzD,iBAAO,MAAM,SAAS;AAAA,QACvB,GAAE,CAAC;AAGJ,YAAI,KAAK,SAAS,YAAY;AAE5B,iBAAO,WAAW;AAAA,QAC1B,WAAiB,KAAK,SAAS,aAAa;AAEpC,iBAAO,WAAW;AAAA,QAC1B,OAAa;AAEL,iBAAO;AAAA,QACR;AAAA,MACF,GAAE,CAAC;AAAA,IACR,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Leftovers.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/Leftovers.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <header class=\"mn-b-medium flex-v-center flex-nowrap flex\">\n      <h2 class=\"mn-r-medium\">Inventory</h2>\n      <button \n        @click=\"$router.push({\n          name: 'LeftoverAdd'\n        })\" \n        class=\"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n    \n    <section class=\"mn-b-semi pd-medium bg-light radius-big\">\n      <p class=\"mn-b-thin\">Balance:</p>\n      <h3>{{formatPrice(totalPrice)}}</h3>\n    </section>\n\n    <!-- <h3>Low Stock</h3>\n\n    <section class=\"mn-b-semi pd-medium bg-light radius-big\">\n      <div>\n        Name: Code Red\n        Left: 3\n        <button>add</button>\n      </div>\n      <div>\n        Name: Code Red\n        Left: 3\n        <button>add</button>\n      </div>\n      <div>\n        Name: Code Red\n        Left: 3\n        <button>add</button>\n      </div>\n    </section> -->\n\n    <Tab \n      v-model:selected=\"tab\"\n      :tabs=\"[\n        { name: 'All',        value: 'all' },\n        { name: 'Stock-In',   value: 'stock-in' },\n        { name: 'Stock-Out',  value: 'stock-out' }\n      ]\"\n      class=\"mn-b-small o-hidden h5 radius-big bg-light\"\n    />\n\n    <Feed\n      :search=\"true\"\n      :states=\"{\n        empty: {\n          title: 'No Leftovers Found',\n          description: 'Currently, there are no leftovers available.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => leftovers.actions.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        owner: route.params._id,\n        ...(tab !== 'all' && { type: tab })\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n    >\n      <CardLeftover \n        v-for=\"leftover in items\" \n        :leftover=\"leftover\"\n        class=\"bg-light pd-small mn-b-thin radius-small\"\n      />\n    </Feed>\n  </div>\n</template>\n\n\n<script setup>\n  import { computed, onMounted, reactive, ref } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n  import Tab      from '@pf/src/components/Tab/Tab.vue'\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n  import CardLeftover from '../blocks/CardLeftover.vue'\n\n  import * as leftovers from '@pf/src/modules/products/store/leftovers' // Убедитесь, что путь к вашему файлу стора верный\n\n  const route = useRoute()\n  const router = useRouter()\n\n  // Tab logic\n  const tab = ref(route.query.tab ? route.query.tab : 'all')\n  // await leftovers.actions.read()\n  const totalPrice = computed(() => {\n    return leftovers.state.all.reduce((totalSum, item) => {\n      const itemTotal = item.positions.reduce((sum, position) => {\n        return sum + position.price;\n      }, 0);\n\n      // Adjust the sum based on the type of transaction\n      if (item.type === 'stock-in') {\n        // If it's a stock-in, subtract the itemTotal from the totalSum\n        return totalSum - itemTotal;\n      } else if (item.type === 'stock-out') {\n        // If it's a stock-out, add the itemTotal to the totalSum\n        return totalSum + itemTotal;\n      } else {\n        // If the item type is not specified or is different, do not adjust the totalSum\n        return totalSum;\n      }\n    }, 0);\n  });\n\n</script>\n\n<style lang=\"scss\">\n\n.round-stat {\n  padding: 1rem;\n  border-radius: 5rem;\n  width: 3rem;\n  height: 3rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid rgba(0,0,0,0.1);\n\n  &-tab {\n    width: 2rem;\n    height: 2rem;\n  }\n}\n\n\n\n.order-card {\n  border-radius: 0.25rem;\n  overflow: hidden;\n  box-shadow: 0 8px 8px -8px rgb(36 36 36 / 10%);\n  .order-status {\n    color: black;\n    background: #EEF2F6; \n    width: 100%;\n    padding: 0.75rem 1.5rem;\n    margin: 0;\n  }\n\n  .new {\n    color: white;\n    background: #00ff88;\n  }\n\n  .block {\n    border-radius: 0;\n    border: 0;\n  }\n}\n\n  \n</style>\n"],"names":["useRoute","useRouter","ref","computed","leftovers.state"],"mappings":";;;;;;;;;;;;;;;AAwFE,UAAM,QAAQA,UAAAA,SAAU;AACTC,wBAAW;AAG1B,UAAM,MAAMC,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,KAAK;AAEzD,UAAM,aAAaC,IAAAA,SAAS,MAAM;AAChC,aAAOC,UAAe,MAAC,IAAI,OAAO,CAAC,UAAU,SAAS;AACpD,cAAM,YAAY,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa;AACzD,iBAAO,MAAM,SAAS;AAAA,QACvB,GAAE,CAAC;AAGJ,YAAI,KAAK,SAAS,YAAY;AAE5B,iBAAO,WAAW;AAAA,QAC1B,WAAiB,KAAK,SAAS,aAAa;AAEpC,iBAAO,WAAW;AAAA,QAC1B,OAAa;AAEL,iBAAO;AAAA,QACR;AAAA,MACF,GAAE,CAAC;AAAA,IACR,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/pages/Leftovers.vue.js

@@ -1,15 +1,13 @@
 import { ref, computed, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, unref, withCtx, Fragment, renderList, createBlock } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$1 from "../../../../components/Tab/Tab.vue2.js";
+import _sfc_main$1 from "../../../../components/Tab/Tab.vue.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 import CardLeftover from "../blocks/CardLeftover.vue.js";
 import { state, actions } from "../../store/leftovers.js";
 /* empty css               */
 const _hoisted_1 = { class: "pd-thin" };
 const _hoisted_2 = { class: "mn-b-medium flex-v-center flex-nowrap flex" };
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("h2", { class: "mn-r-medium" }, "Inventory", -1);
-const _hoisted_4 = { class: "mn-b-semi pd-medium bg-light radius-big" };
-const _hoisted_5 = /* @__PURE__ */ createElementVNode("p", { class: "mn-b-thin" }, "Balance:", -1);
+const _hoisted_3 = { class: "mn-b-semi pd-medium bg-light radius-big" };
 const _sfc_main = {
   __name: "Leftovers",
   setup(__props) {
@@ -33,7 +31,7 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("header", _hoisted_2, [
-          _hoisted_3,
+          _cache[2] || (_cache[2] = createElementVNode("h2", { class: "mn-r-medium" }, "Inventory", -1)),
           createElementVNode("button", {
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({
               name: "LeftoverAdd"
@@ -41,8 +39,8 @@ const _sfc_main = {
             class: "radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second"
           }, " + ")
         ]),
-        createElementVNode("section", _hoisted_4, [
-          _hoisted_5,
+        createElementVNode("section", _hoisted_3, [
+          _cache[3] || (_cache[3] = createElementVNode("p", { class: "mn-b-thin" }, "Balance:", -1)),
           createElementVNode("h3", null, toDisplayString(_ctx.formatPrice(totalPrice.value)), 1)
         ]),
         createVNode(_sfc_main$1, {

package/dist/prometheus-framework/src/modules/products/components/pages/Leftovers.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Leftovers.vue.js","sources":["../../../../../../../src/modules/products/components/pages/Leftovers.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <header class=\"mn-b-medium flex-v-center flex-nowrap flex\">\n      <h2 class=\"mn-r-medium\">Inventory</h2>\n      <button \n        @click=\"$router.push({\n          name: 'LeftoverAdd'\n        })\" \n        class=\"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n    \n    <section class=\"mn-b-semi pd-medium bg-light radius-big\">\n      <p class=\"mn-b-thin\">Balance:</p>\n      <h3>{{formatPrice(totalPrice)}}</h3>\n    </section>\n\n    <!-- <h3>Low Stock</h3>\n\n    <section class=\"mn-b-semi pd-medium bg-light radius-big\">\n      <div>\n        Name: Code Red\n        Left: 3\n        <button>add</button>\n      </div>\n      <div>\n        Name: Code Red\n        Left: 3\n        <button>add</button>\n      </div>\n      <div>\n        Name: Code Red\n        Left: 3\n        <button>add</button>\n      </div>\n    </section> -->\n\n    <Tab \n      v-model:selected=\"tab\"\n      :tabs=\"[\n        { name: 'All',        value: 'all' },\n        { name: 'Stock-In',   value: 'stock-in' },\n        { name: 'Stock-Out',  value: 'stock-out' }\n      ]\"\n      class=\"mn-b-small o-hidden h5 radius-big bg-light\"\n    />\n\n    <Feed\n      :search=\"true\"\n      :states=\"{\n        empty: {\n          title: 'No Leftovers Found',\n          description: 'Currently, there are no leftovers available.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => leftovers.actions.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        owner: route.params._id,\n        ...(tab !== 'all' && { type: tab })\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n    >\n      <CardLeftover \n        v-for=\"leftover in items\" \n        :leftover=\"leftover\"\n        class=\"bg-light pd-small mn-b-thin radius-small\"\n      />\n    </Feed>\n  </div>\n</template>\n\n\n<script setup>\n  import { computed, onMounted, reactive, ref } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n  import Tab      from '@pf/src/components/Tab/Tab.vue'\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n  import CardLeftover from '../blocks/CardLeftover.vue'\n\n  import * as leftovers from '@pf/src/modules/products/store/leftovers' // Убедитесь, что путь к вашему файлу стора верный\n\n  const route = useRoute()\n  const router = useRouter()\n\n  // Tab logic\n  const tab = ref(route.query.tab ? route.query.tab : 'all')\n  // await leftovers.actions.read()\n  const totalPrice = computed(() => {\n    return leftovers.state.all.reduce((totalSum, item) => {\n      const itemTotal = item.positions.reduce((sum, position) => {\n        return sum + position.price;\n      }, 0);\n\n      // Adjust the sum based on the type of transaction\n      if (item.type === 'stock-in') {\n        // If it's a stock-in, subtract the itemTotal from the totalSum\n        return totalSum - itemTotal;\n      } else if (item.type === 'stock-out') {\n        // If it's a stock-out, add the itemTotal to the totalSum\n        return totalSum + itemTotal;\n      } else {\n        // If the item type is not specified or is different, do not adjust the totalSum\n        return totalSum;\n      }\n    }, 0);\n  });\n\n</script>\n\n<style lang=\"scss\">\n\n.round-stat {\n  padding: 1rem;\n  border-radius: 5rem;\n  width: 3rem;\n  height: 3rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid rgba(0,0,0,0.1);\n\n  &-tab {\n    width: 2rem;\n    height: 2rem;\n  }\n}\n\n\n\n.order-card {\n  border-radius: 0.25rem;\n  overflow: hidden;\n  box-shadow: 0 8px 8px -8px rgb(36 36 36 / 10%);\n  .order-status {\n    color: black;\n    background: #EEF2F6; \n    width: 100%;\n    padding: 0.75rem 1.5rem;\n    margin: 0;\n  }\n\n  .new {\n    color: white;\n    background: #00ff88;\n  }\n\n  .block {\n    border-radius: 0;\n    border: 0;\n  }\n}\n\n  \n</style>\n"],"names":["leftovers.state"],"mappings":";;;;;;;;;;;;;;;AAwFE,UAAM,QAAQ,SAAU;AACT,cAAW;AAG1B,UAAM,MAAM,IAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,KAAK;AAEzD,UAAM,aAAa,SAAS,MAAM;AAChC,aAAOA,MAAgB,IAAI,OAAO,CAAC,UAAU,SAAS;AACpD,cAAM,YAAY,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa;AACzD,iBAAO,MAAM,SAAS;AAAA,QACvB,GAAE,CAAC;AAGJ,YAAI,KAAK,SAAS,YAAY;AAE5B,iBAAO,WAAW;AAAA,QAC1B,WAAiB,KAAK,SAAS,aAAa;AAEpC,iBAAO,WAAW;AAAA,QAC1B,OAAa;AAEL,iBAAO;AAAA,QACR;AAAA,MACF,GAAE,CAAC;AAAA,IACR,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Leftovers.vue.js","sources":["../../../../../../../src/modules/products/components/pages/Leftovers.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <header class=\"mn-b-medium flex-v-center flex-nowrap flex\">\n      <h2 class=\"mn-r-medium\">Inventory</h2>\n      <button \n        @click=\"$router.push({\n          name: 'LeftoverAdd'\n        })\" \n        class=\"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n    \n    <section class=\"mn-b-semi pd-medium bg-light radius-big\">\n      <p class=\"mn-b-thin\">Balance:</p>\n      <h3>{{formatPrice(totalPrice)}}</h3>\n    </section>\n\n    <!-- <h3>Low Stock</h3>\n\n    <section class=\"mn-b-semi pd-medium bg-light radius-big\">\n      <div>\n        Name: Code Red\n        Left: 3\n        <button>add</button>\n      </div>\n      <div>\n        Name: Code Red\n        Left: 3\n        <button>add</button>\n      </div>\n      <div>\n        Name: Code Red\n        Left: 3\n        <button>add</button>\n      </div>\n    </section> -->\n\n    <Tab \n      v-model:selected=\"tab\"\n      :tabs=\"[\n        { name: 'All',        value: 'all' },\n        { name: 'Stock-In',   value: 'stock-in' },\n        { name: 'Stock-Out',  value: 'stock-out' }\n      ]\"\n      class=\"mn-b-small o-hidden h5 radius-big bg-light\"\n    />\n\n    <Feed\n      :search=\"true\"\n      :states=\"{\n        empty: {\n          title: 'No Leftovers Found',\n          description: 'Currently, there are no leftovers available.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => leftovers.actions.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        owner: route.params._id,\n        ...(tab !== 'all' && { type: tab })\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n    >\n      <CardLeftover \n        v-for=\"leftover in items\" \n        :leftover=\"leftover\"\n        class=\"bg-light pd-small mn-b-thin radius-small\"\n      />\n    </Feed>\n  </div>\n</template>\n\n\n<script setup>\n  import { computed, onMounted, reactive, ref } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n  import Tab      from '@pf/src/components/Tab/Tab.vue'\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n  import CardLeftover from '../blocks/CardLeftover.vue'\n\n  import * as leftovers from '@pf/src/modules/products/store/leftovers' // Убедитесь, что путь к вашему файлу стора верный\n\n  const route = useRoute()\n  const router = useRouter()\n\n  // Tab logic\n  const tab = ref(route.query.tab ? route.query.tab : 'all')\n  // await leftovers.actions.read()\n  const totalPrice = computed(() => {\n    return leftovers.state.all.reduce((totalSum, item) => {\n      const itemTotal = item.positions.reduce((sum, position) => {\n        return sum + position.price;\n      }, 0);\n\n      // Adjust the sum based on the type of transaction\n      if (item.type === 'stock-in') {\n        // If it's a stock-in, subtract the itemTotal from the totalSum\n        return totalSum - itemTotal;\n      } else if (item.type === 'stock-out') {\n        // If it's a stock-out, add the itemTotal to the totalSum\n        return totalSum + itemTotal;\n      } else {\n        // If the item type is not specified or is different, do not adjust the totalSum\n        return totalSum;\n      }\n    }, 0);\n  });\n\n</script>\n\n<style lang=\"scss\">\n\n.round-stat {\n  padding: 1rem;\n  border-radius: 5rem;\n  width: 3rem;\n  height: 3rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid rgba(0,0,0,0.1);\n\n  &-tab {\n    width: 2rem;\n    height: 2rem;\n  }\n}\n\n\n\n.order-card {\n  border-radius: 0.25rem;\n  overflow: hidden;\n  box-shadow: 0 8px 8px -8px rgb(36 36 36 / 10%);\n  .order-status {\n    color: black;\n    background: #EEF2F6; \n    width: 100%;\n    padding: 0.75rem 1.5rem;\n    margin: 0;\n  }\n\n  .new {\n    color: white;\n    background: #00ff88;\n  }\n\n  .block {\n    border-radius: 0;\n    border: 0;\n  }\n}\n\n  \n</style>\n"],"names":["leftovers.state"],"mappings":";;;;;;;;;;;;;AAwFE,UAAM,QAAQ,SAAU;AACT,cAAW;AAG1B,UAAM,MAAM,IAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,KAAK;AAEzD,UAAM,aAAa,SAAS,MAAM;AAChC,aAAOA,MAAgB,IAAI,OAAO,CAAC,UAAU,SAAS;AACpD,cAAM,YAAY,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa;AACzD,iBAAO,MAAM,SAAS;AAAA,QACvB,GAAE,CAAC;AAGJ,YAAI,KAAK,SAAS,YAAY;AAE5B,iBAAO,WAAW;AAAA,QAC1B,WAAiB,KAAK,SAAS,aAAa;AAEpC,iBAAO,WAAW;AAAA,QAC1B,OAAa;AAEL,iBAAO;AAAA,QACR;AAAA,MACF,GAAE,CAAC;AAAA,IACR,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -5,11 +5,11 @@ const vueRouter = require("vue-router");
 require("vue-i18n");
 ;/* empty css                                                   */
 const Block = require("../../../../components/Block/Block.vue.cjs");
-;/* empty css                                   */
-const Field = require("../../../../components/Field/Field.vue2.cjs");
+;/* empty css                                    */
+const Field = require("../../../../components/Field/Field.vue.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
-const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const EditImages = require("../../../../components/EditImages/EditImages.vue.cjs");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
@@ -91,9 +91,9 @@ const _sfc_main = {
               callback: redirectTo,
               class: "bg-red mn-r-thin"
             }, {
-              default: vue.withCtx(() => [
+              default: vue.withCtx(() => _cache[2] || (_cache[2] = [
                 vue.createTextVNode(" Delete ")
-              ]),
+              ])),
               _: 1
             })) : vue.createCommentVNode("", true),
             vue.createVNode(Button.default, {
@@ -101,9 +101,9 @@ const _sfc_main = {
               callback: redirectTo,
               class: "bg-main"
             }, {
-              default: vue.withCtx(() => [
+              default: vue.withCtx(() => _cache[3] || (_cache[3] = [
                 vue.createTextVNode(" Save ")
-              ]),
+              ])),
               _: 1
             })
           ]),

package/dist/prometheus-framework/src/modules/products/components/pages/ProductEdit.vue.js

@@ -3,11 +3,11 @@ import { useRoute, useRouter } from "vue-router";
 import "vue-i18n";
 /* empty css                                                 */
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
-/* empty css                                 */
-import Field from "../../../../components/Field/Field.vue2.js";
+/* empty css                                  */
+import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$9 from "../../../../components/Checkbox/Checkbox.vue.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
-import _sfc_main$6 from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$6 from "../../../../components/Popup/Popup.vue2.js";
 import _sfc_main$7 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$3 from "../../../../components/EditImages/EditImages.vue.js";
 import _sfc_main$a from "../../../icons/navigation/IconDelete.vue.js";
@@ -89,9 +89,9 @@ const _sfc_main = {
               callback: redirectTo,
               class: "bg-red mn-r-thin"
             }, {
-              default: withCtx(() => [
+              default: withCtx(() => _cache[2] || (_cache[2] = [
                 createTextVNode(" Delete ")
-              ]),
+              ])),
               _: 1
             })) : createCommentVNode("", true),
             createVNode(_sfc_main$2, {
@@ -99,9 +99,9 @@ const _sfc_main = {
               callback: redirectTo,
               class: "bg-main"
             }, {
-              default: withCtx(() => [
+              default: withCtx(() => _cache[3] || (_cache[3] = [
                 createTextVNode(" Save ")
-              ]),
+              ])),
               _: 1
             })
           ]),

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

@@ -2,14 +2,14 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
+const Tab = require("../../../../components/Tab/Tab.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 ;/* empty css                                           */
 require("vue-i18n");
 const categories = require("../../store/categories.cjs");
 const marketplace = require("../../../marketplace/store/marketplace.cjs");
 ;/* empty css                                */
-;/* empty css                                       */
+;/* empty css                                        */
 const BlockFilter = require("../../../globals/views/components/blocks/BlockFilter.vue.cjs");
 const CardProduct = require("../blocks/CardProduct.vue.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
@@ -18,9 +18,8 @@ const _hoisted_1 = {
   key: 0,
   class: "mn-b-medium flex-v-center flex-nowrap flex"
 };
-const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("h2", { class: "mn-r-medium" }, "Products", -1);
-const _hoisted_3 = { class: "cols-2-1_3 bg-light pd-thin radius-big gap-thin" };
-const _hoisted_4 = { class: "rows-1" };
+const _hoisted_2 = { class: "cols-2-1_3 bg-light pd-thin radius-big gap-thin" };
+const _hoisted_3 = { class: "rows-1" };
 const _sfc_main = {
   __name: "Products",
   setup(__props) {
@@ -78,7 +77,7 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", null, [
         vue.unref(route).name !== "Organization" ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_1, [
-          _hoisted_2,
+          _cache[4] || (_cache[4] = vue.createElementVNode("h2", { class: "mn-r-medium" }, "Products", -1)),
           vue.createElementVNode("button", {
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({
               name: "ProductAdd"
@@ -98,14 +97,14 @@ const _sfc_main = {
           ],
           class: "mn-b-small o-hidden h5 radius-big bg-light"
         }, null, 8, ["selected"])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_3, [
+        vue.createElementVNode("div", _hoisted_2, [
           vue.createVNode(BlockFilter.default, {
             filter: marketplace.state.filter,
             "onUpdate:filter": _cache[2] || (_cache[2] = ($event) => marketplace.state.filter = $event),
             options: marketplace.state.filter.options,
             class: "h-100 w-100 desktop-only"
           }, null, 8, ["filter", "options"]),
-          vue.createElementVNode("div", _hoisted_4, [
+          vue.createElementVNode("div", _hoisted_3, [
             vue.createVNode(Feed.default, {
               filter: marketplace.state.filter,
               "onUpdate:filter": _cache[3] || (_cache[3] = ($event) => marketplace.state.filter = $event),

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

@@ -1 +1 @@
-{"version":3,"file":"Products.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/Products.vue"],"sourcesContent":["<template>\n  <div>\n  <header \n    v-if=\"route.name !== 'Organization'\"\n    class=\"mn-b-medium flex-v-center flex-nowrap flex\"\n  >\n    <h2 class=\"mn-r-medium\">Products</h2>\n    <button \n      @click=\"$router.push({\n        name: 'ProductAdd'\n      })\" \n      class=\"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\">\n        +\n    </button>\n  </header>\n\n  <Tab \n    v-if=\"route.name !== 'Organization'\"\n    v-model:selected=\"tabProducts\"\n    :tabs=\"[\n      { name: 'All',          value: 'all' },\n      { name: 'Published',    value: 'published' },\n      { name: 'Unpublished',  value: 'unpublished' }, \n      { name: 'Archivied',    value: 'archivied' } \n    ]\"\n    class=\"mn-b-small o-hidden h5 radius-big bg-light\"\n  />\n\n  <div class=\"cols-2-1_3 bg-light pd-thin radius-big gap-thin\">\n\n    <BlockFilter\n      v-model:filter=\"marketplace.state.filter\"\n      :options=\"marketplace.state.filter.options\"\n      class=\"h-100 w-100 desktop-only\"\n    />\n\n\n    <div class=\"rows-1\">\n      <!-- <BlockSearch \n        @search=\"updateSearch\"\n        placeholder=\"Enter product name\"\n        class=\"bg-white mn-b-thin\"\n      /> -->\n      <Feed\n        v-model:filter=\"marketplace.state.filter\"\n        :search=\"true\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => products.actions.read(options),\n          state: products.state\n        }\"\n        :options=\"{\n          limit: 15,\n          organization: route.params._id,\n          categories: route.query.categories,\n          prices: route.query.prices,\n          delivery: route.query.delivery,\n          // search: route.query.search,\n          ...(tabProducts !== 'all' && { status: tabProducts })\n          // user: user\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-4 gap-thin\"\n      >\n        <CardProduct\n          v-for=\"product in items\"\n          :key=\"product._id\"\n          :product=\"product\"\n          :user=\"auth.state.access\"\n          class=\"h-max\"\n          @click.capture=\"$router.push({\n            name: 'Product Organization', \n            params: { \n              _id: route.params._id, \n              product: product._id \n            } \n          })\" \n        />\n      </Feed>\n    </div>\n  </div>\n</div>\n</template>\n\n\n<script setup=\"props\">\n  // Import libs\n  import { computed, watch, onMounted, ref } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n  // Import components\n  import Tab from '@pf/src/components/Tab/Tab.vue'\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import FilterProducts from '@pf/src/modules/products/components/sections/FilterProducts.vue'\n  import BlockSearch from '@pf/src/modules/globals/views/components/blocks/BlockSearch.vue'\n  import BlockFilter  from '@pf/src/modules/globals/views/components/blocks/BlockFilter.vue'\n\n  import CardProduct from '@pf/src/modules/products/components/blocks/CardProduct.vue'\n\n  // Accessing router and store\n  import * as auth from '@pf/src/modules/auth/views/store/auth';\n  import * as products from '@pf/src/modules/products/store/products';\n  import * as marketplace from '@pf/src/modules/marketplace/store/marketplace';\n  import * as categories from '@pf/src/modules/products/store/categories';\n\n  const route = useRoute()\n  const router = useRouter()\n\n  // Tab logic\n  const tabProducts = ref(route.query.tabProducts ? route.query.tabProducts : 'all')\n\n  if (route.name !== 'Organization') route.query.tabProducts = tabProducts.value\n  \n  if (route.query) {\n    const query = route.query;\n\n    marketplace.state.filter.selected.categories = query.categories ? query.categories.split(',') : [];\n    marketplace.state.filter.selected.prices = query.prices ? query.prices.split(',') : [];\n    marketplace.state.filter.selected.delivery = query.delivery ? query.delivery.split(',') : [];\n  }\n\n\n  watch(tabProducts, (newValue) => {\n    if (route.name !== 'Organization') router.replace({ query: { ...route.query, tabProducts: newValue } });\n  });\n\n  onMounted(async () => {\n    let categoriesFilter = await categories.actions.fetchCategories();\n\n    categoriesFilter = categoriesFilter.map(category => ({\n      value: category.url,\n      label: category.name\n    }));\n\n    const index = marketplace.state.filter.options.findIndex(option => option.value === 'categories');\n\n    const categoryOption = {\n      title: 'Categories',\n      value: 'categories',\n      options: categoriesFilter\n    };\n\n    if (index !== -1) {\n        marketplace.state.filter.options[index] = categoryOption;\n    } else {\n        marketplace.state.filter.options.unshift(categoryOption);\n    }\n  })\n\n  watch(() => marketplace.state.sort, (newSortValue, oldSortValue) => {\n    let query = { ...route.query}\n    \n    query.sortParam = newSortValue.param\n    query.sortOrder = newSortValue.order\n    \n    // replace the current route\n    router.replace({ query });\n  }, { deep: true });\n\n\n  watch(() => marketplace.state.filter.selected, (newFilterValue, oldFilterValue) => {\n    // Переводим фильтр в формат query\n    const query = { ...route.query };\n\n    // Удаляем старые значения фильтра из query\n    Object.keys(oldFilterValue).forEach(key => {\n      if (query[key]) {\n        delete query[key];\n      }\n    });\n\n    // Добавляем новые значения фильтра в query\n    const newQueryValues = Object.fromEntries(\n      Object.entries(newFilterValue)\n        .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n        .map(([key, value]) => [key, value.join(',')])\n    );\n\n    delete query.options;\n    Object.assign(query, newQueryValues);\n\n    // Обновляем маршрут с новым query\n    router.replace({ query });\n  }, { deep: true })\n\n\n\n  \n  function updateSearch(search) {\n    let query = { ...route.query}\n    \n    query.search = search\n    \n    router.replace({ query });\n  }\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n"],"names":["useRoute","useRouter","ref","marketplace.state","watch","onMounted","categories.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAiHE,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAG1B,UAAM,cAAcC,QAAI,MAAM,MAAM,cAAc,MAAM,MAAM,cAAc,KAAK;AAEjF,QAAI,MAAM,SAAS,eAAgB,OAAM,MAAM,cAAc,YAAY;AAEzE,QAAI,MAAM,OAAO;AACf,YAAM,QAAQ,MAAM;AAEpBC,kBAAAA,MAAkB,OAAO,SAAS,aAAa,MAAM,aAAa,MAAM,WAAW,MAAM,GAAG,IAAI,CAAA;AAChGA,kBAAAA,MAAkB,OAAO,SAAS,SAAS,MAAM,SAAS,MAAM,OAAO,MAAM,GAAG,IAAI,CAAA;AACpFA,kBAAAA,MAAkB,OAAO,SAAS,WAAW,MAAM,WAAW,MAAM,SAAS,MAAM,GAAG,IAAI,CAAA;AAAA,IAC3F;AAGDC,cAAM,aAAa,CAAC,aAAa;AAC/B,UAAI,MAAM,SAAS,eAAgB,QAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,aAAa,SAAQ,EAAI,CAAA;AAAA,IAC1G,CAAG;AAEDC,QAAAA,UAAU,YAAY;AACpB,UAAI,mBAAmB,MAAMC,mBAAmB;AAEhD,yBAAmB,iBAAiB,IAAI,eAAa;AAAA,QACnD,OAAO,SAAS;AAAA,QAChB,OAAO,SAAS;AAAA,MACjB,EAAC;AAEF,YAAM,QAAQH,kBAAkB,OAAO,QAAQ,UAAU,YAAU,OAAO,UAAU,YAAY;AAEhG,YAAM,iBAAiB;AAAA,QACrB,OAAO;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,MACf;AAEI,UAAI,UAAU,IAAI;AACdA,oBAAAA,MAAkB,OAAO,QAAQ,KAAK,IAAI;AAAA,MAClD,OAAW;AACHA,oBAAAA,MAAkB,OAAO,QAAQ,QAAQ,cAAc;AAAA,MAC1D;AAAA,IACL,CAAG;AAEDC,QAAAA,MAAM,MAAMD,YAAiB,MAAC,MAAM,CAAC,cAAc,iBAAiB;AAClE,UAAI,QAAQ,EAAE,GAAG,MAAM,MAAK;AAE5B,YAAM,YAAY,aAAa;AAC/B,YAAM,YAAY,aAAa;AAG/B,aAAO,QAAQ,EAAE,MAAK,CAAE;AAAA,IAC5B,GAAK,EAAE,MAAM,KAAI,CAAE;AAGjBC,QAAK,MAAC,MAAMD,YAAAA,MAAkB,OAAO,UAAU,CAAC,gBAAgB,mBAAmB;AAEjF,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAK;AAG9B,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACjB;AAAA,MACP,CAAK;AAGD,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAM,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,CAAC,EACjE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,KAAK,GAAG,CAAC,CAAC;AAAA,MACrD;AAEI,aAAO,MAAM;AACb,aAAO,OAAO,OAAO,cAAc;AAGnC,aAAO,QAAQ,EAAE,MAAK,CAAE;AAAA,IAC5B,GAAK,EAAE,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Products.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/Products.vue"],"sourcesContent":["<template>\n  <div>\n  <header \n    v-if=\"route.name !== 'Organization'\"\n    class=\"mn-b-medium flex-v-center flex-nowrap flex\"\n  >\n    <h2 class=\"mn-r-medium\">Products</h2>\n    <button \n      @click=\"$router.push({\n        name: 'ProductAdd'\n      })\" \n      class=\"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\">\n        +\n    </button>\n  </header>\n\n  <Tab \n    v-if=\"route.name !== 'Organization'\"\n    v-model:selected=\"tabProducts\"\n    :tabs=\"[\n      { name: 'All',          value: 'all' },\n      { name: 'Published',    value: 'published' },\n      { name: 'Unpublished',  value: 'unpublished' }, \n      { name: 'Archivied',    value: 'archivied' } \n    ]\"\n    class=\"mn-b-small o-hidden h5 radius-big bg-light\"\n  />\n\n  <div class=\"cols-2-1_3 bg-light pd-thin radius-big gap-thin\">\n\n    <BlockFilter\n      v-model:filter=\"marketplace.state.filter\"\n      :options=\"marketplace.state.filter.options\"\n      class=\"h-100 w-100 desktop-only\"\n    />\n\n\n    <div class=\"rows-1\">\n      <!-- <BlockSearch \n        @search=\"updateSearch\"\n        placeholder=\"Enter product name\"\n        class=\"bg-white mn-b-thin\"\n      /> -->\n      <Feed\n        v-model:filter=\"marketplace.state.filter\"\n        :search=\"true\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => products.actions.read(options),\n          state: products.state\n        }\"\n        :options=\"{\n          limit: 15,\n          organization: route.params._id,\n          categories: route.query.categories,\n          prices: route.query.prices,\n          delivery: route.query.delivery,\n          // search: route.query.search,\n          ...(tabProducts !== 'all' && { status: tabProducts })\n          // user: user\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-4 gap-thin\"\n      >\n        <CardProduct\n          v-for=\"product in items\"\n          :key=\"product._id\"\n          :product=\"product\"\n          :user=\"auth.state.access\"\n          class=\"h-max\"\n          @click.capture=\"$router.push({\n            name: 'Product Organization', \n            params: { \n              _id: route.params._id, \n              product: product._id \n            } \n          })\" \n        />\n      </Feed>\n    </div>\n  </div>\n</div>\n</template>\n\n\n<script setup=\"props\">\n  // Import libs\n  import { computed, watch, onMounted, ref } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n  // Import components\n  import Tab from '@pf/src/components/Tab/Tab.vue'\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import FilterProducts from '@pf/src/modules/products/components/sections/FilterProducts.vue'\n  import BlockSearch from '@pf/src/modules/globals/views/components/blocks/BlockSearch.vue'\n  import BlockFilter  from '@pf/src/modules/globals/views/components/blocks/BlockFilter.vue'\n\n  import CardProduct from '@pf/src/modules/products/components/blocks/CardProduct.vue'\n\n  // Accessing router and store\n  import * as auth from '@pf/src/modules/auth/views/store/auth';\n  import * as products from '@pf/src/modules/products/store/products';\n  import * as marketplace from '@pf/src/modules/marketplace/store/marketplace';\n  import * as categories from '@pf/src/modules/products/store/categories';\n\n  const route = useRoute()\n  const router = useRouter()\n\n  // Tab logic\n  const tabProducts = ref(route.query.tabProducts ? route.query.tabProducts : 'all')\n\n  if (route.name !== 'Organization') route.query.tabProducts = tabProducts.value\n  \n  if (route.query) {\n    const query = route.query;\n\n    marketplace.state.filter.selected.categories = query.categories ? query.categories.split(',') : [];\n    marketplace.state.filter.selected.prices = query.prices ? query.prices.split(',') : [];\n    marketplace.state.filter.selected.delivery = query.delivery ? query.delivery.split(',') : [];\n  }\n\n\n  watch(tabProducts, (newValue) => {\n    if (route.name !== 'Organization') router.replace({ query: { ...route.query, tabProducts: newValue } });\n  });\n\n  onMounted(async () => {\n    let categoriesFilter = await categories.actions.fetchCategories();\n\n    categoriesFilter = categoriesFilter.map(category => ({\n      value: category.url,\n      label: category.name\n    }));\n\n    const index = marketplace.state.filter.options.findIndex(option => option.value === 'categories');\n\n    const categoryOption = {\n      title: 'Categories',\n      value: 'categories',\n      options: categoriesFilter\n    };\n\n    if (index !== -1) {\n        marketplace.state.filter.options[index] = categoryOption;\n    } else {\n        marketplace.state.filter.options.unshift(categoryOption);\n    }\n  })\n\n  watch(() => marketplace.state.sort, (newSortValue, oldSortValue) => {\n    let query = { ...route.query}\n    \n    query.sortParam = newSortValue.param\n    query.sortOrder = newSortValue.order\n    \n    // replace the current route\n    router.replace({ query });\n  }, { deep: true });\n\n\n  watch(() => marketplace.state.filter.selected, (newFilterValue, oldFilterValue) => {\n    // Переводим фильтр в формат query\n    const query = { ...route.query };\n\n    // Удаляем старые значения фильтра из query\n    Object.keys(oldFilterValue).forEach(key => {\n      if (query[key]) {\n        delete query[key];\n      }\n    });\n\n    // Добавляем новые значения фильтра в query\n    const newQueryValues = Object.fromEntries(\n      Object.entries(newFilterValue)\n        .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n        .map(([key, value]) => [key, value.join(',')])\n    );\n\n    delete query.options;\n    Object.assign(query, newQueryValues);\n\n    // Обновляем маршрут с новым query\n    router.replace({ query });\n  }, { deep: true })\n\n\n\n  \n  function updateSearch(search) {\n    let query = { ...route.query}\n    \n    query.search = search\n    \n    router.replace({ query });\n  }\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n"],"names":["useRoute","useRouter","ref","marketplace.state","watch","onMounted","categories.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAiHE,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAG1B,UAAM,cAAcC,QAAI,MAAM,MAAM,cAAc,MAAM,MAAM,cAAc,KAAK;AAEjF,QAAI,MAAM,SAAS,eAAgB,OAAM,MAAM,cAAc,YAAY;AAEzE,QAAI,MAAM,OAAO;AACf,YAAM,QAAQ,MAAM;AAEpBC,kBAAAA,MAAkB,OAAO,SAAS,aAAa,MAAM,aAAa,MAAM,WAAW,MAAM,GAAG,IAAI,CAAA;AAChGA,kBAAAA,MAAkB,OAAO,SAAS,SAAS,MAAM,SAAS,MAAM,OAAO,MAAM,GAAG,IAAI,CAAA;AACpFA,kBAAAA,MAAkB,OAAO,SAAS,WAAW,MAAM,WAAW,MAAM,SAAS,MAAM,GAAG,IAAI,CAAA;AAAA,IAC3F;AAGDC,cAAM,aAAa,CAAC,aAAa;AAC/B,UAAI,MAAM,SAAS,eAAgB,QAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,aAAa,SAAQ,EAAI,CAAA;AAAA,IAC1G,CAAG;AAEDC,QAAAA,UAAU,YAAY;AACpB,UAAI,mBAAmB,MAAMC,mBAAmB;AAEhD,yBAAmB,iBAAiB,IAAI,eAAa;AAAA,QACnD,OAAO,SAAS;AAAA,QAChB,OAAO,SAAS;AAAA,MACjB,EAAC;AAEF,YAAM,QAAQH,kBAAkB,OAAO,QAAQ,UAAU,YAAU,OAAO,UAAU,YAAY;AAEhG,YAAM,iBAAiB;AAAA,QACrB,OAAO;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,MACf;AAEI,UAAI,UAAU,IAAI;AACdA,oBAAAA,MAAkB,OAAO,QAAQ,KAAK,IAAI;AAAA,MAClD,OAAW;AACHA,oBAAAA,MAAkB,OAAO,QAAQ,QAAQ,cAAc;AAAA,MAC1D;AAAA,IACL,CAAG;AAEDC,QAAAA,MAAM,MAAMD,YAAiB,MAAC,MAAM,CAAC,cAAc,iBAAiB;AAClE,UAAI,QAAQ,EAAE,GAAG,MAAM,MAAK;AAE5B,YAAM,YAAY,aAAa;AAC/B,YAAM,YAAY,aAAa;AAG/B,aAAO,QAAQ,EAAE,MAAK,CAAE;AAAA,IAC5B,GAAK,EAAE,MAAM,KAAI,CAAE;AAGjBC,QAAK,MAAC,MAAMD,YAAAA,MAAkB,OAAO,UAAU,CAAC,gBAAgB,mBAAmB;AAEjF,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAK;AAG9B,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACjB;AAAA,MACP,CAAK;AAGD,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAM,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,CAAC,EACjE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,KAAK,GAAG,CAAC,CAAC;AAAA,MACrD;AAEI,aAAO,MAAM;AACb,aAAO,OAAO,OAAO,cAAc;AAGnC,aAAO,QAAQ,EAAE,MAAK,CAAE;AAAA,IAC5B,GAAK,EAAE,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}