@ozdao/martyrs 0.2.547 → 0.2.549

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

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

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

@@ -5,7 +5,7 @@ const vueRouter = require("vue-router");
 const IconChevronBottom = require("../../../../icons/navigation/IconChevronBottom.vue.cjs");
 const globals = require("../../store/globals.cjs");
 const auth = require("../../../../auth/views/store/auth.cjs");
-;/* empty css                                                */
+;/* empty css                                                 */
 ;/* empty css                                              */
 ;/* empty css                  */
 const _pluginVue_exportHelper = require("../../../../../../../_virtual/_plugin-vue_export-helper.cjs");
@@ -16,7 +16,7 @@ const _hoisted_2 = {
 };
 const _hoisted_3 = {
   key: 1,
-  class: "p-medium"
+  class: "p-regular"
 };
 const _hoisted_4 = ["onClick"];
 const _hoisted_5 = {
@@ -192,6 +192,6 @@ const _sfc_main = {
     };
   }
 };
-const Navigation = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-2c43f1ca"]]);
+const Navigation = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-63703355"]]);
 exports.default = Navigation;
 //# sourceMappingURL=Navigation.vue.cjs.map

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

@@ -3,7 +3,7 @@ import { useRouter, useRoute } from "vue-router";
 import IconChevronBottom from "../../../../icons/navigation/IconChevronBottom.vue.js";
 import { state } from "../../store/globals.js";
 import { state as state$1 } from "../../../../auth/views/store/auth.js";
-/* empty css                                              */
+/* empty css                                               */
 /* empty css                                            */
 /* empty css                */
 import _export_sfc from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
@@ -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/Filters.vue2.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const mixins = require("../../mixins/mixins.cjs");
 const Popup = require("../../../../../components/Popup/Popup.vue.cjs");
 const Checkbox = require("../../../../../components/Checkbox/Checkbox.vue.cjs");
-const Field = require("../../../../../components/Field/Field.vue.cjs");
+const Field = require("../../../../../components/Field/Field.vue2.cjs");
 const Calendar = require("../../../../../components/Calendar/Calendar.vue2.cjs");
 const IconFilter = require("../../../../icons/navigation/IconFilter.vue.cjs");
 const IconCalendar = ;/* empty css                                            */

package/dist/martyrs/src/modules/globals/views/components/sections/Filters.vue2.js

@@ -2,7 +2,7 @@ import { mergeModels, useModel, ref, reactive, watch, computed, createElementBlo
 import { useGlobalMixins } from "../../mixins/mixins.js";
 import _sfc_main$3 from "../../../../../components/Popup/Popup.vue.js";
 import _sfc_main$4 from "../../../../../components/Checkbox/Checkbox.vue.js";
-import Field from "../../../../../components/Field/Field.vue.js";
+import Field from "../../../../../components/Field/Field.vue2.js";
 import Calendar from "../../../../../components/Calendar/Calendar.vue2.js";
 import _sfc_main$1 from "../../../../icons/navigation/IconFilter.vue.js";
 import _sfc_main$2 from "../../../../icons/entities/IconCalendar.vue.js";

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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"}