@ozdao/martyrs 0.2.593 → 0.2.595

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

@@ -1 +1 @@
-{"version":3,"file":"Navigation.vue.js","sources":["../../../../../../../../src/modules/core/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 { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\nconst store = useStore()\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\n</script>\n\n<template>\n  <nav\n    class=\"ease-quint-out\"\n    :class=\"[\n      stateSidebar ? 'pd-small' : 'pd-micro',\n      horizontal ? 'w-100 desktop-only gap-thin flex flex-center flex-nowrap o-y-visible o-x-visible' : 'gap-medium flex flex-column',\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=\"ease-quint-out\"\n      :class=\"[\n        horizontal ? 'w-max  flex-child-default flex flex-nowrap' : '',\n        stateSidebar && !horizontal ? '' : '',\n      ]\"\n    >\n      <div\n        v-if=\"section.category && stateSidebar && !horizontal\"\n        class=\"uppercase fw-medium t-transp p-small\"\n        :class=\"{\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        <Dropdown\n          v-if=\"item.subItems && horizontal\"\n          class=\"w-100\"\n          align=\"left\"\n          trigger=\"hover\"\n        >\n          <template #label>\n            <button\n              class=\"ease-quint-out w-100 flex radius-small flex-nowrap cursor-pointer flex-v-center pd-thin\"\n              @click=\"item.route ? router.push(processRoute(item.route)) : null\"\n              :class=\"[\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              <span class=\"fw-medium\">{{ item.title }}</span>\n              <!-- <IconChevronBottom :fill=\"theme === 'dark' ? 'rgb(var(--white))': 'rgb(var(--black))'\" class=\"i-small mn-l-thin\"/> -->\n            </button>\n          </template>\n          <ul class=\"dropdown-submenu\">\n            <li v-for=\"subItem in item.subItems\" :key=\"subItem.title\">\n              <a\n                @click=\"subItem.route ? router.push(processRoute(subItem.route)) : null\"\n                href=\"#\"\n                class=\"group ease-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 t-black-transp-25 group-hover:t-main\"\n                />\n                <span v-else class=\"\">{{ subItem.icon }}</span>\n                <span class=\"w-100\">{{ subItem.title }}</span>\n              </a>\n            </li>\n          </ul>\n        </Dropdown>\n        <button\n          v-else\n          class=\"group ease-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 ease-quint-out t-black-transp-25 group-hover:t-main\"\n            />\n            <span\n              v-if=\"!item.iconComponent \"\n              class=\"p-regular\"\n            >\n              {{ item.icon }}\n            </span>\n          </div>\n\n          <span\n            class=\"ease-quint-out w-100 t-left fw-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-180deg': isSectionExpanded(item.title) }\"\n            @click.stop=\"toggleSection(item.title)\"\n          >\n             <IconChevronBottom :class=\"{ 'rotate-180deg 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=\"group ease-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 t-black-transp-25 group-hover:t-main\"\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-180deg {\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\n/* Horizontal dropdown submenu */\n.dropdown-submenu {\n  list-style: none;\n  padding: 0.5rem;\n  margin: 0;\n  min-width: 12rem;\n}\n\n.dropdown-submenu li {\n  width: 100%;\n}\n\n.dropdown-submenu a {\n  display: flex;\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n/* Transition for horizontal dropdown */\n:deep(.TransitionTranslateY-enter-active),\n:deep(.TransitionTranslateY-leave-active) {\n  transition: translateY 0.2s ease;\n   transition: opacity 0.2s ease;\n}\n\n:deep(.TransitionTranslateY-enter-from),\n:deep(.TransitionTranslateY-leave-to) {\n  opacity: 0;\n  transform: translateY(-0.5rem);\n}\n\n:deep(.TransitionTranslateY-enter-to),\n:deep(.TransitionTranslateY-leave-from) {\n  opacity: 1;\n  transform: translateY(0);\n}\n</style>"],"names":["auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASc,aAAQ;AACtB,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAKtB,UAAM,QAAQ;AAgBd,UAAM,QAAQ;AAId,UAAM,mBAAmB,IAAI,CAAA,CAAE;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,UACnC,GAAG,EAAE;AAAA,QACP;AACA;AAAA,MACF;AAEA,YAAM,QAAQ,iBAAiB,MAAM,QAAQ,KAAK;AAElD,UAAI,UAAU,IAAI;AAChB,yBAAiB,MAAM,KAAK,KAAK;AAAA,MACnC,OAAO;AACL,yBAAiB,MAAM,OAAO,OAAO,CAAC;AAAA,MACxC;AAAA,IACF;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,OAAY,KAAK;AAAA,MAClC;AACA,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Navigation.vue.js","sources":["../../../../../../../../src/modules/core/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 { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\nconst store = useStore()\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\n</script>\n\n<template>\n  <nav\n    class=\"ease-quint-out\"\n    :class=\"[\n      stateSidebar ? 'pd-small' : 'pd-micro',\n      horizontal ? 'w-100 desktop-only gap-thin flex flex-center flex-nowrap o-y-visible o-x-visible' : 'gap-medium flex flex-column',\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=\"ease-quint-out\"\n      :class=\"[\n        horizontal ? 'w-max  flex-child-default flex flex-nowrap' : '',\n        stateSidebar && !horizontal ? '' : '',\n      ]\"\n    >\n      <div\n        v-if=\"section.category && stateSidebar && !horizontal\"\n        class=\"uppercase fw-medium t-transp p-small\"\n        :class=\"{\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        <Dropdown\n          v-if=\"item.subItems && horizontal\"\n          class=\"w-100\"\n          align=\"left\"\n          trigger=\"hover\"\n        >\n          <template #label>\n            <button\n              class=\"ease-quint-out w-100 flex radius-small flex-nowrap cursor-pointer flex-v-center pd-thin\"\n              @click=\"item.route ? router.push(processRoute(item.route)) : null\"\n              :class=\"[\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              <span class=\"fw-medium\">{{ item.title }}</span>\n              <!-- <IconChevronBottom :fill=\"theme === 'dark' ? 'rgb(var(--white))': 'rgb(var(--black))'\" class=\"i-small mn-l-thin\"/> -->\n            </button>\n          </template>\n          <ul class=\"dropdown-submenu\">\n            <li v-for=\"subItem in item.subItems\" :key=\"subItem.title\">\n              <a\n                @click=\"subItem.route ? router.push(processRoute(subItem.route)) : null\"\n                href=\"#\"\n                class=\"group ease-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 t-black-transp-25 group-hover:t-main\"\n                />\n                <span v-else class=\"\">{{ subItem.icon }}</span>\n                <span class=\"w-100\">{{ subItem.title }}</span>\n              </a>\n            </li>\n          </ul>\n        </Dropdown>\n        <button\n          v-else\n          class=\"group ease-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 && (item.iconComponent || item.icon)\" 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 ease-quint-out t-black-transp-25 group-hover:t-main\"\n            />\n            <span\n              v-if=\"!item.iconComponent \"\n              class=\"p-regular\"\n            >\n              {{ item.icon }}\n            </span>\n          </div>\n\n          <span\n            class=\"ease-quint-out w-100 t-left fw-medium\"\n            :class=\"{ 'pd-small': !horizontal, '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-180deg': isSectionExpanded(item.title) }\"\n            @click.stop=\"toggleSection(item.title)\"\n          >\n             <IconChevronBottom :class=\"{ 'rotate-180deg 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=\"group ease-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 t-black-transp-25 group-hover:t-main\"\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-180deg {\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\n/* Horizontal dropdown submenu */\n.dropdown-submenu {\n  list-style: none;\n  padding: 0.5rem;\n  margin: 0;\n  min-width: 12rem;\n}\n\n.dropdown-submenu li {\n  width: 100%;\n}\n\n.dropdown-submenu a {\n  display: flex;\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n/* Transition for horizontal dropdown */\n:deep(.TransitionTranslateY-enter-active),\n:deep(.TransitionTranslateY-leave-active) {\n  transition: translateY 0.2s ease;\n   transition: opacity 0.2s ease;\n}\n\n:deep(.TransitionTranslateY-enter-from),\n:deep(.TransitionTranslateY-leave-to) {\n  opacity: 0;\n  transform: translateY(-0.5rem);\n}\n\n:deep(.TransitionTranslateY-enter-to),\n:deep(.TransitionTranslateY-leave-from) {\n  opacity: 1;\n  transform: translateY(0);\n}\n</style>"],"names":["auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASc,aAAQ;AACtB,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAKtB,UAAM,QAAQ;AAgBd,UAAM,QAAQ;AAId,UAAM,mBAAmB,IAAI,CAAA,CAAE;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,UACnC,GAAG,EAAE;AAAA,QACP;AACA;AAAA,MACF;AAEA,YAAM,QAAQ,iBAAiB,MAAM,QAAQ,KAAK;AAElD,UAAI,UAAU,IAAI;AAChB,yBAAiB,MAAM,KAAK,KAAK;AAAA,MACnC,OAAO;AACL,yBAAiB,MAAM,OAAO,OAAO,CAAC;AAAA,MACxC;AAAA,IACF;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,OAAY,KAAK;AAAA,MAClC;AACA,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,5 +1,6 @@
 import { ref, watch, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, renderSlot, unref, toDisplayString } from "vue";
 import { useRouter, useRoute } from "vue-router";
+import { useI18n } from "vue-i18n";
 import { useGlobalMixins } from "../../mixins/mixins.js";
 import { useStore } from "../../store/core.store.js";
 /* empty css             */
@@ -32,6 +33,7 @@ const _sfc_main = {
     "closeSidebar"
   ],
   setup(__props, { emit: __emit }) {
+    const { t } = useI18n();
     const store = useStore();
     const props = __props;
     const emits = __emit;
@@ -119,7 +121,7 @@ const _sfc_main = {
           }, [
             createElementVNode("span", {
               class: normalizeClass(["w-100 ws-nowrap ease-quint-out t-left fw-medium mn-r-thin", { "hidden": !__props.stateSidebar, "visible": __props.stateSidebar }])
-            }, " Dark Mode ", 2),
+            }, toDisplayString(_ctx.$t("core.ui.darkMode")), 3),
             createElementVNode("span", _hoisted_4, toDisplayString(unref(store).core.state.theme.mode === "dark" ? "🌙" : "☀️"), 1)
           ], 2)
         ], 2)
