npm - @ozdao/martyrs - Versions diffs - 0.2.547 → 0.2.549 - Mend

@ozdao/martyrs 0.2.547 → 0.2.549

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (837) hide show

package/dist/martyrs/src/modules/globals/views/components/elements/PhotoStack.vue.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { createElementBlock, createCommentVNode, openBlock, createElementVNode,
 import PlaceholderUserpic from "../../../../icons/placeholders/PlaceholderUserpic.vue.js";
 const _hoisted_1 = {
   key: 0,
-  class: "w-4r pos-relative i-semi"
+  class: "w-4r pos-relative i-medium"
 };
 const _hoisted_2 = {
   style: {
@@ -10,7 +10,7 @@ const _hoisted_2 = {
     top: "0px",
     right: "0px"
   },
-  class: "br-solid br-2px br-white z-index-1 radius-big i-semi bg-second flex flex-center t-white p-small t-semi"
+  class: "br-solid br-2px br-white z-index-1 radius-big i-medium bg-second flex flex-center t-white p-small t-semi"
 };
 const _hoisted_3 = ["src"];
 const _sfc_main = {
@@ -41,7 +41,7 @@ const _sfc_main = {
                 right: index * 20 + 20 + "%",
                 zIndex: 1 - index
               }),
-              class: "br-solid br-2px br-white i-semi bg-light radius-big"
+              class: "br-solid br-2px br-white i-medium bg-light radius-big"
             }, null, 12, _hoisted_3)) : (openBlock(), createBlock(PlaceholderUserpic, {
               key: 1,
               style: normalizeStyle({
@@ -50,7 +50,7 @@ const _sfc_main = {
                 right: index * 20 + 20 + "%",
                 zIndex: 1 - index
               }),
-              class: "br-solid br-2px br-white i-semi bg-light radius-big"
+              class: "br-solid br-2px br-white i-medium bg-light radius-big"
             }, null, 8, ["style"]))
           ], 64);
         }), 256)) : createCommentVNode("", true)

package/dist/martyrs/src/modules/globals/views/components/partials/CitySelection.vue.cjs CHANGED Viewed

@@ -7,7 +7,7 @@ const vueI18n = require("vue-i18n");
 const _hoisted_1 = { class: "select-country" };
 const _hoisted_2 = { class: "mn-b-semi" };
 const _hoisted_3 = { class: "mn-b-semi" };
-const _hoisted_4 = { class: "mn-b-small t-transp p-medium" };
+const _hoisted_4 = { class: "mn-b-small t-transp p-regular" };
 const _hoisted_5 = { class: "flex-nowrap flex mn-b-small pd-small radius-small bg-light" };
 const _hoisted_6 = { class: "d-block mn-r-auto" };
 const _hoisted_7 = { class: "mn-b-small" };
@@ -89,7 +89,7 @@ const _sfc_main = {
           ])
         ]),
         vue.createElementVNode("p", _hoisted_17, vue.toDisplayString(vue.unref(t)("helpus")), 1),
-        _cache[3] || (_cache[3] = vue.createElementVNode("div", { class: "pd-small p-semi radius-small bg-light" }, [
+        _cache[3] || (_cache[3] = vue.createElementVNode("div", { class: "pd-small p-medium radius-small bg-light" }, [
           vue.createElementVNode("a", { class: "" }, "hello@nms.network")
         ], -1))
       ]);

package/dist/martyrs/src/modules/globals/views/components/partials/CitySelection.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CitySelection.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/CitySelection.vue"],"sourcesContent":["<template>\n <div class=\"select-country\">\n <p class=\"h1\">🌍</p>\n <br>\n <h3 class=\"mn-b-semi\">{{t('title')}}</h3>\n <!-- Select city -->\n <div class=\"mn-b-semi\">\n <!-- Description -->\n <p class=\"mn-b-small t-transp p-~~medium~~\">{{t('description')}}</p> \n <!-- Input -->\n <div class=\"flex-nowrap flex mn-b-small pd-small radius-small bg-light\">\n <span class=\"d-block mn-r-auto\">{{t('cities[0]')}}</span>\n <a @click=\"closePopup()\">{{t('choose')}}</a>\n </div>\n </div>\n <!-- Coming soon cities -->\n <p class=\"mn-b-small\">{{t('comingsoon')}}</p>\n \n <div class=\"cols-4 gap-small mn-b-semi\">\n <!-- Input -->\n <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n <span class=\"d-block\">{{t('cscities[0]')}}</span>\n </div>\n <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n <span class=\"d-block\">{{t('cscities[1]')}}</span>\n </div>\n <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n <span class=\"d-block\">{{t('cscities[2]')}}</span>\n </div>\n <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n <span class=\"d-block\">{{t('cscities[3]')}}</span>\n </div>\n </div>\n <!-- Description -->\n <p class=\"mn-b-small t-transp\">{{t('helpus')}}</p> \n <div class=\"pd-small p-~~semi~~ radius-small bg-light\">\n <a class=\"\">hello@nms.network</a>\n </div>\n </div>\n</template>\n<script setup>\n// Import libs\nimport { computed, onMounted } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Define props\nconst props = defineProps({\n isPopupOpen: {\n type: Boolean,\n default: false\n },\n});\nconst emits = defineEmits(['close-popup'])\nfunction closePopup() {\n emits(\"close-popup\");\n} \n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// Localization\nconst text = {\n messages: {\n en: {\n title: \"Choose Your City\",\n description: \"Please select your city from the list below to see rental options and other relevant information:\",\n choose: \"Current\",\n cities: [\n \"Phuket\"\n ],\n comingsoon: \"Coming soon:\",\n cscities: [\n \"Bangkok\",\n \"Chiang Mai\",\n \"Pha-ngan\",\n \"Pattaya\",\n ],\n helpus: \"NMS is your ultimate entertainment and lifestyle guide. Want to partner with us or share ideas? Reach out at:\",\n cultivate: \"Let's create unforgettable moments together! 🎵🌴\"\n },\n }\n}\nconst { t } = useI18n(text)\n</script>\n<style lang=\"scss\">\n .select-country {\n max-width: 100%;\n }\n</style>"],"names":["useRoute","useRouter","useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,UAAM,QAAQ;AACd,aAAS,aAAa;AACpB,YAAM,aAAa;AAAA,IACrB;AAEcA,cAAAA,SAAQ;AACPC,cAAAA,UAAS;AAExB,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,OAAO;AAAA,UACP,aAAa;AAAA,UACb,QAAQ;AAAA,UACR,QAAQ;AAAA,YACN;AAAA,UACR;AAAA,UACM,YAAY;AAAA,UACZ,UAAU;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACR;AAAA,UACM,QAAQ;AAAA,UACR,WAAW;AAAA,QACjB;AAAA,MACA;AAAA,IACA;AACA,UAAM,EAAE,EAAC,IAAKC,QAAAA,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"CitySelection.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/CitySelection.vue"],"sourcesContent":["<template>\n <div class=\"select-country\">\n <p class=\"h1\">🌍</p>\n <br>\n <h3 class=\"mn-b-semi\">{{t('title')}}</h3>\n <!-- Select city -->\n <div class=\"mn-b-semi\">\n <!-- Description -->\n <p class=\"mn-b-small t-transp p-regular\">{{t('description')}}</p> \n <!-- Input -->\n <div class=\"flex-nowrap flex mn-b-small pd-small radius-small bg-light\">\n <span class=\"d-block mn-r-auto\">{{t('cities[0]')}}</span>\n <a @click=\"closePopup()\">{{t('choose')}}</a>\n </div>\n </div>\n <!-- Coming soon cities -->\n <p class=\"mn-b-small\">{{t('comingsoon')}}</p>\n \n <div class=\"cols-4 gap-small mn-b-semi\">\n <!-- Input -->\n <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n <span class=\"d-block\">{{t('cscities[0]')}}</span>\n </div>\n <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n <span class=\"d-block\">{{t('cscities[1]')}}</span>\n </div>\n <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n <span class=\"d-block\">{{t('cscities[2]')}}</span>\n </div>\n <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n <span class=\"d-block\">{{t('cscities[3]')}}</span>\n </div>\n </div>\n <!-- Description -->\n <p class=\"mn-b-small t-transp\">{{t('helpus')}}</p> \n <div class=\"pd-small p-medium radius-small bg-light\">\n <a class=\"\">hello@nms.network</a>\n </div>\n </div>\n</template>\n<script setup>\n// Import libs\nimport { computed, onMounted } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Define props\nconst props = defineProps({\n isPopupOpen: {\n type: Boolean,\n default: false\n },\n});\nconst emits = defineEmits(['close-popup'])\nfunction closePopup() {\n emits(\"close-popup\");\n} \n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// Localization\nconst text = {\n messages: {\n en: {\n title: \"Choose Your City\",\n description: \"Please select your city from the list below to see rental options and other relevant information:\",\n choose: \"Current\",\n cities: [\n \"Phuket\"\n ],\n comingsoon: \"Coming soon:\",\n cscities: [\n \"Bangkok\",\n \"Chiang Mai\",\n \"Pha-ngan\",\n \"Pattaya\",\n ],\n helpus: \"NMS is your ultimate entertainment and lifestyle guide. Want to partner with us or share ideas? Reach out at:\",\n cultivate: \"Let's create unforgettable moments together! 🎵🌴\"\n },\n }\n}\nconst { t } = useI18n(text)\n</script>\n<style lang=\"scss\">\n .select-country {\n max-width: 100%;\n }\n</style>"],"names":["useRoute","useRouter","useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,UAAM,QAAQ;AACd,aAAS,aAAa;AACpB,YAAM,aAAa;AAAA,IACrB;AAEcA,cAAAA,SAAQ;AACPC,cAAAA,UAAS;AAExB,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,OAAO;AAAA,UACP,aAAa;AAAA,UACb,QAAQ;AAAA,UACR,QAAQ;AAAA,YACN;AAAA,UACR;AAAA,UACM,YAAY;AAAA,UACZ,UAAU;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACR;AAAA,UACM,QAAQ;AAAA,UACR,WAAW;AAAA,QACjB;AAAA,MACA;AAAA,IACA;AACA,UAAM,EAAE,EAAC,IAAKC,QAAAA,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/globals/views/components/partials/CitySelection.vue.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useI18n } from "vue-i18n";
 const _hoisted_1 = { class: "select-country" };
 const _hoisted_2 = { class: "mn-b-semi" };
 const _hoisted_3 = { class: "mn-b-semi" };
-const _hoisted_4 = { class: "mn-b-small t-transp p-medium" };
+const _hoisted_4 = { class: "mn-b-small t-transp p-regular" };
 const _hoisted_5 = { class: "flex-nowrap flex mn-b-small pd-small radius-small bg-light" };
 const _hoisted_6 = { class: "d-block mn-r-auto" };
 const _hoisted_7 = { class: "mn-b-small" };
@@ -87,7 +87,7 @@ const _sfc_main = {
           ])
         ]),
         createElementVNode("p", _hoisted_17, toDisplayString(unref(t)("helpus")), 1),
