@ozdao/martyrs 0.2.546 → 0.2.548

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.js'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\nconst router = useRouter()\nconst route = useRoute()\n\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue'\nimport Spoiler from '@martyrs/src/components/Spoiler/Spoiler.vue'\n\nconst props = defineProps({\n  navigationItems: Array,\n  theme: {\n    type: String,\n    default: \"light\"\n  },\n  stateSidebar: {\n    type: Boolean,\n    default: false\n  },\n  horizontal: {\n    type: Boolean,\n    default: false\n  }\n})\n\nconst emits = defineEmits([\n  'closeSidebar'\n])\n\nconst expandedSections = ref([])\n\nconst toggleSection = (title) => {\n  if (!props.stateSidebar) {\n    if (menuItems.value.flatMap(section => section.items).find(item => item.title === title && item.subItems)) {\n      emits('closeSidebar')\n      setTimeout(() => {\n        expandedSections.value.push(title)\n      }, 50)\n    }\n    return\n  }\n  \n  const index = expandedSections.value.indexOf(title)\n\n  if (index === -1) {\n    expandedSections.value.push(title)\n  } else {\n    expandedSections.value.splice(index, 1)\n  }\n}\n\nconst isSectionExpanded = (title) => {\n  return expandedSections.value.includes(title)\n}\n\n// Process route functions with auth data and route\nconst processRoute = (routeFn) => {\n  if (typeof routeFn === 'function') {\n    return routeFn(auth.state, route)\n  }\n  return routeFn\n}\n</script>\n\n<template>\n  <nav\n    class=\"transition-quint-out o-x-hidden h-100\"\n    :class=\"[\n      stateSidebar ? 'pd-small' : 'pd-micro',\n      horizontal ? 'w-100 desktop-only flex flex-center flex-nowrap o-y-hidden' : 'o-y-scroll rows-1',\n    ]\"\n  >\n    <div \n      v-for=\"section in props.navigationItems\" \n      v-show=\"!section.visible || (typeof section.visible === 'function' ? section.visible(auth.state, route) : true)\"\n      :key=\"section.category\" \n      class=\"transition-quint-out\"\n      :class=\"[\n        horizontal ? 'w-max flex-child-default flex flex-nowrap' : '',\n        stateSidebar && !horizontal ? 'mn-t-medium' : '',\n      ]\"\n    >\n      <div \n        class=\"uppercase t-medium t-transp p-small\"\n        :class=\"{ \n          'hidden': !stateSidebar || horizontal, \n          'visible': stateSidebar && !horizontal,\n          't-black': theme === 'light',\n          't-white':  theme === 'dark'\n        }\"\n      >\n        {{ section.category }}\n      </div>\n\n      <ul \n        :class=\"[\n          horizontal ? 'w-100 gap-micro flex flex-nowrap' : 'flex flex-column gap-micro',\n        ]\"\n      >\n        <li \n          v-for=\"item in section.items\" \n          v-show=\"!item.visible || (typeof item.visible === 'function' ? item.visible(auth.state, route) : true)\"\n          class=\"w-100 pos-relative\"\n          :key=\"item.title\"\n           \n        >\n        <button\n          class=\"transition-quint-out w-100 flex radius-small flex-nowrap cursor-pointer flex-v-center\"\n          @click=\"item.route ? (isPhone ? (stateSidebar = false) : null, route.path !== processRoute(item.route) ? router.push(processRoute(item.route)) : null) : null\"\n          :class=\"[\n              horizontal ? 'pd-thin' : '',\n              item.route && route.path === processRoute(item.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',\n              theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'\n            ]\"\n        >\n          <div v-if=\"!horizontal\" class=\"w-100 flex-child-default w-max-big flex flex-center aspect-1x1\">\n            <component \n              v-if=\"item.iconComponent\" \n              :is=\"item.iconComponent\" \n              class=\"i-medium flex-child-default\" \n              :fill=\"globals.state.theme.darkmode || theme === 'dark' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'\"\n            />\n            <span \n              v-if=\"!item.iconComponent \" \n              class=\"p-medium\"\n            >\n              {{ item.icon }}\n            </span>\n          </div>\n          \n          <span\n            class=\"transition-quint-out w-100 t-left t-medium\"\n            :class=\"{ 'hidden': !stateSidebar && !horizontal, 'visible': stateSidebar || horizontal }\"\n          >\n            {{ item.title }}\n          </span>\n          \n          <span\n            v-if=\"item.subItems && stateSidebar && !horizontal\"\n            class=\"mn-l-auto mn-r-small sidebar-dropdown-icon\"\n            :class=\"{ 'rotate-180': isSectionExpanded(item.title) }\"\n            @click.stop=\"toggleSection(item.title)\" \n          >\n             <IconChevronBottom :class=\"{ 'rotate-180 mn-t-micro-negative': isOpen }\" :fill=\" theme === 'dark' ? 'rgb(var(--white))': 'rgb(var(--black))'\" class=\"i-small\"/>\n          </span>\n        </button>\n        <transition\n          enter-active-class=\"dropdown-enter\"\n          leave-active-class=\"dropdown-leave\"\n          enter-from-class=\"dropdown-enter-from\"\n          enter-to-class=\"dropdown-enter-to\"\n          leave-from-class=\"dropdown-leave-from\"\n          leave-to-class=\"dropdown-leave-to\"\n        >\n          <ul\n            v-if=\"item.subItems && isSectionExpanded(item.title) && stateSidebar && !horizontal\"\n            class=\"mn-l-small mn-t-thin\"\n          >\n            <li v-for=\"subItem in item.subItems\" :key=\"subItem.title\">\n              \n              <a \n               @click=\"subItem.route ? (isPhone ? (stateSidebar = false) : null, route.path !== processRoute(subItem.route) ? router.push(processRoute(subItem.route)) : null) : null\"\n                href=\"#\" \n                class=\"transition-quint-out flex flex-v-center flex-nowrap gap-thin pd-thin radius-small\"\n                :class=\"[\n                  subItem.route && route.path === processRoute(subItem.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',\n                    theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'\n                    ]\"\n              >\n                <component \n                  v-if=\"subItem.iconComponent\" \n                  :is=\"subItem.iconComponent\" \n                  class=\"i-medium\" \n                 :fill=\"globals.state.theme.darkmode || theme === 'dark' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'\"\n                />\n                <span v-else class=\"\">{{ subItem.icon }}</span>\n                <span class=\"w-100\">{{ subItem.title }}</span>\n              </a>\n            </li>\n          </ul>\n        </transition> \n        </li>\n      </ul>\n    </div>\n  </nav>\n</template>\n\n<style scoped>\n\n.rotate-180 {\n  transform: rotate(180deg);\n}\n\n.hidden {\n/*  opacity: 0;*/\n  width: 0;\n  display: none;\n}\n\n.visible {\n/*  opacity: 1;*/\n  display: block;\n}\n\n/* Dropdown animations */\n.dropdown-enter, .dropdown-leave {\n  transition: all 0.3s ease-in-out;\n}\n\n.dropdown-enter-from, .dropdown-leave-to {\n  opacity: 0;\n  transform: translateY(-0.5rem);\n}\n\n.dropdown-enter-to, .dropdown-leave-from {\n  opacity: 1;\n  transform: translateY(0);\n}\n</style>"],"names":["useRouter","useRoute","ref","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAM,SAASA,UAAAA,UAAS;AACxB,UAAM,QAAQC,UAAAA,SAAQ;AAKtB,UAAM,QAAQ;AAgBd,UAAM,QAAQ;AAId,UAAM,mBAAmBC,IAAAA,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,QAAQC,KAAAA,OAAY,KAAK;AAAA,MAClC;AACA,aAAO;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.js'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\nconst router = useRouter()\nconst route = useRoute()\n\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue'\nimport Spoiler from '@martyrs/src/components/Spoiler/Spoiler.vue'\n\nconst props = defineProps({\n  navigationItems: Array,\n  theme: {\n    type: String,\n    default: \"light\"\n  },\n  stateSidebar: {\n    type: Boolean,\n    default: false\n  },\n  horizontal: {\n    type: Boolean,\n    default: false\n  }\n})\n\nconst emits = defineEmits([\n  'closeSidebar'\n])\n\nconst expandedSections = ref([])\n\nconst toggleSection = (title) => {\n  if (!props.stateSidebar) {\n    if (menuItems.value.flatMap(section => section.items).find(item => item.title === title && item.subItems)) {\n      emits('closeSidebar')\n      setTimeout(() => {\n        expandedSections.value.push(title)\n      }, 50)\n    }\n    return\n  }\n  \n  const index = expandedSections.value.indexOf(title)\n\n  if (index === -1) {\n    expandedSections.value.push(title)\n  } else {\n    expandedSections.value.splice(index, 1)\n  }\n}\n\nconst isSectionExpanded = (title) => {\n  return expandedSections.value.includes(title)\n}\n\n// Process route functions with auth data and route\nconst processRoute = (routeFn) => {\n  if (typeof routeFn === 'function') {\n    return routeFn(auth.state, route)\n  }\n  return routeFn\n}\n</script>\n\n<template>\n  <nav\n    class=\"transition-quint-out o-x-hidden h-100\"\n    :class=\"[\n      stateSidebar ? 'pd-small' : 'pd-micro',\n      horizontal ? 'w-100 desktop-only flex flex-center flex-nowrap o-y-hidden' : 'o-y-scroll rows-1',\n    ]\"\n  >\n    <div \n      v-for=\"section in props.navigationItems\" \n      v-show=\"!section.visible || (typeof section.visible === 'function' ? section.visible(auth.state, route) : true)\"\n      :key=\"section.category\" \n      class=\"transition-quint-out\"\n      :class=\"[\n        horizontal ? 'w-max flex-child-default flex flex-nowrap' : '',\n        stateSidebar && !horizontal ? 'mn-t-medium' : '',\n      ]\"\n    >\n      <div \n        class=\"uppercase t-medium t-transp p-small\"\n        :class=\"{ \n          'hidden': !stateSidebar || horizontal, \n          'visible': stateSidebar && !horizontal,\n          't-black': theme === 'light',\n          't-white':  theme === 'dark'\n        }\"\n      >\n        {{ section.category }}\n      </div>\n\n      <ul \n        :class=\"[\n          horizontal ? 'w-100 gap-micro flex flex-nowrap' : 'flex flex-column gap-micro',\n        ]\"\n      >\n        <li \n          v-for=\"item in section.items\" \n          v-show=\"!item.visible || (typeof item.visible === 'function' ? item.visible(auth.state, route) : true)\"\n          class=\"w-100 pos-relative\"\n          :key=\"item.title\"\n           \n        >\n        <button\n          class=\"transition-quint-out w-100 flex radius-small flex-nowrap cursor-pointer flex-v-center\"\n          @click=\"item.route ? (isPhone ? (stateSidebar = false) : null, route.path !== processRoute(item.route) ? router.push(processRoute(item.route)) : null) : null\"\n          :class=\"[\n              horizontal ? 'pd-thin' : '',\n              item.route && route.path === processRoute(item.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',\n              theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'\n            ]\"\n        >\n          <div v-if=\"!horizontal\" class=\"w-100 flex-child-default w-max-big flex flex-center aspect-1x1\">\n            <component \n              v-if=\"item.iconComponent\" \n              :is=\"item.iconComponent\" \n              class=\"i-medium flex-child-default\" \n              :fill=\"globals.state.theme.darkmode || theme === 'dark' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'\"\n            />\n            <span \n              v-if=\"!item.iconComponent \" \n              class=\"p-regular\"\n            >\n              {{ item.icon }}\n            </span>\n          </div>\n          \n          <span\n            class=\"transition-quint-out w-100 t-left t-medium\"\n            :class=\"{ 'hidden': !stateSidebar && !horizontal, 'visible': stateSidebar || horizontal }\"\n          >\n            {{ item.title }}\n          </span>\n          \n          <span\n            v-if=\"item.subItems && stateSidebar && !horizontal\"\n            class=\"mn-l-auto mn-r-small sidebar-dropdown-icon\"\n            :class=\"{ 'rotate-180': isSectionExpanded(item.title) }\"\n            @click.stop=\"toggleSection(item.title)\" \n          >\n             <IconChevronBottom :class=\"{ 'rotate-180 mn-t-micro-negative': isOpen }\" :fill=\" theme === 'dark' ? 'rgb(var(--white))': 'rgb(var(--black))'\" class=\"i-small\"/>\n          </span>\n        </button>\n        <transition\n          enter-active-class=\"dropdown-enter\"\n          leave-active-class=\"dropdown-leave\"\n          enter-from-class=\"dropdown-enter-from\"\n          enter-to-class=\"dropdown-enter-to\"\n          leave-from-class=\"dropdown-leave-from\"\n          leave-to-class=\"dropdown-leave-to\"\n        >\n          <ul\n            v-if=\"item.subItems && isSectionExpanded(item.title) && stateSidebar && !horizontal\"\n            class=\"mn-l-small mn-t-thin\"\n          >\n            <li v-for=\"subItem in item.subItems\" :key=\"subItem.title\">\n              \n              <a \n               @click=\"subItem.route ? (isPhone ? (stateSidebar = false) : null, route.path !== processRoute(subItem.route) ? router.push(processRoute(subItem.route)) : null) : null\"\n                href=\"#\" \n                class=\"transition-quint-out flex flex-v-center flex-nowrap gap-thin pd-thin radius-small\"\n                :class=\"[\n                  subItem.route && route.path === processRoute(subItem.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',\n                    theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'\n                    ]\"\n              >\n                <component \n                  v-if=\"subItem.iconComponent\" \n                  :is=\"subItem.iconComponent\" \n                  class=\"i-medium\" \n                 :fill=\"globals.state.theme.darkmode || theme === 'dark' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'\"\n                />\n                <span v-else class=\"\">{{ subItem.icon }}</span>\n                <span class=\"w-100\">{{ subItem.title }}</span>\n              </a>\n            </li>\n          </ul>\n        </transition> \n        </li>\n      </ul>\n    </div>\n  </nav>\n</template>\n\n<style scoped>\n\n.rotate-180 {\n  transform: rotate(180deg);\n}\n\n.hidden {\n/*  opacity: 0;*/\n  width: 0;\n  display: none;\n}\n\n.visible {\n/*  opacity: 1;*/\n  display: block;\n}\n\n/* Dropdown animations */\n.dropdown-enter, .dropdown-leave {\n  transition: all 0.3s ease-in-out;\n}\n\n.dropdown-enter-from, .dropdown-leave-to {\n  opacity: 0;\n  transform: translateY(-0.5rem);\n}\n\n.dropdown-enter-to, .dropdown-leave-from {\n  opacity: 1;\n  transform: translateY(0);\n}\n</style>"],"names":["useRouter","useRoute","ref","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAM,SAASA,UAAAA,UAAS;AACxB,UAAM,QAAQC,UAAAA,SAAQ;AAKtB,UAAM,QAAQ;AAgBd,UAAM,QAAQ;AAId,UAAM,mBAAmBC,IAAAA,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,QAAQC,KAAAA,OAAY,KAAK;AAAA,MAClC;AACA,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -4,7 +4,7 @@ import IconChevronBottom from "../../../../icons/navigation/IconChevronBottom.vu
 import { state } from "../../store/globals.js";
 import { state as state$1 } from "../../../../auth/views/store/auth.js";
 /* empty css                                               */
-/* empty css                                             */
+/* empty css                                            */
 /* empty css                */
 import _export_sfc from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = ["onClick"];
@@ -14,7 +14,7 @@ const _hoisted_2 = {
 };
 const _hoisted_3 = {
   key: 1,
-  class: "p-medium"
+  class: "p-regular"
 };
 const _hoisted_4 = ["onClick"];
 const _hoisted_5 = {
@@ -190,7 +190,7 @@ const _sfc_main = {
     };
   }
 };
-const Navigation = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2c43f1ca"]]);
+const Navigation = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-63703355"]]);
 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.js'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\nconst router = useRouter()\nconst route = useRoute()\n\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue'\nimport Spoiler from '@martyrs/src/components/Spoiler/Spoiler.vue'\n\nconst props = defineProps({\n  navigationItems: Array,\n  theme: {\n    type: String,\n    default: \"light\"\n  },\n  stateSidebar: {\n    type: Boolean,\n    default: false\n  },\n  horizontal: {\n    type: Boolean,\n    default: false\n  }\n})\n\nconst emits = defineEmits([\n  'closeSidebar'\n])\n\nconst expandedSections = ref([])\n\nconst toggleSection = (title) => {\n  if (!props.stateSidebar) {\n    if (menuItems.value.flatMap(section => section.items).find(item => item.title === title && item.subItems)) {\n      emits('closeSidebar')\n      setTimeout(() => {\n        expandedSections.value.push(title)\n      }, 50)\n    }\n    return\n  }\n  \n  const index = expandedSections.value.indexOf(title)\n\n  if (index === -1) {\n    expandedSections.value.push(title)\n  } else {\n    expandedSections.value.splice(index, 1)\n  }\n}\n\nconst isSectionExpanded = (title) => {\n  return expandedSections.value.includes(title)\n}\n\n// Process route functions with auth data and route\nconst processRoute = (routeFn) => {\n  if (typeof routeFn === 'function') {\n    return routeFn(auth.state, route)\n  }\n  return routeFn\n}\n</script>\n\n<template>\n  <nav\n    class=\"transition-quint-out o-x-hidden h-100\"\n    :class=\"[\n      stateSidebar ? 'pd-small' : 'pd-micro',\n      horizontal ? 'w-100 desktop-only flex flex-center flex-nowrap o-y-hidden' : 'o-y-scroll rows-1',\n    ]\"\n  >\n    <div \n      v-for=\"section in props.navigationItems\" \n      v-show=\"!section.visible || (typeof section.visible === 'function' ? section.visible(auth.state, route) : true)\"\n      :key=\"section.category\" \n      class=\"transition-quint-out\"\n      :class=\"[\n        horizontal ? 'w-max flex-child-default flex flex-nowrap' : '',\n        stateSidebar && !horizontal ? 'mn-t-medium' : '',\n      ]\"\n    >\n      <div \n        class=\"uppercase t-medium t-transp p-small\"\n        :class=\"{ \n          'hidden': !stateSidebar || horizontal, \n          'visible': stateSidebar && !horizontal,\n          't-black': theme === 'light',\n          't-white':  theme === 'dark'\n        }\"\n      >\n        {{ section.category }}\n      </div>\n\n      <ul \n        :class=\"[\n          horizontal ? 'w-100 gap-micro flex flex-nowrap' : 'flex flex-column gap-micro',\n        ]\"\n      >\n        <li \n          v-for=\"item in section.items\" \n          v-show=\"!item.visible || (typeof item.visible === 'function' ? item.visible(auth.state, route) : true)\"\n          class=\"w-100 pos-relative\"\n          :key=\"item.title\"\n           \n        >\n        <button\n          class=\"transition-quint-out w-100 flex radius-small flex-nowrap cursor-pointer flex-v-center\"\n          @click=\"item.route ? (isPhone ? (stateSidebar = false) : null, route.path !== processRoute(item.route) ? router.push(processRoute(item.route)) : null) : null\"\n          :class=\"[\n              horizontal ? 'pd-thin' : '',\n              item.route && route.path === processRoute(item.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',\n              theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'\n            ]\"\n        >\n          <div v-if=\"!horizontal\" class=\"w-100 flex-child-default w-max-big flex flex-center aspect-1x1\">\n            <component \n              v-if=\"item.iconComponent\" \n              :is=\"item.iconComponent\" \n              class=\"i-medium flex-child-default\" \n              :fill=\"globals.state.theme.darkmode || theme === 'dark' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'\"\n            />\n            <span \n              v-if=\"!item.iconComponent \" \n              class=\"p-medium\"\n            >\n              {{ item.icon }}\n            </span>\n          </div>\n          \n          <span\n            class=\"transition-quint-out w-100 t-left t-medium\"\n            :class=\"{ 'hidden': !stateSidebar && !horizontal, 'visible': stateSidebar || horizontal }\"\n          >\n            {{ item.title }}\n          </span>\n          \n          <span\n            v-if=\"item.subItems && stateSidebar && !horizontal\"\n            class=\"mn-l-auto mn-r-small sidebar-dropdown-icon\"\n            :class=\"{ 'rotate-180': isSectionExpanded(item.title) }\"\n            @click.stop=\"toggleSection(item.title)\" \n          >\n             <IconChevronBottom :class=\"{ 'rotate-180 mn-t-micro-negative': isOpen }\" :fill=\" theme === 'dark' ? 'rgb(var(--white))': 'rgb(var(--black))'\" class=\"i-small\"/>\n          </span>\n        </button>\n        <transition\n          enter-active-class=\"dropdown-enter\"\n          leave-active-class=\"dropdown-leave\"\n          enter-from-class=\"dropdown-enter-from\"\n          enter-to-class=\"dropdown-enter-to\"\n          leave-from-class=\"dropdown-leave-from\"\n          leave-to-class=\"dropdown-leave-to\"\n        >\n          <ul\n            v-if=\"item.subItems && isSectionExpanded(item.title) && stateSidebar && !horizontal\"\n            class=\"mn-l-small mn-t-thin\"\n          >\n            <li v-for=\"subItem in item.subItems\" :key=\"subItem.title\">\n              \n              <a \n               @click=\"subItem.route ? (isPhone ? (stateSidebar = false) : null, route.path !== processRoute(subItem.route) ? router.push(processRoute(subItem.route)) : null) : null\"\n                href=\"#\" \n                class=\"transition-quint-out flex flex-v-center flex-nowrap gap-thin pd-thin radius-small\"\n                :class=\"[\n                  subItem.route && route.path === processRoute(subItem.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',\n                    theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'\n                    ]\"\n              >\n                <component \n                  v-if=\"subItem.iconComponent\" \n                  :is=\"subItem.iconComponent\" \n                  class=\"i-medium\" \n                 :fill=\"globals.state.theme.darkmode || theme === 'dark' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'\"\n                />\n                <span v-else class=\"\">{{ subItem.icon }}</span>\n                <span class=\"w-100\">{{ subItem.title }}</span>\n              </a>\n            </li>\n          </ul>\n        </transition> \n        </li>\n      </ul>\n    </div>\n  </nav>\n</template>\n\n<style scoped>\n\n.rotate-180 {\n  transform: rotate(180deg);\n}\n\n.hidden {\n/*  opacity: 0;*/\n  width: 0;\n  display: none;\n}\n\n.visible {\n/*  opacity: 1;*/\n  display: block;\n}\n\n/* Dropdown animations */\n.dropdown-enter, .dropdown-leave {\n  transition: all 0.3s ease-in-out;\n}\n\n.dropdown-enter-from, .dropdown-leave-to {\n  opacity: 0;\n  transform: translateY(-0.5rem);\n}\n\n.dropdown-enter-to, .dropdown-leave-from {\n  opacity: 1;\n  transform: translateY(0);\n}\n</style>"],"names":["auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAKtB,UAAM,QAAQ;AAgBd,UAAM,QAAQ;AAId,UAAM,mBAAmB,IAAI,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,SAAY,KAAK;AAAA,MAClC;AACA,aAAO;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.js'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\nconst router = useRouter()\nconst route = useRoute()\n\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue'\nimport Spoiler from '@martyrs/src/components/Spoiler/Spoiler.vue'\n\nconst props = defineProps({\n  navigationItems: Array,\n  theme: {\n    type: String,\n    default: \"light\"\n  },\n  stateSidebar: {\n    type: Boolean,\n    default: false\n  },\n  horizontal: {\n    type: Boolean,\n    default: false\n  }\n})\n\nconst emits = defineEmits([\n  'closeSidebar'\n])\n\nconst expandedSections = ref([])\n\nconst toggleSection = (title) => {\n  if (!props.stateSidebar) {\n    if (menuItems.value.flatMap(section => section.items).find(item => item.title === title && item.subItems)) {\n      emits('closeSidebar')\n      setTimeout(() => {\n        expandedSections.value.push(title)\n      }, 50)\n    }\n    return\n  }\n  \n  const index = expandedSections.value.indexOf(title)\n\n  if (index === -1) {\n    expandedSections.value.push(title)\n  } else {\n    expandedSections.value.splice(index, 1)\n  }\n}\n\nconst isSectionExpanded = (title) => {\n  return expandedSections.value.includes(title)\n}\n\n// Process route functions with auth data and route\nconst processRoute = (routeFn) => {\n  if (typeof routeFn === 'function') {\n    return routeFn(auth.state, route)\n  }\n  return routeFn\n}\n</script>\n\n<template>\n  <nav\n    class=\"transition-quint-out o-x-hidden h-100\"\n    :class=\"[\n      stateSidebar ? 'pd-small' : 'pd-micro',\n      horizontal ? 'w-100 desktop-only flex flex-center flex-nowrap o-y-hidden' : 'o-y-scroll rows-1',\n    ]\"\n  >\n    <div \n      v-for=\"section in props.navigationItems\" \n      v-show=\"!section.visible || (typeof section.visible === 'function' ? section.visible(auth.state, route) : true)\"\n      :key=\"section.category\" \n      class=\"transition-quint-out\"\n      :class=\"[\n        horizontal ? 'w-max flex-child-default flex flex-nowrap' : '',\n        stateSidebar && !horizontal ? 'mn-t-medium' : '',\n      ]\"\n    >\n      <div \n        class=\"uppercase t-medium t-transp p-small\"\n        :class=\"{ \n          'hidden': !stateSidebar || horizontal, \n          'visible': stateSidebar && !horizontal,\n          't-black': theme === 'light',\n          't-white':  theme === 'dark'\n        }\"\n      >\n        {{ section.category }}\n      </div>\n\n      <ul \n        :class=\"[\n          horizontal ? 'w-100 gap-micro flex flex-nowrap' : 'flex flex-column gap-micro',\n        ]\"\n      >\n        <li \n          v-for=\"item in section.items\" \n          v-show=\"!item.visible || (typeof item.visible === 'function' ? item.visible(auth.state, route) : true)\"\n          class=\"w-100 pos-relative\"\n          :key=\"item.title\"\n           \n        >\n        <button\n          class=\"transition-quint-out w-100 flex radius-small flex-nowrap cursor-pointer flex-v-center\"\n          @click=\"item.route ? (isPhone ? (stateSidebar = false) : null, route.path !== processRoute(item.route) ? router.push(processRoute(item.route)) : null) : null\"\n          :class=\"[\n              horizontal ? 'pd-thin' : '',\n              item.route && route.path === processRoute(item.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',\n              theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'\n            ]\"\n        >\n          <div v-if=\"!horizontal\" class=\"w-100 flex-child-default w-max-big flex flex-center aspect-1x1\">\n            <component \n              v-if=\"item.iconComponent\" \n              :is=\"item.iconComponent\" \n              class=\"i-medium flex-child-default\" \n              :fill=\"globals.state.theme.darkmode || theme === 'dark' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'\"\n            />\n            <span \n              v-if=\"!item.iconComponent \" \n              class=\"p-regular\"\n            >\n              {{ item.icon }}\n            </span>\n          </div>\n          \n          <span\n            class=\"transition-quint-out w-100 t-left t-medium\"\n            :class=\"{ 'hidden': !stateSidebar && !horizontal, 'visible': stateSidebar || horizontal }\"\n          >\n            {{ item.title }}\n          </span>\n          \n          <span\n            v-if=\"item.subItems && stateSidebar && !horizontal\"\n            class=\"mn-l-auto mn-r-small sidebar-dropdown-icon\"\n            :class=\"{ 'rotate-180': isSectionExpanded(item.title) }\"\n            @click.stop=\"toggleSection(item.title)\" \n          >\n             <IconChevronBottom :class=\"{ 'rotate-180 mn-t-micro-negative': isOpen }\" :fill=\" theme === 'dark' ? 'rgb(var(--white))': 'rgb(var(--black))'\" class=\"i-small\"/>\n          </span>\n        </button>\n        <transition\n          enter-active-class=\"dropdown-enter\"\n          leave-active-class=\"dropdown-leave\"\n          enter-from-class=\"dropdown-enter-from\"\n          enter-to-class=\"dropdown-enter-to\"\n          leave-from-class=\"dropdown-leave-from\"\n          leave-to-class=\"dropdown-leave-to\"\n        >\n          <ul\n            v-if=\"item.subItems && isSectionExpanded(item.title) && stateSidebar && !horizontal\"\n            class=\"mn-l-small mn-t-thin\"\n          >\n            <li v-for=\"subItem in item.subItems\" :key=\"subItem.title\">\n              \n              <a \n               @click=\"subItem.route ? (isPhone ? (stateSidebar = false) : null, route.path !== processRoute(subItem.route) ? router.push(processRoute(subItem.route)) : null) : null\"\n                href=\"#\" \n                class=\"transition-quint-out flex flex-v-center flex-nowrap gap-thin pd-thin radius-small\"\n                :class=\"[\n                  subItem.route && route.path === processRoute(subItem.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',\n                    theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'\n                    ]\"\n              >\n                <component \n                  v-if=\"subItem.iconComponent\" \n                  :is=\"subItem.iconComponent\" \n                  class=\"i-medium\" \n                 :fill=\"globals.state.theme.darkmode || theme === 'dark' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'\"\n                />\n                <span v-else class=\"\">{{ subItem.icon }}</span>\n                <span class=\"w-100\">{{ subItem.title }}</span>\n              </a>\n            </li>\n          </ul>\n        </transition> \n        </li>\n      </ul>\n    </div>\n  </nav>\n</template>\n\n<style scoped>\n\n.rotate-180 {\n  transform: rotate(180deg);\n}\n\n.hidden {\n/*  opacity: 0;*/\n  width: 0;\n  display: none;\n}\n\n.visible {\n/*  opacity: 1;*/\n  display: block;\n}\n\n/* Dropdown animations */\n.dropdown-enter, .dropdown-leave {\n  transition: all 0.3s ease-in-out;\n}\n\n.dropdown-enter-from, .dropdown-leave-to {\n  opacity: 0;\n  transform: translateY(-0.5rem);\n}\n\n.dropdown-enter-to, .dropdown-leave-from {\n  opacity: 1;\n  transform: translateY(0);\n}\n</style>"],"names":["auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAKtB,UAAM,QAAQ;AAgBd,UAAM,QAAQ;AAId,UAAM,mBAAmB,IAAI,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,SAAY,KAAK;AAAA,MAClC;AACA,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -31,7 +31,7 @@ const _sfc_main = {
               action.to ? (vue.openBlock(), vue.createBlock(_component_router_link, {
                 key: action.to,
                 to: action.to,
-                class: vue.normalizeClass(action.class || "radius-extra pd-small pd-r-medium pd-l-medium p-medium uppercase t-medium hover-scale-1 transition-ease cursor-pointer t-white bg-second flex-center flex")
+                class: vue.normalizeClass(action.class || "radius-extra pd-small pd-r-medium pd-l-medium p-regular uppercase t-medium hover-scale-1 transition-ease cursor-pointer t-white bg-second flex-center flex")
               }, {
                 default: vue.withCtx(() => [
                   vue.createTextVNode(vue.toDisplayString(action.label), 1)
@@ -51,7 +51,7 @@ const _sfc_main = {
           selected: __props.tabs_current,
           "onUpdate:selected": updateTabsCurrent,
           tabs: __props.tabs,
-          class: "mn-t-small pd-thin bg-light radius-small w-max t-nowrap o-scroll p-medium"
+          class: "mn-t-small pd-thin bg-light radius-small w-max t-nowrap o-scroll p-regular"
         }, null, 8, ["selected", "tabs"])) : vue.createCommentVNode("", true)
       ]);
     };

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

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

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

@@ -29,7 +29,7 @@ const _sfc_main = {
               action.to ? (openBlock(), createBlock(_component_router_link, {
                 key: action.to,
                 to: action.to,
-                class: normalizeClass(action.class || "radius-extra pd-small pd-r-medium pd-l-medium p-medium uppercase t-medium hover-scale-1 transition-ease cursor-pointer t-white bg-second flex-center flex")
+                class: normalizeClass(action.class || "radius-extra pd-small pd-r-medium pd-l-medium p-regular uppercase t-medium hover-scale-1 transition-ease cursor-pointer t-white bg-second flex-center flex")
               }, {
                 default: withCtx(() => [
                   createTextVNode(toDisplayString(action.label), 1)
@@ -49,7 +49,7 @@ const _sfc_main = {
           selected: __props.tabs_current,
           "onUpdate:selected": updateTabsCurrent,
           tabs: __props.tabs,
-          class: "mn-t-small pd-thin bg-light radius-small w-max t-nowrap o-scroll p-medium"
+          class: "mn-t-small pd-thin bg-light radius-small w-max t-nowrap o-scroll p-regular"
         }, null, 8, ["selected", "tabs"])) : createCommentVNode("", true)
       ]);
     };

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

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

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

@@ -194,7 +194,7 @@ const _sfc_main = {
               _cache[6] || (_cache[6] = vue.createElementVNode("p", { class: "p-regular t-transp mn-b-big" }, " Access premium cameras, lenses, lighting, and audio gear through our app designed for filmmakers and content creators. ", -1)),
               vue.createElementVNode("button", {
                 onClick: nextSlide,
-                class: "bg-main p-big w-max button"
+                class: "bg-main p-semi w-max button"
               }, " Get Started ")
             ], 4)
           ]),
@@ -208,11 +208,11 @@ const _sfc_main = {
               vue.createElementVNode("div", { class: "flex flex-column flex-center gap-small" }, [
                 vue.createElementVNode("button", {
                   onClick: requestNotificationPermission,
-                  class: "bg-main p-big w-max button"
+                  class: "bg-main p-semi w-max button"
                 }, " Enable Notifications "),
                 vue.createElementVNode("button", {
                   onClick: nextSlide,
-                  class: "bg-light p-big w-max button"
+                  class: "bg-light p-semi w-max button"
                 }, " Maybe Later ")
               ])
             ])
@@ -227,11 +227,11 @@ const _sfc_main = {
               vue.createElementVNode("div", { class: "flex flex-column flex-center gap-small" }, [
                 vue.createElementVNode("button", {
                   onClick: requestLocationPermission,
-                  class: "bg-main p-big w-max button"
+                  class: "bg-main p-semi w-max button"
                 }, " Enable Location "),
                 vue.createElementVNode("button", {
                   onClick: nextSlide,
-                  class: "bg-light p-big w-max button"
+                  class: "bg-light p-semi w-max button"
                 }, " Skip for Now ")
               ])
             ])
@@ -246,11 +246,11 @@ const _sfc_main = {
               vue.createElementVNode("div", { class: "flex flex-column flex-center gap-small" }, [
                 vue.createElementVNode("button", {
                   onClick: requestTrackingPermission,
-                  class: "bg-main p-big w-max button"
+                  class: "bg-main p-semi w-max button"
                 }, " Allow Tracking "),
                 vue.createElementVNode("button", {
                   onClick: nextSlide,
-                  class: "bg-light p-big w-max button"
+                  class: "bg-light p-semi w-max button"
                 }, " Ask App Not to Track ")
               ])
             ])
