@ozdao/prometheus-framework 0.2.323 → 0.2.324

package/dist/prometheus-framework/src/modules/backoffice/components/partials/Sidebar.vue.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Menu = require("../../../../components/Menu/Menu.vue2.cjs");
-const MenuItem = require("../../../../components/Menu/MenuItem.vue.cjs");
-;/* empty css                                                    */
+;/* empty css                                                   */
 const IconProducts = require("../../../icons/entities/IconProducts.vue.cjs");
+const IconPayments = require("../../../icons/entities/IconPayments.vue.cjs");
 const IconEvents = require("../../../icons/entities/IconEvents.vue.cjs");
 const IconGroups = require("../../../icons/entities/IconGroups.vue.cjs");
+const IconCommunity = require("../../../icons/entities/IconCommunity.vue.cjs");
 const IconGallery = require("../../../icons/entities/IconGallery.vue.cjs");
 const IconOrders = require("../../../icons/entities/IconOrders.vue.cjs");
 const IconLeftovers = require("../../../icons/entities/IconLeftovers.vue.cjs");
@@ -14,6 +14,11 @@ const vueRouter = require("vue-router");
 require("../../../auth/views/store/auth.cjs");
 require("../../../organizations/store/organizations.cjs");
 const _hoisted_1 = { class: "" };
