@ozdao/martyrs 0.2.475 → 0.2.476

package/dist/martyrs/src/modules/landing/components/sections/SectionMobileApp.vue.cjs

@@ -9,25 +9,24 @@ const _hoisted_1 = {
   id: "mobileApp",
   class: "cols-2 o-hidden"
 };
-const _hoisted_2 = { class: "z-index-1 h-100" };
-const _hoisted_3 = ["src"];
-const _hoisted_4 = { class: "pd-big flex flex-h-center flex-column z-index-1 w-1/2" };
-const _hoisted_5 = { class: "mn-t-medium mn-b-semi w-m-40r" };
-const _hoisted_6 = { class: "t-transp mn-b-big p-big w-m-33r" };
-const _hoisted_7 = { class: "mn-b-big gap-medium cols-2" };
-const _hoisted_8 = { class: "feature" };
-const _hoisted_9 = { class: "mn-b-thin" };
-const _hoisted_10 = { class: "t-transp p-medium" };
-const _hoisted_11 = { class: "w-100 w-max-30r flex-nowrap flex gap-medium" };
-const _hoisted_12 = ["href", "target"];
-const _hoisted_13 = {
+const _hoisted_2 = ["src"];
+const _hoisted_3 = { class: "pd-big flex flex-h-center flex-column z-index-1 w-1/2" };
+const _hoisted_4 = { class: "mn-t-medium mn-b-semi w-m-40r" };
+const _hoisted_5 = { class: "t-transp mn-b-big p-big w-m-33r" };
+const _hoisted_6 = { class: "mn-b-big gap-medium cols-2" };
+const _hoisted_7 = { class: "feature" };
+const _hoisted_8 = { class: "mn-b-small" };
+const _hoisted_9 = { class: "t-transp p-medium" };
+const _hoisted_10 = { class: "w-100 w-max-30r flex-nowrap flex gap-medium" };
+const _hoisted_11 = ["href", "target"];
+const _hoisted_12 = {
   key: 0,
-  class: "z-index-2 radius-medium bg-main t-semi uppercase pd-l-thin pd-r-thin pos-absolute pos-r-10-negative pos-t-10-negative"
+  class: "z-index-2 radius-medium bg-main t-semi uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative"
 };
-const _hoisted_14 = ["href", "target"];
-const _hoisted_15 = {
+const _hoisted_13 = ["href", "target"];
+const _hoisted_14 = {
   key: 0,
-  class: "z-index-2 pd-l-thin pd-r-thin radius-medium bg-main t-semi uppercase pos-absolute pos-r-10-negative pos-t-10-negative"
+  class: "z-index-2 pd-thin radius-medium bg-main t-semi uppercase pos-absolute pos-r-10-negative pos-t-10-negative"
 };
 const _sfc_main = {
   __name: "SectionMobileApp",
@@ -44,49 +43,47 @@ const _sfc_main = {
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
-        vue.createElementVNode("div", _hoisted_2, [
-          vue.createElementVNode("img", {
-            loading: "lazy",
-            src: (_ctx.FILE_SERVER_URL || "") + vue.unref(t)("image"),
-            class: "radius-medium h-100 w-100 object-fit-cover"
-          }, null, 8, _hoisted_3)
-        ]),
-        vue.createElementVNode("div", _hoisted_4, [
-          vue.createElementVNode("h2", _hoisted_5, vue.toDisplayString(vue.unref(t)("title")), 1),
-          vue.createElementVNode("p", _hoisted_6, vue.toDisplayString(vue.unref(t)("description")), 1),
-          vue.createElementVNode("div", _hoisted_7, [
+        vue.createElementVNode("img", {
+          loading: "lazy",
+          src: (_ctx.FILE_SERVER_URL || "") + vue.unref(t)("image"),
+          class: "radius-medium w-100 h-100 mobile:h-auto object-fit-cover"
+        }, null, 8, _hoisted_2),
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.createElementVNode("h2", _hoisted_4, vue.toDisplayString(vue.unref(t)("title")), 1),
+          vue.createElementVNode("p", _hoisted_5, vue.toDisplayString(vue.unref(t)("description")), 1),
+          vue.createElementVNode("div", _hoisted_6, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(tm)("features"), (feature) => {
-              return vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
-                vue.createElementVNode("h4", _hoisted_9, vue.toDisplayString(feature.title), 1),
-                vue.createElementVNode("p", _hoisted_10, vue.toDisplayString(feature.text), 1)
+              return vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
+                vue.createElementVNode("h4", _hoisted_8, vue.toDisplayString(feature.title), 1),
+                vue.createElementVNode("p", _hoisted_9, vue.toDisplayString(feature.text), 1)
               ]);
             }), 256))
           ]),
-          vue.createElementVNode("div", _hoisted_11, [
+          vue.createElementVNode("div", _hoisted_10, [
             vue.unref(te)("linkAppStore") || vue.unref(te)("label") ? (vue.openBlock(), vue.createElementBlock("a", {
               key: 0,
               href: vue.unref(te)("linkAppStore") ? vue.unref(t)("linkAppStore") : null,
               target: vue.unref(te)("linkAppStore") ? "_blank" : null,
               class: "pos-relative w-100 h-100"
             }, [
-              vue.unref(te)("label") ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_13, vue.toDisplayString(vue.unref(t)("label")), 1)) : vue.createCommentVNode("", true),
+              vue.unref(te)("label") ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_12, vue.toDisplayString(vue.unref(t)("label")), 1)) : vue.createCommentVNode("", true),
               vue.createVNode(LabelAppStore.default, {
                 class: "w-100 h-max",
                 alt: "Download on App Store"
               })
-            ], 8, _hoisted_12)) : vue.createCommentVNode("", true),
+            ], 8, _hoisted_11)) : vue.createCommentVNode("", true),
             vue.unref(te)("linkGooglePlay") || vue.unref(te)("label") ? (vue.openBlock(), vue.createElementBlock("a", {
               key: 1,
               href: vue.unref(te)("linkGooglePlay") ? vue.unref(t)("linkGooglePlay") : null,
               target: vue.unref(te)("linkGooglePlay") ? "_blank" : null,
               class: "pos-relative w-100 h-100"
             }, [
-              vue.unref(te)("label") ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_15, vue.toDisplayString(vue.unref(t)("label")), 1)) : vue.createCommentVNode("", true),
+              vue.unref(te)("label") ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_14, vue.toDisplayString(vue.unref(t)("label")), 1)) : vue.createCommentVNode("", true),
               vue.createVNode(LabelGooglePlay.default, {
                 class: "w-100 h-max",
                 alt: "Download on Google Play"
               })
-            ], 8, _hoisted_14)) : vue.createCommentVNode("", true)
+            ], 8, _hoisted_13)) : vue.createCommentVNode("", true)
           ])
         ])
       ]);

package/dist/martyrs/src/modules/landing/components/sections/SectionMobileApp.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SectionMobileApp.vue.cjs","sources":["../../../../../../../src/modules/landing/components/sections/SectionMobileApp.vue"],"sourcesContent":["<template>\n  <section id=\"mobileApp\" class=\"cols-2 o-hidden \">\n    <div class=\"z-index-1 h-100\">\n      <img loading=\"lazy\" \n        :src=\"(FILE_SERVER_URL || '') + t('image')\" \n        class=\"radius-medium h-100 w-100 object-fit-cover\"\n      >\n    </div>\n\n    <div class=\"pd-big flex flex-h-center flex-column z-index-1 w-1/2\">\n      <h2 class=\"mn-t-medium mn-b-semi w-m-40r\">{{ t('title') }}</h2>\n      <p class=\"t-transp mn-b-big p-big w-m-33r\">{{ t('description') }}</p>\n      \n      <div class=\"mn-b-big gap-medium cols-2\">\n        <div v-for=\"feature in tm('features')\"  class=\"feature\">\n          <h4 class=\"mn-b-thin\">{{ feature.title }}</h4>\n          <p class=\"t-transp p-medium\">{{ feature.text }}</p>\n        </div>\n      </div>\n\n      <div class=\"w-100 w-max-30r flex-nowrap flex gap-medium\">\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-semi uppercase pd-l-thin pd-r-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-l-thin pd-r-thin radius-medium bg-main t-semi 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\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup>\nimport { useI18n } from 'vue-i18n'\n\nimport LabelAppStore from '@martyrs/src/modules/icons/labels/LabelAppStore.vue'\nimport LabelGooglePlay from '@martyrs/src/modules/icons/labels/LabelGooglePlay.vue'\n\nconst props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\n\n  const { t, tm, te } = useI18n({\n    messages: props.content\n  })\n</script>\n\n<style lang=\"scss\">\n @media screen and (max-width: 1025px) {\n  #mobileApp {\n    text-align: center;\n    > section {\n      flex-direction: column;\n      > div {\n        order: 1;\n      }\n    }\n  }\n}\n</style>\n"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA,UAAM,QAAQ;AAOZ,UAAM,EAAE,GAAG,IAAI,GAAE,IAAKA,QAAAA,QAAQ;AAAA,MAC5B,UAAU,MAAM;AAAA,IACjB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionMobileApp.vue.cjs","sources":["../../../../../../../src/modules/landing/components/sections/SectionMobileApp.vue"],"sourcesContent":["<template>\n  <section id=\"mobileApp\" class=\"cols-2 o-hidden \">\n      <img loading=\"lazy\" \n        :src=\"(FILE_SERVER_URL || '') + t('image')\" \n        class=\"radius-medium w-100 h-100 mobile:h-auto object-fit-cover\"\n      >\n\n    <div class=\"pd-big flex flex-h-center flex-column z-index-1 w-1/2\">\n      <h2 class=\"mn-t-medium mn-b-semi w-m-40r\">{{ t('title') }}</h2>\n      <p class=\"t-transp mn-b-big p-big w-m-33r\">{{ t('description') }}</p>\n      \n      <div class=\"mn-b-big gap-medium cols-2\">\n        <div v-for=\"feature in tm('features')\"  class=\"feature\">\n          <h4 class=\"mn-b-small\">{{ feature.title }}</h4>\n          <p class=\"t-transp p-medium\">{{ feature.text }}</p>\n        </div>\n      </div>\n\n      <div class=\"w-100 w-max-30r flex-nowrap flex gap-medium\">\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-semi 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-semi 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\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup>\nimport { useI18n } from 'vue-i18n'\n\nimport LabelAppStore from '@martyrs/src/modules/icons/labels/LabelAppStore.vue'\nimport LabelGooglePlay from '@martyrs/src/modules/icons/labels/LabelGooglePlay.vue'\n\nconst props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\n\n  const { t, tm, te } = useI18n({\n    messages: props.content\n  })\n</script>\n\n<style lang=\"scss\">\n @media screen and (max-width: 1025px) {\n  #mobileApp {\n    text-align: center;\n    > section {\n      flex-direction: column;\n      > div {\n        order: 1;\n      }\n    }\n  }\n}\n</style>\n"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,UAAM,QAAQ;AAOZ,UAAM,EAAE,GAAG,IAAI,GAAE,IAAKA,QAAAA,QAAQ;AAAA,MAC5B,UAAU,MAAM;AAAA,IACjB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/landing/components/sections/SectionMobileApp.vue.js