@@ -266,16 +266,16 @@ const _sfc_main = {
               _cache[15] || (_cache[15] = vue.createElementVNode("p", { class: "p-regular t-transp mn-b-big" }, "Join thousands of creators who trust 3SR for their professional video equipment needs. Choose how you'd like to get started.", -1)),
               vue.createElementVNode("button", {
                 onClick: _cache[0] || (_cache[0] = ($event) => openFirstRoute("Sign Up")),
-                class: "bg-main p-big w-100 button mn-b-thin"
+                class: "bg-main p-semi w-100 button mn-b-thin"
               }, "Create Account"),
               vue.createElementVNode("button", {
                 onClick: _cache[1] || (_cache[1] = ($event) => openFirstRoute("Sign In")),
-                class: "bg-light t-black p-big w-100 button mn-b-semi"
+                class: "bg-light t-black p-semi w-100 button mn-b-semi"
               }, "Sign In"),
               _cache[16] || (_cache[16] = vue.createElementVNode("p", { class: "p-small mn-b-medium t-transp" }, "Or explore as a guest:", -1)),
               vue.createElementVNode("button", {
                 onClick: _cache[2] || (_cache[2] = ($event) => setFirstUseFalse()),
-                class: "bg-light p-big w-max button"
+                class: "bg-light p-semi w-max button"
               }, "Continue as Guest")
             ])
           ])

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

