@ozdao/martyrs 0.2.508 → 0.2.509

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

@@ -1,19 +1,21 @@
-import { computed, resolveComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, resolveDynamicComponent, unref, toDisplayString, createVNode, Fragment, renderList, withCtx, createTextVNode } from "vue";
+import { resolveComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, resolveDynamicComponent, unref, toDisplayString, createVNode, Fragment, renderList, withCtx, createTextVNode } from "vue";
 import { useRouter, useRoute } from "vue-router";
 import { useI18n } from "vue-i18n";
-import _sfc_main$6 from "../../../../orders/components/elements/FieldSubscribeNewsletter.vue.js";
+import _sfc_main$3 from "../../../../orders/components/elements/FieldSubscribeNewsletter.vue.js";
 import LabelGooglePlay from "../../../../icons/labels/LabelGooglePlay.vue.js";
 import LabelAppStore from "../../../../icons/labels/LabelAppStore.vue.js";
-import _sfc_main$4 from "../../../../icons/entities/IconPhone.vue.js";
-import _sfc_main$5 from "../../../../icons/entities/IconEmail.vue.js";
+import _sfc_main$1 from "../../../../icons/entities/IconPhone.vue.js";
+import _sfc_main$2 from "../../../../icons/entities/IconEmail.vue.js";
 import IconClock from "../../../../icons/entities/IconTime.vue.js";
-import _sfc_main$1 from "../../../../icons/socials/instagram.vue.js";
-import _sfc_main$2 from "../../../../icons/socials/youtube.vue.js";
-import _sfc_main$3 from "../../../../icons/socials/whatsapp.vue.js";
+import _sfc_main$8 from "../../../../icons/socials/instagram.vue.js";
+import _sfc_main$7 from "../../../../icons/socials/facebook.vue.js";
+import _sfc_main$6 from "../../../../icons/socials/linkedin.vue.js";
+import _sfc_main$5 from "../../../../icons/socials/youtube.vue.js";
+import _sfc_main$4 from "../../../../icons/socials/whatsapp.vue.js";
+import Logotype from "../../../../icons/logos/Logotype.vue.js";
 /* empty css            */
-import _export_sfc from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const _hoisted_1 = { class: "container-wide" };
-const _hoisted_2 = { class: "grid cols-4-footer tablet:cols-2 mobile:cols-1 gap-extra mn-b-big" };
+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_5 = { class: "mn-b-semi flex flex-column gap-small" };
@@ -35,15 +37,23 @@ const _hoisted_17 = {
   key: 0,
   class: "z-index-2 pd-thin radius-medium bg-main t-medium uppercase pos-absolute pos-r-10-negative pos-t-10-negative"
 };
-const _hoisted_18 = { class: "flex flex-column gap-thin" };
-const _hoisted_19 = { class: "col" };
-const _hoisted_20 = { class: "h5 t-medium mn-b-regular" };
-const _hoisted_21 = { class: "t-small mn-b-small t-transp" };
+const _hoisted_18 = { class: "cols-2 gap-big" };
+const _hoisted_19 = { class: "h5 t-medium mn-b-regular" };
+const _hoisted_20 = { class: "flex flex-column gap-thin" };
+const _hoisted_21 = { class: "col" };
 const _hoisted_22 = { class: "h5 t-medium mn-b-regular" };
