@ozdao/martyrs 0.2.474 → 0.2.476

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

@@ -1 +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'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth'\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, // Fixed property name typo\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\n// Use navigationItems from props instead of nagigationItems\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// watch(() => props.stateSidebar, (newValue) => {\n//   if (!newValue) {\n//     expandedSections.value = []\n//   }\n// })\n\n// Process route functions with globals and auth data\nconst processRoute = (route) => {\n  if (typeof route === 'function') {\n    return route(globals.state, auth.state)\n  }\n  return route\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) : 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-thin',\n        ]\"\n      >\n        <li \n          v-for=\"item in section.items\" \n          v-show=\"!item.visible || (typeof item.visible === 'function' ? item.visible(auth.state) : 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=\"i-medium sidebar-item-icon t-lh-1 flex-child-default\"\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","route","globals.state","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;AAI/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;AASA,UAAM,eAAe,CAACC,WAAU;AAC9B,UAAI,OAAOA,WAAU,YAAY;AAC/B,eAAOA,OAAMC,QAAAA,OAAeC,KAAU,KAAA;AAAA,MAC1C;AACE,aAAOF;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth'\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, // Fixed property name typo\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\n// Use navigationItems from props instead of nagigationItems\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// watch(() => props.stateSidebar, (newValue) => {\n//   if (!newValue) {\n//     expandedSections.value = []\n//   }\n// })\n\n// Process route functions with globals and auth data\nconst processRoute = (route) => {\n  if (typeof route === 'function') {\n    return route(globals.state, auth.state)\n  }\n  return route\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) : 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-thin',\n        ]\"\n      >\n        <li \n          v-for=\"item in section.items\" \n          v-show=\"!item.visible || (typeof item.visible === 'function' ? item.visible(auth.state) : 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","route","globals.state","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;AAI/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;AASA,UAAM,eAAe,CAACC,WAAU;AAC9B,UAAI,OAAOA,WAAU,YAAY;AAC/B,eAAOA,OAAMC,QAAAA,OAAeC,KAAU,KAAA;AAAA,MAC1C;AACE,aAAOF;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -3,7 +3,7 @@ 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                                              */
 /* empty css                                            */
 import _export_sfc from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = ["onClick"];
@@ -13,7 +13,7 @@ const _hoisted_2 = {
 };
 const _hoisted_3 = {
   key: 1,
-  class: "i-medium sidebar-item-icon t-lh-1 flex-child-default"
+  class: "p-medium"
 };
 const _hoisted_4 = ["onClick"];
 const _hoisted_5 = {
@@ -190,7 +190,7 @@ const _sfc_main = {
     };
   }
 };
-const Navigation = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f45211ee"]]);
+const Navigation = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-be31264c"]]);
 export {
   Navigation as default
 };

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

@@ -1 +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'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth'\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, // Fixed property name typo\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\n// Use navigationItems from props instead of nagigationItems\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// watch(() => props.stateSidebar, (newValue) => {\n//   if (!newValue) {\n//     expandedSections.value = []\n//   }\n// })\n\n// Process route functions with globals and auth data\nconst processRoute = (route) => {\n  if (typeof route === 'function') {\n    return route(globals.state, auth.state)\n  }\n  return route\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) : 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-thin',\n        ]\"\n      >\n        <li \n          v-for=\"item in section.items\" \n          v-show=\"!item.visible || (typeof item.visible === 'function' ? item.visible(auth.state) : 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=\"i-medium sidebar-item-icon t-lh-1 flex-child-default\"\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":["route","globals.state","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAKtB,UAAM,QAAQ;AAgBd,UAAM,QAAQ;AAId,UAAM,mBAAmB,IAAI,CAAE,CAAA;AAI/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;AASA,UAAM,eAAe,CAACA,WAAU;AAC9B,UAAI,OAAOA,WAAU,YAAY;AAC/B,eAAOA,OAAMC,OAAeC,OAAU;AAAA,MAC1C;AACE,aAAOF;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth'\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, // Fixed property name typo\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\n// Use navigationItems from props instead of nagigationItems\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// watch(() => props.stateSidebar, (newValue) => {\n//   if (!newValue) {\n//     expandedSections.value = []\n//   }\n// })\n\n// Process route functions with globals and auth data\nconst processRoute = (route) => {\n  if (typeof route === 'function') {\n    return route(globals.state, auth.state)\n  }\n  return route\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) : 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-thin',\n        ]\"\n      >\n        <li \n          v-for=\"item in section.items\" \n          v-show=\"!item.visible || (typeof item.visible === 'function' ? item.visible(auth.state) : 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":["route","globals.state","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAKtB,UAAM,QAAQ;AAgBd,UAAM,QAAQ;AAId,UAAM,mBAAmB,IAAI,CAAE,CAAA;AAI/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;AASA,UAAM,eAAe,CAACA,WAAU;AAC9B,UAAI,OAAOA,WAAU,YAAY;AAC/B,eAAOA,OAAMC,OAAeC,OAAU;AAAA,MAC1C;AACE,aAAOF;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -5,7 +5,7 @@ const vueRouter = require("vue-router");
 const vueI18n = require("vue-i18n");
 const IconShopcart = require("../../../../icons/entities/IconShopcart.vue.cjs");
 const IconProfile = require("../../../../icons/entities/IconProfile.vue.cjs");
-const Button = require("../../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../../components/Button/Button.vue.cjs");
 const globals = require("../../store/globals.cjs");
 const shopcart = require("../../../../orders/store/shopcart.cjs");
 const auth = require("../../../../auth/views/store/auth.cjs");

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