-        _cache[3] || (_cache[3] = createElementVNode("div", { class: "pd-small p-semi radius-small bg-light" }, [
+        _cache[3] || (_cache[3] = createElementVNode("div", { class: "pd-small p-medium radius-small bg-light" }, [
           createElementVNode("a", { class: "" }, "hello@nms.network")
         ], -1))
       ]);

package/dist/martyrs/src/modules/globals/views/components/partials/CitySelection.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CitySelection.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/partials/CitySelection.vue"],"sourcesContent":["<template>\n <div class=\"select-country\">\n <p class=\"h1\">🌍</p>\n <br>\n <h3 class=\"mn-b-semi\">{{t('title')}}</h3>\n <!-- Select city -->\n <div class=\"mn-b-semi\">\n <!-- Description -->\n <p class=\"mn-b-small t-transp p-~~medium~~\">{{t('description')}}</p> \n <!-- Input -->\n <div class=\"flex-nowrap flex mn-b-small pd-small radius-small bg-light\">\n <span class=\"d-block mn-r-auto\">{{t('cities[0]')}}</span>\n <a @click=\"closePopup()\">{{t('choose')}}</a>\n </div>\n </div>\n <!-- Coming soon cities -->\n <p class=\"mn-b-small\">{{t('comingsoon')}}</p>\n \n <div class=\"cols-4 gap-small mn-b-semi\">\n <!-- Input -->\n <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n <span class=\"d-block\">{{t('cscities[0]')}}</span>\n </div>\n <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n <span class=\"d-block\">{{t('cscities[1]')}}</span>\n </div>\n <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n <span class=\"d-block\">{{t('cscities[2]')}}</span>\n </div>\n <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n <span class=\"d-block\">{{t('cscities[3]')}}</span>\n </div>\n </div>\n <!-- Description -->\n <p class=\"mn-b-small t-transp\">{{t('helpus')}}</p> \n <div class=\"pd-small p-~~semi~~ radius-small bg-light\">\n <a class=\"\">hello@nms.network</a>\n </div>\n </div>\n</template>\n<script setup>\n// Import libs\nimport { computed, onMounted } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Define props\nconst props = defineProps({\n isPopupOpen: {\n type: Boolean,\n default: false\n },\n});\nconst emits = defineEmits(['close-popup'])\nfunction closePopup() {\n emits(\"close-popup\");\n} \n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// Localization\nconst text = {\n messages: {\n en: {\n title: \"Choose Your City\",\n description: \"Please select your city from the list below to see rental options and other relevant information:\",\n choose: \"Current\",\n cities: [\n \"Phuket\"\n ],\n comingsoon: \"Coming soon:\",\n cscities: [\n \"Bangkok\",\n \"Chiang Mai\",\n \"Pha-ngan\",\n \"Pattaya\",\n ],\n helpus: \"NMS is your ultimate entertainment and lifestyle guide. Want to partner with us or share ideas? Reach out at:\",\n cultivate: \"Let's create unforgettable moments together! 🎵🌴\"\n },\n }\n}\nconst { t } = useI18n(text)\n</script>\n<style lang=\"scss\">\n .select-country {\n max-width: 100%;\n }\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,UAAM,QAAQ;AACd,aAAS,aAAa;AACpB,YAAM,aAAa;AAAA,IACrB;AAEc,aAAQ;AACP,cAAS;AAExB,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,OAAO;AAAA,UACP,aAAa;AAAA,UACb,QAAQ;AAAA,UACR,QAAQ;AAAA,YACN;AAAA,UACR;AAAA,UACM,YAAY;AAAA,UACZ,UAAU;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACR;AAAA,UACM,QAAQ;AAAA,UACR,WAAW;AAAA,QACjB;AAAA,MACA;AAAA,IACA;AACA,UAAM,EAAE,EAAC,IAAK,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"CitySelection.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/partials/CitySelection.vue"],"sourcesContent":["<template>\n <div class=\"select-country\">\n <p class=\"h1\">🌍</p>\n <br>\n <h3 class=\"mn-b-semi\">{{t('title')}}</h3>\n <!-- Select city -->\n <div class=\"mn-b-semi\">\n <!-- Description -->\n <p class=\"mn-b-small t-transp p-regular\">{{t('description')}}</p> \n <!-- Input -->\n <div class=\"flex-nowrap flex mn-b-small pd-small radius-small bg-light\">\n <span class=\"d-block mn-r-auto\">{{t('cities[0]')}}</span>\n <a @click=\"closePopup()\">{{t('choose')}}</a>\n </div>\n </div>\n <!-- Coming soon cities -->\n <p class=\"mn-b-small\">{{t('comingsoon')}}</p>\n \n <div class=\"cols-4 gap-small mn-b-semi\">\n <!-- Input -->\n <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n <span class=\"d-block\">{{t('cscities[0]')}}</span>\n </div>\n <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n <span class=\"d-block\">{{t('cscities[1]')}}</span>\n </div>\n <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n <span class=\"d-block\">{{t('cscities[2]')}}</span>\n </div>\n <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n <span class=\"d-block\">{{t('cscities[3]')}}</span>\n </div>\n </div>\n <!-- Description -->\n <p class=\"mn-b-small t-transp\">{{t('helpus')}}</p> \n <div class=\"pd-small p-medium radius-small bg-light\">\n <a class=\"\">hello@nms.network</a>\n </div>\n </div>\n</template>\n<script setup>\n// Import libs\nimport { computed, onMounted } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Define props\nconst props = defineProps({\n isPopupOpen: {\n type: Boolean,\n default: false\n },\n});\nconst emits = defineEmits(['close-popup'])\nfunction closePopup() {\n emits(\"close-popup\");\n} \n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// Localization\nconst text = {\n messages: {\n en: {\n title: \"Choose Your City\",\n description: \"Please select your city from the list below to see rental options and other relevant information:\",\n choose: \"Current\",\n cities: [\n \"Phuket\"\n ],\n comingsoon: \"Coming soon:\",\n cscities: [\n \"Bangkok\",\n \"Chiang Mai\",\n \"Pha-ngan\",\n \"Pattaya\",\n ],\n helpus: \"NMS is your ultimate entertainment and lifestyle guide. Want to partner with us or share ideas? Reach out at:\",\n cultivate: \"Let's create unforgettable moments together! 🎵🌴\"\n },\n }\n}\nconst { t } = useI18n(text)\n</script>\n<style lang=\"scss\">\n .select-country {\n max-width: 100%;\n }\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,UAAM,QAAQ;AACd,aAAS,aAAa;AACpB,YAAM,aAAa;AAAA,IACrB;AAEc,aAAQ;AACP,cAAS;AAExB,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,OAAO;AAAA,UACP,aAAa;AAAA,UACb,QAAQ;AAAA,UACR,QAAQ;AAAA,YACN;AAAA,UACR;AAAA,UACM,YAAY;AAAA,UACZ,UAAU;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACR;AAAA,UACM,QAAQ;AAAA,UACR,WAAW;AAAA,QACjB;AAAA,MACA;AAAA,IACA;AACA,UAAM,EAAE,EAAC,IAAK,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/globals/views/components/partials/Footer.vue.cjs CHANGED Viewed

@@ -19,7 +19,7 @@ const Logotype = require("../../../../icons/logos/Logotype.vue.cjs");
 const _hoisted_1 = { class: "pd-medium" };
 const _hoisted_2 = { class: "grid cols-3-footer tablet:cols-2 mobile:cols-1 gap-extra mobile:gap-big" };
 const _hoisted_3 = { class: "col w-max-15r" };
-const _hoisted_4 = { class: "p-semi t-medium mn-b-semi" };
+const _hoisted_4 = { class: "p-medium t-medium mn-b-semi" };
 const _hoisted_5 = { class: "mn-b-semi flex flex-column gap-small" };
 const _hoisted_6 = ["href"];
 const _hoisted_7 = { class: "t-small" };
@@ -104,7 +104,7 @@ const _sfc_main = {
                   class: vue.normalizeClass(["flex mn-b-micro gap-micro flex-v-center transition-opacity hover-opacity-70", __props.theme === "light" ? "t-black" : "t-white"])
                 }, [
                   vue.createVNode(IconPhone.default, {
-                    class: "i-regular",
+                    class: "i-medium",
                     fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
                   }, null, 8, ["fill"]),
                   vue.createElementVNode("span", _hoisted_7, vue.toDisplayString(vue.unref(t)("footer.phoneNumber")), 1)
@@ -114,14 +114,14 @@ const _sfc_main = {
                   class: vue.normalizeClass(["flex mn-b-micro gap-micro flex-v-center transition-opacity hover-opacity-70", __props.theme === "light" ? "t-black" : "t-white"])
                 }, [
                   vue.createVNode(IconEmail.default, {
-                    class: "i-regular",
+                    class: "i-medium",
                     fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
                   }, null, 8, ["fill"]),
                   vue.createElementVNode("span", _hoisted_9, vue.toDisplayString(vue.unref(t)("footer.emailAddress")), 1)
                 ], 10, _hoisted_8),
                 vue.createElementVNode("div", _hoisted_10, [
                   vue.createVNode(IconTime.default, {
-                    class: "i-regular",
+                    class: "i-medium",
                     fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
                   }, null, 8, ["fill"]),
                   vue.createElementVNode("span", _hoisted_11, vue.toDisplayString(vue.unref(t)("footer.hours_text")), 1)
@@ -159,7 +159,7 @@ const _sfc_main = {
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(tm)("footer.navigationColumns"), (column, colIndex) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   key: colIndex,
-                  class: "flex flex-column gap-medium"
+                  class: "flex flex-column gap-regular"
                 }, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(column.sections, (section, sectionIndex) => {
                     return vue.openBlock(), vue.createElementBlock("div", {
@@ -210,7 +210,7 @@ const _sfc_main = {
                     class: "w-3r h-3r flex flex-center radius-small bg-light transition-opacity hover-opacity-70"
                   }, [
                     (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(iconComponents[social.name]), {
-                      class: "i-semi",
+                      class: "i-medium",
                       fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
                     }, null, 8, ["fill"]))
                   ], 8, _hoisted_26);

package/dist/martyrs/src/modules/globals/views/components/partials/Footer.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Footer.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/Footer.vue"],"sourcesContent":["<script setup=\"props\">\nimport { computed, ref } from 'vue'\nimport { useRouter, useRoute } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n\n// Martyrs Components\nimport FieldSubscribeNewsletter from '@martyrs/src/modules/orders/components/elements/FieldSubscribeNewsletter.vue'\n\nimport LabelGooglePlay from '@martyrs/src/modules/icons/labels/LabelGooglePlay.vue';\nimport LabelAppStore from '@martyrs/src/modules/icons/labels/LabelAppStore.vue';\n\nimport IconPhone from '@martyrs/src/modules/icons/entities/IconPhone.vue';\nimport IconEmail from '@martyrs/src/modules/icons/entities/IconEmail.vue';\nimport IconAddress from '@martyrs/src/modules/icons/entities/IconAddress.vue';\nimport IconTime from '@martyrs/src/modules/icons/entities/IconTime.vue';\n\nimport IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconInstagram from '@martyrs/src/modules/icons/socials/instagram.vue';\nimport IconFacebook from '@martyrs/src/modules/icons/socials/facebook.vue';\nimport IconLinkedin from '@martyrs/src/modules/icons/socials/linkedin.vue'\nimport IconYoutube from '@martyrs/src/modules/icons/socials/youtube.vue'\nimport IconWhatsapp from '@martyrs/src/modules/icons/socials/whatsapp.vue'\n\nimport Logotype from '@martyrs/src/modules/icons/logos/Logotype.vue'\n\n\n// Props\nconst props = defineProps({\n theme: {\n type: String,\n default: \"light\"\n },\n logotype: {\n type: Object\n }\n})\n\n// State\nconst router = useRouter()\nconst route = useRoute()\n\nconst { t, te, tm } = useI18n({\n useScope: 'global'\n})\n\n// Component mapping for social icons\nconst iconComponents = {\n IconInstagram,\n IconFacebook,\n IconLinkedin,\n IconYoutube,\n IconWhatsapp\n}\n</script>\n\n<template>\n <footer \n class=\"\n w-100\n br-t br-solid\n \"\n :class=\"{\n 't-black bg-white br-light': theme === 'light',\n 't-white bg-black br-dark': theme === 'dark' \n }\"\n >\n <div class=\"pd-medium\">\n <!-- Top Section -->\n <component\n v-if=\"logotype\"\n :is=\"logotype\"\n @click=\"router.push({ path: '/' })\" \n :theme=\"theme\"\n class=\"cursor-pointer h-3r mn-b-medium\"\n />\n\n <div class=\"grid cols-3-footer tablet:cols-2 mobile:cols-1 gap-extra mobile:gap-big\">\n \n <!-- Contact Block -->\n <div class=\"col w-max-15r\">\n <p class=\"p-~~semi~~ t-medium mn-b-semi\">{{ t('footer.description') }}</p>\n \n <div class=\"mn-b-semi flex flex-column gap-small\">\n <a \n :href=\"`tel:${t('footer.phoneNumber').replace(/\\s/g, '')}`\" \n class=\"flex mn-b-micro gap-micro flex-v-center transition-opacity hover-opacity-70\"\n :class=\"theme === 'light' ? 't-black' : 't-white'\"\n >\n <IconPhone class=\"i-~~regular~~\" :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" />\n <span class=\"t-small\">{{ t('footer.phoneNumber') }}</span>\n </a>\n \n <a \n :href=\"`mailto:${t('footer.emailAddress')}`\" \n class=\"flex mn-b-micro gap-micro flex-v-center transition-opacity hover-opacity-70\"\n :class=\"theme === 'light' ? 't-black' : 't-white'\"\n >\n <IconEmail class=\"i-~~regular~~\" :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" />\n <span class=\"t-small\">{{ t('footer.emailAddress') }}</span>\n </a>\n \n <div class=\"flex mn-b-micro gap-micro flex-v-center\">\n <IconTime class=\"i-~~regular~~\" :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" />\n <span class=\"t-small\">{{ t('footer.hours_text') }}</span>\n </div>\n </div>\n\n <h4 class=\"h5 t-medium mn-b-regular\">{{ t('footer.app') }}</h4>\n <div class=\"w-100 flex-nowrap flex gap-thin\">\n <a \n v-if=\"te('footer.linkAppStore') \|\| te('footer.label')\"\n :href=\"te('footer.linkAppStore') ? t('footer.linkAppStore') : null\" \n :target=\"te('footer.linkAppStore') ? '_blank' : null\" \n class=\"pos-relative w-100 h-100\"\n > \n <span \n v-if=\"te('footer.label')\"\n class=\"z-index-2 radius-medium bg-main t-medium uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative\"\n >\n {{ t('footer.label') }}\n </span>\n <LabelAppStore class=\"w-100 h-max\" alt=\"Download on App Store\"/>\n </a>\n\n <a \n v-if=\"te('footer.linkGooglePlay') \|\| te('footer.label')\"\n :href=\"te('footer.linkGooglePlay') ? t('footer.linkGooglePlay') : null\" \n :target=\"te('footer.linkGooglePlay') ? '_blank' : null\" \n class=\"pos-relative w-100 h-100\"\n > \n <span \n v-if=\"te('footer.label')\"\n class=\"z-index-2 pd-thin radius-medium bg-main t-medium uppercase pos-absolute pos-r-10-negative pos-t-10-negative\"\n >\n {{ t('footer.label') }}\n </span>\n <LabelGooglePlay class=\"w-100 h-max\" alt=\"Download on Google Play\"/>\n </a>\n </div>\n </div>\n\n <!-- Navigation Columns -->\n <div class=\"cols-2 gap-big\">\n <div v-for=\"(column, colIndex) in tm('footer.navigationColumns')\" :key=\"colIndex\" class=\"flex flex-column gap-~~medium~~\">\n <div v-for=\"(section, sectionIndex) in column.sections\" :key=\"sectionIndex\" class=\"\">\n <h4 class=\"h5 t-medium mn-b-regular\">{{ section.title }}</h4>\n <nav>\n <ul class=\"flex flex-column gap-thin\">\n <li v-for=\"item in section.items\" :key=\"item.url\">\n <router-link \n :to=\"`/${item.url}`\" \n class=\"t-small transition-opacity hover-opacity-70\" \n :class=\"theme === 'light' ? 't-black' : 't-white'\"\n >\n {{ item.name }}\n </router-link>\n </li>\n </ul>\n </nav>\n </div>\n </div>\n </div>\n\n <!-- Subscribe Block -->\n <div class=\"col\">\n <h4 class=\"h5 t-medium mn-b-regular\">{{ t('footer.subscribe') }}</h4>\n <p class=\"t-small mn-b-small t-transp\">{{ t('footer.subscribe_text') }}</p>\n \n <FieldSubscribeNewsletter\n :action=\"''\"\n fieldName=\"footer-newsletter\"\n fieldId=\"footer-newsletter-email\"\n class=\"d-inline-flex mn-b-medium bg-light t-black w-100\"\n />\n\n <h4 class=\"h5 t-medium mn-b-regular\">{{ t('footer.follow') }}</h4>\n <!-- Social Links -->\n <div class=\"flex gap-thin\">\n <a \n v-for=\"social in tm('footer.socialLinks')\"\n :key=\"social.name\"\n :href=\"social.url\" \n target=\"_blank\"\n class=\"\n w-3r h-3r \n flex flex-center \n radius-small\n bg-light \n transition-opacity\n hover-opacity-70\n \"\n >\n <component\n :is=\"iconComponents[social.name]\"\n class=\"i-~~semi~~\"\n :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\"\n />\n </a>\n </div>\n </div>\n </div>\n </div>\n\n <!-- Bottom Section -->\n <div class=\"\n pd-medium \n br-t \n br-solid\n flex \n flex-justify-between \n flex-v-center\n flex-nowrap\n mobile:flex-column \n mobile:flex-align-start\n mobile:gap-small\n \"\n :class=\"{\n 'br-light': theme === 'light',\n 'br-dark': theme === 'dark'\n }\"\n >\n <!-- Copyright -->\n <p class=\"t-small t-medium uppercase\">\n {{ t('footer.year') }} \n <span class=\"t-main copyleft\">{{ t('footer.heart') }}</span> \n {{ t('footer.copyright') }} \n </p>\n\n <a href=\"https://ozdao.dev\" target=\"_blank\" rel=\"noopener\" class=\"flex-nowrap flex-v-center flex t-medium gap-thin br-1px br-light pd-thin radius-thin\">\n <Logotype class=\"h-1r w-auto\"/>\n <span>{{ t('footer.ozdao') }}</span>\n </a>\n </div>\n </footer>\n</template>\n\n<style lang=\"scss\">\n.cols-3-footer {\n grid-template-columns: 5fr 7fr 4fr;\n}\n</style>"],"names":["useRouter","useRoute","useI18n","IconInstagram","IconFacebook","IconLinkedin","IconYoutube","IconWhatsapp"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,UAAM,SAASA,UAAAA,UAAS;AACVC,cAAAA,SAAQ;AAEtB,UAAM,EAAE,GAAG,IAAI,GAAE,IAAKC,QAAAA,QAAQ;AAAA,MAC5B,UAAU;AAAA,IACZ,CAAC;AAGD,UAAM,iBAAiB;AAAA,MACvB,eAAEC,UAAAA;AAAAA,MACF,cAAEC,SAAAA;AAAAA,MACF,cAAEC,SAAAA;AAAAA,MACF,aAAEC,QAAAA;AAAAA,MACF,cAAEC,SAAAA;AAAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Footer.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/Footer.vue"],"sourcesContent":["<script setup=\"props\">\nimport { computed, ref } from 'vue'\nimport { useRouter, useRoute } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n\n// Martyrs Components\nimport FieldSubscribeNewsletter from '@martyrs/src/modules/orders/components/elements/FieldSubscribeNewsletter.vue'\n\nimport LabelGooglePlay from '@martyrs/src/modules/icons/labels/LabelGooglePlay.vue';\nimport LabelAppStore from '@martyrs/src/modules/icons/labels/LabelAppStore.vue';\n\nimport IconPhone from '@martyrs/src/modules/icons/entities/IconPhone.vue';\nimport IconEmail from '@martyrs/src/modules/icons/entities/IconEmail.vue';\nimport IconAddress from '@martyrs/src/modules/icons/entities/IconAddress.vue';\nimport IconTime from '@martyrs/src/modules/icons/entities/IconTime.vue';\n\nimport IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconInstagram from '@martyrs/src/modules/icons/socials/instagram.vue';\nimport IconFacebook from '@martyrs/src/modules/icons/socials/facebook.vue';\nimport IconLinkedin from '@martyrs/src/modules/icons/socials/linkedin.vue'\nimport IconYoutube from '@martyrs/src/modules/icons/socials/youtube.vue'\nimport IconWhatsapp from '@martyrs/src/modules/icons/socials/whatsapp.vue'\n\nimport Logotype from '@martyrs/src/modules/icons/logos/Logotype.vue'\n\n\n// Props\nconst props = defineProps({\n theme: {\n type: String,\n default: \"light\"\n },\n logotype: {\n type: Object\n }\n})\n\n// State\nconst router = useRouter()\nconst route = useRoute()\n\nconst { t, te, tm } = useI18n({\n useScope: 'global'\n})\n\n// Component mapping for social icons\nconst iconComponents = {\n IconInstagram,\n IconFacebook,\n IconLinkedin,\n IconYoutube,\n IconWhatsapp\n}\n</script>\n\n<template>\n <footer \n class=\"\n w-100\n br-t br-solid\n \"\n :class=\"{\n 't-black bg-white br-light': theme === 'light',\n 't-white bg-black br-dark': theme === 'dark' \n }\"\n >\n <div class=\"pd-medium\">\n <!-- Top Section -->\n <component\n v-if=\"logotype\"\n :is=\"logotype\"\n @click=\"router.push({ path: '/' })\" \n :theme=\"theme\"\n class=\"cursor-pointer h-3r mn-b-medium\"\n />\n\n <div class=\"grid cols-3-footer tablet:cols-2 mobile:cols-1 gap-extra mobile:gap-big\">\n \n <!-- Contact Block -->\n <div class=\"col w-max-15r\">\n <p class=\"p-medium t-medium mn-b-semi\">{{ t('footer.description') }}</p>\n \n <div class=\"mn-b-semi flex flex-column gap-small\">\n <a \n :href=\"`tel:${t('footer.phoneNumber').replace(/\\s/g, '')}`\" \n class=\"flex mn-b-micro gap-micro flex-v-center transition-opacity hover-opacity-70\"\n :class=\"theme === 'light' ? 't-black' : 't-white'\"\n >\n <IconPhone class=\"i-medium\" :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" />\n <span class=\"t-small\">{{ t('footer.phoneNumber') }}</span>\n </a>\n \n <a \n :href=\"`mailto:${t('footer.emailAddress')}`\" \n class=\"flex mn-b-micro gap-micro flex-v-center transition-opacity hover-opacity-70\"\n :class=\"theme === 'light' ? 't-black' : 't-white'\"\n >\n <IconEmail class=\"i-medium\" :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" />\n <span class=\"t-small\">{{ t('footer.emailAddress') }}</span>\n </a>\n \n <div class=\"flex mn-b-micro gap-micro flex-v-center\">\n <IconTime class=\"i-medium\" :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" />\n <span class=\"t-small\">{{ t('footer.hours_text') }}</span>\n </div>\n </div>\n\n <h4 class=\"h5 t-medium mn-b-regular\">{{ t('footer.app') }}</h4>\n <div class=\"w-100 flex-nowrap flex gap-thin\">\n <a \n v-if=\"te('footer.linkAppStore') \|\| te('footer.label')\"\n :href=\"te('footer.linkAppStore') ? t('footer.linkAppStore') : null\" \n :target=\"te('footer.linkAppStore') ? '_blank' : null\" \n class=\"pos-relative w-100 h-100\"\n > \n <span \n v-if=\"te('footer.label')\"\n class=\"z-index-2 radius-medium bg-main t-medium uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative\"\n >\n {{ t('footer.label') }}\n </span>\n <LabelAppStore class=\"w-100 h-max\" alt=\"Download on App Store\"/>\n </a>\n\n <a \n v-if=\"te('footer.linkGooglePlay') \|\| te('footer.label')\"\n :href=\"te('footer.linkGooglePlay') ? t('footer.linkGooglePlay') : null\" \n :target=\"te('footer.linkGooglePlay') ? '_blank' : null\" \n class=\"pos-relative w-100 h-100\"\n > \n <span \n v-if=\"te('footer.label')\"\n class=\"z-index-2 pd-thin radius-medium bg-main t-medium uppercase pos-absolute pos-r-10-negative pos-t-10-negative\"\n >\n {{ t('footer.label') }}\n </span>\n <LabelGooglePlay class=\"w-100 h-max\" alt=\"Download on Google Play\"/>\n </a>\n </div>\n </div>\n\n <!-- Navigation Columns -->\n <div class=\"cols-2 gap-big\">\n <div v-for=\"(column, colIndex) in tm('footer.navigationColumns')\" :key=\"colIndex\" class=\"flex flex-column gap-regular\">\n <div v-for=\"(section, sectionIndex) in column.sections\" :key=\"sectionIndex\" class=\"\">\n <h4 class=\"h5 t-medium mn-b-regular\">{{ section.title }}</h4>\n <nav>\n <ul class=\"flex flex-column gap-thin\">\n <li v-for=\"item in section.items\" :key=\"item.url\">\n <router-link \n :to=\"`/${item.url}`\" \n class=\"t-small transition-opacity hover-opacity-70\" \n :class=\"theme === 'light' ? 't-black' : 't-white'\"\n >\n {{ item.name }}\n </router-link>\n </li>\n </ul>\n </nav>\n </div>\n </div>\n </div>\n\n <!-- Subscribe Block -->\n <div class=\"col\">\n <h4 class=\"h5 t-medium mn-b-regular\">{{ t('footer.subscribe') }}</h4>\n <p class=\"t-small mn-b-small t-transp\">{{ t('footer.subscribe_text') }}</p>\n \n <FieldSubscribeNewsletter\n :action=\"''\"\n fieldName=\"footer-newsletter\"\n fieldId=\"footer-newsletter-email\"\n class=\"d-inline-flex mn-b-medium bg-light t-black w-100\"\n />\n\n <h4 class=\"h5 t-medium mn-b-regular\">{{ t('footer.follow') }}</h4>\n <!-- Social Links -->\n <div class=\"flex gap-thin\">\n <a \n v-for=\"social in tm('footer.socialLinks')\"\n :key=\"social.name\"\n :href=\"social.url\" \n target=\"_blank\"\n class=\"\n w-3r h-3r \n flex flex-center \n radius-small\n bg-light \n transition-opacity\n hover-opacity-70\n \"\n >\n <component\n :is=\"iconComponents[social.name]\"\n class=\"i-medium\"\n :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\"\n />\n </a>\n </div>\n </div>\n </div>\n </div>\n\n <!-- Bottom Section -->\n <div class=\"\n pd-medium \n br-t \n br-solid\n flex \n flex-justify-between \n flex-v-center\n flex-nowrap\n mobile:flex-column \n mobile:flex-align-start\n mobile:gap-small\n \"\n :class=\"{\n 'br-light': theme === 'light',\n 'br-dark': theme === 'dark'\n }\"\n >\n <!-- Copyright -->\n <p class=\"t-small t-medium uppercase\">\n {{ t('footer.year') }} \n <span class=\"t-main copyleft\">{{ t('footer.heart') }}</span> \n {{ t('footer.copyright') }} \n </p>\n\n <a href=\"https://ozdao.dev\" target=\"_blank\" rel=\"noopener\" class=\"flex-nowrap flex-v-center flex t-medium gap-thin br-1px br-light pd-thin radius-thin\">\n <Logotype class=\"h-1r w-auto\"/>\n <span>{{ t('footer.ozdao') }}</span>\n </a>\n </div>\n </footer>\n</template>\n\n<style lang=\"scss\">\n.cols-3-footer {\n grid-template-columns: 5fr 7fr 4fr;\n}\n</style>"],"names":["useRouter","useRoute","useI18n","IconInstagram","IconFacebook","IconLinkedin","IconYoutube","IconWhatsapp"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,UAAM,SAASA,UAAAA,UAAS;AACVC,cAAAA,SAAQ;AAEtB,UAAM,EAAE,GAAG,IAAI,GAAE,IAAKC,QAAAA,QAAQ;AAAA,MAC5B,UAAU;AAAA,IACZ,CAAC;AAGD,UAAM,iBAAiB;AAAA,MACvB,eAAEC,UAAAA;AAAAA,MACF,cAAEC,SAAAA;AAAAA,MACF,cAAEC,SAAAA;AAAAA,MACF,aAAEC,QAAAA;AAAAA,MACF,cAAEC,SAAAA;AAAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/globals/views/components/partials/Footer.vue.js CHANGED Viewed

@@ -17,7 +17,7 @@ import Logotype from "../../../../icons/logos/Logotype.vue.js";
 const _hoisted_1 = { class: "pd-medium" };
 const _hoisted_2 = { class: "grid cols-3-footer tablet:cols-2 mobile:cols-1 gap-extra mobile:gap-big" };
 const _hoisted_3 = { class: "col w-max-15r" };
-const _hoisted_4 = { class: "p-semi t-medium mn-b-semi" };
+const _hoisted_4 = { class: "p-medium t-medium mn-b-semi" };
 const _hoisted_5 = { class: "mn-b-semi flex flex-column gap-small" };
 const _hoisted_6 = ["href"];
 const _hoisted_7 = { class: "t-small" };
@@ -102,7 +102,7 @@ const _sfc_main = {
                   class: normalizeClass(["flex mn-b-micro gap-micro flex-v-center transition-opacity hover-opacity-70", __props.theme === "light" ? "t-black" : "t-white"])
                 }, [
                   createVNode(_sfc_main$1, {
-                    class: "i-regular",
+                    class: "i-medium",
                     fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
                   }, null, 8, ["fill"]),
                   createElementVNode("span", _hoisted_7, toDisplayString(unref(t)("footer.phoneNumber")), 1)
@@ -112,14 +112,14 @@ const _sfc_main = {
                   class: normalizeClass(["flex mn-b-micro gap-micro flex-v-center transition-opacity hover-opacity-70", __props.theme === "light" ? "t-black" : "t-white"])
                 }, [
                   createVNode(_sfc_main$2, {
-                    class: "i-regular",
+                    class: "i-medium",
                     fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
                   }, null, 8, ["fill"]),
                   createElementVNode("span", _hoisted_9, toDisplayString(unref(t)("footer.emailAddress")), 1)
                 ], 10, _hoisted_8),
                 createElementVNode("div", _hoisted_10, [
                   createVNode(IconTime, {
-                    class: "i-regular",
+                    class: "i-medium",
                     fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
                   }, null, 8, ["fill"]),
                   createElementVNode("span", _hoisted_11, toDisplayString(unref(t)("footer.hours_text")), 1)
@@ -157,7 +157,7 @@ const _sfc_main = {
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tm)("footer.navigationColumns"), (column, colIndex) => {
                 return openBlock(), createElementBlock("div", {
                   key: colIndex,
-                  class: "flex flex-column gap-medium"
+                  class: "flex flex-column gap-regular"
                 }, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(column.sections, (section, sectionIndex) => {
                     return openBlock(), createElementBlock("div", {
@@ -208,7 +208,7 @@ const _sfc_main = {
                     class: "w-3r h-3r flex flex-center radius-small bg-light transition-opacity hover-opacity-70"
                   }, [
                     (openBlock(), createBlock(resolveDynamicComponent(iconComponents[social.name]), {
-                      class: "i-semi",
+                      class: "i-medium",
                       fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
                     }, null, 8, ["fill"]))
                   ], 8, _hoisted_26);

package/dist/martyrs/src/modules/globals/views/components/partials/Footer.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Footer.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/partials/Footer.vue"],"sourcesContent":["<script setup=\"props\">\nimport { computed, ref } from 'vue'\nimport { useRouter, useRoute } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n\n// Martyrs Components\nimport FieldSubscribeNewsletter from '@martyrs/src/modules/orders/components/elements/FieldSubscribeNewsletter.vue'\n\nimport LabelGooglePlay from '@martyrs/src/modules/icons/labels/LabelGooglePlay.vue';\nimport LabelAppStore from '@martyrs/src/modules/icons/labels/LabelAppStore.vue';\n\nimport IconPhone from '@martyrs/src/modules/icons/entities/IconPhone.vue';\nimport IconEmail from '@martyrs/src/modules/icons/entities/IconEmail.vue';\nimport IconAddress from '@martyrs/src/modules/icons/entities/IconAddress.vue';\nimport IconTime from '@martyrs/src/modules/icons/entities/IconTime.vue';\n\nimport IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconInstagram from '@martyrs/src/modules/icons/socials/instagram.vue';\nimport IconFacebook from '@martyrs/src/modules/icons/socials/facebook.vue';\nimport IconLinkedin from '@martyrs/src/modules/icons/socials/linkedin.vue'\nimport IconYoutube from '@martyrs/src/modules/icons/socials/youtube.vue'\nimport IconWhatsapp from '@martyrs/src/modules/icons/socials/whatsapp.vue'\n\nimport Logotype from '@martyrs/src/modules/icons/logos/Logotype.vue'\n\n\n// Props\nconst props = defineProps({\n theme: {\n type: String,\n default: \"light\"\n },\n logotype: {\n type: Object\n }\n})\n\n// State\nconst router = useRouter()\nconst route = useRoute()\n\nconst { t, te, tm } = useI18n({\n useScope: 'global'\n})\n\n// Component mapping for social icons\nconst iconComponents = {\n IconInstagram,\n IconFacebook,\n IconLinkedin,\n IconYoutube,\n IconWhatsapp\n}\n</script>\n\n<template>\n <footer \n class=\"\n w-100\n br-t br-solid\n \"\n :class=\"{\n 't-black bg-white br-light': theme === 'light',\n 't-white bg-black br-dark': theme === 'dark' \n }\"\n >\n <div class=\"pd-medium\">\n <!-- Top Section -->\n <component\n v-if=\"logotype\"\n :is=\"logotype\"\n @click=\"router.push({ path: '/' })\" \n :theme=\"theme\"\n class=\"cursor-pointer h-3r mn-b-medium\"\n />\n\n <div class=\"grid cols-3-footer tablet:cols-2 mobile:cols-1 gap-extra mobile:gap-big\">\n \n <!-- Contact Block -->\n <div class=\"col w-max-15r\">\n <p class=\"p-~~semi~~ t-medium mn-b-semi\">{{ t('footer.description') }}</p>\n \n <div class=\"mn-b-semi flex flex-column gap-small\">\n <a \n :href=\"`tel:${t('footer.phoneNumber').replace(/\\s/g, '')}`\" \n class=\"flex mn-b-micro gap-micro flex-v-center transition-opacity hover-opacity-70\"\n :class=\"theme === 'light' ? 't-black' : 't-white'\"\n >\n <IconPhone class=\"i-~~regular~~\" :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" />\n <span class=\"t-small\">{{ t('footer.phoneNumber') }}</span>\n </a>\n \n <a \n :href=\"`mailto:${t('footer.emailAddress')}`\" \n class=\"flex mn-b-micro gap-micro flex-v-center transition-opacity hover-opacity-70\"\n :class=\"theme === 'light' ? 't-black' : 't-white'\"\n >\n <IconEmail class=\"i-~~regular~~\" :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" />\n <span class=\"t-small\">{{ t('footer.emailAddress') }}</span>\n </a>\n \n <div class=\"flex mn-b-micro gap-micro flex-v-center\">\n <IconTime class=\"i-~~regular~~\" :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" />\n <span class=\"t-small\">{{ t('footer.hours_text') }}</span>\n </div>\n </div>\n\n <h4 class=\"h5 t-medium mn-b-regular\">{{ t('footer.app') }}</h4>\n <div class=\"w-100 flex-nowrap flex gap-thin\">\n <a \n v-if=\"te('footer.linkAppStore') \|\| te('footer.label')\"\n :href=\"te('footer.linkAppStore') ? t('footer.linkAppStore') : null\" \n :target=\"te('footer.linkAppStore') ? '_blank' : null\" \n class=\"pos-relative w-100 h-100\"\n > \n <span \n v-if=\"te('footer.label')\"\n class=\"z-index-2 radius-medium bg-main t-medium uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative\"\n >\n {{ t('footer.label') }}\n </span>\n <LabelAppStore class=\"w-100 h-max\" alt=\"Download on App Store\"/>\n </a>\n\n <a \n v-if=\"te('footer.linkGooglePlay') \|\| te('footer.label')\"\n :href=\"te('footer.linkGooglePlay') ? t('footer.linkGooglePlay') : null\" \n :target=\"te('footer.linkGooglePlay') ? '_blank' : null\" \n class=\"pos-relative w-100 h-100\"\n > \n <span \n v-if=\"te('footer.label')\"\n class=\"z-index-2 pd-thin radius-medium bg-main t-medium uppercase pos-absolute pos-r-10-negative pos-t-10-negative\"\n >\n {{ t('footer.label') }}\n </span>\n <LabelGooglePlay class=\"w-100 h-max\" alt=\"Download on Google Play\"/>\n </a>\n </div>\n </div>\n\n <!-- Navigation Columns -->\n <div class=\"cols-2 gap-big\">\n <div v-for=\"(column, colIndex) in tm('footer.navigationColumns')\" :key=\"colIndex\" class=\"flex flex-column gap-~~medium~~\">\n <div v-for=\"(section, sectionIndex) in column.sections\" :key=\"sectionIndex\" class=\"\">\n <h4 class=\"h5 t-medium mn-b-regular\">{{ section.title }}</h4>\n <nav>\n <ul class=\"flex flex-column gap-thin\">\n <li v-for=\"item in section.items\" :key=\"item.url\">\n <router-link \n :to=\"`/${item.url}`\" \n class=\"t-small transition-opacity hover-opacity-70\" \n :class=\"theme === 'light' ? 't-black' : 't-white'\"\n >\n {{ item.name }}\n </router-link>\n </li>\n </ul>\n </nav>\n </div>\n </div>\n </div>\n\n <!-- Subscribe Block -->\n <div class=\"col\">\n <h4 class=\"h5 t-medium mn-b-regular\">{{ t('footer.subscribe') }}</h4>\n <p class=\"t-small mn-b-small t-transp\">{{ t('footer.subscribe_text') }}</p>\n \n <FieldSubscribeNewsletter\n :action=\"''\"\n fieldName=\"footer-newsletter\"\n fieldId=\"footer-newsletter-email\"\n class=\"d-inline-flex mn-b-medium bg-light t-black w-100\"\n />\n\n <h4 class=\"h5 t-medium mn-b-regular\">{{ t('footer.follow') }}</h4>\n <!-- Social Links -->\n <div class=\"flex gap-thin\">\n <a \n v-for=\"social in tm('footer.socialLinks')\"\n :key=\"social.name\"\n :href=\"social.url\" \n target=\"_blank\"\n class=\"\n w-3r h-3r \n flex flex-center \n radius-small\n bg-light \n transition-opacity\n hover-opacity-70\n \"\n >\n <component\n :is=\"iconComponents[social.name]\"\n class=\"i-~~semi~~\"\n :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\"\n />\n </a>\n </div>\n </div>\n </div>\n </div>\n\n <!-- Bottom Section -->\n <div class=\"\n pd-medium \n br-t \n br-solid\n flex \n flex-justify-between \n flex-v-center\n flex-nowrap\n mobile:flex-column \n mobile:flex-align-start\n mobile:gap-small\n \"\n :class=\"{\n 'br-light': theme === 'light',\n 'br-dark': theme === 'dark'\n }\"\n >\n <!-- Copyright -->\n <p class=\"t-small t-medium uppercase\">\n {{ t('footer.year') }} \n <span class=\"t-main copyleft\">{{ t('footer.heart') }}</span> \n {{ t('footer.copyright') }} \n </p>\n\n <a href=\"https://ozdao.dev\" target=\"_blank\" rel=\"noopener\" class=\"flex-nowrap flex-v-center flex t-medium gap-thin br-1px br-light pd-thin radius-thin\">\n <Logotype class=\"h-1r w-auto\"/>\n <span>{{ t('footer.ozdao') }}</span>\n </a>\n </div>\n </footer>\n</template>\n\n<style lang=\"scss\">\n.cols-3-footer {\n grid-template-columns: 5fr 7fr 4fr;\n}\n</style>"],"names":["IconInstagram","IconFacebook","IconLinkedin","IconYoutube","IconWhatsapp"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,UAAM,SAAS,UAAS;AACV,aAAQ;AAEtB,UAAM,EAAE,GAAG,IAAI,GAAE,IAAK,QAAQ;AAAA,MAC5B,UAAU;AAAA,IACZ,CAAC;AAGD,UAAM,iBAAiB;AAAA,MACvB,eAAEA;AAAAA,MACF,cAAEC;AAAAA,MACF,cAAEC;AAAAA,MACF,aAAEC;AAAAA,MACF,cAAEC;AAAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Footer.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/partials/Footer.vue"],"sourcesContent":["<script setup=\"props\">\nimport { computed, ref } from 'vue'\nimport { useRouter, useRoute } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n\n// Martyrs Components\nimport FieldSubscribeNewsletter from '@martyrs/src/modules/orders/components/elements/FieldSubscribeNewsletter.vue'\n\nimport LabelGooglePlay from '@martyrs/src/modules/icons/labels/LabelGooglePlay.vue';\nimport LabelAppStore from '@martyrs/src/modules/icons/labels/LabelAppStore.vue';\n\nimport IconPhone from '@martyrs/src/modules/icons/entities/IconPhone.vue';\nimport IconEmail from '@martyrs/src/modules/icons/entities/IconEmail.vue';\nimport IconAddress from '@martyrs/src/modules/icons/entities/IconAddress.vue';\nimport IconTime from '@martyrs/src/modules/icons/entities/IconTime.vue';\n\nimport IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconInstagram from '@martyrs/src/modules/icons/socials/instagram.vue';\nimport IconFacebook from '@martyrs/src/modules/icons/socials/facebook.vue';\nimport IconLinkedin from '@martyrs/src/modules/icons/socials/linkedin.vue'\nimport IconYoutube from '@martyrs/src/modules/icons/socials/youtube.vue'\nimport IconWhatsapp from '@martyrs/src/modules/icons/socials/whatsapp.vue'\n\nimport Logotype from '@martyrs/src/modules/icons/logos/Logotype.vue'\n\n\n// Props\nconst props = defineProps({\n theme: {\n type: String,\n default: \"light\"\n },\n logotype: {\n type: Object\n }\n})\n\n// State\nconst router = useRouter()\nconst route = useRoute()\n\nconst { t, te, tm } = useI18n({\n useScope: 'global'\n})\n\n// Component mapping for social icons\nconst iconComponents = {\n IconInstagram,\n IconFacebook,\n IconLinkedin,\n IconYoutube,\n IconWhatsapp\n}\n</script>\n\n<template>\n <footer \n class=\"\n w-100\n br-t br-solid\n \"\n :class=\"{\n 't-black bg-white br-light': theme === 'light',\n 't-white bg-black br-dark': theme === 'dark' \n }\"\n >\n <div class=\"pd-medium\">\n <!-- Top Section -->\n <component\n v-if=\"logotype\"\n :is=\"logotype\"\n @click=\"router.push({ path: '/' })\" \n :theme=\"theme\"\n class=\"cursor-pointer h-3r mn-b-medium\"\n />\n\n <div class=\"grid cols-3-footer tablet:cols-2 mobile:cols-1 gap-extra mobile:gap-big\">\n \n <!-- Contact Block -->\n <div class=\"col w-max-15r\">\n <p class=\"p-medium t-medium mn-b-semi\">{{ t('footer.description') }}</p>\n \n <div class=\"mn-b-semi flex flex-column gap-small\">\n <a \n :href=\"`tel:${t('footer.phoneNumber').replace(/\\s/g, '')}`\" \n class=\"flex mn-b-micro gap-micro flex-v-center transition-opacity hover-opacity-70\"\n :class=\"theme === 'light' ? 't-black' : 't-white'\"\n >\n <IconPhone class=\"i-medium\" :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" />\n <span class=\"t-small\">{{ t('footer.phoneNumber') }}</span>\n </a>\n \n <a \n :href=\"`mailto:${t('footer.emailAddress')}`\" \n class=\"flex mn-b-micro gap-micro flex-v-center transition-opacity hover-opacity-70\"\n :class=\"theme === 'light' ? 't-black' : 't-white'\"\n >\n <IconEmail class=\"i-medium\" :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" />\n <span class=\"t-small\">{{ t('footer.emailAddress') }}</span>\n </a>\n \n <div class=\"flex mn-b-micro gap-micro flex-v-center\">\n <IconTime class=\"i-medium\" :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" />\n <span class=\"t-small\">{{ t('footer.hours_text') }}</span>\n </div>\n </div>\n\n <h4 class=\"h5 t-medium mn-b-regular\">{{ t('footer.app') }}</h4>\n <div class=\"w-100 flex-nowrap flex gap-thin\">\n <a \n v-if=\"te('footer.linkAppStore') \|\| te('footer.label')\"\n :href=\"te('footer.linkAppStore') ? t('footer.linkAppStore') : null\" \n :target=\"te('footer.linkAppStore') ? '_blank' : null\" \n class=\"pos-relative w-100 h-100\"\n > \n <span \n v-if=\"te('footer.label')\"\n class=\"z-index-2 radius-medium bg-main t-medium uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative\"\n >\n {{ t('footer.label') }}\n </span>\n <LabelAppStore class=\"w-100 h-max\" alt=\"Download on App Store\"/>\n </a>\n\n <a \n v-if=\"te('footer.linkGooglePlay') \|\| te('footer.label')\"\n :href=\"te('footer.linkGooglePlay') ? t('footer.linkGooglePlay') : null\" \n :target=\"te('footer.linkGooglePlay') ? '_blank' : null\" \n class=\"pos-relative w-100 h-100\"\n > \n <span \n v-if=\"te('footer.label')\"\n class=\"z-index-2 pd-thin radius-medium bg-main t-medium uppercase pos-absolute pos-r-10-negative pos-t-10-negative\"\n >\n {{ t('footer.label') }}\n </span>\n <LabelGooglePlay class=\"w-100 h-max\" alt=\"Download on Google Play\"/>\n </a>\n </div>\n </div>\n\n <!-- Navigation Columns -->\n <div class=\"cols-2 gap-big\">\n <div v-for=\"(column, colIndex) in tm('footer.navigationColumns')\" :key=\"colIndex\" class=\"flex flex-column gap-regular\">\n <div v-for=\"(section, sectionIndex) in column.sections\" :key=\"sectionIndex\" class=\"\">\n <h4 class=\"h5 t-medium mn-b-regular\">{{ section.title }}</h4>\n <nav>\n <ul class=\"flex flex-column gap-thin\">\n <li v-for=\"item in section.items\" :key=\"item.url\">\n <router-link \n :to=\"`/${item.url}`\" \n class=\"t-small transition-opacity hover-opacity-70\" \n :class=\"theme === 'light' ? 't-black' : 't-white'\"\n >\n {{ item.name }}\n </router-link>\n </li>\n </ul>\n </nav>\n </div>\n </div>\n </div>\n\n <!-- Subscribe Block -->\n <div class=\"col\">\n <h4 class=\"h5 t-medium mn-b-regular\">{{ t('footer.subscribe') }}</h4>\n <p class=\"t-small mn-b-small t-transp\">{{ t('footer.subscribe_text') }}</p>\n \n <FieldSubscribeNewsletter\n :action=\"''\"\n fieldName=\"footer-newsletter\"\n fieldId=\"footer-newsletter-email\"\n class=\"d-inline-flex mn-b-medium bg-light t-black w-100\"\n />\n\n <h4 class=\"h5 t-medium mn-b-regular\">{{ t('footer.follow') }}</h4>\n <!-- Social Links -->\n <div class=\"flex gap-thin\">\n <a \n v-for=\"social in tm('footer.socialLinks')\"\n :key=\"social.name\"\n :href=\"social.url\" \n target=\"_blank\"\n class=\"\n w-3r h-3r \n flex flex-center \n radius-small\n bg-light \n transition-opacity\n hover-opacity-70\n \"\n >\n <component\n :is=\"iconComponents[social.name]\"\n class=\"i-medium\"\n :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\"\n />\n </a>\n </div>\n </div>\n </div>\n </div>\n\n <!-- Bottom Section -->\n <div class=\"\n pd-medium \n br-t \n br-solid\n flex \n flex-justify-between \n flex-v-center\n flex-nowrap\n mobile:flex-column \n mobile:flex-align-start\n mobile:gap-small\n \"\n :class=\"{\n 'br-light': theme === 'light',\n 'br-dark': theme === 'dark'\n }\"\n >\n <!-- Copyright -->\n <p class=\"t-small t-medium uppercase\">\n {{ t('footer.year') }} \n <span class=\"t-main copyleft\">{{ t('footer.heart') }}</span> \n {{ t('footer.copyright') }} \n </p>\n\n <a href=\"https://ozdao.dev\" target=\"_blank\" rel=\"noopener\" class=\"flex-nowrap flex-v-center flex t-medium gap-thin br-1px br-light pd-thin radius-thin\">\n <Logotype class=\"h-1r w-auto\"/>\n <span>{{ t('footer.ozdao') }}</span>\n </a>\n </div>\n </footer>\n</template>\n\n<style lang=\"scss\">\n.cols-3-footer {\n grid-template-columns: 5fr 7fr 4fr;\n}\n</style>"],"names":["IconInstagram","IconFacebook","IconLinkedin","IconYoutube","IconWhatsapp"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,UAAM,SAAS,UAAS;AACV,aAAQ;AAEtB,UAAM,EAAE,GAAG,IAAI,GAAE,IAAK,QAAQ;AAAA,MAC5B,UAAU;AAAA,IACZ,CAAC;AAGD,UAAM,iBAAiB;AAAA,MACvB,eAAEA;AAAAA,MACF,cAAEC;AAAAA,MACF,cAAEC;AAAAA,MACF,aAAEC;AAAAA,MACF,cAAEC;AAAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/globals/views/components/partials/Header.vue.cjs CHANGED Viewed

@@ -8,7 +8,7 @@ const shopcart = require("../../../../orders/store/shopcart.cjs");
 const auth = require("../../../../auth/views/store/auth.cjs");
 const NotificationBadge = require("../../../../notifications/components/elements/NotificationBadge.vue.cjs");
 const Button = require("../../../../../components/Button/Button.vue.cjs");
-const Select = require("../../../../../components/Select/Select.vue2.cjs");
+const Select = require("../../../../../components/Select/Select.vue.cjs");
 const IconShopcart = require("../../../../icons/entities/IconShopcart.vue.cjs");
 const IconProfile = require("../../../../icons/entities/IconProfile.vue.cjs");
 const IconSearch = require("../../../../icons/navigation/IconSearch.vue.cjs");
@@ -118,7 +118,7 @@ const _sfc_main = {
           }, {
             default: vue.withCtx(() => [
               vue.createVNode(IconSearch.default, {
-                class: "i-semi",
+                class: "i-medium",
                 fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
               }, null, 8, ["fill"])
             ]),
@@ -134,7 +134,7 @@ const _sfc_main = {
           }, {
             default: vue.withCtx(() => [
               vue.createVNode(IconShopcart.default, {
-                class: "i-semi",
+                class: "i-medium",
                 fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
               }, null, 8, ["fill"])
             ]),
@@ -153,7 +153,7 @@ const _sfc_main = {
           }, {
             default: vue.withCtx(() => [
               vue.createVNode(IconProfile.default, {
-                class: "i-semi",
+                class: "i-medium",
                 fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
               }, null, 8, ["fill"])
             ]),

package/dist/martyrs/src/modules/globals/views/components/partials/Header.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Header.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/Header.vue"],"sourcesContent":["<script setup=\"props\">\n\timport { computed, onMounted, toRefs, ref, inject } from 'vue'\n\n\timport { useRouter,useRoute } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\n\timport * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js'\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\t\n\t// Globasls Component\n\n\timport NotificationBadge from '@martyrs/src/modules/notifications/components/elements/NotificationBadge.vue';\n\t// import Navigation from '@martyrs/src/modules/globals/views/components/partials/Navigation.vue'\n\t// Martyrs Component\n\timport Button from '@martyrs/src/components/Button/Button.vue'\n\timport Select from '@martyrs/src/components/Select/Select.vue'\n\timport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'\n\t// Icons module\n\timport IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue'\n\timport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue'\n\timport IconSearch from '@martyrs/src/modules/icons/navigation/IconSearch.vue';\n\t// Props\n\tconst props = defineProps({\n theme: {\n \ttype: String,\n\t default: \"light\"\n },\n logotype: {\n\t type: Object\n\t },\n\t location: {\n\t type: Boolean,\n\t\t default: true\n\t },\n\t theme_switcher: {\n\t type: Boolean,\n\t\t default: true\n\t },\n });\n\t// Accessing state\n\tconst router = useRouter()\n\tconst route = useRoute()\n\t// Localization\n\tconst { t } = useI18n()\n\t// const search = computed(() => store.products.state.search)\n\n\tfunction openLocationPopup() {\n\t globals.state.isOpenLocationPopup = true;\n\t}\n\t/////////////////////////////\n\t// MOUNTED\n\t/////////////////////////////\n\tonMounted(() => {\n shopcart.actions.setShopcart()\n });\n</script>\n\n<template>\n\t<header \n\t\tid=\"header\" \n\t\tclass=\"\n\t\t\tpd-thin \n\t\t\tgap-micro\n\t\t\tflex-justify-between\n\t\t\tflex-nowrap\n\t\t\tflex\n\t\t\th-4r\n\t\t\tw-100\n\t\t\tz-index-2 \n\t\t\tpos-relative pos-t-0\n\t\t\tbr-b\n\t\t\tbr-solid\n\t\t\"\n\t\t:class=\"{\n \t\t't-black br-light': theme === 'light',\n \t\t't-white br-dark': theme === 'dark' \n \t}\"\n\t>\n\t<div class=\"flex-nowrap flex-v-center flex-justify-start flex gap-micro \">\n\t\t<!-- MENU -->\n\t\t<button \n\t\t\taria-label=\"menu\"\n\t\t\t@click=\"() => globals.state.isOpenSidebar = !globals.state.isOpenSidebar\" \n\t\t\tclass=\"cursor-pointer mobile-only menu-btn\"\n\t\t\t:class=\"{\n\t\t\t\t'menu-btn_active': globals.state.isOpenSidebar\n\t\t\t}\"\n\t\t>\n\t <span\n\t \tclass=\"no-events\"\n\t\t :class=\"{\n\t\t 'bg-black': theme === 'light',\n\t\t 'bg-white': theme === 'dark'\n\t\t }\"\n\t\t >\n\t\t <span class=\"menu-btn__before\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t <span class=\"menu-btn__after\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t </span>\n\t </button>\n\n\t\t<!-- LOGO -->\n\t\t<component\n\t\t\tv-if=\"logotype\"\n\t\t :is=\"logotype\"\n\t\t @click=\"router.push({ path: '/' })\" \n\t\t :theme=\"theme\"\n\t\t class=\"cursor-pointer h-2r\"\n\t\t/>\n\n\t\t<button\n\t\t\tv-if=\"location\"\n\t\t\taria-label=\"button_location\"\n \tclass=\"\n \t\tcursor-pointer\n \t\tbg-transp \n \t\tpd-l-micro pd-r-micro\n \t\tradius-extra \n \t\tuppercase \n \t\tt-semi\n \t\tbr-solid \n \t\tbr-2px \n \t\ttransition-linear\n \t\tt-nowrap\n \t\n \t\"\n \t:class=\"{\n \t\t'fill-black br-black t-black hover-bg-black hover-t-white hover-fill-white': theme === 'light',\n \t\t'fill-white br-white t-white hover-bg-white hover-t-black hover-fill-black': theme === 'dark' \n \t}\"\n \t@click=\"openLocationPopup()\"\n >\n \t<svg class=\"i-small\" :fill=\"'inherit'\" xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"67\" viewBox=\"0 0 50 67\" fill=\"none\">\n\t\t\t <path d=\"M25 0C11.207 0 0 11.207 0 25C0 38.793 20.832 66.668 25 66.668C29.168 66.668 50 38.793 50 25C50 11.207 38.793 0 25 0ZM25 33.332C20.418 33.332 16.668 29.582 16.668 25C16.668 20.418 20.418 16.668 25 16.668C29.582 16.668 33.332 20.418 33.332 25C33.332 29.582 29.582 33.332 25 33.332Z\" :fill=\"'inherit'\"/>\n\t\t\t</svg>\n \t {{globals.state.position?.country ? globals.state.position.country : 'World'}}\n </button>\n </div>\n\n \t<slot></slot>\n\n\t<div class=\"flex-justify-end flex-v-center flex-nowrap flex gap-micro\">\n\t\t<Button \n\t\t\tv-if=\"router.hasRoute('Search') && route.meta.header_search\"\n\t\t\taria-label=\"search\"\n\t\t\tclass=\"pd-zero bg-transp\"\n\t\t\t:class=\"route.meta.header_search_class\"\n\t\t\t:submit=\"() => router.push({name: 'Search'})\"\n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t>\n\t\t\t<IconSearch \n\t\t\t\tclass=\"i-~~semi~~\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t</Button>\n\t\n\t\t<Button\n\t\t\taria-label=\"shopcart\"\n\t\t\t:submit=\"a => shopcart.actions.toggleShopcart()\" \n\t\t\t:counter=\"shopcart.getters.cartTotalAmount\" \n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t\tclass=\"pd-zero mn-r-micro\"\n\t\t\t> \n\t\t\t<IconShopcart \n\t\t\t\tclass=\"i-~~semi~~\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t\t<!-- <div class=\"w-max p-small pos-absolute pos-t-100 pos-r-0\">Product Added to Shopcart</div> -->\n\t\t</Button>\n\n\n\t\t<NotificationBadge\n\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t/>\n\n\t\t<Button \n\t\t\taria-label=\"profile\"\n\t\t\tclass=\"pd-zero bg-transp\"\n\t\t\t:submit=\"\n\t\t\t\tauth.state.access.status === false \n\t\t\t\t? \n\t\t\t\ta => router.push({name: 'Sign In'}) \n\t\t\t\t: \n\t\t\t\ta => router.push({ name: 'User Profile', params: { _id: auth.state.user._id }})\n\t\t\t\"\n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t>\n\t\t\t<IconProfile \n\t\t\t\tclass=\"i-~~semi~~\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t</Button>\n\n\t\t<Select \n\t\t\tv-if=\"$i18n.availableLocales.length > 1\"\n\t\t\tv-model:select=\"$i18n.locale\"\n\t\t :options=\"$i18n.availableLocales\"\n\t\t :property=\"'value'\"\n class=\"pos-relative flex flex-column gap-small uppercase pd-thin t-semi radius-thin\"\n :class=\"{\n \t\t'bg-light t-black': theme === 'light',\n \t\t'bg-dark t-white': theme === 'dark' \n \t}\"\n />\n </div>\n</header>\n \n</template>\n\n<style lang=\"scss\">\n.location-button { \n\t&:hover {\n\t\tbox-shadow: inset 0 0 0 2px rgb(var(--main));\n\t}\n}\n\n.menu-btn {\n display: block;\n width: 2rem;\n height: 2rem;\n border-radius: 50%;\n position: relative;\n}\n.menu-btn span,\n.menu-btn__before,\n.menu-btn__after {\n position: absolute;\n top: 50%;\n margin-top: -1px;\n left: 50%;\n margin-left: -10px;\n width: 20px;\n height: 2px;\n}\n.menu-btn__before,\n.menu-btn__after {\n display: block;\n transition: 0.2s;\n}\n.menu-btn__before {\n transform: translateY(-5px);\n}\n.menu-btn__after {\n transform: translateY(5px);\n}\n.menu-btn_active .menu-btn__before {\n transform: rotate(-35deg);\n width: 10px;\n transform-origin: left bottom;\n}\n.menu-btn_active .menu-btn__after {\n transform: rotate(35deg);\n width: 10px;\n transform-origin: left top;\n}\n\n.menu-btn_active span:before {\n transform: rotate(-35deg);\n width: 10px;\n transform-origin: left bottom;\n}\n.menu-btn_active span:after {\n transform: rotate(35deg);\n width: 10px;\n transform-origin: left top;\n}\n\n.menu-block {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.menu-nav {\n background-color: #fff;\n height: 50px;\n \n}\n.menu-nav__link {\n display: inline-block;\n text-decoration: none;\n color: #fff;\n margin-right: 20px;\n}\n.menu-nav__link {\n transition: 0.5s;\n transform-origin: right center;\n transform: translateX(50%);\n opacity: 0;\n}\n.menu-nav__link_active {\n transform: translateX(0%);\n opacity: 1;\n}\n\n</style>"],"names":["useRouter","useRoute","useI18n","globals.state","onMounted","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCC,UAAM,SAASA,UAAAA,UAAS;AACxB,UAAM,QAAQC,UAAAA,SAAQ;AAEtB,UAAM,EAAE,EAAC,IAAKC,QAAAA,QAAO;AAGrB,aAAS,oBAAoB;AAC3BC,cAAAA,MAAc,sBAAsB;AAAA,IACtC;AAIAC,QAAAA,UAAU,MAAM;AACbC,eAAAA,QAAiB,YAAW;AAAA,IAC9B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Header.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/Header.vue"],"sourcesContent":["<script setup=\"props\">\n\timport { computed, onMounted, toRefs, ref, inject } from 'vue'\n\n\timport { useRouter,useRoute } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\n\timport * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js'\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\t\n\t// Globasls Component\n\n\timport NotificationBadge from '@martyrs/src/modules/notifications/components/elements/NotificationBadge.vue';\n\t// import Navigation from '@martyrs/src/modules/globals/views/components/partials/Navigation.vue'\n\t// Martyrs Component\n\timport Button from '@martyrs/src/components/Button/Button.vue'\n\timport Select from '@martyrs/src/components/Select/Select.vue'\n\timport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'\n\t// Icons module\n\timport IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue'\n\timport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue'\n\timport IconSearch from '@martyrs/src/modules/icons/navigation/IconSearch.vue';\n\t// Props\n\tconst props = defineProps({\n theme: {\n \ttype: String,\n\t default: \"light\"\n },\n logotype: {\n\t type: Object\n\t },\n\t location: {\n\t type: Boolean,\n\t\t default: true\n\t },\n\t theme_switcher: {\n\t type: Boolean,\n\t\t default: true\n\t },\n });\n\t// Accessing state\n\tconst router = useRouter()\n\tconst route = useRoute()\n\t// Localization\n\tconst { t } = useI18n()\n\t// const search = computed(() => store.products.state.search)\n\n\tfunction openLocationPopup() {\n\t globals.state.isOpenLocationPopup = true;\n\t}\n\t/////////////////////////////\n\t// MOUNTED\n\t/////////////////////////////\n\tonMounted(() => {\n shopcart.actions.setShopcart()\n });\n</script>\n\n<template>\n\t<header \n\t\tid=\"header\" \n\t\tclass=\"\n\t\t\tpd-thin \n\t\t\tgap-micro\n\t\t\tflex-justify-between\n\t\t\tflex-nowrap\n\t\t\tflex\n\t\t\th-4r\n\t\t\tw-100\n\t\t\tz-index-2 \n\t\t\tpos-relative pos-t-0\n\t\t\tbr-b\n\t\t\tbr-solid\n\t\t\"\n\t\t:class=\"{\n \t\t't-black br-light': theme === 'light',\n \t\t't-white br-dark': theme === 'dark' \n \t}\"\n\t>\n\t<div class=\"flex-nowrap flex-v-center flex-justify-start flex gap-micro \">\n\t\t<!-- MENU -->\n\t\t<button \n\t\t\taria-label=\"menu\"\n\t\t\t@click=\"() => globals.state.isOpenSidebar = !globals.state.isOpenSidebar\" \n\t\t\tclass=\"cursor-pointer mobile-only menu-btn\"\n\t\t\t:class=\"{\n\t\t\t\t'menu-btn_active': globals.state.isOpenSidebar\n\t\t\t}\"\n\t\t>\n\t <span\n\t \tclass=\"no-events\"\n\t\t :class=\"{\n\t\t 'bg-black': theme === 'light',\n\t\t 'bg-white': theme === 'dark'\n\t\t }\"\n\t\t >\n\t\t <span class=\"menu-btn__before\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t <span class=\"menu-btn__after\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t </span>\n\t </button>\n\n\t\t<!-- LOGO -->\n\t\t<component\n\t\t\tv-if=\"logotype\"\n\t\t :is=\"logotype\"\n\t\t @click=\"router.push({ path: '/' })\" \n\t\t :theme=\"theme\"\n\t\t class=\"cursor-pointer h-2r\"\n\t\t/>\n\n\t\t<button\n\t\t\tv-if=\"location\"\n\t\t\taria-label=\"button_location\"\n \tclass=\"\n \t\tcursor-pointer\n \t\tbg-transp \n \t\tpd-l-micro pd-r-micro\n \t\tradius-extra \n \t\tuppercase \n \t\tt-semi\n \t\tbr-solid \n \t\tbr-2px \n \t\ttransition-linear\n \t\tt-nowrap\n \t\n \t\"\n \t:class=\"{\n \t\t'fill-black br-black t-black hover-bg-black hover-t-white hover-fill-white': theme === 'light',\n \t\t'fill-white br-white t-white hover-bg-white hover-t-black hover-fill-black': theme === 'dark' \n \t}\"\n \t@click=\"openLocationPopup()\"\n >\n \t<svg class=\"i-small\" :fill=\"'inherit'\" xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"67\" viewBox=\"0 0 50 67\" fill=\"none\">\n\t\t\t <path d=\"M25 0C11.207 0 0 11.207 0 25C0 38.793 20.832 66.668 25 66.668C29.168 66.668 50 38.793 50 25C50 11.207 38.793 0 25 0ZM25 33.332C20.418 33.332 16.668 29.582 16.668 25C16.668 20.418 20.418 16.668 25 16.668C29.582 16.668 33.332 20.418 33.332 25C33.332 29.582 29.582 33.332 25 33.332Z\" :fill=\"'inherit'\"/>\n\t\t\t</svg>\n \t {{globals.state.position?.country ? globals.state.position.country : 'World'}}\n </button>\n </div>\n\n \t<slot></slot>\n\n\t<div class=\"flex-justify-end flex-v-center flex-nowrap flex gap-micro\">\n\t\t<Button \n\t\t\tv-if=\"router.hasRoute('Search') && route.meta.header_search\"\n\t\t\taria-label=\"search\"\n\t\t\tclass=\"pd-zero bg-transp\"\n\t\t\t:class=\"route.meta.header_search_class\"\n\t\t\t:submit=\"() => router.push({name: 'Search'})\"\n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t>\n\t\t\t<IconSearch \n\t\t\t\tclass=\"i-medium\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t</Button>\n\t\n\t\t<Button\n\t\t\taria-label=\"shopcart\"\n\t\t\t:submit=\"a => shopcart.actions.toggleShopcart()\" \n\t\t\t:counter=\"shopcart.getters.cartTotalAmount\" \n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t\tclass=\"pd-zero mn-r-micro\"\n\t\t\t> \n\t\t\t<IconShopcart \n\t\t\t\tclass=\"i-medium\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t\t<!-- <div class=\"w-max p-small pos-absolute pos-t-100 pos-r-0\">Product Added to Shopcart</div> -->\n\t\t</Button>\n\n\n\t\t<NotificationBadge\n\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t/>\n\n\t\t<Button \n\t\t\taria-label=\"profile\"\n\t\t\tclass=\"pd-zero bg-transp\"\n\t\t\t:submit=\"\n\t\t\t\tauth.state.access.status === false \n\t\t\t\t? \n\t\t\t\ta => router.push({name: 'Sign In'}) \n\t\t\t\t: \n\t\t\t\ta => router.push({ name: 'User Profile', params: { _id: auth.state.user._id }})\n\t\t\t\"\n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t>\n\t\t\t<IconProfile \n\t\t\t\tclass=\"i-medium\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t</Button>\n\n\t\t<Select \n\t\t\tv-if=\"$i18n.availableLocales.length > 1\"\n\t\t\tv-model:select=\"$i18n.locale\"\n\t\t :options=\"$i18n.availableLocales\"\n\t\t :property=\"'value'\"\n class=\"pos-relative flex flex-column gap-small uppercase pd-thin t-semi radius-thin\"\n :class=\"{\n \t\t'bg-light t-black': theme === 'light',\n \t\t'bg-dark t-white': theme === 'dark' \n \t}\"\n />\n </div>\n</header>\n \n</template>\n\n<style lang=\"scss\">\n.location-button { \n\t&:hover {\n\t\tbox-shadow: inset 0 0 0 2px rgb(var(--main));\n\t}\n}\n\n.menu-btn {\n display: block;\n width: 2rem;\n height: 2rem;\n border-radius: 50%;\n position: relative;\n}\n.menu-btn span,\n.menu-btn__before,\n.menu-btn__after {\n position: absolute;\n top: 50%;\n margin-top: -1px;\n left: 50%;\n margin-left: -10px;\n width: 20px;\n height: 2px;\n}\n.menu-btn__before,\n.menu-btn__after {\n display: block;\n transition: 0.2s;\n}\n.menu-btn__before {\n transform: translateY(-5px);\n}\n.menu-btn__after {\n transform: translateY(5px);\n}\n.menu-btn_active .menu-btn__before {\n transform: rotate(-35deg);\n width: 10px;\n transform-origin: left bottom;\n}\n.menu-btn_active .menu-btn__after {\n transform: rotate(35deg);\n width: 10px;\n transform-origin: left top;\n}\n\n.menu-btn_active span:before {\n transform: rotate(-35deg);\n width: 10px;\n transform-origin: left bottom;\n}\n.menu-btn_active span:after {\n transform: rotate(35deg);\n width: 10px;\n transform-origin: left top;\n}\n\n.menu-block {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.menu-nav {\n background-color: #fff;\n height: 50px;\n \n}\n.menu-nav__link {\n display: inline-block;\n text-decoration: none;\n color: #fff;\n margin-right: 20px;\n}\n.menu-nav__link {\n transition: 0.5s;\n transform-origin: right center;\n transform: translateX(50%);\n opacity: 0;\n}\n.menu-nav__link_active {\n transform: translateX(0%);\n opacity: 1;\n}\n\n</style>"],"names":["useRouter","useRoute","useI18n","globals.state","onMounted","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCC,UAAM,SAASA,UAAAA,UAAS;AACxB,UAAM,QAAQC,UAAAA,SAAQ;AAEtB,UAAM,EAAE,EAAC,IAAKC,QAAAA,QAAO;AAGrB,aAAS,oBAAoB;AAC3BC,cAAAA,MAAc,sBAAsB;AAAA,IACtC;AAIAC,QAAAA,UAAU,MAAM;AACbC,eAAAA,QAAiB,YAAW;AAAA,IAC9B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/globals/views/components/partials/Header.vue.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { actions, getters } from "../../../../orders/store/shopcart.js";
 import { state as state$1 } from "../../../../auth/views/store/auth.js";
 import NotificationBadge from "../../../../notifications/components/elements/NotificationBadge.vue.js";
 import _sfc_main$1 from "../../../../../components/Button/Button.vue.js";
-import Select from "../../../../../components/Select/Select.vue2.js";
+import Select from "../../../../../components/Select/Select.vue.js";
 import _sfc_main$3 from "../../../../icons/entities/IconShopcart.vue.js";
 import _sfc_main$4 from "../../../../icons/entities/IconProfile.vue.js";
 import _sfc_main$2 from "../../../../icons/navigation/IconSearch.vue.js";
@@ -116,7 +116,7 @@ const _sfc_main = {
           }, {
             default: withCtx(() => [
               createVNode(_sfc_main$2, {
-                class: "i-semi",
+                class: "i-medium",
                 fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
               }, null, 8, ["fill"])
             ]),
@@ -132,7 +132,7 @@ const _sfc_main = {
           }, {
             default: withCtx(() => [
               createVNode(_sfc_main$3, {
-                class: "i-semi",
+                class: "i-medium",
                 fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
               }, null, 8, ["fill"])
             ]),
@@ -151,7 +151,7 @@ const _sfc_main = {
           }, {
             default: withCtx(() => [
               createVNode(_sfc_main$4, {
-                class: "i-semi",
+                class: "i-medium",
                 fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
               }, null, 8, ["fill"])
             ]),

package/dist/martyrs/src/modules/globals/views/components/partials/Header.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Header.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/partials/Header.vue"],"sourcesContent":["<script setup=\"props\">\n\timport { computed, onMounted, toRefs, ref, inject } from 'vue'\n\n\timport { useRouter,useRoute } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\n\timport * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js'\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\t\n\t// Globasls Component\n\n\timport NotificationBadge from '@martyrs/src/modules/notifications/components/elements/NotificationBadge.vue';\n\t// import Navigation from '@martyrs/src/modules/globals/views/components/partials/Navigation.vue'\n\t// Martyrs Component\n\timport Button from '@martyrs/src/components/Button/Button.vue'\n\timport Select from '@martyrs/src/components/Select/Select.vue'\n\timport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'\n\t// Icons module\n\timport IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue'\n\timport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue'\n\timport IconSearch from '@martyrs/src/modules/icons/navigation/IconSearch.vue';\n\t// Props\n\tconst props = defineProps({\n theme: {\n \ttype: String,\n\t default: \"light\"\n },\n logotype: {\n\t type: Object\n\t },\n\t location: {\n\t type: Boolean,\n\t\t default: true\n\t },\n\t theme_switcher: {\n\t type: Boolean,\n\t\t default: true\n\t },\n });\n\t// Accessing state\n\tconst router = useRouter()\n\tconst route = useRoute()\n\t// Localization\n\tconst { t } = useI18n()\n\t// const search = computed(() => store.products.state.search)\n\n\tfunction openLocationPopup() {\n\t globals.state.isOpenLocationPopup = true;\n\t}\n\t/////////////////////////////\n\t// MOUNTED\n\t/////////////////////////////\n\tonMounted(() => {\n shopcart.actions.setShopcart()\n });\n</script>\n\n<template>\n\t<header \n\t\tid=\"header\" \n\t\tclass=\"\n\t\t\tpd-thin \n\t\t\tgap-micro\n\t\t\tflex-justify-between\n\t\t\tflex-nowrap\n\t\t\tflex\n\t\t\th-4r\n\t\t\tw-100\n\t\t\tz-index-2 \n\t\t\tpos-relative pos-t-0\n\t\t\tbr-b\n\t\t\tbr-solid\n\t\t\"\n\t\t:class=\"{\n \t\t't-black br-light': theme === 'light',\n \t\t't-white br-dark': theme === 'dark' \n \t}\"\n\t>\n\t<div class=\"flex-nowrap flex-v-center flex-justify-start flex gap-micro \">\n\t\t<!-- MENU -->\n\t\t<button \n\t\t\taria-label=\"menu\"\n\t\t\t@click=\"() => globals.state.isOpenSidebar = !globals.state.isOpenSidebar\" \n\t\t\tclass=\"cursor-pointer mobile-only menu-btn\"\n\t\t\t:class=\"{\n\t\t\t\t'menu-btn_active': globals.state.isOpenSidebar\n\t\t\t}\"\n\t\t>\n\t <span\n\t \tclass=\"no-events\"\n\t\t :class=\"{\n\t\t 'bg-black': theme === 'light',\n\t\t 'bg-white': theme === 'dark'\n\t\t }\"\n\t\t >\n\t\t <span class=\"menu-btn__before\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t <span class=\"menu-btn__after\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t </span>\n\t </button>\n\n\t\t<!-- LOGO -->\n\t\t<component\n\t\t\tv-if=\"logotype\"\n\t\t :is=\"logotype\"\n\t\t @click=\"router.push({ path: '/' })\" \n\t\t :theme=\"theme\"\n\t\t class=\"cursor-pointer h-2r\"\n\t\t/>\n\n\t\t<button\n\t\t\tv-if=\"location\"\n\t\t\taria-label=\"button_location\"\n \tclass=\"\n \t\tcursor-pointer\n \t\tbg-transp \n \t\tpd-l-micro pd-r-micro\n \t\tradius-extra \n \t\tuppercase \n \t\tt-semi\n \t\tbr-solid \n \t\tbr-2px \n \t\ttransition-linear\n \t\tt-nowrap\n \t\n \t\"\n \t:class=\"{\n \t\t'fill-black br-black t-black hover-bg-black hover-t-white hover-fill-white': theme === 'light',\n \t\t'fill-white br-white t-white hover-bg-white hover-t-black hover-fill-black': theme === 'dark' \n \t}\"\n \t@click=\"openLocationPopup()\"\n >\n \t<svg class=\"i-small\" :fill=\"'inherit'\" xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"67\" viewBox=\"0 0 50 67\" fill=\"none\">\n\t\t\t <path d=\"M25 0C11.207 0 0 11.207 0 25C0 38.793 20.832 66.668 25 66.668C29.168 66.668 50 38.793 50 25C50 11.207 38.793 0 25 0ZM25 33.332C20.418 33.332 16.668 29.582 16.668 25C16.668 20.418 20.418 16.668 25 16.668C29.582 16.668 33.332 20.418 33.332 25C33.332 29.582 29.582 33.332 25 33.332Z\" :fill=\"'inherit'\"/>\n\t\t\t</svg>\n \t {{globals.state.position?.country ? globals.state.position.country : 'World'}}\n </button>\n </div>\n\n \t<slot></slot>\n\n\t<div class=\"flex-justify-end flex-v-center flex-nowrap flex gap-micro\">\n\t\t<Button \n\t\t\tv-if=\"router.hasRoute('Search') && route.meta.header_search\"\n\t\t\taria-label=\"search\"\n\t\t\tclass=\"pd-zero bg-transp\"\n\t\t\t:class=\"route.meta.header_search_class\"\n\t\t\t:submit=\"() => router.push({name: 'Search'})\"\n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t>\n\t\t\t<IconSearch \n\t\t\t\tclass=\"i-~~semi~~\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t</Button>\n\t\n\t\t<Button\n\t\t\taria-label=\"shopcart\"\n\t\t\t:submit=\"a => shopcart.actions.toggleShopcart()\" \n\t\t\t:counter=\"shopcart.getters.cartTotalAmount\" \n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t\tclass=\"pd-zero mn-r-micro\"\n\t\t\t> \n\t\t\t<IconShopcart \n\t\t\t\tclass=\"i-~~semi~~\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t\t<!-- <div class=\"w-max p-small pos-absolute pos-t-100 pos-r-0\">Product Added to Shopcart</div> -->\n\t\t</Button>\n\n\n\t\t<NotificationBadge\n\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t/>\n\n\t\t<Button \n\t\t\taria-label=\"profile\"\n\t\t\tclass=\"pd-zero bg-transp\"\n\t\t\t:submit=\"\n\t\t\t\tauth.state.access.status === false \n\t\t\t\t? \n\t\t\t\ta => router.push({name: 'Sign In'}) \n\t\t\t\t: \n\t\t\t\ta => router.push({ name: 'User Profile', params: { _id: auth.state.user._id }})\n\t\t\t\"\n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t>\n\t\t\t<IconProfile \n\t\t\t\tclass=\"i-~~semi~~\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t</Button>\n\n\t\t<Select \n\t\t\tv-if=\"$i18n.availableLocales.length > 1\"\n\t\t\tv-model:select=\"$i18n.locale\"\n\t\t :options=\"$i18n.availableLocales\"\n\t\t :property=\"'value'\"\n class=\"pos-relative flex flex-column gap-small uppercase pd-thin t-semi radius-thin\"\n :class=\"{\n \t\t'bg-light t-black': theme === 'light',\n \t\t'bg-dark t-white': theme === 'dark' \n \t}\"\n />\n </div>\n</header>\n \n</template>\n\n<style lang=\"scss\">\n.location-button { \n\t&:hover {\n\t\tbox-shadow: inset 0 0 0 2px rgb(var(--main));\n\t}\n}\n\n.menu-btn {\n display: block;\n width: 2rem;\n height: 2rem;\n border-radius: 50%;\n position: relative;\n}\n.menu-btn span,\n.menu-btn__before,\n.menu-btn__after {\n position: absolute;\n top: 50%;\n margin-top: -1px;\n left: 50%;\n margin-left: -10px;\n width: 20px;\n height: 2px;\n}\n.menu-btn__before,\n.menu-btn__after {\n display: block;\n transition: 0.2s;\n}\n.menu-btn__before {\n transform: translateY(-5px);\n}\n.menu-btn__after {\n transform: translateY(5px);\n}\n.menu-btn_active .menu-btn__before {\n transform: rotate(-35deg);\n width: 10px;\n transform-origin: left bottom;\n}\n.menu-btn_active .menu-btn__after {\n transform: rotate(35deg);\n width: 10px;\n transform-origin: left top;\n}\n\n.menu-btn_active span:before {\n transform: rotate(-35deg);\n width: 10px;\n transform-origin: left bottom;\n}\n.menu-btn_active span:after {\n transform: rotate(35deg);\n width: 10px;\n transform-origin: left top;\n}\n\n.menu-block {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.menu-nav {\n background-color: #fff;\n height: 50px;\n \n}\n.menu-nav__link {\n display: inline-block;\n text-decoration: none;\n color: #fff;\n margin-right: 20px;\n}\n.menu-nav__link {\n transition: 0.5s;\n transform-origin: right center;\n transform: translateX(50%);\n opacity: 0;\n}\n.menu-nav__link_active {\n transform: translateX(0%);\n opacity: 1;\n}\n\n</style>"],"names":["globals.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCC,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAEtB,UAAM,EAAE,EAAC,IAAK,QAAO;AAGrB,aAAS,oBAAoB;AAC3BA,YAAc,sBAAsB;AAAA,IACtC;AAIA,cAAU,MAAM;AACbC,cAAiB,YAAW;AAAA,IAC9B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Header.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/partials/Header.vue"],"sourcesContent":["<script setup=\"props\">\n\timport { computed, onMounted, toRefs, ref, inject } from 'vue'\n\n\timport { useRouter,useRoute } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\n\timport * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js'\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\t\n\t// Globasls Component\n\n\timport NotificationBadge from '@martyrs/src/modules/notifications/components/elements/NotificationBadge.vue';\n\t// import Navigation from '@martyrs/src/modules/globals/views/components/partials/Navigation.vue'\n\t// Martyrs Component\n\timport Button from '@martyrs/src/components/Button/Button.vue'\n\timport Select from '@martyrs/src/components/Select/Select.vue'\n\timport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'\n\t// Icons module\n\timport IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue'\n\timport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue'\n\timport IconSearch from '@martyrs/src/modules/icons/navigation/IconSearch.vue';\n\t// Props\n\tconst props = defineProps({\n theme: {\n \ttype: String,\n\t default: \"light\"\n },\n logotype: {\n\t type: Object\n\t },\n\t location: {\n\t type: Boolean,\n\t\t default: true\n\t },\n\t theme_switcher: {\n\t type: Boolean,\n\t\t default: true\n\t },\n });\n\t// Accessing state\n\tconst router = useRouter()\n\tconst route = useRoute()\n\t// Localization\n\tconst { t } = useI18n()\n\t// const search = computed(() => store.products.state.search)\n\n\tfunction openLocationPopup() {\n\t globals.state.isOpenLocationPopup = true;\n\t}\n\t/////////////////////////////\n\t// MOUNTED\n\t/////////////////////////////\n\tonMounted(() => {\n shopcart.actions.setShopcart()\n });\n</script>\n\n<template>\n\t<header \n\t\tid=\"header\" \n\t\tclass=\"\n\t\t\tpd-thin \n\t\t\tgap-micro\n\t\t\tflex-justify-between\n\t\t\tflex-nowrap\n\t\t\tflex\n\t\t\th-4r\n\t\t\tw-100\n\t\t\tz-index-2 \n\t\t\tpos-relative pos-t-0\n\t\t\tbr-b\n\t\t\tbr-solid\n\t\t\"\n\t\t:class=\"{\n \t\t't-black br-light': theme === 'light',\n \t\t't-white br-dark': theme === 'dark' \n \t}\"\n\t>\n\t<div class=\"flex-nowrap flex-v-center flex-justify-start flex gap-micro \">\n\t\t<!-- MENU -->\n\t\t<button \n\t\t\taria-label=\"menu\"\n\t\t\t@click=\"() => globals.state.isOpenSidebar = !globals.state.isOpenSidebar\" \n\t\t\tclass=\"cursor-pointer mobile-only menu-btn\"\n\t\t\t:class=\"{\n\t\t\t\t'menu-btn_active': globals.state.isOpenSidebar\n\t\t\t}\"\n\t\t>\n\t <span\n\t \tclass=\"no-events\"\n\t\t :class=\"{\n\t\t 'bg-black': theme === 'light',\n\t\t 'bg-white': theme === 'dark'\n\t\t }\"\n\t\t >\n\t\t <span class=\"menu-btn__before\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t <span class=\"menu-btn__after\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t </span>\n\t </button>\n\n\t\t<!-- LOGO -->\n\t\t<component\n\t\t\tv-if=\"logotype\"\n\t\t :is=\"logotype\"\n\t\t @click=\"router.push({ path: '/' })\" \n\t\t :theme=\"theme\"\n\t\t class=\"cursor-pointer h-2r\"\n\t\t/>\n\n\t\t<button\n\t\t\tv-if=\"location\"\n\t\t\taria-label=\"button_location\"\n \tclass=\"\n \t\tcursor-pointer\n \t\tbg-transp \n \t\tpd-l-micro pd-r-micro\n \t\tradius-extra \n \t\tuppercase \n \t\tt-semi\n \t\tbr-solid \n \t\tbr-2px \n \t\ttransition-linear\n \t\tt-nowrap\n \t\n \t\"\n \t:class=\"{\n \t\t'fill-black br-black t-black hover-bg-black hover-t-white hover-fill-white': theme === 'light',\n \t\t'fill-white br-white t-white hover-bg-white hover-t-black hover-fill-black': theme === 'dark' \n \t}\"\n \t@click=\"openLocationPopup()\"\n >\n \t<svg class=\"i-small\" :fill=\"'inherit'\" xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"67\" viewBox=\"0 0 50 67\" fill=\"none\">\n\t\t\t <path d=\"M25 0C11.207 0 0 11.207 0 25C0 38.793 20.832 66.668 25 66.668C29.168 66.668 50 38.793 50 25C50 11.207 38.793 0 25 0ZM25 33.332C20.418 33.332 16.668 29.582 16.668 25C16.668 20.418 20.418 16.668 25 16.668C29.582 16.668 33.332 20.418 33.332 25C33.332 29.582 29.582 33.332 25 33.332Z\" :fill=\"'inherit'\"/>\n\t\t\t</svg>\n \t {{globals.state.position?.country ? globals.state.position.country : 'World'}}\n </button>\n </div>\n\n \t<slot></slot>\n\n\t<div class=\"flex-justify-end flex-v-center flex-nowrap flex gap-micro\">\n\t\t<Button \n\t\t\tv-if=\"router.hasRoute('Search') && route.meta.header_search\"\n\t\t\taria-label=\"search\"\n\t\t\tclass=\"pd-zero bg-transp\"\n\t\t\t:class=\"route.meta.header_search_class\"\n\t\t\t:submit=\"() => router.push({name: 'Search'})\"\n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t>\n\t\t\t<IconSearch \n\t\t\t\tclass=\"i-medium\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t</Button>\n\t\n\t\t<Button\n\t\t\taria-label=\"shopcart\"\n\t\t\t:submit=\"a => shopcart.actions.toggleShopcart()\" \n\t\t\t:counter=\"shopcart.getters.cartTotalAmount\" \n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t\tclass=\"pd-zero mn-r-micro\"\n\t\t\t> \n\t\t\t<IconShopcart \n\t\t\t\tclass=\"i-medium\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t\t<!-- <div class=\"w-max p-small pos-absolute pos-t-100 pos-r-0\">Product Added to Shopcart</div> -->\n\t\t</Button>\n\n\n\t\t<NotificationBadge\n\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t/>\n\n\t\t<Button \n\t\t\taria-label=\"profile\"\n\t\t\tclass=\"pd-zero bg-transp\"\n\t\t\t:submit=\"\n\t\t\t\tauth.state.access.status === false \n\t\t\t\t? \n\t\t\t\ta => router.push({name: 'Sign In'}) \n\t\t\t\t: \n\t\t\t\ta => router.push({ name: 'User Profile', params: { _id: auth.state.user._id }})\n\t\t\t\"\n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t>\n\t\t\t<IconProfile \n\t\t\t\tclass=\"i-medium\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t</Button>\n\n\t\t<Select \n\t\t\tv-if=\"$i18n.availableLocales.length > 1\"\n\t\t\tv-model:select=\"$i18n.locale\"\n\t\t :options=\"$i18n.availableLocales\"\n\t\t :property=\"'value'\"\n class=\"pos-relative flex flex-column gap-small uppercase pd-thin t-semi radius-thin\"\n :class=\"{\n \t\t'bg-light t-black': theme === 'light',\n \t\t'bg-dark t-white': theme === 'dark' \n \t}\"\n />\n </div>\n</header>\n \n</template>\n\n<style lang=\"scss\">\n.location-button { \n\t&:hover {\n\t\tbox-shadow: inset 0 0 0 2px rgb(var(--main));\n\t}\n}\n\n.menu-btn {\n display: block;\n width: 2rem;\n height: 2rem;\n border-radius: 50%;\n position: relative;\n}\n.menu-btn span,\n.menu-btn__before,\n.menu-btn__after {\n position: absolute;\n top: 50%;\n margin-top: -1px;\n left: 50%;\n margin-left: -10px;\n width: 20px;\n height: 2px;\n}\n.menu-btn__before,\n.menu-btn__after {\n display: block;\n transition: 0.2s;\n}\n.menu-btn__before {\n transform: translateY(-5px);\n}\n.menu-btn__after {\n transform: translateY(5px);\n}\n.menu-btn_active .menu-btn__before {\n transform: rotate(-35deg);\n width: 10px;\n transform-origin: left bottom;\n}\n.menu-btn_active .menu-btn__after {\n transform: rotate(35deg);\n width: 10px;\n transform-origin: left top;\n}\n\n.menu-btn_active span:before {\n transform: rotate(-35deg);\n width: 10px;\n transform-origin: left bottom;\n}\n.menu-btn_active span:after {\n transform: rotate(35deg);\n width: 10px;\n transform-origin: left top;\n}\n\n.menu-block {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.menu-nav {\n background-color: #fff;\n height: 50px;\n \n}\n.menu-nav__link {\n display: inline-block;\n text-decoration: none;\n color: #fff;\n margin-right: 20px;\n}\n.menu-nav__link {\n transition: 0.5s;\n transform-origin: right center;\n transform: translateX(50%);\n opacity: 0;\n}\n.menu-nav__link_active {\n transform: translateX(0%);\n opacity: 1;\n}\n\n</style>"],"names":["globals.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCC,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAEtB,UAAM,EAAE,EAAC,IAAK,QAAO;AAGrB,aAAS,oBAAoB;AAC3BA,YAAc,sBAAsB;AAAA,IACtC;AAIA,cAAU,MAAM;AACbC,cAAiB,YAAW;AAAA,IAC9B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/globals/views/components/partials/LocationSelection.vue.cjs CHANGED Viewed

@@ -8,7 +8,7 @@ const vueI18n = require("vue-i18n");
 const globals = require("../../store/globals.cjs");
 const _hoisted_1 = { class: "t-center flex-center" };
 const _hoisted_2 = { class: "mn-b-semi" };
-const _hoisted_3 = { class: "mn-b-small t-transp p-medium" };
+const _hoisted_3 = { class: "mn-b-small t-transp p-regular" };
 const _sfc_main = {
   __name: "LocationSelection",
   setup(__props) {

package/dist/martyrs/src/modules/globals/views/components/partials/LocationSelection.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LocationSelection.vue.cjs","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":["useRoute","useRouter","ref","globals.state","onMounted","useI18n"],"mappings":";;;;;;;;;;;;;;AAmFcA,cAAAA,SAAQ;AACPC,cAAAA,UAAS;AAExB,UAAM,WAAWC,IAAAA,IAAI;AAAA,MACpB,SAAS;AAAA,MACR,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU;AAAA,IACZ,CAAC;AAED,aAAS,eAAe;AACvBC,cAAAA,MAAc,WAAW,EAAE,GAAG,SAAS,MAAK;AAC5CA,cAAAA,MAAc,sBAAsB;AAEpC,mBAAa,QAAQ,YAAY,KAAK,UAAUA,QAAAA,MAAc,QAAQ,CAAC;AAAA,IACxE;AAEAC,QAAAA,UAAU,MAAM;AACf,eAAS,QAAQ,EAAE,GAAGD,QAAAA,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,IAAKE,QAAAA,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"LocationSelection.vue.cjs","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":["useRoute","useRouter","ref","globals.state","onMounted","useI18n"],"mappings":";;;;;;;;;;;;;;AAmFcA,cAAAA,SAAQ;AACPC,cAAAA,UAAS;AAExB,UAAM,WAAWC,IAAAA,IAAI;AAAA,MACpB,SAAS;AAAA,MACR,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU;AAAA,IACZ,CAAC;AAED,aAAS,eAAe;AACvBC,cAAAA,MAAc,WAAW,EAAE,GAAG,SAAS,MAAK;AAC5CA,cAAAA,MAAc,sBAAsB;AAEpC,mBAAa,QAAQ,YAAY,KAAK,UAAUA,QAAAA,MAAc,QAAQ,CAAC;AAAA,IACxE;AAEAC,QAAAA,UAAU,MAAM;AACf,eAAS,QAAQ,EAAE,GAAGD,QAAAA,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,IAAKE,QAAAA,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -6,7 +6,7 @@ import { useI18n } from "vue-i18n";
 import { state } from "../../store/globals.js";
 const _hoisted_1 = { class: "t-center flex-center" };
 const _hoisted_2 = { class: "mn-b-semi" };
-const _hoisted_3 = { class: "mn-b-small t-transp p-medium" };
+const _hoisted_3 = { class: "mn-b-small t-transp p-regular" };
 const _sfc_main = {
   __name: "LocationSelection",
   setup(__props) {