@@ -1 +1 @@
-{"version":3,"file":"Walkthrough.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/sections/Walkthrough.vue"],"sourcesContent":["<template>\n\t<div class=\"pos-fixed  pos-t-0 pos-l-0 w-100 h-100vh z-index-6 bg-white flex embla\" ref=\"emblaNode\">\n    \n\n    <div class=\"embla__container w-100 z-index-1\">\n\t    \n\n\t\t  <!-- SLIDE 1 -->\n\t\t  <!-- ------------------------------- -->\n    \t<div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n\t    \t\t<!-- <div class=\"pos-absolute w-100 h-100 z-index-0 pos-t-0 pos-r-0\">\n\t    \t\t\t<div class=\"pos-absolute z-index-1 pos-t-0 pos-r-0 w-100 h-100 bg-black-grad\"></div>\n\t    \t\t\t<img class=\"pos-absolute z-index-0 pos-t-0 pos-r-0 object-fit-cover h-100 w-100\" src=\"/assets/walkthrough/1.png\">\n\t    \t\t</div> -->\n    \t\t<div \n    \t\t\tclass=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\"\n    \t\t\t :style=\"{ opacity: tweenSlides.length ? tweenSlides[0] : undefined, transform: tweenSlides[0] ? `scale(${tweenSlides[0]})` : '' }\"\n    \t\t>\n    \t\t\t<img \n\t      \t\t:src=\"'/logo/logo_square.svg'\" \n\t      \t\tclass=\"i-extra radius-medium mn-b-small\"\n\t      \t>\n\n\t        <h3 class=\"h3 mn-b-medium\">Welcome to 3SR</h3>\n\t        \n\t        <p class=\"p-regular t-transp mn-b-big\">\n\t          Access premium cameras, lenses, lighting, and audio gear through our app designed for filmmakers and content creators.\n\t        </p>\n\n\n\t        <button @click=\"nextSlide\" class=\"bg-main p-big w-max button\">\n\t          Get Started\n\t        </button>\n\t      </div>\n    \t</div>\n\n    \t<!-- SLIDE 2 -->\n\t\t  <!-- ------------------------------- -->\n    \t<div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n\t\t\t\t<div class=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\">\n          \n          <div class=\"mn-b-small w-4r h-4r mn-auto pd-regular bg-main radius-regular t-white flex flex-center\">\n            <IconBell/>\n          </div>\n\n\t        <h3 class=\"h3 mn-b-medium\">Stay in the Loop</h3>\n\t        <p class=\"p-regular t-transp mn-b-big\">\n\t          Get instant notifications about equipment availability, booking confirmations, and exclusive deals from our rental platform.\n\t        </p>\n\n\t        <div class=\"flex flex-column flex-center gap-small\">\n\t          <button @click=\"requestNotificationPermission\" class=\"bg-main p-big w-max button\">\n\t\t\t\t\t\t \t Enable Notifications\n\t\t\t\t\t\t </button>\n\t          <button @click=\"nextSlide\" class=\"bg-light p-big w-max button\">\n\t            Maybe Later\n\t          </button>\n\t        </div>\n\t      </div>\n\t\t\t</div>\n\n\t\t\t<!-- SLIDE 3 -->\n\t\t  <!-- ------------------------------- -->\n\t\t\t<div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n        <div class=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\">\n          \n          <div class=\"mn-b-small w-4r h-4r mn-auto pd-regular bg-main radius-regular t-white flex flex-center\">\n            <IconAddress/>\n          </div>\n\n          <h3 class=\"h3 mn-b-medium\">Find Nearby Equipment</h3>\n          <p class=\"p-regular t-transp mn-b-big\">\n            Discover rental locations and equipment availability near you. We'll show you the closest pickup points and delivery options.\n          </p>\n\n          <div class=\"flex flex-column flex-center gap-small\">\n            <button @click=\"requestLocationPermission\" class=\"bg-main p-big w-max button\">\n              Enable Location\n            </button>\n            <button @click=\"nextSlide\" class=\"bg-light p-big w-max button\">\n              Skip for Now\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <!-- SLIDE 4 - App Tracking Transparency -->\n\t\t  <!-- ------------------------------- -->\n      <div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n        <div class=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\">\n          <div class=\"mn-b-small w-4r h-4r mn-auto pd-regular bg-main radius-regular t-white flex flex-center\">\n            <IconShield/>\n          </div>\n\n          <h3 class=\"h3 mn-b-medium\">Personalized Experience</h3>\n          <p class=\"p-regular t-transp mn-b-big\">\n            Allow us to provide you with personalized recommendations and improve your app experience based on your preferences.\n          </p>\n\n          <div class=\"flex flex-column flex-center gap-small\">\n            <button @click=\"requestTrackingPermission\" class=\"bg-main p-big w-max button\">\n              Allow Tracking\n            </button>\n            <button @click=\"nextSlide\" class=\"bg-light p-big w-max button\">\n              Ask App Not to Track\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <!-- SLIDE 5 - Final -->\n\t\t  <!-- ------------------------------- -->\n      <div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n      \t<div class=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\">\n\t      \t<img loading=\"lazy\" \n\t      \t\t:src=\"'/logo/logo_square.svg'\" \n\t      \t\tclass=\"i-extra radius-medium mn-b-small\"\n\t      \t>\n\t      \t<h3 class=\"h3 mn-b-medium\">Ready to Rent?</h3>\n\t      \t<p class=\"p-regular t-transp mn-b-big\">Join thousands of creators who trust 3SR for their professional video equipment needs. Choose how you'd like to get started.</p>\n\t    \n\t      \t<button @click=\"openFirstRoute('Sign Up')\" class=\"bg-main p-big w-100 button mn-b-thin\">Create Account</button> \n\t      \t<button @click=\"openFirstRoute('Sign In')\" class=\"bg-light t-black p-big w-100 button mn-b-semi\">Sign In</button>\n\n\t\t      <p class=\"p-small mn-b-medium t-transp\">Or explore as a guest:</p> \n\t      \t<button @click=\"setFirstUseFalse()\" class=\"bg-light p-big w-max button\">Continue as Guest</button>\n      \t</div>\n\t    </div>\n\n    </div>\n\n    <div class=\"\n\t    embla__dots\n    \tz-index-5 \n    \th-4r \n    \tpos-absolute \n    \tpos-t-1r \n    \tflex-nowrap \n    \tflex \n    \tflex-center \n    \tgap-thin \n    \tw-100\"\n    >\n\t    <button\n\t      v-for=\"(snap, index) in scrollSnaps\"\n\t      :key=\"index\"\n\t      @click=\"scrollTo(index)\"\n\t      :class=\"[\n\t        'embla__dot bg- i-small radius-extra',\n\t\t\t\t\t{ 'bg-light': index !== selectedIndex },\n\t        { 'bg-main': index === selectedIndex }\n\t      ]\"\n\t    >\n\t\t  </button>\n\n\t\t  <button \n\t\t  \t@click.native=\"setFirstUseFalse()\" \n\t\t  \tclass=\"\n\t\t  \t\tpd-small\n\t\t  \t\tbg-white\n\t\t  \t\tt-black\n\t\t  \t\tw-6r \n\t\t  \t\tpos-b-0r \n\t\t  \t\tflex-nowrap \n\t\t  \t\tflex \n\t\t  \t\tflex-center \n\t\t  \t\tpos-r-1r \n\t\t  \t\tpos-relative \n\t\t  \t\tradius-small \n\t\t  \t\tuppercase \n\t\t  \t\tpos-absolute\n\t\t  \t\"> \n\t\t  \t<span>Skip</span>\n\t\t  </button>\n\t  </div>\n\t</div>\n\n</template>\n\n<script setup>\n\timport { ref, onMounted, reactive, inject } from 'vue';\n\timport { useRoute, useRouter } from 'vue-router'\n\n\timport emblaCarouselVue from 'embla-carousel-vue'; \n\n\timport IconBell from '@martyrs/src/modules/icons/entities/IconBell.vue';\n\timport IconAddress from '@martyrs/src/modules/icons/entities/IconAddress.vue';\n\timport IconShield from '@martyrs/src/modules/icons/entities/IconAddress.vue';\n\n\timport { AppTrackingTransparency } from 'capacitor-plugin-app-tracking-transparency';\n\n\tconst props = defineProps(['slides', 'options']);\n\tconst emits = defineEmits(['updateFirstUse'])\n\tconst router = useRouter()\n\t\n\t// Get notification manager directly\n\timport ModuleNotifications from '@martyrs/src/modules/notifications/notifications.client.js'\n\n\t// Set firstUse\n\timport { Preferences } from '@capacitor/preferences';\n\n\tconst permissions = reactive({\n\t  notifications: false,\n\t  location: false,\n\t  tracking: false\n\t})\n\n\tasync function setFirstUseFalse() {\n    await Preferences.set({\n      key: 'first-use',\n      value: JSON.stringify(false),\n    });\n\n    emits('updateFirstUse', false);\n  }\n\n  async function openFirstRoute(routeName) {\n\t\tawait router.push({name: routeName})\n\n\t\tawait Preferences.set({\n      key: 'first-use',\n      value: JSON.stringify(false),\n    });\n\n\t\temits('updateFirstUse', false);\n\t}\n\n\tconst [emblaNode, emblaApi] = emblaCarouselVue({ loop: false })\n\n\tconst selectedIndex = ref(0);\n\tconst scrollSnaps = ref([]);\n\tconst TWEEN_FACTOR = 3\n\tconst tweenValues = ref([])\n\tconst tweenSlides = ref([])\n\n\tconst scrollTo = (index) => emblaApi.value && emblaApi.value.scrollTo(index);\n\n\tconst nextSlide = () => {\n\t\tif (emblaApi.value) {\n\t\t\temblaApi.value.scrollNext();\n\t\t}\n\t};\n\n\tconst onInit = (embla) => {\n\t  scrollSnaps.value = emblaApi.value.scrollSnapList();\n\t};\n\n\tconst onSelect = (embla) => {\n\t  selectedIndex.value = emblaApi.value.selectedScrollSnap();\n\t};\n\n\tlet scrollRAF = null;\n\tconst onScroll = (embla) => {\n\t\t// Cancel previous frame if exists\n\t\tif (scrollRAF) cancelAnimationFrame(scrollRAF);\n\t\t\n\t\tscrollRAF = requestAnimationFrame(() => {\n\t\t\tconst engine = emblaApi.value.internalEngine()\n\t\t\tconst scrollProgress = emblaApi.value.scrollProgress()\n\t\t\t// Cache snapList to avoid calling it twice\n\t\t\tconst snapList = emblaApi.value.scrollSnapList()\n\n\t\t\tconst stylesOpacity = snapList.map((scrollSnap, index) => {\n\t\t\t\tlet diffToTarget = scrollSnap - scrollProgress\n\n\t\t\t\tif (engine.options.loop) {\n\t\t\t\t\tengine.slideLooper.loopPoints.forEach((loopItem) => {\n\t\t\t\t\t\tconst target = loopItem.target()\n\t\t\t\t\t\tif (index === loopItem.index && target !== 0) {\n\t\t\t\t\t\t\tconst sign = Math.sign(target)\n\t\t\t\t\t\t\tif (sign === -1) diffToTarget = scrollSnap - (1 + scrollProgress)\n\t\t\t\t\t\t\tif (sign === 1) diffToTarget = scrollSnap + (1 - scrollProgress)\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\tconst tweenValue = 1 - Math.abs(diffToTarget * TWEEN_FACTOR)\n\t\t\t\treturn  Math.min(Math.max(tweenValue, 0), 1)\n\t\t\t})\n\n\t\t\tconst styles = snapList.map((scrollSnap, index) => {\n\t\t\t\tlet diffToTarget = scrollSnap - scrollProgress\n\n\t\t\t\tif (engine.options.loop) {\n\t\t\t\t\tengine.slideLooper.loopPoints.forEach((loopItem) => {\n\t\t\t\t\t\tconst target = loopItem.target()\n\t\t\t\t\t\tif (index === loopItem.index && target !== 0) {\n\t\t\t\t\t\t\tconst sign = Math.sign(target)\n\t\t\t\t\t\t\tif (sign === -1) diffToTarget = scrollSnap - (1 + scrollProgress)\n\t\t\t\t\t\t\tif (sign === 1) diffToTarget = scrollSnap + (1 - scrollProgress)\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\treturn diffToTarget * (1 / TWEEN_FACTOR) * 100\n\t\t\t})\n\n\t\t\t// Batch updates together\n\t\t\ttweenSlides.value = stylesOpacity\n\t\t\ttweenValues.value = styles\n\t\t});\n\t}\n\n\n\tonMounted(() => {\n\t  emblaApi.value.on('init', onInit)\n\t  emblaApi.value.on('select', onSelect)\n\t  emblaApi.value.on('scroll', onScroll)\n\t});\n\n\tconst requestNotificationPermission = async () => {\n\t  try {\n\t    // Use notification manager from global store if available\n\t    const notificationManager = window.$store?.notificationManager;\n\t    \n\t    if (notificationManager) {\n\t      await notificationManager.pushHandler.requestPermissions();\n\t      await notificationManager.registerWebPush(window.$store);\n\t      permissions.notifications = true;\n\t    }\n\t    \n\t    setTimeout(() => {\n\t      nextSlide()\n\t    }, 1000)\n\t  } catch (error) {\n\t    console.error('Notification permission error:', error)\n\t    nextSlide()\n\t  }\n\t}\n\n\tconst requestLocationPermission = async () => {\n\t  try {\n\t    if (!('geolocation' in navigator)) {\n\t      nextSlide()\n\t      return\n\t    }\n\n\t    navigator.geolocation.getCurrentPosition(\n\t      () => {\n\t        permissions.location = true\n\t        setTimeout(() => {\n\t          nextSlide()\n\t        }, 1000)\n\t      },\n\t      () => {\n\t        setTimeout(() => {\n\t          nextSlide()\n\t        }, 1000)\n\t      },\n\t      { timeout: 8000 }\n\t    )\n\t  } catch (error) {\n\t    console.error('Location permission error:', error)\n\t    nextSlide()\n\t  }\n\t}\n\n\tconst requestTrackingPermission = async () => {\n\t  try {\n\t    const { status } = await AppTrackingTransparency.requestPermission();\n\t    \n\t    if (status === 'authorized') {\n\t      permissions.tracking = true;\n\t    }\n\t    \n\t    setTimeout(() => {\n\t      nextSlide();\n\t    }, 1000);\n\t  } catch (error) {\n\t    console.error('Tracking permission error:', error);\n\t    nextSlide();\n\t  }\n\t};\n\n</script>\n\n<style lang=\"scss\">\n\t.embla {\n    overflow: hidden;\n  }\n  .embla__container {\n    display: flex;\n  }\n  .embla__slide {\n    flex: 0 0 100%;\n    min-width: 0;\n  }\n</style>\n"],"names":["useRouter","reactive","Preferences","emblaCarouselVue","ref","index","onMounted","AppTrackingTransparency"],"mappings":"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"}
+{"version":3,"file":"Walkthrough.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/sections/Walkthrough.vue"],"sourcesContent":["<template>\n\t<div class=\"pos-fixed  pos-t-0 pos-l-0 w-100 h-100vh z-index-6 bg-white flex embla\" ref=\"emblaNode\">\n    \n\n    <div class=\"embla__container w-100 z-index-1\">\n\t    \n\n\t\t  <!-- SLIDE 1 -->\n\t\t  <!-- ------------------------------- -->\n    \t<div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n\t    \t\t<!-- <div class=\"pos-absolute w-100 h-100 z-index-0 pos-t-0 pos-r-0\">\n\t    \t\t\t<div class=\"pos-absolute z-index-1 pos-t-0 pos-r-0 w-100 h-100 bg-black-grad\"></div>\n\t    \t\t\t<img class=\"pos-absolute z-index-0 pos-t-0 pos-r-0 object-fit-cover h-100 w-100\" src=\"/assets/walkthrough/1.png\">\n\t    \t\t</div> -->\n    \t\t<div \n    \t\t\tclass=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\"\n    \t\t\t :style=\"{ opacity: tweenSlides.length ? tweenSlides[0] : undefined, transform: tweenSlides[0] ? `scale(${tweenSlides[0]})` : '' }\"\n    \t\t>\n    \t\t\t<img \n\t      \t\t:src=\"'/logo/logo_square.svg'\" \n\t      \t\tclass=\"i-extra radius-medium mn-b-small\"\n\t      \t>\n\n\t        <h3 class=\"h3 mn-b-medium\">Welcome to 3SR</h3>\n\t        \n\t        <p class=\"p-regular t-transp mn-b-big\">\n\t          Access premium cameras, lenses, lighting, and audio gear through our app designed for filmmakers and content creators.\n\t        </p>\n\n\n\t        <button @click=\"nextSlide\" class=\"bg-main p-semi w-max button\">\n\t          Get Started\n\t        </button>\n\t      </div>\n    \t</div>\n\n    \t<!-- SLIDE 2 -->\n\t\t  <!-- ------------------------------- -->\n    \t<div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n\t\t\t\t<div class=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\">\n          \n          <div class=\"mn-b-small w-4r h-4r mn-auto pd-regular bg-main radius-regular t-white flex flex-center\">\n            <IconBell/>\n          </div>\n\n\t        <h3 class=\"h3 mn-b-medium\">Stay in the Loop</h3>\n\t        <p class=\"p-regular t-transp mn-b-big\">\n\t          Get instant notifications about equipment availability, booking confirmations, and exclusive deals from our rental platform.\n\t        </p>\n\n\t        <div class=\"flex flex-column flex-center gap-small\">\n\t          <button @click=\"requestNotificationPermission\" class=\"bg-main p-semi w-max button\">\n\t\t\t\t\t\t \t Enable Notifications\n\t\t\t\t\t\t </button>\n\t          <button @click=\"nextSlide\" class=\"bg-light p-semi w-max button\">\n\t            Maybe Later\n\t          </button>\n\t        </div>\n\t      </div>\n\t\t\t</div>\n\n\t\t\t<!-- SLIDE 3 -->\n\t\t  <!-- ------------------------------- -->\n\t\t\t<div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n        <div class=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\">\n          \n          <div class=\"mn-b-small w-4r h-4r mn-auto pd-regular bg-main radius-regular t-white flex flex-center\">\n            <IconAddress/>\n          </div>\n\n          <h3 class=\"h3 mn-b-medium\">Find Nearby Equipment</h3>\n          <p class=\"p-regular t-transp mn-b-big\">\n            Discover rental locations and equipment availability near you. We'll show you the closest pickup points and delivery options.\n          </p>\n\n          <div class=\"flex flex-column flex-center gap-small\">\n            <button @click=\"requestLocationPermission\" class=\"bg-main p-semi w-max button\">\n              Enable Location\n            </button>\n            <button @click=\"nextSlide\" class=\"bg-light p-semi w-max button\">\n              Skip for Now\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <!-- SLIDE 4 - App Tracking Transparency -->\n\t\t  <!-- ------------------------------- -->\n      <div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n        <div class=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\">\n          <div class=\"mn-b-small w-4r h-4r mn-auto pd-regular bg-main radius-regular t-white flex flex-center\">\n            <IconShield/>\n          </div>\n\n          <h3 class=\"h3 mn-b-medium\">Personalized Experience</h3>\n          <p class=\"p-regular t-transp mn-b-big\">\n            Allow us to provide you with personalized recommendations and improve your app experience based on your preferences.\n          </p>\n\n          <div class=\"flex flex-column flex-center gap-small\">\n            <button @click=\"requestTrackingPermission\" class=\"bg-main p-semi w-max button\">\n              Allow Tracking\n            </button>\n            <button @click=\"nextSlide\" class=\"bg-light p-semi w-max button\">\n              Ask App Not to Track\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <!-- SLIDE 5 - Final -->\n\t\t  <!-- ------------------------------- -->\n      <div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n      \t<div class=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\">\n\t      \t<img loading=\"lazy\" \n\t      \t\t:src=\"'/logo/logo_square.svg'\" \n\t      \t\tclass=\"i-extra radius-medium mn-b-small\"\n\t      \t>\n\t      \t<h3 class=\"h3 mn-b-medium\">Ready to Rent?</h3>\n\t      \t<p class=\"p-regular t-transp mn-b-big\">Join thousands of creators who trust 3SR for their professional video equipment needs. Choose how you'd like to get started.</p>\n\t    \n\t      \t<button @click=\"openFirstRoute('Sign Up')\" class=\"bg-main p-semi w-100 button mn-b-thin\">Create Account</button> \n\t      \t<button @click=\"openFirstRoute('Sign In')\" class=\"bg-light t-black p-semi w-100 button mn-b-semi\">Sign In</button>\n\n\t\t      <p class=\"p-small mn-b-medium t-transp\">Or explore as a guest:</p> \n\t      \t<button @click=\"setFirstUseFalse()\" class=\"bg-light p-semi w-max button\">Continue as Guest</button>\n      \t</div>\n\t    </div>\n\n    </div>\n\n    <div class=\"\n\t    embla__dots\n    \tz-index-5 \n    \th-4r \n    \tpos-absolute \n    \tpos-t-1r \n    \tflex-nowrap \n    \tflex \n    \tflex-center \n    \tgap-thin \n    \tw-100\"\n    >\n\t    <button\n\t      v-for=\"(snap, index) in scrollSnaps\"\n\t      :key=\"index\"\n\t      @click=\"scrollTo(index)\"\n\t      :class=\"[\n\t        'embla__dot bg- i-small radius-extra',\n\t\t\t\t\t{ 'bg-light': index !== selectedIndex },\n\t        { 'bg-main': index === selectedIndex }\n\t      ]\"\n\t    >\n\t\t  </button>\n\n\t\t  <button \n\t\t  \t@click.native=\"setFirstUseFalse()\" \n\t\t  \tclass=\"\n\t\t  \t\tpd-small\n\t\t  \t\tbg-white\n\t\t  \t\tt-black\n\t\t  \t\tw-6r \n\t\t  \t\tpos-b-0r \n\t\t  \t\tflex-nowrap \n\t\t  \t\tflex \n\t\t  \t\tflex-center \n\t\t  \t\tpos-r-1r \n\t\t  \t\tpos-relative \n\t\t  \t\tradius-small \n\t\t  \t\tuppercase \n\t\t  \t\tpos-absolute\n\t\t  \t\"> \n\t\t  \t<span>Skip</span>\n\t\t  </button>\n\t  </div>\n\t</div>\n\n</template>\n\n<script setup>\n\timport { ref, onMounted, reactive, inject } from 'vue';\n\timport { useRoute, useRouter } from 'vue-router'\n\n\timport emblaCarouselVue from 'embla-carousel-vue'; \n\n\timport IconBell from '@martyrs/src/modules/icons/entities/IconBell.vue';\n\timport IconAddress from '@martyrs/src/modules/icons/entities/IconAddress.vue';\n\timport IconShield from '@martyrs/src/modules/icons/entities/IconAddress.vue';\n\n\timport { AppTrackingTransparency } from 'capacitor-plugin-app-tracking-transparency';\n\n\tconst props = defineProps(['slides', 'options']);\n\tconst emits = defineEmits(['updateFirstUse'])\n\tconst router = useRouter()\n\t\n\t// Get notification manager directly\n\timport ModuleNotifications from '@martyrs/src/modules/notifications/notifications.client.js'\n\n\t// Set firstUse\n\timport { Preferences } from '@capacitor/preferences';\n\n\tconst permissions = reactive({\n\t  notifications: false,\n\t  location: false,\n\t  tracking: false\n\t})\n\n\tasync function setFirstUseFalse() {\n    await Preferences.set({\n      key: 'first-use',\n      value: JSON.stringify(false),\n    });\n\n    emits('updateFirstUse', false);\n  }\n\n  async function openFirstRoute(routeName) {\n\t\tawait router.push({name: routeName})\n\n\t\tawait Preferences.set({\n      key: 'first-use',\n      value: JSON.stringify(false),\n    });\n\n\t\temits('updateFirstUse', false);\n\t}\n\n\tconst [emblaNode, emblaApi] = emblaCarouselVue({ loop: false })\n\n\tconst selectedIndex = ref(0);\n\tconst scrollSnaps = ref([]);\n\tconst TWEEN_FACTOR = 3\n\tconst tweenValues = ref([])\n\tconst tweenSlides = ref([])\n\n\tconst scrollTo = (index) => emblaApi.value && emblaApi.value.scrollTo(index);\n\n\tconst nextSlide = () => {\n\t\tif (emblaApi.value) {\n\t\t\temblaApi.value.scrollNext();\n\t\t}\n\t};\n\n\tconst onInit = (embla) => {\n\t  scrollSnaps.value = emblaApi.value.scrollSnapList();\n\t};\n\n\tconst onSelect = (embla) => {\n\t  selectedIndex.value = emblaApi.value.selectedScrollSnap();\n\t};\n\n\tlet scrollRAF = null;\n\tconst onScroll = (embla) => {\n\t\t// Cancel previous frame if exists\n\t\tif (scrollRAF) cancelAnimationFrame(scrollRAF);\n\t\t\n\t\tscrollRAF = requestAnimationFrame(() => {\n\t\t\tconst engine = emblaApi.value.internalEngine()\n\t\t\tconst scrollProgress = emblaApi.value.scrollProgress()\n\t\t\t// Cache snapList to avoid calling it twice\n\t\t\tconst snapList = emblaApi.value.scrollSnapList()\n\n\t\t\tconst stylesOpacity = snapList.map((scrollSnap, index) => {\n\t\t\t\tlet diffToTarget = scrollSnap - scrollProgress\n\n\t\t\t\tif (engine.options.loop) {\n\t\t\t\t\tengine.slideLooper.loopPoints.forEach((loopItem) => {\n\t\t\t\t\t\tconst target = loopItem.target()\n\t\t\t\t\t\tif (index === loopItem.index && target !== 0) {\n\t\t\t\t\t\t\tconst sign = Math.sign(target)\n\t\t\t\t\t\t\tif (sign === -1) diffToTarget = scrollSnap - (1 + scrollProgress)\n\t\t\t\t\t\t\tif (sign === 1) diffToTarget = scrollSnap + (1 - scrollProgress)\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\tconst tweenValue = 1 - Math.abs(diffToTarget * TWEEN_FACTOR)\n\t\t\t\treturn  Math.min(Math.max(tweenValue, 0), 1)\n\t\t\t})\n\n\t\t\tconst styles = snapList.map((scrollSnap, index) => {\n\t\t\t\tlet diffToTarget = scrollSnap - scrollProgress\n\n\t\t\t\tif (engine.options.loop) {\n\t\t\t\t\tengine.slideLooper.loopPoints.forEach((loopItem) => {\n\t\t\t\t\t\tconst target = loopItem.target()\n\t\t\t\t\t\tif (index === loopItem.index && target !== 0) {\n\t\t\t\t\t\t\tconst sign = Math.sign(target)\n\t\t\t\t\t\t\tif (sign === -1) diffToTarget = scrollSnap - (1 + scrollProgress)\n\t\t\t\t\t\t\tif (sign === 1) diffToTarget = scrollSnap + (1 - scrollProgress)\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\treturn diffToTarget * (1 / TWEEN_FACTOR) * 100\n\t\t\t})\n\n\t\t\t// Batch updates together\n\t\t\ttweenSlides.value = stylesOpacity\n\t\t\ttweenValues.value = styles\n\t\t});\n\t}\n\n\n\tonMounted(() => {\n\t  emblaApi.value.on('init', onInit)\n\t  emblaApi.value.on('select', onSelect)\n\t  emblaApi.value.on('scroll', onScroll)\n\t});\n\n\tconst requestNotificationPermission = async () => {\n\t  try {\n\t    // Use notification manager from global store if available\n\t    const notificationManager = window.$store?.notificationManager;\n\t    \n\t    if (notificationManager) {\n\t      await notificationManager.pushHandler.requestPermissions();\n\t      await notificationManager.registerWebPush(window.$store);\n\t      permissions.notifications = true;\n\t    }\n\t    \n\t    setTimeout(() => {\n\t      nextSlide()\n\t    }, 1000)\n\t  } catch (error) {\n\t    console.error('Notification permission error:', error)\n\t    nextSlide()\n\t  }\n\t}\n\n\tconst requestLocationPermission = async () => {\n\t  try {\n\t    if (!('geolocation' in navigator)) {\n\t      nextSlide()\n\t      return\n\t    }\n\n\t    navigator.geolocation.getCurrentPosition(\n\t      () => {\n\t        permissions.location = true\n\t        setTimeout(() => {\n\t          nextSlide()\n\t        }, 1000)\n\t      },\n\t      () => {\n\t        setTimeout(() => {\n\t          nextSlide()\n\t        }, 1000)\n\t      },\n\t      { timeout: 8000 }\n\t    )\n\t  } catch (error) {\n\t    console.error('Location permission error:', error)\n\t    nextSlide()\n\t  }\n\t}\n\n\tconst requestTrackingPermission = async () => {\n\t  try {\n\t    const { status } = await AppTrackingTransparency.requestPermission();\n\t    \n\t    if (status === 'authorized') {\n\t      permissions.tracking = true;\n\t    }\n\t    \n\t    setTimeout(() => {\n\t      nextSlide();\n\t    }, 1000);\n\t  } catch (error) {\n\t    console.error('Tracking permission error:', error);\n\t    nextSlide();\n\t  }\n\t};\n\n</script>\n\n<style lang=\"scss\">\n\t.embla {\n    overflow: hidden;\n  }\n  .embla__container {\n    display: flex;\n  }\n  .embla__slide {\n    flex: 0 0 100%;\n    min-width: 0;\n  }\n</style>\n"],"names":["useRouter","reactive","Preferences","emblaCarouselVue","ref","index","onMounted","AppTrackingTransparency"],"mappings":"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"}

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

