@ozdao/martyrs 0.2.488 → 0.2.491

package/dist/martyrs/src/modules/globals/views/components/partials/NavigationBar.vue.cjs

@@ -0,0 +1,165 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const vueI18n = require("vue-i18n");
+const IconShopcart = require("../../../../icons/entities/IconShopcart.vue.cjs");
+const IconProfile = require("../../../../icons/entities/IconProfile.vue.cjs");
+const Button = require("../../../../../components/Button/Button.vue2.cjs");
+const globals = require("../../store/globals.cjs");
+const shopcart = require("../../../../orders/store/shopcart.cjs");
+const auth = require("../../../../auth/views/store/auth.cjs");
+;/* empty css                     */
+const _hoisted_1 = { class: "pos-sticky w-100 z-index-3 flex-center flex t-center pd-medium" };
+const _hoisted_2 = {
+  key: 1,
+  class: "t-semi h-2r lh-semi h4 d-block"
+};
+const _hoisted_3 = { class: "flex-nowrap flex gap-regular pos-absolute pos-r-medium" };
+const _sfc_main = {
+  __name: "NavigationBar",
+  props: {
+    theme: {
+      type: String,
+      default: "light"
+    },
+    logotype: {
+      type: Object
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const router = vueRouter.useRouter();
+    const route = vueRouter.useRoute();
+    const { t, mergeLocaleMessage, locale } = vueI18n.useI18n();
+    const actions = vue.computed(() => {
+      var _a;
+      return globals.state.navigation_bar.actions || ((_a = route.meta) == null ? void 0 : _a.actions) || [];
+    });
+    function handleBackNavigation() {
+      var _a;
+      if ((_a = route.query) == null ? void 0 : _a.afterAuth) {
+        router.push({ name: "Home" });
+      } else {
+        router.back();
+      }
+    }
+    function handleToggle() {
+      if (auth.state.access.status === false) {
+        router.push({ name: "Sign In" });
+      } else {
+        router.push({ name: "User Profile", params: { _id: auth.state.user._id } });
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("header", _hoisted_1, [
+        vue.createVNode(vue.Transition, {
+          name: "slideIn",
+          mode: "out-in"
+        }, {
+          default: vue.withCtx(() => [
+            !vue.unref(route).meta.title_hide ? (vue.openBlock(), vue.createElementBlock("svg", {
+              key: 0,
+              onClick: _cache[0] || (_cache[0] = ($event) => handleBackNavigation()),
+              class: "pos-absolute cursor-pointer i-semi pos-l-medium",
+              width: "12",
+              height: "22",
+              viewBox: "0 0 12 22",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg"
+            }, _cache[2] || (_cache[2] = [
+              vue.createElementVNode("path", {
+                fill: "rgb(var(--main))",
+                d: "M9.70312 20.7969C10.125 21.2188 10.8281 21.2188 11.2969 20.7969C11.7188 20.375 11.7188 19.6719 11.2969 19.2031L3.42188 11L11.2969 2.79688C11.7188 2.32813 11.7188 1.625 11.2969 1.20313C10.8281 0.734377 10.125 0.781252 9.70312 1.20313L1.07812 10.2031C0.84375 10.4375 0.75 10.7188 0.75 11C0.75 11.2813 0.84375 11.5625 1.07812 11.7969L9.70312 20.7969Z"
+              }, null, -1)
+            ]))) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        vue.createVNode(vue.Transition, {
+          name: "slideIn",
+          mode: "out-in"
+        }, {
+          default: vue.withCtx(() => {
+            var _a, _b;
+            return [
+              (vue.openBlock(), vue.createElementBlock("div", {
+                key: vue.unref(route).meta.title,
+                class: "header-title"
+              }, [
+                props.logotype && vue.unref(route).meta.title_hide ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props.logotype), {
+                  key: 0,
+                  theme: __props.theme
+                }, null, 8, ["theme"])) : (vue.openBlock(), vue.createElementBlock("p", _hoisted_2, vue.toDisplayString(_ctx.formateText(globals.state.navigation_bar.name || ((_b = (_a = vue.unref(route).meta) == null ? void 0 : _a.title) == null ? void 0 : _b[vue.unref(locale).toLowerCase()]) || vue.unref(route).name)), 1))
+              ]))
+            ];
+          }),
+          _: 1
+        }),
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.createVNode(vue.Transition, {
+            name: "slideIn",
+            mode: "out-in"
+          }, {
+            default: vue.withCtx(() => [
+              vue.unref(route).meta.title_hide || vue.unref(route).meta.showShopCart ? (vue.openBlock(), vue.createBlock(Button.default, {
+                key: 0,
+                submit: (a) => shopcart.actions.toggleShopcart(),
+                counter: shopcart.getters.cartTotalAmount,
+                showSucces: false,
+                showLoader: false,
+                class: "cursor-pointer pd-zero"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(IconShopcart.default, {
+                    class: "i-semi",
+                    fill: "rgb(var(--main))"
+                  })
+                ]),
+                _: 1
+              }, 8, ["submit", "counter"])) : vue.createCommentVNode("", true)
+            ]),
+            _: 1
+          }),
+          actions.value.length > 0 ? (vue.openBlock(), vue.createBlock(vue.TransitionGroup, {
+            key: 0,
+            name: "slideIn",
+            class: "i-semi",
+            tag: "div"
+          }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(actions.value, (item, index) => {
+                return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index }, [
+                  (typeof item.condition === "function" ? item.condition(vue.unref(router), vue.unref(route)) : item.condition) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.component), vue.mergeProps({
+                    key: 0,
+                    ref_for: true
+                  }, item.props, {
+                    onClick: ($event) => item.action(vue.unref(router), vue.unref(route)),
+                    class: "i-semi cursor-pointer"
+                  }), null, 16, ["onClick"])) : vue.createCommentVNode("", true)
+                ], 64);
+              }), 128))
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true),
+          vue.createVNode(vue.Transition, {
+            name: "slideIn",
+            mode: "out-in"
+          }, {
+            default: vue.withCtx(() => [
+              vue.unref(route).meta.title_hide ? (vue.openBlock(), vue.createBlock(IconProfile.default, {
+                key: 0,
+                onClick: _cache[1] || (_cache[1] = ($event) => handleToggle()),
+                class: "cursor-pointer i-semi",
+                fill: "rgb(var(--main))"
+              })) : vue.createCommentVNode("", true)
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=NavigationBar.vue.cjs.map

package/dist/martyrs/src/modules/globals/views/components/partials/NavigationBar.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationBar.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/NavigationBar.vue"],"sourcesContent":["<template>\n\t<header \n\t\tclass=\"pos-sticky w-100 z-index-3 flex-center flex t-center pd-medium\"\n\t>\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t<svg \n\t\t\t\tv-if=\"!route.meta.title_hide\"\n\t\t\t\t@click=\"handleBackNavigation()\" \n\t\t\t\tclass=\"pos-absolute cursor-pointer i-semi pos-l-medium\"\n\t\t\t\twidth=\"12\"\n\t\t\t\theight=\"22\"\n\t\t\t\tviewBox=\"0 0 12 22\"\n\t\t\t\tfill=\"none\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t>\n\t\t\t\t<path fill=\"rgb(var(--main))\" d=\"M9.70312 20.7969C10.125 21.2188 10.8281 21.2188 11.2969 20.7969C11.7188 20.375 11.7188 19.6719 11.2969 19.2031L3.42188 11L11.2969 2.79688C11.7188 2.32813 11.7188 1.625 11.2969 1.20313C10.8281 0.734377 10.125 0.781252 9.70312 1.20313L1.07812 10.2031C0.84375 10.4375 0.75 10.7188 0.75 11C0.75 11.2813 0.84375 11.5625 1.07812 11.7969L9.70312 20.7969Z\" />\n\t\t\t</svg>\n\t\t</transition>\n\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t<div :key=\"route.meta.title\" class=\"header-title\">\n\t\t\t\t<component\n\t\t\t\t\tv-if=\"props.logotype && route.meta.title_hide\"\n\t\t\t\t  :is=\"props.logotype\"\n\t\t\t\t  :theme=\"theme\"\n\t\t\t\t/>\n\n\t\t\t\t<p v-else class=\"t-semi h-2r lh-semi h4 d-block\" >\n\t\t\t\t\t{{ formateText(globals.state.navigation_bar.name || route.meta?.title?.[locale.toLowerCase()] || route.name) }}\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</transition>\n\n\t\t<div class=\"flex-nowrap flex gap-regular pos-absolute pos-r-medium\">\n\t\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t\t<Button\n\t\t\t\t\tv-if=\"route.meta.title_hide || route.meta.showShopCart\"\n\t\t\t\t\t:submit=\"a => shopcart.actions.toggleShopcart()\" \n\t\t\t\t\t:counter=\"shopcart.getters.cartTotalAmount\" \n\t\t\t\t\t:showSucces=\"false\"\n\t\t\t\t\t:showLoader=\"false\"\n\t\t\t\t\tclass=\"cursor-pointer pd-zero \"\n\t\t\t\t\t> \n\t\t\t\t\t<IconShopcart class=\"i-semi\" fill=\"rgb(var(--main))\" />\n\t\t\t\t</Button>\n\t\t\t</transition>\n\n\t    <transition-group v-if=\"actions.length > 0\" name=\"slideIn\" class=\"i-semi\" tag=\"div\">\n\t      <template v-for=\"(item, index) in actions\" :key=\"index\">\n\t        <component\n\t\t\t\t\t\tv-if=\"typeof item.condition === 'function' ? item.condition(router, route) : item.condition\"\n\t          :is=\"item.component\"\n\t          v-bind=\"item.props\"\n\t          @click=\"item.action(router, route)\"\n\t          class=\"i-semi cursor-pointer \"\n\t        />\n\t      </template>\n\t    </transition-group>\n\n\t\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t\t<IconProfile \n\t\t\t\t\tv-if=\"route.meta.title_hide\"\n\t\t\t\t\t@click=\"handleToggle()\" \n\t\t\t\t\tclass=\"cursor-pointer i-semi\"\n\t\t\t\t\tfill=\"rgb(var(--main))\" \n\t\t\t\t/>\n\t\t\t</transition>\n\t\t</div>\n\t</header>\n</template>\n\n<script setup>\n\timport { ref, onMounted, onUnmounted, computed } from 'vue' \n\timport { useRoute, useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\n  import IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue'\n\timport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue'\n\n\timport Button \t\t\t\tfrom '@martyrs/src/components/Button/Button.vue'\n\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\n\timport * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js'\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\n\t\t// Props\n\tconst props = defineProps({\n    theme: {\n    \ttype: String,\n\t    default: \"light\"\n    },\n    logotype: {\n\t    type: Object\n\t  }\n  });\n\n\tconst router = useRouter()\n\tconst route = useRoute()\n\n\tconst { t, mergeLocaleMessage, locale } = useI18n();\n\n\tconst actions = computed(() => globals.state.navigation_bar.actions || route.meta?.actions || [])\n\n\tfunction handleBackNavigation() {\n\t    if (route.query?.afterAuth)  { \n\t    \trouter.push({name: 'Home'}) \n\t    } else {\n\t    \trouter.back();\n\t    }\n\t}\n\n\tfunction handleToggle() {\n\t\tif (auth.state.access.status === false) {\n\t\t\trouter.push({name: 'Sign In'}) \n\t\t} else {\n\t\t\trouter.push({ name: 'User Profile', params: { _id: auth.state.user._id }})\n\t\t}\n\t}\n</script>\n\n<style lang=\"scss\">\n\t.header-shopcart {\n\t\tposition: absolute;\n\t\tright: 4.25rem;\n\t}\n\n\t.header-title {\n\t\tpointer-events: none;\n\t}\n\n\t.slideIn-enter-active,\n\t.slideIn-leave-active {\n\t\ttransition: all  0.33s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slideIn-enter-from,\n\t.slideIn-leave-to {\n\t\topacity: 0;\n\t\ttransform: translateX(10px);\n\n\t\tspan {\tposition: absolute; } \n\t}\n\n\t.slideY-enter-active,\n\t.slideY-leave-active {\n\t\ttransition: all  0.33s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slideY-enter-from,\n\t.slideY-leave-to {\n\t\topacity: 0;\n\t\ttransform: translateY(50px);\n\n\t\tspan {\tposition: absolute; } \n\t}\n</style>"],"names":["useRouter","useRoute","useI18n","computed","globals.state","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsFC,UAAM,QAAQ;AAUd,UAAM,SAASA,UAAS,UAAA;AACxB,UAAM,QAAQC,UAAQ,SAAA;AAEtB,UAAM,EAAE,GAAG,oBAAoB,OAAM,IAAKC,QAAAA,QAAS;AAEnD,UAAM,UAAUC,aAAS,MAAA;;AAAMC,2BAAc,eAAe,aAAW,WAAM,SAAN,mBAAY,YAAW,CAAE;AAAA,KAAA;AAEhG,aAAS,uBAAuB;;AAC5B,WAAI,WAAM,UAAN,mBAAa,WAAY;AAC5B,eAAO,KAAK,EAAC,MAAM,OAAM,CAAC;AAAA,MAChC,OAAY;AACN,eAAO,KAAM;AAAA,MACnB;AAAA,IACA;AAEC,aAAS,eAAe;AACvB,UAAIC,WAAW,OAAO,WAAW,OAAO;AACvC,eAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,MAChC,OAAS;AACN,eAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAKA,KAAU,MAAC,KAAK,MAAK,CAAC;AAAA,MAC5E;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/globals/views/components/partials/NavigationBar.vue.js

@@ -0,0 +1,165 @@
+import { computed, createElementBlock, openBlock, createVNode, createElementVNode, Transition, withCtx, createCommentVNode, unref, createBlock, resolveDynamicComponent, toDisplayString, TransitionGroup, Fragment, renderList, mergeProps } from "vue";
+import { useRouter, useRoute } from "vue-router";
+import { useI18n } from "vue-i18n";
+import _sfc_main$2 from "../../../../icons/entities/IconShopcart.vue.js";
+import _sfc_main$3 from "../../../../icons/entities/IconProfile.vue.js";
+import _sfc_main$1 from "../../../../../components/Button/Button.vue2.js";
+import { state } from "../../store/globals.js";
+import { getters, actions } from "../../../../orders/store/shopcart.js";
+import { state as state$1 } from "../../../../auth/views/store/auth.js";
+/* empty css                   */
+const _hoisted_1 = { class: "pos-sticky w-100 z-index-3 flex-center flex t-center pd-medium" };
+const _hoisted_2 = {
+  key: 1,
+  class: "t-semi h-2r lh-semi h4 d-block"
+};
+const _hoisted_3 = { class: "flex-nowrap flex gap-regular pos-absolute pos-r-medium" };
+const _sfc_main = {
+  __name: "NavigationBar",
+  props: {
+    theme: {
+      type: String,
+      default: "light"
+    },
+    logotype: {
+      type: Object
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const router = useRouter();
+    const route = useRoute();
+    const { t, mergeLocaleMessage, locale } = useI18n();
+    const actions$1 = computed(() => {
+      var _a;
+      return state.navigation_bar.actions || ((_a = route.meta) == null ? void 0 : _a.actions) || [];
+    });
+    function handleBackNavigation() {
+      var _a;
+      if ((_a = route.query) == null ? void 0 : _a.afterAuth) {
+        router.push({ name: "Home" });
+      } else {
+        router.back();
+      }
+    }
+    function handleToggle() {
+      if (state$1.access.status === false) {
+        router.push({ name: "Sign In" });
+      } else {
+        router.push({ name: "User Profile", params: { _id: state$1.user._id } });
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("header", _hoisted_1, [
+        createVNode(Transition, {
+          name: "slideIn",
+          mode: "out-in"
+        }, {
+          default: withCtx(() => [
+            !unref(route).meta.title_hide ? (openBlock(), createElementBlock("svg", {
+              key: 0,
+              onClick: _cache[0] || (_cache[0] = ($event) => handleBackNavigation()),
+              class: "pos-absolute cursor-pointer i-semi pos-l-medium",
+              width: "12",
+              height: "22",
+              viewBox: "0 0 12 22",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg"
+            }, _cache[2] || (_cache[2] = [
+              createElementVNode("path", {
+                fill: "rgb(var(--main))",
+                d: "M9.70312 20.7969C10.125 21.2188 10.8281 21.2188 11.2969 20.7969C11.7188 20.375 11.7188 19.6719 11.2969 19.2031L3.42188 11L11.2969 2.79688C11.7188 2.32813 11.7188 1.625 11.2969 1.20313C10.8281 0.734377 10.125 0.781252 9.70312 1.20313L1.07812 10.2031C0.84375 10.4375 0.75 10.7188 0.75 11C0.75 11.2813 0.84375 11.5625 1.07812 11.7969L9.70312 20.7969Z"
+              }, null, -1)
+            ]))) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        createVNode(Transition, {
+          name: "slideIn",
+          mode: "out-in"
+        }, {
+          default: withCtx(() => {
+            var _a, _b;
+            return [
+              (openBlock(), createElementBlock("div", {
+                key: unref(route).meta.title,
+                class: "header-title"
+              }, [
+                props.logotype && unref(route).meta.title_hide ? (openBlock(), createBlock(resolveDynamicComponent(props.logotype), {
+                  key: 0,
+                  theme: __props.theme
+                }, null, 8, ["theme"])) : (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString(_ctx.formateText(state.navigation_bar.name || ((_b = (_a = unref(route).meta) == null ? void 0 : _a.title) == null ? void 0 : _b[unref(locale).toLowerCase()]) || unref(route).name)), 1))
+              ]))
+            ];
+          }),
+          _: 1
+        }),
+        createElementVNode("div", _hoisted_3, [
+          createVNode(Transition, {
+            name: "slideIn",
+            mode: "out-in"
+          }, {
+            default: withCtx(() => [
+              unref(route).meta.title_hide || unref(route).meta.showShopCart ? (openBlock(), createBlock(_sfc_main$1, {
+                key: 0,
+                submit: (a) => actions.toggleShopcart(),
+                counter: getters.cartTotalAmount,
+                showSucces: false,
+                showLoader: false,
+                class: "cursor-pointer pd-zero"
+              }, {
+                default: withCtx(() => [
+                  createVNode(_sfc_main$2, {
+                    class: "i-semi",
+                    fill: "rgb(var(--main))"
+                  })
+                ]),
+                _: 1
+              }, 8, ["submit", "counter"])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }),
+          actions$1.value.length > 0 ? (openBlock(), createBlock(TransitionGroup, {
+            key: 0,
+            name: "slideIn",
+            class: "i-semi",
+            tag: "div"
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(actions$1.value, (item, index) => {
+                return openBlock(), createElementBlock(Fragment, { key: index }, [
+                  (typeof item.condition === "function" ? item.condition(unref(router), unref(route)) : item.condition) ? (openBlock(), createBlock(resolveDynamicComponent(item.component), mergeProps({
+                    key: 0,
+                    ref_for: true
+                  }, item.props, {
+                    onClick: ($event) => item.action(unref(router), unref(route)),
+                    class: "i-semi cursor-pointer"
+                  }), null, 16, ["onClick"])) : createCommentVNode("", true)
+                ], 64);
+              }), 128))
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          createVNode(Transition, {
+            name: "slideIn",
+            mode: "out-in"
+          }, {
+            default: withCtx(() => [
+              unref(route).meta.title_hide ? (openBlock(), createBlock(_sfc_main$3, {
+                key: 0,
+                onClick: _cache[1] || (_cache[1] = ($event) => handleToggle()),
+                class: "cursor-pointer i-semi",
+                fill: "rgb(var(--main))"
+              })) : createCommentVNode("", true)
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=NavigationBar.vue.js.map

package/dist/martyrs/src/modules/globals/views/components/partials/NavigationBar.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationBar.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/partials/NavigationBar.vue"],"sourcesContent":["<template>\n\t<header \n\t\tclass=\"pos-sticky w-100 z-index-3 flex-center flex t-center pd-medium\"\n\t>\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t<svg \n\t\t\t\tv-if=\"!route.meta.title_hide\"\n\t\t\t\t@click=\"handleBackNavigation()\" \n\t\t\t\tclass=\"pos-absolute cursor-pointer i-semi pos-l-medium\"\n\t\t\t\twidth=\"12\"\n\t\t\t\theight=\"22\"\n\t\t\t\tviewBox=\"0 0 12 22\"\n\t\t\t\tfill=\"none\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t>\n\t\t\t\t<path fill=\"rgb(var(--main))\" d=\"M9.70312 20.7969C10.125 21.2188 10.8281 21.2188 11.2969 20.7969C11.7188 20.375 11.7188 19.6719 11.2969 19.2031L3.42188 11L11.2969 2.79688C11.7188 2.32813 11.7188 1.625 11.2969 1.20313C10.8281 0.734377 10.125 0.781252 9.70312 1.20313L1.07812 10.2031C0.84375 10.4375 0.75 10.7188 0.75 11C0.75 11.2813 0.84375 11.5625 1.07812 11.7969L9.70312 20.7969Z\" />\n\t\t\t</svg>\n\t\t</transition>\n\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t<div :key=\"route.meta.title\" class=\"header-title\">\n\t\t\t\t<component\n\t\t\t\t\tv-if=\"props.logotype && route.meta.title_hide\"\n\t\t\t\t  :is=\"props.logotype\"\n\t\t\t\t  :theme=\"theme\"\n\t\t\t\t/>\n\n\t\t\t\t<p v-else class=\"t-semi h-2r lh-semi h4 d-block\" >\n\t\t\t\t\t{{ formateText(globals.state.navigation_bar.name || route.meta?.title?.[locale.toLowerCase()] || route.name) }}\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</transition>\n\n\t\t<div class=\"flex-nowrap flex gap-regular pos-absolute pos-r-medium\">\n\t\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t\t<Button\n\t\t\t\t\tv-if=\"route.meta.title_hide || route.meta.showShopCart\"\n\t\t\t\t\t:submit=\"a => shopcart.actions.toggleShopcart()\" \n\t\t\t\t\t:counter=\"shopcart.getters.cartTotalAmount\" \n\t\t\t\t\t:showSucces=\"false\"\n\t\t\t\t\t:showLoader=\"false\"\n\t\t\t\t\tclass=\"cursor-pointer pd-zero \"\n\t\t\t\t\t> \n\t\t\t\t\t<IconShopcart class=\"i-semi\" fill=\"rgb(var(--main))\" />\n\t\t\t\t</Button>\n\t\t\t</transition>\n\n\t    <transition-group v-if=\"actions.length > 0\" name=\"slideIn\" class=\"i-semi\" tag=\"div\">\n\t      <template v-for=\"(item, index) in actions\" :key=\"index\">\n\t        <component\n\t\t\t\t\t\tv-if=\"typeof item.condition === 'function' ? item.condition(router, route) : item.condition\"\n\t          :is=\"item.component\"\n\t          v-bind=\"item.props\"\n\t          @click=\"item.action(router, route)\"\n\t          class=\"i-semi cursor-pointer \"\n\t        />\n\t      </template>\n\t    </transition-group>\n\n\t\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t\t<IconProfile \n\t\t\t\t\tv-if=\"route.meta.title_hide\"\n\t\t\t\t\t@click=\"handleToggle()\" \n\t\t\t\t\tclass=\"cursor-pointer i-semi\"\n\t\t\t\t\tfill=\"rgb(var(--main))\" \n\t\t\t\t/>\n\t\t\t</transition>\n\t\t</div>\n\t</header>\n</template>\n\n<script setup>\n\timport { ref, onMounted, onUnmounted, computed } from 'vue' \n\timport { useRoute, useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\n  import IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue'\n\timport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue'\n\n\timport Button \t\t\t\tfrom '@martyrs/src/components/Button/Button.vue'\n\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\n\timport * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js'\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\n\t\t// Props\n\tconst props = defineProps({\n    theme: {\n    \ttype: String,\n\t    default: \"light\"\n    },\n    logotype: {\n\t    type: Object\n\t  }\n  });\n\n\tconst router = useRouter()\n\tconst route = useRoute()\n\n\tconst { t, mergeLocaleMessage, locale } = useI18n();\n\n\tconst actions = computed(() => globals.state.navigation_bar.actions || route.meta?.actions || [])\n\n\tfunction handleBackNavigation() {\n\t    if (route.query?.afterAuth)  { \n\t    \trouter.push({name: 'Home'}) \n\t    } else {\n\t    \trouter.back();\n\t    }\n\t}\n\n\tfunction handleToggle() {\n\t\tif (auth.state.access.status === false) {\n\t\t\trouter.push({name: 'Sign In'}) \n\t\t} else {\n\t\t\trouter.push({ name: 'User Profile', params: { _id: auth.state.user._id }})\n\t\t}\n\t}\n</script>\n\n<style lang=\"scss\">\n\t.header-shopcart {\n\t\tposition: absolute;\n\t\tright: 4.25rem;\n\t}\n\n\t.header-title {\n\t\tpointer-events: none;\n\t}\n\n\t.slideIn-enter-active,\n\t.slideIn-leave-active {\n\t\ttransition: all  0.33s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slideIn-enter-from,\n\t.slideIn-leave-to {\n\t\topacity: 0;\n\t\ttransform: translateX(10px);\n\n\t\tspan {\tposition: absolute; } \n\t}\n\n\t.slideY-enter-active,\n\t.slideY-leave-active {\n\t\ttransition: all  0.33s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slideY-enter-from,\n\t.slideY-leave-to {\n\t\topacity: 0;\n\t\ttransform: translateY(50px);\n\n\t\tspan {\tposition: absolute; } \n\t}\n</style>"],"names":["actions","globals.state","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsFC,UAAM,QAAQ;AAUd,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAEtB,UAAM,EAAE,GAAG,oBAAoB,OAAM,IAAK,QAAS;AAEnD,UAAMA,YAAU,SAAS,MAAA;;AAAMC,mBAAc,eAAe,aAAW,WAAM,SAAN,mBAAY,YAAW,CAAE;AAAA,KAAA;AAEhG,aAAS,uBAAuB;;AAC5B,WAAI,WAAM,UAAN,mBAAa,WAAY;AAC5B,eAAO,KAAK,EAAC,MAAM,OAAM,CAAC;AAAA,MAChC,OAAY;AACN,eAAO,KAAM;AAAA,MACnB;AAAA,IACA;AAEC,aAAS,eAAe;AACvB,UAAIC,QAAW,OAAO,WAAW,OAAO;AACvC,eAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,MAChC,OAAS;AACN,eAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAKA,QAAW,KAAK,MAAK,CAAC;AAAA,MAC5E;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/globals/views/components/partials/Sidebar.vue.cjs

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const mixins = require("../../mixins/mixins.cjs");
+const globals = require("../../store/globals.cjs");
+const _pluginVue_exportHelper = require("../../../../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _hoisted_1 = { class: "aspect-1x1 flex-child-default w-max-big w-100 flex flex-center" };
+const _sfc_main = {
+  __name: "Sidebar",
+  props: {
+    theme: {
+      type: String,
+      default: "light"
+    },
+    stateSidebar: {
+      type: Boolean,
+      default: false
+    },
+    width: {
+      type: String,
+      default: "w-15r"
+    },
+    widthHidden: {
+      type: String,
+      default: "w-3r "
+    }
+  },
+  emits: [
+    "closeSidebar"
+  ],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const { isPhone, isTablet } = mixins.useGlobalMixins();
+    const router = vueRouter.useRouter();
+    router.beforeEach((to, from) => {
+      if (isPhone() || isTablet()) {
+        emits("closeSidebar");
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("aside", {
+        class: vue.normalizeClass(["transition-quint-out w-min-0 o-hidden flex-child-default z-index-2 br-r br-solid flex flex-column h-100", [
+          __props.stateSidebar ? `${__props.width} w-min-10 tablet:w-min-100 tablet:w-100 mobile:w-min-100 mobile:w-100` : `${__props.widthHidden} mobile:w-0`,
+          // 
+          __props.theme === "light" ? "t-black bg-white br-light" : "t-white bg-black br-dark"
+        ]])
+      }, [
+        vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(["br-solid w-100 br-t", {
+            "pd-micro": !__props.stateSidebar,
+            "pd-small": __props.stateSidebar,
+            "br-light": __props.theme === "light",
+            "br-dark": __props.theme === "dark"
+          }])
+        }, [
+          vue.createElementVNode("button", {
+            onClick: _cache[0] || (_cache[0] = () => globals.actions.toggleTheme()),
+            class: vue.normalizeClass(["transition-quint-out flex w-100 flex-center radius-small cursor-pointer flex-nowrap", [
+              __props.stateSidebar ? "pd-thin justify-between" : "w-100 justify-center",
+              __props.theme === "light" ? "hover-bg-light" : "hover-bg-dark"
+            ]])
+          }, [
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass(["w-100 t-nowrap transition-quint-out t-left t-medium mn-r-thin", { "hidden": !__props.stateSidebar, "visible": __props.stateSidebar }])
+            }, " Dark Mode ", 2),
+            vue.createElementVNode("span", _hoisted_1, vue.toDisplayString(globals.state.theme.darkmode ? "🌙" : "☀️"), 1)
+          ], 2)
+        ], 2)
+      ], 2);
+    };
+  }
+};
+const Sidebar = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-6db7716d"]]);
+exports.default = Sidebar;
+//# sourceMappingURL=Sidebar.vue.cjs.map

package/dist/martyrs/src/modules/globals/views/components/partials/Sidebar.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/Sidebar.vue"],"sourcesContent":["<script setup>\nimport { ref, watch } from 'vue'\nimport { useRouter } from 'vue-router'\nimport { useGlobalMixins } from \"@martyrs/src/modules/globals/views/mixins/mixins.js\"\n\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\n\nconst props = defineProps({\n  theme: {\n    type: String,\n    default: \"light\"\n  },\n  stateSidebar: {\n    type: Boolean,\n    default: false\n  },\n  width: {\n    type: String,\n    default: 'w-15r'\n  },\n  widthHidden:{\n    type: String,\n    default: 'w-3r '\n  },\n})\n\nconst emits = defineEmits([\n  'closeSidebar'\n])\n\nconst { isPhone, isTablet } = useGlobalMixins()\n\nconst router = useRouter()\n\nconst toggleSidebar = () => {\n  emit('closeSidebar')\n}\n\nrouter.beforeEach((to, from) => {\n   if (isPhone() || isTablet()) {\n    emits('closeSidebar')\n  }\n})\n\n</script>\n\n<template>\n  <aside\n    class=\"transition-quint-out w-min-0 o-hidden flex-child-default z-index-2  br-r br-solid  flex flex-column h-100\"\n    :class=\"[\n      stateSidebar\n      ? `${width} w-min-10 tablet:w-min-100 tablet:w-100 mobile:w-min-100 mobile:w-100`\n      : `${widthHidden} mobile:w-0`,\n      // \n      theme === 'light' \n      ? 't-black bg-white br-light'\n      : 't-white bg-black br-dark'\n    ]\"\n  >\n\n    <!-- Slot for navigation content -->\n    <slot></slot>\n\n    <div \n      class=\"br-solid w-100 br-t\"\n      :class=\"{ \n        'pd-micro': !stateSidebar, \n        'pd-small': stateSidebar,\n        'br-light': theme === 'light',\n        'br-dark':  theme === 'dark'\n      }\"\n    >\n      <button\n        @click=\"() => globals.actions.toggleTheme()\"\n        class=\"transition-quint-out flex w-100 flex-center radius-small cursor-pointer flex-nowrap\"\n        :class=\"[\n          stateSidebar ? 'pd-thin justify-between' : 'w-100 justify-center',\n          theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'\n        ]\"\n      >\n        <span \n          class=\"w-100 t-nowrap transition-quint-out  t-left t-medium mn-r-thin\"\n          :class=\"{ 'hidden': !stateSidebar, 'visible': stateSidebar }\"\n        >\n          Dark Mode\n        </span>\n        <span class=\"aspect-1x1 flex-child-default w-max-big w-100 flex flex-center \">\n          {{ globals.state.theme.darkmode ? '🌙' : '☀️' }}\n        </span>\n      </button>\n    </div>\n  </aside>\n</template>\n\n<style scoped>\n.hidden {\n  opacity: 0;\n  width: 0;\n  display: none;\n}\n\n.visible {\n  opacity: 1;\n  display: block;\n}\n\n/* Scrollbar styles */\n::-webkit-scrollbar {\n  width: 6px;\n}\n\n::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n  background-color: var(--grey-micro);\n  border-radius: 3px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background-color: var(--grey-small);\n}\n</style>  "],"names":["useGlobalMixins","useRouter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,UAAM,QAAQ;AAId,UAAM,EAAE,SAAS,SAAQ,IAAKA,OAAe,gBAAA;AAE7C,UAAM,SAASC,UAAS,UAAA;AAMxB,WAAO,WAAW,CAAC,IAAI,SAAS;AAC7B,UAAI,QAAO,KAAM,YAAY;AAC5B,cAAM,cAAc;AAAA,MACxB;AAAA,IACA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/globals/views/components/partials/Sidebar.vue.js

@@ -0,0 +1,77 @@
+import { createElementBlock, openBlock, normalizeClass, renderSlot, createElementVNode, toDisplayString } from "vue";
+import { useRouter } from "vue-router";
+import { useGlobalMixins } from "../../mixins/mixins.js";
+import { actions, state } from "../../store/globals.js";
+import _export_sfc from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = { class: "aspect-1x1 flex-child-default w-max-big w-100 flex flex-center" };
+const _sfc_main = {
+  __name: "Sidebar",
+  props: {
+    theme: {
+      type: String,
+      default: "light"
+    },
+    stateSidebar: {
+      type: Boolean,
+      default: false
+    },
+    width: {
+      type: String,
+      default: "w-15r"
+    },
+    widthHidden: {
+      type: String,
+      default: "w-3r "
+    }
+  },
+  emits: [
+    "closeSidebar"
+  ],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const { isPhone, isTablet } = useGlobalMixins();
+    const router = useRouter();
+    router.beforeEach((to, from) => {
+      if (isPhone() || isTablet()) {
+        emits("closeSidebar");
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("aside", {
+        class: normalizeClass(["transition-quint-out w-min-0 o-hidden flex-child-default z-index-2 br-r br-solid flex flex-column h-100", [
+          __props.stateSidebar ? `${__props.width} w-min-10 tablet:w-min-100 tablet:w-100 mobile:w-min-100 mobile:w-100` : `${__props.widthHidden} mobile:w-0`,
+          // 
+          __props.theme === "light" ? "t-black bg-white br-light" : "t-white bg-black br-dark"
+        ]])
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true),
+        createElementVNode("div", {
+          class: normalizeClass(["br-solid w-100 br-t", {
+            "pd-micro": !__props.stateSidebar,
+            "pd-small": __props.stateSidebar,
+            "br-light": __props.theme === "light",
+            "br-dark": __props.theme === "dark"
+          }])
+        }, [
+          createElementVNode("button", {
+            onClick: _cache[0] || (_cache[0] = () => actions.toggleTheme()),
+            class: normalizeClass(["transition-quint-out flex w-100 flex-center radius-small cursor-pointer flex-nowrap", [
+              __props.stateSidebar ? "pd-thin justify-between" : "w-100 justify-center",
+              __props.theme === "light" ? "hover-bg-light" : "hover-bg-dark"
+            ]])
+          }, [
+            createElementVNode("span", {
+              class: normalizeClass(["w-100 t-nowrap transition-quint-out t-left t-medium mn-r-thin", { "hidden": !__props.stateSidebar, "visible": __props.stateSidebar }])
+            }, " Dark Mode ", 2),
+            createElementVNode("span", _hoisted_1, toDisplayString(state.theme.darkmode ? "🌙" : "☀️"), 1)
+          ], 2)
+        ], 2)
+      ], 2);
+    };
+  }
+};
+const Sidebar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6db7716d"]]);
+export {
+  Sidebar as default
+};
+//# sourceMappingURL=Sidebar.vue.js.map

package/dist/martyrs/src/modules/globals/views/components/partials/Sidebar.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/partials/Sidebar.vue"],"sourcesContent":["<script setup>\nimport { ref, watch } from 'vue'\nimport { useRouter } from 'vue-router'\nimport { useGlobalMixins } from \"@martyrs/src/modules/globals/views/mixins/mixins.js\"\n\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\n\nconst props = defineProps({\n  theme: {\n    type: String,\n    default: \"light\"\n  },\n  stateSidebar: {\n    type: Boolean,\n    default: false\n  },\n  width: {\n    type: String,\n    default: 'w-15r'\n  },\n  widthHidden:{\n    type: String,\n    default: 'w-3r '\n  },\n})\n\nconst emits = defineEmits([\n  'closeSidebar'\n])\n\nconst { isPhone, isTablet } = useGlobalMixins()\n\nconst router = useRouter()\n\nconst toggleSidebar = () => {\n  emit('closeSidebar')\n}\n\nrouter.beforeEach((to, from) => {\n   if (isPhone() || isTablet()) {\n    emits('closeSidebar')\n  }\n})\n\n</script>\n\n<template>\n  <aside\n    class=\"transition-quint-out w-min-0 o-hidden flex-child-default z-index-2  br-r br-solid  flex flex-column h-100\"\n    :class=\"[\n      stateSidebar\n      ? `${width} w-min-10 tablet:w-min-100 tablet:w-100 mobile:w-min-100 mobile:w-100`\n      : `${widthHidden} mobile:w-0`,\n      // \n      theme === 'light' \n      ? 't-black bg-white br-light'\n      : 't-white bg-black br-dark'\n    ]\"\n  >\n\n    <!-- Slot for navigation content -->\n    <slot></slot>\n\n    <div \n      class=\"br-solid w-100 br-t\"\n      :class=\"{ \n        'pd-micro': !stateSidebar, \n        'pd-small': stateSidebar,\n        'br-light': theme === 'light',\n        'br-dark':  theme === 'dark'\n      }\"\n    >\n      <button\n        @click=\"() => globals.actions.toggleTheme()\"\n        class=\"transition-quint-out flex w-100 flex-center radius-small cursor-pointer flex-nowrap\"\n        :class=\"[\n          stateSidebar ? 'pd-thin justify-between' : 'w-100 justify-center',\n          theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'\n        ]\"\n      >\n        <span \n          class=\"w-100 t-nowrap transition-quint-out  t-left t-medium mn-r-thin\"\n          :class=\"{ 'hidden': !stateSidebar, 'visible': stateSidebar }\"\n        >\n          Dark Mode\n        </span>\n        <span class=\"aspect-1x1 flex-child-default w-max-big w-100 flex flex-center \">\n          {{ globals.state.theme.darkmode ? '🌙' : '☀️' }}\n        </span>\n      </button>\n    </div>\n  </aside>\n</template>\n\n<style scoped>\n.hidden {\n  opacity: 0;\n  width: 0;\n  display: none;\n}\n\n.visible {\n  opacity: 1;\n  display: block;\n}\n\n/* Scrollbar styles */\n::-webkit-scrollbar {\n  width: 6px;\n}\n\n::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n  background-color: var(--grey-micro);\n  border-radius: 3px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background-color: var(--grey-small);\n}\n</style>  "],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,UAAM,QAAQ;AAId,UAAM,EAAE,SAAS,SAAQ,IAAK,gBAAe;AAE7C,UAAM,SAAS,UAAS;AAMxB,WAAO,WAAW,CAAC,IAAI,SAAS;AAC7B,UAAI,QAAO,KAAM,YAAY;AAC5B,cAAM,cAAc;AAAA,MACxB;AAAA,IACA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/globals/views/components/sections/SectionPageTitle.vue.cjs

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Tab = require("../../../../../components/Tab/Tab.vue2.cjs");
+const _hoisted_1 = { class: "flex-v-center flex-nowrap flex" };
+const _hoisted_2 = { class: "h2 mn-r-auto" };
+const _hoisted_3 = ["onClick"];
+const _sfc_main = {
+  __name: "SectionPageTitle",
+  props: {
+    title: String,
+    actions: Array,
+    tabs: Array,
+    tabs_current: [Object, String]
+  },
+  emits: [
+    "update:tabs_current"
+  ],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const updateTabsCurrent = (newValue) => {
+      emits("update:tabs_current", newValue);
+    };
+    return (_ctx, _cache) => {
+      const _component_router_link = vue.resolveComponent("router-link");
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.createElementVNode("header", _hoisted_1, [
+          vue.createElementVNode("h1", _hoisted_2, vue.toDisplayString(__props.title), 1),
+          __props.actions && __props.actions.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(__props.actions, (action) => {
+            return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+              action.to ? (vue.openBlock(), vue.createBlock(_component_router_link, {
+                key: action.to,
+                to: action.to,
+                class: vue.normalizeClass(action.class || "radius-extra pd-small pd-r-medium pd-l-medium p-medium uppercase t-medium hover-scale-1 transition-ease cursor-pointer t-white bg-second flex-center flex")
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(action.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["to", "class"])) : vue.createCommentVNode("", true),
+              action.method ? (vue.openBlock(), vue.createElementBlock("button", {
+                key: 1,
+                onClick: action.method,
+                class: vue.normalizeClass(action.class || "radius-extra pd-thin uppercase t-medium hover-scale-1 transition-ease cursor-pointer t-white bg-second flex-center flex")
+              }, vue.toDisplayString(action.label), 11, _hoisted_3)) : vue.createCommentVNode("", true)
+            ], 64);
+          }), 256)) : vue.createCommentVNode("", true)
+        ]),
+        __props.tabs ? (vue.openBlock(), vue.createBlock(Tab.default, {
+          key: 0,
+          selected: __props.tabs_current,
+          "onUpdate:selected": updateTabsCurrent,
+          tabs: __props.tabs,
+          class: "mn-t-small pd-thin bg-light radius-small w-max t-nowrap o-scroll p-medium"
+        }, null, 8, ["selected", "tabs"])) : vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=SectionPageTitle.vue.cjs.map

package/dist/martyrs/src/modules/globals/views/components/sections/SectionPageTitle.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionPageTitle.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/sections/SectionPageTitle.vue"],"sourcesContent":["<template>\n  <div>\n    <header class=\"flex-v-center flex-nowrap flex\">\n      <h1 class=\"h2 mn-r-auto\">{{ title }}</h1>\n\n      <template  \n        v-for=\"action in actions\"   \n        v-if=\"actions && actions.length > 0\"\n      >\n        <router-link\n          v-if=\"action.to\"\n          :key=\"action.to\"\n          :to=\"action.to\"\n          :class=\"action.class || 'radius-extra pd-small pd-r-medium pd-l-medium p-medium uppercase t-medium hover-scale-1 transition-ease cursor-pointer t-white bg-second flex-center flex'\"\n        >\n          {{ action.label }}\n        </router-link>\n\n        <button\n          v-if=\"action.method\"\n          @click=\"action.method\"\n          :class=\"action.class || 'radius-extra pd-thin uppercase t-medium hover-scale-1 transition-ease cursor-pointer t-white bg-second flex-center flex'\"\n        >\n          {{ action.label }}\n        </button>\n      </template>\n    </header>\n\n    <Tab\n      v-if=\"tabs\"\n      :selected=\"tabs_current\"\n      @update:selected=\"updateTabsCurrent\"\n      :tabs=\"tabs\"\n      class=\"mn-t-small pd-thin bg-light radius-small w-max t-nowrap o-scroll p-medium\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\nimport Tab from '@martyrs/src/components/Tab/Tab.vue'\n\nconst emits = defineEmits([\n  'update:tabs_current'\n])\n\nconst props = defineProps({\n  title: String,\n  actions: Array,\n  tabs: Array,\n  tabs_current: [Object, String]\n});\n\nconst updateTabsCurrent = (newValue) => {\n  emits('update:tabs_current', newValue); // Emitting to parent component\n}\n</script>\n\n<style scoped>\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AA2CA,UAAM,QAAQ;AAWd,UAAM,oBAAoB,CAAC,aAAa;AACtC,YAAM,uBAAuB,QAAQ;AAAA,IACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}