@ozdao/prometheus-framework 0.2.312 → 0.2.314

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

@@ -1 +1 @@
-{"version":3,"file":"Price.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Price.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,9 +1,14 @@
-import { openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode } from "vue";
+import { openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, createTextVNode } from "vue";
 /* empty css           */
 const _hoisted_1 = {
   key: 0,
   class: "pd-r-small t-transp t-transp p-medium line-through price"
 };
+const _hoisted_2 = {
+  key: 1,
+  class: "mn-r-auto"
+};
+const _hoisted_3 = { class: "t-second h5" };
 const _sfc_main = {
   __name: "Price",
   props: {
@@ -12,7 +17,8 @@ const _sfc_main = {
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
+      return __props.product.listing !== "rent" ? (openBlock(), createElementBlock("div", {
+        key: 0,
         class: normalizeClass([
           "price-tag radius-small",
           {
@@ -31,7 +37,11 @@ const _sfc_main = {
           )
         }, toDisplayString(__props.product.price) + " " + toDisplayString(__props.product.price_currency) + " " + toDisplayString(__props.product.listing === "rent" ? "per day" : ""), 3),
         __props.product.sale ? (openBlock(), createElementBlock("p", _hoisted_1, toDisplayString(__props.product.price / 100 * (100 + __props.product.sale)) + " " + toDisplayString(__props.product.price_currency), 1)) : createCommentVNode("", true)
-      ], 2);
+      ], 2)) : (openBlock(), createElementBlock("div", _hoisted_2, [
+        createElementVNode("span", _hoisted_3, toDisplayString(__props.product.price + __props.product.price_currency), 1),
+        _cache[0] || (_cache[0] = createTextVNode()),
+        _cache[1] || (_cache[1] = createElementVNode("span", { class: "p-small t-transp" }, "/ per day ", -1))
+      ]));
     };
   }
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Price.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Price.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -18,7 +18,9 @@ const _sfc_main = {
         "onUpdate:sort": _cache[0] || (_cache[0] = ($event) => marketplace.state.sort = $event),
         filter: marketplace.state.filter,
         "onUpdate:filter": _cache[1] || (_cache[1] = ($event) => marketplace.state.filter = $event),
-        search: true,
+        search: {
+          autofocus: true
+        },
         showLoadMore: false,
         states: {
           empty: {

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

@@ -1 +1 @@
-{"version":3,"file":"Catalog.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/Catalog.vue"],"sourcesContent":["<template>\n\t<Feed\n\t\tv-model:sort=\"marketplace.state.sort\"\n\t\tv-model:filter=\"marketplace.state.filter\"\n    :search=\"true\"\n    :showLoadMore=\"false\"\n    :states=\"{\n      empty: {\n        title: 'No Shops Found',\n        description: 'Currently, there are no shops.'\n      },\n    }\"\n    :store=\"{\n      read: (options) => organization.actions.read(options)\n    }\"\n    :options=\"{\n      country: route.params.country,\n\t    state: route.params.state,\n\t    city: route.params.city,\n\t    categories: route.query.categories,\n\t    prices: route.query.prices,\n\t    delivery: route.query.delivery,\n\t    location: globals.state.position?.location,\n\t    lookup: ['products'],\n\t    contain: ['products'],\n    }\"\n    v-slot=\"{ \n      items \n    }\"\n    class=\"rows-1 gap-thin\"\n  >\n    <CardOrganization \n\t    v-for=\"organization in items\" \n\t    :key=\"organization._id\"\n\t    :organization=\"organization\"\n\t    :showRating=\"true\"\n\t    :showFollowers=\"false\"\n\t    :showProducts=\"true\"\n\t    class=\"bg-light w-100 o-hidden radius-big pd-small \"\n\t  />\n  </Feed>\n</template>\n\n<script setup>\n\timport { computed,reactive,ref, onMounted,watch  } from 'vue'\n\timport { useRoute } from 'vue-router'\n\t\n\timport * as organization from '@pf/src/modules/organizations/store/organizations'\n\timport * as marketplace from '@pf/src/modules/products/store/marketplace';\n\timport * as globals from '@pf/src/modules/globals/views/store/globals'\n\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\t\n\tconst route = useRoute()\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["useRoute"],"mappings":";;;;;;;;;;;;AAuDC,UAAM,QAAQA,UAAAA,SAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Catalog.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/Catalog.vue"],"sourcesContent":["<template>\n\t<Feed\n\t\tv-model:sort=\"marketplace.state.sort\"\n\t\tv-model:filter=\"marketplace.state.filter\"\n    :search=\"{\n    \tautofocus:true\n    }\"\n    :showLoadMore=\"false\"\n    :states=\"{\n      empty: {\n        title: 'No Shops Found',\n        description: 'Currently, there are no shops.'\n      },\n    }\"\n    :store=\"{\n      read: (options) => organization.actions.read(options)\n    }\"\n    :options=\"{\n      country: route.params.country,\n\t    state: route.params.state,\n\t    city: route.params.city,\n\t    categories: route.query.categories,\n\t    prices: route.query.prices,\n\t    delivery: route.query.delivery,\n\t    location: globals.state.position?.location,\n\t    lookup: ['products'],\n\t    contain: ['products'],\n    }\"\n    v-slot=\"{ \n      items \n    }\"\n    class=\"rows-1 gap-thin\"\n  >\n    <CardOrganization \n\t    v-for=\"organization in items\" \n\t    :key=\"organization._id\"\n\t    :organization=\"organization\"\n\t    :showRating=\"true\"\n\t    :showFollowers=\"false\"\n\t    :showProducts=\"true\"\n\t    class=\"bg-light w-100 o-hidden radius-big pd-small \"\n\t  />\n  </Feed>\n</template>\n\n<script setup>\n\timport { computed,reactive,ref, onMounted,watch  } from 'vue'\n\timport { useRoute } from 'vue-router'\n\t\n\timport * as organization from '@pf/src/modules/organizations/store/organizations'\n\timport * as marketplace from '@pf/src/modules/products/store/marketplace';\n\timport * as globals from '@pf/src/modules/globals/views/store/globals'\n\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\t\n\tconst route = useRoute()\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["useRoute"],"mappings":";;;;;;;;;;;;AAyDC,UAAM,QAAQA,UAAAA,SAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -16,7 +16,9 @@ const _sfc_main = {
         "onUpdate:sort": _cache[0] || (_cache[0] = ($event) => state.sort = $event),
         filter: state.filter,
         "onUpdate:filter": _cache[1] || (_cache[1] = ($event) => state.filter = $event),
-        search: true,
+        search: {
+          autofocus: true
+        },
         showLoadMore: false,
         states: {
           empty: {

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

@@ -1 +1 @@
-{"version":3,"file":"Catalog.vue.js","sources":["../../../../../../../src/modules/products/components/pages/Catalog.vue"],"sourcesContent":["<template>\n\t<Feed\n\t\tv-model:sort=\"marketplace.state.sort\"\n\t\tv-model:filter=\"marketplace.state.filter\"\n    :search=\"true\"\n    :showLoadMore=\"false\"\n    :states=\"{\n      empty: {\n        title: 'No Shops Found',\n        description: 'Currently, there are no shops.'\n      },\n    }\"\n    :store=\"{\n      read: (options) => organization.actions.read(options)\n    }\"\n    :options=\"{\n      country: route.params.country,\n\t    state: route.params.state,\n\t    city: route.params.city,\n\t    categories: route.query.categories,\n\t    prices: route.query.prices,\n\t    delivery: route.query.delivery,\n\t    location: globals.state.position?.location,\n\t    lookup: ['products'],\n\t    contain: ['products'],\n    }\"\n    v-slot=\"{ \n      items \n    }\"\n    class=\"rows-1 gap-thin\"\n  >\n    <CardOrganization \n\t    v-for=\"organization in items\" \n\t    :key=\"organization._id\"\n\t    :organization=\"organization\"\n\t    :showRating=\"true\"\n\t    :showFollowers=\"false\"\n\t    :showProducts=\"true\"\n\t    class=\"bg-light w-100 o-hidden radius-big pd-small \"\n\t  />\n  </Feed>\n</template>\n\n<script setup>\n\timport { computed,reactive,ref, onMounted,watch  } from 'vue'\n\timport { useRoute } from 'vue-router'\n\t\n\timport * as organization from '@pf/src/modules/organizations/store/organizations'\n\timport * as marketplace from '@pf/src/modules/products/store/marketplace';\n\timport * as globals from '@pf/src/modules/globals/views/store/globals'\n\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\t\n\tconst route = useRoute()\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":[],"mappings":";;;;;;;;;;AAuDC,UAAM,QAAQ,SAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Catalog.vue.js","sources":["../../../../../../../src/modules/products/components/pages/Catalog.vue"],"sourcesContent":["<template>\n\t<Feed\n\t\tv-model:sort=\"marketplace.state.sort\"\n\t\tv-model:filter=\"marketplace.state.filter\"\n    :search=\"{\n    \tautofocus:true\n    }\"\n    :showLoadMore=\"false\"\n    :states=\"{\n      empty: {\n        title: 'No Shops Found',\n        description: 'Currently, there are no shops.'\n      },\n    }\"\n    :store=\"{\n      read: (options) => organization.actions.read(options)\n    }\"\n    :options=\"{\n      country: route.params.country,\n\t    state: route.params.state,\n\t    city: route.params.city,\n\t    categories: route.query.categories,\n\t    prices: route.query.prices,\n\t    delivery: route.query.delivery,\n\t    location: globals.state.position?.location,\n\t    lookup: ['products'],\n\t    contain: ['products'],\n    }\"\n    v-slot=\"{ \n      items \n    }\"\n    class=\"rows-1 gap-thin\"\n  >\n    <CardOrganization \n\t    v-for=\"organization in items\" \n\t    :key=\"organization._id\"\n\t    :organization=\"organization\"\n\t    :showRating=\"true\"\n\t    :showFollowers=\"false\"\n\t    :showProducts=\"true\"\n\t    class=\"bg-light w-100 o-hidden radius-big pd-small \"\n\t  />\n  </Feed>\n</template>\n\n<script setup>\n\timport { computed,reactive,ref, onMounted,watch  } from 'vue'\n\timport { useRoute } from 'vue-router'\n\t\n\timport * as organization from '@pf/src/modules/organizations/store/organizations'\n\timport * as marketplace from '@pf/src/modules/products/store/marketplace';\n\timport * as globals from '@pf/src/modules/globals/views/store/globals'\n\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\t\n\tconst route = useRoute()\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":[],"mappings":";;;;;;;;;;AAyDC,UAAM,QAAQ,SAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -7,13 +7,13 @@ const auth = require("../../../auth/views/store/auth.cjs");
 const categories = require("../../store/categories.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                                      */
-require("../blocks/CardCategory.vue2.cjs");
+;/* empty css                            */
 const CategoriesTree = require("../sections/CategoriesTree.vue.cjs");
 const IconPlus = require("../../../icons/navigation/IconPlus.vue.cjs");
 const _hoisted_1 = { class: "pd-thin bg-white" };

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

@@ -5,13 +5,13 @@ import { state as state$1 } from "../../../auth/views/store/auth.js";
 import { state as state$2, actions } from "../../store/categories.js";
 import _sfc_main$3 from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
-/* empty css                                       */
+/* empty css                                        */
 /* empty css                                            */
 /* empty css                                             */
-/* empty css                                     */
+/* empty css                                      */
 /* empty css                                         */
 /* empty css                                    */
-import "../blocks/CardCategory.vue2.js";
+/* empty css                          */
 import _sfc_main$4 from "../sections/CategoriesTree.vue.js";
 import _sfc_main$1 from "../../../icons/navigation/IconPlus.vue.js";
 const _hoisted_1 = { class: "pd-thin bg-white" };

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

@@ -5,8 +5,12 @@ 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 Feed = require("../../../../components/Feed/Feed.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue.cjs");
+;/* empty css                                          */
+;/* empty css                                              */
+;/* empty css                                               */
+;/* empty css                                           */
+;/* empty css                                      */
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const IconCheckmark = require("../../../icons/navigation/IconCheckmark.vue.cjs");
 const globals = require("../../../globals/views/store/globals.cjs");
@@ -19,8 +23,6 @@ const _hoisted_3 = { class: "mn-b-medium w-100 flex-nowrap gap-thin flex" };
 const _hoisted_4 = { class: "flex-v-center flex-nowrap flex" };
 const _hoisted_5 = ["onClick"];
 const _hoisted_6 = ["onClick"];
-const _hoisted_7 = ["onClick"];
-const _hoisted_8 = ["onClick"];
 const _sfc_main = {
   __name: "CategoryEdit",
   setup(__props) {
@@ -155,75 +157,6 @@ const _sfc_main = {
           ]),
           _: 1
         }),
-        vue.createVNode(Block.default, {
-          title: "Subcategories",
-          placeholder: "No subcategories added yet",
-          actions: [{
-            label: "+",
-            function: () => categories.state.current.children.push({ name: "", url: "" })
-          }],
-          class: "mn-b-thin"
-        }, {
-          default: vue.withCtx(() => [
-            vue.createTextVNode(vue.toDisplayString(categories.state.current.children) + " ", 1),
-            vue.createVNode(Feed.default, {
-              states: {
-                empty: {
-                  title: "No Events Found",
-                  description: "Currently, there are no events available."
-                }
-              },
-              store: {
-                read: (options) => categories.actions.read(options),
-                state: categories.state
-              },
-              options: {
-                user: auth.state.user._id,
-                limit: 10
-              }
-            }, {
-              default: vue.withCtx(({
-                items
-              }) => [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (category, index) => {
-                  return vue.openBlock(), vue.createElementBlock("div", {
-                    onClick: () => {
-                      categories.state.current.children.push(category._id);
-                    },
-                    class: "bg-white pd-medium radius-small mn-b-medium"
-                  }, vue.toDisplayString(category.name), 9, _hoisted_6);
-                }), 256))
-              ]),
-              _: 1
-            }, 8, ["store", "options"]),
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(categories.state.current.children, (item, index) => {
-              return vue.openBlock(), vue.createElementBlock("div", {
-                class: "gap-thin mn-b-thin flex-nowrap flex",
-                key: index
-              }, [
-                vue.createVNode(Field.default, {
-                  field: item.name,
-                  "onUpdate:field": ($event) => item.name = $event,
-                  placeholder: "Subcategory name",
-                  class: "w-100 bg-white radius-small pd-medium"
-                }, null, 8, ["field", "onUpdate:field"]),
-                vue.createVNode(Field.default, {
-                  field: item.url,
-                  "onUpdate:field": ($event) => item.url = $event,
-                  placeholder: "Subcategory",
-                  class: "w-100 bg-white radius-small pd-medium"
-                }, null, 8, ["field", "onUpdate:field"]),
-                vue.createElementVNode("div", {
-                  onClick: () => categories.state.current.children.splice(index, 1),
-                  class: "radius-small pd-small flex-center flex aspect-1x1 bg-red"
-                }, [
-                  vue.createVNode(IconDelete.default, { class: "i-medium" })
-                ], 8, _hoisted_7)
-              ]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["actions"]),
         vue.createVNode(Block.default, {
           title: "Filters",
           placeholder: "No filters added yet",
@@ -255,7 +188,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_8)
+                ], 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  <div  class=\"pd-thin bg-white for-transition w-100\">\n    <Block v-if=\"!MOBILE_APP\" 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-40 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         \n      </div>\n       <Field\n            v-model:field=\"categories.state.current.name\"\n            label=\"Name\"\n            placeholder=\"Enter category name\"\n            class=\"w-100 mn-b-small bg-white radius-small pd-medium\"\n          />  \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.children.push({name: '', url: ''})\n      }]\"\n      class=\"mn-b-thin\"\n    >\n\n      {{categories.state.current.children}}\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            limit: 10\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n      >\n        <div \n          v-for=\"(category,index) in items\"\n          @click=\"() => { categories.state.current.children.push(category._id) }\"\n          class=\"bg-white pd-medium radius-small mn-b-medium\"\n        >\n          {{category.name}}\n        </div>\n        \n      </Feed>\n   \n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in categories.state.current.children\" \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.children.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  </div>\n \n</template>\n\n<script setup>\n  // Import libs\n  import { computed, onUnmounted } 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  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import Block from '@pf/src/components/Block/Block.vue';\n\n  import IconCheckmark from '@pf/src/modules/icons/navigation/IconCheckmark.vue'\n\n  // Import the new store structure\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  // Data prefetching\n  if (route.params.category) {\n    categories.actions.read({url: route.params.category})\n  } else {\n    categories.actions.clean() // 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  // Navigation Bar\n  globals.state.navigation_bar.actions = [{\n    component: IconCheckmark,\n    props: {\n      fill: \"rgb(var(--main))\" \n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => onSubmit()\n  }],\n\n onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\n\n\n  // Functions\n  function onSubmit() {\n    if (route.params.category) {\n      categories.actions.update(categories.state.current)\n    } else {\n      categories.actions.create(categories.state.current)\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","globals.state","IconCheckmark","auth.state","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAyNE,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAG1B,QAAI,MAAM,OAAO,UAAU;AACzBC,iBAAkB,QAAC,KAAK,EAAC,KAAK,MAAM,OAAO,SAAQ,CAAC;AAAA,IACxD,OAAS;AACLA,iBAAAA,QAAmB,MAAO;AAAA,IAC3B;AAGgBC,iBAAS,MAAMC,WAAgB,MAAC,OAAO;AACtCD,iBAAS,MAAM,MAAM,IAAI;AAG3CE,kBAAc,eAAe,UAAU,CAAC;AAAA,MACtC,WAAWC,cAAa;AAAA,MACxB,OAAO;AAAA,QACL,MAAM;AAAA,MACP;AAAA,MACD,WAAW,MAAMC,KAAU,MAAC,QAAQA,KAAU,MAAC,KAAK;AAAA,MACpD,QAAQ,MAAM,SAAU;AAAA,IAC5B,CAAG,GAEFC,IAAAA,YAAY,MAAM;AACfH,oBAAc,eAAe,UAAU;IAC3C,CAAG;AAKD,aAAS,WAAW;AAClB,UAAI,MAAM,OAAO,UAAU;AACzBH,2BAAmB,OAAOE,WAAgB,MAAC,OAAO;AAAA,MACxD,OAAW;AACLF,2BAAmB,OAAOE,WAAgB,MAAC,OAAO;AAAA,MACnD;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  <div  class=\"pd-thin bg-white for-transition w-100\">\n    <Block v-if=\"!MOBILE_APP\" 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-40 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         \n      </div>\n       <Field\n            v-model:field=\"categories.state.current.name\"\n            label=\"Name\"\n            placeholder=\"Enter category name\"\n            class=\"w-100 mn-b-small bg-white radius-small pd-medium\"\n          />  \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.children.push({name: '', url: ''})\n      }]\"\n      class=\"mn-b-thin\"\n    >\n   \n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in categories.state.current.children\" \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.children.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  </div>\n \n</template>\n\n<script setup>\n  // Import libs\n  import { computed, onUnmounted } 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  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import Block from '@pf/src/components/Block/Block.vue';\n\n  import IconCheckmark from '@pf/src/modules/icons/navigation/IconCheckmark.vue'\n\n  // Import the new store structure\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  // Data prefetching\n  if (route.params.category) {\n    categories.actions.read({url: route.params.category})\n  } else {\n    categories.actions.clean() // 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  // Navigation Bar\n  globals.state.navigation_bar.actions = [{\n    component: IconCheckmark,\n    props: {\n      fill: \"rgb(var(--main))\" \n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => onSubmit()\n  }],\n\n onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\n\n\n  // Functions\n  function onSubmit() {\n    if (route.params.category) {\n      categories.actions.update(categories.state.current)\n    } else {\n      categories.actions.create(categories.state.current)\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","globals.state","IconCheckmark","auth.state","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2LE,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAG1B,QAAI,MAAM,OAAO,UAAU;AACzBC,iBAAkB,QAAC,KAAK,EAAC,KAAK,MAAM,OAAO,SAAQ,CAAC;AAAA,IACxD,OAAS;AACLA,iBAAAA,QAAmB,MAAO;AAAA,IAC3B;AAGgBC,iBAAS,MAAMC,WAAgB,MAAC,OAAO;AACtCD,iBAAS,MAAM,MAAM,IAAI;AAG3CE,kBAAc,eAAe,UAAU,CAAC;AAAA,MACtC,WAAWC,cAAa;AAAA,MACxB,OAAO;AAAA,QACL,MAAM;AAAA,MACP;AAAA,MACD,WAAW,MAAMC,KAAU,MAAC,QAAQA,KAAU,MAAC,KAAK;AAAA,MACpD,QAAQ,MAAM,SAAU;AAAA,IAC5B,CAAG,GAEFC,IAAAA,YAAY,MAAM;AACfH,oBAAc,eAAe,UAAU;IAC3C,CAAG;AAKD,aAAS,WAAW;AAClB,UAAI,MAAM,OAAO,UAAU;AACzBH,2BAAmB,OAAOE,WAAgB,MAAC,OAAO;AAAA,MACxD,OAAW;AACLF,2BAAmB,OAAOE,WAAgB,MAAC,OAAO;AAAA,MACnD;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

@@ -3,8 +3,12 @@ import { useRoute, useRouter } from "vue-router";
 import _sfc_main$4 from "../../../icons/navigation/IconDelete.vue.js";
 import _sfc_main$3 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$5 from "../../../../components/Feed/Feed.vue.js";
+import Field from "../../../../components/Field/Field.vue.js";
+/* empty css                                        */
+/* empty css                                            */
+/* empty css                                             */
+/* empty css                                         */
+/* empty css                                    */
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$1 from "../../../icons/navigation/IconCheckmark.vue.js";
 import { state as state$1 } from "../../../globals/views/store/globals.js";
@@ -17,8 +21,6 @@ const _hoisted_3 = { class: "mn-b-medium w-100 flex-nowrap gap-thin flex" };
 const _hoisted_4 = { class: "flex-v-center flex-nowrap flex" };
 const _hoisted_5 = ["onClick"];
 const _hoisted_6 = ["onClick"];
-const _hoisted_7 = ["onClick"];
-const _hoisted_8 = ["onClick"];
 const _sfc_main = {
   __name: "CategoryEdit",
   setup(__props) {
@@ -153,75 +155,6 @@ const _sfc_main = {
           ]),
           _: 1
         }),
-        createVNode(_sfc_main$2, {
-          title: "Subcategories",
-          placeholder: "No subcategories added yet",
-          actions: [{
-            label: "+",
-            function: () => state.current.children.push({ name: "", url: "" })
-          }],
-          class: "mn-b-thin"
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(state.current.children) + " ", 1),
-            createVNode(_sfc_main$5, {
-              states: {
-                empty: {
-                  title: "No Events Found",
-                  description: "Currently, there are no events available."
-                }
-              },
-              store: {
-                read: (options) => actions.read(options),
-                state
-              },
-              options: {
-                user: state$2.user._id,
-                limit: 10
-              }
-            }, {
-              default: withCtx(({
-                items
-              }) => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(items, (category, index) => {
-                  return openBlock(), createElementBlock("div", {
-                    onClick: () => {
-                      state.current.children.push(category._id);
-                    },
-                    class: "bg-white pd-medium radius-small mn-b-medium"
-                  }, toDisplayString(category.name), 9, _hoisted_6);
-                }), 256))
-              ]),
-              _: 1
-            }, 8, ["store", "options"]),
-            (openBlock(true), createElementBlock(Fragment, null, renderList(state.current.children, (item, index) => {
-              return openBlock(), createElementBlock("div", {
-                class: "gap-thin mn-b-thin flex-nowrap flex",
-                key: index
-              }, [
-                createVNode(Field, {
-                  field: item.name,
-                  "onUpdate:field": ($event) => item.name = $event,
-                  placeholder: "Subcategory name",
-                  class: "w-100 bg-white radius-small pd-medium"
-                }, null, 8, ["field", "onUpdate:field"]),
-                createVNode(Field, {
-                  field: item.url,
-                  "onUpdate:field": ($event) => item.url = $event,
-                  placeholder: "Subcategory",
-                  class: "w-100 bg-white radius-small pd-medium"
-                }, null, 8, ["field", "onUpdate:field"]),
-                createElementVNode("div", {
-                  onClick: () => state.current.children.splice(index, 1),
-                  class: "radius-small pd-small flex-center flex aspect-1x1 bg-red"
-                }, [
-                  createVNode(_sfc_main$4, { class: "i-medium" })
-                ], 8, _hoisted_7)
-              ]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["actions"]),
         createVNode(_sfc_main$2, {
           title: "Filters",
           placeholder: "No filters added yet",
@@ -253,7 +186,7 @@ const _sfc_main = {
                   class: "radius-small pd-small flex-center flex aspect-1x1 bg-red"
                 }, [
                   createVNode(_sfc_main$4, { class: "i-medium" })
-                ], 8, _hoisted_8)
+                ], 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  <div  class=\"pd-thin bg-white for-transition w-100\">\n    <Block v-if=\"!MOBILE_APP\" 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-40 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         \n      </div>\n       <Field\n            v-model:field=\"categories.state.current.name\"\n            label=\"Name\"\n            placeholder=\"Enter category name\"\n            class=\"w-100 mn-b-small bg-white radius-small pd-medium\"\n          />  \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.children.push({name: '', url: ''})\n      }]\"\n      class=\"mn-b-thin\"\n    >\n\n      {{categories.state.current.children}}\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            limit: 10\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n      >\n        <div \n          v-for=\"(category,index) in items\"\n          @click=\"() => { categories.state.current.children.push(category._id) }\"\n          class=\"bg-white pd-medium radius-small mn-b-medium\"\n        >\n          {{category.name}}\n        </div>\n        \n      </Feed>\n   \n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in categories.state.current.children\" \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.children.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  </div>\n \n</template>\n\n<script setup>\n  // Import libs\n  import { computed, onUnmounted } 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  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import Block from '@pf/src/components/Block/Block.vue';\n\n  import IconCheckmark from '@pf/src/modules/icons/navigation/IconCheckmark.vue'\n\n  // Import the new store structure\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  // Data prefetching\n  if (route.params.category) {\n    categories.actions.read({url: route.params.category})\n  } else {\n    categories.actions.clean() // 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  // Navigation Bar\n  globals.state.navigation_bar.actions = [{\n    component: IconCheckmark,\n    props: {\n      fill: \"rgb(var(--main))\" \n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => onSubmit()\n  }],\n\n onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\n\n\n  // Functions\n  function onSubmit() {\n    if (route.params.category) {\n      categories.actions.update(categories.state.current)\n    } else {\n      categories.actions.create(categories.state.current)\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","globals.state","IconCheckmark","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAyNE,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAG1B,QAAI,MAAM,OAAO,UAAU;AACzBA,cAAmB,KAAK,EAAC,KAAK,MAAM,OAAO,SAAQ,CAAC;AAAA,IACxD,OAAS;AACLA,cAAmB,MAAO;AAAA,IAC3B;AAGgB,aAAS,MAAMC,MAAiB,OAAO;AACtC,aAAS,MAAM,MAAM,IAAI;AAG3CC,YAAc,eAAe,UAAU,CAAC;AAAA,MACtC,WAAWC;AAAAA,MACX,OAAO;AAAA,QACL,MAAM;AAAA,MACP;AAAA,MACD,WAAW,MAAMC,QAAW,QAAQA,QAAW,KAAK;AAAA,MACpD,QAAQ,MAAM,SAAU;AAAA,IAC5B,CAAG,GAEF,YAAY,MAAM;AACfF,cAAc,eAAe,UAAU;IAC3C,CAAG;AAKD,aAAS,WAAW;AAClB,UAAI,MAAM,OAAO,UAAU;AACzBF,gBAAmB,OAAOC,MAAiB,OAAO;AAAA,MACxD,OAAW;AACLD,gBAAmB,OAAOC,MAAiB,OAAO;AAAA,MACnD;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  <div  class=\"pd-thin bg-white for-transition w-100\">\n    <Block v-if=\"!MOBILE_APP\" 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-40 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         \n      </div>\n       <Field\n            v-model:field=\"categories.state.current.name\"\n            label=\"Name\"\n            placeholder=\"Enter category name\"\n            class=\"w-100 mn-b-small bg-white radius-small pd-medium\"\n          />  \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.children.push({name: '', url: ''})\n      }]\"\n      class=\"mn-b-thin\"\n    >\n   \n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in categories.state.current.children\" \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.children.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  </div>\n \n</template>\n\n<script setup>\n  // Import libs\n  import { computed, onUnmounted } 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  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import Block from '@pf/src/components/Block/Block.vue';\n\n  import IconCheckmark from '@pf/src/modules/icons/navigation/IconCheckmark.vue'\n\n  // Import the new store structure\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  // Data prefetching\n  if (route.params.category) {\n    categories.actions.read({url: route.params.category})\n  } else {\n    categories.actions.clean() // 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  // Navigation Bar\n  globals.state.navigation_bar.actions = [{\n    component: IconCheckmark,\n    props: {\n      fill: \"rgb(var(--main))\" \n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => onSubmit()\n  }],\n\n onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\n\n\n  // Functions\n  function onSubmit() {\n    if (route.params.category) {\n      categories.actions.update(categories.state.current)\n    } else {\n      categories.actions.create(categories.state.current)\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","globals.state","IconCheckmark","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA2LE,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAG1B,QAAI,MAAM,OAAO,UAAU;AACzBA,cAAmB,KAAK,EAAC,KAAK,MAAM,OAAO,SAAQ,CAAC;AAAA,IACxD,OAAS;AACLA,cAAmB,MAAO;AAAA,IAC3B;AAGgB,aAAS,MAAMC,MAAiB,OAAO;AACtC,aAAS,MAAM,MAAM,IAAI;AAG3CC,YAAc,eAAe,UAAU,CAAC;AAAA,MACtC,WAAWC;AAAAA,MACX,OAAO;AAAA,QACL,MAAM;AAAA,MACP;AAAA,MACD,WAAW,MAAMC,QAAW,QAAQA,QAAW,KAAK;AAAA,MACpD,QAAQ,MAAM,SAAU;AAAA,IAC5B,CAAG,GAEF,YAAY,MAAM;AACfF,cAAc,eAAe,UAAU;IAC3C,CAAG;AAKD,aAAS,WAAW;AAClB,UAAI,MAAM,OAAO,UAAU;AACzBF,gBAAmB,OAAOC,MAAiB,OAAO;AAAA,MACxD,OAAW;AACLD,gBAAmB,OAAOC,MAAiB,OAAO;AAAA,MACnD;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 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 _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,7 +2,7 @@
 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");

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

@@ -1,6 +1,6 @@
 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";

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

@@ -8,8 +8,8 @@ const vueI18n = require("vue-i18n");
 const auth = require("../../../auth/views/store/auth.cjs");
 const products = require("../../store/products.cjs");
 require("../../store/categories.cjs");
-;/* empty css               */
-const _hoisted_1 = { class: "flex flex-column w-100 o-hidden gap-thin pd-thin" };
+const _hoisted_1 = { class: "h-100 w-100 bg-white" };
+const _hoisted_2 = { class: "h-max pos-relative" };
 const _sfc_main = {
   __name: "Product",
   setup(__props) {
@@ -19,10 +19,7 @@ const _sfc_main = {
     route.meta.title.ru = products.state.current.name;
     const product = vue.computed(() => products.state.current);
     const text = {
-      messages: {
-        en: {},
-        ru: {}
-      }
+      messages: {}
     };
     vue.onMounted(async () => {
       await products.actions.read({ _id: route.params.product });
@@ -36,7 +33,10 @@ const _sfc_main = {
           user: auth.state.user,
           class: "pos-relative"
         }, null, 8, ["product", "user"])) : vue.createCommentVNode("", true),
-        vue.createVNode(PopularProducts.default)
+        vue.createElementVNode("div", _hoisted_2, [
+          _cache[0] || (_cache[0] = vue.createElementVNode("h3", { class: "pd-medium pd-b-small" }, "Most Popular", -1)),
+          vue.createVNode(PopularProducts.default)
+        ])
       ]);
     };
   }

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

@@ -1 +1 @@
-{"version":3,"file":"Product.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/Product.vue"],"sourcesContent":["<template>\n\t<div class=\"flex flex-column w-100 o-hidden gap-thin pd-thin\">\n\t\t<!-- <Breadcrumbs class=\"bg-light radius-big pd-small\"/> -->\n\t\t<!-- {{product.quantity}}\n\t\t<div v-if=\"product.ingredients\">\n\t\t\t{{product?.ingredients[0]?._id}}\n\t\t\t{{product?.ingredients[0]?.quantity}}\n\t\t\t{{product?.ingredients[1]?.quantity}}\n\t\t</div> -->\n\t\t<SectionProduct v-if=\"product\" :product=\"product\" :user=\"auth.state.user\" class=\"pos-relative\"/>\n\n\t\t<PopularProducts />\n\t</div>\n</template>\n\n<script setup=\"props\">\n\t// Import components\n\t// import Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport PopularProducts \tfrom '@pf/src/modules/products/components/sections/PopularProducts.vue'\n\timport SectionProduct from '@pf/src/modules/products/components/sections/SectionProduct.vue'\n\t// Import libs\n\timport { computed, onMounted } from 'vue'\n\timport { useRoute,useRouter } from 'vue-router'\n\timport { useI18n }    from 'vue-i18n'\n\t\n  import * as auth from '@pf/src/modules/auth/views/store/auth';\n \timport * as products from '@pf/src/modules/products/store/products';\n  import * as categories from '@pf/src/modules/products/store/categories';\n\n\t// Accessing router and store\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n\t\n\troute.meta.title.en = products.state.current.name\n\troute.meta.title.ru = products.state.current.name\n\n\t// Accessing state\n\tconst product = computed(() => products.state.current)\n\n\tconst text = {\n\t\tmessages: {\n\t\t\ten: {\n\n\t\t\t},\n\t\t\tru: {\n\n\t\t\t}\n\t\t}\n\t};\n\n\tonMounted(async ()=> {\n\t\tawait products.actions.read({_id: route.params.product});\n\n\t})\n\t\n\t// products.state.current.localization.forEach(localization => {\n  \t// if (localization) text.messages[localization.locale].description = localization.text\n\t// })\n\n  const { t } = useI18n(text)\n</script>\n\n<style lang=\"scss\">\n.h1-product  {\n\tfont-size: 3rem;\n}\n.produc-data { \n\tpadding-top: 2rem;\n\tpadding-bottom: 0;\n}\n</style>\n"],"names":["useRoute","useRouter","products.state","computed","onMounted","products.actions","useI18n"],"mappings":";;;;;;;;;;;;;;;AA8BC,UAAM,QAAQA,UAAAA,SAAU;AACTC,wBAAW;AAG1B,UAAM,KAAK,MAAM,KAAKC,SAAc,MAAC,QAAQ;AAC7C,UAAM,KAAK,MAAM,KAAKA,SAAc,MAAC,QAAQ;AAG7C,UAAM,UAAUC,IAAAA,SAAS,MAAMD,SAAAA,MAAe,OAAO;AAErD,UAAM,OAAO;AAAA,MACZ,UAAU;AAAA,QACT,IAAI,CAEH;AAAA,QACD,IAAI,CAEH;AAAA,MACD;AAAA,IACH;AAECE,QAAAA,UAAU,YAAW;AACpB,YAAMC,SAAAA,QAAiB,KAAK,EAAC,KAAK,MAAM,OAAO,QAAO,CAAC;AAAA,IAEzD,CAAE;AAMcC,YAAAA,QAAQ,IAAI;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Product.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/Product.vue"],"sourcesContent":["<template>\n\t<div class=\"h-100 w-100 bg-white \">\n\t\t<!-- <Breadcrumbs class=\"bg-light radius-big pd-small\"/> -->\n\t\t<SectionProduct v-if=\"product\" :product=\"product\" :user=\"auth.state.user\" class=\"pos-relative\"/>\n\n\t\t<div class=\"h-max pos-relative\">\n\t\t  <h3 class=\"pd-medium pd-b-small\">Most Popular</h3>\n\t\t\t<PopularProducts />\n\t\t</div>\n\t</div>\n</template>\n\n<script setup=\"props\">\n\t// Import components\n\t// import Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport PopularProducts \tfrom '@pf/src/modules/products/components/sections/PopularProducts.vue'\n\timport SectionProduct from '@pf/src/modules/products/components/sections/SectionProduct.vue'\n\t// Import libs\n\timport { computed, onMounted } from 'vue'\n\timport { useRoute,useRouter } from 'vue-router'\n\timport { useI18n }    from 'vue-i18n'\n\t\n  import * as auth from '@pf/src/modules/auth/views/store/auth';\n \timport * as products from '@pf/src/modules/products/store/products';\n  import * as categories from '@pf/src/modules/products/store/categories';\n\n\t// Accessing router and store\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n\t\n\troute.meta.title.en = products.state.current.name\n\troute.meta.title.ru = products.state.current.name\n\n\t// Accessing state\n\tconst product = computed(() => products.state.current)\n\n\tconst text = {\n\t\tmessages: {\n\t\t}\n\t};\n\n\tonMounted(async ()=> {\n\t\tawait products.actions.read({_id: route.params.product});\n\n\t})\n\t\n\t// products.state.current.localization.forEach(localization => {\n  \t// if (localization) text.messages[localization.locale].description = localization.text\n\t// })\n\n  const { t } = useI18n(text)\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["useRoute","useRouter","products.state","computed","onMounted","products.actions","useI18n"],"mappings":";;;;;;;;;;;;;;;AA2BC,UAAM,QAAQA,UAAAA,SAAU;AACTC,wBAAW;AAG1B,UAAM,KAAK,MAAM,KAAKC,SAAc,MAAC,QAAQ;AAC7C,UAAM,KAAK,MAAM,KAAKA,SAAc,MAAC,QAAQ;AAG7C,UAAM,UAAUC,IAAAA,SAAS,MAAMD,SAAAA,MAAe,OAAO;AAErD,UAAM,OAAO;AAAA,MACZ,UAAU,CACT;AAAA,IACH;AAECE,QAAAA,UAAU,YAAW;AACpB,YAAMC,SAAAA,QAAiB,KAAK,EAAC,KAAK,MAAM,OAAO,QAAO,CAAC;AAAA,IAEzD,CAAE;AAMcC,YAAAA,QAAQ,IAAI;;;;;;;;;;;;;;;;;;"}

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

@@ -1,4 +1,4 @@
-import { computed, onMounted, openBlock, createElementBlock, createBlock, createCommentVNode, createVNode } from "vue";
+import { computed, onMounted, openBlock, createElementBlock, createBlock, createCommentVNode, createElementVNode, createVNode } from "vue";
 import _sfc_main$2 from "../sections/PopularProducts.vue.js";
 import _sfc_main$1 from "../sections/SectionProduct.vue.js";
 import { useRoute, useRouter } from "vue-router";
@@ -6,8 +6,8 @@ import { useI18n } from "vue-i18n";
 import { state as state$1 } from "../../../auth/views/store/auth.js";
 import { state, actions } from "../../store/products.js";
 import "../../store/categories.js";
-/* empty css             */
-const _hoisted_1 = { class: "flex flex-column w-100 o-hidden gap-thin pd-thin" };
+const _hoisted_1 = { class: "h-100 w-100 bg-white" };
+const _hoisted_2 = { class: "h-max pos-relative" };
 const _sfc_main = {
   __name: "Product",
   setup(__props) {
@@ -17,10 +17,7 @@ const _sfc_main = {
     route.meta.title.ru = state.current.name;
     const product = computed(() => state.current);
     const text = {
-      messages: {
-        en: {},
-        ru: {}
-      }
+      messages: {}
     };
     onMounted(async () => {
       await actions.read({ _id: route.params.product });
@@ -34,7 +31,10 @@ const _sfc_main = {
           user: state$1.user,
           class: "pos-relative"
         }, null, 8, ["product", "user"])) : createCommentVNode("", true),
-        createVNode(_sfc_main$2)
+        createElementVNode("div", _hoisted_2, [
+          _cache[0] || (_cache[0] = createElementVNode("h3", { class: "pd-medium pd-b-small" }, "Most Popular", -1)),
+          createVNode(_sfc_main$2)
+        ])
       ]);
     };
   }