@@ -192,7 +192,7 @@ const _sfc_main = {
               _cache[6] || (_cache[6] = createElementVNode("p", { class: "p-regular t-transp mn-b-big" }, " Access premium cameras, lenses, lighting, and audio gear through our app designed for filmmakers and content creators. ", -1)),
               createElementVNode("button", {
                 onClick: nextSlide,
-                class: "bg-main p-big w-max button"
+                class: "bg-main p-semi w-max button"
               }, " Get Started ")
             ], 4)
           ]),
@@ -206,11 +206,11 @@ const _sfc_main = {
               createElementVNode("div", { class: "flex flex-column flex-center gap-small" }, [
                 createElementVNode("button", {
                   onClick: requestNotificationPermission,
-                  class: "bg-main p-big w-max button"
+                  class: "bg-main p-semi w-max button"
                 }, " Enable Notifications "),
                 createElementVNode("button", {
                   onClick: nextSlide,
-                  class: "bg-light p-big w-max button"
+                  class: "bg-light p-semi w-max button"
                 }, " Maybe Later ")
               ])
             ])
@@ -225,11 +225,11 @@ const _sfc_main = {
               createElementVNode("div", { class: "flex flex-column flex-center gap-small" }, [
                 createElementVNode("button", {
                   onClick: requestLocationPermission,
-                  class: "bg-main p-big w-max button"
+                  class: "bg-main p-semi w-max button"
                 }, " Enable Location "),
                 createElementVNode("button", {
                   onClick: nextSlide,
-                  class: "bg-light p-big w-max button"
+                  class: "bg-light p-semi w-max button"
                 }, " Skip for Now ")
               ])
             ])