@@ -7,25 +7,24 @@ const _hoisted_1 = {
   id: "mobileApp",
   class: "cols-2 o-hidden"
 };
-const _hoisted_2 = { class: "z-index-1 h-100" };
-const _hoisted_3 = ["src"];
-const _hoisted_4 = { class: "pd-big flex flex-h-center flex-column z-index-1 w-1/2" };
-const _hoisted_5 = { class: "mn-t-medium mn-b-semi w-m-40r" };
-const _hoisted_6 = { class: "t-transp mn-b-big p-big w-m-33r" };
-const _hoisted_7 = { class: "mn-b-big gap-medium cols-2" };
-const _hoisted_8 = { class: "feature" };
-const _hoisted_9 = { class: "mn-b-thin" };
-const _hoisted_10 = { class: "t-transp p-medium" };
-const _hoisted_11 = { class: "w-100 w-max-30r flex-nowrap flex gap-medium" };
-const _hoisted_12 = ["href", "target"];
-const _hoisted_13 = {
+const _hoisted_2 = ["src"];
+const _hoisted_3 = { class: "pd-big flex flex-h-center flex-column z-index-1 w-1/2" };
+const _hoisted_4 = { class: "mn-t-medium mn-b-semi w-m-40r" };
+const _hoisted_5 = { class: "t-transp mn-b-big p-big w-m-33r" };
+const _hoisted_6 = { class: "mn-b-big gap-medium cols-2" };
+const _hoisted_7 = { class: "feature" };
+const _hoisted_8 = { class: "mn-b-small" };
+const _hoisted_9 = { class: "t-transp p-medium" };
+const _hoisted_10 = { class: "w-100 w-max-30r flex-nowrap flex gap-medium" };
+const _hoisted_11 = ["href", "target"];
+const _hoisted_12 = {
   key: 0,
-  class: "z-index-2 radius-medium bg-main t-semi uppercase pd-l-thin pd-r-thin pos-absolute pos-r-10-negative pos-t-10-negative"
+  class: "z-index-2 radius-medium bg-main t-semi uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative"
 };
-const _hoisted_14 = ["href", "target"];
-const _hoisted_15 = {
+const _hoisted_13 = ["href", "target"];
+const _hoisted_14 = {
   key: 0,
-  class: "z-index-2 pd-l-thin pd-r-thin radius-medium bg-main t-semi uppercase pos-absolute pos-r-10-negative pos-t-10-negative"
+  class: "z-index-2 pd-thin radius-medium bg-main t-semi uppercase pos-absolute pos-r-10-negative pos-t-10-negative"
 };
 const _sfc_main = {
   __name: "SectionMobileApp",
@@ -42,49 +41,47 @@ const _sfc_main = {
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("section", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("img", {
-            loading: "lazy",
-            src: (_ctx.FILE_SERVER_URL || "") + unref(t)("image"),
-            class: "radius-medium h-100 w-100 object-fit-cover"
-          }, null, 8, _hoisted_3)
-        ]),
-        createElementVNode("div", _hoisted_4, [
-          createElementVNode("h2", _hoisted_5, toDisplayString(unref(t)("title")), 1),
-          createElementVNode("p", _hoisted_6, toDisplayString(unref(t)("description")), 1),
-          createElementVNode("div", _hoisted_7, [
+        createElementVNode("img", {
+          loading: "lazy",
+          src: (_ctx.FILE_SERVER_URL || "") + unref(t)("image"),
+          class: "radius-medium w-100 h-100 mobile:h-auto object-fit-cover"
+        }, null, 8, _hoisted_2),
+        createElementVNode("div", _hoisted_3, [
+          createElementVNode("h2", _hoisted_4, toDisplayString(unref(t)("title")), 1),
+          createElementVNode("p", _hoisted_5, toDisplayString(unref(t)("description")), 1),
+          createElementVNode("div", _hoisted_6, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tm)("features"), (feature) => {
-              return openBlock(), createElementBlock("div", _hoisted_8, [
-                createElementVNode("h4", _hoisted_9, toDisplayString(feature.title), 1),
-                createElementVNode("p", _hoisted_10, toDisplayString(feature.text), 1)
+              return openBlock(), createElementBlock("div", _hoisted_7, [
+                createElementVNode("h4", _hoisted_8, toDisplayString(feature.title), 1),
+                createElementVNode("p", _hoisted_9, toDisplayString(feature.text), 1)
               ]);
             }), 256))
           ]),
-          createElementVNode("div", _hoisted_11, [
+          createElementVNode("div", _hoisted_10, [
             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_13, toDisplayString(unref(t)("label")), 1)) : createCommentVNode("", true),
+              unref(te)("label") ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(unref(t)("label")), 1)) : createCommentVNode("", true),
               createVNode(LabelAppStore, {
                 class: "w-100 h-max",
                 alt: "Download on App Store"
               })
-            ], 8, _hoisted_12)) : createCommentVNode("", true),
+            ], 8, _hoisted_11)) : 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_15, toDisplayString(unref(t)("label")), 1)) : createCommentVNode("", true),
+              unref(te)("label") ? (openBlock(), createElementBlock("span", _hoisted_14, toDisplayString(unref(t)("label")), 1)) : createCommentVNode("", true),
               createVNode(LabelGooglePlay, {
                 class: "w-100 h-max",
                 alt: "Download on Google Play"
               })
-            ], 8, _hoisted_14)) : createCommentVNode("", true)
+            ], 8, _hoisted_13)) : createCommentVNode("", true)
           ])
         ])
       ]);