@@ -3,7 +3,7 @@ import { useRouter, useRoute } from "vue-router";
 import { useI18n } from "vue-i18n";
 import _sfc_main$2 from "../../../../icons/entities/IconShopcart.vue.js";
 import _sfc_main$3 from "../../../../icons/entities/IconProfile.vue.js";
-import _sfc_main$1 from "../../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../../components/Button/Button.vue.js";
 import { state } from "../../store/globals.js";
 import { getters, actions } from "../../../../orders/store/shopcart.js";
 import { state as state$1 } from "../../../../auth/views/store/auth.js";

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Tab = require("../../../../../components/Tab/Tab.vue2.cjs");
+const Tab = require("../../../../../components/Tab/Tab.vue.cjs");
 const _hoisted_1 = { class: "flex-v-center flex-nowrap flex" };
 const _hoisted_2 = { class: "h2 mn-r-auto" };
 const _hoisted_3 = ["onClick"];

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

@@ -1,5 +1,5 @@
 import { resolveComponent, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, toDisplayString, Fragment, renderList, normalizeClass, withCtx, createTextVNode } from "vue";
-import _sfc_main$1 from "../../../../../components/Tab/Tab.vue2.js";
+import _sfc_main$1 from "../../../../../components/Tab/Tab.vue.js";
 const _hoisted_1 = { class: "flex-v-center flex-nowrap flex" };
 const _hoisted_2 = { class: "h2 mn-r-auto" };
 const _hoisted_3 = ["onClick"];

package/dist/martyrs/src/modules/landing/components/sections/SectionFeatures.vue.cjs

@@ -3,12 +3,11 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueI18n = require("vue-i18n");
 const _hoisted_1 = { id: "howtobuy" };
-const _hoisted_2 = { class: "w-100 mn-b-small" };
-const _hoisted_3 = ["innerHTML"];
-const _hoisted_4 = { class: "cols-3 mobile:cols-1 gap-thin" };
-const _hoisted_5 = { class: "h2 i-extra radius-extra bg-main flex-center d-inline-flex mn-b-medium" };
-const _hoisted_6 = { class: "mn-b-medium" };
-const _hoisted_7 = { class: "t-transp" };
+const _hoisted_2 = ["innerHTML"];
+const _hoisted_3 = { class: "cols-3 mobile:cols-1 gap-thin" };
+const _hoisted_4 = { class: "h2 i-extra radius-extra bg-main flex-center d-inline-flex mn-b-medium" };
+const _hoisted_5 = { class: "mn-b-medium" };
+const _hoisted_6 = { class: "t-transp" };
 const _sfc_main = {
   __name: "SectionFeatures",
   props: {
@@ -24,21 +23,19 @@ const _sfc_main = {
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
-        vue.createElementVNode("h2", _hoisted_2, [
-          vue.createElementVNode("span", {
-            class: "d-inline-block w-max-50r",
-            innerHTML: vue.unref(t)("title")
-          }, null, 8, _hoisted_3)
-        ]),
-        vue.createElementVNode("div", _hoisted_4, [
+        vue.createElementVNode("h2", {
+          class: "w-100 w-max-50r mn-b-small",
+          innerHTML: vue.unref(t)("title")
+        }, null, 8, _hoisted_2),
+        vue.createElementVNode("div", _hoisted_3, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(tm)("features"), (feature) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: feature.title,
               class: "pd-medium radius-medium"
             }, [
-              vue.createElementVNode("p", _hoisted_5, vue.toDisplayString(feature.icon), 1),
-              vue.createElementVNode("h3", _hoisted_6, vue.toDisplayString(feature.title), 1),
-              vue.createElementVNode("p", _hoisted_7, vue.toDisplayString(feature.description), 1)
+              vue.createElementVNode("p", _hoisted_4, vue.toDisplayString(feature.icon), 1),
+              vue.createElementVNode("h3", _hoisted_5, vue.toDisplayString(feature.title), 1),
+              vue.createElementVNode("p", _hoisted_6, vue.toDisplayString(feature.description), 1)
             ]);
           }), 128))
         ])