@@ -244,11 +244,11 @@ const _sfc_main = {
               createElementVNode("div", { class: "flex flex-column flex-center gap-small" }, [
                 createElementVNode("button", {
                   onClick: requestTrackingPermission,
-                  class: "bg-main p-big w-max button"
+                  class: "bg-main p-semi w-max button"
                 }, " Allow Tracking "),
                 createElementVNode("button", {
                   onClick: nextSlide,
-                  class: "bg-light p-big w-max button"
+                  class: "bg-light p-semi w-max button"
                 }, " Ask App Not to Track ")
               ])
             ])
@@ -264,16 +264,16 @@ const _sfc_main = {
               _cache[15] || (_cache[15] = createElementVNode("p", { class: "p-regular t-transp mn-b-big" }, "Join thousands of creators who trust 3SR for their professional video equipment needs. Choose how you'd like to get started.", -1)),
               createElementVNode("button", {
                 onClick: _cache[0] || (_cache[0] = ($event) => openFirstRoute("Sign Up")),
-                class: "bg-main p-big w-100 button mn-b-thin"
+                class: "bg-main p-semi w-100 button mn-b-thin"
               }, "Create Account"),
               createElementVNode("button", {
                 onClick: _cache[1] || (_cache[1] = ($event) => openFirstRoute("Sign In")),
-                class: "bg-light t-black p-big w-100 button mn-b-semi"
+                class: "bg-light t-black p-semi w-100 button mn-b-semi"
               }, "Sign In"),
               _cache[16] || (_cache[16] = createElementVNode("p", { class: "p-small mn-b-medium t-transp" }, "Or explore as a guest:", -1)),
               createElementVNode("button", {
                 onClick: _cache[2] || (_cache[2] = ($event) => setFirstUseFalse()),
-                class: "bg-light p-big w-max button"
+                class: "bg-light p-semi w-max button"
               }, "Continue as Guest")
             ])
           ])

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