package/dist/martyrs/src/modules/landing/components/sections/SectionMobileApp.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionMobileApp.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionMobileApp.vue"],"sourcesContent":["<template>\n  <section id=\"mobileApp\" class=\"cols-2 o-hidden \">\n    <div class=\"z-index-1 h-100\">\n      <img loading=\"lazy\" \n        :src=\"(FILE_SERVER_URL || '') + t('image')\" \n        class=\"radius-medium h-100 w-100 object-fit-cover\"\n      >\n    </div>\n\n    <div class=\"pd-big flex flex-h-center flex-column z-index-1 w-1/2\">\n      <h2 class=\"mn-t-medium mn-b-semi w-m-40r\">{{ t('title') }}</h2>\n      <p class=\"t-transp mn-b-big p-big w-m-33r\">{{ t('description') }}</p>\n      \n      <div class=\"mn-b-big gap-medium cols-2\">\n        <div v-for=\"feature in tm('features')\"  class=\"feature\">\n          <h4 class=\"mn-b-thin\">{{ feature.title }}</h4>\n          <p class=\"t-transp p-medium\">{{ feature.text }}</p>\n        </div>\n      </div>\n\n      <div class=\"w-100 w-max-30r flex-nowrap flex gap-medium\">\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-semi uppercase pd-l-thin pd-r-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-l-thin pd-r-thin radius-medium bg-main t-semi 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\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup>\nimport { useI18n } from 'vue-i18n'\n\nimport LabelAppStore from '@martyrs/src/modules/icons/labels/LabelAppStore.vue'\nimport LabelGooglePlay from '@martyrs/src/modules/icons/labels/LabelGooglePlay.vue'\n\nconst props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\n\n  const { t, tm, te } = useI18n({\n    messages: props.content\n  })\n</script>\n\n<style lang=\"scss\">\n @media screen and (max-width: 1025px) {\n  #mobileApp {\n    text-align: center;\n    > section {\n      flex-direction: column;\n      > div {\n        order: 1;\n      }\n    }\n  }\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA,UAAM,QAAQ;AAOZ,UAAM,EAAE,GAAG,IAAI,GAAE,IAAK,QAAQ;AAAA,MAC5B,UAAU,MAAM;AAAA,IACjB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionMobileApp.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionMobileApp.vue"],"sourcesContent":["<template>\n  <section id=\"mobileApp\" class=\"cols-2 o-hidden \">\n      <img loading=\"lazy\" \n        :src=\"(FILE_SERVER_URL || '') + t('image')\" \n        class=\"radius-medium w-100 h-100 mobile:h-auto object-fit-cover\"\n      >\n\n    <div class=\"pd-big flex flex-h-center flex-column z-index-1 w-1/2\">\n      <h2 class=\"mn-t-medium mn-b-semi w-m-40r\">{{ t('title') }}</h2>\n      <p class=\"t-transp mn-b-big p-big w-m-33r\">{{ t('description') }}</p>\n      \n      <div class=\"mn-b-big gap-medium cols-2\">\n        <div v-for=\"feature in tm('features')\"  class=\"feature\">\n          <h4 class=\"mn-b-small\">{{ feature.title }}</h4>\n          <p class=\"t-transp p-medium\">{{ feature.text }}</p>\n        </div>\n      </div>\n\n      <div class=\"w-100 w-max-30r flex-nowrap flex gap-medium\">\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-semi 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-semi 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\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup>\nimport { useI18n } from 'vue-i18n'\n\nimport LabelAppStore from '@martyrs/src/modules/icons/labels/LabelAppStore.vue'\nimport LabelGooglePlay from '@martyrs/src/modules/icons/labels/LabelGooglePlay.vue'\n\nconst props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\n\n  const { t, tm, te } = useI18n({\n    messages: props.content\n  })\n</script>\n\n<style lang=\"scss\">\n @media screen and (max-width: 1025px) {\n  #mobileApp {\n    text-align: center;\n    > section {\n      flex-direction: column;\n      > div {\n        order: 1;\n      }\n    }\n  }\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,UAAM,QAAQ;AAOZ,UAAM,EAAE,GAAG,IAAI,GAAE,IAAK,QAAQ;AAAA,MAC5B,UAAU,MAAM;AAAA,IACjB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/marketplace/views/components/layouts/Marketplace.vue.cjs

@@ -157,8 +157,8 @@ const _sfc_main = {
                   onClick: _cache[2] || (_cache[2] = (a) => {
                     globals.state.isOpenLocationPopup = true;
                   }),
-                  class: "h2 pd-l-small pd-r-small pd-t-micro pd-b-micro d-inline-block t-semi radius-extra bg-main t-black cursor-pointer"
-                }, " The World "))
+                  class: "t-main t-semi cursor-pointer"
+                }, "The World"))
               ])
             ]),
             vue.createElementVNode("div", _hoisted_7, [

package/dist/martyrs/src/modules/marketplace/views/components/layouts/Marketplace.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Marketplace.vue.cjs","sources":["../../../../../../../../src/modules/marketplace/views/components/layouts/Marketplace.vue"],"sourcesContent":["<template>\n\t<div style=\"min-height: 100%;\" class=\"h-min-100\">\n\t\t\n\n\t\t <div class=\"cols-2-1_3 h-100 z-index-3 pos-relative radius-big\">\n\n\t\t\t<div class=\"o-y-scroll br-r br-solid br-light  z-index-2 desktop-only h-100 pos-relative\">\n\t     \t<BlockFilter\n          v-model:filter=\"marketplace.state.filter\"\n          :options=\"marketplace.state.filter.options\"\n          class=\"h-100 w-100 pd-medium\"\n\t\t    />\n\t\t  </div>\n\n\t\t\t<!-- Catalog wrapper -->\n\t\t\t<div class=\"pd-thin\">\n\t\t\t\t<header class=\"pd-medium radius-medium bg-light mn-b-thin\">\n\t\t    \t<h2 class=\"\">\n\t\t    \t\t<span class=\"\">Weed Deliveries in </span>\n\n\t\t    \t\t<span \n\t\t    \t\t\tv-if=\"localPosition.city || localPosition.state || localPosition.country\"\n\t\t    \t\t\t@click=\"a => { globals.state.isOpenLocationPopup = true }\" \n\t\t    \t\t\tclass=\"t-main t-semi cursor-pointer \"\n\t\t    \t\t>\n\t\t  \t\t\t\t<template v-if=\"localPosition.city\">{{localPosition.city}}, </template>\n\t\t  \t\t\t\t<template v-if=\"localPosition.state\">{{localPosition.state}}, </template>\n\t\t  \t\t\t\t<template v-if=\"localPosition.country\">{{localPosition.country}}</template>\n\t\t    \t\t</span>\n\n\t\t    \t\t<span v-else @click=\"a => { globals.state.isOpenLocationPopup = true }\"  class=\"h2 pd-l-small pd-r-small pd-t-micro pd-b-micro d-inline-block t-semi radius-extra bg-main t-black cursor-pointer\">\n\t\t\t\t\t\t\t\tThe World\n\t\t    \t\t</span>\n\t\t    \t</h2>\n\t\t\t\t</header>\n\n\t\t\t\t<div class=\"rows-1\">\n\t\t\t\t\t<router-view  v-slot=\"{ Component, route }\">\n\t\t\t\t\t\t<component ref=\"page\" :key=\"route\" :localPosition=\"localPosition\" :is=\"Component\" />\n\t\t\t\t\t</router-view>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n\n<script setup=\"props\">\n\t// Import libs\n\timport { computed, onMounted, watch, ref } from 'vue'\n\timport { useRoute, useRouter,onBeforeRouteLeave } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\n\timport BlockFilter  from '@martyrs/src/modules/globals/views/components/blocks/BlockFilter.vue'\n\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals'\n  import * as categories from '@martyrs/src/modules/products/store/categories';\n\n\n\timport * as marketplace from '../../store/marketplace';\n\n\t// Accessing router and store\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n\tconst localPosition = ref({\n\t\tcity: null,\n\t\tstate: null,\n\t\tcountry: null\n\t});\n\n\tconst desktopFilters = ref(null)\n\n\tfunction denormalizeUrlParam(param) {\n\t  return param\n\t    .replace(/-/g, ' ') // Замена дефисов на пробелы\n\t    .replace(/\\b\\w/g, l => l.toUpperCase()); // Преобразование первой буквы каждого слова в заглавную\n\t}\n\n\tfunction normalizeUrlParam(param) {\n\t  return param\n\t    .toLowerCase()\n\t    .replace(/ /g, '-')\n\t    .replace(/[^a-z0-9-]/g, '');\n\t}\n\n\tif (route.params) {\n    // Загружаем новые значения из параметров маршрута в состояние\n    let newState = {\n      country: denormalizeUrlParam(route.params.country),\n      state: denormalizeUrlParam(route.params.state),\n      city: denormalizeUrlParam(route.params.city),\n    };\n\n\t  // Обновляем глобальное состояние\n\t  localPosition.value = newState;\n\t}\n\n\tif (route.query) {\n\t \tconst query = route.query;\n\n\t\tmarketplace.state.filter.selected.categories = query.categories ? query.categories.split(',') : [];\n\t\tmarketplace.state.filter.selected.prices = query.prices ? query.prices.split(',') : [];\n\t\tmarketplace.state.filter.selected.delivery = query.delivery ? query.delivery.split(',') : [];\n\t}\n\n\tif (route.query.sortParam) marketplace.state.sort.param = route.query.sortParam\n\tif (route.query.sortOrder) marketplace.state.sort.order = route.query.sortOrder\n\n\tonMounted(async () => {\n\t  let options = {\n      status: 'published',\n      rootOnly: true\n    }\n\n    let categoriesFilter = await categories.actions.read(options);\n\n    categoriesFilter = categoriesFilter.map(category => ({\n      value: category._id,\n      label: category.name\n    }));\n\n    const index = marketplace.state.filter.options.findIndex(option => option.value === 'categories');\n\n    const categoryOption = {\n      title: 'Categories',\n      value: 'categories',\n      options: categoriesFilter\n    };\n\n    if (index !== -1) {\n        marketplace.state.filter.options[index] = categoryOption;\n    } else {\n        marketplace.state.filter.options.unshift(categoryOption);\n    }\n\t})\n\n\twatch(() => marketplace.state.sort, (newSortValue, oldSortValue) => {\n\t\tlet query = { ...route.query}\n\t\t\n\t\tquery.sortParam = newSortValue.param\n\t\tquery.sortOrder = newSortValue.order\n\t  \n\t  // replace the current route\n\t  router.replace({ query });\n\t}, { deep: true });\n\n\n\twatch(() => marketplace.state.filter.selected, (newFilterValue, oldFilterValue) => {\n\t  // Переводим фильтр в формат query\n\t  const query = { ...route.query };\n\n\t  // Удаляем старые значения фильтра из query\n\t  Object.keys(oldFilterValue).forEach(key => {\n\t    if (query[key]) {\n\t      delete query[key];\n\t    }\n\t  });\n\n\t  // Добавляем новые значения фильтра в query\n\t  const newQueryValues = Object.fromEntries(\n\t    Object.entries(newFilterValue)\n\t      .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n\t      .map(([key, value]) => [key, value.join(',')])\n\t  );\n\n\t  delete query.options;\n\t  Object.assign(query, newQueryValues);\n\n\t  // Обновляем маршрут с новым query\n\t  router.replace({ query });\n\t}, { deep: true })\n\n\twatch(() => globals.state.position, (newPosition) => {\n\t  // get the current route\n\t  const currentRoute = { ...router.currentRoute.value };\n\t  \n\t  // create new parameters based on globals state position\n\t  let newParams = {\n\t    country: normalizeUrlParam(newPosition.country),\n\t    state: normalizeUrlParam(newPosition.state),\n\t    city: normalizeUrlParam(newPosition.city),\n\t  };\n\t  \n\t  // update route params\n\t  currentRoute.params = newParams;\n\t  \n\t  // replace the current route\n\t  router.replace(currentRoute);\n\t}, { deep: true });\n\n  const text = {\n    locale: 'en',\n    messages: {\n      en: {\n\t     \tmeta: {\n          title: \"Marketplace – Shop Our Wide Selection of Quality Weed for Delivery\",\n          description: \"Browse our marketplace of top-grade weed strains and choose from a variety of delivery options. Order now and have your favorite strains delivered straight to your door. Safe, fast, and reliable.\",\n        }\n      },\n      ru: {\n\t      meta: {\n          title: \"Маркетплейс – Выбирайте из нашего ассортимента качественной травки для доставки\",\n          description: \"Маркетплейс – Изучите наши продукты высокого качества и выбирайте из различных вариантов доставки. Закажите сейчас и получите свои любимые сорта на дом. Безопасно, быстро и надежно.\",\n        }\n      }\n    }\n  }\n\n \tconst { t } = useI18n(text)\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n"],"names":["useRoute","useRouter","ref","marketplace.state","onMounted","categories.actions","watch","globals.state","useI18n"],"mappings":"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"}
+{"version":3,"file":"Marketplace.vue.cjs","sources":["../../../../../../../../src/modules/marketplace/views/components/layouts/Marketplace.vue"],"sourcesContent":["<template>\n\t<div style=\"min-height: 100%;\" class=\"h-min-100\">\n\t\t\n\n\t\t <div class=\"cols-2-1_3 h-100 z-index-3 pos-relative radius-big\">\n\n\t\t\t<div class=\"o-y-scroll br-r br-solid br-light  z-index-2 desktop-only h-100 pos-relative\">\n\t     \t<BlockFilter\n          v-model:filter=\"marketplace.state.filter\"\n          :options=\"marketplace.state.filter.options\"\n          class=\"h-100 w-100 pd-medium\"\n\t\t    />\n\t\t  </div>\n\n\t\t\t<!-- Catalog wrapper -->\n\t\t\t<div class=\"pd-thin\">\n\t\t\t\t<header class=\"pd-medium radius-medium bg-light mn-b-thin\">\n\t\t    \t<h2 class=\"\">\n\t\t    \t\t<span class=\"\">Weed Deliveries in </span>\n\n\t\t    \t\t<span \n\t\t    \t\t\tv-if=\"localPosition.city || localPosition.state || localPosition.country\"\n\t\t    \t\t\t@click=\"a => { globals.state.isOpenLocationPopup = true }\" \n\t\t    \t\t\tclass=\"t-main t-semi cursor-pointer \"\n\t\t    \t\t>\n\t\t  \t\t\t\t<template v-if=\"localPosition.city\">{{localPosition.city}}, </template>\n\t\t  \t\t\t\t<template v-if=\"localPosition.state\">{{localPosition.state}}, </template>\n\t\t  \t\t\t\t<template v-if=\"localPosition.country\">{{localPosition.country}}</template>\n\t\t    \t\t</span>\n\n\t\t    \t\t<span v-else @click=\"a => { globals.state.isOpenLocationPopup = true }\"  class=\"t-main t-semi cursor-pointer\">The World</span>\n\t\t    \t</h2>\n\t\t\t\t</header>\n\n\t\t\t\t<div class=\"rows-1\">\n\t\t\t\t\t<router-view  v-slot=\"{ Component, route }\">\n\t\t\t\t\t\t<component ref=\"page\" :key=\"route\" :localPosition=\"localPosition\" :is=\"Component\" />\n\t\t\t\t\t</router-view>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n\n<script setup=\"props\">\n\t// Import libs\n\timport { computed, onMounted, watch, ref } from 'vue'\n\timport { useRoute, useRouter,onBeforeRouteLeave } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\n\timport BlockFilter  from '@martyrs/src/modules/globals/views/components/blocks/BlockFilter.vue'\n\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals'\n  import * as categories from '@martyrs/src/modules/products/store/categories';\n\n\n\timport * as marketplace from '../../store/marketplace';\n\n\t// Accessing router and store\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n\tconst localPosition = ref({\n\t\tcity: null,\n\t\tstate: null,\n\t\tcountry: null\n\t});\n\n\tconst desktopFilters = ref(null)\n\n\tfunction denormalizeUrlParam(param) {\n\t  return param\n\t    .replace(/-/g, ' ') // Замена дефисов на пробелы\n\t    .replace(/\\b\\w/g, l => l.toUpperCase()); // Преобразование первой буквы каждого слова в заглавную\n\t}\n\n\tfunction normalizeUrlParam(param) {\n\t  return param\n\t    .toLowerCase()\n\t    .replace(/ /g, '-')\n\t    .replace(/[^a-z0-9-]/g, '');\n\t}\n\n\tif (route.params) {\n    // Загружаем новые значения из параметров маршрута в состояние\n    let newState = {\n      country: denormalizeUrlParam(route.params.country),\n      state: denormalizeUrlParam(route.params.state),\n      city: denormalizeUrlParam(route.params.city),\n    };\n\n\t  // Обновляем глобальное состояние\n\t  localPosition.value = newState;\n\t}\n\n\tif (route.query) {\n\t \tconst query = route.query;\n\n\t\tmarketplace.state.filter.selected.categories = query.categories ? query.categories.split(',') : [];\n\t\tmarketplace.state.filter.selected.prices = query.prices ? query.prices.split(',') : [];\n\t\tmarketplace.state.filter.selected.delivery = query.delivery ? query.delivery.split(',') : [];\n\t}\n\n\tif (route.query.sortParam) marketplace.state.sort.param = route.query.sortParam\n\tif (route.query.sortOrder) marketplace.state.sort.order = route.query.sortOrder\n\n\tonMounted(async () => {\n\t  let options = {\n      status: 'published',\n      rootOnly: true\n    }\n\n    let categoriesFilter = await categories.actions.read(options);\n\n    categoriesFilter = categoriesFilter.map(category => ({\n      value: category._id,\n      label: category.name\n    }));\n\n    const index = marketplace.state.filter.options.findIndex(option => option.value === 'categories');\n\n    const categoryOption = {\n      title: 'Categories',\n      value: 'categories',\n      options: categoriesFilter\n    };\n\n    if (index !== -1) {\n        marketplace.state.filter.options[index] = categoryOption;\n    } else {\n        marketplace.state.filter.options.unshift(categoryOption);\n    }\n\t})\n\n\twatch(() => marketplace.state.sort, (newSortValue, oldSortValue) => {\n\t\tlet query = { ...route.query}\n\t\t\n\t\tquery.sortParam = newSortValue.param\n\t\tquery.sortOrder = newSortValue.order\n\t  \n\t  // replace the current route\n\t  router.replace({ query });\n\t}, { deep: true });\n\n\n\twatch(() => marketplace.state.filter.selected, (newFilterValue, oldFilterValue) => {\n\t  // Переводим фильтр в формат query\n\t  const query = { ...route.query };\n\n\t  // Удаляем старые значения фильтра из query\n\t  Object.keys(oldFilterValue).forEach(key => {\n\t    if (query[key]) {\n\t      delete query[key];\n\t    }\n\t  });\n\n\t  // Добавляем новые значения фильтра в query\n\t  const newQueryValues = Object.fromEntries(\n\t    Object.entries(newFilterValue)\n\t      .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n\t      .map(([key, value]) => [key, value.join(',')])\n\t  );\n\n\t  delete query.options;\n\t  Object.assign(query, newQueryValues);\n\n\t  // Обновляем маршрут с новым query\n\t  router.replace({ query });\n\t}, { deep: true })\n\n\twatch(() => globals.state.position, (newPosition) => {\n\t  // get the current route\n\t  const currentRoute = { ...router.currentRoute.value };\n\t  \n\t  // create new parameters based on globals state position\n\t  let newParams = {\n\t    country: normalizeUrlParam(newPosition.country),\n\t    state: normalizeUrlParam(newPosition.state),\n\t    city: normalizeUrlParam(newPosition.city),\n\t  };\n\t  \n\t  // update route params\n\t  currentRoute.params = newParams;\n\t  \n\t  // replace the current route\n\t  router.replace(currentRoute);\n\t}, { deep: true });\n\n  const text = {\n    locale: 'en',\n    messages: {\n      en: {\n\t     \tmeta: {\n          title: \"Marketplace – Shop Our Wide Selection of Quality Weed for Delivery\",\n          description: \"Browse our marketplace of top-grade weed strains and choose from a variety of delivery options. Order now and have your favorite strains delivered straight to your door. Safe, fast, and reliable.\",\n        }\n      },\n      ru: {\n\t      meta: {\n          title: \"Маркетплейс – Выбирайте из нашего ассортимента качественной травки для доставки\",\n          description: \"Маркетплейс – Изучите наши продукты высокого качества и выбирайте из различных вариантов доставки. Закажите сейчас и получите свои любимые сорта на дом. Безопасно, быстро и надежно.\",\n        }\n      }\n    }\n  }\n\n \tconst { t } = useI18n(text)\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n"],"names":["useRoute","useRouter","ref","marketplace.state","onMounted","categories.actions","watch","globals.state","useI18n"],"mappings":"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"}

