@ozdao/martyrs 0.2.488 → 0.2.491

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

@@ -0,0 +1,106 @@
+import { ref, onMounted, createElementBlock, openBlock, createElementVNode, createBlock, toDisplayString, unref } from "vue";
+import _sfc_main$1 from "../../../../../components/Address/Address.vue2.js";
+import _sfc_main$2 from "../../../../../components/LocationMarker/LocationMarker.vue2.js";
+import { useRoute, useRouter } from "vue-router";
+import { useI18n } from "vue-i18n";
+import { state } from "../../store/globals.js";
+const _hoisted_1 = { class: "t-center flex-center" };
+const _hoisted_2 = { class: "mn-b-semi" };
+const _hoisted_3 = { class: "mn-b-small t-transp p-medium" };
+const _sfc_main = {
+  __name: "LocationSelection",
+  setup(__props) {
+    useRoute();
+    useRouter();
+    const position = ref({
+      country: null,
+      state: null,
+      city: null,
+      address: null,
+      location: null
+    });
+    function savePosition() {
+      state.position = { ...position.value };
+      state.isOpenLocationPopup = false;
+      localStorage.setItem("position", JSON.stringify(state.position));
+    }
+    onMounted(() => {
+      position.value = { ...state.position };
+    });
+    const text = {
+      messages: {
+        en: {
+          title: "Choose Your Location",
+          description: "Enter your address or select it on the map to see the nearest offers to you."
+        },
+        ru: {
+          title: "Выбор Локации",
+          description: "Пожалуйста, выберите вашу страну из списка ниже, чтобы увидеть варианты доставки и другую актуальную информацию:"
+        }
+      }
+    };
+    const { t } = useI18n(text);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _cache[11] || (_cache[11] = createElementVNode("p", { class: "h1 mn-b-medium" }, "🌍", -1)),
+        createElementVNode("h3", _hoisted_2, toDisplayString(unref(t)("title")), 1),
+        createElementVNode("p", _hoisted_3, toDisplayString(unref(t)("description")), 1),
+        (openBlock(), createBlock(_sfc_main$1, {
+          key: _ctx.$i18n.locale,
+          apiKey: _ctx.GOOGLE_MAPS_API_KEY,
+          locale: _ctx.$i18n.locale,
+          address: position.value.address,
+          location: position.value.location,
+          placeholder: "Enter your address",
+          class: "bg-white radius-tl-medium radius-tr-medium t-black br-grey-transp-25 br-solid br-2px pd-medium",
+          "onUpdate:country": _cache[0] || (_cache[0] = (newCountry) => {
+            position.value.country = newCountry;
+          }),
+          "onUpdate:state": _cache[1] || (_cache[1] = (newState) => {
+            position.value.state = newState;
+          }),
+          "onUpdate:city": _cache[2] || (_cache[2] = (newCity) => {
+            position.value.city = newCity;
+          }),
+          "onUpdate:location": _cache[3] || (_cache[3] = (newLocation) => {
+            position.value.location = newLocation;
+          }),
+          "onUpdate:address": _cache[4] || (_cache[4] = (newAddress) => {
+            position.value.address = newAddress;
+          })
+        }, null, 8, ["apiKey", "locale", "address", "location"])),
+        (openBlock(), createBlock(_sfc_main$2, {
+          key: _ctx.$i18n.locale,
+          apiKey: _ctx.GOOGLE_MAPS_API_KEY,
+          locale: _ctx.$i18n.locale,
+          address: position.value.address,
+          location: position.value.location,
+          class: "bg-light radius-bl-medium radius-br-medium h-15r o-hidden",
+          "onUpdate:country": _cache[5] || (_cache[5] = (newCountry) => {
+            position.value.country = newCountry;
+          }),
+          "onUpdate:state": _cache[6] || (_cache[6] = (newState) => {
+            position.value.state = newState;
+          }),
+          "onUpdate:city": _cache[7] || (_cache[7] = (newCity) => {
+            position.value.city = newCity;
+          }),
+          "onUpdate:location": _cache[8] || (_cache[8] = (newLocation) => {
+            position.value.location = newLocation;
+          }),
+          "onUpdate:address": _cache[9] || (_cache[9] = (newAddress) => {
+            position.value.address = newAddress;
+          })
+        }, null, 8, ["apiKey", "locale", "address", "location"])),
+        createElementVNode("button", {
+          onClick: _cache[10] || (_cache[10] = ($event) => savePosition()),
+          class: "w-100 mn-t-medium bg-main radius-extra button"
+        }, "Save Position")
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=LocationSelection.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LocationSelection.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/partials/LocationSelection.vue"],"sourcesContent":["<template>\n\t<div class=\"t-center flex-center\">\n\t\t<p class=\"h1 mn-b-medium\">🌍</p>\n\t\t\n\t\t<h3 class=\"mn-b-semi\">{{t('title')}}</h3>\n\t\t<p class=\"mn-b-small t-transp p-medium\">{{t('description')}}</p> \n\t\t\n\t\t<Address\n\t\t\t:key=\"$i18n.locale\"\n      :apiKey=\"GOOGLE_MAPS_API_KEY\" \n\n      :locale=\"$i18n.locale\"\n      \n      :address=\"position.address\" \n      :location=\"position.location\"  \n      \n      placeholder=\"Enter your address\"  \n\n      class=\"\n        bg-white radius-tl-medium radius-tr-medium  t-black br-grey-transp-25 br-solid br-2px pd-medium\n      \"\n\n      @update:country=\"newCountry => {\n        position.country = newCountry;\n      }\"\n\t\t  @update:state=\"newState => {\n        position.state = newState;\n      }\"\n\t\t  @update:city=\"newCity => {\n        position.city = newCity;\n      }\"\n      @update:location=\"newLocation => {\n        position.location = newLocation;\n      }\"\n      @update:address=\"newAddress => {\n        position.address = newAddress;\n      }\"\n    />\n\n    <LocationMarker \n    \t:key=\"$i18n.locale\"\n      :apiKey=\"GOOGLE_MAPS_API_KEY\" \n      :locale=\"$i18n.locale\"\n\n\n      :address=\"position.address\" \n      :location=\"position.location\" \n\n      class=\"bg-light radius-bl-medium radius-br-medium h-15r o-hidden\"\n\n      @update:country=\"newCountry => {\n        position.country = newCountry;\n      }\"\n\t\t  @update:state=\"newState => {\n        position.state = newState;\n      }\"\n\t\t  @update:city=\"newCity => {\n        position.city = newCity;\n      }\"\n      @update:location=\"newLocation => {\n        position.location = newLocation;\n      }\"\n      @update:address=\"newAddress => {\n        position.address = newAddress;\n      }\"\n    />\n\t\t\n\t\t<button @click=\"savePosition()\" class=\"w-100 mn-t-medium bg-main radius-extra button\">Save Position</button>\n\t</div>\n</template>\n\n<script setup>\nimport { computed, onMounted, ref } from 'vue'\n// Import components\nimport Address from \"@martyrs/src/components/Address/Address.vue\";\nimport LocationMarker from \"@martyrs/src/components/LocationMarker/LocationMarker.vue\";\n// Import libs\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\n\n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n\nconst position = ref({\n\tcountry: null,\n  state: null,\n  city: null,\n  address: null,\n  location: null,\n})\n\nfunction savePosition() {\n\tglobals.state.position = { ...position.value };\n\tglobals.state.isOpenLocationPopup = false\n\n\tlocalStorage.setItem('position', JSON.stringify(globals.state.position));\n}\n\nonMounted(() => {\n\tposition.value = { ...globals.state.position }\n})\n\n// Localization\nconst text = {\n  messages: {\n    en: {\n\t    title: \"Choose Your Location\",\n\t    description: \"Enter your address or select it on the map to see the nearest offers to you.\",\n    },\n    ru: {\n\t\t  title: \"Выбор Локации\",\n\t    description: \"Пожалуйста, выберите вашу страну из списка ниже, чтобы увидеть варианты доставки и другую актуальную информацию:\"\n\t  }\n\t}\n}\nconst { t } = useI18n(text)\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["globals.state"],"mappings":";;;;;;;;;;;;AAmFc,aAAQ;AACP,cAAS;AAExB,UAAM,WAAW,IAAI;AAAA,MACpB,SAAS;AAAA,MACR,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU;AAAA,IACZ,CAAC;AAED,aAAS,eAAe;AACvBA,YAAc,WAAW,EAAE,GAAG,SAAS,MAAO;AAC9CA,YAAc,sBAAsB;AAEpC,mBAAa,QAAQ,YAAY,KAAK,UAAUA,MAAc,QAAQ,CAAC;AAAA,IACxE;AAEA,cAAU,MAAM;AACf,eAAS,QAAQ,EAAE,GAAGA,MAAc,SAAQ;AAAA,IAC7C,CAAC;AAGD,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACH,OAAO;AAAA,UACP,aAAa;AAAA,QACb;AAAA,QACD,IAAI;AAAA,UACJ,OAAO;AAAA,UACN,aAAa;AAAA,QAClB;AAAA,MACA;AAAA,IACA;AACA,UAAM,EAAE,EAAC,IAAK,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,196 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const IconChevronBottom = require("../../../../icons/navigation/IconChevronBottom.vue.cjs");
+const globals = require("../../store/globals.cjs");
+const auth = require("../../../../auth/views/store/auth.cjs");
+;/* empty css                                                */
+;/* empty css                                              */
+const _pluginVue_exportHelper = require("../../../../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = {
+  key: 0,
+  class: "w-100 flex-child-default w-max-big flex flex-center aspect-1x1"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "p-medium"
+};
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = {
+  key: 0,
+  class: "mn-l-small mn-t-thin"
+};
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = {
+  key: 1,
+  class: ""
+};
+const _hoisted_8 = { class: "w-100" };
+const _sfc_main = {
+  __name: "Navigation",
+  props: {
+    navigationItems: Array,
+    theme: {
+      type: String,
+      default: "light"
+    },
+    stateSidebar: {
+      type: Boolean,
+      default: false
+    },
+    horizontal: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: [
+    "closeSidebar"
+  ],
+  setup(__props, { emit: __emit }) {
+    const router = vueRouter.useRouter();
+    const route = vueRouter.useRoute();
+    const props = __props;
+    const emits = __emit;
+    const expandedSections = vue.ref([]);
+    const toggleSection = (title) => {
+      if (!props.stateSidebar) {
+        if (menuItems.value.flatMap((section) => section.items).find((item) => item.title === title && item.subItems)) {
+          emits("closeSidebar");
+          setTimeout(() => {
+            expandedSections.value.push(title);
+          }, 50);
+        }
+        return;
+      }
+      const index = expandedSections.value.indexOf(title);
+      if (index === -1) {
+        expandedSections.value.push(title);
+      } else {
+        expandedSections.value.splice(index, 1);
+      }
+    };
+    const isSectionExpanded = (title) => {
+      return expandedSections.value.includes(title);
+    };
+    const processRoute = (routeFn) => {
+      if (typeof routeFn === "function") {
+        return routeFn(auth.state, route);
+      }
+      return routeFn;
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("nav", {
+        class: vue.normalizeClass(["transition-quint-out o-x-hidden h-100", [
+          __props.stateSidebar ? "pd-small" : "pd-micro",
+          __props.horizontal ? "w-100 desktop-only flex flex-center flex-nowrap o-y-hidden" : "o-y-scroll rows-1"
+        ]])
+      }, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.navigationItems, (section) => {
+          return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+            key: section.category,
+            class: vue.normalizeClass(["transition-quint-out", [
+              __props.horizontal ? "w-max flex-child-default flex flex-nowrap" : "",
+              __props.stateSidebar && !__props.horizontal ? "mn-t-medium" : ""
+            ]])
+          }, [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(["uppercase t-medium t-transp p-small", {
+                "hidden": !__props.stateSidebar || __props.horizontal,
+                "visible": __props.stateSidebar && !__props.horizontal,
+                "t-black": __props.theme === "light",
+                "t-white": __props.theme === "dark"
+              }])
+            }, vue.toDisplayString(section.category), 3),
+            vue.createElementVNode("ul", {
+              class: vue.normalizeClass([
+                __props.horizontal ? "w-100 gap-micro flex flex-nowrap" : "flex flex-column gap-micro"
+              ])
+            }, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(section.items, (item) => {
+                return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
+                  class: "w-100 pos-relative",
+                  key: item.title
+                }, [
+                  vue.createElementVNode("button", {
+                    class: vue.normalizeClass(["transition-quint-out w-100 flex radius-small flex-nowrap cursor-pointer flex-v-center", [
+                      __props.horizontal ? "pd-thin" : "",
+                      item.route && vue.unref(route).path === processRoute(item.route) ? __props.theme === "light" ? "bg-light" : "bg-dark" : "",
+                      __props.theme === "light" ? "hover-bg-light" : "hover-bg-dark"
+                    ]]),
+                    onClick: ($event) => item.route ? (_ctx.isPhone ? __props.stateSidebar = false : null, vue.unref(route).path !== processRoute(item.route) ? vue.unref(router).push(processRoute(item.route)) : null) : null
+                  }, [
+                    !__props.horizontal ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+                      item.iconComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.iconComponent), {
+                        key: 0,
+                        class: "i-medium flex-child-default",
+                        fill: globals.state.theme.darkmode || __props.theme === "dark" ? "rgba(255,255,255,0.7)" : "rgba(0,0,0,0.25)"
+                      }, null, 8, ["fill"])) : vue.createCommentVNode("", true),
+                      !item.iconComponent ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(item.icon), 1)) : vue.createCommentVNode("", true)
+                    ])) : vue.createCommentVNode("", true),
+                    vue.createElementVNode("span", {
+                      class: vue.normalizeClass(["transition-quint-out w-100 t-left t-medium", { "hidden": !__props.stateSidebar && !__props.horizontal, "visible": __props.stateSidebar || __props.horizontal }])
+                    }, vue.toDisplayString(item.title), 3),
+                    item.subItems && __props.stateSidebar && !__props.horizontal ? (vue.openBlock(), vue.createElementBlock("span", {
+                      key: 1,
+                      class: vue.normalizeClass(["mn-l-auto mn-r-small sidebar-dropdown-icon", { "rotate-180": isSectionExpanded(item.title) }]),
+                      onClick: vue.withModifiers(($event) => toggleSection(item.title), ["stop"])
+                    }, [
+                      vue.createVNode(IconChevronBottom.default, {
+                        class: vue.normalizeClass([{ "rotate-180 mn-t-micro-negative": _ctx.isOpen }, "i-small"]),
+                        fill: __props.theme === "dark" ? "rgb(var(--white))" : "rgb(var(--black))"
+                      }, null, 8, ["class", "fill"])
+                    ], 10, _hoisted_4)) : vue.createCommentVNode("", true)
+                  ], 10, _hoisted_1),
+                  vue.createVNode(vue.Transition, {
+                    "enter-active-class": "dropdown-enter",
+                    "leave-active-class": "dropdown-leave",
+                    "enter-from-class": "dropdown-enter-from",
+                    "enter-to-class": "dropdown-enter-to",
+                    "leave-from-class": "dropdown-leave-from",
+                    "leave-to-class": "dropdown-leave-to"
+                  }, {
+                    default: vue.withCtx(() => [
+                      item.subItems && isSectionExpanded(item.title) && __props.stateSidebar && !__props.horizontal ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_5, [
+                        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item.subItems, (subItem) => {
+                          return vue.openBlock(), vue.createElementBlock("li", {
+                            key: subItem.title
+                          }, [
+                            vue.createElementVNode("a", {
+                              onClick: ($event) => subItem.route ? (_ctx.isPhone ? __props.stateSidebar = false : null, vue.unref(route).path !== processRoute(subItem.route) ? vue.unref(router).push(processRoute(subItem.route)) : null) : null,
+                              href: "#",
+                              class: vue.normalizeClass(["transition-quint-out flex flex-v-center flex-nowrap gap-thin pd-thin radius-small", [
+                                subItem.route && vue.unref(route).path === processRoute(subItem.route) ? __props.theme === "light" ? "bg-light" : "bg-dark" : "",
+                                __props.theme === "light" ? "hover-bg-light" : "hover-bg-dark"
+                              ]])
+                            }, [
+                              subItem.iconComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(subItem.iconComponent), {
+                                key: 0,
+                                class: "i-medium",
+                                fill: globals.state.theme.darkmode || __props.theme === "dark" ? "rgba(255,255,255,0.7)" : "rgba(0,0,0,0.25)"
+                              }, null, 8, ["fill"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, vue.toDisplayString(subItem.icon), 1)),
+                              vue.createElementVNode("span", _hoisted_8, vue.toDisplayString(subItem.title), 1)
+                            ], 10, _hoisted_6)
+                          ]);
+                        }), 128))
+                      ])) : vue.createCommentVNode("", true)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ])), [
+                  [vue.vShow, !item.visible || (typeof item.visible === "function" ? item.visible(auth.state, vue.unref(route)) : true)]
+                ]);
+              }), 128))
+            ], 2)
+          ], 2)), [
+            [vue.vShow, !section.visible || (typeof section.visible === "function" ? section.visible(auth.state, vue.unref(route)) : true)]
+          ]);
+        }), 128))
+      ], 2);
+    };
+  }
+};
+const Navigation = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-2c43f1ca"]]);
+exports.default = Navigation;
+//# sourceMappingURL=Navigation.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/Navigation.vue"],"sourcesContent":["<script setup>\nimport { ref, watch, computed } from 'vue'\nimport { useRouter, useRoute } from 'vue-router'\n\nimport IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue'\n\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\nconst router = useRouter()\nconst route = useRoute()\n\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue'\nimport Spoiler from '@martyrs/src/components/Spoiler/Spoiler.vue'\n\nconst props = defineProps({\n  navigationItems: Array,\n  theme: {\n    type: String,\n    default: \"light\"\n  },\n  stateSidebar: {\n    type: Boolean,\n    default: false\n  },\n  horizontal: {\n    type: Boolean,\n    default: false\n  }\n})\n\nconst emits = defineEmits([\n  'closeSidebar'\n])\n\nconst expandedSections = ref([])\n\nconst toggleSection = (title) => {\n  if (!props.stateSidebar) {\n    if (menuItems.value.flatMap(section => section.items).find(item => item.title === title && item.subItems)) {\n      emits('closeSidebar')\n      setTimeout(() => {\n        expandedSections.value.push(title)\n      }, 50)\n    }\n    return\n  }\n  \n  const index = expandedSections.value.indexOf(title)\n\n  if (index === -1) {\n    expandedSections.value.push(title)\n  } else {\n    expandedSections.value.splice(index, 1)\n  }\n}\n\nconst isSectionExpanded = (title) => {\n  return expandedSections.value.includes(title)\n}\n\n// Process route functions with auth data and route\nconst processRoute = (routeFn) => {\n  if (typeof routeFn === 'function') {\n    return routeFn(auth.state, route)\n  }\n  return routeFn\n}\n</script>\n\n<template>\n  <nav\n    class=\"transition-quint-out o-x-hidden h-100\"\n    :class=\"[\n      stateSidebar ? 'pd-small' : 'pd-micro',\n      horizontal ? 'w-100 desktop-only flex flex-center flex-nowrap o-y-hidden' : 'o-y-scroll rows-1',\n    ]\"\n  >\n    <div \n      v-for=\"section in props.navigationItems\" \n      v-show=\"!section.visible || (typeof section.visible === 'function' ? section.visible(auth.state, route) : true)\"\n      :key=\"section.category\" \n      class=\"transition-quint-out\"\n      :class=\"[\n        horizontal ? 'w-max flex-child-default flex flex-nowrap' : '',\n        stateSidebar && !horizontal ? 'mn-t-medium' : '',\n      ]\"\n    >\n      <div \n        class=\"uppercase t-medium t-transp p-small\"\n        :class=\"{ \n          'hidden': !stateSidebar || horizontal, \n          'visible': stateSidebar && !horizontal,\n          't-black': theme === 'light',\n          't-white':  theme === 'dark'\n        }\"\n      >\n        {{ section.category }}\n      </div>\n\n      <ul \n        :class=\"[\n          horizontal ? 'w-100 gap-micro flex flex-nowrap' : 'flex flex-column gap-micro',\n        ]\"\n      >\n        <li \n          v-for=\"item in section.items\" \n          v-show=\"!item.visible || (typeof item.visible === 'function' ? item.visible(auth.state, route) : true)\"\n          class=\"w-100 pos-relative\"\n          :key=\"item.title\"\n           \n        >\n        <button\n          class=\"transition-quint-out w-100 flex radius-small flex-nowrap cursor-pointer flex-v-center\"\n          @click=\"item.route ? (isPhone ? (stateSidebar = false) : null, route.path !== processRoute(item.route) ? router.push(processRoute(item.route)) : null) : null\"\n          :class=\"[\n              horizontal ? 'pd-thin' : '',\n              item.route && route.path === processRoute(item.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',\n              theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'\n            ]\"\n        >\n          <div v-if=\"!horizontal\" class=\"w-100 flex-child-default w-max-big flex flex-center aspect-1x1\">\n            <component \n              v-if=\"item.iconComponent\" \n              :is=\"item.iconComponent\" \n              class=\"i-medium flex-child-default\" \n              :fill=\"globals.state.theme.darkmode || theme === 'dark' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'\"\n            />\n            <span \n              v-if=\"!item.iconComponent \" \n              class=\"p-medium\"\n            >\n              {{ item.icon }}\n            </span>\n          </div>\n          \n          <span\n            class=\"transition-quint-out w-100 t-left t-medium\"\n            :class=\"{ 'hidden': !stateSidebar && !horizontal, 'visible': stateSidebar || horizontal }\"\n          >\n            {{ item.title }}\n          </span>\n          \n          <span\n            v-if=\"item.subItems && stateSidebar && !horizontal\"\n            class=\"mn-l-auto mn-r-small sidebar-dropdown-icon\"\n            :class=\"{ 'rotate-180': isSectionExpanded(item.title) }\"\n            @click.stop=\"toggleSection(item.title)\" \n          >\n             <IconChevronBottom :class=\"{ 'rotate-180 mn-t-micro-negative': isOpen }\" :fill=\" theme === 'dark' ? 'rgb(var(--white))': 'rgb(var(--black))'\" class=\"i-small\"/>\n          </span>\n        </button>\n        <transition\n          enter-active-class=\"dropdown-enter\"\n          leave-active-class=\"dropdown-leave\"\n          enter-from-class=\"dropdown-enter-from\"\n          enter-to-class=\"dropdown-enter-to\"\n          leave-from-class=\"dropdown-leave-from\"\n          leave-to-class=\"dropdown-leave-to\"\n        >\n          <ul\n            v-if=\"item.subItems && isSectionExpanded(item.title) && stateSidebar && !horizontal\"\n            class=\"mn-l-small mn-t-thin\"\n          >\n            <li v-for=\"subItem in item.subItems\" :key=\"subItem.title\">\n              \n              <a \n               @click=\"subItem.route ? (isPhone ? (stateSidebar = false) : null, route.path !== processRoute(subItem.route) ? router.push(processRoute(subItem.route)) : null) : null\"\n                href=\"#\" \n                class=\"transition-quint-out flex flex-v-center flex-nowrap gap-thin pd-thin radius-small\"\n                :class=\"[\n                  subItem.route && route.path === processRoute(subItem.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',\n                    theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'\n                    ]\"\n              >\n                <component \n                  v-if=\"subItem.iconComponent\" \n                  :is=\"subItem.iconComponent\" \n                  class=\"i-medium\" \n                 :fill=\"globals.state.theme.darkmode || theme === 'dark' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'\"\n                />\n                <span v-else class=\"\">{{ subItem.icon }}</span>\n                <span class=\"w-100\">{{ subItem.title }}</span>\n              </a>\n            </li>\n          </ul>\n        </transition> \n        </li>\n      </ul>\n    </div>\n  </nav>\n</template>\n\n<style scoped>\n\n.rotate-180 {\n  transform: rotate(180deg);\n}\n\n.hidden {\n/*  opacity: 0;*/\n  width: 0;\n  display: none;\n}\n\n.visible {\n/*  opacity: 1;*/\n  display: block;\n}\n\n/* Dropdown animations */\n.dropdown-enter, .dropdown-leave {\n  transition: all 0.3s ease-in-out;\n}\n\n.dropdown-enter-from, .dropdown-leave-to {\n  opacity: 0;\n  transform: translateY(-0.5rem);\n}\n\n.dropdown-enter-to, .dropdown-leave-from {\n  opacity: 1;\n  transform: translateY(0);\n}\n</style>"],"names":["useRouter","useRoute","ref","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAM,SAASA,UAAS,UAAA;AACxB,UAAM,QAAQC,UAAQ,SAAA;AAKtB,UAAM,QAAQ;AAgBd,UAAM,QAAQ;AAId,UAAM,mBAAmBC,IAAG,IAAC,CAAE,CAAA;AAE/B,UAAM,gBAAgB,CAAC,UAAU;AAC/B,UAAI,CAAC,MAAM,cAAc;AACvB,YAAI,UAAU,MAAM,QAAQ,aAAW,QAAQ,KAAK,EAAE,KAAK,UAAQ,KAAK,UAAU,SAAS,KAAK,QAAQ,GAAG;AACzG,gBAAM,cAAc;AACpB,qBAAW,MAAM;AACf,6BAAiB,MAAM,KAAK,KAAK;AAAA,UACzC,GAAS,EAAE;AAAA,QACX;AACI;AAAA,MACJ;AAEE,YAAM,QAAQ,iBAAiB,MAAM,QAAQ,KAAK;AAElD,UAAI,UAAU,IAAI;AAChB,yBAAiB,MAAM,KAAK,KAAK;AAAA,MACrC,OAAS;AACL,yBAAiB,MAAM,OAAO,OAAO,CAAC;AAAA,MAC1C;AAAA,IACA;AAEA,UAAM,oBAAoB,CAAC,UAAU;AACnC,aAAO,iBAAiB,MAAM,SAAS,KAAK;AAAA,IAC9C;AAGA,UAAM,eAAe,CAAC,YAAY;AAChC,UAAI,OAAO,YAAY,YAAY;AACjC,eAAO,QAAQC,KAAAA,OAAY,KAAK;AAAA,MACpC;AACE,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,196 @@
+import { ref, createElementBlock, openBlock, normalizeClass, Fragment, renderList, withDirectives, createElementVNode, toDisplayString, createVNode, unref, createCommentVNode, createBlock, resolveDynamicComponent, withModifiers, Transition, withCtx, vShow } from "vue";
+import { useRouter, useRoute } from "vue-router";
+import IconChevronBottom from "../../../../icons/navigation/IconChevronBottom.vue.js";
+import { state } from "../../store/globals.js";
+import { state as state$1 } from "../../../../auth/views/store/auth.js";
+/* empty css                                              */
+/* empty css                                            */
+import _export_sfc from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = {
+  key: 0,
+  class: "w-100 flex-child-default w-max-big flex flex-center aspect-1x1"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "p-medium"
+};
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = {
+  key: 0,
+  class: "mn-l-small mn-t-thin"
+};
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = {
+  key: 1,
+  class: ""
+};
+const _hoisted_8 = { class: "w-100" };
+const _sfc_main = {
+  __name: "Navigation",
+  props: {
+    navigationItems: Array,
+    theme: {
+      type: String,
+      default: "light"
+    },
+    stateSidebar: {
+      type: Boolean,
+      default: false
+    },
+    horizontal: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: [
+    "closeSidebar"
+  ],
+  setup(__props, { emit: __emit }) {
+    const router = useRouter();
+    const route = useRoute();
+    const props = __props;
+    const emits = __emit;
+    const expandedSections = ref([]);
+    const toggleSection = (title) => {
+      if (!props.stateSidebar) {
+        if (menuItems.value.flatMap((section) => section.items).find((item) => item.title === title && item.subItems)) {
+          emits("closeSidebar");
+          setTimeout(() => {
+            expandedSections.value.push(title);
+          }, 50);
+        }
+        return;
+      }
+      const index = expandedSections.value.indexOf(title);
+      if (index === -1) {
+        expandedSections.value.push(title);
+      } else {
+        expandedSections.value.splice(index, 1);
+      }
+    };
+    const isSectionExpanded = (title) => {
+      return expandedSections.value.includes(title);
+    };
+    const processRoute = (routeFn) => {
+      if (typeof routeFn === "function") {
+        return routeFn(state$1, route);
+      }
+      return routeFn;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("nav", {
+        class: normalizeClass(["transition-quint-out o-x-hidden h-100", [
+          __props.stateSidebar ? "pd-small" : "pd-micro",
+          __props.horizontal ? "w-100 desktop-only flex flex-center flex-nowrap o-y-hidden" : "o-y-scroll rows-1"
+        ]])
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(props.navigationItems, (section) => {
+          return withDirectives((openBlock(), createElementBlock("div", {
+            key: section.category,
+            class: normalizeClass(["transition-quint-out", [
+              __props.horizontal ? "w-max flex-child-default flex flex-nowrap" : "",
+              __props.stateSidebar && !__props.horizontal ? "mn-t-medium" : ""
+            ]])
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass(["uppercase t-medium t-transp p-small", {
+                "hidden": !__props.stateSidebar || __props.horizontal,
+                "visible": __props.stateSidebar && !__props.horizontal,
+                "t-black": __props.theme === "light",
+                "t-white": __props.theme === "dark"
+              }])
+            }, toDisplayString(section.category), 3),
+            createElementVNode("ul", {
+              class: normalizeClass([
+                __props.horizontal ? "w-100 gap-micro flex flex-nowrap" : "flex flex-column gap-micro"
+              ])
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(section.items, (item) => {
+                return withDirectives((openBlock(), createElementBlock("li", {
+                  class: "w-100 pos-relative",
+                  key: item.title
+                }, [
+                  createElementVNode("button", {
+                    class: normalizeClass(["transition-quint-out w-100 flex radius-small flex-nowrap cursor-pointer flex-v-center", [
+                      __props.horizontal ? "pd-thin" : "",
+                      item.route && unref(route).path === processRoute(item.route) ? __props.theme === "light" ? "bg-light" : "bg-dark" : "",
+                      __props.theme === "light" ? "hover-bg-light" : "hover-bg-dark"
+                    ]]),
+                    onClick: ($event) => item.route ? (_ctx.isPhone ? __props.stateSidebar = false : null, unref(route).path !== processRoute(item.route) ? unref(router).push(processRoute(item.route)) : null) : null
+                  }, [
+                    !__props.horizontal ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                      item.iconComponent ? (openBlock(), createBlock(resolveDynamicComponent(item.iconComponent), {
+                        key: 0,
+                        class: "i-medium flex-child-default",
+                        fill: state.theme.darkmode || __props.theme === "dark" ? "rgba(255,255,255,0.7)" : "rgba(0,0,0,0.25)"
+                      }, null, 8, ["fill"])) : createCommentVNode("", true),
+                      !item.iconComponent ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(item.icon), 1)) : createCommentVNode("", true)
+                    ])) : createCommentVNode("", true),
+                    createElementVNode("span", {
+                      class: normalizeClass(["transition-quint-out w-100 t-left t-medium", { "hidden": !__props.stateSidebar && !__props.horizontal, "visible": __props.stateSidebar || __props.horizontal }])
+                    }, toDisplayString(item.title), 3),
+                    item.subItems && __props.stateSidebar && !__props.horizontal ? (openBlock(), createElementBlock("span", {
+                      key: 1,
+                      class: normalizeClass(["mn-l-auto mn-r-small sidebar-dropdown-icon", { "rotate-180": isSectionExpanded(item.title) }]),
+                      onClick: withModifiers(($event) => toggleSection(item.title), ["stop"])
+                    }, [
+                      createVNode(IconChevronBottom, {
+                        class: normalizeClass([{ "rotate-180 mn-t-micro-negative": _ctx.isOpen }, "i-small"]),
+                        fill: __props.theme === "dark" ? "rgb(var(--white))" : "rgb(var(--black))"
+                      }, null, 8, ["class", "fill"])
+                    ], 10, _hoisted_4)) : createCommentVNode("", true)
+                  ], 10, _hoisted_1),
+                  createVNode(Transition, {
+                    "enter-active-class": "dropdown-enter",
+                    "leave-active-class": "dropdown-leave",
+                    "enter-from-class": "dropdown-enter-from",
+                    "enter-to-class": "dropdown-enter-to",
+                    "leave-from-class": "dropdown-leave-from",
+                    "leave-to-class": "dropdown-leave-to"
+                  }, {
+                    default: withCtx(() => [
+                      item.subItems && isSectionExpanded(item.title) && __props.stateSidebar && !__props.horizontal ? (openBlock(), createElementBlock("ul", _hoisted_5, [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(item.subItems, (subItem) => {
+                          return openBlock(), createElementBlock("li", {
+                            key: subItem.title
+                          }, [
+                            createElementVNode("a", {
+                              onClick: ($event) => subItem.route ? (_ctx.isPhone ? __props.stateSidebar = false : null, unref(route).path !== processRoute(subItem.route) ? unref(router).push(processRoute(subItem.route)) : null) : null,
+                              href: "#",
+                              class: normalizeClass(["transition-quint-out flex flex-v-center flex-nowrap gap-thin pd-thin radius-small", [
+                                subItem.route && unref(route).path === processRoute(subItem.route) ? __props.theme === "light" ? "bg-light" : "bg-dark" : "",
+                                __props.theme === "light" ? "hover-bg-light" : "hover-bg-dark"
+                              ]])
+                            }, [
+                              subItem.iconComponent ? (openBlock(), createBlock(resolveDynamicComponent(subItem.iconComponent), {
+                                key: 0,
+                                class: "i-medium",
+                                fill: state.theme.darkmode || __props.theme === "dark" ? "rgba(255,255,255,0.7)" : "rgba(0,0,0,0.25)"
+                              }, null, 8, ["fill"])) : (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(subItem.icon), 1)),
+                              createElementVNode("span", _hoisted_8, toDisplayString(subItem.title), 1)
+                            ], 10, _hoisted_6)
+                          ]);
+                        }), 128))
+                      ])) : createCommentVNode("", true)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ])), [
+                  [vShow, !item.visible || (typeof item.visible === "function" ? item.visible(state$1, unref(route)) : true)]
+                ]);
+              }), 128))
+            ], 2)
+          ], 2)), [
+            [vShow, !section.visible || (typeof section.visible === "function" ? section.visible(state$1, unref(route)) : true)]
+          ]);
+        }), 128))
+      ], 2);
+    };
+  }
+};
+const Navigation = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2c43f1ca"]]);
+export {
+  Navigation as default
+};
+//# sourceMappingURL=Navigation.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/partials/Navigation.vue"],"sourcesContent":["<script setup>\nimport { ref, watch, computed } from 'vue'\nimport { useRouter, useRoute } from 'vue-router'\n\nimport IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue'\n\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\nconst router = useRouter()\nconst route = useRoute()\n\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue'\nimport Spoiler from '@martyrs/src/components/Spoiler/Spoiler.vue'\n\nconst props = defineProps({\n  navigationItems: Array,\n  theme: {\n    type: String,\n    default: \"light\"\n  },\n  stateSidebar: {\n    type: Boolean,\n    default: false\n  },\n  horizontal: {\n    type: Boolean,\n    default: false\n  }\n})\n\nconst emits = defineEmits([\n  'closeSidebar'\n])\n\nconst expandedSections = ref([])\n\nconst toggleSection = (title) => {\n  if (!props.stateSidebar) {\n    if (menuItems.value.flatMap(section => section.items).find(item => item.title === title && item.subItems)) {\n      emits('closeSidebar')\n      setTimeout(() => {\n        expandedSections.value.push(title)\n      }, 50)\n    }\n    return\n  }\n  \n  const index = expandedSections.value.indexOf(title)\n\n  if (index === -1) {\n    expandedSections.value.push(title)\n  } else {\n    expandedSections.value.splice(index, 1)\n  }\n}\n\nconst isSectionExpanded = (title) => {\n  return expandedSections.value.includes(title)\n}\n\n// Process route functions with auth data and route\nconst processRoute = (routeFn) => {\n  if (typeof routeFn === 'function') {\n    return routeFn(auth.state, route)\n  }\n  return routeFn\n}\n</script>\n\n<template>\n  <nav\n    class=\"transition-quint-out o-x-hidden h-100\"\n    :class=\"[\n      stateSidebar ? 'pd-small' : 'pd-micro',\n      horizontal ? 'w-100 desktop-only flex flex-center flex-nowrap o-y-hidden' : 'o-y-scroll rows-1',\n    ]\"\n  >\n    <div \n      v-for=\"section in props.navigationItems\" \n      v-show=\"!section.visible || (typeof section.visible === 'function' ? section.visible(auth.state, route) : true)\"\n      :key=\"section.category\" \n      class=\"transition-quint-out\"\n      :class=\"[\n        horizontal ? 'w-max flex-child-default flex flex-nowrap' : '',\n        stateSidebar && !horizontal ? 'mn-t-medium' : '',\n      ]\"\n    >\n      <div \n        class=\"uppercase t-medium t-transp p-small\"\n        :class=\"{ \n          'hidden': !stateSidebar || horizontal, \n          'visible': stateSidebar && !horizontal,\n          't-black': theme === 'light',\n          't-white':  theme === 'dark'\n        }\"\n      >\n        {{ section.category }}\n      </div>\n\n      <ul \n        :class=\"[\n          horizontal ? 'w-100 gap-micro flex flex-nowrap' : 'flex flex-column gap-micro',\n        ]\"\n      >\n        <li \n          v-for=\"item in section.items\" \n          v-show=\"!item.visible || (typeof item.visible === 'function' ? item.visible(auth.state, route) : true)\"\n          class=\"w-100 pos-relative\"\n          :key=\"item.title\"\n           \n        >\n        <button\n          class=\"transition-quint-out w-100 flex radius-small flex-nowrap cursor-pointer flex-v-center\"\n          @click=\"item.route ? (isPhone ? (stateSidebar = false) : null, route.path !== processRoute(item.route) ? router.push(processRoute(item.route)) : null) : null\"\n          :class=\"[\n              horizontal ? 'pd-thin' : '',\n              item.route && route.path === processRoute(item.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',\n              theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'\n            ]\"\n        >\n          <div v-if=\"!horizontal\" class=\"w-100 flex-child-default w-max-big flex flex-center aspect-1x1\">\n            <component \n              v-if=\"item.iconComponent\" \n              :is=\"item.iconComponent\" \n              class=\"i-medium flex-child-default\" \n              :fill=\"globals.state.theme.darkmode || theme === 'dark' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'\"\n            />\n            <span \n              v-if=\"!item.iconComponent \" \n              class=\"p-medium\"\n            >\n              {{ item.icon }}\n            </span>\n          </div>\n          \n          <span\n            class=\"transition-quint-out w-100 t-left t-medium\"\n            :class=\"{ 'hidden': !stateSidebar && !horizontal, 'visible': stateSidebar || horizontal }\"\n          >\n            {{ item.title }}\n          </span>\n          \n          <span\n            v-if=\"item.subItems && stateSidebar && !horizontal\"\n            class=\"mn-l-auto mn-r-small sidebar-dropdown-icon\"\n            :class=\"{ 'rotate-180': isSectionExpanded(item.title) }\"\n            @click.stop=\"toggleSection(item.title)\" \n          >\n             <IconChevronBottom :class=\"{ 'rotate-180 mn-t-micro-negative': isOpen }\" :fill=\" theme === 'dark' ? 'rgb(var(--white))': 'rgb(var(--black))'\" class=\"i-small\"/>\n          </span>\n        </button>\n        <transition\n          enter-active-class=\"dropdown-enter\"\n          leave-active-class=\"dropdown-leave\"\n          enter-from-class=\"dropdown-enter-from\"\n          enter-to-class=\"dropdown-enter-to\"\n          leave-from-class=\"dropdown-leave-from\"\n          leave-to-class=\"dropdown-leave-to\"\n        >\n          <ul\n            v-if=\"item.subItems && isSectionExpanded(item.title) && stateSidebar && !horizontal\"\n            class=\"mn-l-small mn-t-thin\"\n          >\n            <li v-for=\"subItem in item.subItems\" :key=\"subItem.title\">\n              \n              <a \n               @click=\"subItem.route ? (isPhone ? (stateSidebar = false) : null, route.path !== processRoute(subItem.route) ? router.push(processRoute(subItem.route)) : null) : null\"\n                href=\"#\" \n                class=\"transition-quint-out flex flex-v-center flex-nowrap gap-thin pd-thin radius-small\"\n                :class=\"[\n                  subItem.route && route.path === processRoute(subItem.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',\n                    theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'\n                    ]\"\n              >\n                <component \n                  v-if=\"subItem.iconComponent\" \n                  :is=\"subItem.iconComponent\" \n                  class=\"i-medium\" \n                 :fill=\"globals.state.theme.darkmode || theme === 'dark' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'\"\n                />\n                <span v-else class=\"\">{{ subItem.icon }}</span>\n                <span class=\"w-100\">{{ subItem.title }}</span>\n              </a>\n            </li>\n          </ul>\n        </transition> \n        </li>\n      </ul>\n    </div>\n  </nav>\n</template>\n\n<style scoped>\n\n.rotate-180 {\n  transform: rotate(180deg);\n}\n\n.hidden {\n/*  opacity: 0;*/\n  width: 0;\n  display: none;\n}\n\n.visible {\n/*  opacity: 1;*/\n  display: block;\n}\n\n/* Dropdown animations */\n.dropdown-enter, .dropdown-leave {\n  transition: all 0.3s ease-in-out;\n}\n\n.dropdown-enter-from, .dropdown-leave-to {\n  opacity: 0;\n  transform: translateY(-0.5rem);\n}\n\n.dropdown-enter-to, .dropdown-leave-from {\n  opacity: 1;\n  transform: translateY(0);\n}\n</style>"],"names":["auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAKtB,UAAM,QAAQ;AAgBd,UAAM,QAAQ;AAId,UAAM,mBAAmB,IAAI,CAAE,CAAA;AAE/B,UAAM,gBAAgB,CAAC,UAAU;AAC/B,UAAI,CAAC,MAAM,cAAc;AACvB,YAAI,UAAU,MAAM,QAAQ,aAAW,QAAQ,KAAK,EAAE,KAAK,UAAQ,KAAK,UAAU,SAAS,KAAK,QAAQ,GAAG;AACzG,gBAAM,cAAc;AACpB,qBAAW,MAAM;AACf,6BAAiB,MAAM,KAAK,KAAK;AAAA,UACzC,GAAS,EAAE;AAAA,QACX;AACI;AAAA,MACJ;AAEE,YAAM,QAAQ,iBAAiB,MAAM,QAAQ,KAAK;AAElD,UAAI,UAAU,IAAI;AAChB,yBAAiB,MAAM,KAAK,KAAK;AAAA,MACrC,OAAS;AACL,yBAAiB,MAAM,OAAO,OAAO,CAAC;AAAA,MAC1C;AAAA,IACA;AAEA,UAAM,oBAAoB,CAAC,UAAU;AACnC,aAAO,iBAAiB,MAAM,SAAS,KAAK;AAAA,IAC9C;AAGA,UAAM,eAAe,CAAC,YAAY;AAChC,UAAI,OAAO,YAAY,YAAY;AACjC,eAAO,QAAQA,SAAY,KAAK;AAAA,MACpC;AACE,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}