package/dist/martyrs/src/modules/landing/components/sections/SectionFeatures.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SectionFeatures.vue.cjs","sources":["../../../../../../../src/modules/landing/components/sections/SectionFeatures.vue"],"sourcesContent":["<template>\n  <section id=\"howtobuy\">\n    <h2 class=\"w-100 mn-b-small\"><span class=\"d-inline-block w-max-50r\" v-html=\"t('title')\"/></h2>\n   \n    <div class=\"cols-3 mobile:cols-1 gap-thin\">\n      <div \n        v-for=\"feature in tm('features')\" \n        :key=\"feature.title\" \n        class=\"pd-medium  radius-medium\"\n      >\n        <p class=\"h2 i-extra radius-extra bg-main flex-center d-inline-flex mn-b-medium\">\n          {{ feature.icon }}\n        </p>\n        <h3 class=\"mn-b-medium\">\n          {{ feature.title }}\n        </h3>\n        <p class=\"t-transp\">\n          {{ feature.description }}\n        </p>\n      </div>\n    </div>\n  </section>\n</template>\n\n\n<script setup>\n  import { useI18n }    from 'vue-i18n'\n\n  const props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\n\n  const { t, tm } = useI18n({\n    messages: props.content\n  })\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA4BE,UAAM,QAAQ;AAOd,UAAM,EAAE,GAAG,GAAI,IAAGA,gBAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IACjB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionFeatures.vue.cjs","sources":["../../../../../../../src/modules/landing/components/sections/SectionFeatures.vue"],"sourcesContent":["<template>\n  <section id=\"howtobuy\">\n    <h2 class=\"w-100 w-max-50r mn-b-small\" v-html=\"t('title')\"/>\n   \n    <div class=\"cols-3 mobile:cols-1 gap-thin\">\n      <div \n        v-for=\"feature in tm('features')\" \n        :key=\"feature.title\" \n        class=\"pd-medium  radius-medium\"\n      >\n        <p class=\"h2 i-extra radius-extra bg-main flex-center d-inline-flex mn-b-medium\">\n          {{ feature.icon }}\n        </p>\n        <h3 class=\"mn-b-medium\">\n          {{ feature.title }}\n        </h3>\n        <p class=\"t-transp\">\n          {{ feature.description }}\n        </p>\n      </div>\n    </div>\n  </section>\n</template>\n\n\n<script setup>\n  import { useI18n }    from 'vue-i18n'\n\n  const props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\n\n  const { t, tm } = useI18n({\n    messages: props.content\n  })\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;AA4BE,UAAM,QAAQ;AAOd,UAAM,EAAE,GAAG,GAAI,IAAGA,gBAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IACjB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/landing/components/sections/SectionFeatures.vue.js

@@ -1,12 +1,11 @@
 import { createElementBlock, openBlock, createElementVNode, unref, Fragment, renderList, toDisplayString } from "vue";
 import { useI18n } from "vue-i18n";
 const _hoisted_1 = { id: "howtobuy" };
-const _hoisted_2 = { class: "w-100 mn-b-small" };
-const _hoisted_3 = ["innerHTML"];
-const _hoisted_4 = { class: "cols-3 mobile:cols-1 gap-thin" };
-const _hoisted_5 = { class: "h2 i-extra radius-extra bg-main flex-center d-inline-flex mn-b-medium" };
-const _hoisted_6 = { class: "mn-b-medium" };
-const _hoisted_7 = { class: "t-transp" };
+const _hoisted_2 = ["innerHTML"];
+const _hoisted_3 = { class: "cols-3 mobile:cols-1 gap-thin" };
+const _hoisted_4 = { class: "h2 i-extra radius-extra bg-main flex-center d-inline-flex mn-b-medium" };
+const _hoisted_5 = { class: "mn-b-medium" };
+const _hoisted_6 = { class: "t-transp" };
 const _sfc_main = {
   __name: "SectionFeatures",
   props: {
@@ -22,21 +21,19 @@ const _sfc_main = {
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("section", _hoisted_1, [
-        createElementVNode("h2", _hoisted_2, [
-          createElementVNode("span", {
-            class: "d-inline-block w-max-50r",
-            innerHTML: unref(t)("title")
-          }, null, 8, _hoisted_3)
-        ]),
-        createElementVNode("div", _hoisted_4, [
+        createElementVNode("h2", {
+          class: "w-100 w-max-50r mn-b-small",
+          innerHTML: unref(t)("title")
+        }, null, 8, _hoisted_2),
+        createElementVNode("div", _hoisted_3, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tm)("features"), (feature) => {
             return openBlock(), createElementBlock("div", {
               key: feature.title,
               class: "pd-medium radius-medium"
             }, [
-              createElementVNode("p", _hoisted_5, toDisplayString(feature.icon), 1),
-              createElementVNode("h3", _hoisted_6, toDisplayString(feature.title), 1),
-              createElementVNode("p", _hoisted_7, toDisplayString(feature.description), 1)
+              createElementVNode("p", _hoisted_4, toDisplayString(feature.icon), 1),
+              createElementVNode("h3", _hoisted_5, toDisplayString(feature.title), 1),
+              createElementVNode("p", _hoisted_6, toDisplayString(feature.description), 1)
             ]);
           }), 128))
         ])

package/dist/martyrs/src/modules/landing/components/sections/SectionFeatures.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionFeatures.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionFeatures.vue"],"sourcesContent":["<template>\n  <section id=\"howtobuy\">\n    <h2 class=\"w-100 mn-b-small\"><span class=\"d-inline-block w-max-50r\" v-html=\"t('title')\"/></h2>\n   \n    <div class=\"cols-3 mobile:cols-1 gap-thin\">\n      <div \n        v-for=\"feature in tm('features')\" \n        :key=\"feature.title\" \n        class=\"pd-medium  radius-medium\"\n      >\n        <p class=\"h2 i-extra radius-extra bg-main flex-center d-inline-flex mn-b-medium\">\n          {{ feature.icon }}\n        </p>\n        <h3 class=\"mn-b-medium\">\n          {{ feature.title }}\n        </h3>\n        <p class=\"t-transp\">\n          {{ feature.description }}\n        </p>\n      </div>\n    </div>\n  </section>\n</template>\n\n\n<script setup>\n  import { useI18n }    from 'vue-i18n'\n\n  const props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\n\n  const { t, tm } = useI18n({\n    messages: props.content\n  })\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AA4BE,UAAM,QAAQ;AAOd,UAAM,EAAE,GAAG,GAAI,IAAG,QAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IACjB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionFeatures.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionFeatures.vue"],"sourcesContent":["<template>\n  <section id=\"howtobuy\">\n    <h2 class=\"w-100 w-max-50r mn-b-small\" v-html=\"t('title')\"/>\n   \n    <div class=\"cols-3 mobile:cols-1 gap-thin\">\n      <div \n        v-for=\"feature in tm('features')\" \n        :key=\"feature.title\" \n        class=\"pd-medium  radius-medium\"\n      >\n        <p class=\"h2 i-extra radius-extra bg-main flex-center d-inline-flex mn-b-medium\">\n          {{ feature.icon }}\n        </p>\n        <h3 class=\"mn-b-medium\">\n          {{ feature.title }}\n        </h3>\n        <p class=\"t-transp\">\n          {{ feature.description }}\n        </p>\n      </div>\n    </div>\n  </section>\n</template>\n\n\n<script setup>\n  import { useI18n }    from 'vue-i18n'\n\n  const props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\n\n  const { t, tm } = useI18n({\n    messages: props.content\n  })\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AA4BE,UAAM,QAAQ;AAOd,UAAM,EAAE,GAAG,GAAI,IAAG,QAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IACjB,CAAA;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/landing/components/sections/SectionMobileApp.vue.cjs

@@ -9,25 +9,24 @@ const _hoisted_1 = {
   id: "mobileApp",
   class: "cols-2 o-hidden"
 };
-const _hoisted_2 = { class: "z-index-1 h-100" };
-const _hoisted_3 = ["src"];
-const _hoisted_4 = { class: "pd-big flex flex-h-center flex-column z-index-1 w-1/2" };
-const _hoisted_5 = { class: "mn-t-medium mn-b-semi w-m-40r" };
-const _hoisted_6 = { class: "t-transp mn-b-big p-big w-m-33r" };
-const _hoisted_7 = { class: "mn-b-big gap-medium cols-2" };
-const _hoisted_8 = { class: "feature" };
-const _hoisted_9 = { class: "mn-b-thin" };
-const _hoisted_10 = { class: "t-transp p-medium" };
-const _hoisted_11 = { class: "w-100 w-max-30r flex-nowrap flex gap-medium" };
-const _hoisted_12 = ["href", "target"];
-const _hoisted_13 = {
+const _hoisted_2 = ["src"];
+const _hoisted_3 = { class: "pd-big flex flex-h-center flex-column z-index-1 w-1/2" };
+const _hoisted_4 = { class: "mn-t-medium mn-b-semi w-m-40r" };
+const _hoisted_5 = { class: "t-transp mn-b-big p-big w-m-33r" };
+const _hoisted_6 = { class: "mn-b-big gap-medium cols-2" };
+const _hoisted_7 = { class: "feature" };
+const _hoisted_8 = { class: "mn-b-small" };
+const _hoisted_9 = { class: "t-transp p-medium" };
+const _hoisted_10 = { class: "w-100 w-max-30r flex-nowrap flex gap-medium" };
+const _hoisted_11 = ["href", "target"];
+const _hoisted_12 = {
   key: 0,
-  class: "z-index-2 radius-medium bg-main t-semi uppercase pd-l-thin pd-r-thin pos-absolute pos-r-10-negative pos-t-10-negative"
+  class: "z-index-2 radius-medium bg-main t-semi uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative"
 };
-const _hoisted_14 = ["href", "target"];
-const _hoisted_15 = {
+const _hoisted_13 = ["href", "target"];
+const _hoisted_14 = {
   key: 0,
-  class: "z-index-2 pd-l-thin pd-r-thin radius-medium bg-main t-semi uppercase pos-absolute pos-r-10-negative pos-t-10-negative"
+  class: "z-index-2 pd-thin radius-medium bg-main t-semi uppercase pos-absolute pos-r-10-negative pos-t-10-negative"
 };
 const _sfc_main = {
   __name: "SectionMobileApp",
@@ -44,49 +43,47 @@ const _sfc_main = {
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
-        vue.createElementVNode("div", _hoisted_2, [
-          vue.createElementVNode("img", {
-            loading: "lazy",
-            src: (_ctx.FILE_SERVER_URL || "") + vue.unref(t)("image"),
-            class: "radius-medium h-100 w-100 object-fit-cover"
-          }, null, 8, _hoisted_3)
-        ]),
-        vue.createElementVNode("div", _hoisted_4, [
-          vue.createElementVNode("h2", _hoisted_5, vue.toDisplayString(vue.unref(t)("title")), 1),
-          vue.createElementVNode("p", _hoisted_6, vue.toDisplayString(vue.unref(t)("description")), 1),
-          vue.createElementVNode("div", _hoisted_7, [
+        vue.createElementVNode("img", {
+          loading: "lazy",
+          src: (_ctx.FILE_SERVER_URL || "") + vue.unref(t)("image"),
+          class: "radius-medium w-100 h-100 mobile:h-auto object-fit-cover"
+        }, null, 8, _hoisted_2),
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.createElementVNode("h2", _hoisted_4, vue.toDisplayString(vue.unref(t)("title")), 1),
+          vue.createElementVNode("p", _hoisted_5, vue.toDisplayString(vue.unref(t)("description")), 1),
+          vue.createElementVNode("div", _hoisted_6, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(tm)("features"), (feature) => {
-              return vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
-                vue.createElementVNode("h4", _hoisted_9, vue.toDisplayString(feature.title), 1),
-                vue.createElementVNode("p", _hoisted_10, vue.toDisplayString(feature.text), 1)
+              return vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
+                vue.createElementVNode("h4", _hoisted_8, vue.toDisplayString(feature.title), 1),
+                vue.createElementVNode("p", _hoisted_9, vue.toDisplayString(feature.text), 1)
               ]);
             }), 256))
           ]),
-          vue.createElementVNode("div", _hoisted_11, [
+          vue.createElementVNode("div", _hoisted_10, [
             vue.unref(te)("linkAppStore") || vue.unref(te)("label") ? (vue.openBlock(), vue.createElementBlock("a", {
               key: 0,
               href: vue.unref(te)("linkAppStore") ? vue.unref(t)("linkAppStore") : null,
               target: vue.unref(te)("linkAppStore") ? "_blank" : null,
               class: "pos-relative w-100 h-100"
             }, [
-              vue.unref(te)("label") ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_13, vue.toDisplayString(vue.unref(t)("label")), 1)) : vue.createCommentVNode("", true),
+              vue.unref(te)("label") ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_12, vue.toDisplayString(vue.unref(t)("label")), 1)) : vue.createCommentVNode("", true),
               vue.createVNode(LabelAppStore.default, {
                 class: "w-100 h-max",
                 alt: "Download on App Store"
               })
-            ], 8, _hoisted_12)) : vue.createCommentVNode("", true),
+            ], 8, _hoisted_11)) : vue.createCommentVNode("", true),
             vue.unref(te)("linkGooglePlay") || vue.unref(te)("label") ? (vue.openBlock(), vue.createElementBlock("a", {
               key: 1,
               href: vue.unref(te)("linkGooglePlay") ? vue.unref(t)("linkGooglePlay") : null,
               target: vue.unref(te)("linkGooglePlay") ? "_blank" : null,
               class: "pos-relative w-100 h-100"
             }, [
-              vue.unref(te)("label") ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_15, vue.toDisplayString(vue.unref(t)("label")), 1)) : vue.createCommentVNode("", true),
+              vue.unref(te)("label") ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_14, vue.toDisplayString(vue.unref(t)("label")), 1)) : vue.createCommentVNode("", true),
               vue.createVNode(LabelGooglePlay.default, {
                 class: "w-100 h-max",
                 alt: "Download on Google Play"
               })
-            ], 8, _hoisted_14)) : vue.createCommentVNode("", true)
+            ], 8, _hoisted_13)) : vue.createCommentVNode("", true)
           ])
         ])
       ]);