package/dist/martyrs/src/modules/marketplace/views/components/layouts/Marketplace.vue.js

@@ -155,8 +155,8 @@ const _sfc_main = {
                   onClick: _cache[2] || (_cache[2] = (a) => {
                     state$1.isOpenLocationPopup = true;
                   }),
-                  class: "h2 pd-l-small pd-r-small pd-t-micro pd-b-micro d-inline-block t-semi radius-extra bg-main t-black cursor-pointer"
-                }, " The World "))
+                  class: "t-main t-semi cursor-pointer"
+                }, "The World"))
               ])
             ]),
             createElementVNode("div", _hoisted_7, [

package/dist/martyrs/src/modules/marketplace/views/components/layouts/Marketplace.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Marketplace.vue.js","sources":["../../../../../../../../src/modules/marketplace/views/components/layouts/Marketplace.vue"],"sourcesContent":["<template>\n\t<div style=\"min-height: 100%;\" class=\"h-min-100\">\n\t\t\n\n\t\t <div class=\"cols-2-1_3 h-100 z-index-3 pos-relative radius-big\">\n\n\t\t\t<div class=\"o-y-scroll br-r br-solid br-light  z-index-2 desktop-only h-100 pos-relative\">\n\t     \t<BlockFilter\n          v-model:filter=\"marketplace.state.filter\"\n          :options=\"marketplace.state.filter.options\"\n          class=\"h-100 w-100 pd-medium\"\n\t\t    />\n\t\t  </div>\n\n\t\t\t<!-- Catalog wrapper -->\n\t\t\t<div class=\"pd-thin\">\n\t\t\t\t<header class=\"pd-medium radius-medium bg-light mn-b-thin\">\n\t\t    \t<h2 class=\"\">\n\t\t    \t\t<span class=\"\">Weed Deliveries in </span>\n\n\t\t    \t\t<span \n\t\t    \t\t\tv-if=\"localPosition.city || localPosition.state || localPosition.country\"\n\t\t    \t\t\t@click=\"a => { globals.state.isOpenLocationPopup = true }\" \n\t\t    \t\t\tclass=\"t-main t-semi cursor-pointer \"\n\t\t    \t\t>\n\t\t  \t\t\t\t<template v-if=\"localPosition.city\">{{localPosition.city}}, </template>\n\t\t  \t\t\t\t<template v-if=\"localPosition.state\">{{localPosition.state}}, </template>\n\t\t  \t\t\t\t<template v-if=\"localPosition.country\">{{localPosition.country}}</template>\n\t\t    \t\t</span>\n\n\t\t    \t\t<span v-else @click=\"a => { globals.state.isOpenLocationPopup = true }\"  class=\"h2 pd-l-small pd-r-small pd-t-micro pd-b-micro d-inline-block t-semi radius-extra bg-main t-black cursor-pointer\">\n\t\t\t\t\t\t\t\tThe World\n\t\t    \t\t</span>\n\t\t    \t</h2>\n\t\t\t\t</header>\n\n\t\t\t\t<div class=\"rows-1\">\n\t\t\t\t\t<router-view  v-slot=\"{ Component, route }\">\n\t\t\t\t\t\t<component ref=\"page\" :key=\"route\" :localPosition=\"localPosition\" :is=\"Component\" />\n\t\t\t\t\t</router-view>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n\n<script setup=\"props\">\n\t// Import libs\n\timport { computed, onMounted, watch, ref } from 'vue'\n\timport { useRoute, useRouter,onBeforeRouteLeave } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\n\timport BlockFilter  from '@martyrs/src/modules/globals/views/components/blocks/BlockFilter.vue'\n\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals'\n  import * as categories from '@martyrs/src/modules/products/store/categories';\n\n\n\timport * as marketplace from '../../store/marketplace';\n\n\t// Accessing router and store\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n\tconst localPosition = ref({\n\t\tcity: null,\n\t\tstate: null,\n\t\tcountry: null\n\t});\n\n\tconst desktopFilters = ref(null)\n\n\tfunction denormalizeUrlParam(param) {\n\t  return param\n\t    .replace(/-/g, ' ') // Замена дефисов на пробелы\n\t    .replace(/\\b\\w/g, l => l.toUpperCase()); // Преобразование первой буквы каждого слова в заглавную\n\t}\n\n\tfunction normalizeUrlParam(param) {\n\t  return param\n\t    .toLowerCase()\n\t    .replace(/ /g, '-')\n\t    .replace(/[^a-z0-9-]/g, '');\n\t}\n\n\tif (route.params) {\n    // Загружаем новые значения из параметров маршрута в состояние\n    let newState = {\n      country: denormalizeUrlParam(route.params.country),\n      state: denormalizeUrlParam(route.params.state),\n      city: denormalizeUrlParam(route.params.city),\n    };\n\n\t  // Обновляем глобальное состояние\n\t  localPosition.value = newState;\n\t}\n\n\tif (route.query) {\n\t \tconst query = route.query;\n\n\t\tmarketplace.state.filter.selected.categories = query.categories ? query.categories.split(',') : [];\n\t\tmarketplace.state.filter.selected.prices = query.prices ? query.prices.split(',') : [];\n\t\tmarketplace.state.filter.selected.delivery = query.delivery ? query.delivery.split(',') : [];\n\t}\n\n\tif (route.query.sortParam) marketplace.state.sort.param = route.query.sortParam\n\tif (route.query.sortOrder) marketplace.state.sort.order = route.query.sortOrder\n\n\tonMounted(async () => {\n\t  let options = {\n      status: 'published',\n      rootOnly: true\n    }\n\n    let categoriesFilter = await categories.actions.read(options);\n\n    categoriesFilter = categoriesFilter.map(category => ({\n      value: category._id,\n      label: category.name\n    }));\n\n    const index = marketplace.state.filter.options.findIndex(option => option.value === 'categories');\n\n    const categoryOption = {\n      title: 'Categories',\n      value: 'categories',\n      options: categoriesFilter\n    };\n\n    if (index !== -1) {\n        marketplace.state.filter.options[index] = categoryOption;\n    } else {\n        marketplace.state.filter.options.unshift(categoryOption);\n    }\n\t})\n\n\twatch(() => marketplace.state.sort, (newSortValue, oldSortValue) => {\n\t\tlet query = { ...route.query}\n\t\t\n\t\tquery.sortParam = newSortValue.param\n\t\tquery.sortOrder = newSortValue.order\n\t  \n\t  // replace the current route\n\t  router.replace({ query });\n\t}, { deep: true });\n\n\n\twatch(() => marketplace.state.filter.selected, (newFilterValue, oldFilterValue) => {\n\t  // Переводим фильтр в формат query\n\t  const query = { ...route.query };\n\n\t  // Удаляем старые значения фильтра из query\n\t  Object.keys(oldFilterValue).forEach(key => {\n\t    if (query[key]) {\n\t      delete query[key];\n\t    }\n\t  });\n\n\t  // Добавляем новые значения фильтра в query\n\t  const newQueryValues = Object.fromEntries(\n\t    Object.entries(newFilterValue)\n\t      .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n\t      .map(([key, value]) => [key, value.join(',')])\n\t  );\n\n\t  delete query.options;\n\t  Object.assign(query, newQueryValues);\n\n\t  // Обновляем маршрут с новым query\n\t  router.replace({ query });\n\t}, { deep: true })\n\n\twatch(() => globals.state.position, (newPosition) => {\n\t  // get the current route\n\t  const currentRoute = { ...router.currentRoute.value };\n\t  \n\t  // create new parameters based on globals state position\n\t  let newParams = {\n\t    country: normalizeUrlParam(newPosition.country),\n\t    state: normalizeUrlParam(newPosition.state),\n\t    city: normalizeUrlParam(newPosition.city),\n\t  };\n\t  \n\t  // update route params\n\t  currentRoute.params = newParams;\n\t  \n\t  // replace the current route\n\t  router.replace(currentRoute);\n\t}, { deep: true });\n\n  const text = {\n    locale: 'en',\n    messages: {\n      en: {\n\t     \tmeta: {\n          title: \"Marketplace – Shop Our Wide Selection of Quality Weed for Delivery\",\n          description: \"Browse our marketplace of top-grade weed strains and choose from a variety of delivery options. Order now and have your favorite strains delivered straight to your door. Safe, fast, and reliable.\",\n        }\n      },\n      ru: {\n\t      meta: {\n          title: \"Маркетплейс – Выбирайте из нашего ассортимента качественной травки для доставки\",\n          description: \"Маркетплейс – Изучите наши продукты высокого качества и выбирайте из различных вариантов доставки. Закажите сейчас и получите свои любимые сорта на дом. Безопасно, быстро и надежно.\",\n        }\n      }\n    }\n  }\n\n \tconst { t } = useI18n(text)\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n"],"names":["marketplace.state","categories.actions","globals.state"],"mappings":"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"}
+{"version":3,"file":"Marketplace.vue.js","sources":["../../../../../../../../src/modules/marketplace/views/components/layouts/Marketplace.vue"],"sourcesContent":["<template>\n\t<div style=\"min-height: 100%;\" class=\"h-min-100\">\n\t\t\n\n\t\t <div class=\"cols-2-1_3 h-100 z-index-3 pos-relative radius-big\">\n\n\t\t\t<div class=\"o-y-scroll br-r br-solid br-light  z-index-2 desktop-only h-100 pos-relative\">\n\t     \t<BlockFilter\n          v-model:filter=\"marketplace.state.filter\"\n          :options=\"marketplace.state.filter.options\"\n          class=\"h-100 w-100 pd-medium\"\n\t\t    />\n\t\t  </div>\n\n\t\t\t<!-- Catalog wrapper -->\n\t\t\t<div class=\"pd-thin\">\n\t\t\t\t<header class=\"pd-medium radius-medium bg-light mn-b-thin\">\n\t\t    \t<h2 class=\"\">\n\t\t    \t\t<span class=\"\">Weed Deliveries in </span>\n\n\t\t    \t\t<span \n\t\t    \t\t\tv-if=\"localPosition.city || localPosition.state || localPosition.country\"\n\t\t    \t\t\t@click=\"a => { globals.state.isOpenLocationPopup = true }\" \n\t\t    \t\t\tclass=\"t-main t-semi cursor-pointer \"\n\t\t    \t\t>\n\t\t  \t\t\t\t<template v-if=\"localPosition.city\">{{localPosition.city}}, </template>\n\t\t  \t\t\t\t<template v-if=\"localPosition.state\">{{localPosition.state}}, </template>\n\t\t  \t\t\t\t<template v-if=\"localPosition.country\">{{localPosition.country}}</template>\n\t\t    \t\t</span>\n\n\t\t    \t\t<span v-else @click=\"a => { globals.state.isOpenLocationPopup = true }\"  class=\"t-main t-semi cursor-pointer\">The World</span>\n\t\t    \t</h2>\n\t\t\t\t</header>\n\n\t\t\t\t<div class=\"rows-1\">\n\t\t\t\t\t<router-view  v-slot=\"{ Component, route }\">\n\t\t\t\t\t\t<component ref=\"page\" :key=\"route\" :localPosition=\"localPosition\" :is=\"Component\" />\n\t\t\t\t\t</router-view>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n\n<script setup=\"props\">\n\t// Import libs\n\timport { computed, onMounted, watch, ref } from 'vue'\n\timport { useRoute, useRouter,onBeforeRouteLeave } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\n\timport BlockFilter  from '@martyrs/src/modules/globals/views/components/blocks/BlockFilter.vue'\n\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals'\n  import * as categories from '@martyrs/src/modules/products/store/categories';\n\n\n\timport * as marketplace from '../../store/marketplace';\n\n\t// Accessing router and store\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n\tconst localPosition = ref({\n\t\tcity: null,\n\t\tstate: null,\n\t\tcountry: null\n\t});\n\n\tconst desktopFilters = ref(null)\n\n\tfunction denormalizeUrlParam(param) {\n\t  return param\n\t    .replace(/-/g, ' ') // Замена дефисов на пробелы\n\t    .replace(/\\b\\w/g, l => l.toUpperCase()); // Преобразование первой буквы каждого слова в заглавную\n\t}\n\n\tfunction normalizeUrlParam(param) {\n\t  return param\n\t    .toLowerCase()\n\t    .replace(/ /g, '-')\n\t    .replace(/[^a-z0-9-]/g, '');\n\t}\n\n\tif (route.params) {\n    // Загружаем новые значения из параметров маршрута в состояние\n    let newState = {\n      country: denormalizeUrlParam(route.params.country),\n      state: denormalizeUrlParam(route.params.state),\n      city: denormalizeUrlParam(route.params.city),\n    };\n\n\t  // Обновляем глобальное состояние\n\t  localPosition.value = newState;\n\t}\n\n\tif (route.query) {\n\t \tconst query = route.query;\n\n\t\tmarketplace.state.filter.selected.categories = query.categories ? query.categories.split(',') : [];\n\t\tmarketplace.state.filter.selected.prices = query.prices ? query.prices.split(',') : [];\n\t\tmarketplace.state.filter.selected.delivery = query.delivery ? query.delivery.split(',') : [];\n\t}\n\n\tif (route.query.sortParam) marketplace.state.sort.param = route.query.sortParam\n\tif (route.query.sortOrder) marketplace.state.sort.order = route.query.sortOrder\n\n\tonMounted(async () => {\n\t  let options = {\n      status: 'published',\n      rootOnly: true\n    }\n\n    let categoriesFilter = await categories.actions.read(options);\n\n    categoriesFilter = categoriesFilter.map(category => ({\n      value: category._id,\n      label: category.name\n    }));\n\n    const index = marketplace.state.filter.options.findIndex(option => option.value === 'categories');\n\n    const categoryOption = {\n      title: 'Categories',\n      value: 'categories',\n      options: categoriesFilter\n    };\n\n    if (index !== -1) {\n        marketplace.state.filter.options[index] = categoryOption;\n    } else {\n        marketplace.state.filter.options.unshift(categoryOption);\n    }\n\t})\n\n\twatch(() => marketplace.state.sort, (newSortValue, oldSortValue) => {\n\t\tlet query = { ...route.query}\n\t\t\n\t\tquery.sortParam = newSortValue.param\n\t\tquery.sortOrder = newSortValue.order\n\t  \n\t  // replace the current route\n\t  router.replace({ query });\n\t}, { deep: true });\n\n\n\twatch(() => marketplace.state.filter.selected, (newFilterValue, oldFilterValue) => {\n\t  // Переводим фильтр в формат query\n\t  const query = { ...route.query };\n\n\t  // Удаляем старые значения фильтра из query\n\t  Object.keys(oldFilterValue).forEach(key => {\n\t    if (query[key]) {\n\t      delete query[key];\n\t    }\n\t  });\n\n\t  // Добавляем новые значения фильтра в query\n\t  const newQueryValues = Object.fromEntries(\n\t    Object.entries(newFilterValue)\n\t      .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n\t      .map(([key, value]) => [key, value.join(',')])\n\t  );\n\n\t  delete query.options;\n\t  Object.assign(query, newQueryValues);\n\n\t  // Обновляем маршрут с новым query\n\t  router.replace({ query });\n\t}, { deep: true })\n\n\twatch(() => globals.state.position, (newPosition) => {\n\t  // get the current route\n\t  const currentRoute = { ...router.currentRoute.value };\n\t  \n\t  // create new parameters based on globals state position\n\t  let newParams = {\n\t    country: normalizeUrlParam(newPosition.country),\n\t    state: normalizeUrlParam(newPosition.state),\n\t    city: normalizeUrlParam(newPosition.city),\n\t  };\n\t  \n\t  // update route params\n\t  currentRoute.params = newParams;\n\t  \n\t  // replace the current route\n\t  router.replace(currentRoute);\n\t}, { deep: true });\n\n  const text = {\n    locale: 'en',\n    messages: {\n      en: {\n\t     \tmeta: {\n          title: \"Marketplace – Shop Our Wide Selection of Quality Weed for Delivery\",\n          description: \"Browse our marketplace of top-grade weed strains and choose from a variety of delivery options. Order now and have your favorite strains delivered straight to your door. Safe, fast, and reliable.\",\n        }\n      },\n      ru: {\n\t      meta: {\n          title: \"Маркетплейс – Выбирайте из нашего ассортимента качественной травки для доставки\",\n          description: \"Маркетплейс – Изучите наши продукты высокого качества и выбирайте из различных вариантов доставки. Закажите сейчас и получите свои любимые сорта на дом. Безопасно, быстро и надежно.\",\n        }\n      }\n    }\n  }\n\n \tconst { t } = useI18n(text)\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n"],"names":["marketplace.state","categories.actions","globals.state"],"mappings":"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"}

