@ozdao/prometheus-framework 0.2.199 → 0.2.201

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

@@ -1,80 +1,98 @@
-import { openBlock as o, createElementBlock as i, createElementVNode as e, toDisplayString as s, createCommentVNode as n } from "vue";
+import { openBlock, createElementBlock, createElementVNode, toDisplayString, createCommentVNode } from "vue";
 /* empty css         */
-const r = {
+const _hoisted_1 = {
   key: 0,
   class: "thc"
-}, h = { class: "t-bold t-white" }, l = /* @__PURE__ */ e("p", { class: "t-white h6" }, "THC", -1), d = {
+};
+const _hoisted_2 = { class: "t-bold t-white" };
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("p", { class: "t-white h6" }, "THC", -1);
+const _hoisted_4 = {
   key: 0,
   width: "60",
   height: "66",
   viewBox: "0 0 60 66",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, c = /* @__PURE__ */ e("path", {
+};
+const _hoisted_5 = /* @__PURE__ */ createElementVNode("path", {
   fill: "#FF0000",
   stroke: "rgb(var(--white))",
   "stroke-width": "3",
   d: "M26 3.3094C28.4752 1.88034 31.5248 1.88034 34 3.3094L53.7128 14.6906C56.188 16.1197 57.7128 18.7607 57.7128 21.6188V44.3812C57.7128 47.2393 56.188 49.8803 53.7128 51.3094L34 62.6906C31.5248 64.1197 28.4752 64.1197 26 62.6906L6.28719 51.3094C3.81198 49.8803 2.28719 47.2393 2.28719 44.3812V21.6188C2.28719 18.7607 3.81198 16.1197 6.28719 14.6906L26 3.3094Z"
-}, null, -1), a = [
-  c
-], u = {
+}, null, -1);
+const _hoisted_6 = [
+  _hoisted_5
+];
+const _hoisted_7 = {
   key: 1,
   width: "60",
   height: "66",
   viewBox: "0 0 60 66",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, w = /* @__PURE__ */ e("path", {
+};
+const _hoisted_8 = /* @__PURE__ */ createElementVNode("path", {
   fill: "#FF0099",
   stroke: "rgb(var(--white))",
   "stroke-width": "3",
   d: "M26 3.3094C28.4752 1.88034 31.5248 1.88034 34 3.3094L53.7128 14.6906C56.188 16.1197 57.7128 18.7607 57.7128 21.6188V44.3812C57.7128 47.2393 56.188 49.8803 53.7128 51.3094L34 62.6906C31.5248 64.1197 28.4752 64.1197 26 62.6906L6.28719 51.3094C3.81198 49.8803 2.28719 47.2393 2.28719 44.3812V21.6188C2.28719 18.7607 3.81198 16.1197 6.28719 14.6906L26 3.3094Z"
-}, null, -1), m = [
-  w
-], C = {
+}, null, -1);
+const _hoisted_9 = [
+  _hoisted_8
+];
+const _hoisted_10 = {
   key: 2,
   width: "60",
   height: "66",
   viewBox: "0 0 60 66",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, v = /* @__PURE__ */ e("path", {
+};
+const _hoisted_11 = /* @__PURE__ */ createElementVNode("path", {
   fill: "#EB00FF",
   stroke: "rgb(var(--white))",
   "stroke-width": "3",
   d: "M26 3.3094C28.4752 1.88034 31.5248 1.88034 34 3.3094L53.7128 14.6906C56.188 16.1197 57.7128 18.7607 57.7128 21.6188V44.3812C57.7128 47.2393 56.188 49.8803 53.7128 51.3094L34 62.6906C31.5248 64.1197 28.4752 64.1197 26 62.6906L6.28719 51.3094C3.81198 49.8803 2.28719 47.2393 2.28719 44.3812V21.6188C2.28719 18.7607 3.81198 16.1197 6.28719 14.6906L26 3.3094Z"
-}, null, -1), _ = [
-  v
-], g = {
+}, null, -1);
+const _hoisted_12 = [
+  _hoisted_11
+];
+const _hoisted_13 = {
   key: 3,
   width: "60",
   height: "66",
   viewBox: "0 0 60 66",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, f = /* @__PURE__ */ e("path", {
+};
+const _hoisted_14 = /* @__PURE__ */ createElementVNode("path", {
   fill: "#00FF29",
   stroke: "rgb(var(--white))",
   "stroke-width": "3",
   d: "M26 3.3094C28.4752 1.88034 31.5248 1.88034 34 3.3094L53.7128 14.6906C56.188 16.1197 57.7128 18.7607 57.7128 21.6188V44.3812C57.7128 47.2393 56.188 49.8803 53.7128 51.3094L34 62.6906C31.5248 64.1197 28.4752 64.1197 26 62.6906L6.28719 51.3094C3.81198 49.8803 2.28719 47.2393 2.28719 44.3812V21.6188C2.28719 18.7607 3.81198 16.1197 6.28719 14.6906L26 3.3094Z"
-}, null, -1), L = [
-  f
-], V = {
+}, null, -1);
+const _hoisted_15 = [
+  _hoisted_14
+];
+const _sfc_main = {
   __name: "THC",
   props: {
     product: Object
   },
-  setup(t) {
-    return (k, p) => t.product.information[1] ? (o(), i("div", r, [
-      e("p", h, s(t.product.information[1].value) + " %", 1),
-      l,
-      Number(t.product.information[1].value) >= 18 ? (o(), i("svg", d, a)) : n("", !0),
-      Number(t.product.information[1].value) <= 18 && Number(t.product.information[1].value) >= 14 ? (o(), i("svg", u, m)) : n("", !0),
-      Number(t.product.information[1].value) <= 14 && Number(t.product.information[1].value) >= 10 ? (o(), i("svg", C, _)) : n("", !0),
-      Number(t.product.information[1].value) <= 10 ? (o(), i("svg", g, L)) : n("", !0)
-    ])) : n("", !0);
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return __props.product.information[1] ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("p", _hoisted_2, toDisplayString(__props.product.information[1].value) + " %", 1),
+        _hoisted_3,
+        Number(__props.product.information[1].value) >= 18 ? (openBlock(), createElementBlock("svg", _hoisted_4, _hoisted_6)) : createCommentVNode("", true),
+        Number(__props.product.information[1].value) <= 18 && Number(__props.product.information[1].value) >= 14 ? (openBlock(), createElementBlock("svg", _hoisted_7, _hoisted_9)) : createCommentVNode("", true),
+        Number(__props.product.information[1].value) <= 14 && Number(__props.product.information[1].value) >= 10 ? (openBlock(), createElementBlock("svg", _hoisted_10, _hoisted_12)) : createCommentVNode("", true),
+        Number(__props.product.information[1].value) <= 10 ? (openBlock(), createElementBlock("svg", _hoisted_13, _hoisted_15)) : createCommentVNode("", true)
+      ])) : createCommentVNode("", true);
+    };
   }
 };
 export {
-  V as default
+  _sfc_main as default
 };
+//# sourceMappingURL=THC.vue.js.map

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

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

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

@@ -1 +1,92 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("../../../../../../node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.cjs"),l=require("vue-router"),t=require("../../store/categories.cjs"),d=require("../../../../components/Button/Button.vue2.cjs"),m=require("../../../../components/Block/Block.vue.cjs"),g=require("../blocks/CardCategory.vue.cjs"),f={class:"pd-thin"},p=e.createElementVNode("h1",{class:"mn-r-auto"}," Product Categories ",-1),_={__name:"Categories",setup(C){l.useRoute(),l.useRouter(),e.onMounted(async()=>{await t.actions.fetchCategories()});function s(){t.state.all.forEach((r,a)=>{r.order=a}),o()}async function o(){await t.actions.updateCategories(t.state.all)}async function i(r){confirm(`Are you sure you want to delete the category "${r.name}"?`)?await t.actions.deleteCategory(r.url):alert("Category deletion cancelled")}return(r,a)=>{const u=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("div",f,[e.createVNode(m.default,{class:"radius-big mn-b-thin flex-nowrap flex-v-center flex"},{default:e.withCtx(()=>[p,e.createVNode(u,{to:{name:"CategoryAdd",params:{_id:r.$route.params._id}},class:"mn-r-medium uppercase t-medium pd-small radius-big bg-white nav-link"},{default:e.withCtx(()=>[e.createTextVNode(" Add category ")]),_:1},8,["to"]),e.createVNode(d.default,{onClick:o,class:"pd-small radius-big bg-black t-white uppercase t-medium"},{default:e.withCtx(()=>[e.createTextVNode(" Change Order ")]),_:1})]),_:1}),e.createVNode(e.unref(c.VueDraggableNext),{class:"dragArea list-group w-full",list:t.state.all,"item-key":"order",onEnd:s},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.state.all,(n,h)=>(e.openBlock(),e.createBlock(g.default,{key:n.id,category:n,onDelete:i,class:"pd-medium bg-light radius-medium mn-b-thin"},null,8,["category"]))),128))]),_:1},8,["list"])])}}};exports.default=_;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueDraggableNext_esmBundler = require("../../../../../../node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.cjs");
+const vueRouter = require("vue-router");
+const categories = require("../../store/categories.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Block = require("../../../../components/Block/Block.vue.cjs");
+const CardCategory = require("../blocks/CardCategory.vue.cjs");
+const _hoisted_1 = { class: "pd-thin" };
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("h1", { class: "mn-r-auto" }, " Product Categories ", -1);
+const _sfc_main = {
+  __name: "Categories",
+  setup(__props) {
+    vueRouter.useRoute();
+    vueRouter.useRouter();
+    vue.onMounted(async () => {
+      await categories.actions.fetchCategories();
+    });
+    function updateOrder() {
+      categories.state.all.forEach((category, index) => {
+        category.order = index;
+      });
+      updateCategoriesOrder();
+    }
+    async function updateCategoriesOrder() {
+      await categories.actions.updateCategories(categories.state.all);
+    }
+    async function deleteCategory(category) {
+      const isConfirmed = confirm(`Are you sure you want to delete the category "${category.name}"?`);
+      if (isConfirmed) {
+        await categories.actions.deleteCategory(category.url);
+      } else {
+        alert("Category deletion cancelled");
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_router_link = vue.resolveComponent("router-link");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(Block.default, { class: "radius-big mn-b-thin flex-nowrap flex-v-center flex" }, {
+          default: vue.withCtx(() => [
+            _hoisted_2,
+            vue.createVNode(_component_router_link, {
+              to: {
+                name: "CategoryAdd",
+                params: {
+                  _id: _ctx.$route.params._id
+                }
+              },
+              class: "mn-r-medium uppercase t-medium pd-small radius-big bg-white nav-link"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(" Add category ")
+              ]),
+              _: 1
+            }, 8, ["to"]),
+            vue.createVNode(Button.default, {
+              onClick: updateCategoriesOrder,
+              class: "pd-small radius-big bg-black t-white uppercase t-medium"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(" Change Order ")
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        vue.createVNode(vue.unref(vueDraggableNext_esmBundler.VueDraggableNext), {
+          class: "dragArea list-group w-full",
+          list: categories.state.all,
+          "item-key": "order",
+          onEnd: updateOrder
+        }, {
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(categories.state.all, (category, index) => {
+              return vue.openBlock(), vue.createBlock(CardCategory.default, {
+                key: category.id,
+                category,
+                onDelete: deleteCategory,
+                class: "pd-medium bg-light radius-medium mn-b-thin"
+              }, null, 8, ["category"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["list"])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Categories.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Categories.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/Categories.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <Block class=\"radius-big mn-b-thin flex-nowrap flex-v-center flex\">\n      <h1 class=\"mn-r-auto\">\n        Product Categories\n      </h1>\n\n      <router-link \n        :to=\"{\n          name: 'CategoryAdd', \n          params: { \n            _id: $route.params._id\n          } \n        }\"\n        class=\"mn-r-medium uppercase t-medium pd-small radius-big  bg-white nav-link\"\n      >\n        Add category\n      </router-link>\n\n      <Button \n        @click=\"updateCategoriesOrder\" \n        class=\"pd-small radius-big bg-black t-white uppercase t-medium\"\n      >\n        Change Order\n      </Button>\n    </Block>\n\n    <VueDraggableNext \n      class=\"dragArea list-group w-full\" \n      :list=\"categories.state.all\" \n      item-key=\"order\" \n      @end=\"updateOrder\"\n    >\n      <CardCategory \n        v-for=\"(category, index) in categories.state.all\"\n        :key=\"category.id\"\n        :category=\"category\" \n        @delete=\"deleteCategory\"\n        class=\"pd-medium bg-light radius-medium mn-b-thin\"\n      />\n    </VueDraggableNext>\n  </div>\n</template>\n\n<script setup>\n  import { onMounted } from 'vue';\n  import { VueDraggableNext } from 'vue-draggable-next';\n\n  import { useRoute, useRouter } from 'vue-router';\n\n  import * as categories from '@pf/src/modules/products/store/categories'; \n\n  const route = useRoute();\n  const router = useRouter();\n\n  import Button from \"@pf/src/components/Button/Button.vue\";\n  import Block from '@pf/src/components/Block/Block.vue';\n  import CardCategory from '@pf/src/modules/products/components/blocks/CardCategory.vue';\n\n  onMounted(async () => {\n    await categories.actions.fetchCategories();\n  });\n\n  function updateOrder() {\n    categories.state.all.forEach((category, index) => {\n      category.order = index;\n    });\n    updateCategoriesOrder();\n  }\n\n  async function updateCategoriesOrder() {\n    await categories.actions.updateCategories(categories.state.all);\n  }\n\n  async function deleteCategory(category) {\n  // Запрашиваем подтверждение у пользователя\n    const isConfirmed = confirm(`Are you sure you want to delete the category \"${category.name}\"?`);\n    \n    // Если пользователь подтвердил удаление, продолжаем процесс\n    if (isConfirmed) {\n      await categories.actions.deleteCategory(category.url);\n    } else {\n      alert('Category deletion cancelled'); \n    }\n  }\n\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["useRoute","useRouter","onMounted","categories.actions","categories.state"],"mappings":";;;;;;;;;;;;;;AAoDgBA,uBAAW;AACVC,wBAAY;AAM3BC,QAAAA,UAAU,YAAY;AACpB,YAAMC,WAAAA,QAAmB;IAC7B,CAAG;AAED,aAAS,cAAc;AACrBC,iBAAAA,MAAiB,IAAI,QAAQ,CAAC,UAAU,UAAU;AAChD,iBAAS,QAAQ;AAAA,MACvB,CAAK;AACD;IACD;AAED,mBAAe,wBAAwB;AACrC,YAAMD,mBAAmB,iBAAiBC,WAAgB,MAAC,GAAG;AAAA,IAC/D;AAED,mBAAe,eAAe,UAAU;AAEtC,YAAM,cAAc,QAAQ,iDAAiD,SAAS,IAAI,IAAI;AAG9F,UAAI,aAAa;AACf,cAAMD,mBAAmB,eAAe,SAAS,GAAG;AAAA,MAC1D,OAAW;AACL,cAAM,6BAA6B;AAAA,MACpC;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,72 +1,84 @@
-import { onMounted as p, resolveComponent as _, openBlock as i, createElementBlock as d, createVNode as t, withCtx as r, createTextVNode as m, unref as g, Fragment as h, renderList as C, createBlock as y, createElementVNode as b } from "vue";
-import { VueDraggableNext as k } from "../../../../../../node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.js";
-import { useRoute as w, useRouter as x } from "vue-router";
-import { actions as n, state as a } from "../../store/categories.js";
-import $ from "../../../../components/Button/Button.vue2.js";
-import v from "../../../../components/Block/Block.vue.js";
-import A from "../blocks/CardCategory.vue.js";
-const E = { class: "pd-thin" }, N = /* @__PURE__ */ b("h1", { class: "mn-r-auto" }, " Product Categories ", -1), T = {
+import { onMounted, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, unref, Fragment, renderList, createBlock, createElementVNode } from "vue";
+import { VueDraggableNext } from "../../../../../../node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.js";
+import { useRoute, useRouter } from "vue-router";
+import { actions, state } from "../../store/categories.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
+import _sfc_main$3 from "../blocks/CardCategory.vue.js";
+const _hoisted_1 = { class: "pd-thin" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("h1", { class: "mn-r-auto" }, " Product Categories ", -1);
+const _sfc_main = {
   __name: "Categories",
-  setup(V) {
-    w(), x(), p(async () => {
-      await n.fetchCategories();
+  setup(__props) {
+    useRoute();
+    useRouter();
+    onMounted(async () => {
+      await actions.fetchCategories();
     });
-    function c() {
-      a.all.forEach((e, o) => {
-        e.order = o;
-      }), l();
+    function updateOrder() {
+      state.all.forEach((category, index) => {
+        category.order = index;
+      });
+      updateCategoriesOrder();
     }
-    async function l() {
-      await n.updateCategories(a.all);
+    async function updateCategoriesOrder() {
+      await actions.updateCategories(state.all);
     }
-    async function u(e) {
-      confirm(`Are you sure you want to delete the category "${e.name}"?`) ? await n.deleteCategory(e.url) : alert("Category deletion cancelled");
+    async function deleteCategory(category) {
+      const isConfirmed = confirm(`Are you sure you want to delete the category "${category.name}"?`);
+      if (isConfirmed) {
+        await actions.deleteCategory(category.url);
+      } else {
+        alert("Category deletion cancelled");
+      }
     }
-    return (e, o) => {
-      const f = _("router-link");
-      return i(), d("div", E, [
-        t(v, { class: "radius-big mn-b-thin flex-nowrap flex-v-center flex" }, {
-          default: r(() => [
-            N,
-            t(f, {
+    return (_ctx, _cache) => {
+      const _component_router_link = resolveComponent("router-link");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, { class: "radius-big mn-b-thin flex-nowrap flex-v-center flex" }, {
+          default: withCtx(() => [
+            _hoisted_2,
+            createVNode(_component_router_link, {
               to: {
                 name: "CategoryAdd",
                 params: {
-                  _id: e.$route.params._id
+                  _id: _ctx.$route.params._id
                 }
               },
               class: "mn-r-medium uppercase t-medium pd-small radius-big bg-white nav-link"
             }, {
-              default: r(() => [
-                m(" Add category ")
+              default: withCtx(() => [
+                createTextVNode(" Add category ")
               ]),
               _: 1
             }, 8, ["to"]),
-            t($, {
-              onClick: l,
+            createVNode(_sfc_main$2, {
+              onClick: updateCategoriesOrder,
               class: "pd-small radius-big bg-black t-white uppercase t-medium"
             }, {
-              default: r(() => [
-                m(" Change Order ")
+              default: withCtx(() => [
+                createTextVNode(" Change Order ")
               ]),
               _: 1
             })
           ]),
           _: 1
         }),
-        t(g(k), {
+        createVNode(unref(VueDraggableNext), {
           class: "dragArea list-group w-full",
-          list: a.all,
+          list: state.all,
           "item-key": "order",
-          onEnd: c
+          onEnd: updateOrder
         }, {
-          default: r(() => [
-            (i(!0), d(h, null, C(a.all, (s, B) => (i(), y(A, {
-              key: s.id,
-              category: s,
-              onDelete: u,
-              class: "pd-medium bg-light radius-medium mn-b-thin"
-            }, null, 8, ["category"]))), 128))
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(state.all, (category, index) => {
+              return openBlock(), createBlock(_sfc_main$3, {
+                key: category.id,
+                category,
+                onDelete: deleteCategory,
+                class: "pd-medium bg-light radius-medium mn-b-thin"
+              }, null, 8, ["category"]);
+            }), 128))
           ]),
           _: 1
         }, 8, ["list"])
@@ -75,5 +87,6 @@ const E = { class: "pd-thin" }, N = /* @__PURE__ */ b("h1", { class: "mn-r-auto"
   }
 };
 export {
-  T as default
+  _sfc_main as default
 };
+//# sourceMappingURL=Categories.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Categories.vue.js","sources":["../../../../../../../src/modules/products/components/pages/Categories.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <Block class=\"radius-big mn-b-thin flex-nowrap flex-v-center flex\">\n      <h1 class=\"mn-r-auto\">\n        Product Categories\n      </h1>\n\n      <router-link \n        :to=\"{\n          name: 'CategoryAdd', \n          params: { \n            _id: $route.params._id\n          } \n        }\"\n        class=\"mn-r-medium uppercase t-medium pd-small radius-big  bg-white nav-link\"\n      >\n        Add category\n      </router-link>\n\n      <Button \n        @click=\"updateCategoriesOrder\" \n        class=\"pd-small radius-big bg-black t-white uppercase t-medium\"\n      >\n        Change Order\n      </Button>\n    </Block>\n\n    <VueDraggableNext \n      class=\"dragArea list-group w-full\" \n      :list=\"categories.state.all\" \n      item-key=\"order\" \n      @end=\"updateOrder\"\n    >\n      <CardCategory \n        v-for=\"(category, index) in categories.state.all\"\n        :key=\"category.id\"\n        :category=\"category\" \n        @delete=\"deleteCategory\"\n        class=\"pd-medium bg-light radius-medium mn-b-thin\"\n      />\n    </VueDraggableNext>\n  </div>\n</template>\n\n<script setup>\n  import { onMounted } from 'vue';\n  import { VueDraggableNext } from 'vue-draggable-next';\n\n  import { useRoute, useRouter } from 'vue-router';\n\n  import * as categories from '@pf/src/modules/products/store/categories'; \n\n  const route = useRoute();\n  const router = useRouter();\n\n  import Button from \"@pf/src/components/Button/Button.vue\";\n  import Block from '@pf/src/components/Block/Block.vue';\n  import CardCategory from '@pf/src/modules/products/components/blocks/CardCategory.vue';\n\n  onMounted(async () => {\n    await categories.actions.fetchCategories();\n  });\n\n  function updateOrder() {\n    categories.state.all.forEach((category, index) => {\n      category.order = index;\n    });\n    updateCategoriesOrder();\n  }\n\n  async function updateCategoriesOrder() {\n    await categories.actions.updateCategories(categories.state.all);\n  }\n\n  async function deleteCategory(category) {\n  // Запрашиваем подтверждение у пользователя\n    const isConfirmed = confirm(`Are you sure you want to delete the category \"${category.name}\"?`);\n    \n    // Если пользователь подтвердил удаление, продолжаем процесс\n    if (isConfirmed) {\n      await categories.actions.deleteCategory(category.url);\n    } else {\n      alert('Category deletion cancelled'); \n    }\n  }\n\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["categories.actions","categories.state"],"mappings":";;;;;;;;;;;;AAoDgB,aAAW;AACV,cAAY;AAM3B,cAAU,YAAY;AACpB,YAAMA,QAAmB;IAC7B,CAAG;AAED,aAAS,cAAc;AACrBC,YAAiB,IAAI,QAAQ,CAAC,UAAU,UAAU;AAChD,iBAAS,QAAQ;AAAA,MACvB,CAAK;AACD;IACD;AAED,mBAAe,wBAAwB;AACrC,YAAMD,QAAmB,iBAAiBC,MAAiB,GAAG;AAAA,IAC/D;AAED,mBAAe,eAAe,UAAU;AAEtC,YAAM,cAAc,QAAQ,iDAAiD,SAAS,IAAI,IAAI;AAG9F,UAAI,aAAa;AACf,cAAMD,QAAmB,eAAe,SAAS,GAAG;AAAA,MAC1D,OAAW;AACL,cAAM,6BAA6B;AAAA,MACpC;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1,220 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("vue-router"),i=require("../../../icons/navigation/IconDelete.vue.cjs"),f=require("../../../../components/Button/Button.vue2.cjs"),g=require("../../../../components/Select/Select.vue2.cjs"),d=require("../../../../components/Field/Field.vue2.cjs"),n=require("../../../../components/Block/Block.vue.cjs"),l=require("../../store/categories.cjs");;/* empty css                    */const b={class:"mn-r-auto"},h={class:"mn-b-medium w-100 flex-nowrap gap-thin flex"},w={class:"flex-v-center flex-nowrap flex"},x=e.createElementVNode("h4",{class:"mn-r-thin t-medium"},"Localization",-1),N=["onClick"],k=["onClick"],V=["onClick"],y={__name:"CategoryEdit",setup(C){const o=c.useRoute(),u=c.useRouter();o.params.category?l.actions.fetchCategory(o.params.category):l.actions.resetCategory(),e.computed(()=>l.state.current),e.computed(()=>o.name);function m(){o.params.category?l.actions.updateCategory(o.params.category):l.actions.addCategory()}function p(){u.push({name:"Categories Organization",params:{_id:o.params._id}})}return(_,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(n.default,{class:"radius-big mn-b-thin flex-nowrap flex-v-center flex"},{default:e.withCtx(()=>[e.createElementVNode("h1",b,e.toDisplayString(e.unref(o).params.category?"Edit Category":"Add Category"),1),e.createVNode(f.default,{submit:m,callback:p,class:"pd-small radius-big bg-main t-black uppercase t-medium"},{default:e.withCtx(()=>[e.createTextVNode(" Save Category ")]),_:1})]),_:1}),e.createVNode(n.default,{title:"Profile",class:"mn-b-thin"},{default:e.withCtx(()=>[e.createElementVNode("div",h,[e.createVNode(d.default,{field:l.state.current.order,"onUpdate:field":r[0]||(r[0]=t=>l.state.current.order=t),label:"Order",disabled:!0,class:"w-25 bg-white radius-small pd-medium"},null,8,["field"]),e.createVNode(d.default,{field:l.state.current.url,"onUpdate:field":r[1]||(r[1]=t=>l.state.current.url=t),label:"URL",placeholder:"Enter category URL",class:"w-100 bg-white radius-small pd-medium"},null,8,["field"]),e.createVNode(d.default,{field:l.state.current.name,"onUpdate:field":r[2]||(r[2]=t=>l.state.current.name=t),label:"Name",placeholder:"Enter category name",class:"w-100 bg-white radius-small pd-medium"},null,8,["field"])]),e.createVNode(g.default,{select:l.state.current.status,"onUpdate:select":r[3]||(r[3]=t=>l.state.current.status=t),label:"Status",options:["draft","internal","published","removed"],placeholder:"Display product",class:"pos-relative w-100 mn-b-small bg-white radius-small pd-medium"},null,8,["select"]),e.createElementVNode("div",w,[x,e.createElementVNode("button",{onClick:r[4]||(r[4]=()=>l.state.current.localization.push({locale:"",text:""})),class:"i-small pd-thin button-delete button"}," + ")]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.state.current.localization,(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:"gap-thin mn-b-thin flex-nowrap flex",key:s},[e.createVNode(d.default,{field:t.locale,"onUpdate:field":a=>t.locale=a,placeholder:"Locale",class:"w-100 bg-white radius-small pd-medium"},null,8,["field","onUpdate:field"]),e.createVNode(d.default,{field:t.text,"onUpdate:field":a=>t.text=a,placeholder:"Text",class:"w-100 bg-white radius-small pd-medium"},null,8,["field","onUpdate:field"]),e.createElementVNode("div",{onClick:()=>l.state.current.localization.splice(s,1),class:"radius-small pd-small flex-center flex aspect-1x1 bg-red"},[e.createVNode(i.default,{class:"i-medium"})],8,N)]))),128))]),_:1}),e.createVNode(n.default,{title:"Subcategories",placeholder:"No subcategories added yet",actions:[{label:"+",function:()=>l.state.current.subcategories.push({name:"",url:""})}],class:"mn-b-thin"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.state.current.subcategories,(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:"gap-thin mn-b-thin flex-nowrap flex",key:s},[e.createVNode(d.default,{field:t.name,"onUpdate:field":a=>t.name=a,placeholder:"Subcategory name",class:"w-100 bg-white radius-small pd-medium"},null,8,["field","onUpdate:field"]),e.createVNode(d.default,{field:t.url,"onUpdate:field":a=>t.url=a,placeholder:"Subcategory",class:"w-100 bg-white radius-small pd-medium"},null,8,["field","onUpdate:field"]),e.createElementVNode("div",{onClick:()=>l.state.current.subcategories.splice(s,1),class:"radius-small pd-small flex-center flex aspect-1x1 bg-red"},[e.createVNode(i.default,{class:"i-medium"})],8,k)]))),128))]),_:1},8,["actions"]),e.createVNode(n.default,{title:"Filters",placeholder:"No filters added yet",actions:[{label:"+",function:()=>l.state.current.filters.push({name:"",url:""})}]},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.state.current.filters,(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:"gap-thin mn-b-thin flex-nowrap flex",key:s},[e.createVNode(d.default,{field:t.name,"onUpdate:field":a=>t.name=a,placeholder:"Filter name",class:"w-100 bg-white radius-small pd-medium"},null,8,["field","onUpdate:field"]),e.createVNode(d.default,{field:t.options,"onUpdate:field":a=>t.options=a,placeholder:"Filter options divided by ,",class:"w-100 bg-white radius-small pd-medium"},null,8,["field","onUpdate:field"]),e.createElementVNode("div",{onClick:()=>l.state.current.filters.splice(s,1),class:"radius-small pd-small flex-center flex aspect-1x1 bg-red"},[e.createVNode(i.default,{class:"i-medium"})],8,V)]))),128))]),_:1},8,["actions"])],64))}};exports.default=y;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+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.vue2.cjs");
+const Field = require("../../../../components/Field/Field.vue2.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_5 = ["onClick"];
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = ["onClick"];
+const _sfc_main = {
+  __name: "CategoryEdit",
+  setup(__props) {
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    if (route.params.category) {
+      categories.actions.fetchCategory(route.params.category);
+    } else {
+      categories.actions.resetCategory();
+    }
+    vue.computed(() => categories.state.current);
+    vue.computed(() => route.name);
+    function onSubmit() {
+      if (route.params.category) {
+        categories.actions.updateCategory(route.params.category);
+      } else {
+        categories.actions.addCategory();
+      }
+    }
+    function redirectTo() {
+      router.push({
+        name: "Categories Organization",
+        params: {
+          _id: route.params._id
+        }
+      });
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createVNode(Block.default, { class: "radius-big mn-b-thin flex-nowrap flex-v-center flex" }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("h1", _hoisted_1, vue.toDisplayString(vue.unref(route).params.category ? "Edit Category" : "Add Category"), 1),
+            vue.createVNode(Button.default, {
+              submit: onSubmit,
+              callback: redirectTo,
+              class: "pd-small radius-big bg-main t-black uppercase t-medium"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(" Save Category ")
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        vue.createVNode(Block.default, {
+          title: "Profile",
+          class: "mn-b-thin"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_2, [
+              vue.createVNode(Field.default, {
+                field: categories.state.current.order,
+                "onUpdate:field": _cache[0] || (_cache[0] = ($event) => categories.state.current.order = $event),
+                label: "Order",
+                disabled: true,
+                class: "w-25 bg-white radius-small pd-medium"
+              }, null, 8, ["field"]),
+              vue.createVNode(Field.default, {
+                field: categories.state.current.url,
+                "onUpdate:field": _cache[1] || (_cache[1] = ($event) => categories.state.current.url = $event),
+                label: "URL",
+                placeholder: "Enter category URL",
+                class: "w-100 bg-white radius-small pd-medium"
+              }, null, 8, ["field"]),
+              vue.createVNode(Field.default, {
+                field: categories.state.current.name,
+                "onUpdate:field": _cache[2] || (_cache[2] = ($event) => categories.state.current.name = $event),
+                label: "Name",
+                placeholder: "Enter category name",
+                class: "w-100 bg-white radius-small pd-medium"
+              }, null, 8, ["field"])
+            ]),
+            vue.createVNode(Select.default, {
+              select: categories.state.current.status,
+              "onUpdate:select": _cache[3] || (_cache[3] = ($event) => categories.state.current.status = $event),
+              label: "Status",
+              options: [
+                "draft",
+                "internal",
+                "published",
+                "removed"
+              ],
+              placeholder: "Display product",
+              class: "pos-relative w-100 mn-b-small bg-white radius-small pd-medium"
+            }, null, 8, ["select"]),
+            vue.createElementVNode("div", _hoisted_3, [
+              _hoisted_4,
+              vue.createElementVNode("button", {
+                onClick: _cache[4] || (_cache[4] = () => categories.state.current.localization.push({ locale: "", text: "" })),
+                class: "i-small pd-thin button-delete button"
+              }, " + ")
+            ]),
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(categories.state.current.localization, (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.locale,
+                  "onUpdate:field": ($event) => item.locale = $event,
+                  placeholder: "Locale",
+                  class: "w-100 bg-white radius-small pd-medium"
+                }, null, 8, ["field", "onUpdate:field"]),
+                vue.createVNode(Field.default, {
+                  field: item.text,
+                  "onUpdate:field": ($event) => item.text = $event,
+                  placeholder: "Text",
+                  class: "w-100 bg-white radius-small pd-medium"
+                }, null, 8, ["field", "onUpdate:field"]),
+                vue.createElementVNode("div", {
+                  onClick: () => categories.state.current.localization.splice(index, 1),
+                  class: "radius-small pd-small flex-center flex aspect-1x1 bg-red"
+                }, [
+                  vue.createVNode(IconDelete.default, { class: "i-medium" })
+                ], 8, _hoisted_5)
+              ]);
+            }), 128))
+          ]),
+          _: 1
+        }),
+        vue.createVNode(Block.default, {
+          title: "Subcategories",
+          placeholder: "No subcategories added yet",
+          actions: [{
+            label: "+",
+            function: () => categories.state.current.subcategories.push({ name: "", url: "" })
+          }],
+          class: "mn-b-thin"
+        }, {
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(categories.state.current.subcategories, (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.subcategories.splice(index, 1),
+                  class: "radius-small pd-small flex-center flex aspect-1x1 bg-red"
+                }, [
+                  vue.createVNode(IconDelete.default, { class: "i-medium" })
+                ], 8, _hoisted_6)
+              ]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["actions"]),
+        vue.createVNode(Block.default, {
+          title: "Filters",
+          placeholder: "No filters added yet",
+          actions: [{
+            label: "+",
+            function: () => categories.state.current.filters.push({ name: "", url: "" })
+          }]
+        }, {
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(categories.state.current.filters, (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: "Filter name",
+                  class: "w-100 bg-white radius-small pd-medium"
+                }, null, 8, ["field", "onUpdate:field"]),
+                vue.createVNode(Field.default, {
+                  field: item.options,
+                  "onUpdate:field": ($event) => item.options = $event,
+                  placeholder: "Filter options divided by ,",
+                  class: "w-100 bg-white radius-small pd-medium"
+                }, null, 8, ["field", "onUpdate:field"]),
+                vue.createElementVNode("div", {
+                  onClick: () => categories.state.current.filters.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"])
+      ], 64);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=CategoryEdit.vue.cjs.map

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

@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}