@@ -1 +1 @@
-{"version":3,"file":"Walkthrough.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/sections/Walkthrough.vue"],"sourcesContent":["<template>\n\t<div class=\"pos-fixed  pos-t-0 pos-l-0 w-100 h-100vh z-index-6 bg-white flex embla\" ref=\"emblaNode\">\n    \n\n    <div class=\"embla__container w-100 z-index-1\">\n\t    \n\n\t\t  <!-- SLIDE 1 -->\n\t\t  <!-- ------------------------------- -->\n    \t<div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n\t    \t\t<!-- <div class=\"pos-absolute w-100 h-100 z-index-0 pos-t-0 pos-r-0\">\n\t    \t\t\t<div class=\"pos-absolute z-index-1 pos-t-0 pos-r-0 w-100 h-100 bg-black-grad\"></div>\n\t    \t\t\t<img class=\"pos-absolute z-index-0 pos-t-0 pos-r-0 object-fit-cover h-100 w-100\" src=\"/assets/walkthrough/1.png\">\n\t    \t\t</div> -->\n    \t\t<div \n    \t\t\tclass=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\"\n    \t\t\t :style=\"{ opacity: tweenSlides.length ? tweenSlides[0] : undefined, transform: tweenSlides[0] ? `scale(${tweenSlides[0]})` : '' }\"\n    \t\t>\n    \t\t\t<img \n\t      \t\t:src=\"'/logo/logo_square.svg'\" \n\t      \t\tclass=\"i-extra radius-medium mn-b-small\"\n\t      \t>\n\n\t        <h3 class=\"h3 mn-b-medium\">Welcome to 3SR</h3>\n\t        \n\t        <p class=\"p-regular t-transp mn-b-big\">\n\t          Access premium cameras, lenses, lighting, and audio gear through our app designed for filmmakers and content creators.\n\t        </p>\n\n\n\t        <button @click=\"nextSlide\" class=\"bg-main p-big w-max button\">\n\t          Get Started\n\t        </button>\n\t      </div>\n    \t</div>\n\n    \t<!-- SLIDE 2 -->\n\t\t  <!-- ------------------------------- -->\n    \t<div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n\t\t\t\t<div class=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\">\n          \n          <div class=\"mn-b-small w-4r h-4r mn-auto pd-regular bg-main radius-regular t-white flex flex-center\">\n            <IconBell/>\n          </div>\n\n\t        <h3 class=\"h3 mn-b-medium\">Stay in the Loop</h3>\n\t        <p class=\"p-regular t-transp mn-b-big\">\n\t          Get instant notifications about equipment availability, booking confirmations, and exclusive deals from our rental platform.\n\t        </p>\n\n\t        <div class=\"flex flex-column flex-center gap-small\">\n\t          <button @click=\"requestNotificationPermission\" class=\"bg-main p-big w-max button\">\n\t\t\t\t\t\t \t Enable Notifications\n\t\t\t\t\t\t </button>\n\t          <button @click=\"nextSlide\" class=\"bg-light p-big w-max button\">\n\t            Maybe Later\n\t          </button>\n\t        </div>\n\t      </div>\n\t\t\t</div>\n\n\t\t\t<!-- SLIDE 3 -->\n\t\t  <!-- ------------------------------- -->\n\t\t\t<div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n        <div class=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\">\n          \n          <div class=\"mn-b-small w-4r h-4r mn-auto pd-regular bg-main radius-regular t-white flex flex-center\">\n            <IconAddress/>\n          </div>\n\n          <h3 class=\"h3 mn-b-medium\">Find Nearby Equipment</h3>\n          <p class=\"p-regular t-transp mn-b-big\">\n            Discover rental locations and equipment availability near you. We'll show you the closest pickup points and delivery options.\n          </p>\n\n          <div class=\"flex flex-column flex-center gap-small\">\n            <button @click=\"requestLocationPermission\" class=\"bg-main p-big w-max button\">\n              Enable Location\n            </button>\n            <button @click=\"nextSlide\" class=\"bg-light p-big w-max button\">\n              Skip for Now\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <!-- SLIDE 4 - App Tracking Transparency -->\n\t\t  <!-- ------------------------------- -->\n      <div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n        <div class=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\">\n          <div class=\"mn-b-small w-4r h-4r mn-auto pd-regular bg-main radius-regular t-white flex flex-center\">\n            <IconShield/>\n          </div>\n\n          <h3 class=\"h3 mn-b-medium\">Personalized Experience</h3>\n          <p class=\"p-regular t-transp mn-b-big\">\n            Allow us to provide you with personalized recommendations and improve your app experience based on your preferences.\n          </p>\n\n          <div class=\"flex flex-column flex-center gap-small\">\n            <button @click=\"requestTrackingPermission\" class=\"bg-main p-big w-max button\">\n              Allow Tracking\n            </button>\n            <button @click=\"nextSlide\" class=\"bg-light p-big w-max button\">\n              Ask App Not to Track\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <!-- SLIDE 5 - Final -->\n\t\t  <!-- ------------------------------- -->\n      <div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n      \t<div class=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\">\n\t      \t<img loading=\"lazy\" \n\t      \t\t:src=\"'/logo/logo_square.svg'\" \n\t      \t\tclass=\"i-extra radius-medium mn-b-small\"\n\t      \t>\n\t      \t<h3 class=\"h3 mn-b-medium\">Ready to Rent?</h3>\n\t      \t<p class=\"p-regular t-transp mn-b-big\">Join thousands of creators who trust 3SR for their professional video equipment needs. Choose how you'd like to get started.</p>\n\t    \n\t      \t<button @click=\"openFirstRoute('Sign Up')\" class=\"bg-main p-big w-100 button mn-b-thin\">Create Account</button> \n\t      \t<button @click=\"openFirstRoute('Sign In')\" class=\"bg-light t-black p-big w-100 button mn-b-semi\">Sign In</button>\n\n\t\t      <p class=\"p-small mn-b-medium t-transp\">Or explore as a guest:</p> \n\t      \t<button @click=\"setFirstUseFalse()\" class=\"bg-light p-big w-max button\">Continue as Guest</button>\n      \t</div>\n\t    </div>\n\n    </div>\n\n    <div class=\"\n\t    embla__dots\n    \tz-index-5 \n    \th-4r \n    \tpos-absolute \n    \tpos-t-1r \n    \tflex-nowrap \n    \tflex \n    \tflex-center \n    \tgap-thin \n    \tw-100\"\n    >\n\t    <button\n\t      v-for=\"(snap, index) in scrollSnaps\"\n\t      :key=\"index\"\n\t      @click=\"scrollTo(index)\"\n\t      :class=\"[\n\t        'embla__dot bg- i-small radius-extra',\n\t\t\t\t\t{ 'bg-light': index !== selectedIndex },\n\t        { 'bg-main': index === selectedIndex }\n\t      ]\"\n\t    >\n\t\t  </button>\n\n\t\t  <button \n\t\t  \t@click.native=\"setFirstUseFalse()\" \n\t\t  \tclass=\"\n\t\t  \t\tpd-small\n\t\t  \t\tbg-white\n\t\t  \t\tt-black\n\t\t  \t\tw-6r \n\t\t  \t\tpos-b-0r \n\t\t  \t\tflex-nowrap \n\t\t  \t\tflex \n\t\t  \t\tflex-center \n\t\t  \t\tpos-r-1r \n\t\t  \t\tpos-relative \n\t\t  \t\tradius-small \n\t\t  \t\tuppercase \n\t\t  \t\tpos-absolute\n\t\t  \t\"> \n\t\t  \t<span>Skip</span>\n\t\t  </button>\n\t  </div>\n\t</div>\n\n</template>\n\n<script setup>\n\timport { ref, onMounted, reactive, inject } from 'vue';\n\timport { useRoute, useRouter } from 'vue-router'\n\n\timport emblaCarouselVue from 'embla-carousel-vue'; \n\n\timport IconBell from '@martyrs/src/modules/icons/entities/IconBell.vue';\n\timport IconAddress from '@martyrs/src/modules/icons/entities/IconAddress.vue';\n\timport IconShield from '@martyrs/src/modules/icons/entities/IconAddress.vue';\n\n\timport { AppTrackingTransparency } from 'capacitor-plugin-app-tracking-transparency';\n\n\tconst props = defineProps(['slides', 'options']);\n\tconst emits = defineEmits(['updateFirstUse'])\n\tconst router = useRouter()\n\t\n\t// Get notification manager directly\n\timport ModuleNotifications from '@martyrs/src/modules/notifications/notifications.client.js'\n\n\t// Set firstUse\n\timport { Preferences } from '@capacitor/preferences';\n\n\tconst permissions = reactive({\n\t  notifications: false,\n\t  location: false,\n\t  tracking: false\n\t})\n\n\tasync function setFirstUseFalse() {\n    await Preferences.set({\n      key: 'first-use',\n      value: JSON.stringify(false),\n    });\n\n    emits('updateFirstUse', false);\n  }\n\n  async function openFirstRoute(routeName) {\n\t\tawait router.push({name: routeName})\n\n\t\tawait Preferences.set({\n      key: 'first-use',\n      value: JSON.stringify(false),\n    });\n\n\t\temits('updateFirstUse', false);\n\t}\n\n\tconst [emblaNode, emblaApi] = emblaCarouselVue({ loop: false })\n\n\tconst selectedIndex = ref(0);\n\tconst scrollSnaps = ref([]);\n\tconst TWEEN_FACTOR = 3\n\tconst tweenValues = ref([])\n\tconst tweenSlides = ref([])\n\n\tconst scrollTo = (index) => emblaApi.value && emblaApi.value.scrollTo(index);\n\n\tconst nextSlide = () => {\n\t\tif (emblaApi.value) {\n\t\t\temblaApi.value.scrollNext();\n\t\t}\n\t};\n\n\tconst onInit = (embla) => {\n\t  scrollSnaps.value = emblaApi.value.scrollSnapList();\n\t};\n\n\tconst onSelect = (embla) => {\n\t  selectedIndex.value = emblaApi.value.selectedScrollSnap();\n\t};\n\n\tlet scrollRAF = null;\n\tconst onScroll = (embla) => {\n\t\t// Cancel previous frame if exists\n\t\tif (scrollRAF) cancelAnimationFrame(scrollRAF);\n\t\t\n\t\tscrollRAF = requestAnimationFrame(() => {\n\t\t\tconst engine = emblaApi.value.internalEngine()\n\t\t\tconst scrollProgress = emblaApi.value.scrollProgress()\n\t\t\t// Cache snapList to avoid calling it twice\n\t\t\tconst snapList = emblaApi.value.scrollSnapList()\n\n\t\t\tconst stylesOpacity = snapList.map((scrollSnap, index) => {\n\t\t\t\tlet diffToTarget = scrollSnap - scrollProgress\n\n\t\t\t\tif (engine.options.loop) {\n\t\t\t\t\tengine.slideLooper.loopPoints.forEach((loopItem) => {\n\t\t\t\t\t\tconst target = loopItem.target()\n\t\t\t\t\t\tif (index === loopItem.index && target !== 0) {\n\t\t\t\t\t\t\tconst sign = Math.sign(target)\n\t\t\t\t\t\t\tif (sign === -1) diffToTarget = scrollSnap - (1 + scrollProgress)\n\t\t\t\t\t\t\tif (sign === 1) diffToTarget = scrollSnap + (1 - scrollProgress)\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\tconst tweenValue = 1 - Math.abs(diffToTarget * TWEEN_FACTOR)\n\t\t\t\treturn  Math.min(Math.max(tweenValue, 0), 1)\n\t\t\t})\n\n\t\t\tconst styles = snapList.map((scrollSnap, index) => {\n\t\t\t\tlet diffToTarget = scrollSnap - scrollProgress\n\n\t\t\t\tif (engine.options.loop) {\n\t\t\t\t\tengine.slideLooper.loopPoints.forEach((loopItem) => {\n\t\t\t\t\t\tconst target = loopItem.target()\n\t\t\t\t\t\tif (index === loopItem.index && target !== 0) {\n\t\t\t\t\t\t\tconst sign = Math.sign(target)\n\t\t\t\t\t\t\tif (sign === -1) diffToTarget = scrollSnap - (1 + scrollProgress)\n\t\t\t\t\t\t\tif (sign === 1) diffToTarget = scrollSnap + (1 - scrollProgress)\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\treturn diffToTarget * (1 / TWEEN_FACTOR) * 100\n\t\t\t})\n\n\t\t\t// Batch updates together\n\t\t\ttweenSlides.value = stylesOpacity\n\t\t\ttweenValues.value = styles\n\t\t});\n\t}\n\n\n\tonMounted(() => {\n\t  emblaApi.value.on('init', onInit)\n\t  emblaApi.value.on('select', onSelect)\n\t  emblaApi.value.on('scroll', onScroll)\n\t});\n\n\tconst requestNotificationPermission = async () => {\n\t  try {\n\t    // Use notification manager from global store if available\n\t    const notificationManager = window.$store?.notificationManager;\n\t    \n\t    if (notificationManager) {\n\t      await notificationManager.pushHandler.requestPermissions();\n\t      await notificationManager.registerWebPush(window.$store);\n\t      permissions.notifications = true;\n\t    }\n\t    \n\t    setTimeout(() => {\n\t      nextSlide()\n\t    }, 1000)\n\t  } catch (error) {\n\t    console.error('Notification permission error:', error)\n\t    nextSlide()\n\t  }\n\t}\n\n\tconst requestLocationPermission = async () => {\n\t  try {\n\t    if (!('geolocation' in navigator)) {\n\t      nextSlide()\n\t      return\n\t    }\n\n\t    navigator.geolocation.getCurrentPosition(\n\t      () => {\n\t        permissions.location = true\n\t        setTimeout(() => {\n\t          nextSlide()\n\t        }, 1000)\n\t      },\n\t      () => {\n\t        setTimeout(() => {\n\t          nextSlide()\n\t        }, 1000)\n\t      },\n\t      { timeout: 8000 }\n\t    )\n\t  } catch (error) {\n\t    console.error('Location permission error:', error)\n\t    nextSlide()\n\t  }\n\t}\n\n\tconst requestTrackingPermission = async () => {\n\t  try {\n\t    const { status } = await AppTrackingTransparency.requestPermission();\n\t    \n\t    if (status === 'authorized') {\n\t      permissions.tracking = true;\n\t    }\n\t    \n\t    setTimeout(() => {\n\t      nextSlide();\n\t    }, 1000);\n\t  } catch (error) {\n\t    console.error('Tracking permission error:', error);\n\t    nextSlide();\n\t  }\n\t};\n\n</script>\n\n<style lang=\"scss\">\n\t.embla {\n    overflow: hidden;\n  }\n  .embla__container {\n    display: flex;\n  }\n  .embla__slide {\n    flex: 0 0 100%;\n    min-width: 0;\n  }\n</style>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Walkthrough.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/sections/Walkthrough.vue"],"sourcesContent":["<template>\n\t<div class=\"pos-fixed  pos-t-0 pos-l-0 w-100 h-100vh z-index-6 bg-white flex embla\" ref=\"emblaNode\">\n    \n\n    <div class=\"embla__container w-100 z-index-1\">\n\t    \n\n\t\t  <!-- SLIDE 1 -->\n\t\t  <!-- ------------------------------- -->\n    \t<div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n\t    \t\t<!-- <div class=\"pos-absolute w-100 h-100 z-index-0 pos-t-0 pos-r-0\">\n\t    \t\t\t<div class=\"pos-absolute z-index-1 pos-t-0 pos-r-0 w-100 h-100 bg-black-grad\"></div>\n\t    \t\t\t<img class=\"pos-absolute z-index-0 pos-t-0 pos-r-0 object-fit-cover h-100 w-100\" src=\"/assets/walkthrough/1.png\">\n\t    \t\t</div> -->\n    \t\t<div \n    \t\t\tclass=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\"\n    \t\t\t :style=\"{ opacity: tweenSlides.length ? tweenSlides[0] : undefined, transform: tweenSlides[0] ? `scale(${tweenSlides[0]})` : '' }\"\n    \t\t>\n    \t\t\t<img \n\t      \t\t:src=\"'/logo/logo_square.svg'\" \n\t      \t\tclass=\"i-extra radius-medium mn-b-small\"\n\t      \t>\n\n\t        <h3 class=\"h3 mn-b-medium\">Welcome to 3SR</h3>\n\t        \n\t        <p class=\"p-regular t-transp mn-b-big\">\n\t          Access premium cameras, lenses, lighting, and audio gear through our app designed for filmmakers and content creators.\n\t        </p>\n\n\n\t        <button @click=\"nextSlide\" class=\"bg-main p-semi w-max button\">\n\t          Get Started\n\t        </button>\n\t      </div>\n    \t</div>\n\n    \t<!-- SLIDE 2 -->\n\t\t  <!-- ------------------------------- -->\n    \t<div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n\t\t\t\t<div class=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\">\n          \n          <div class=\"mn-b-small w-4r h-4r mn-auto pd-regular bg-main radius-regular t-white flex flex-center\">\n            <IconBell/>\n          </div>\n\n\t        <h3 class=\"h3 mn-b-medium\">Stay in the Loop</h3>\n\t        <p class=\"p-regular t-transp mn-b-big\">\n\t          Get instant notifications about equipment availability, booking confirmations, and exclusive deals from our rental platform.\n\t        </p>\n\n\t        <div class=\"flex flex-column flex-center gap-small\">\n\t          <button @click=\"requestNotificationPermission\" class=\"bg-main p-semi w-max button\">\n\t\t\t\t\t\t \t Enable Notifications\n\t\t\t\t\t\t </button>\n\t          <button @click=\"nextSlide\" class=\"bg-light p-semi w-max button\">\n\t            Maybe Later\n\t          </button>\n\t        </div>\n\t      </div>\n\t\t\t</div>\n\n\t\t\t<!-- SLIDE 3 -->\n\t\t  <!-- ------------------------------- -->\n\t\t\t<div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n        <div class=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\">\n          \n          <div class=\"mn-b-small w-4r h-4r mn-auto pd-regular bg-main radius-regular t-white flex flex-center\">\n            <IconAddress/>\n          </div>\n\n          <h3 class=\"h3 mn-b-medium\">Find Nearby Equipment</h3>\n          <p class=\"p-regular t-transp mn-b-big\">\n            Discover rental locations and equipment availability near you. We'll show you the closest pickup points and delivery options.\n          </p>\n\n          <div class=\"flex flex-column flex-center gap-small\">\n            <button @click=\"requestLocationPermission\" class=\"bg-main p-semi w-max button\">\n              Enable Location\n            </button>\n            <button @click=\"nextSlide\" class=\"bg-light p-semi w-max button\">\n              Skip for Now\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <!-- SLIDE 4 - App Tracking Transparency -->\n\t\t  <!-- ------------------------------- -->\n      <div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n        <div class=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\">\n          <div class=\"mn-b-small w-4r h-4r mn-auto pd-regular bg-main radius-regular t-white flex flex-center\">\n            <IconShield/>\n          </div>\n\n          <h3 class=\"h3 mn-b-medium\">Personalized Experience</h3>\n          <p class=\"p-regular t-transp mn-b-big\">\n            Allow us to provide you with personalized recommendations and improve your app experience based on your preferences.\n          </p>\n\n          <div class=\"flex flex-column flex-center gap-small\">\n            <button @click=\"requestTrackingPermission\" class=\"bg-main p-semi w-max button\">\n              Allow Tracking\n            </button>\n            <button @click=\"nextSlide\" class=\"bg-light p-semi w-max button\">\n              Ask App Not to Track\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <!-- SLIDE 5 - Final -->\n\t\t  <!-- ------------------------------- -->\n      <div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n      \t<div class=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\">\n\t      \t<img loading=\"lazy\" \n\t      \t\t:src=\"'/logo/logo_square.svg'\" \n\t      \t\tclass=\"i-extra radius-medium mn-b-small\"\n\t      \t>\n\t      \t<h3 class=\"h3 mn-b-medium\">Ready to Rent?</h3>\n\t      \t<p class=\"p-regular t-transp mn-b-big\">Join thousands of creators who trust 3SR for their professional video equipment needs. Choose how you'd like to get started.</p>\n\t    \n\t      \t<button @click=\"openFirstRoute('Sign Up')\" class=\"bg-main p-semi w-100 button mn-b-thin\">Create Account</button> \n\t      \t<button @click=\"openFirstRoute('Sign In')\" class=\"bg-light t-black p-semi w-100 button mn-b-semi\">Sign In</button>\n\n\t\t      <p class=\"p-small mn-b-medium t-transp\">Or explore as a guest:</p> \n\t      \t<button @click=\"setFirstUseFalse()\" class=\"bg-light p-semi w-max button\">Continue as Guest</button>\n      \t</div>\n\t    </div>\n\n    </div>\n\n    <div class=\"\n\t    embla__dots\n    \tz-index-5 \n    \th-4r \n    \tpos-absolute \n    \tpos-t-1r \n    \tflex-nowrap \n    \tflex \n    \tflex-center \n    \tgap-thin \n    \tw-100\"\n    >\n\t    <button\n\t      v-for=\"(snap, index) in scrollSnaps\"\n\t      :key=\"index\"\n\t      @click=\"scrollTo(index)\"\n\t      :class=\"[\n\t        'embla__dot bg- i-small radius-extra',\n\t\t\t\t\t{ 'bg-light': index !== selectedIndex },\n\t        { 'bg-main': index === selectedIndex }\n\t      ]\"\n\t    >\n\t\t  </button>\n\n\t\t  <button \n\t\t  \t@click.native=\"setFirstUseFalse()\" \n\t\t  \tclass=\"\n\t\t  \t\tpd-small\n\t\t  \t\tbg-white\n\t\t  \t\tt-black\n\t\t  \t\tw-6r \n\t\t  \t\tpos-b-0r \n\t\t  \t\tflex-nowrap \n\t\t  \t\tflex \n\t\t  \t\tflex-center \n\t\t  \t\tpos-r-1r \n\t\t  \t\tpos-relative \n\t\t  \t\tradius-small \n\t\t  \t\tuppercase \n\t\t  \t\tpos-absolute\n\t\t  \t\"> \n\t\t  \t<span>Skip</span>\n\t\t  </button>\n\t  </div>\n\t</div>\n\n</template>\n\n<script setup>\n\timport { ref, onMounted, reactive, inject } from 'vue';\n\timport { useRoute, useRouter } from 'vue-router'\n\n\timport emblaCarouselVue from 'embla-carousel-vue'; \n\n\timport IconBell from '@martyrs/src/modules/icons/entities/IconBell.vue';\n\timport IconAddress from '@martyrs/src/modules/icons/entities/IconAddress.vue';\n\timport IconShield from '@martyrs/src/modules/icons/entities/IconAddress.vue';\n\n\timport { AppTrackingTransparency } from 'capacitor-plugin-app-tracking-transparency';\n\n\tconst props = defineProps(['slides', 'options']);\n\tconst emits = defineEmits(['updateFirstUse'])\n\tconst router = useRouter()\n\t\n\t// Get notification manager directly\n\timport ModuleNotifications from '@martyrs/src/modules/notifications/notifications.client.js'\n\n\t// Set firstUse\n\timport { Preferences } from '@capacitor/preferences';\n\n\tconst permissions = reactive({\n\t  notifications: false,\n\t  location: false,\n\t  tracking: false\n\t})\n\n\tasync function setFirstUseFalse() {\n    await Preferences.set({\n      key: 'first-use',\n      value: JSON.stringify(false),\n    });\n\n    emits('updateFirstUse', false);\n  }\n\n  async function openFirstRoute(routeName) {\n\t\tawait router.push({name: routeName})\n\n\t\tawait Preferences.set({\n      key: 'first-use',\n      value: JSON.stringify(false),\n    });\n\n\t\temits('updateFirstUse', false);\n\t}\n\n\tconst [emblaNode, emblaApi] = emblaCarouselVue({ loop: false })\n\n\tconst selectedIndex = ref(0);\n\tconst scrollSnaps = ref([]);\n\tconst TWEEN_FACTOR = 3\n\tconst tweenValues = ref([])\n\tconst tweenSlides = ref([])\n\n\tconst scrollTo = (index) => emblaApi.value && emblaApi.value.scrollTo(index);\n\n\tconst nextSlide = () => {\n\t\tif (emblaApi.value) {\n\t\t\temblaApi.value.scrollNext();\n\t\t}\n\t};\n\n\tconst onInit = (embla) => {\n\t  scrollSnaps.value = emblaApi.value.scrollSnapList();\n\t};\n\n\tconst onSelect = (embla) => {\n\t  selectedIndex.value = emblaApi.value.selectedScrollSnap();\n\t};\n\n\tlet scrollRAF = null;\n\tconst onScroll = (embla) => {\n\t\t// Cancel previous frame if exists\n\t\tif (scrollRAF) cancelAnimationFrame(scrollRAF);\n\t\t\n\t\tscrollRAF = requestAnimationFrame(() => {\n\t\t\tconst engine = emblaApi.value.internalEngine()\n\t\t\tconst scrollProgress = emblaApi.value.scrollProgress()\n\t\t\t// Cache snapList to avoid calling it twice\n\t\t\tconst snapList = emblaApi.value.scrollSnapList()\n\n\t\t\tconst stylesOpacity = snapList.map((scrollSnap, index) => {\n\t\t\t\tlet diffToTarget = scrollSnap - scrollProgress\n\n\t\t\t\tif (engine.options.loop) {\n\t\t\t\t\tengine.slideLooper.loopPoints.forEach((loopItem) => {\n\t\t\t\t\t\tconst target = loopItem.target()\n\t\t\t\t\t\tif (index === loopItem.index && target !== 0) {\n\t\t\t\t\t\t\tconst sign = Math.sign(target)\n\t\t\t\t\t\t\tif (sign === -1) diffToTarget = scrollSnap - (1 + scrollProgress)\n\t\t\t\t\t\t\tif (sign === 1) diffToTarget = scrollSnap + (1 - scrollProgress)\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\tconst tweenValue = 1 - Math.abs(diffToTarget * TWEEN_FACTOR)\n\t\t\t\treturn  Math.min(Math.max(tweenValue, 0), 1)\n\t\t\t})\n\n\t\t\tconst styles = snapList.map((scrollSnap, index) => {\n\t\t\t\tlet diffToTarget = scrollSnap - scrollProgress\n\n\t\t\t\tif (engine.options.loop) {\n\t\t\t\t\tengine.slideLooper.loopPoints.forEach((loopItem) => {\n\t\t\t\t\t\tconst target = loopItem.target()\n\t\t\t\t\t\tif (index === loopItem.index && target !== 0) {\n\t\t\t\t\t\t\tconst sign = Math.sign(target)\n\t\t\t\t\t\t\tif (sign === -1) diffToTarget = scrollSnap - (1 + scrollProgress)\n\t\t\t\t\t\t\tif (sign === 1) diffToTarget = scrollSnap + (1 - scrollProgress)\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\treturn diffToTarget * (1 / TWEEN_FACTOR) * 100\n\t\t\t})\n\n\t\t\t// Batch updates together\n\t\t\ttweenSlides.value = stylesOpacity\n\t\t\ttweenValues.value = styles\n\t\t});\n\t}\n\n\n\tonMounted(() => {\n\t  emblaApi.value.on('init', onInit)\n\t  emblaApi.value.on('select', onSelect)\n\t  emblaApi.value.on('scroll', onScroll)\n\t});\n\n\tconst requestNotificationPermission = async () => {\n\t  try {\n\t    // Use notification manager from global store if available\n\t    const notificationManager = window.$store?.notificationManager;\n\t    \n\t    if (notificationManager) {\n\t      await notificationManager.pushHandler.requestPermissions();\n\t      await notificationManager.registerWebPush(window.$store);\n\t      permissions.notifications = true;\n\t    }\n\t    \n\t    setTimeout(() => {\n\t      nextSlide()\n\t    }, 1000)\n\t  } catch (error) {\n\t    console.error('Notification permission error:', error)\n\t    nextSlide()\n\t  }\n\t}\n\n\tconst requestLocationPermission = async () => {\n\t  try {\n\t    if (!('geolocation' in navigator)) {\n\t      nextSlide()\n\t      return\n\t    }\n\n\t    navigator.geolocation.getCurrentPosition(\n\t      () => {\n\t        permissions.location = true\n\t        setTimeout(() => {\n\t          nextSlide()\n\t        }, 1000)\n\t      },\n\t      () => {\n\t        setTimeout(() => {\n\t          nextSlide()\n\t        }, 1000)\n\t      },\n\t      { timeout: 8000 }\n\t    )\n\t  } catch (error) {\n\t    console.error('Location permission error:', error)\n\t    nextSlide()\n\t  }\n\t}\n\n\tconst requestTrackingPermission = async () => {\n\t  try {\n\t    const { status } = await AppTrackingTransparency.requestPermission();\n\t    \n\t    if (status === 'authorized') {\n\t      permissions.tracking = true;\n\t    }\n\t    \n\t    setTimeout(() => {\n\t      nextSlide();\n\t    }, 1000);\n\t  } catch (error) {\n\t    console.error('Tracking permission error:', error);\n\t    nextSlide();\n\t  }\n\t};\n\n</script>\n\n<style lang=\"scss\">\n\t.embla {\n    overflow: hidden;\n  }\n  .embla__container {\n    display: flex;\n  }\n  .embla__slide {\n    flex: 0 0 100%;\n    min-width: 0;\n  }\n</style>\n"],"names":[],"mappings":"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"}