package/dist/martyrs/src/modules/marketplace/views/components/sections/SectionMenu.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Loader = require("../../../../../components/Loader/Loader.vue.cjs");
+const Loader = require("../../../../../components/Loader/Loader.vue2.cjs");
 const vueRouter = require("vue-router");
 const vueI18n = require("vue-i18n");
 const categories = require("../../../../products/store/categories.cjs");

package/dist/martyrs/src/modules/marketplace/views/components/sections/SectionMenu.vue.js

@@ -1,5 +1,5 @@
 import { ref, onMounted, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, createTextVNode, Transition, withCtx, Fragment, renderList, createBlock, createCommentVNode, normalizeClass, toDisplayString } from "vue";
-import Loader from "../../../../../components/Loader/Loader.vue.js";
+import Loader from "../../../../../components/Loader/Loader.vue2.js";
 import { useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 import { actions as actions$1 } from "../../../../products/store/categories.js";

package/dist/martyrs/src/modules/notifications/components/elements/NotificationBadge.vue.cjs

@@ -10,7 +10,7 @@ const _hoisted_1 = { class: "notification-badge-container" };
 const _hoisted_2 = ["aria-label"];
 const _hoisted_3 = {
   key: 0,
-  class: "button-counter"
+  class: "button-counter flex-center"
 };
 const _hoisted_4 = {
   key: 0,
@@ -90,7 +90,9 @@ const _sfc_main = {
             class: "notification-icon i-medium",
             fill: __props.fill
           }, null, 8, ["fill"]),
-          vue.unref(unreadCount) > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(vue.unref(unreadCount) > 99 ? "99+" : vue.unref(unreadCount)), 1)) : vue.createCommentVNode("", true)
+          vue.unref(unreadCount) > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+            vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(unreadCount) > 99 ? "99+" : vue.unref(unreadCount)), 1)
+          ])) : vue.createCommentVNode("", true)
         ], 8, _hoisted_2),
         isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
           vue.createElementVNode("div", _hoisted_5, [
@@ -126,6 +128,6 @@ const _sfc_main = {
     };
   }
 };