package/dist/martyrs/src/modules/landing/components/sections/SectionMobileApp.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SectionMobileApp.vue.cjs","sources":["../../../../../../../src/modules/landing/components/sections/SectionMobileApp.vue"],"sourcesContent":["<template>\n  <section id=\"mobileApp\" class=\"cols-2 o-hidden \">\n    <div class=\"z-index-1 h-100\">\n      <img loading=\"lazy\" \n        :src=\"(FILE_SERVER_URL || '') + t('image')\" \n        class=\"radius-medium h-100 w-100 object-fit-cover\"\n      >\n    </div>\n\n    <div class=\"pd-big flex flex-h-center flex-column z-index-1 w-1/2\">\n      <h2 class=\"mn-t-medium mn-b-semi w-m-40r\">{{ t('title') }}</h2>\n      <p class=\"t-transp mn-b-big p-big w-m-33r\">{{ t('description') }}</p>\n      \n      <div class=\"mn-b-big gap-medium cols-2\">\n        <div v-for=\"feature in tm('features')\"  class=\"feature\">\n          <h4 class=\"mn-b-thin\">{{ feature.title }}</h4>\n          <p class=\"t-transp p-medium\">{{ feature.text }}</p>\n        </div>\n      </div>\n\n      <div class=\"w-100 w-max-30r flex-nowrap flex gap-medium\">\n        <a \n           v-if=\"te('linkAppStore') || te('label')\"\n          :href=\"te('linkAppStore') ? t('linkAppStore') : null\" \n          :target=\"te('linkAppStore') ? '_blank' : null\" \n          class=\"pos-relative w-100 h-100\"\n        > \n          <span \n            v-if=\"te('label')\"\n            class=\"z-index-2 radius-medium bg-main t-semi uppercase pd-l-thin pd-r-thin pos-absolute pos-r-10-negative pos-t-10-negative\"\n          >\n            {{ t('label') }}\n          </span>\n          <LabelAppStore class=\"w-100 h-max\" alt=\"Download on App Store\"/>\n        </a>\n\n        <a \n           v-if=\"te('linkGooglePlay') || te('label')\"\n          :href=\"te('linkGooglePlay') ? t('linkGooglePlay') : null\" \n          :target=\"te('linkGooglePlay') ? '_blank' : null\" \n          class=\"pos-relative w-100 h-100\"\n        > \n          <span \n            v-if=\"te('label')\"\n            class=\"z-index-2 pd-l-thin pd-r-thin radius-medium bg-main t-semi uppercase pos-absolute pos-r-10-negative pos-t-10-negative\"\n          >\n            {{ t('label') }}\n          </span>\n          <LabelGooglePlay class=\"w-100 h-max\" alt=\"Download on Google Play\"/>\n        </a>\n\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup>\nimport { useI18n } from 'vue-i18n'\n\nimport LabelAppStore from '@martyrs/src/modules/icons/labels/LabelAppStore.vue'\nimport LabelGooglePlay from '@martyrs/src/modules/icons/labels/LabelGooglePlay.vue'\n\nconst props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\n\n  const { t, tm, te } = useI18n({\n    messages: props.content\n  })\n</script>\n\n<style lang=\"scss\">\n @media screen and (max-width: 1025px) {\n  #mobileApp {\n    text-align: center;\n    > section {\n      flex-direction: column;\n      > div {\n        order: 1;\n      }\n    }\n  }\n}\n</style>\n"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA,UAAM,QAAQ;AAOZ,UAAM,EAAE,GAAG,IAAI,GAAE,IAAKA,QAAAA,QAAQ;AAAA,MAC5B,UAAU,MAAM;AAAA,IACjB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionMobileApp.vue.cjs","sources":["../../../../../../../src/modules/landing/components/sections/SectionMobileApp.vue"],"sourcesContent":["<template>\n  <section id=\"mobileApp\" class=\"cols-2 o-hidden \">\n      <img loading=\"lazy\" \n        :src=\"(FILE_SERVER_URL || '') + t('image')\" \n        class=\"radius-medium w-100 h-100 mobile:h-auto object-fit-cover\"\n      >\n\n    <div class=\"pd-big flex flex-h-center flex-column z-index-1 w-1/2\">\n      <h2 class=\"mn-t-medium mn-b-semi w-m-40r\">{{ t('title') }}</h2>\n      <p class=\"t-transp mn-b-big p-big w-m-33r\">{{ t('description') }}</p>\n      \n      <div class=\"mn-b-big gap-medium cols-2\">\n        <div v-for=\"feature in tm('features')\"  class=\"feature\">\n          <h4 class=\"mn-b-small\">{{ feature.title }}</h4>\n          <p class=\"t-transp p-medium\">{{ feature.text }}</p>\n        </div>\n      </div>\n\n      <div class=\"w-100 w-max-30r flex-nowrap flex gap-medium\">\n        <a \n           v-if=\"te('linkAppStore') || te('label')\"\n          :href=\"te('linkAppStore') ? t('linkAppStore') : null\" \n          :target=\"te('linkAppStore') ? '_blank' : null\" \n          class=\"pos-relative w-100 h-100\"\n        > \n          <span \n            v-if=\"te('label')\"\n            class=\"z-index-2 radius-medium bg-main t-semi uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative\"\n          >\n            {{ t('label') }}\n          </span>\n          <LabelAppStore class=\"w-100 h-max\" alt=\"Download on App Store\"/>\n        </a>\n\n        <a \n           v-if=\"te('linkGooglePlay') || te('label')\"\n          :href=\"te('linkGooglePlay') ? t('linkGooglePlay') : null\" \n          :target=\"te('linkGooglePlay') ? '_blank' : null\" \n          class=\"pos-relative w-100 h-100\"\n        > \n          <span \n            v-if=\"te('label')\"\n            class=\"z-index-2 pd-thin radius-medium bg-main t-semi uppercase pos-absolute pos-r-10-negative pos-t-10-negative\"\n          >\n            {{ t('label') }}\n          </span>\n          <LabelGooglePlay class=\"w-100 h-max\" alt=\"Download on Google Play\"/>\n        </a>\n\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup>\nimport { useI18n } from 'vue-i18n'\n\nimport LabelAppStore from '@martyrs/src/modules/icons/labels/LabelAppStore.vue'\nimport LabelGooglePlay from '@martyrs/src/modules/icons/labels/LabelGooglePlay.vue'\n\nconst props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\n\n  const { t, tm, te } = useI18n({\n    messages: props.content\n  })\n</script>\n\n<style lang=\"scss\">\n @media screen and (max-width: 1025px) {\n  #mobileApp {\n    text-align: center;\n    > section {\n      flex-direction: column;\n      > div {\n        order: 1;\n      }\n    }\n  }\n}\n</style>\n"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,UAAM,QAAQ;AAOZ,UAAM,EAAE,GAAG,IAAI,GAAE,IAAKA,QAAAA,QAAQ;AAAA,MAC5B,UAAU,MAAM;AAAA,IACjB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/landing/components/sections/SectionMobileApp.vue.js