package/dist/martyrs/src/modules/inventory/components/forms/AdjustmentForm.vue.cjs

@@ -179,7 +179,7 @@ const _sfc_main = {
                 onClick: ($event) => selectedReason.value = reason.value,
                 class: vue.normalizeClass([{ "bg-main t-black": selectedReason.value === reason.value, "bg-light": selectedReason.value !== reason.value }, "pd-small radius-small flex-column flex-center flex cursor-pointer"])
               }, [
-                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(reason.icon), { class: "i-regular mn-b-nano" })),
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(reason.icon), { class: "i-medium mn-b-nano" })),
                 vue.createElementVNode("span", null, vue.toDisplayString(reason.label), 1)
               ], 10, _hoisted_8);
             }), 64))

package/dist/martyrs/src/modules/inventory/components/forms/AdjustmentForm.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AdjustmentForm.vue.cjs","sources":["../../../../../../../src/modules/inventory/components/forms/AdjustmentForm.vue"],"sourcesContent":["<template>\n  <div class=\"w-100\">\n    <p class=\"mn-b-medium t-transp\">\n      Effortlessly update your inventory and track adjustments for accurate stock management.\n    </p>\n    \n   \n    <div class=\"mn-b-medium\">\n      <div class=\"mn-b-small flex-nowrap flex gap-thin\">\n        <Field\n          v-model:field=\"quantity\"\n          label=\"Quantity Adjustment\"\n          type=\"number\"\n          placeholder=\"Enter +/- quantity\"\n          class=\"w-100 bg-light radius-small pd-medium\"\n        />\n        \n        <Field\n          :field=\"product.available\"\n          label=\"Current Available\"\n          type=\"text\"\n          :disabled=\"true\"\n          class=\"w-100 bg-light radius-small pd-medium\"\n        />\n      </div>\n      \n    </div>\n\n    <!-- Variant Selection -->\n    <div class=\"mn-b-medium\" v-if=\"productVariants.length > 0\">\n      <p class=\"mn-b-small t-medium\">Select Variant</p>\n      <Select\n        v-model:select=\"selectedVariant\"\n        :options=\"productVariants\"\n        property=\"_id\"\n        value=\"name\"\n        placeholder=\"Choose variant\"\n        class=\"w-100 bg-light radius-small pd-medium\"\n      />\n    </div>\n\n    <!-- Storage Selection -->\n    <div class=\"mn-b-medium\">\n      <p class=\"mn-b-small t-medium\">Select Storage</p>\n      <Select\n        v-model:select=\"selectedStorage\"\n        :options=\"storageOptions\"\n        property=\"_id\"\n        value=\"name\"\n        placeholder=\"Choose storage\"\n        class=\"w-100 bg-light radius-small pd-medium\"\n      />\n    </div>\n    \n    <div class=\"mn-b-medium\">\n      <p class=\"mn-b-small t-medium\">Adjustment Reason</p>\n      \n      <div class=\"cols-3 gap-small mn-b-small\">\n        <div \n          v-for=\"reason in adjustmentReasons\"\n          :key=\"reason.value\"\n          @click=\"selectedReason = reason.value\"\n          :class=\"{ 'bg-main t-black': selectedReason === reason.value, 'bg-light': selectedReason !== reason.value }\"\n          class=\"pd-small radius-small flex-column flex-center flex cursor-pointer\"\n        >\n          <component :is=\"reason.icon\" class=\"i-regular mn-b-nano\" />\n          <span>{{ reason.label }}</span>\n        </div>\n      </div>\n    </div>\n    \n    <Field\n      v-model:field=\"note\"\n      label=\"Note\"\n      type=\"textarea\"\n      placeholder=\"Add additional details about this adjustment...\"\n      class=\"w-100 bg-light radius-small pd-medium mn-b-medium\"\n    />\n    \n    <div class=\"flex-nowrap flex gap-small\">\n      <Button\n        :submit=\"() => $emit('close')\"\n        :showLoader=\"false\"\n        :showSucces=\"false\"\n        class=\"pd-small radius-small flex-center flex w-max cursor-pointer t-transp\"\n      >\n        Cancel\n      </Button>\n      \n      <Button\n        :submit=\"saveAdjustment\"\n        :showLoader=\"true\"\n        :showSucces=\"true\"\n        class=\"pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black\"\n      >\n        Save Adjustment\n      </Button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted } from 'vue'\nimport { useRoute } from 'vue-router'\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport Select from '@martyrs/src/components/Select/Select.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as spots from '@martyrs/src/modules/spots/store/spots.js'\nimport variants from '@martyrs/src/modules/products/store/variants.store.js'\nimport * as inventory from '@martyrs/src/modules/inventory/store/inventory.store.js'\n\nconst route = useRoute()\n\n// Icons for adjustment reasons\nimport IconDamage from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconExpire from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconMisplacement from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconThief from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconStocktake from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconCustom from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\n\nconst props = defineProps({\n  product: {\n    type: Object,\n    required: true\n  }\n})\n\nconst emit = defineEmits(['close', 'adjustment-created'])\n\n// Form state\nconst quantity = ref(0)\nconst selectedReason = ref('restock')\nconst note = ref('')\nconst selectedStorage = ref(null)\nconst selectedVariant = ref(null)\nconst productVariants = ref([])\nconst storageOptions = ref([])\n\n// Adjustment reason options\nconst adjustmentReasons = [\n  { label: 'Restock', value: 'restock', icon: IconDamage },\n  { label: 'Sale', value: 'sale', icon: IconExpire },\n  { label: 'Return', value: 'return', icon: IconMisplacement },\n  { label: 'Damage', value: 'damage', icon: IconThief },\n  { label: 'Transfer', value: 'transfer', icon: IconStocktake },\n  { label: 'Other', value: 'custom', icon: IconCustom },\n]\n\nfunction formatPrice(price) {\n  return '$' + (parseFloat(price) || 0).toFixed(2)\n}\n\n// Fetch variants and storages on mount\nonMounted(async () => {\n  console.log('AdjustmentForm mounted with product:', props.product)\n  \n  // Fetch variants for the product\n  try {\n    const variantsData = await variants.read({\n      product: props.product._id,\n      limit: 50\n    })\n    productVariants.value = variantsData\n    // Select first variant by default if available\n    if (variantsData.length > 0) {\n      selectedVariant.value = variantsData[0]._id\n    }\n  } catch (err) {\n    console.error('Error fetching variants:', err)\n  }\n\n  // Fetch storage options\n  try {\n    const spotsData = await spots.actions.read({\n      user: auth.state.user._id,\n      organization: route.params._id,\n      limit: 50\n    })\n    storageOptions.value = spotsData.map(spot => ({\n      _id: spot._id,\n      name: spot.profile?.name || 'Storage'\n    }))\n    // Select first storage by default if available\n    if (storageOptions.value.length > 0) {\n      selectedStorage.value = storageOptions.value[0]._id\n    }\n  } catch (err) {\n    console.error('Error fetching spots:', err)\n  }\n})\n\nasync function saveAdjustment() {\n  if (!selectedVariant.value) {\n    alert('Please select a variant')\n    throw new Error('Please select a variant')\n  }\n  if (!selectedStorage.value) {\n    alert('Please select a storage')\n    throw new Error('Please select a storage')\n  }\n\n  try {\n    const adjustmentData = {\n      product: props.product._id,\n      variant: selectedVariant.value,\n      storage: selectedStorage.value,\n      source: {\n        type: 'User',\n        target: auth.state.user._id\n      },\n      quantity: parseInt(quantity.value || 0),\n      reason: selectedReason.value,\n      comment: note.value || '',\n      owner: {\n        type: 'organization',\n        target: route.params._id\n      },\n      creator: {\n        type: 'user',\n        target: auth.state.user._id\n      }\n    }\n    \n    const createdAdjustment = await inventory.actions.createAdjustment(adjustmentData)\n    \n    // Emit the adjustment data for parent component to update the product\n    emit('adjustment-created', {\n      product: props.product._id,\n      storage: selectedStorage.value,\n      quantity: parseInt(quantity.value || 0),\n      storageName: storageOptions.value.find(s => s._id === selectedStorage.value)?.name\n    })\n    \n    emit('close')\n  } catch (err) {\n    console.error(err)\n    throw err\n  }\n}\n</script>"],"names":["useRoute","ref","IconDamage","IconExpire","IconMisplacement","IconThief","IconStocktake","IconCustom","onMounted","variants","spots.actions","auth.state","inventory.actions"],"mappings":"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"}
+{"version":3,"file":"AdjustmentForm.vue.cjs","sources":["../../../../../../../src/modules/inventory/components/forms/AdjustmentForm.vue"],"sourcesContent":["<template>\n  <div class=\"w-100\">\n    <p class=\"mn-b-medium t-transp\">\n      Effortlessly update your inventory and track adjustments for accurate stock management.\n    </p>\n    \n   \n    <div class=\"mn-b-medium\">\n      <div class=\"mn-b-small flex-nowrap flex gap-thin\">\n        <Field\n          v-model:field=\"quantity\"\n          label=\"Quantity Adjustment\"\n          type=\"number\"\n          placeholder=\"Enter +/- quantity\"\n          class=\"w-100 bg-light radius-small pd-medium\"\n        />\n        \n        <Field\n          :field=\"product.available\"\n          label=\"Current Available\"\n          type=\"text\"\n          :disabled=\"true\"\n          class=\"w-100 bg-light radius-small pd-medium\"\n        />\n      </div>\n      \n    </div>\n\n    <!-- Variant Selection -->\n    <div class=\"mn-b-medium\" v-if=\"productVariants.length > 0\">\n      <p class=\"mn-b-small t-medium\">Select Variant</p>\n      <Select\n        v-model:select=\"selectedVariant\"\n        :options=\"productVariants\"\n        property=\"_id\"\n        value=\"name\"\n        placeholder=\"Choose variant\"\n        class=\"w-100 bg-light radius-small pd-medium\"\n      />\n    </div>\n\n    <!-- Storage Selection -->\n    <div class=\"mn-b-medium\">\n      <p class=\"mn-b-small t-medium\">Select Storage</p>\n      <Select\n        v-model:select=\"selectedStorage\"\n        :options=\"storageOptions\"\n        property=\"_id\"\n        value=\"name\"\n        placeholder=\"Choose storage\"\n        class=\"w-100 bg-light radius-small pd-medium\"\n      />\n    </div>\n    \n    <div class=\"mn-b-medium\">\n      <p class=\"mn-b-small t-medium\">Adjustment Reason</p>\n      \n      <div class=\"cols-3 gap-small mn-b-small\">\n        <div \n          v-for=\"reason in adjustmentReasons\"\n          :key=\"reason.value\"\n          @click=\"selectedReason = reason.value\"\n          :class=\"{ 'bg-main t-black': selectedReason === reason.value, 'bg-light': selectedReason !== reason.value }\"\n          class=\"pd-small radius-small flex-column flex-center flex cursor-pointer\"\n        >\n          <component :is=\"reason.icon\" class=\"i-medium mn-b-nano\" />\n          <span>{{ reason.label }}</span>\n        </div>\n      </div>\n    </div>\n    \n    <Field\n      v-model:field=\"note\"\n      label=\"Note\"\n      type=\"textarea\"\n      placeholder=\"Add additional details about this adjustment...\"\n      class=\"w-100 bg-light radius-small pd-medium mn-b-medium\"\n    />\n    \n    <div class=\"flex-nowrap flex gap-small\">\n      <Button\n        :submit=\"() => $emit('close')\"\n        :showLoader=\"false\"\n        :showSucces=\"false\"\n        class=\"pd-small radius-small flex-center flex w-max cursor-pointer t-transp\"\n      >\n        Cancel\n      </Button>\n      \n      <Button\n        :submit=\"saveAdjustment\"\n        :showLoader=\"true\"\n        :showSucces=\"true\"\n        class=\"pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black\"\n      >\n        Save Adjustment\n      </Button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted } from 'vue'\nimport { useRoute } from 'vue-router'\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport Select from '@martyrs/src/components/Select/Select.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as spots from '@martyrs/src/modules/spots/store/spots.js'\nimport variants from '@martyrs/src/modules/products/store/variants.store.js'\nimport * as inventory from '@martyrs/src/modules/inventory/store/inventory.store.js'\n\nconst route = useRoute()\n\n// Icons for adjustment reasons\nimport IconDamage from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconExpire from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconMisplacement from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconThief from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconStocktake from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconCustom from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\n\nconst props = defineProps({\n  product: {\n    type: Object,\n    required: true\n  }\n})\n\nconst emit = defineEmits(['close', 'adjustment-created'])\n\n// Form state\nconst quantity = ref(0)\nconst selectedReason = ref('restock')\nconst note = ref('')\nconst selectedStorage = ref(null)\nconst selectedVariant = ref(null)\nconst productVariants = ref([])\nconst storageOptions = ref([])\n\n// Adjustment reason options\nconst adjustmentReasons = [\n  { label: 'Restock', value: 'restock', icon: IconDamage },\n  { label: 'Sale', value: 'sale', icon: IconExpire },\n  { label: 'Return', value: 'return', icon: IconMisplacement },\n  { label: 'Damage', value: 'damage', icon: IconThief },\n  { label: 'Transfer', value: 'transfer', icon: IconStocktake },\n  { label: 'Other', value: 'custom', icon: IconCustom },\n]\n\nfunction formatPrice(price) {\n  return '$' + (parseFloat(price) || 0).toFixed(2)\n}\n\n// Fetch variants and storages on mount\nonMounted(async () => {\n  console.log('AdjustmentForm mounted with product:', props.product)\n  \n  // Fetch variants for the product\n  try {\n    const variantsData = await variants.read({\n      product: props.product._id,\n      limit: 50\n    })\n    productVariants.value = variantsData\n    // Select first variant by default if available\n    if (variantsData.length > 0) {\n      selectedVariant.value = variantsData[0]._id\n    }\n  } catch (err) {\n    console.error('Error fetching variants:', err)\n  }\n\n  // Fetch storage options\n  try {\n    const spotsData = await spots.actions.read({\n      user: auth.state.user._id,\n      organization: route.params._id,\n      limit: 50\n    })\n    storageOptions.value = spotsData.map(spot => ({\n      _id: spot._id,\n      name: spot.profile?.name || 'Storage'\n    }))\n    // Select first storage by default if available\n    if (storageOptions.value.length > 0) {\n      selectedStorage.value = storageOptions.value[0]._id\n    }\n  } catch (err) {\n    console.error('Error fetching spots:', err)\n  }\n})\n\nasync function saveAdjustment() {\n  if (!selectedVariant.value) {\n    alert('Please select a variant')\n    throw new Error('Please select a variant')\n  }\n  if (!selectedStorage.value) {\n    alert('Please select a storage')\n    throw new Error('Please select a storage')\n  }\n\n  try {\n    const adjustmentData = {\n      product: props.product._id,\n      variant: selectedVariant.value,\n      storage: selectedStorage.value,\n      source: {\n        type: 'User',\n        target: auth.state.user._id\n      },\n      quantity: parseInt(quantity.value || 0),\n      reason: selectedReason.value,\n      comment: note.value || '',\n      owner: {\n        type: 'organization',\n        target: route.params._id\n      },\n      creator: {\n        type: 'user',\n        target: auth.state.user._id\n      }\n    }\n    \n    const createdAdjustment = await inventory.actions.createAdjustment(adjustmentData)\n    \n    // Emit the adjustment data for parent component to update the product\n    emit('adjustment-created', {\n      product: props.product._id,\n      storage: selectedStorage.value,\n      quantity: parseInt(quantity.value || 0),\n      storageName: storageOptions.value.find(s => s._id === selectedStorage.value)?.name\n    })\n    \n    emit('close')\n  } catch (err) {\n    console.error(err)\n    throw err\n  }\n}\n</script>"],"names":["useRoute","ref","IconDamage","IconExpire","IconMisplacement","IconThief","IconStocktake","IconCustom","onMounted","variants","spots.actions","auth.state","inventory.actions"],"mappings":"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"}

package/dist/martyrs/src/modules/inventory/components/forms/AdjustmentForm.vue.js

@@ -177,7 +177,7 @@ const _sfc_main = {
                 onClick: ($event) => selectedReason.value = reason.value,
                 class: normalizeClass([{ "bg-main t-black": selectedReason.value === reason.value, "bg-light": selectedReason.value !== reason.value }, "pd-small radius-small flex-column flex-center flex cursor-pointer"])
               }, [
-                (openBlock(), createBlock(resolveDynamicComponent(reason.icon), { class: "i-regular mn-b-nano" })),
+                (openBlock(), createBlock(resolveDynamicComponent(reason.icon), { class: "i-medium mn-b-nano" })),
                 createElementVNode("span", null, toDisplayString(reason.label), 1)
               ], 10, _hoisted_8);
             }), 64))