@@ -127,7 +129,7 @@ const _sfc_main = {
     };
   }
 };
-const Sidebar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-99b57d1a"]]);
+const Sidebar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-846509b5"]]);
 export {
   Sidebar as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.vue.js","sources":["../../../../../../../../src/modules/core/views/components/partials/Sidebar.vue"],"sourcesContent":["<script setup>\nimport { ref, watch } from 'vue'\nimport { useRouter, useRoute } from 'vue-router'\nimport { useGlobalMixins } from \"@martyrs/src/modules/core/views/mixins/mixins.js\"\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n\nconst store = useStore()\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()\nconst router = useRouter()\nconst route = useRoute()\n\n// Отдельный флаг для клика меню на mobile\nconst isManuallyOpened = ref(false)\n\n// Синхронизируем с stateSidebar ТОЛЬКО на mobile\nwatch(() => props.stateSidebar, (newVal) => {\n  if (isPhone() || isTablet()) {\n    isManuallyOpened.value = newVal\n  }\n})\n\nconst toggleSidebar = () => {\n  isManuallyOpened.value = !isManuallyOpened.value\n  if (!isManuallyOpened.value) {\n    emits('closeSidebar')\n  }\n}\n\nconst handleMouseEnter = () => {\n  if (route.meta?.sidebar_hover && !isPhone() && !isTablet()) {\n    store.core.state.isOpenSidebar = true\n  }\n}\n\nconst handleMouseLeave = () => {\n  if (route.meta?.sidebar_hover && !isPhone() && !isTablet()) {\n    store.core.state.isOpenSidebar = false\n  }\n}\n\nrouter.beforeEach((to, from) => {\n  // На mobile не трогаем state через навигацию\n  if (isPhone() || isTablet()) {\n    emits('closeSidebar')\n    return\n  }\n\n\n  // Desktop логика\n  // Если уходим с профиля И НЕ идем на профиль - закрыть\n  if (from.meta?.sidebarCloseOnLeave === true && to.meta?.sidebarOpenOnEnter !== true) {\n    store.core.state.isOpenSidebar = false\n  }\n\n  // Если приходим на профиль - открыть\n  if (to.meta?.sidebarOpenOnEnter === true) {\n    store.core.state.isOpenSidebar = true\n  }\n})\n</script>\n\n<template>\n  <aside\n    data-sidebar\n    class=\"ease-quint-out w-min-0 o-hidden flex-child-default z-index-2 br-r-1px flex flex-column h-100\"\n    :class=\"[\n      { 'mobile-opened': isManuallyOpened },\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    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n  >\n    <!-- Header slot - shrink-0 -->\n    <div class=\"flex-shrink-0\">\n      <slot name=\"header\"></slot>\n    </div>\n\n    <!-- Main scrollable content - flex-1 overflow-y-auto -->\n    <div class=\"flex-child-1 o-y-auto\">\n      <slot></slot>\n    </div>\n\n    <!-- Footer slot - shrink-0 -->\n    <div class=\"flex-shrink-0\">\n      <slot name=\"footer\"></slot>\n    </div>\n    <div v-if=\"MOBILE_APP\" @click=\"() => toggleSidebar()\" class=\"flex-shrink-0 pos-relative\">\n      <div class=\"bg-light radius-medium pd-medium\">\n        <p  class=\"fw-medium t-black-transp-60\">\n          Close Menu\n        </p>\n      </div>\n    </div>\n    <div\n      class=\"flex-shrink-0 w-100 br-t-1px\"\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=\"() => store.core.actions.toggleTheme()\"\n        class=\"ease-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 ws-nowrap ease-quint-out  t-left fw-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          {{ store.core.state.theme.mode === 'dark' ? '🌙' : '☀️' }}\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.visible {\n  opacity: 1;\n  display: block;\n}\n\n/* Mobile: ВСЕГДА скрываем, показываем ТОЛЬКО по клику меню */\n@media (max-width: 1024px) {\n  aside[data-sidebar] {\n    position: absolute !important;\n    left: 0 !important;\n    transform: translateX(-100%) !important;\n    visibility: hidden !important;\n    z-index: 1000 !important;\n  }\n\n  /* Показываем ТОЛЬКО когда manual клик (НЕ от SSR state) */\n  aside[data-sidebar].mobile-opened {\n    transform: translateX(0) !important;\n    visibility: visible !important;\n  }\n}\n\n/* Scrollbar styles */\n::-webkit-scrollbar {\n  width: 6px;\n}\n::-webkit-scrollbar-track {\n  background: transparent;\n}\n::-webkit-scrollbar-thumb {\n  background-color: var(--grey-micro);\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb:hover {\n  background-color: var(--grey-small);\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAM,QAAQ,SAAQ;AAEtB,UAAM,QAAQ;AAmBd,UAAM,QAAQ;AAId,UAAM,EAAE,SAAS,SAAQ,IAAK,gBAAe;AAC7C,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAGtB,UAAM,mBAAmB,IAAI,KAAK;AAGlC,UAAM,MAAM,MAAM,cAAc,CAAC,WAAW;AAC1C,UAAI,QAAO,KAAM,YAAY;AAC3B,yBAAiB,QAAQ;AAAA,MAC3B;AAAA,IACF,CAAC;AAED,UAAM,gBAAgB,MAAM;AAC1B,uBAAiB,QAAQ,CAAC,iBAAiB;AAC3C,UAAI,CAAC,iBAAiB,OAAO;AAC3B,cAAM,cAAc;AAAA,MACtB;AAAA,IACF;AAEA,UAAM,mBAAmB,MAAM;AAC7B,UAAI,MAAM,MAAM,iBAAiB,CAAC,QAAO,KAAM,CAAC,YAAY;AAC1D,cAAM,KAAK,MAAM,gBAAgB;AAAA,MACnC;AAAA,IACF;AAEA,UAAM,mBAAmB,MAAM;AAC7B,UAAI,MAAM,MAAM,iBAAiB,CAAC,QAAO,KAAM,CAAC,YAAY;AAC1D,cAAM,KAAK,MAAM,gBAAgB;AAAA,MACnC;AAAA,IACF;AAEA,WAAO,WAAW,CAAC,IAAI,SAAS;AAE9B,UAAI,QAAO,KAAM,YAAY;AAC3B,cAAM,cAAc;AACpB;AAAA,MACF;AAKA,UAAI,KAAK,MAAM,wBAAwB,QAAQ,GAAG,MAAM,uBAAuB,MAAM;AACnF,cAAM,KAAK,MAAM,gBAAgB;AAAA,MACnC;AAGA,UAAI,GAAG,MAAM,uBAAuB,MAAM;AACxC,cAAM,KAAK,MAAM,gBAAgB;AAAA,MACnC;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Sidebar.vue.js","sources":["../../../../../../../../src/modules/core/views/components/partials/Sidebar.vue"],"sourcesContent":["<script setup>\nimport { ref, watch } from 'vue'\nimport { useRouter, useRoute } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\nimport { useGlobalMixins } from \"@martyrs/src/modules/core/views/mixins/mixins.js\"\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n\nconst { t } = useI18n()\nconst store = useStore()\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()\nconst router = useRouter()\nconst route = useRoute()\n\n// Отдельный флаг для клика меню на mobile\nconst isManuallyOpened = ref(false)\n\n// Синхронизируем с stateSidebar ТОЛЬКО на mobile\nwatch(() => props.stateSidebar, (newVal) => {\n  if (isPhone() || isTablet()) {\n    isManuallyOpened.value = newVal\n  }\n})\n\nconst toggleSidebar = () => {\n  isManuallyOpened.value = !isManuallyOpened.value\n  if (!isManuallyOpened.value) {\n    emits('closeSidebar')\n  }\n}\n\nconst handleMouseEnter = () => {\n  if (route.meta?.sidebar_hover && !isPhone() && !isTablet()) {\n    store.core.state.isOpenSidebar = true\n  }\n}\n\nconst handleMouseLeave = () => {\n  if (route.meta?.sidebar_hover && !isPhone() && !isTablet()) {\n    store.core.state.isOpenSidebar = false\n  }\n}\n\nrouter.beforeEach((to, from) => {\n  // На mobile не трогаем state через навигацию\n  if (isPhone() || isTablet()) {\n    emits('closeSidebar')\n    return\n  }\n\n\n  // Desktop логика\n  // Если уходим с профиля И НЕ идем на профиль - закрыть\n  if (from.meta?.sidebarCloseOnLeave === true && to.meta?.sidebarOpenOnEnter !== true) {\n    store.core.state.isOpenSidebar = false\n  }\n\n  // Если приходим на профиль - открыть\n  if (to.meta?.sidebarOpenOnEnter === true) {\n    store.core.state.isOpenSidebar = true\n  }\n})\n</script>\n\n<template>\n  <aside\n    data-sidebar\n    class=\"ease-quint-out w-min-0 o-hidden flex-child-default z-index-2 br-r-1px flex flex-column h-100\"\n    :class=\"[\n      { 'mobile-opened': isManuallyOpened },\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    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n  >\n    <!-- Header slot - shrink-0 -->\n    <div class=\"flex-shrink-0\">\n      <slot name=\"header\"></slot>\n    </div>\n\n    <!-- Main scrollable content - flex-1 overflow-y-auto -->\n    <div class=\"flex-child-1 o-y-auto\">\n      <slot></slot>\n    </div>\n\n    <!-- Footer slot - shrink-0 -->\n    <div class=\"flex-shrink-0\">\n      <slot name=\"footer\"></slot>\n    </div>\n    <div v-if=\"MOBILE_APP\" @click=\"() => toggleSidebar()\" class=\"flex-shrink-0 pos-relative\">\n      <div class=\"bg-light radius-medium pd-medium\">\n        <p  class=\"fw-medium t-black-transp-60\">\n          Close Menu\n        </p>\n      </div>\n    </div>\n    <div\n      class=\"flex-shrink-0 w-100 br-t-1px\"\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=\"() => store.core.actions.toggleTheme()\"\n        class=\"ease-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 ws-nowrap ease-quint-out  t-left fw-medium mn-r-thin\"\n          :class=\"{ 'hidden': !stateSidebar, 'visible': stateSidebar }\"\n        >\n          {{ $t('core.ui.darkMode') }}\n        </span>\n        <span class=\"aspect-1x1 flex-child-default w-max-big w-100 flex flex-center \">\n          {{ store.core.state.theme.mode === 'dark' ? '🌙' : '☀️' }}\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.visible {\n  opacity: 1;\n  display: block;\n}\n\n/* Mobile: ВСЕГДА скрываем, показываем ТОЛЬКО по клику меню */\n@media (max-width: 1024px) {\n  aside[data-sidebar] {\n    position: absolute !important;\n    left: 0 !important;\n    transform: translateX(-100%) !important;\n    visibility: hidden !important;\n    z-index: 1000 !important;\n  }\n\n  /* Показываем ТОЛЬКО когда manual клик (НЕ от SSR state) */\n  aside[data-sidebar].mobile-opened {\n    transform: translateX(0) !important;\n    visibility: visible !important;\n  }\n}\n\n/* Scrollbar styles */\n::-webkit-scrollbar {\n  width: 6px;\n}\n::-webkit-scrollbar-track {\n  background: transparent;\n}\n::-webkit-scrollbar-thumb {\n  background-color: var(--grey-micro);\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb:hover {\n  background-color: var(--grey-small);\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAM,EAAE,EAAC,IAAK,QAAO;AACrB,UAAM,QAAQ,SAAQ;AAEtB,UAAM,QAAQ;AAmBd,UAAM,QAAQ;AAId,UAAM,EAAE,SAAS,SAAQ,IAAK,gBAAe;AAC7C,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAGtB,UAAM,mBAAmB,IAAI,KAAK;AAGlC,UAAM,MAAM,MAAM,cAAc,CAAC,WAAW;AAC1C,UAAI,QAAO,KAAM,YAAY;AAC3B,yBAAiB,QAAQ;AAAA,MAC3B;AAAA,IACF,CAAC;AAED,UAAM,gBAAgB,MAAM;AAC1B,uBAAiB,QAAQ,CAAC,iBAAiB;AAC3C,UAAI,CAAC,iBAAiB,OAAO;AAC3B,cAAM,cAAc;AAAA,MACtB;AAAA,IACF;AAEA,UAAM,mBAAmB,MAAM;AAC7B,UAAI,MAAM,MAAM,iBAAiB,CAAC,QAAO,KAAM,CAAC,YAAY;AAC1D,cAAM,KAAK,MAAM,gBAAgB;AAAA,MACnC;AAAA,IACF;AAEA,UAAM,mBAAmB,MAAM;AAC7B,UAAI,MAAM,MAAM,iBAAiB,CAAC,QAAO,KAAM,CAAC,YAAY;AAC1D,cAAM,KAAK,MAAM,gBAAgB;AAAA,MACnC;AAAA,IACF;AAEA,WAAO,WAAW,CAAC,IAAI,SAAS;AAE9B,UAAI,QAAO,KAAM,YAAY;AAC3B,cAAM,cAAc;AACpB;AAAA,MACF;AAKA,UAAI,KAAK,MAAM,wBAAwB,QAAQ,GAAG,MAAM,uBAAuB,MAAM;AACnF,cAAM,KAAK,MAAM,gBAAgB;AAAA,MACnC;AAGA,UAAI,GAAG,MAAM,uBAAuB,MAAM;AACxC,cAAM,KAAK,MAAM,gBAAgB;AAAA,MACnC;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/events/components/pages/EditEvent.vue.js

@@ -12,7 +12,7 @@ import _sfc_main$9 from "../../../../components/Checkbox/Checkbox.vue.js";
 import "axios";
 /* empty css                                       */
 import UploadImage from "../../../../components/UploadImage/UploadImage.vue.js";
-/* empty css                                       */
+/* empty css                                        */
 /* empty css                                               */
 import _sfc_main$8 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$a from "../../../../components/Button/Button.vue.js";

package/dist/martyrs/src/modules/events/components/pages/EditEventTickets.vue.js

@@ -4,7 +4,7 @@ import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$3 from "../../../../components/Popup/Popup.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$6 from "../../../../components/Button/Button.vue.js";
-import _sfc_main$8 from "../../../../components/Dropdown/Dropdown.vue2.js";
+import _sfc_main$8 from "../../../../components/Dropdown/Dropdown.vue.js";
 import _sfc_main$1 from "../elements/ButtonCheck.vue.js";
 import _sfc_main$5 from "../../../icons/navigation/IconDelete.vue.js";
 import _sfc_main$4 from "../../../icons/navigation/IconAdd.vue.js";

package/dist/martyrs/src/modules/events/components/pages/Event.vue.js

@@ -1,5 +1,5 @@
 import { ref, onMounted, createElementBlock, openBlock, createVNode, TransitionGroup, withCtx, createCommentVNode, createBlock, Fragment, renderList, unref, createElementVNode, toDisplayString, createTextVNode } from "vue";
-/* empty css                                       */
+/* empty css                                        */
 import _sfc_main$2 from "../../../constructor/components/sections/Viewer.vue.js";
 import _sfc_main$4 from "../../../../components/Countdown/Countdown.vue.js";
 import HeroEvent from "../sections/HeroEvent.vue.js";
@@ -11,7 +11,7 @@ import { useRoute } from "vue-router";
 import { useGlobalMixins } from "../../../core/views/mixins/mixins.js";
 import SkeletonEvent from "../../../icons/skeletons/SkeletonEvent.vue.js";
 /* empty css                                           */
-/* empty css                                           */
+/* empty css                                            */
 /* empty css                                           */
 /* empty css                                      */
 /* empty css                                                                 */

package/dist/martyrs/src/modules/events/components/sections/Feed.vue.js

@@ -1,5 +1,5 @@
 import { ref, onMounted, createElementBlock, openBlock, createVNode, TransitionGroup, withCtx, createBlock, createCommentVNode, Transition, Fragment, renderList } from "vue";
-import Loader from "../../../../components/Loader/Loader.vue2.js";
+import Loader from "../../../../components/Loader/Loader.vue.js";
 import _sfc_main$1 from "../../../../components/EmptyState/EmptyState.vue.js";
 import _sfc_main$2 from "../blocks/CardEvent.vue.js";
 import { read } from "../../store/events.js";

package/dist/martyrs/src/modules/events/components/sections/List.vue.js

@@ -1,5 +1,5 @@
 import { ref, onMounted, createElementBlock, openBlock, createVNode, TransitionGroup, withCtx, createBlock, Fragment, renderList, normalizeClass } from "vue";
-/* empty css                                       */
+/* empty css                                        */
 import _sfc_main$1 from "../../../../components/EmptyState/EmptyState.vue.js";
 import _sfc_main$2 from "../blocks/CardEventShort.vue.js";
 import SkeletonEventShort from "../../../icons/skeletons/SkeletonEventShort.vue.js";

package/dist/martyrs/src/modules/inventory/components/pages/Inventory.vue.js

@@ -4,7 +4,7 @@ import { useGlobalMixins } from "../../../core/views/mixins/mixins.js";
 import Table from "../../../../components/Table/Table.vue.js";
 import _sfc_main$1 from "../../../../components/Feed/Feed.vue.js";
 import PlaceholderImage from "../../../icons/placeholders/PlaceholderImage.vue.js";
-import _sfc_main$3 from "../../../../components/Dropdown/Dropdown.vue2.js";
+import _sfc_main$3 from "../../../../components/Dropdown/Dropdown.vue.js";
 import _sfc_main$5 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$2 from "../../../icons/entities/IconSettings.vue.js";
 import _sfc_main$4 from "../../../icons/navigation/IconEllipsis.vue.js";

package/dist/martyrs/src/modules/inventory/components/pages/InventoryEdit.vue.js

@@ -4,7 +4,7 @@ import _sfc_main$7 from "../../../../components/Button/Button.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 /* empty css                                       */
-/* empty css                                           */
+/* empty css                                            */
 import _sfc_main$1 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$3 from "../../../orders/components/blocks/CardOrderItem.vue.js";
 import CardSpot from "../../../spots/components/blocks/CardSpot.vue.js";

package/dist/martyrs/src/modules/marketplace/views/components/sections/SectionMenu.vue.js

@@ -1,5 +1,5 @@
 import { ref, onMounted, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, createTextVNode, Transition, withCtx, Fragment, renderList, createBlock, createCommentVNode, normalizeClass, toDisplayString } from "vue";
-import Loader from "../../../../../components/Loader/Loader.vue2.js";
+import Loader from "../../../../../components/Loader/Loader.vue.js";
 import { useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 import { actions as actions$1 } from "../../../../products/store/categories.js";

package/dist/martyrs/src/modules/music/components/blocks/ActionButtons.vue.js

@@ -1,6 +1,6 @@
 import { ref, createElementBlock, openBlock, Fragment, renderList, createBlock, normalizeClass, withCtx, createCommentVNode, createTextVNode, resolveDynamicComponent, toDisplayString, createElementVNode, createVNode } from "vue";
 import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
-import _sfc_main$2 from "../../../../components/Dropdown/Dropdown.vue2.js";
+import _sfc_main$2 from "../../../../components/Dropdown/Dropdown.vue.js";
 import _sfc_main$3 from "../../../icons/navigation/IconEllipsis.vue.js";
 const _hoisted_1 = { class: "flex gap-small mn-b-medium" };
 const _hoisted_2 = { class: "dropdown-menu bg-white pd-small radius-medium shadow-big mn-t-thin" };

package/dist/martyrs/src/modules/music/components/forms/ArtistForm.vue.js

@@ -6,7 +6,7 @@ import _sfc_main$4 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$3 from "../../../../components/Checkbox/Checkbox.vue.js";
 import Select from "../../../../components/Select/Select.vue2.js";
 import UploadImage from "../../../../components/UploadImage/UploadImage.vue.js";
-/* empty css                                       */
+/* empty css                                        */
 import BlockMultiselect from "../../../core/views/components/blocks/BlockMultiselect.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconCross.vue.js";
 import { actions as actions$1 } from "../../store/artists.js";

package/dist/martyrs/src/modules/music/components/pages/Album.vue.js

@@ -1,9 +1,9 @@
 import { ref, computed, onMounted, resolveComponent, createElementBlock, openBlock, createCommentVNode, createVNode, createElementVNode, toDisplayString, Fragment, renderList, createBlock, withCtx, createTextVNode } from "vue";
 import { useRoute, useRouter } from "vue-router";
 /* empty css                                        */
-import Loader from "../../../../components/Loader/Loader.vue2.js";
+import Loader from "../../../../components/Loader/Loader.vue.js";
 import Media from "../../../../components/Media/Media.vue.js";
-/* empty css                                           */
+/* empty css                                            */
 import _sfc_main$8 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$1 from "../../../icons/navigation/IconPlay.vue.js";
 import _sfc_main$3 from "../../../icons/navigation/IconLike.vue.js";

package/dist/martyrs/src/modules/music/components/pages/Artist.vue.js

@@ -1,7 +1,7 @@
 import { ref, computed, onMounted, createElementBlock, openBlock, createCommentVNode, createElementVNode, createVNode, unref, withCtx, createTextVNode, normalizeStyle, normalizeClass, toDisplayString, Fragment, renderList, createBlock } from "vue";
 import { useRouter, useRoute } from "vue-router";
 import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
-/* empty css                                       */
+/* empty css                                        */
 import _sfc_main$2 from "../cards/TrackListCard.vue.js";
 import { state, actions } from "../../store/artists.js";
 import { state as state$1 } from "../../../auth/views/store/auth.js";

package/dist/martyrs/src/modules/music/components/pages/Playlist.vue.js

@@ -1,9 +1,9 @@
 import { ref, computed, onMounted, resolveComponent, createElementBlock, openBlock, createCommentVNode, createVNode, createElementVNode, toDisplayString, Fragment, renderList, createBlock, withCtx, createTextVNode } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$9 from "../../../../components/Button/Button.vue.js";
-/* empty css                                       */
+/* empty css                                        */
 import Media from "../../../../components/Media/Media.vue.js";
-/* empty css                                           */
+/* empty css                                            */
 import _sfc_main$7 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$a from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$1 from "../../../icons/navigation/IconPlay.vue.js";

package/dist/martyrs/src/modules/music/components/pages/SearchResults.vue.js

@@ -6,7 +6,7 @@ import AlbumCard from "../cards/AlbumCard.vue.js";
 import PlaylistCard from "../cards/PlaylistCard.vue.js";
 import ArtistCard from "../cards/ArtistCard.vue.js";
 import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
-import Loader from "../../../../components/Loader/Loader.vue2.js";
+import Loader from "../../../../components/Loader/Loader.vue.js";
 import { state, actions } from "../../store/search.js";
 /* empty css                   */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";

package/dist/martyrs/src/modules/music/components/pages/Track.vue.js

@@ -1,9 +1,9 @@
 import { computed, ref, onMounted, resolveComponent, createElementBlock, openBlock, createCommentVNode, createBlock, createVNode, createElementVNode, withCtx, toDisplayString, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$5 from "../../../../components/Button/Button.vue.js";
-import Loader from "../../../../components/Loader/Loader.vue2.js";
+import Loader from "../../../../components/Loader/Loader.vue.js";
 import Media from "../../../../components/Media/Media.vue.js";
-/* empty css                                           */
+/* empty css                                            */
 import _sfc_main$c from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$a from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconPlay.vue.js";

package/dist/martyrs/src/modules/notifications/components/sections/NotificationPreferences.vue.js

@@ -1,7 +1,7 @@
 import { inject, reactive, ref, computed, onMounted, createElementBlock, openBlock, createElementVNode, unref, createVNode, Fragment, renderList, toDisplayString, createBlock, createCommentVNode, withCtx, createTextVNode } from "vue";
 import _sfc_main$1 from "../../../../components/Checkbox/Checkbox.vue.js";
 import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
-import Loader from "../../../../components/Loader/Loader.vue2.js";
+import Loader from "../../../../components/Loader/Loader.vue.js";
 const _hoisted_1 = {
   key: 0,
   class: "pd-large t-center t-transp"

package/dist/martyrs/src/modules/orders/components/sections/FormDelivery.vue.js

@@ -1,8 +1,8 @@
 import { watch, onMounted, computed, createBlock, openBlock, withCtx, createElementVNode, createElementBlock, createCommentVNode, createVNode, Fragment, renderList } from "vue";
 import { useRoute } from "vue-router";
-/* empty css                                       */
-/* empty css                                           */
+/* empty css                                        */
 /* empty css                                           */
+/* empty css                                            */
 /* empty css                                           */
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../components/Radio/Radio.vue.js";

package/dist/martyrs/src/modules/organizations/components/pages/Organization.vue.js

@@ -3,9 +3,9 @@ import { useRouter, useRoute } from "vue-router";
 import "vue-i18n";
 /* empty css                                                 */
 /* empty css                                         */
-import _sfc_main$1 from "../../../../components/Dropdown/Dropdown.vue2.js";
+import _sfc_main$1 from "../../../../components/Dropdown/Dropdown.vue.js";
 import _sfc_main$7 from "../../../../components/Chips/Chips.vue.js";
-/* empty css                                   */
+/* empty css                                    */
 import "../../../../components/Menu/MenuItem.vue.js";
 import _sfc_main$6 from "../../../icons/entities/IconFollowing.vue.js";
 import _sfc_main$5 from "../../../icons/navigation/IconEdit.vue.js";

package/dist/martyrs/src/modules/organizations/components/pages/OrganizationBackoffice.vue.js

@@ -1,5 +1,5 @@
 import { ref, onMounted, createElementBlock, openBlock, createVNode, withCtx, createBlock, createCommentVNode, unref, createElementVNode } from "vue";
-import _sfc_main$1 from "../../../../components/Menu/Menu.vue2.js";
+import _sfc_main$1 from "../../../../components/Menu/Menu.vue.js";
 import _sfc_main$2 from "../../../../components/Menu/MenuItem.vue.js";
 /* empty css                                                 */
 import _sfc_main$4 from "../../../icons/entities/IconProducts.vue.js";

package/dist/martyrs/src/modules/organizations/components/pages/OrganizationEdit.vue.js

@@ -5,9 +5,9 @@ import _sfc_main$1 from "../../../icons/entities/IconGroups.vue.js";
 import _sfc_main$2 from "../../../icons/entities/IconLock.vue.js";
 import _sfc_main$3 from "../../../icons/actions/IconShow.vue.js";
 /* empty css                                      */
-/* empty css                                       */
-/* empty css                                           */
+/* empty css                                        */
 /* empty css                                           */
+/* empty css                                            */
 /* empty css                                           */
 import Field from "../../../../components/Field/Field.vue.js";
 /* empty css                                                                 */

package/dist/martyrs/src/modules/products/components/elements/Image360.vue.js

@@ -1,5 +1,5 @@
 import { ref, computed, watch, onMounted, onUnmounted, createElementBlock, openBlock, createStaticVNode, createVNode, Transition, withCtx, createCommentVNode, withModifiers, createBlock } from "vue";
-import Loader from "../../../../components/Loader/Loader.vue2.js";
+import Loader from "../../../../components/Loader/Loader.vue.js";
 /* empty css              */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "product-360-viewer" };

package/dist/martyrs/src/modules/products/components/pages/CategoryEdit.vue.js

@@ -6,9 +6,9 @@ import Select from "../../../../components/Select/Select.vue2.js";
 import UploadImage from "../../../../components/UploadImage/UploadImage.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
 import FieldTags from "../../../../components/FieldTags/FieldTags.vue.js";
-/* empty css                                       */
-/* empty css                                           */
+/* empty css                                        */
 /* empty css                                           */
+/* empty css                                            */
 /* empty css                                           */
 /* empty css                                      */
 import _sfc_main$1 from "../../../icons/navigation/IconCheckmark.vue.js";

package/dist/martyrs/src/modules/rents/views/components/pages/Gant/GanttToolbar.vue.js

@@ -2,7 +2,7 @@ import { computed, ref, watch, createElementBlock, openBlock, createElementVNode
 import dayjs from "../../../../../../../../_virtual/dayjs.min.js";
 import _sfc_main$2 from "../../../../../../components/Tab/Tab.vue2.js";
 import _sfc_main$3 from "../../../../../../components/Button/Button.vue.js";
-import _sfc_main$4 from "../../../../../../components/Dropdown/Dropdown.vue2.js";
+import _sfc_main$4 from "../../../../../../components/Dropdown/Dropdown.vue.js";
 import Calendar from "../../../../../../components/Calendar/Calendar.vue2.js";
 import _sfc_main$1 from "./DateLabel.vue.js";
 import IconNext from "../../../../../icons/navigation/IconChevronRight.vue.js";

package/dist/martyrs/src/modules/spots/components/layouts/Spots.vue.js

@@ -4,7 +4,7 @@ import { useI18n } from "vue-i18n";
 /* empty css                                         */
 /* empty css                                      */
 /* empty css                                                 */
-/* empty css                                           */
+/* empty css                                            */
 import { useStore } from "../../../core/views/store/core.store.js";
 import { actions, state as state$1 } from "../../../products/store/categories.js";
 import { state } from "../../../marketplace/views/store/marketplace.js";

package/dist/style.css

@@ -1604,75 +1604,75 @@ to {
   overflow: hidden;
   transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.rotate-180deg[data-v-9f149045] {
+.rotate-180deg[data-v-0f5220e0] {
   transform: rotate(180deg);
 }
-.hidden[data-v-9f149045] {
+.hidden[data-v-0f5220e0] {
 /*  opacity: 0;*/
   width: 0;
   display: none;
 }
-.visible[data-v-9f149045] {
+.visible[data-v-0f5220e0] {
 /*  opacity: 1;*/
   display: block;
 }
 
 /* Dropdown animations */
-.dropdown-enter[data-v-9f149045], .dropdown-leave[data-v-9f149045] {
+.dropdown-enter[data-v-0f5220e0], .dropdown-leave[data-v-0f5220e0] {
   transition: all 0.3s ease-in-out;
 }
-.dropdown-enter-from[data-v-9f149045], .dropdown-leave-to[data-v-9f149045] {
+.dropdown-enter-from[data-v-0f5220e0], .dropdown-leave-to[data-v-0f5220e0] {
   opacity: 0;
   transform: translateY(-0.5rem);
 }
-.dropdown-enter-to[data-v-9f149045], .dropdown-leave-from[data-v-9f149045] {
+.dropdown-enter-to[data-v-0f5220e0], .dropdown-leave-from[data-v-0f5220e0] {
   opacity: 1;
   transform: translateY(0);
 }
 
 /* Horizontal dropdown submenu */
-.dropdown-submenu[data-v-9f149045] {
+.dropdown-submenu[data-v-0f5220e0] {
   list-style: none;
   padding: 0.5rem;
   margin: 0;
   min-width: 12rem;
 }
-.dropdown-submenu li[data-v-9f149045] {
+.dropdown-submenu li[data-v-0f5220e0] {
   width: 100%;
 }
-.dropdown-submenu a[data-v-9f149045] {
+.dropdown-submenu a[data-v-0f5220e0] {
   display: flex;
   text-decoration: none;
   white-space: nowrap;
 }
 
 /* Transition for horizontal dropdown */
-[data-v-9f149045] .TransitionTranslateY-enter-active,[data-v-9f149045] .TransitionTranslateY-leave-active {
+[data-v-0f5220e0] .TransitionTranslateY-enter-active,[data-v-0f5220e0] .TransitionTranslateY-leave-active {
   transition: translateY 0.2s ease;
    transition: opacity 0.2s ease;
 }
-[data-v-9f149045] .TransitionTranslateY-enter-from,[data-v-9f149045] .TransitionTranslateY-leave-to {
+[data-v-0f5220e0] .TransitionTranslateY-enter-from,[data-v-0f5220e0] .TransitionTranslateY-leave-to {
   opacity: 0;
   transform: translateY(-0.5rem);
 }
-[data-v-9f149045] .TransitionTranslateY-enter-to,[data-v-9f149045] .TransitionTranslateY-leave-from {
+[data-v-0f5220e0] .TransitionTranslateY-enter-to,[data-v-0f5220e0] .TransitionTranslateY-leave-from {
   opacity: 1;
   transform: translateY(0);
 }
 
-.hidden[data-v-99b57d1a] {
+.hidden[data-v-846509b5] {
   opacity: 0;
   width: 0;
   display: none;
 }
-.visible[data-v-99b57d1a] {
+.visible[data-v-846509b5] {
   opacity: 1;
   display: block;
 }
 
 /* Mobile: ВСЕГДА скрываем, показываем ТОЛЬКО по клику меню */
 @media (max-width: 1024px) {
-aside[data-sidebar][data-v-99b57d1a] {
+aside[data-sidebar][data-v-846509b5] {
     position: absolute !important;
     left: 0 !important;
     transform: translateX(-100%) !important;
@@ -1681,24 +1681,24 @@ aside[data-sidebar][data-v-99b57d1a] {
 }
 
   /* Показываем ТОЛЬКО когда manual клик (НЕ от SSR state) */
-aside[data-sidebar].mobile-opened[data-v-99b57d1a] {
+aside[data-sidebar].mobile-opened[data-v-846509b5] {
     transform: translateX(0) !important;
     visibility: visible !important;
 }
 }
 
 /* Scrollbar styles */
-[data-v-99b57d1a]::-webkit-scrollbar {
+[data-v-846509b5]::-webkit-scrollbar {
   width: 6px;
 }
-[data-v-99b57d1a]::-webkit-scrollbar-track {
+[data-v-846509b5]::-webkit-scrollbar-track {
   background: transparent;
 }
-[data-v-99b57d1a]::-webkit-scrollbar-thumb {
+[data-v-846509b5]::-webkit-scrollbar-thumb {
   background-color: var(--grey-micro);
   border-radius: 3px;
 }
-[data-v-99b57d1a]::-webkit-scrollbar-thumb:hover {
+[data-v-846509b5]::-webkit-scrollbar-thumb:hover {
   background-color: var(--grey-small);
 }
 .eye[data-v-4241147a] {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozdao/martyrs",
-  "version": "0.2.593",
+  "version": "0.2.595",
   "description": "Fullstack framework focused on user experience and ease of development.",
   "author": "OZ DAO <hello@ozdao.dev>",
   "license": "GPL-3.0-or-later",

package/src/modules/core/locales/en.js

@@ -1,6 +1,9 @@
 // @martyrs/src/modules/core/locales/en.js
 export default {
   core: {
+    ui: {
+      darkMode: 'Dark Mode'
+    },
     errors: {
       USER_NOT_FOUND: 'Such user is not registered',
       USER_ALREADY_REGISTERED: 'Such user is already registered!',

package/src/modules/core/locales/ru.js

@@ -1,6 +1,9 @@
 // @martyrs/src/modules/core/locales/ru.js
 export default {
   core: {
+    ui: {
+      darkMode: 'Тёмная тема'
+    },
     errors: {
       USER_NOT_FOUND: 'Такой пользователь не зарегистрирован!',
       USER_ALREADY_REGISTERED: 'Такой пользователь уже зарегистрирован!',

package/src/modules/core/views/components/layouts/Client.vue

@@ -43,6 +43,9 @@
       :logotype="route.meta.logotype"
       :location="route.meta.location"
       :headerClass="computedHeaderClass"
+      :showCart="route.meta.header_show_cart ?? true"
+      :showProfile="route.meta.header_show_profile ?? true"
+      :showNotifications="route.meta.header_show_notifications ?? true"
     >
       <component
         v-if="route.meta?.header_navigation"
@@ -52,6 +55,9 @@
         :stateSidebar="store.core.state.isOpenSidebar"
         :theme="headerTheme"
       />
+      <template #right>
+        <component v-if="route.meta?.header_right_component" :is="route.meta.header_right_component" :theme="headerTheme" />
+      </template>
     </component>
 
 
@@ -111,7 +117,7 @@
 
         <!-- Footer slot -->
         <template #footer>
-          <component v-if="route.meta?.sidebar_footer_component" :is="route.meta.sidebar_footer_component" :theme="headerTheme" />
+          <component v-if="route.meta?.sidebar_footer_component" :is="route.meta.sidebar_footer_component" :theme="headerTheme" :stateSidebar="store.core.state.isOpenSidebar" />
         </template>
       </component>