-const _hoisted_23 = { class: "flex gap-small mn-b-medium" };
-const _hoisted_24 = ["href"];
-const _hoisted_25 = { class: "t-small t-medium uppercase mobile:t-center" };
-const _hoisted_26 = { class: "t-main copyleft" };
+const _hoisted_23 = { class: "t-small mn-b-small t-transp" };
+const _hoisted_24 = { class: "h5 t-medium mn-b-regular" };
+const _hoisted_25 = { class: "flex gap-thin" };
+const _hoisted_26 = ["href"];
+const _hoisted_27 = { class: "t-small t-medium uppercase" };
+const _hoisted_28 = { class: "t-main copyleft" };
+const _hoisted_29 = {
+  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"
+};
 const _sfc_main = {
   __name: "Footer",
   props: {
@@ -59,11 +69,10 @@ const _sfc_main = {
     const router = useRouter();
     useRoute();
     const text = {
-      locale: "en",
       messages: {
         en: {
-          linkAppStore: "2",
-          linkGooglePlay: "1",
+          linkAppStore: "https://play.google.com/store/apps/details?id=com.threestepsrental.app",
+          linkGooglePlay: "https://play.google.com/store/apps/details?id=com.threestepsrental.app",
           // Contact
           description: "3SR – Premium Video Gear Rentals for Filmmakers and Content Creators",
           contact: "Contact",
@@ -80,11 +89,11 @@ const _sfc_main = {
           // Footer
           year: "2025 ",
           heart: "❤",
-          copyright: "Three Steps Studio Ltd. ",
-          ozdao: "Builded with love in",
+          copyright: "Three Steps Studio Ltd. All Rights Reserved.",
+          ozdao: "Builded in OZ DAO",
           // Contact info
           phoneNumber: "+44 77 7878 4893",
-          emailAddress: "info@3stepsprod.com",
+          emailAddress: "info{'@'}3stepsprod.com",
           // Navigation columns
           navigationColumns: [
             {
@@ -92,19 +101,19 @@ const _sfc_main = {
                 {
                   title: "Equipment",
                   items: [
-                    { name: "Cameras", url: "cameras" },
-                    { name: "Lighting", url: "lighting" },
-                    { name: "Stabilizers", url: "stabilizers" },
-                    { name: "Accessories", url: "accessories" }
+                    { name: "Cameras", url: "products/categories/cameras" },
+                    { name: "Lighting", url: "products/categories/lighting-kits" },
+                    { name: "Stabilizers", url: "products/categories/stabilization-motion" },
+                    { name: "Accessories", url: "products/categories/accessories" }
                   ]
                 },
                 {
                   title: "Services",
                   items: [
-                    { name: "Kits & Packages", url: "kits-packages" },
-                    { name: "Studio Hire", url: "studio-hire" },
-                    { name: "Delivery", url: "delivery" },
-                    { name: "Production Help", url: "production-help" }
+                    { name: "Kits & Packages", url: "products/categories/kits-packages" },
+                    { name: "Studio Hire", url: "products/categories/studio-hire" },
+                    { name: "Delivery", url: "products/categories/delivery" },
+                    { name: "Production Help", url: "products/categories/production-help" }
                   ]
                 }
               ]
@@ -114,19 +123,19 @@ const _sfc_main = {
                 {
                   title: "Company",
                   items: [
-                    { name: "About Us", url: "about" },
-                    { name: "Contact", url: "contact" },
-                    { name: "FAQ", url: "faq" },
-                    { name: "Blog", url: "blog" }
+                    { name: "About Us", url: "pages/about" },
+                    { name: "Contact", url: "pages/contact" },
+                    { name: "FAQ", url: "pages/faq" },
+                    { name: "Blog", url: "/community" }
                   ]
                 },
                 {
                   title: "Legal",
                   items: [
-                    { name: "Privacy Policy", url: "privacy-policy" },
-                    { name: "Cookie Policy", url: "cookie-policy" },
-                    { name: "Terms of Use", url: "terms-of-use" },
-                    { name: "EULA", url: "eula" }
+                    { name: "Privacy Policy", url: "pages/privacy-policy" },
+                    { name: "Cookie Policy", url: "pages/cookie-policy" },
+                    { name: "Terms of Use", url: "pages/terms-of-use" },
+                    { name: "EULA", url: "pages/eula" }
                   ]
                 }
               ]
@@ -135,31 +144,36 @@ const _sfc_main = {
           // Social links
           socialLinks: [
             {
-              name: "Instagram",
-              url: "https://www.instagram.com/3stepsprod",
-              icon: _sfc_main$1
+              name: "IconInstagram",
+              url: "https://www.instagram.com/3stepsprod"
             },
             {
-              name: "Youtube",
-              url: "https://www.youtube.com/@threestepsproduction",
-              icon: _sfc_main$2
+              name: "IconYoutube",
+              url: "https://www.youtube.com/@threestepsproduction"
             },
             {
-              name: "WhatsApp",
-              url: "https://api.whatsapp.com/send/?phone=447778784893&text&type=phone_number&app_absent=0",
-              icon: _sfc_main$3
+              name: "IconWhatsapp",
+              url: "https://api.whatsapp.com/send/?phone=447778784893&text&type=phone_number&app_absent=0"
             }
           ]
         }
       }
     };
-    const { t, te, tm } = useI18n(text);
-    const navigationColumns = computed(() => tm("navigationColumns"));
-    const socialLinks = computed(() => tm("socialLinks"));
+    const { t, te, tm } = useI18n({
+      useScope: "global",
+      messages: text.messages
+    });
+    const iconComponents = {
+      IconInstagram: _sfc_main$8,
+      IconFacebook: _sfc_main$7,
+      IconLinkedin: _sfc_main$6,
+      IconYoutube: _sfc_main$5,
+      IconWhatsapp: _sfc_main$4
+    };
     return (_ctx, _cache) => {
       const _component_router_link = resolveComponent("router-link");
       return openBlock(), createElementBlock("footer", {
-        class: normalizeClass(["pd-medium pd-t-large w-100 br-t br-solid", {
+        class: normalizeClass(["w-100 br-t br-solid", {
           "t-black bg-white br-light": __props.theme === "light",
           "t-white bg-black br-dark": __props.theme === "dark"
         }])
@@ -179,7 +193,7 @@ const _sfc_main = {
                   href: `tel:${unref(t)("phoneNumber").replace(/\s/g, "")}`,
                   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$4, {
+                  createVNode(_sfc_main$1, {
                     class: "i-regular",
                     fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
                   }, null, 8, ["fill"]),
@@ -189,7 +203,7 @@ const _sfc_main = {
                   href: `mailto:${unref(t)("emailAddress")}`,
                   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$5, {
+                  createVNode(_sfc_main$2, {
                     class: "i-regular",
                     fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
                   }, null, 8, ["fill"]),
@@ -231,91 +245,91 @@ const _sfc_main = {
                 ], 8, _hoisted_16)) : createCommentVNode("", true)
               ])
             ]),
-            (openBlock(true), createElementBlock(Fragment, null, renderList(navigationColumns.value, (column, colIndex) => {
-              return openBlock(), createElementBlock("div", {
-                key: colIndex,
-                class: "col"
-              }, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(column.sections, (section, sectionIndex) => {
-                  return openBlock(), createElementBlock("div", { key: sectionIndex }, [
-                    createElementVNode("h4", {
-                      class: normalizeClass(["h5 t-medium mn-b-regular", sectionIndex > 0 ? "mn-t-medium" : ""])
-                    }, toDisplayString(section.title), 3),
-                    createElementVNode("nav", null, [
-                      createElementVNode("ul", _hoisted_18, [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(section.items, (item) => {
-                          return openBlock(), createElementBlock("li", {
-                            key: item.url
-                          }, [
-                            createVNode(_component_router_link, {
-                              to: `/${item.url}`,
-                              class: normalizeClass(["t-small transition-opacity hover-opacity-70", __props.theme === "light" ? "t-black" : "t-white"])
-                            }, {
-                              default: withCtx(() => [
-                                createTextVNode(toDisplayString(item.name), 1)
-                              ]),
-                              _: 2
-                            }, 1032, ["to", "class"])
-                          ]);
-                        }), 128))
+            createElementVNode("div", _hoisted_18, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tm)("navigationColumns"), (column, colIndex) => {
+                return openBlock(), createElementBlock("div", {
+                  key: colIndex,
+                  class: "flex flex-column gap-medium"
+                }, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(column.sections, (section, sectionIndex) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: sectionIndex,
+                      class: ""
+                    }, [
+                      createElementVNode("h4", _hoisted_19, toDisplayString(section.title), 1),
+                      createElementVNode("nav", null, [
+                        createElementVNode("ul", _hoisted_20, [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(section.items, (item) => {
+                            return openBlock(), createElementBlock("li", {
+                              key: item.url
+                            }, [
+                              createVNode(_component_router_link, {
+                                to: `/${item.url}`,
+                                class: normalizeClass(["t-small transition-opacity hover-opacity-70", __props.theme === "light" ? "t-black" : "t-white"])
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(toDisplayString(item.name), 1)
+                                ]),
+                                _: 2
+                              }, 1032, ["to", "class"])
+                            ]);
+                          }), 128))
+                        ])
                       ])
-                    ])
-                  ]);
-                }), 128))
-              ]);
-            }), 128)),
-            createElementVNode("div", _hoisted_19, [
-              createElementVNode("h4", _hoisted_20, toDisplayString(unref(t)("subscribe")), 1),
-              createElementVNode("p", _hoisted_21, toDisplayString(unref(t)("subscribe_text")), 1),
-              createVNode(_sfc_main$6, {
+                    ]);
+                  }), 128))
+                ]);
+              }), 128))
+            ]),
+            createElementVNode("div", _hoisted_21, [
+              createElementVNode("h4", _hoisted_22, toDisplayString(unref(t)("subscribe")), 1),
+              createElementVNode("p", _hoisted_23, toDisplayString(unref(t)("subscribe_text")), 1),
+              createVNode(_sfc_main$3, {
                 action: false,
                 fieldName: "footer-newsletter",
                 fieldId: "footer-newsletter-email",
                 class: "d-inline-flex mn-b-medium bg-light t-black w-100"
               }),
-              createElementVNode("h4", _hoisted_22, toDisplayString(unref(t)("follow")), 1),
-              createElementVNode("div", _hoisted_23, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(socialLinks.value, (social) => {
+              createElementVNode("h4", _hoisted_24, toDisplayString(unref(t)("follow")), 1),
+              createElementVNode("div", _hoisted_25, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tm)("socialLinks"), (social) => {
                   return openBlock(), createElementBlock("a", {
                     key: social.name,
                     href: social.url,
                     target: "_blank",
                     class: "w-3r h-3r flex flex-center radius-small bg-light transition-opacity hover-opacity-70"
                   }, [
-                    (openBlock(), createBlock(resolveDynamicComponent(social.icon), {
+                    (openBlock(), createBlock(resolveDynamicComponent(iconComponents[social.name]), {
                       class: "i-semi",
                       fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
                     }, null, 8, ["fill"]))
-                  ], 8, _hoisted_24);
+                  ], 8, _hoisted_26);
                 }), 128))
               ])
             ])