-const NotificationBadge = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-23980e50"]]);
+const NotificationBadge = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-818b7989"]]);
 exports.default = NotificationBadge;
 //# sourceMappingURL=NotificationBadge.vue.cjs.map

package/dist/martyrs/src/modules/notifications/components/elements/NotificationBadge.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationBadge.vue.cjs","sources":["../../../../../../../src/modules/notifications/components/elements/NotificationBadge.vue"],"sourcesContent":["<template>\n  <div class=\"notification-badge-container\">\n    <button \n      class=\"i-semi notification-button\"\n      @click=\"toggleNotifications\"\n      :aria-label=\"unreadCount > 0 ? `${unreadCount} unread notifications` : 'No unread notifications'\"\n    >\n      <IconBell class=\"notification-icon i-medium\" :fill=\"fill\"/>\n      <span \n        v-if=\"unreadCount > 0\" \n        class=\"button-counter\"\n      >\n        {{ unreadCount > 99 ? '99+' : unreadCount }}\n      </span>\n    </button>\n    <div v-if=\"isOpen\" class=\"notifications-dropdown\">\n      <div class=\"notifications-header\">\n        <h3>Notifications</h3>\n        <button \n          v-if=\"unreadCount > 0\" \n          class=\"mark-all-read-btn\" \n          @click=\"markAllAsRead\"\n        >\n          Mark all read\n        </button>\n      </div>\n      <div v-if=\"loading\" class=\"notifications-loading\">\n        Loading...\n      </div>\n      <div v-else-if=\"notifications.length === 0\" class=\"notifications-empty\">\n        No notifications\n      </div>\n      <div v-else class=\"notifications-list\">\n        <notification-item \n          v-for=\"notification in recentNotifications\" \n          :key=\"notification._id\" \n          :notification=\"notification\"\n          @click=\"handleNotificationClick(notification)\"\n        />\n      </div>\n      <div class=\"notifications-footer\">\n        <router-link to=\"/notifications\" @click=\"isOpen = false\">\n          View all notifications\n        </router-link>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, onUnmounted, inject } from 'vue';\nimport { useRouter } from 'vue-router';\nimport NotificationItem from '../blocks/NotificationItem.vue';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth';\n\nimport IconBell from '@martyrs/src/modules/icons/entities/IconBell.vue';\n\nconst props = defineProps({\n  maxNotifications: {\n    type: Number,\n    default: 5\n  },\n  fill: {\n    type: String,\n    default: 'rgb(var(--white))'\n  }\n});\n\n// Get router and notification functionality\nconst router = useRouter();\nconst { notifications, unreadCount, loading, markAllAsRead, getNotifications } = inject('useNotifications')();\n\n// Local state\nconst isOpen = ref(false);\n\n// Computed properties\nconst recentNotifications = computed(() => {\n  return notifications.value\n    .slice()\n    .sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt))\n    .slice(0, props.maxNotifications);\n});\n\n// Methods\nconst toggleNotifications = () => {\n  isOpen.value = !isOpen.value;\n};\n\nconst handleNotificationClick = (notification) => {\n  isOpen.value = false;\n  \n  if (notification._id) {\n    // Handle in store\n    actions.handleNotificationAction({\n      notificationId: notification._id,\n      ...notification.metadata\n    });\n  }\n};\n\n// Close dropdown when clicking outside\nconst handleClickOutside = (event) => {\n  const container = document.querySelector('.notification-badge-container');\n  if (container && !container.contains(event.target)) {\n    isOpen.value = false;\n  }\n};\n\n// Lifecycle hooks\nonMounted(() => {\n  document.addEventListener('click', handleClickOutside);\n\n  // Load notifications when component mounts\n  const userId = auth.state.user._id;\n  if (userId) {\n    getNotifications(userId);\n  }\n});\n\nonUnmounted(() => {\n  document.removeEventListener('click', handleClickOutside);\n});\n</script>\n\n<style scoped>\n.notification-badge-container {\n  position: relative;\n  display: inline-block;\n}\n\n.notification-button {\n  background: none;\n  border: none;\n  cursor: pointer;\n  position: relative;\n  font-size: 1.2rem;\n}\n\n.notification-icon {\n  font-size: 1.4rem;\n}\n.button-counter {\n  position: absolute;\n  right: -8px;\n  bottom: -8px;\n  background: rgb(var(--fourth));\n  color: rgb(var(--white));\n  height: 16px;\n  border-radius: 16px;\n  width: 16px;\n  font-weight: 500;\n  text-align: center;\n  line-height: 16px;\n  font-size: 10px;\n}\n.notifications-dropdown {\n  position: absolute;\n  top: 100%;\n  right: 0;\n  width: 320px;\n  max-height: 400px;\n  overflow-y: auto;\n  background-color: white;\n  border-radius: 4px;\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n  z-index: 1000;\n}\n\n.notifications-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 16px;\n  border-bottom: 1px solid #eee;\n}\n\n.notifications-header h3 {\n  margin: 0;\n  font-size: 1rem;\n}\n\n.mark-all-read-btn {\n  background: none;\n  border: none;\n  color: #2196f3;\n  font-size: 0.8rem;\n  cursor: pointer;\n}\n\n.notifications-loading,\n.notifications-empty {\n  padding: 24px;\n  text-align: center;\n  color: #666;\n}\n\n.notifications-list {\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.notifications-footer {\n  padding: 12px 16px;\n  text-align: center;\n  border-top: 1px solid #eee;\n}\n\n.notifications-footer a {\n  color: #2196f3;\n  text-decoration: none;\n  font-size: 0.9rem;\n}\n</style>"],"names":["useRouter","inject","ref","computed","onMounted","auth.state","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDA,UAAM,QAAQ;AAYCA,cAAS,UAAA;AACxB,UAAM,EAAE,eAAe,aAAa,SAAS,eAAe,qBAAqBC,IAAAA,OAAO,kBAAkB,EAAG;AAG7G,UAAM,SAASC,IAAG,IAAC,KAAK;AAGxB,UAAM,sBAAsBC,IAAQ,SAAC,MAAM;AACzC,aAAO,cAAc,MAClB,MAAK,EACL,KAAK,CAAC,GAAG,MAAM,IAAI,KAAK,EAAE,SAAS,IAAI,IAAI,KAAK,EAAE,SAAS,CAAC,EAC5D,MAAM,GAAG,MAAM,gBAAgB;AAAA,IACpC,CAAC;AAGD,UAAM,sBAAsB,MAAM;AAChC,aAAO,QAAQ,CAAC,OAAO;AAAA,IACzB;AAEA,UAAM,0BAA0B,CAAC,iBAAiB;AAChD,aAAO,QAAQ;AAEf,UAAI,aAAa,KAAK;AAEpB,gBAAQ,yBAAyB;AAAA,UAC/B,gBAAgB,aAAa;AAAA,UAC7B,GAAG,aAAa;AAAA,QACtB,CAAK;AAAA,MACL;AAAA,IACA;AAGA,UAAM,qBAAqB,CAAC,UAAU;AACpC,YAAM,YAAY,SAAS,cAAc,+BAA+B;AACxE,UAAI,aAAa,CAAC,UAAU,SAAS,MAAM,MAAM,GAAG;AAClD,eAAO,QAAQ;AAAA,MACnB;AAAA,IACA;AAGAC,QAAAA,UAAU,MAAM;AACd,eAAS,iBAAiB,SAAS,kBAAkB;AAGrD,YAAM,SAASC,WAAW,KAAK;AAC/B,UAAI,QAAQ;AACV,yBAAiB,MAAM;AAAA,MAC3B;AAAA,IACA,CAAC;AAEDC,QAAAA,YAAY,MAAM;AAChB,eAAS,oBAAoB,SAAS,kBAAkB;AAAA,IAC1D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NotificationBadge.vue.cjs","sources":["../../../../../../../src/modules/notifications/components/elements/NotificationBadge.vue"],"sourcesContent":["<template>\n  <div class=\"notification-badge-container\">\n    <button \n      class=\"i-semi notification-button\"\n      @click=\"toggleNotifications\"\n      :aria-label=\"unreadCount > 0 ? `${unreadCount} unread notifications` : 'No unread notifications'\"\n    >\n      <IconBell class=\"notification-icon i-medium\" :fill=\"fill\"/>\n      <div  \n        v-if=\"unreadCount > 0\" \n        class=\"button-counter flex-center\"\n      >\n        <span>{{ unreadCount > 99 ? '99+' : unreadCount }}</span>\n      </div>\n    </button>\n    <div v-if=\"isOpen\" class=\"notifications-dropdown\">\n      <div class=\"notifications-header\">\n        <h3>Notifications</h3>\n        <button \n          v-if=\"unreadCount > 0\" \n          class=\"mark-all-read-btn\" \n          @click=\"markAllAsRead\"\n        >\n          Mark all read\n        </button>\n      </div>\n      <div v-if=\"loading\" class=\"notifications-loading\">\n        Loading...\n      </div>\n      <div v-else-if=\"notifications.length === 0\" class=\"notifications-empty\">\n        No notifications\n      </div>\n      <div v-else class=\"notifications-list\">\n        <notification-item \n          v-for=\"notification in recentNotifications\" \n          :key=\"notification._id\" \n          :notification=\"notification\"\n          @click=\"handleNotificationClick(notification)\"\n        />\n      </div>\n      <div class=\"notifications-footer\">\n        <router-link to=\"/notifications\" @click=\"isOpen = false\">\n          View all notifications\n        </router-link>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, onUnmounted, inject } from 'vue';\nimport { useRouter } from 'vue-router';\nimport NotificationItem from '../blocks/NotificationItem.vue';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth';\n\nimport IconBell from '@martyrs/src/modules/icons/entities/IconBell.vue';\n\nconst props = defineProps({\n  maxNotifications: {\n    type: Number,\n    default: 5\n  },\n  fill: {\n    type: String,\n    default: 'rgb(var(--white))'\n  }\n});\n\n// Get router and notification functionality\nconst router = useRouter();\nconst { notifications, unreadCount, loading, markAllAsRead, getNotifications } = inject('useNotifications')();\n\n// Local state\nconst isOpen = ref(false);\n\n// Computed properties\nconst recentNotifications = computed(() => {\n  return notifications.value\n    .slice()\n    .sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt))\n    .slice(0, props.maxNotifications);\n});\n\n// Methods\nconst toggleNotifications = () => {\n  isOpen.value = !isOpen.value;\n};\n\nconst handleNotificationClick = (notification) => {\n  isOpen.value = false;\n  \n  if (notification._id) {\n    // Handle in store\n    actions.handleNotificationAction({\n      notificationId: notification._id,\n      ...notification.metadata\n    });\n  }\n};\n\n// Close dropdown when clicking outside\nconst handleClickOutside = (event) => {\n  const container = document.querySelector('.notification-badge-container');\n  if (container && !container.contains(event.target)) {\n    isOpen.value = false;\n  }\n};\n\n// Lifecycle hooks\nonMounted(() => {\n  document.addEventListener('click', handleClickOutside);\n\n  // Load notifications when component mounts\n  const userId = auth.state.user._id;\n  if (userId) {\n    getNotifications(userId);\n  }\n});\n\nonUnmounted(() => {\n  document.removeEventListener('click', handleClickOutside);\n});\n</script>\n\n<style scoped>\n.notification-badge-container {\n  position: relative;\n  display: inline-block;\n}\n\n.notification-button {\n  background: none;\n  border: none;\n  cursor: pointer;\n  position: relative;\n  font-size: 1.2rem;\n}\n\n.notification-icon {\n  font-size: 1.4rem;\n}\n.button-counter {\n  position: absolute;\n  right: -8px;\n  bottom: -8px;\n  background: rgb(var(--fourth));\n  color: rgb(var(--white));\n  height: 16px;\n  border-radius: 16px;\n  width: 16px;\n  font-weight: 500;\n  text-align: center;\n  line-height: 16px;\n  font-size: 10px;\n}\n.notifications-dropdown {\n  position: absolute;\n  top: 100%;\n  right: 0;\n  width: 320px;\n  max-height: 400px;\n  overflow-y: auto;\n  background-color: white;\n  border-radius: 4px;\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n  z-index: 1000;\n}\n\n.notifications-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 16px;\n  border-bottom: 1px solid #eee;\n}\n\n.notifications-header h3 {\n  margin: 0;\n  font-size: 1rem;\n}\n\n.mark-all-read-btn {\n  background: none;\n  border: none;\n  color: #2196f3;\n  font-size: 0.8rem;\n  cursor: pointer;\n}\n\n.notifications-loading,\n.notifications-empty {\n  padding: 24px;\n  text-align: center;\n  color: #666;\n}\n\n.notifications-list {\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.notifications-footer {\n  padding: 12px 16px;\n  text-align: center;\n  border-top: 1px solid #eee;\n}\n\n.notifications-footer a {\n  color: #2196f3;\n  text-decoration: none;\n  font-size: 0.9rem;\n}\n</style>"],"names":["useRouter","inject","ref","computed","onMounted","auth.state","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDA,UAAM,QAAQ;AAYCA,cAAS,UAAA;AACxB,UAAM,EAAE,eAAe,aAAa,SAAS,eAAe,qBAAqBC,IAAAA,OAAO,kBAAkB,EAAG;AAG7G,UAAM,SAASC,IAAG,IAAC,KAAK;AAGxB,UAAM,sBAAsBC,IAAQ,SAAC,MAAM;AACzC,aAAO,cAAc,MAClB,MAAK,EACL,KAAK,CAAC,GAAG,MAAM,IAAI,KAAK,EAAE,SAAS,IAAI,IAAI,KAAK,EAAE,SAAS,CAAC,EAC5D,MAAM,GAAG,MAAM,gBAAgB;AAAA,IACpC,CAAC;AAGD,UAAM,sBAAsB,MAAM;AAChC,aAAO,QAAQ,CAAC,OAAO;AAAA,IACzB;AAEA,UAAM,0BAA0B,CAAC,iBAAiB;AAChD,aAAO,QAAQ;AAEf,UAAI,aAAa,KAAK;AAEpB,gBAAQ,yBAAyB;AAAA,UAC/B,gBAAgB,aAAa;AAAA,UAC7B,GAAG,aAAa;AAAA,QACtB,CAAK;AAAA,MACL;AAAA,IACA;AAGA,UAAM,qBAAqB,CAAC,UAAU;AACpC,YAAM,YAAY,SAAS,cAAc,+BAA+B;AACxE,UAAI,aAAa,CAAC,UAAU,SAAS,MAAM,MAAM,GAAG;AAClD,eAAO,QAAQ;AAAA,MACnB;AAAA,IACA;AAGAC,QAAAA,UAAU,MAAM;AACd,eAAS,iBAAiB,SAAS,kBAAkB;AAGrD,YAAM,SAASC,WAAW,KAAK;AAC/B,UAAI,QAAQ;AACV,yBAAiB,MAAM;AAAA,MAC3B;AAAA,IACA,CAAC;AAEDC,QAAAA,YAAY,MAAM;AAChB,eAAS,oBAAoB,SAAS,kBAAkB;AAAA,IAC1D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/notifications/components/elements/NotificationBadge.vue.js

@@ -8,7 +8,7 @@ const _hoisted_1 = { class: "notification-badge-container" };
 const _hoisted_2 = ["aria-label"];
 const _hoisted_3 = {
   key: 0,
-  class: "button-counter"
+  class: "button-counter flex-center"
 };
 const _hoisted_4 = {
   key: 0,
@@ -88,7 +88,9 @@ const _sfc_main = {
             class: "notification-icon i-medium",
             fill: __props.fill
           }, null, 8, ["fill"]),
-          unref(unreadCount) > 0 ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(unref(unreadCount) > 99 ? "99+" : unref(unreadCount)), 1)) : createCommentVNode("", true)
+          unref(unreadCount) > 0 ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            createElementVNode("span", null, toDisplayString(unref(unreadCount) > 99 ? "99+" : unref(unreadCount)), 1)
+          ])) : createCommentVNode("", true)
         ], 8, _hoisted_2),
         isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
           createElementVNode("div", _hoisted_5, [
@@ -124,7 +126,7 @@ const _sfc_main = {
     };
   }
 };
