@ozdao/martyrs 0.2.507 → 0.2.509

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

@@ -0,0 +1,335 @@
+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$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$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$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            */
+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" };
+const _hoisted_6 = ["href"];
+const _hoisted_7 = { class: "t-small" };
+const _hoisted_8 = ["href"];
+const _hoisted_9 = { class: "t-small" };
+const _hoisted_10 = { class: "flex mn-b-micro gap-micro flex-v-center" };
+const _hoisted_11 = { class: "t-small" };
+const _hoisted_12 = { class: "h5 t-medium mn-b-regular" };
+const _hoisted_13 = { class: "w-100 flex-nowrap flex gap-thin" };
+const _hoisted_14 = ["href", "target"];
+const _hoisted_15 = {
+  key: 0,
+  class: "z-index-2 radius-medium bg-main t-medium uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative"
+};
+const _hoisted_16 = ["href", "target"];
+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: "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: "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: {
+    theme: {
+      type: String,
+      default: "light"
+    },
+    logotype: {
+      type: Object
+    }
+  },
+  setup(__props) {
+    const router = useRouter();
+    useRoute();
+    const text = {
+      messages: {
+        en: {
+          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",
+          phone: "Phone / WhatsApp",
+          email: "Email",
+          hours: "Hours",
+          hours_text: "Mon–Sun, 10:00–19:00",
+          app: "Get Our App",
+          // Subscribe
+          subscribe: "Subscribe",
+          subscribe_text: "Get updates on new equipment and special offers",
+          email_placeholder: "Enter your email",
+          follow: "Follow Us",
+          // Footer
+          year: "2025 ",
+          heart: "❤",
+          copyright: "Three Steps Studio Ltd. All Rights Reserved.",
+          ozdao: "Builded in OZ DAO",
+          // Contact info
+          phoneNumber: "+44 77 7878 4893",
+          emailAddress: "info{'@'}3stepsprod.com",
+          // Navigation columns
+          navigationColumns: [
+            {
+              sections: [
+                {
+                  title: "Equipment",
+                  items: [
+                    { 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: "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" }
+                  ]
+                }
+              ]
+            },
+            {
+              sections: [
+                {
+                  title: "Company",
+                  items: [
+                    { 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: "pages/privacy-policy" },
+                    { name: "Cookie Policy", url: "pages/cookie-policy" },
+                    { name: "Terms of Use", url: "pages/terms-of-use" },
+                    { name: "EULA", url: "pages/eula" }
+                  ]
+                }
+              ]
+            }
+          ],
+          // Social links
+          socialLinks: [
+            {
+              name: "IconInstagram",
+              url: "https://www.instagram.com/3stepsprod"
+            },
+            {
+              name: "IconYoutube",
+              url: "https://www.youtube.com/@threestepsproduction"
+            },
+            {
+              name: "IconWhatsapp",
+              url: "https://api.whatsapp.com/send/?phone=447778784893&text&type=phone_number&app_absent=0"
+            }
+          ]
+        }
+      }
+    };
+    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(["w-100 br-t br-solid", {
+          "t-black bg-white br-light": __props.theme === "light",
+          "t-white bg-black br-dark": __props.theme === "dark"
+        }])
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          __props.logotype ? (openBlock(), createBlock(resolveDynamicComponent(__props.logotype), {
+            key: 0,
+            onClick: _cache[0] || (_cache[0] = ($event) => unref(router).push({ path: "/" })),
+            theme: __props.theme,
+            class: "cursor-pointer h-3r mn-b-medium"
+          }, null, 8, ["theme"])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_2, [
+            createElementVNode("div", _hoisted_3, [
+              createElementVNode("p", _hoisted_4, toDisplayString(unref(t)("description")), 1),
+              createElementVNode("div", _hoisted_5, [
+                createElementVNode("a", {
+                  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$1, {
+                    class: "i-regular",
+                    fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
+                  }, null, 8, ["fill"]),
+                  createElementVNode("span", _hoisted_7, toDisplayString(unref(t)("phoneNumber")), 1)
+                ], 10, _hoisted_6),
+                createElementVNode("a", {
+                  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$2, {
+                    class: "i-regular",
+                    fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
+                  }, null, 8, ["fill"]),
+                  createElementVNode("span", _hoisted_9, toDisplayString(unref(t)("emailAddress")), 1)
+                ], 10, _hoisted_8),
+                createElementVNode("div", _hoisted_10, [
+                  createVNode(IconClock, {
+                    class: "i-regular",
+                    fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
+                  }, null, 8, ["fill"]),
+                  createElementVNode("span", _hoisted_11, toDisplayString(unref(t)("hours_text")), 1)
+                ])
+              ]),
+              createElementVNode("h4", _hoisted_12, toDisplayString(unref(t)("app")), 1),
+              createElementVNode("div", _hoisted_13, [
+                unref(te)("linkAppStore") || unref(te)("label") ? (openBlock(), createElementBlock("a", {
+                  key: 0,
+                  href: unref(te)("linkAppStore") ? unref(t)("linkAppStore") : null,
+                  target: unref(te)("linkAppStore") ? "_blank" : null,
+                  class: "pos-relative w-100 h-100"
+                }, [
+                  unref(te)("label") ? (openBlock(), createElementBlock("span", _hoisted_15, toDisplayString(unref(t)("label")), 1)) : createCommentVNode("", true),
+                  createVNode(LabelAppStore, {
+                    class: "w-100 h-max",
+                    alt: "Download on App Store"
+                  })
+                ], 8, _hoisted_14)) : createCommentVNode("", true),
+                unref(te)("linkGooglePlay") || unref(te)("label") ? (openBlock(), createElementBlock("a", {
+                  key: 1,
+                  href: unref(te)("linkGooglePlay") ? unref(t)("linkGooglePlay") : null,
+                  target: unref(te)("linkGooglePlay") ? "_blank" : null,
+                  class: "pos-relative w-100 h-100"
+                }, [
+                  unref(te)("label") ? (openBlock(), createElementBlock("span", _hoisted_17, toDisplayString(unref(t)("label")), 1)) : createCommentVNode("", true),
+                  createVNode(LabelGooglePlay, {
+                    class: "w-100 h-max",
+                    alt: "Download on Google Play"
+                  })
+                ], 8, _hoisted_16)) : createCommentVNode("", true)
+              ])
+            ]),
+            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_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_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(iconComponents[social.name]), {
+                      class: "i-semi",
+                      fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
+                    }, null, 8, ["fill"]))
+                  ], 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("a", _hoisted_29, [
+            createVNode(Logotype, { class: "h-1r w-auto" }),
+            createElementVNode("span", null, toDisplayString(unref(t)("ozdao")), 1)
+          ])
+        ], 2)
+      ], 2);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Footer.vue.js.map

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