+const _hoisted_2 = { class: "pd-semi" };
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "t-medium" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { class: "t-medium" };
 const _sfc_main = {
   __name: "Sidebar",
   props: {
@@ -24,171 +29,115 @@ const _sfc_main = {
     const router = vueRouter.useRouter();
     vue.ref(null);
     vue.ref([]);
+    const menuItems = [
+      {
+        name: "organizations",
+        title: "Organizations",
+        routeName: "Backoffice Organizations",
+        icon: IconGroups.default
+      },
+      {
+        name: "community",
+        title: "Community",
+        routeName: "Backoffice Community",
+        icon: IconCommunity.default
+      },
+      {
+        name: "products",
+        title: "Products",
+        routeName: "Products",
+        icon: IconProducts.default
+      },
+      {
+        name: "leftovers",
+        title: "Leftovers",
+        routeName: "Leftovers",
+        icon: IconLeftovers.default
+      },
+      {
+        name: "orders",
+        title: "Orders",
+        routeName: "Backoffice Orders",
+        icon: IconOrders.default
+      },
+      {
+        name: "gallery",
+        title: "Gallery",
+        routeName: "Backoffice Gallery",
+        icon: IconGallery.default
+      },
+      {
+        name: "events",
+        title: "Events",
+        routeName: "BackofficeEvents Backoffice",
+        icon: IconEvents.default
+      }
+    ];
+    const generalItems = [
+      {
+        name: "payments",
+        title: "Payments",
+        routeName: "Payments",
+        icon: IconPayments.default
+      },
+      {
+        name: "users",
+        title: "Users",
+        routeName: "Users",
+        icon: null
+      },
+      {
+        name: "pages",
+        title: "Pages",
+        routeName: "Backoffice Pages",
+        icon: null
+      },
+      {
+        name: "reports",
+        title: "Reports",
+        routeName: "Backoffice Reports",
+        icon: null
+      }
+    ];
     vue.onMounted(async () => {
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createVNode(Menu.default, { class: "bg-light mn-b-semi" }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(MenuItem.default, {
-              onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(router).push({
-                name: "Organization Members"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(IconGroups.default, {
-                  class: "i-semi",
-                  icon: true,
-                  fill: "rgb(var(--white))"
-                }),
-                _cache[11] || (_cache[11] = vue.createElementVNode("span", null, " Members ", -1))
-              ]),
-              _: 1
-            }),
-            vue.createVNode(MenuItem.default, {
-              onClick: _cache[1] || (_cache[1] = ($event) => vue.unref(router).push({
-                name: "Backoffice Community"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: vue.withCtx(() => _cache[12] || (_cache[12] = [
-                vue.createElementVNode("span", null, " Community ", -1)
-              ])),
-              _: 1
-            }),
-            vue.createVNode(MenuItem.default, {
-              onClick: _cache[2] || (_cache[2] = ($event) => vue.unref(router).push({
-                name: "Products"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(IconProducts.default, {
-                  class: "i-semi",
-                  icon: true,
-                  fill: "rgb(var(--white))"
-                }),
-                _cache[13] || (_cache[13] = vue.createElementVNode("span", null, " Products ", -1))
-              ]),
-              _: 1
-            }),
-            vue.createVNode(MenuItem.default, {
-              onClick: _cache[3] || (_cache[3] = ($event) => vue.unref(router).push({
-                name: "Leftovers"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(IconLeftovers.default, {
-                  class: "i-semi",
-                  icon: true,
-                  fill: "rgb(var(--white))"
-                }),
-                _cache[14] || (_cache[14] = vue.createElementVNode("span", null, " Leftovers ", -1))
-              ]),
-              _: 1
-            }),
-            vue.createVNode(MenuItem.default, {
-              onClick: _cache[4] || (_cache[4] = ($event) => vue.unref(router).push({
-                name: "Backoffice Orders"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(IconOrders.default, {
-                  class: "i-semi",
-                  icon: true,
-                  fill: "rgb(var(--white))"
-                }),
-                _cache[15] || (_cache[15] = vue.createElementVNode("span", null, " Orders ", -1))
-              ]),
-              _: 1
-            }),
-            vue.createVNode(MenuItem.default, {
-              onClick: _cache[5] || (_cache[5] = ($event) => vue.unref(router).push({
-                name: "Backoffice Gallery"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(IconGallery.default, {
-                  class: "i-semi",
-                  icon: true,
-                  fill: "rgb(var(--white))"
-                }),
-                _cache[16] || (_cache[16] = vue.createElementVNode("span", null, " Gallery ", -1))
-              ]),
-              _: 1
-            }),
-            vue.createVNode(MenuItem.default, {
-              onClick: _cache[6] || (_cache[6] = ($event) => vue.unref(router).push({
-                name: "Backoffice Events"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(IconEvents.default, {
-                  class: "i-semi",
-                  icon: true,
-                  fill: "rgb(var(--white))"
-                }),
-                _cache[17] || (_cache[17] = vue.createElementVNode("span", null, " Events ", -1))
-              ]),
-              _: 1
-            }),
-            vue.createVNode(MenuItem.default, {
-              onClick: _cache[7] || (_cache[7] = ($event) => vue.unref(router).push({
-                name: "Payments"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: vue.withCtx(() => _cache[18] || (_cache[18] = [
-                vue.createElementVNode("span", null, " Payments ", -1)
-              ])),
-              _: 1
-            })
-          ]),
-          _: 1
-        }),
-        vue.createVNode(Menu.default, { class: "bg-light" }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(MenuItem.default, {
-              onClick: _cache[8] || (_cache[8] = ($event) => vue.unref(router).push({
-                name: "Backoffice Organizations"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: vue.withCtx(() => _cache[19] || (_cache[19] = [
-                vue.createElementVNode("span", null, " Organizations ", -1)
-              ])),
-              _: 1
-            }),
-            vue.createVNode(MenuItem.default, {
-              onClick: _cache[9] || (_cache[9] = ($event) => vue.unref(router).push({
-                name: "Backoffice Pages"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: vue.withCtx(() => _cache[20] || (_cache[20] = [
-                vue.createElementVNode("span", null, " Pages ", -1)
-              ])),
-              _: 1
-            }),
-            vue.createVNode(MenuItem.default, {
-              onClick: _cache[10] || (_cache[10] = ($event) => vue.unref(router).push({
-                name: "Backoffice Reports"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: vue.withCtx(() => _cache[21] || (_cache[21] = [
-                vue.createElementVNode("span", null, " Reports ", -1)
-              ])),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
+        _cache[2] || (_cache[2] = vue.createElementVNode("div", { class: "br-b h3 h-4r pd-semi br-solid br-black-transp-10" }, "Backoffice", -1)),
+        vue.createElementVNode("div", _hoisted_2, [
+          _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "pd-thin uppercase t-medium t-transp" }, "Menu", -1)),
+          (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(menuItems, (item) => {
+            return vue.createElementVNode("div", {
+              key: item.name,
+              onClick: ($event) => vue.unref(router).push({ name: item.routeName }),
+              class: "flex pd-thin flex-v-center cursor-pointer"
+            }, [
+              item.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.icon), {
+                key: 0,
+                class: "i-regular mn-r-thin",
+                icon: true,
+                fill: "rgba(var(--black),0.25)"
+              })) : vue.createCommentVNode("", true),
+              vue.createElementVNode("span", _hoisted_4, vue.toDisplayString(item.title), 1)
+            ], 8, _hoisted_3);
+          }), 64)),
+          _cache[1] || (_cache[1] = vue.createElementVNode("span", { class: "pd-thin d-block mn-t-medium uppercase t-medium t-transp" }, "General", -1)),
+          (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(generalItems, (item) => {
+            return vue.createElementVNode("div", {
+              key: item.name,
+              onClick: ($event) => vue.unref(router).push({ name: item.routeName }),
+              class: "flex pd-thin flex-v-center cursor-pointer"
+            }, [
+              item.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.icon), {
+                key: 0,
+                class: "i-regular mn-r-thin",
+                icon: true,
+                fill: "rgba(var(--black),0.25)"
+              })) : vue.createCommentVNode("", true),
+              vue.createElementVNode("span", _hoisted_6, vue.toDisplayString(item.title), 1)
+            ], 8, _hoisted_5);
+          }), 64))
+        ])
       ]);
     };
   }

package/dist/prometheus-framework/src/modules/backoffice/components/partials/Sidebar.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.vue.cjs","sources":["../../../../../../../src/modules/backoffice/components/partials/Sidebar.vue"],"sourcesContent":["<template>\n  <div class=\"\">\n    <Menu \n      class=\"bg-light mn-b-semi\"\n    >\n      <MenuItem \n        @click=\"router.push({\n          name: 'Organization Members'\n        })\" \n        class=\"cursor-pointer\"\n      >\n        <IconGroups class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n        <span>\n          Members\n        </span>\n      </MenuItem>\n\n      <MenuItem \n        @click=\"router.push({\n          name: 'Backoffice Community'\n        })\" \n        class=\"cursor-pointer\">\n        <span>\n          Community\n        </span>\n      </MenuItem>\n\n      <MenuItem \n        @click=\"router.push({\n          name: 'Products'\n        })\" \n        class=\"cursor-pointer\">\n        <IconProducts class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n        <span>\n          Products\n        </span>\n      </MenuItem>\n\n      <MenuItem \n        @click=\"router.push({\n          name: 'Leftovers'\n        })\" \n        class=\"cursor-pointer\">\n        <IconLeftovers class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n        <span>\n          Leftovers\n        </span>\n      </MenuItem>\n\n      <MenuItem \n        @click=\"router.push({\n          name: 'Backoffice Orders'\n        })\" \n        class=\"cursor-pointer\">\n        <IconOrders class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n        <span>\n          Orders\n        </span>\n      </MenuItem>\n\n      <MenuItem \n        @click=\"router.push({\n          name: 'Backoffice Gallery'\n        })\" \n        class=\"cursor-pointer\">\n        <IconGallery class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n        <span>\n          Gallery\n        </span>\n      </MenuItem>\n      \n      <MenuItem \n        @click=\"router.push({\n          name: 'Backoffice Events'\n        })\" \n        class=\"cursor-pointer\">\n        <IconEvents class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n        <span>\n          Events\n        </span>\n      </MenuItem>\n\n      <MenuItem \n        @click=\"router.push({\n          name: 'Payments'\n        })\" \n        class=\"cursor-pointer\">\n        <span>\n          Payments\n        </span>\n      </MenuItem>\n    </Menu>\n\n    <Menu \n      class=\"bg-light\"\n    >\n      <MenuItem \n        @click=\"router.push({\n          name: 'Backoffice Organizations'\n        })\" \n        class=\"cursor-pointer\">\n        <span>\n          Organizations\n        </span>\n      </MenuItem>\n\n      <MenuItem \n        @click=\"router.push({\n          name: 'Backoffice Pages'\n        })\" \n        class=\"cursor-pointer\">\n        <span>\n          Pages\n        </span>\n      </MenuItem>\n\n      <MenuItem \n        @click=\"router.push({\n          name: 'Backoffice Reports'\n        })\" \n        class=\"cursor-pointer\">\n        <span>\n          Reports\n        </span>\n      </MenuItem>\n    </Menu>\n  </div>\n</template>\n\n\n<script setup=\"props\">\n/////////////////////////////\n// COMPONENT DEPENDENCIES\n/////////////////////////////\nimport { ref, onMounted } from 'vue';\n\n// Mobile Module\nimport Menu from '@pf/src/components/Menu/Menu.vue'\nimport MenuItem from '@pf/src/components/Menu/MenuItem.vue'\nimport SelectMulti    from '@pf/src/components/SelectMulti/SelectMulti.vue'\n\nimport IconProducts from '@pf/src/modules/icons/entities/IconProducts.vue'\nimport IconEvents from '@pf/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@pf/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@pf/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@pf/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@pf/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@pf/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\nimport * as auth  from '@pf/src/modules/auth/views/store/auth'\nimport * as organizations  from '@pf/src/modules/organizations/store/organizations'\n\nconst route = useRoute()\nconst router = useRouter()\n/////////////////////////////\n// CREATED\n/////////////////////////////\nconst props = defineProps({\n  favorites: Array,\n});\n\nconst selectedOrganization = ref(null);\nconst publics = ref([]);\n/////////////////////////////\n// MOUNTED\n/////////////////////////////\nonMounted(async () =>{\n})\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["useRoute","useRouter","ref","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA4JcA,cAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAQGC,QAAG,IAAC,IAAI;AACrBA,QAAG,IAAC,EAAE;AAItBC,QAAAA,UAAU,YAAW;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Sidebar.vue.cjs","sources":["../../../../../../../src/modules/backoffice/components/partials/Sidebar.vue"],"sourcesContent":["<template>\n  <div class=\"\">\n    <div class=\"br-b h3 h-4r pd-semi br-solid br-black-transp-10\">Backoffice</div>\n    <div class=\"pd-semi\">\n      <span class=\"pd-thin uppercase t-medium t-transp\">Menu</span>\n      <div \n        v-for=\"item in menuItems\" \n        :key=\"item.name\"\n        @click=\"router.push({ name: item.routeName })\" \n        class=\"flex pd-thin flex-v-center cursor-pointer\">\n        <component \n          v-if=\"item.icon\" \n          :is=\"item.icon\" \n          class=\"i-regular mn-r-thin\" \n          :icon=\"true\" \n          :fill=\"'rgba(var(--black),0.25)'\"\n        /> \n        <span class=\"t-medium\">{{ item.title }}</span>\n      </div>\n      \n      <span class=\"pd-thin d-block mn-t-medium uppercase t-medium t-transp\">General</span>\n      <div \n        v-for=\"item in generalItems\" \n        :key=\"item.name\"\n        @click=\"router.push({ name: item.routeName })\" \n        class=\"flex pd-thin flex-v-center cursor-pointer\">\n        <component \n          v-if=\"item.icon\" \n          :is=\"item.icon\" \n          class=\"i-regular mn-r-thin\" \n          :icon=\"true\" \n          :fill=\"'rgba(var(--black),0.25)'\"\n        /> \n        <span class=\"t-medium\">{{ item.title }}</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup=\"props\">\n/////////////////////////////\n// COMPONENT DEPENDENCIES\n/////////////////////////////\nimport { ref, onMounted } from 'vue';\n\n// Mobile Module\nimport SelectMulti from '@pf/src/components/SelectMulti/SelectMulti.vue'\n\nimport IconProducts from '@pf/src/modules/icons/entities/IconProducts.vue'\nimport IconPayments from '@pf/src/modules/icons/entities/IconPayments.vue'\nimport IconEvents from '@pf/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@pf/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@pf/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@pf/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@pf/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@pf/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\nimport * as auth from '@pf/src/modules/auth/views/store/auth'\nimport * as organizations from '@pf/src/modules/organizations/store/organizations'\n\nconst route = useRoute()\nconst router = useRouter()\n/////////////////////////////\n// CREATED\n/////////////////////////////\nconst props = defineProps({\n  favorites: Array,\n});\n\nconst selectedOrganization = ref(null);\nconst publics = ref([]);\n\n// Define menu items\nconst menuItems = [\n  {\n    name: 'organizations',\n    title: 'Organizations',\n    routeName: 'Backoffice Organizations',\n    icon: IconGroups\n  },\n  {\n    name: 'community',\n    title: 'Community',\n    routeName: 'Backoffice Community',\n    icon: IconCommunity\n  },\n  {\n    name: 'products',\n    title: 'Products',\n    routeName: 'Products',\n    icon: IconProducts\n  },\n  {\n    name: 'leftovers',\n    title: 'Leftovers',\n    routeName: 'Leftovers',\n    icon: IconLeftovers\n  },\n  {\n    name: 'orders',\n    title: 'Orders',\n    routeName: 'Backoffice Orders',\n    icon: IconOrders\n  },\n  {\n    name: 'gallery',\n    title: 'Gallery',\n    routeName: 'Backoffice Gallery',\n    icon: IconGallery\n  },\n  {\n    name: 'events',\n    title: 'Events',\n    routeName: 'BackofficeEvents Backoffice',\n    icon: IconEvents\n  }\n];\n\n// Define general items\nconst generalItems = [\n  {\n    name: 'payments',\n    title: 'Payments',\n    routeName: 'Payments',\n    icon: IconPayments\n  },\n  {\n    name: 'users',\n    title: 'Users',\n    routeName: 'Users',\n    icon: null\n  },\n  {\n    name: 'pages',\n    title: 'Pages',\n    routeName: 'Backoffice Pages',\n    icon: null\n  },\n  {\n    name: 'reports',\n    title: 'Reports',\n    routeName: 'Backoffice Reports',\n    icon: null\n  }\n];\n\n/////////////////////////////\n// MOUNTED\n/////////////////////////////\nonMounted(async () => {\n});\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["useRoute","useRouter","ref","IconGroups","IconCommunity","IconProducts","IconLeftovers","IconOrders","IconGallery","IconEvents","IconPayments","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEcA,cAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAQGC,QAAG,IAAC,IAAI;AACrBA,QAAG,IAAC,EAAE;AAGtB,UAAM,YAAY;AAAA,MAChB;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,WAAU;AAAA,MACjB;AAAA,MACD;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,cAAa;AAAA,MACpB;AAAA,MACD;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,aAAY;AAAA,MACnB;AAAA,MACD;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,cAAa;AAAA,MACpB;AAAA,MACD;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,WAAU;AAAA,MACjB;AAAA,MACD;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,YAAW;AAAA,MAClB;AAAA,MACD;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,WAAU;AAAA,MACjB;AAAA,IACH;AAGA,UAAM,eAAe;AAAA,MACnB;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,aAAY;AAAA,MACnB;AAAA,MACD;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACP;AAAA,MACD;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACP;AAAA,MACD;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACP;AAAA,IACH;AAKAC,QAAAA,UAAU,YAAY;AAAA,IACtB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/backoffice/components/partials/Sidebar.vue.js

@@ -1,17 +1,22 @@
-import { ref, onMounted, openBlock, createElementBlock, createVNode, withCtx, unref, createElementVNode } from "vue";
-import _sfc_main$1 from "../../../../components/Menu/Menu.vue2.js";
-import _sfc_main$2 from "../../../../components/Menu/MenuItem.vue.js";
-/* empty css                                                  */
-import _sfc_main$4 from "../../../icons/entities/IconProducts.vue.js";
-import _sfc_main$8 from "../../../icons/entities/IconEvents.vue.js";
-import _sfc_main$3 from "../../../icons/entities/IconGroups.vue.js";
-import _sfc_main$7 from "../../../icons/entities/IconGallery.vue.js";
-import _sfc_main$6 from "../../../icons/entities/IconOrders.vue.js";
-import _sfc_main$5 from "../../../icons/entities/IconLeftovers.vue.js";
+import { ref, onMounted, openBlock, createElementBlock, createElementVNode, Fragment, renderList, unref, createBlock, resolveDynamicComponent, createCommentVNode, toDisplayString } from "vue";
+/* empty css                                                 */
+import _sfc_main$3 from "../../../icons/entities/IconProducts.vue.js";
+import _sfc_main$8 from "../../../icons/entities/IconPayments.vue.js";
+import _sfc_main$7 from "../../../icons/entities/IconEvents.vue.js";
+import _sfc_main$1 from "../../../icons/entities/IconGroups.vue.js";
+import _sfc_main$2 from "../../../icons/entities/IconCommunity.vue.js";
+import _sfc_main$6 from "../../../icons/entities/IconGallery.vue.js";
+import _sfc_main$5 from "../../../icons/entities/IconOrders.vue.js";
+import _sfc_main$4 from "../../../icons/entities/IconLeftovers.vue.js";
 import { useRoute, useRouter } from "vue-router";
 import "../../../auth/views/store/auth.js";
 import "../../../organizations/store/organizations.js";
 const _hoisted_1 = { class: "" };
+const _hoisted_2 = { class: "pd-semi" };
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "t-medium" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { class: "t-medium" };
 const _sfc_main = {
   __name: "Sidebar",
   props: {
@@ -22,171 +27,115 @@ const _sfc_main = {
     const router = useRouter();
     ref(null);
     ref([]);
+    const menuItems = [
+      {
+        name: "organizations",
+        title: "Organizations",
+        routeName: "Backoffice Organizations",
+        icon: _sfc_main$1
+      },
+      {
+        name: "community",
+        title: "Community",
+        routeName: "Backoffice Community",
+        icon: _sfc_main$2
+      },
+      {
+        name: "products",
+        title: "Products",
+        routeName: "Products",
+        icon: _sfc_main$3
+      },
+      {
+        name: "leftovers",
+        title: "Leftovers",
+        routeName: "Leftovers",
+        icon: _sfc_main$4
+      },
+      {
+        name: "orders",
+        title: "Orders",
+        routeName: "Backoffice Orders",
+        icon: _sfc_main$5
+      },
+      {
+        name: "gallery",
+        title: "Gallery",
+        routeName: "Backoffice Gallery",
+        icon: _sfc_main$6
+      },
+      {
+        name: "events",
+        title: "Events",
+        routeName: "BackofficeEvents Backoffice",
+        icon: _sfc_main$7
+      }
+    ];
+    const generalItems = [
+      {
+        name: "payments",
+        title: "Payments",
+        routeName: "Payments",
+        icon: _sfc_main$8
+      },
+      {
+        name: "users",
+        title: "Users",
+        routeName: "Users",
+        icon: null
+      },
+      {
+        name: "pages",
+        title: "Pages",
+        routeName: "Backoffice Pages",
+        icon: null
+      },
+      {
+        name: "reports",
+        title: "Reports",
+        routeName: "Backoffice Reports",
+        icon: null
+      }
+    ];
     onMounted(async () => {
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_sfc_main$1, { class: "bg-light mn-b-semi" }, {
-          default: withCtx(() => [
-            createVNode(_sfc_main$2, {
-              onClick: _cache[0] || (_cache[0] = ($event) => unref(router).push({
-                name: "Organization Members"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: withCtx(() => [
-                createVNode(_sfc_main$3, {
-                  class: "i-semi",
-                  icon: true,
-                  fill: "rgb(var(--white))"
-                }),
-                _cache[11] || (_cache[11] = createElementVNode("span", null, " Members ", -1))
-              ]),
-              _: 1
-            }),
-            createVNode(_sfc_main$2, {
-              onClick: _cache[1] || (_cache[1] = ($event) => unref(router).push({
-                name: "Backoffice Community"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: withCtx(() => _cache[12] || (_cache[12] = [
-                createElementVNode("span", null, " Community ", -1)
-              ])),
-              _: 1
-            }),
-            createVNode(_sfc_main$2, {
-              onClick: _cache[2] || (_cache[2] = ($event) => unref(router).push({
-                name: "Products"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: withCtx(() => [
-                createVNode(_sfc_main$4, {
-                  class: "i-semi",
-                  icon: true,
-                  fill: "rgb(var(--white))"
-                }),
-                _cache[13] || (_cache[13] = createElementVNode("span", null, " Products ", -1))
-              ]),
-              _: 1
-            }),
-            createVNode(_sfc_main$2, {
-              onClick: _cache[3] || (_cache[3] = ($event) => unref(router).push({
-                name: "Leftovers"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: withCtx(() => [
-                createVNode(_sfc_main$5, {
-                  class: "i-semi",
-                  icon: true,
-                  fill: "rgb(var(--white))"
-                }),
-                _cache[14] || (_cache[14] = createElementVNode("span", null, " Leftovers ", -1))
-              ]),
-              _: 1
-            }),
-            createVNode(_sfc_main$2, {
-              onClick: _cache[4] || (_cache[4] = ($event) => unref(router).push({
-                name: "Backoffice Orders"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: withCtx(() => [
-                createVNode(_sfc_main$6, {
-                  class: "i-semi",
-                  icon: true,
-                  fill: "rgb(var(--white))"
-                }),
-                _cache[15] || (_cache[15] = createElementVNode("span", null, " Orders ", -1))
-              ]),
-              _: 1
-            }),
-            createVNode(_sfc_main$2, {
-              onClick: _cache[5] || (_cache[5] = ($event) => unref(router).push({
-                name: "Backoffice Gallery"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: withCtx(() => [
-                createVNode(_sfc_main$7, {
-                  class: "i-semi",
-                  icon: true,
-                  fill: "rgb(var(--white))"
-                }),
-                _cache[16] || (_cache[16] = createElementVNode("span", null, " Gallery ", -1))
-              ]),
-              _: 1
-            }),
-            createVNode(_sfc_main$2, {
-              onClick: _cache[6] || (_cache[6] = ($event) => unref(router).push({
-                name: "Backoffice Events"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: withCtx(() => [
-                createVNode(_sfc_main$8, {
-                  class: "i-semi",
-                  icon: true,
-                  fill: "rgb(var(--white))"
-                }),
-                _cache[17] || (_cache[17] = createElementVNode("span", null, " Events ", -1))
-              ]),
-              _: 1
-            }),
-            createVNode(_sfc_main$2, {
-              onClick: _cache[7] || (_cache[7] = ($event) => unref(router).push({
-                name: "Payments"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: withCtx(() => _cache[18] || (_cache[18] = [
-                createElementVNode("span", null, " Payments ", -1)
-              ])),
-              _: 1
-            })
-          ]),
-          _: 1
-        }),
-        createVNode(_sfc_main$1, { class: "bg-light" }, {
-          default: withCtx(() => [
-            createVNode(_sfc_main$2, {
-              onClick: _cache[8] || (_cache[8] = ($event) => unref(router).push({
-                name: "Backoffice Organizations"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: withCtx(() => _cache[19] || (_cache[19] = [
-                createElementVNode("span", null, " Organizations ", -1)
-              ])),
-              _: 1
-            }),
-            createVNode(_sfc_main$2, {
-              onClick: _cache[9] || (_cache[9] = ($event) => unref(router).push({
-                name: "Backoffice Pages"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: withCtx(() => _cache[20] || (_cache[20] = [
-                createElementVNode("span", null, " Pages ", -1)
-              ])),
-              _: 1
-            }),
-            createVNode(_sfc_main$2, {
-              onClick: _cache[10] || (_cache[10] = ($event) => unref(router).push({
-                name: "Backoffice Reports"
-              })),
-              class: "cursor-pointer"
-            }, {
-              default: withCtx(() => _cache[21] || (_cache[21] = [
-                createElementVNode("span", null, " Reports ", -1)
-              ])),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
+        _cache[2] || (_cache[2] = createElementVNode("div", { class: "br-b h3 h-4r pd-semi br-solid br-black-transp-10" }, "Backoffice", -1)),
+        createElementVNode("div", _hoisted_2, [
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "pd-thin uppercase t-medium t-transp" }, "Menu", -1)),
+          (openBlock(), createElementBlock(Fragment, null, renderList(menuItems, (item) => {
+            return createElementVNode("div", {
+              key: item.name,
+              onClick: ($event) => unref(router).push({ name: item.routeName }),
+              class: "flex pd-thin flex-v-center cursor-pointer"
+            }, [
+              item.icon ? (openBlock(), createBlock(resolveDynamicComponent(item.icon), {
+                key: 0,
+                class: "i-regular mn-r-thin",
+                icon: true,
+                fill: "rgba(var(--black),0.25)"
+              })) : createCommentVNode("", true),
+              createElementVNode("span", _hoisted_4, toDisplayString(item.title), 1)
+            ], 8, _hoisted_3);
+          }), 64)),
+          _cache[1] || (_cache[1] = createElementVNode("span", { class: "pd-thin d-block mn-t-medium uppercase t-medium t-transp" }, "General", -1)),
+          (openBlock(), createElementBlock(Fragment, null, renderList(generalItems, (item) => {
+            return createElementVNode("div", {
+              key: item.name,
+              onClick: ($event) => unref(router).push({ name: item.routeName }),
+              class: "flex pd-thin flex-v-center cursor-pointer"
+            }, [
+              item.icon ? (openBlock(), createBlock(resolveDynamicComponent(item.icon), {
+                key: 0,
+                class: "i-regular mn-r-thin",
+                icon: true,
+                fill: "rgba(var(--black),0.25)"
+              })) : createCommentVNode("", true),
+              createElementVNode("span", _hoisted_6, toDisplayString(item.title), 1)
+            ], 8, _hoisted_5);
+          }), 64))
+        ])
       ]);
     };
   }