+          ])
+        ]),
+        createElementVNode("div", {
+          class: normalizeClass(["pd-medium br-t br-solid flex flex-justify-between flex-v-center flex-nowrap mobile:flex-column mobile:flex-align-start mobile:gap-small", {
+            "br-light": __props.theme === "light",
+            "br-dark": __props.theme === "dark"
+          }])
+        }, [
+          createElementVNode("p", _hoisted_27, [
+            createTextVNode(toDisplayString(unref(t)("year")) + " ", 1),
+            createElementVNode("span", _hoisted_28, toDisplayString(unref(t)("heart")), 1),
+            createTextVNode(" " + toDisplayString(unref(t)("copyright")), 1)
           ]),
-          createElementVNode("div", {
-            class: normalizeClass(["pd-t-medium br-t br-solid flex flex-justify-between flex-v-center mobile:flex-column mobile:gap-small", {
-              "br-light": __props.theme === "light",
-              "br-dark": __props.theme === "dark"
-            }])
-          }, [
-            createElementVNode("p", _hoisted_25, [
-              createTextVNode(toDisplayString(unref(t)("year")) + " ", 1),
-              createElementVNode("span", _hoisted_26, toDisplayString(unref(t)("heart")), 1),
-              createTextVNode(" " + toDisplayString(unref(t)("copyright")) + " " + toDisplayString(unref(t)("ozdao")) + " ", 1),
-              _cache[1] || (_cache[1] = createElementVNode("a", {
-                href: "https://ozdao.dev",
-                class: "t-main",
-                target: "_blank",
-                rel: "noopener"
-              }, "OZ DAO.", -1))
-            ])
-          ], 2)
-        ])
+          createElementVNode("a", _hoisted_29, [
+            createVNode(Logotype, { class: "h-1r w-auto" }),
+            createElementVNode("span", null, toDisplayString(unref(t)("ozdao")), 1)
+          ])
+        ], 2)
       ], 2);
     };
   }
 };