@@ -7,25 +7,24 @@ const _hoisted_1 = {
   id: "mobileApp",
   class: "cols-2 o-hidden"
 };
-const _hoisted_2 = { class: "z-index-1 h-100" };
-const _hoisted_3 = ["src"];
-const _hoisted_4 = { class: "pd-big flex flex-h-center flex-column z-index-1 w-1/2" };
-const _hoisted_5 = { class: "mn-t-medium mn-b-semi w-m-40r" };
-const _hoisted_6 = { class: "t-transp mn-b-big p-big w-m-33r" };
-const _hoisted_7 = { class: "mn-b-big gap-medium cols-2" };
-const _hoisted_8 = { class: "feature" };
-const _hoisted_9 = { class: "mn-b-thin" };
-const _hoisted_10 = { class: "t-transp p-medium" };
-const _hoisted_11 = { class: "w-100 w-max-30r flex-nowrap flex gap-medium" };
-const _hoisted_12 = ["href", "target"];
-const _hoisted_13 = {
+const _hoisted_2 = ["src"];
+const _hoisted_3 = { class: "pd-big flex flex-h-center flex-column z-index-1 w-1/2" };
+const _hoisted_4 = { class: "mn-t-medium mn-b-semi w-m-40r" };
+const _hoisted_5 = { class: "t-transp mn-b-big p-big w-m-33r" };
+const _hoisted_6 = { class: "mn-b-big gap-medium cols-2" };
+const _hoisted_7 = { class: "feature" };
+const _hoisted_8 = { class: "mn-b-small" };
+const _hoisted_9 = { class: "t-transp p-medium" };
+const _hoisted_10 = { class: "w-100 w-max-30r flex-nowrap flex gap-medium" };
+const _hoisted_11 = ["href", "target"];
+const _hoisted_12 = {
   key: 0,
-  class: "z-index-2 radius-medium bg-main t-semi uppercase pd-l-thin pd-r-thin pos-absolute pos-r-10-negative pos-t-10-negative"
+  class: "z-index-2 radius-medium bg-main t-semi uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative"
 };
-const _hoisted_14 = ["href", "target"];
-const _hoisted_15 = {
+const _hoisted_13 = ["href", "target"];
+const _hoisted_14 = {
   key: 0,
-  class: "z-index-2 pd-l-thin pd-r-thin radius-medium bg-main t-semi uppercase pos-absolute pos-r-10-negative pos-t-10-negative"
+  class: "z-index-2 pd-thin radius-medium bg-main t-semi uppercase pos-absolute pos-r-10-negative pos-t-10-negative"
 };
 const _sfc_main = {
   __name: "SectionMobileApp",
@@ -42,49 +41,47 @@ const _sfc_main = {
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("section", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("img", {
-            loading: "lazy",
-            src: (_ctx.FILE_SERVER_URL || "") + unref(t)("image"),
-            class: "radius-medium h-100 w-100 object-fit-cover"
-          }, null, 8, _hoisted_3)
-        ]),
-        createElementVNode("div", _hoisted_4, [
-          createElementVNode("h2", _hoisted_5, toDisplayString(unref(t)("title")), 1),
-          createElementVNode("p", _hoisted_6, toDisplayString(unref(t)("description")), 1),
-          createElementVNode("div", _hoisted_7, [
+        createElementVNode("img", {
+          loading: "lazy",
+          src: (_ctx.FILE_SERVER_URL || "") + unref(t)("image"),
+          class: "radius-medium w-100 h-100 mobile:h-auto object-fit-cover"
+        }, null, 8, _hoisted_2),
+        createElementVNode("div", _hoisted_3, [
+          createElementVNode("h2", _hoisted_4, toDisplayString(unref(t)("title")), 1),
+          createElementVNode("p", _hoisted_5, toDisplayString(unref(t)("description")), 1),
+          createElementVNode("div", _hoisted_6, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tm)("features"), (feature) => {
-              return openBlock(), createElementBlock("div", _hoisted_8, [
-                createElementVNode("h4", _hoisted_9, toDisplayString(feature.title), 1),
-                createElementVNode("p", _hoisted_10, toDisplayString(feature.text), 1)
+              return openBlock(), createElementBlock("div", _hoisted_7, [
+                createElementVNode("h4", _hoisted_8, toDisplayString(feature.title), 1),
+                createElementVNode("p", _hoisted_9, toDisplayString(feature.text), 1)
               ]);
             }), 256))
           ]),
-          createElementVNode("div", _hoisted_11, [
+          createElementVNode("div", _hoisted_10, [
             unref(te)("linkAppStore") || unref(te)("label") ? (openBlock(), createElementBlock("a", {
               key: 0,
               href: unref(te)("linkAppStore") ? unref(t)("linkAppStore") : null,
               target: unref(te)("linkAppStore") ? "_blank" : null,
               class: "pos-relative w-100 h-100"
             }, [
-              unref(te)("label") ? (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString(unref(t)("label")), 1)) : createCommentVNode("", true),
+              unref(te)("label") ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(unref(t)("label")), 1)) : createCommentVNode("", true),
               createVNode(LabelAppStore, {
                 class: "w-100 h-max",
                 alt: "Download on App Store"
               })
-            ], 8, _hoisted_12)) : createCommentVNode("", true),
+            ], 8, _hoisted_11)) : createCommentVNode("", true),
             unref(te)("linkGooglePlay") || unref(te)("label") ? (openBlock(), createElementBlock("a", {
               key: 1,
               href: unref(te)("linkGooglePlay") ? unref(t)("linkGooglePlay") : null,
               target: unref(te)("linkGooglePlay") ? "_blank" : null,
               class: "pos-relative w-100 h-100"
             }, [
-              unref(te)("label") ? (openBlock(), createElementBlock("span", _hoisted_15, toDisplayString(unref(t)("label")), 1)) : createCommentVNode("", true),
+              unref(te)("label") ? (openBlock(), createElementBlock("span", _hoisted_14, toDisplayString(unref(t)("label")), 1)) : createCommentVNode("", true),
               createVNode(LabelGooglePlay, {
                 class: "w-100 h-max",
                 alt: "Download on Google Play"
               })
-            ], 8, _hoisted_14)) : createCommentVNode("", true)
+            ], 8, _hoisted_13)) : createCommentVNode("", true)
           ])
         ])
       ]);