@@ -0,0 +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\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,UAAM,SAAS,UAAS;AACV,aAAQ;AAGtB,UAAM,OAAO;AAAA,MAEX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,cAAc;AAAA,UACd,gBAAgB;AAAA;AAAA,UAEhB,aAAa;AAAA,UACb,SAAS;AAAA,UACT,OAAO;AAAA,UACP,OAAO;AAAA,UACP,OAAO;AAAA,UACP,YAAY;AAAA,UACZ,KAAK;AAAA;AAAA,UAGL,WAAW;AAAA,UACX,gBAAgB;AAAA,UAChB,mBAAmB;AAAA,UACnB,QAAQ;AAAA;AAAA,UAGR,MAAM;AAAA,UACN,OAAO;AAAA,UACP,WAAW;AAAA,UACX,OAAO;AAAA;AAAA,UAGP,aAAa;AAAA,UACb,cAAc;AAAA;AAAA,UAGd,mBAAmB;AAAA,YACjB;AAAA,cACE,UAAU;AAAA,gBACR;AAAA,kBACE,OAAO;AAAA,kBACP,OAAO;AAAA,oBACL,EAAE,MAAM,WAAW,KAAK,8BAA6B;AAAA,oBACrD,EAAE,MAAM,YAAY,KAAK,oCAAmC;AAAA,oBAC5D,EAAE,MAAM,eAAe,KAAK,2CAA0C;AAAA,oBACtE,EAAE,MAAM,eAAe,KAAK,kCAAiC;AAAA,kBAC7E;AAAA,gBACA;AAAA,gBACY;AAAA,kBACE,OAAO;AAAA,kBACP,OAAO;AAAA,oBACL,EAAE,MAAM,mBAAmB,KAAK,oCAAmC;AAAA,oBACnE,EAAE,MAAM,eAAe,KAAK,kCAAiC;AAAA,oBAC7D,EAAE,MAAM,YAAY,KAAK,+BAA8B;AAAA,oBACvD,EAAE,MAAM,mBAAmB,KAAK,sCAAqC;AAAA,kBACrF;AAAA,gBACA;AAAA,cACA;AAAA,YACA;AAAA,YACQ;AAAA,cACE,UAAU;AAAA,gBACR;AAAA,kBACE,OAAO;AAAA,kBACP,OAAO;AAAA,oBACL,EAAE,MAAM,YAAY,KAAK,cAAa;AAAA,oBACtC,EAAE,MAAM,WAAW,KAAK,gBAAe;AAAA,oBACvC,EAAE,MAAM,OAAO,KAAK,YAAW;AAAA,oBAC/B,EAAE,MAAM,QAAQ,KAAK,aAAY;AAAA,kBACjD;AAAA,gBACA;AAAA,gBACY;AAAA,kBACE,OAAO;AAAA,kBACP,OAAO;AAAA,oBACL,EAAE,MAAM,kBAAkB,KAAK,uBAAsB;AAAA,oBACrD,EAAE,MAAM,iBAAiB,KAAK,sBAAqB;AAAA,oBACnD,EAAE,MAAM,gBAAgB,KAAK,qBAAoB;AAAA,oBACjD,EAAE,MAAM,QAAQ,KAAK,aAAY;AAAA,kBACjD;AAAA,gBACA;AAAA,cACA;AAAA,YACA;AAAA,UACA;AAAA;AAAA,UAGM,aAAa;AAAA,YACX;AAAA,cACE,MAAM;AAAA,cACN,KAAK;AAAA,YACf;AAAA,YACQ;AAAA,cACE,MAAM;AAAA,cACN,KAAK;AAAA,YACf;AAAA,YACQ;AAAA,cACE,MAAM;AAAA,cACN,KAAK;AAAA,YACf;AAAA,UACA;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAEA,UAAM,EAAE,GAAG,IAAI,GAAE,IAAK,QAAQ;AAAA,MAC5B,UAAU;AAAA,MACV,UAAU,KAAK;AAAA,IACjB,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