-const Footer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-37ca2fe7"]]);
 export {
-  Footer as default
+  _sfc_main as default
 };
 //# sourceMappingURL=Footer.vue.js.map

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

@@ -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 instagram from '@martyrs/src/modules/icons/socials/instagram.vue';\nimport facebook from '@martyrs/src/modules/icons/socials/facebook.vue';\nimport linkedin from '@martyrs/src/modules/icons/socials/linkedin.vue'\nimport youtube from '@martyrs/src/modules/icons/socials/youtube.vue'\nimport whatsapp from '@martyrs/src/modules/icons/socials/whatsapp.vue'\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\n// Localization\nconst text = {\n  locale: 'en',\n  messages: {\n    en: {\n      linkAppStore: '2',\n      linkGooglePlay: '1',\n      // Contact\n      description: \"3SR – Premium Video Gear Rentals for Filmmakers and Content Creators\",\n      contact: 'Contact',\n      phone: 'Phone / WhatsApp',\n      email: 'Email',\n      hours: 'Hours',\n      hours_text: 'Mon–Sun, 10:00–19:00',\n      app: 'Get Our App',\n      \n      // Subscribe\n      subscribe: 'Subscribe',\n      subscribe_text: 'Get updates on new equipment and special offers',\n      email_placeholder: 'Enter your email',\n      follow: 'Follow Us',\n      \n      // Footer\n      year: '2025 ',\n      heart: \"❤\",\n      copyright: 'Three Steps Studio Ltd. ',\n      ozdao: 'Builded with love in',\n      \n      // Contact info\n      phoneNumber: '+44 77 7878 4893',\n      emailAddress: 'info@3stepsprod.com',\n      \n      // Navigation columns\n      navigationColumns: [\n        {\n          sections: [\n            {\n              title: 'Equipment',\n              items: [\n                { name: 'Cameras', url: 'cameras' },\n                { name: 'Lighting', url: 'lighting' },\n                { name: 'Stabilizers', url: 'stabilizers' },\n                { name: 'Accessories', url: 'accessories' }\n              ]\n            },\n            {\n              title: 'Services',\n              items: [\n                { name: 'Kits & Packages', url: 'kits-packages' },\n                { name: 'Studio Hire', url: 'studio-hire' },\n                { name: 'Delivery', url: 'delivery' },\n                { name: 'Production Help', url: 'production-help' }\n              ]\n            }\n          ]\n        },\n        {\n          sections: [\n            {\n              title: 'Company',\n              items: [\n                { name: 'About Us', url: 'about' },\n                { name: 'Contact', url: 'contact' },\n                { name: 'FAQ', url: 'faq' },\n                { name: 'Blog', url: 'blog' }\n              ]\n            },\n            {\n              title: 'Legal',\n              items: [\n                { name: 'Privacy Policy', url: 'privacy-policy' },\n                { name: 'Cookie Policy', url: 'cookie-policy' },\n                { name: 'Terms of Use', url: 'terms-of-use' },\n                { name: 'EULA', url: 'eula' }\n              ]\n            }\n          ]\n        }\n      ],\n      \n      // Social links\n      socialLinks: [\n        { \n          name: 'Instagram',\n          url: 'https://www.instagram.com/3stepsprod',\n          icon: instagram\n        },\n        { \n          name: 'Youtube',\n          url: 'https://www.youtube.com/@threestepsproduction',\n          icon: youtube\n        },\n        { \n          name: 'WhatsApp',\n          url: 'https://api.whatsapp.com/send/?phone=447778784893&text&type=phone_number&app_absent=0',\n          icon: whatsapp\n        }\n      ]\n    }\n  }\n}\n\nconst { t, te, tm } = useI18n(text)\n\n// Get columns and social links from translations\nconst navigationColumns = computed(() => tm('navigationColumns'))\nconst socialLinks = computed(() => tm('socialLinks'))\n</script>\n\n<template>\n  <footer \n    class=\"\n      pd-medium pd-t-large\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    <!-- Top Section -->\n    <div class=\"container-wide\">\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-4-footer tablet:cols-2 mobile:cols-1 gap-extra mn-b-big\">\n        \n        <!-- Contact Block -->\n        <div class=\"col w-max-15r\">\n          <p class=\"p-semi t-medium mn-b-semi\">{{ t('description') }}</p>\n          \n          <div class=\"mn-b-semi flex flex-column gap-small\">\n            <a \n              :href=\"`tel:${t('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('phoneNumber') }}</span>\n            </a>\n            \n            <a \n              :href=\"`mailto:${t('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('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('hours_text') }}</span>\n            </div>\n          </div>\n\n          <h4 class=\"h5 t-medium mn-b-regular\">{{ t('app') }}</h4>\n          <div class=\"w-100 flex-nowrap flex gap-thin\">\n            <a \n              v-if=\"te('linkAppStore') || te('label')\"\n              :href=\"te('linkAppStore') ? t('linkAppStore') : null\" \n              :target=\"te('linkAppStore') ? '_blank' : null\" \n              class=\"pos-relative w-100 h-100\"\n            > \n              <span \n                v-if=\"te('label')\"\n                class=\"z-index-2 radius-medium bg-main t-medium uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative\"\n              >\n                {{ t('label') }}\n              </span>\n              <LabelAppStore class=\"w-100 h-max\" alt=\"Download on App Store\"/>\n            </a>\n\n            <a \n              v-if=\"te('linkGooglePlay') || te('label')\"\n              :href=\"te('linkGooglePlay') ? t('linkGooglePlay') : null\" \n              :target=\"te('linkGooglePlay') ? '_blank' : null\" \n              class=\"pos-relative w-100 h-100\"\n            > \n              <span \n                v-if=\"te('label')\"\n                class=\"z-index-2 pd-thin radius-medium bg-main t-medium uppercase pos-absolute pos-r-10-negative pos-t-10-negative\"\n              >\n                {{ t('label') }}\n              </span>\n              <LabelGooglePlay class=\"w-100 h-max\" alt=\"Download on Google Play\"/>\n            </a>\n          </div>\n        </div>\n\n        <!-- Navigation Columns -->\n        <div v-for=\"(column, colIndex) in navigationColumns\" :key=\"colIndex\" class=\"col\">\n          <div v-for=\"(section, sectionIndex) in column.sections\" :key=\"sectionIndex\">\n            <h4 class=\"h5 t-medium mn-b-regular\" :class=\"sectionIndex > 0 ? 'mn-t-medium' : ''\">{{ 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\n        <!-- Subscribe Block -->\n        <div class=\"col\">\n          <h4 class=\"h5 t-medium mn-b-regular\">{{ t('subscribe') }}</h4>\n          <p class=\"t-small mn-b-small t-transp\">{{ t('subscribe_text') }}</p>\n          \n          <FieldSubscribeNewsletter\n            :action=\"false\"\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('follow') }}</h4>\n          <!-- Social Links -->\n          <div class=\"flex gap-small mn-b-medium\">\n            <a \n              v-for=\"social in 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=\"social.icon\"\n                class=\"i-semi\"\n                :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\"\n              />\n            </a>\n          </div>\n        </div>\n      </div>\n\n      <!-- Bottom Section -->\n      <div class=\"\n        pd-t-medium \n        br-t br-solid\n        flex flex-justify-between flex-v-center\n        mobile:flex-column 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 mobile:t-center\">\n          {{ t('year') }} \n          <span class=\"t-main copyleft\">{{ t('heart') }}</span> \n          {{ t('copyright') }} \n          {{ t('ozdao') }}\n          <a href=\"https://ozdao.dev\" class=\"t-main\" target=\"_blank\" rel=\"noopener\">OZ DAO.</a>\n        </p>\n      </div>\n    </div>\n  </footer>\n</template>\n\n<style lang=\"scss\" scoped>\n.cols-4-footer {\n  grid-template-columns: 5fr 3fr 3fr 4fr;\n}\nfooter {\n  transition: background-color 0.3s ease, color 0.3s ease;\n  \n  a {\n    text-decoration: none;\n  }\n  \n  ul {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n  }\n}\n</style>"],"names":["instagram","youtube","whatsapp"],"mappings":"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"}
+{"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\n// Localization\nconst text = {\n  locale: 'en',\n  messages: {\n    en: {\n      linkAppStore: 'https://play.google.com/store/apps/details?id=com.threestepsrental.app',\n      linkGooglePlay: 'https://play.google.com/store/apps/details?id=com.threestepsrental.app',\n      // Contact\n      description: \"3SR – Premium Video Gear Rentals for Filmmakers and Content Creators\",\n      contact: 'Contact',\n      phone: 'Phone / WhatsApp',\n      email: 'Email',\n      hours: 'Hours',\n      hours_text: 'Mon–Sun, 10:00–19:00',\n      app: 'Get Our App',\n      \n      // Subscribe\n      subscribe: 'Subscribe',\n      subscribe_text: 'Get updates on new equipment and special offers',\n      email_placeholder: 'Enter your email',\n      follow: 'Follow Us',\n      \n      // Footer\n      year: '2025 ',\n      heart: \"❤\",\n      copyright: 'Three Steps Studio Ltd. All Rights Reserved.',\n      ozdao: 'Builded in OZ DAO',\n      \n      // Contact info\n      phoneNumber: '+44 77 7878 4893',\n      emailAddress: \"info{'@'}3stepsprod.com\",\n      \n      // Navigation columns\n      navigationColumns: [\n        {\n          sections: [\n            {\n              title: 'Equipment',\n              items: [\n                { name: 'Cameras', url: 'products/categories/cameras' },\n                { name: 'Lighting', url: 'products/categories/lighting-kits' },\n                { name: 'Stabilizers', url: 'products/categories/stabilization-motion' },\n                { name: 'Accessories', url: 'products/categories/accessories' }\n              ]\n            },\n            {\n              title: 'Services',\n              items: [\n                { name: 'Kits & Packages', url: 'products/categories/kits-packages' },\n                { name: 'Studio Hire', url: 'products/categories/studio-hire' },\n                { name: 'Delivery', url: 'products/categories/delivery' },\n                { name: 'Production Help', url: 'products/categories/production-help' }\n              ]\n            }\n          ]\n        },\n        {\n          sections: [\n            {\n              title: 'Company',\n              items: [\n                { name: 'About Us', url: 'pages/about' },\n                { name: 'Contact', url: 'pages/contact' },\n                { name: 'FAQ', url: 'pages/faq' },\n                { name: 'Blog', url: '/community' }\n              ]\n            },\n            {\n              title: 'Legal',\n              items: [\n                { name: 'Privacy Policy', url: 'pages/privacy-policy' },\n                { name: 'Cookie Policy', url: 'pages/cookie-policy' },\n                { name: 'Terms of Use', url: 'pages/terms-of-use' },\n                { name: 'EULA', url: 'pages/eula' }\n              ]\n            }\n          ]\n        }\n      ],\n      \n      // Social links\n      socialLinks: [\n        { \n          name: 'IconInstagram',\n          url: 'https://www.instagram.com/3stepsprod'\n        },\n        { \n          name: 'IconYoutube',\n          url: 'https://www.youtube.com/@threestepsproduction'\n        },\n        { \n          name: 'IconWhatsapp',\n          url: 'https://api.whatsapp.com/send/?phone=447778784893&text&type=phone_number&app_absent=0'\n        }\n      ]\n    }\n  }\n}\n\nconst { t, te, tm } = useI18n({\n  useScope: 'global',\n  messages: text.messages\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('description') }}</p>\n          \n          <div class=\"mn-b-semi flex flex-column gap-small\">\n            <a \n              :href=\"`tel:${t('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('phoneNumber') }}</span>\n            </a>\n            \n            <a \n              :href=\"`mailto:${t('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('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('hours_text') }}</span>\n            </div>\n          </div>\n\n          <h4 class=\"h5 t-medium mn-b-regular\">{{ t('app') }}</h4>\n          <div class=\"w-100 flex-nowrap flex gap-thin\">\n            <a \n              v-if=\"te('linkAppStore') || te('label')\"\n              :href=\"te('linkAppStore') ? t('linkAppStore') : null\" \n              :target=\"te('linkAppStore') ? '_blank' : null\" \n              class=\"pos-relative w-100 h-100\"\n            > \n              <span \n                v-if=\"te('label')\"\n                class=\"z-index-2 radius-medium bg-main t-medium uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative\"\n              >\n                {{ t('label') }}\n              </span>\n              <LabelAppStore class=\"w-100 h-max\" alt=\"Download on App Store\"/>\n            </a>\n\n            <a \n              v-if=\"te('linkGooglePlay') || te('label')\"\n              :href=\"te('linkGooglePlay') ? t('linkGooglePlay') : null\" \n              :target=\"te('linkGooglePlay') ? '_blank' : null\" \n              class=\"pos-relative w-100 h-100\"\n            > \n              <span \n                v-if=\"te('label')\"\n                class=\"z-index-2 pd-thin radius-medium bg-main t-medium uppercase pos-absolute pos-r-10-negative pos-t-10-negative\"\n              >\n                {{ t('label') }}\n              </span>\n              <LabelGooglePlay class=\"w-100 h-max\" alt=\"Download on Google Play\"/>\n            </a>\n          </div>\n        </div>\n\n        <!-- Navigation Columns -->\n        <div class=\"cols-2 gap-big\">\n          <div v-for=\"(column, colIndex) in tm('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('subscribe') }}</h4>\n          <p class=\"t-small mn-b-small t-transp\">{{ t('subscribe_text') }}</p>\n          \n          <FieldSubscribeNewsletter\n            :action=\"false\"\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('follow') }}</h4>\n          <!-- Social Links -->\n          <div class=\"flex gap-thin\">\n            <a \n              v-for=\"social in tm('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('year') }} \n        <span class=\"t-main copyleft\">{{ t('heart') }}</span> \n        {{ t('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('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":"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"}

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