package/dist/martyrs/src/modules/landing/components/sections/SectionMobileApp.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionMobileApp.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionMobileApp.vue"],"sourcesContent":["<template>\n  <section id=\"mobileApp\" class=\"cols-2 o-hidden \">\n    <div class=\"z-index-1 h-100\">\n      <img loading=\"lazy\" \n        :src=\"(FILE_SERVER_URL || '') + t('image')\" \n        class=\"radius-medium h-100 w-100 object-fit-cover\"\n      >\n    </div>\n\n    <div class=\"pd-big flex flex-h-center flex-column z-index-1 w-1/2\">\n      <h2 class=\"mn-t-medium mn-b-semi w-m-40r\">{{ t('title') }}</h2>\n      <p class=\"t-transp mn-b-big p-big w-m-33r\">{{ t('description') }}</p>\n      \n      <div class=\"mn-b-big gap-medium cols-2\">\n        <div v-for=\"feature in tm('features')\"  class=\"feature\">\n          <h4 class=\"mn-b-thin\">{{ feature.title }}</h4>\n          <p class=\"t-transp p-medium\">{{ feature.text }}</p>\n        </div>\n      </div>\n\n      <div class=\"w-100 w-max-30r flex-nowrap flex gap-medium\">\n        <a \n           v-if=\"te('linkAppStore') || te('label')\"\n          :href=\"te('linkAppStore') ? t('linkAppStore') : null\" \n          :target=\"te('linkAppStore') ? '_blank' : null\" \n          class=\"pos-relative w-100 h-100\"\n        > \n          <span \n            v-if=\"te('label')\"\n            class=\"z-index-2 radius-medium bg-main t-semi uppercase pd-l-thin pd-r-thin pos-absolute pos-r-10-negative pos-t-10-negative\"\n          >\n            {{ t('label') }}\n          </span>\n          <LabelAppStore class=\"w-100 h-max\" alt=\"Download on App Store\"/>\n        </a>\n\n        <a \n           v-if=\"te('linkGooglePlay') || te('label')\"\n          :href=\"te('linkGooglePlay') ? t('linkGooglePlay') : null\" \n          :target=\"te('linkGooglePlay') ? '_blank' : null\" \n          class=\"pos-relative w-100 h-100\"\n        > \n          <span \n            v-if=\"te('label')\"\n            class=\"z-index-2 pd-l-thin pd-r-thin radius-medium bg-main t-semi uppercase pos-absolute pos-r-10-negative pos-t-10-negative\"\n          >\n            {{ t('label') }}\n          </span>\n          <LabelGooglePlay class=\"w-100 h-max\" alt=\"Download on Google Play\"/>\n        </a>\n\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup>\nimport { useI18n } from 'vue-i18n'\n\nimport LabelAppStore from '@martyrs/src/modules/icons/labels/LabelAppStore.vue'\nimport LabelGooglePlay from '@martyrs/src/modules/icons/labels/LabelGooglePlay.vue'\n\nconst props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\n\n  const { t, tm, te } = useI18n({\n    messages: props.content\n  })\n</script>\n\n<style lang=\"scss\">\n @media screen and (max-width: 1025px) {\n  #mobileApp {\n    text-align: center;\n    > section {\n      flex-direction: column;\n      > div {\n        order: 1;\n      }\n    }\n  }\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA,UAAM,QAAQ;AAOZ,UAAM,EAAE,GAAG,IAAI,GAAE,IAAK,QAAQ;AAAA,MAC5B,UAAU,MAAM;AAAA,IACjB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionMobileApp.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionMobileApp.vue"],"sourcesContent":["<template>\n  <section id=\"mobileApp\" class=\"cols-2 o-hidden \">\n      <img loading=\"lazy\" \n        :src=\"(FILE_SERVER_URL || '') + t('image')\" \n        class=\"radius-medium w-100 h-100 mobile:h-auto object-fit-cover\"\n      >\n\n    <div class=\"pd-big flex flex-h-center flex-column z-index-1 w-1/2\">\n      <h2 class=\"mn-t-medium mn-b-semi w-m-40r\">{{ t('title') }}</h2>\n      <p class=\"t-transp mn-b-big p-big w-m-33r\">{{ t('description') }}</p>\n      \n      <div class=\"mn-b-big gap-medium cols-2\">\n        <div v-for=\"feature in tm('features')\"  class=\"feature\">\n          <h4 class=\"mn-b-small\">{{ feature.title }}</h4>\n          <p class=\"t-transp p-medium\">{{ feature.text }}</p>\n        </div>\n      </div>\n\n      <div class=\"w-100 w-max-30r flex-nowrap flex gap-medium\">\n        <a \n           v-if=\"te('linkAppStore') || te('label')\"\n          :href=\"te('linkAppStore') ? t('linkAppStore') : null\" \n          :target=\"te('linkAppStore') ? '_blank' : null\" \n          class=\"pos-relative w-100 h-100\"\n        > \n          <span \n            v-if=\"te('label')\"\n            class=\"z-index-2 radius-medium bg-main t-semi uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative\"\n          >\n            {{ t('label') }}\n          </span>\n          <LabelAppStore class=\"w-100 h-max\" alt=\"Download on App Store\"/>\n        </a>\n\n        <a \n           v-if=\"te('linkGooglePlay') || te('label')\"\n          :href=\"te('linkGooglePlay') ? t('linkGooglePlay') : null\" \n          :target=\"te('linkGooglePlay') ? '_blank' : null\" \n          class=\"pos-relative w-100 h-100\"\n        > \n          <span \n            v-if=\"te('label')\"\n            class=\"z-index-2 pd-thin radius-medium bg-main t-semi uppercase pos-absolute pos-r-10-negative pos-t-10-negative\"\n          >\n            {{ t('label') }}\n          </span>\n          <LabelGooglePlay class=\"w-100 h-max\" alt=\"Download on Google Play\"/>\n        </a>\n\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup>\nimport { useI18n } from 'vue-i18n'\n\nimport LabelAppStore from '@martyrs/src/modules/icons/labels/LabelAppStore.vue'\nimport LabelGooglePlay from '@martyrs/src/modules/icons/labels/LabelGooglePlay.vue'\n\nconst props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\n\n  const { t, tm, te } = useI18n({\n    messages: props.content\n  })\n</script>\n\n<style lang=\"scss\">\n @media screen and (max-width: 1025px) {\n  #mobileApp {\n    text-align: center;\n    > section {\n      flex-direction: column;\n      > div {\n        order: 1;\n      }\n    }\n  }\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,UAAM,QAAQ;AAOZ,UAAM,EAAE,GAAG,IAAI,GAAE,IAAK,QAAQ;AAAA,MAC5B,UAAU,MAAM;AAAA,IACjB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/marketplace/views/components/layouts/Marketplace.vue.cjs

@@ -157,8 +157,8 @@ const _sfc_main = {
                   onClick: _cache[2] || (_cache[2] = (a) => {
                     globals.state.isOpenLocationPopup = true;
                   }),
-                  class: "h2 pd-l-small pd-r-small pd-t-micro pd-b-micro d-inline-block t-semi radius-extra bg-main t-black cursor-pointer"
-                }, " The World "))
+                  class: "t-main t-semi cursor-pointer"
+                }, "The World"))
               ])
             ]),
             vue.createElementVNode("div", _hoisted_7, [