-const NotificationBadge = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-23980e50"]]);
+const NotificationBadge = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-818b7989"]]);
 export {
   NotificationBadge as default
 };

package/dist/martyrs/src/modules/notifications/components/elements/NotificationBadge.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationBadge.vue.js","sources":["../../../../../../../src/modules/notifications/components/elements/NotificationBadge.vue"],"sourcesContent":["<template>\n  <div class=\"notification-badge-container\">\n    <button \n      class=\"i-semi notification-button\"\n      @click=\"toggleNotifications\"\n      :aria-label=\"unreadCount > 0 ? `${unreadCount} unread notifications` : 'No unread notifications'\"\n    >\n      <IconBell class=\"notification-icon i-medium\" :fill=\"fill\"/>\n      <span \n        v-if=\"unreadCount > 0\" \n        class=\"button-counter\"\n      >\n        {{ unreadCount > 99 ? '99+' : unreadCount }}\n      </span>\n    </button>\n    <div v-if=\"isOpen\" class=\"notifications-dropdown\">\n      <div class=\"notifications-header\">\n        <h3>Notifications</h3>\n        <button \n          v-if=\"unreadCount > 0\" \n          class=\"mark-all-read-btn\" \n          @click=\"markAllAsRead\"\n        >\n          Mark all read\n        </button>\n      </div>\n      <div v-if=\"loading\" class=\"notifications-loading\">\n        Loading...\n      </div>\n      <div v-else-if=\"notifications.length === 0\" class=\"notifications-empty\">\n        No notifications\n      </div>\n      <div v-else class=\"notifications-list\">\n        <notification-item \n          v-for=\"notification in recentNotifications\" \n          :key=\"notification._id\" \n          :notification=\"notification\"\n          @click=\"handleNotificationClick(notification)\"\n        />\n      </div>\n      <div class=\"notifications-footer\">\n        <router-link to=\"/notifications\" @click=\"isOpen = false\">\n          View all notifications\n        </router-link>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, onUnmounted, inject } from 'vue';\nimport { useRouter } from 'vue-router';\nimport NotificationItem from '../blocks/NotificationItem.vue';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth';\n\nimport IconBell from '@martyrs/src/modules/icons/entities/IconBell.vue';\n\nconst props = defineProps({\n  maxNotifications: {\n    type: Number,\n    default: 5\n  },\n  fill: {\n    type: String,\n    default: 'rgb(var(--white))'\n  }\n});\n\n// Get router and notification functionality\nconst router = useRouter();\nconst { notifications, unreadCount, loading, markAllAsRead, getNotifications } = inject('useNotifications')();\n\n// Local state\nconst isOpen = ref(false);\n\n// Computed properties\nconst recentNotifications = computed(() => {\n  return notifications.value\n    .slice()\n    .sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt))\n    .slice(0, props.maxNotifications);\n});\n\n// Methods\nconst toggleNotifications = () => {\n  isOpen.value = !isOpen.value;\n};\n\nconst handleNotificationClick = (notification) => {\n  isOpen.value = false;\n  \n  if (notification._id) {\n    // Handle in store\n    actions.handleNotificationAction({\n      notificationId: notification._id,\n      ...notification.metadata\n    });\n  }\n};\n\n// Close dropdown when clicking outside\nconst handleClickOutside = (event) => {\n  const container = document.querySelector('.notification-badge-container');\n  if (container && !container.contains(event.target)) {\n    isOpen.value = false;\n  }\n};\n\n// Lifecycle hooks\nonMounted(() => {\n  document.addEventListener('click', handleClickOutside);\n\n  // Load notifications when component mounts\n  const userId = auth.state.user._id;\n  if (userId) {\n    getNotifications(userId);\n  }\n});\n\nonUnmounted(() => {\n  document.removeEventListener('click', handleClickOutside);\n});\n</script>\n\n<style scoped>\n.notification-badge-container {\n  position: relative;\n  display: inline-block;\n}\n\n.notification-button {\n  background: none;\n  border: none;\n  cursor: pointer;\n  position: relative;\n  font-size: 1.2rem;\n}\n\n.notification-icon {\n  font-size: 1.4rem;\n}\n.button-counter {\n  position: absolute;\n  right: -8px;\n  bottom: -8px;\n  background: rgb(var(--fourth));\n  color: rgb(var(--white));\n  height: 16px;\n  border-radius: 16px;\n  width: 16px;\n  font-weight: 500;\n  text-align: center;\n  line-height: 16px;\n  font-size: 10px;\n}\n.notifications-dropdown {\n  position: absolute;\n  top: 100%;\n  right: 0;\n  width: 320px;\n  max-height: 400px;\n  overflow-y: auto;\n  background-color: white;\n  border-radius: 4px;\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n  z-index: 1000;\n}\n\n.notifications-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 16px;\n  border-bottom: 1px solid #eee;\n}\n\n.notifications-header h3 {\n  margin: 0;\n  font-size: 1rem;\n}\n\n.mark-all-read-btn {\n  background: none;\n  border: none;\n  color: #2196f3;\n  font-size: 0.8rem;\n  cursor: pointer;\n}\n\n.notifications-loading,\n.notifications-empty {\n  padding: 24px;\n  text-align: center;\n  color: #666;\n}\n\n.notifications-list {\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.notifications-footer {\n  padding: 12px 16px;\n  text-align: center;\n  border-top: 1px solid #eee;\n}\n\n.notifications-footer a {\n  color: #2196f3;\n  text-decoration: none;\n  font-size: 0.9rem;\n}\n</style>"],"names":["auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDA,UAAM,QAAQ;AAYC,cAAS;AACxB,UAAM,EAAE,eAAe,aAAa,SAAS,eAAe,qBAAqB,OAAO,kBAAkB,EAAG;AAG7G,UAAM,SAAS,IAAI,KAAK;AAGxB,UAAM,sBAAsB,SAAS,MAAM;AACzC,aAAO,cAAc,MAClB,MAAK,EACL,KAAK,CAAC,GAAG,MAAM,IAAI,KAAK,EAAE,SAAS,IAAI,IAAI,KAAK,EAAE,SAAS,CAAC,EAC5D,MAAM,GAAG,MAAM,gBAAgB;AAAA,IACpC,CAAC;AAGD,UAAM,sBAAsB,MAAM;AAChC,aAAO,QAAQ,CAAC,OAAO;AAAA,IACzB;AAEA,UAAM,0BAA0B,CAAC,iBAAiB;AAChD,aAAO,QAAQ;AAEf,UAAI,aAAa,KAAK;AAEpB,gBAAQ,yBAAyB;AAAA,UAC/B,gBAAgB,aAAa;AAAA,UAC7B,GAAG,aAAa;AAAA,QACtB,CAAK;AAAA,MACL;AAAA,IACA;AAGA,UAAM,qBAAqB,CAAC,UAAU;AACpC,YAAM,YAAY,SAAS,cAAc,+BAA+B;AACxE,UAAI,aAAa,CAAC,UAAU,SAAS,MAAM,MAAM,GAAG;AAClD,eAAO,QAAQ;AAAA,MACnB;AAAA,IACA;AAGA,cAAU,MAAM;AACd,eAAS,iBAAiB,SAAS,kBAAkB;AAGrD,YAAM,SAASA,MAAW,KAAK;AAC/B,UAAI,QAAQ;AACV,yBAAiB,MAAM;AAAA,MAC3B;AAAA,IACA,CAAC;AAED,gBAAY,MAAM;AAChB,eAAS,oBAAoB,SAAS,kBAAkB;AAAA,IAC1D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NotificationBadge.vue.js","sources":["../../../../../../../src/modules/notifications/components/elements/NotificationBadge.vue"],"sourcesContent":["<template>\n  <div class=\"notification-badge-container\">\n    <button \n      class=\"i-semi notification-button\"\n      @click=\"toggleNotifications\"\n      :aria-label=\"unreadCount > 0 ? `${unreadCount} unread notifications` : 'No unread notifications'\"\n    >\n      <IconBell class=\"notification-icon i-medium\" :fill=\"fill\"/>\n      <div  \n        v-if=\"unreadCount > 0\" \n        class=\"button-counter flex-center\"\n      >\n        <span>{{ unreadCount > 99 ? '99+' : unreadCount }}</span>\n      </div>\n    </button>\n    <div v-if=\"isOpen\" class=\"notifications-dropdown\">\n      <div class=\"notifications-header\">\n        <h3>Notifications</h3>\n        <button \n          v-if=\"unreadCount > 0\" \n          class=\"mark-all-read-btn\" \n          @click=\"markAllAsRead\"\n        >\n          Mark all read\n        </button>\n      </div>\n      <div v-if=\"loading\" class=\"notifications-loading\">\n        Loading...\n      </div>\n      <div v-else-if=\"notifications.length === 0\" class=\"notifications-empty\">\n        No notifications\n      </div>\n      <div v-else class=\"notifications-list\">\n        <notification-item \n          v-for=\"notification in recentNotifications\" \n          :key=\"notification._id\" \n          :notification=\"notification\"\n          @click=\"handleNotificationClick(notification)\"\n        />\n      </div>\n      <div class=\"notifications-footer\">\n        <router-link to=\"/notifications\" @click=\"isOpen = false\">\n          View all notifications\n        </router-link>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, onUnmounted, inject } from 'vue';\nimport { useRouter } from 'vue-router';\nimport NotificationItem from '../blocks/NotificationItem.vue';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth';\n\nimport IconBell from '@martyrs/src/modules/icons/entities/IconBell.vue';\n\nconst props = defineProps({\n  maxNotifications: {\n    type: Number,\n    default: 5\n  },\n  fill: {\n    type: String,\n    default: 'rgb(var(--white))'\n  }\n});\n\n// Get router and notification functionality\nconst router = useRouter();\nconst { notifications, unreadCount, loading, markAllAsRead, getNotifications } = inject('useNotifications')();\n\n// Local state\nconst isOpen = ref(false);\n\n// Computed properties\nconst recentNotifications = computed(() => {\n  return notifications.value\n    .slice()\n    .sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt))\n    .slice(0, props.maxNotifications);\n});\n\n// Methods\nconst toggleNotifications = () => {\n  isOpen.value = !isOpen.value;\n};\n\nconst handleNotificationClick = (notification) => {\n  isOpen.value = false;\n  \n  if (notification._id) {\n    // Handle in store\n    actions.handleNotificationAction({\n      notificationId: notification._id,\n      ...notification.metadata\n    });\n  }\n};\n\n// Close dropdown when clicking outside\nconst handleClickOutside = (event) => {\n  const container = document.querySelector('.notification-badge-container');\n  if (container && !container.contains(event.target)) {\n    isOpen.value = false;\n  }\n};\n\n// Lifecycle hooks\nonMounted(() => {\n  document.addEventListener('click', handleClickOutside);\n\n  // Load notifications when component mounts\n  const userId = auth.state.user._id;\n  if (userId) {\n    getNotifications(userId);\n  }\n});\n\nonUnmounted(() => {\n  document.removeEventListener('click', handleClickOutside);\n});\n</script>\n\n<style scoped>\n.notification-badge-container {\n  position: relative;\n  display: inline-block;\n}\n\n.notification-button {\n  background: none;\n  border: none;\n  cursor: pointer;\n  position: relative;\n  font-size: 1.2rem;\n}\n\n.notification-icon {\n  font-size: 1.4rem;\n}\n.button-counter {\n  position: absolute;\n  right: -8px;\n  bottom: -8px;\n  background: rgb(var(--fourth));\n  color: rgb(var(--white));\n  height: 16px;\n  border-radius: 16px;\n  width: 16px;\n  font-weight: 500;\n  text-align: center;\n  line-height: 16px;\n  font-size: 10px;\n}\n.notifications-dropdown {\n  position: absolute;\n  top: 100%;\n  right: 0;\n  width: 320px;\n  max-height: 400px;\n  overflow-y: auto;\n  background-color: white;\n  border-radius: 4px;\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n  z-index: 1000;\n}\n\n.notifications-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 16px;\n  border-bottom: 1px solid #eee;\n}\n\n.notifications-header h3 {\n  margin: 0;\n  font-size: 1rem;\n}\n\n.mark-all-read-btn {\n  background: none;\n  border: none;\n  color: #2196f3;\n  font-size: 0.8rem;\n  cursor: pointer;\n}\n\n.notifications-loading,\n.notifications-empty {\n  padding: 24px;\n  text-align: center;\n  color: #666;\n}\n\n.notifications-list {\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.notifications-footer {\n  padding: 12px 16px;\n  text-align: center;\n  border-top: 1px solid #eee;\n}\n\n.notifications-footer a {\n  color: #2196f3;\n  text-decoration: none;\n  font-size: 0.9rem;\n}\n</style>"],"names":["auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDA,UAAM,QAAQ;AAYC,cAAS;AACxB,UAAM,EAAE,eAAe,aAAa,SAAS,eAAe,qBAAqB,OAAO,kBAAkB,EAAG;AAG7G,UAAM,SAAS,IAAI,KAAK;AAGxB,UAAM,sBAAsB,SAAS,MAAM;AACzC,aAAO,cAAc,MAClB,MAAK,EACL,KAAK,CAAC,GAAG,MAAM,IAAI,KAAK,EAAE,SAAS,IAAI,IAAI,KAAK,EAAE,SAAS,CAAC,EAC5D,MAAM,GAAG,MAAM,gBAAgB;AAAA,IACpC,CAAC;AAGD,UAAM,sBAAsB,MAAM;AAChC,aAAO,QAAQ,CAAC,OAAO;AAAA,IACzB;AAEA,UAAM,0BAA0B,CAAC,iBAAiB;AAChD,aAAO,QAAQ;AAEf,UAAI,aAAa,KAAK;AAEpB,gBAAQ,yBAAyB;AAAA,UAC/B,gBAAgB,aAAa;AAAA,UAC7B,GAAG,aAAa;AAAA,QACtB,CAAK;AAAA,MACL;AAAA,IACA;AAGA,UAAM,qBAAqB,CAAC,UAAU;AACpC,YAAM,YAAY,SAAS,cAAc,+BAA+B;AACxE,UAAI,aAAa,CAAC,UAAU,SAAS,MAAM,MAAM,GAAG;AAClD,eAAO,QAAQ;AAAA,MACnB;AAAA,IACA;AAGA,cAAU,MAAM;AACd,eAAS,iBAAiB,SAAS,kBAAkB;AAGrD,YAAM,SAASA,MAAW,KAAK;AAC/B,UAAI,QAAQ;AACV,yBAAiB,MAAM;AAAA,MAC3B;AAAA,IACA,CAAC;AAED,gBAAY,MAAM;AAChB,eAAS,oBAAoB,SAAS,kBAAkB;AAAA,IAC1D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/orders/components/blocks/CardOrderUser.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Tooltip = require("../../../../components/Tooltip/Tooltip.vue.cjs");
+const Tooltip = require("../../../../components/Tooltip/Tooltip.vue2.cjs");
 const IconStatusCreated = require("../icons/IconStatusCreated.vue.cjs");
 const IconStatusConfirmed = require("../icons/IconStatusConfirmed.vue.cjs");
 const IconStatusInUse = require("../icons/IconStatusInUse.vue.cjs");

package/dist/martyrs/src/modules/orders/components/blocks/CardOrderUser.vue.js

@@ -1,5 +1,5 @@
 import { computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, normalizeClass, Fragment, renderList, toDisplayString, createVNode, withCtx, createBlock, resolveDynamicComponent } from "vue";
-import _sfc_main$7 from "../../../../components/Tooltip/Tooltip.vue.js";
+import _sfc_main$7 from "../../../../components/Tooltip/Tooltip.vue2.js";
 import _sfc_main$6 from "../icons/IconStatusCreated.vue.js";
 import _sfc_main$5 from "../icons/IconStatusConfirmed.vue.js";
 import _sfc_main$2 from "../icons/IconStatusInUse.vue.js";

package/dist/martyrs/src/modules/orders/components/pages/OrderBackoffice.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const IconTime = require("../../../icons/entities/IconTime.vue.cjs");
@@ -10,7 +10,7 @@ const CardOrderItem = require("../blocks/CardOrderItem.vue.cjs");
 const CardOrganization = require("../../../organizations/components/blocks/CardOrganization.vue.cjs");
 const ChatPage = require("../../../chats/components/pages/ChatPage.vue.cjs");
 const PriceTotal = require("../elements/PriceTotal.vue.cjs");
-;/* empty css                                            */
+;/* empty css                                           */
 const globals = require("../../../globals/views/store/globals.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const orders = require("../../store/orders.cjs");