@@ -7,8 +7,8 @@ const globals = require("../../store/globals.cjs");
 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.vue2.cjs");
-const Select = require("../../../../../components/Select/Select.vue.cjs");
+const Button = require("../../../../../components/Button/Button.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

@@ -5,8 +5,8 @@ import { state } from "../../store/globals.js";
 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.vue2.js";
-import Select from "../../../../../components/Select/Select.vue.js";
+import _sfc_main$1 from "../../../../../components/Button/Button.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");

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

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

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

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

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

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

package/dist/martyrs/src/modules/icons/logos/Logotype.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 ;/* empty css                */
 const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = {
-  class: "h-2r w-auto",
+  class: "w-auto",
   width: "270",
   height: "300",
   viewBox: "0 0 270 300",
@@ -16,11 +16,11 @@ const _sfc_main = {
   setup(__props) {
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
-        vue.createStaticVNode('<g clip-path="url(#clip0)" data-v-8ec01df7><path fill-rule="evenodd" clip-rule="evenodd" d="M264.626 52.2791C265.531 57.2858 266 62.4066 266 67.6155C266 125.882 207.349 173.116 135 173.116C62.6507 173.116 4 125.882 4 67.6155C4 62.4066 4.46875 57.2858 5.37413 52.2791C11.0997 32.6306 21.1714 14.8341 34.4789 0C34.1621 2.17658 34 4.38345 34 6.61562C34 43.8948 79.2192 74.1156 135 74.1156C190.781 74.1156 236 43.8948 236 6.61562C236 4.38345 235.838 2.17659 235.521 5.29254e-06C248.829 14.8341 258.9 32.6306 264.626 52.2791Z" fill="#00FF88" data-v-8ec01df7></path><path d="M270 165C270 239.558 209.558 300 135 300C60.4416 300 0 239.558 0 165C0 90.4416 60.4416 30 135 30C209.558 30 270 90.4416 270 165Z" fill="#00FF88" data-v-8ec01df7></path><ellipse class="eye" cx="143" cy="155.5" rx="37" ry="37.5" stroke="white" fill="white" stroke-width="1.48515" data-v-8ec01df7></ellipse><g class="eye" data-v-8ec01df7><path d="M215 166C215 210.849 179.07 247 135 247C90.9303 247 55 210.849 55 166C55 121.151 90.9303 85 135 85C179.07 85 215 121.151 215 166Z" stroke="white" stroke-width="11" data-v-8ec01df7></path></g></g><defs data-v-8ec01df7><clipPath id="clip0" data-v-8ec01df7><rect width="269.333" height="300" fill="white" data-v-8ec01df7></rect></clipPath></defs>', 2)
+        vue.createStaticVNode('<g clip-path="url(#clip0)" data-v-4241147a><path fill-rule="evenodd" clip-rule="evenodd" d="M264.626 52.2791C265.531 57.2858 266 62.4066 266 67.6155C266 125.882 207.349 173.116 135 173.116C62.6507 173.116 4 125.882 4 67.6155C4 62.4066 4.46875 57.2858 5.37413 52.2791C11.0997 32.6306 21.1714 14.8341 34.4789 0C34.1621 2.17658 34 4.38345 34 6.61562C34 43.8948 79.2192 74.1156 135 74.1156C190.781 74.1156 236 43.8948 236 6.61562C236 4.38345 235.838 2.17659 235.521 5.29254e-06C248.829 14.8341 258.9 32.6306 264.626 52.2791Z" fill="#00FF88" data-v-4241147a></path><path d="M270 165C270 239.558 209.558 300 135 300C60.4416 300 0 239.558 0 165C0 90.4416 60.4416 30 135 30C209.558 30 270 90.4416 270 165Z" fill="#00FF88" data-v-4241147a></path><ellipse class="eye" cx="143" cy="155.5" rx="37" ry="37.5" stroke="white" fill="white" stroke-width="1.48515" data-v-4241147a></ellipse><g class="eye" data-v-4241147a><path d="M215 166C215 210.849 179.07 247 135 247C90.9303 247 55 210.849 55 166C55 121.151 90.9303 85 135 85C179.07 85 215 121.151 215 166Z" stroke="white" stroke-width="11" data-v-4241147a></path></g></g><defs data-v-4241147a><clipPath id="clip0" data-v-4241147a><rect width="269.333" height="300" fill="white" data-v-4241147a></rect></clipPath></defs>', 2)
       ]));
     };
   }
 };
-const Logotype = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-8ec01df7"]]);
+const Logotype = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-4241147a"]]);
 exports.default = Logotype;
 //# sourceMappingURL=Logotype.vue.cjs.map