@@ -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.vue.cjs");
+const Select = require("../../../../../components/Select/Select.vue2.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");
@@ -86,7 +86,7 @@ const _sfc_main = {
             key: 0,
             onClick: _cache[1] || (_cache[1] = ($event) => vue.unref(router).push({ path: "/" })),
             theme: __props.theme,
-            class: "cursor-pointer"
+            class: "cursor-pointer h-2r"
           }, null, 8, ["theme"])) : vue.createCommentVNode("", true),
           __props.location ? (vue.openBlock(), vue.createElementBlock("button", {
             key: 1,

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

@@ -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 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\"\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\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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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 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\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

@@ -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.vue.js";
+import Select from "../../../../../components/Select/Select.vue2.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";
@@ -84,7 +84,7 @@ const _sfc_main = {
             key: 0,
             onClick: _cache[1] || (_cache[1] = ($event) => unref(router).push({ path: "/" })),
             theme: __props.theme,
-            class: "cursor-pointer"
+            class: "cursor-pointer h-2r"
           }, null, 8, ["theme"])) : createCommentVNode("", true),
           __props.location ? (openBlock(), createElementBlock("button", {
             key: 1,

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

@@ -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 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\"\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\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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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 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\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/Navigation.vue.cjs

@@ -5,7 +5,7 @@ const vueRouter = require("vue-router");
 const IconChevronBottom = require("../../../../icons/navigation/IconChevronBottom.vue.cjs");
 const globals = require("../../store/globals.cjs");
 const auth = require("../../../../auth/views/store/auth.cjs");
-;/* empty css                                                */
+;/* empty css                                                 */
 ;/* empty css                                              */
 ;/* empty css                  */
 const _pluginVue_exportHelper = require("../../../../../../../_virtual/_plugin-vue_export-helper.cjs");