@ozdao/martyrs 0.2.444 → 0.2.446

package/dist/martyrs/src/modules/events/components/pages/Events.vue.cjs

@@ -5,7 +5,7 @@ const vueRouter = require("vue-router");
 require("vue-i18n");
 ;/* empty css                                                   */
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
-const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
 const DatePicker = require("../../../../components/DatePicker/DatePicker.vue.cjs");
 const CitySelection = require("../../../globals/views/components/partials/CitySelection.vue.cjs");
 const FeaturedEvents = require("../sections/FeaturedEvents.vue.cjs");

package/dist/martyrs/src/modules/events/components/pages/Events.vue.js

@@ -3,7 +3,7 @@ import { useRoute, useRouter } from "vue-router";
 import "vue-i18n";
 /* empty css                                                 */
 import _sfc_main$6 from "../../../../components/Feed/Feed.vue.js";
-import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$2 from "../../../../components/Popup/Popup.vue2.js";
 import _sfc_main$1 from "../../../../components/DatePicker/DatePicker.vue.js";
 import _sfc_main$3 from "../../../globals/views/components/partials/CitySelection.vue.js";
 import _sfc_main$5 from "../sections/FeaturedEvents.vue.js";

package/dist/martyrs/src/modules/events/components/pages/EventsBackoffice.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 Tab = require("../../../../components/Tab/Tab.vue2.cjs");
+const Tab = require("../../../../components/Tab/Tab.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const Table = require("../../../../components/Table/Table.vue.cjs");
 const CardEvent = require("../blocks/CardEvent.vue.cjs");

package/dist/martyrs/src/modules/events/components/pages/EventsBackoffice.vue.js

@@ -1,6 +1,6 @@
 import { ref, watch, createElementBlock, openBlock, createElementVNode, createCommentVNode, unref, createBlock, createVNode, isRef, withCtx, Fragment, renderList, withModifiers } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$1 from "../../../../components/Tab/Tab.vue2.js";
+import _sfc_main$1 from "../../../../components/Tab/Tab.vue.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 import Table from "../../../../components/Table/Table.vue.js";
 import _sfc_main$3 from "../blocks/CardEvent.vue.js";

package/dist/martyrs/src/modules/events/components/sections/EventsHot.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css                                         */
-;/* empty css                                             */
+;/* empty css                                              */
 ;/* empty css                                           */
 ;/* empty css                                      */
 const Slider = require("../../../../components/Slider/Slider.vue.cjs");

package/dist/martyrs/src/modules/events/components/sections/EventsHot.vue.js

@@ -1,6 +1,6 @@
 import { resolveComponent, createBlock, openBlock, withCtx, createVNode, createElementVNode, createElementBlock, createCommentVNode, toDisplayString } from "vue";
 /* empty css                                       */
-/* empty css                                           */
+/* empty css                                            */
 /* empty css                                         */
 /* empty css                                    */
 import Slider from "../../../../components/Slider/Slider.vue.js";

package/dist/martyrs/src/modules/events/components/sections/Feed.vue.cjs

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css                                         */
+const Loader = require("../../../../components/Loader/Loader.vue2.cjs");
 const EmptyState = require("../../../../components/EmptyState/EmptyState.vue.cjs");
 const CardEvent = require("../blocks/CardEvent.vue.cjs");
-const SkeletonEvent = require("../../../icons/skeletons/SkeletonEvent.vue.cjs");
 const events = require("../../store/events.cjs");
 const _hoisted_1 = { class: "feed" };
 const _sfc_main = {
@@ -122,9 +121,7 @@ const _sfc_main = {
           class: "o-hidden bg-light radius-big"
         }, {
           default: vue.withCtx(() => [
-            isLoading.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(limit.value, (i) => {
-              return vue.openBlock(), vue.createBlock(SkeletonEvent.default, { key: i });
-            }), 128)) : vue.createCommentVNode("", true)
+            isLoading.value ? (vue.openBlock(), vue.createBlock(Loader.default, { key: 0 })) : vue.createCommentVNode("", true)
           ]),
           _: 1
         }),

package/dist/martyrs/src/modules/events/components/sections/Feed.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Feed.vue.cjs","sources":["../../../../../../../src/modules/events/components/sections/Feed.vue"],"sourcesContent":["<template>\n  <section class=\"feed\">\n    <TransitionGroup tag=\"ul\" name=\"scaleTransition\" class=\"o-hidden bg-light radius-big\">\n      <SkeletonEvent\n        v-if=\"isLoading\"\n        v-for=\"i in limit\" :key=\"i\"\n      />\n    </TransitionGroup>\n\n    <transition \n      name=\"scaleTransition\"\n    >\n      <EmptyState \n        v-if=\"!isLoading && eventsList.length < 1\"\n        title=\"No Events Found\"\n        description=\"Currently, there are no events available. Please check back later.\"\n        class=\"pd-medium mn-b-thin bg-light radius-big\"\n      />\n    </transition>\n\n\n    <TransitionGroup tag=\"ul\" name=\"scaleTransition\" class=\"container\">\n      <CardEvent \n        v-if=\"!isLoading && eventsList.length > 0\"\n        @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n        v-for=\"(event,index) in eventsList\" \n        :key=\"event._id\" \n        :event=\"event\" \n        :user=\"user\" \n        :type=\"'normal'\"\n        class=\"bg-light radius-big mn-b-medium\"\n      />\n\n      <button v-if=\"hasMoreEvents && eventsList.length > 0\" @click=\"loadMoreEvents\" class=\"w-100 bg-main button\">Load more</button> \n      \n    </TransitionGroup>  \n  </section>\n</template>\n\n<script setup>\n  import { ref, onMounted } from 'vue';\n  \n  import Loader from '@martyrs/src/components/Loader/Loader.vue';\n  import EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\n  \n  import CardEvent from '@martyrs/src/modules/events/components/blocks/CardEvent.vue';\n  import SkeletonEvent from '@martyrs/src/modules/icons/skeletons/SkeletonEvent.vue'\n\n  import * as events from '@martyrs/src/modules/events/store/events.js';\n\n  const props = defineProps({\n    category: {\n      type: String,\n      default: null\n    },\n    selectedDate: {\n      type: String,\n      default: null\n    },\n    organization: {\n      type: String,\n      default: null\n    },\n    owner: {\n      type: String,\n      default: null\n    },\n    creator: {\n      type: String,\n      default: null\n    },\n    user: {\n      type: [String, Number],\n      default: null\n    },\n    sortOrder: {\n      type: String,\n      default: 'desc'\n    },\n    sortParam: {\n      type: String,\n      default: 'date.start'\n    },\n    participant: {\n      type: String,\n      default: null\n    },\n    period: {\n      type: String,\n      default: null\n    },\n    phase: {\n      type: String,\n      default: null\n    }\n  });\n\n  const eventsList = ref([]);\n  const hasMoreEvents = ref(false);\n  const isLoading = ref(true);\n\n  const skip = ref(0);\n  const limit = ref(20);\n\n  const loadMoreEvents = async () => {\n    if (hasMoreEvents.value) {\n      skip.value += limit.value;\n      \n      const data = await events.read({\n        skip: skip.value,\n        limit: limit.value,\n        category: props.category,\n        sortOrder: props.sortOrder,\n        sortParam: props.sortParam,\n        participant: props.participant,\n        creator: props.creator,\n        user: props.user,\n        date: props.selectedDate,\n        owner: props.owner,\n        organization: props.organization,\n        period: props.period,\n        phase: props.phase\n      });\n\n      if (data.length === 0) {\n        hasMoreEvents.value = false;\n      } else {\n        hasMoreEvents.value = true;\n      }\n\n      eventsList.value = [...eventsList.value, ...data];\n    }\n  };\n\n  onMounted(async () => {\n    isLoading.value = true;\n    console.log(props.selectedDate)\n\n    const data = await events.read({\n      skip: skip.value,\n      limit: limit.value,\n      category: props.category,\n      participant: props.participant,\n      sortOrder: props.sortOrder,\n      sortParam: props.sortParam,\n      user: props.user,\n      owner: props.owner,\n      creator: props.creator,\n      date: props.selectedDate,\n      organization: props.organization,\n      period: props.period,\n      phase: props.phase\n    });\n\n    if (data.length === 0) {\n      hasMoreEvents.value = false;\n    } else {\n      hasMoreEvents.value = true;\n    }\n\n    eventsList.value = data;\n    isLoading.value = false;\n  });\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["ref","events.read","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDE,UAAM,QAAQ;AA+Cd,UAAM,aAAaA,IAAG,IAAC,EAAE;AACzB,UAAM,gBAAgBA,IAAG,IAAC,KAAK;AAC/B,UAAM,YAAYA,IAAG,IAAC,IAAI;AAE1B,UAAM,OAAOA,IAAG,IAAC,CAAC;AAClB,UAAM,QAAQA,IAAG,IAAC,EAAE;AAEpB,UAAM,iBAAiB,YAAY;AACjC,UAAI,cAAc,OAAO;AACvB,aAAK,SAAS,MAAM;AAEpB,cAAM,OAAO,MAAMC,YAAY;AAAA,UAC7B,MAAM,KAAK;AAAA,UACX,OAAO,MAAM;AAAA,UACb,UAAU,MAAM;AAAA,UAChB,WAAW,MAAM;AAAA,UACjB,WAAW,MAAM;AAAA,UACjB,aAAa,MAAM;AAAA,UACnB,SAAS,MAAM;AAAA,UACf,MAAM,MAAM;AAAA,UACZ,MAAM,MAAM;AAAA,UACZ,OAAO,MAAM;AAAA,UACb,cAAc,MAAM;AAAA,UACpB,QAAQ,MAAM;AAAA,UACd,OAAO,MAAM;AAAA,QACrB,CAAO;AAED,YAAI,KAAK,WAAW,GAAG;AACrB,wBAAc,QAAQ;AAAA,QAC9B,OAAa;AACL,wBAAc,QAAQ;AAAA,QAC9B;AAEM,mBAAW,QAAQ,CAAC,GAAG,WAAW,OAAO,GAAG,IAAI;AAAA,MACtD;AAAA,IACG;AAEDC,QAAAA,UAAU,YAAY;AACpB,gBAAU,QAAQ;AAClB,cAAQ,IAAI,MAAM,YAAY;AAE9B,YAAM,OAAO,MAAMD,YAAY;AAAA,QAC7B,MAAM,KAAK;AAAA,QACX,OAAO,MAAM;AAAA,QACb,UAAU,MAAM;AAAA,QAChB,aAAa,MAAM;AAAA,QACnB,WAAW,MAAM;AAAA,QACjB,WAAW,MAAM;AAAA,QACjB,MAAM,MAAM;AAAA,QACZ,OAAO,MAAM;AAAA,QACb,SAAS,MAAM;AAAA,QACf,MAAM,MAAM;AAAA,QACZ,cAAc,MAAM;AAAA,QACpB,QAAQ,MAAM;AAAA,QACd,OAAO,MAAM;AAAA,MACnB,CAAK;AAED,UAAI,KAAK,WAAW,GAAG;AACrB,sBAAc,QAAQ;AAAA,MAC5B,OAAW;AACL,sBAAc,QAAQ;AAAA,MAC5B;AAEI,iBAAW,QAAQ;AACnB,gBAAU,QAAQ;AAAA,IACtB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Feed.vue.cjs","sources":["../../../../../../../src/modules/events/components/sections/Feed.vue"],"sourcesContent":["<template>\n  <section class=\"feed\">\n    <TransitionGroup tag=\"ul\" name=\"scaleTransition\" class=\"o-hidden bg-light radius-big\">\n      <Loader v-if=\"isLoading\"/>\n    </TransitionGroup>\n\n    <transition \n      name=\"scaleTransition\"\n    >\n      <EmptyState \n        v-if=\"!isLoading && eventsList.length < 1\"\n        title=\"No Events Found\"\n        description=\"Currently, there are no events available. Please check back later.\"\n        class=\"pd-medium mn-b-thin bg-light radius-big\"\n      />\n    </transition>\n\n\n    <TransitionGroup tag=\"ul\" name=\"scaleTransition\" class=\"container\">\n      <CardEvent \n        v-if=\"!isLoading && eventsList.length > 0\"\n        @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n        v-for=\"(event,index) in eventsList\" \n        :key=\"event._id\" \n        :event=\"event\" \n        :user=\"user\" \n        :type=\"'normal'\"\n        class=\"bg-light radius-big mn-b-medium\"\n      />\n\n      <button v-if=\"hasMoreEvents && eventsList.length > 0\" @click=\"loadMoreEvents\" class=\"w-100 bg-main button\">Load more</button> \n      \n    </TransitionGroup>  \n  </section>\n</template>\n\n<script setup>\n  import { ref, onMounted } from 'vue';\n  \n  import Loader from '@martyrs/src/components/Loader/Loader.vue';\n  import EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\n  \n  import CardEvent from '@martyrs/src/modules/events/components/blocks/CardEvent.vue';\n  import SkeletonEvent from '@martyrs/src/modules/icons/skeletons/SkeletonEvent.vue'\n\n  import * as events from '@martyrs/src/modules/events/store/events.js';\n\n  const props = defineProps({\n    category: {\n      type: String,\n      default: null\n    },\n    selectedDate: {\n      type: String,\n      default: null\n    },\n    organization: {\n      type: String,\n      default: null\n    },\n    owner: {\n      type: String,\n      default: null\n    },\n    creator: {\n      type: String,\n      default: null\n    },\n    user: {\n      type: [String, Number],\n      default: null\n    },\n    sortOrder: {\n      type: String,\n      default: 'desc'\n    },\n    sortParam: {\n      type: String,\n      default: 'date.start'\n    },\n    participant: {\n      type: String,\n      default: null\n    },\n    period: {\n      type: String,\n      default: null\n    },\n    phase: {\n      type: String,\n      default: null\n    }\n  });\n\n  const eventsList = ref([]);\n  const hasMoreEvents = ref(false);\n  const isLoading = ref(true);\n\n  const skip = ref(0);\n  const limit = ref(20);\n\n  const loadMoreEvents = async () => {\n    if (hasMoreEvents.value) {\n      skip.value += limit.value;\n      \n      const data = await events.read({\n        skip: skip.value,\n        limit: limit.value,\n        category: props.category,\n        sortOrder: props.sortOrder,\n        sortParam: props.sortParam,\n        participant: props.participant,\n        creator: props.creator,\n        user: props.user,\n        date: props.selectedDate,\n        owner: props.owner,\n        organization: props.organization,\n        period: props.period,\n        phase: props.phase\n      });\n\n      if (data.length === 0) {\n        hasMoreEvents.value = false;\n      } else {\n        hasMoreEvents.value = true;\n      }\n\n      eventsList.value = [...eventsList.value, ...data];\n    }\n  };\n\n  onMounted(async () => {\n    isLoading.value = true;\n    console.log(props.selectedDate)\n\n    const data = await events.read({\n      skip: skip.value,\n      limit: limit.value,\n      category: props.category,\n      participant: props.participant,\n      sortOrder: props.sortOrder,\n      sortParam: props.sortParam,\n      user: props.user,\n      owner: props.owner,\n      creator: props.creator,\n      date: props.selectedDate,\n      organization: props.organization,\n      period: props.period,\n      phase: props.phase\n    });\n\n    if (data.length === 0) {\n      hasMoreEvents.value = false;\n    } else {\n      hasMoreEvents.value = true;\n    }\n\n    eventsList.value = data;\n    isLoading.value = false;\n  });\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["ref","events.read","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CE,UAAM,QAAQ;AA+Cd,UAAM,aAAaA,IAAG,IAAC,EAAE;AACzB,UAAM,gBAAgBA,IAAG,IAAC,KAAK;AAC/B,UAAM,YAAYA,IAAG,IAAC,IAAI;AAE1B,UAAM,OAAOA,IAAG,IAAC,CAAC;AAClB,UAAM,QAAQA,IAAG,IAAC,EAAE;AAEpB,UAAM,iBAAiB,YAAY;AACjC,UAAI,cAAc,OAAO;AACvB,aAAK,SAAS,MAAM;AAEpB,cAAM,OAAO,MAAMC,YAAY;AAAA,UAC7B,MAAM,KAAK;AAAA,UACX,OAAO,MAAM;AAAA,UACb,UAAU,MAAM;AAAA,UAChB,WAAW,MAAM;AAAA,UACjB,WAAW,MAAM;AAAA,UACjB,aAAa,MAAM;AAAA,UACnB,SAAS,MAAM;AAAA,UACf,MAAM,MAAM;AAAA,UACZ,MAAM,MAAM;AAAA,UACZ,OAAO,MAAM;AAAA,UACb,cAAc,MAAM;AAAA,UACpB,QAAQ,MAAM;AAAA,UACd,OAAO,MAAM;AAAA,QACrB,CAAO;AAED,YAAI,KAAK,WAAW,GAAG;AACrB,wBAAc,QAAQ;AAAA,QAC9B,OAAa;AACL,wBAAc,QAAQ;AAAA,QAC9B;AAEM,mBAAW,QAAQ,CAAC,GAAG,WAAW,OAAO,GAAG,IAAI;AAAA,MACtD;AAAA,IACG;AAEDC,QAAAA,UAAU,YAAY;AACpB,gBAAU,QAAQ;AAClB,cAAQ,IAAI,MAAM,YAAY;AAE9B,YAAM,OAAO,MAAMD,YAAY;AAAA,QAC7B,MAAM,KAAK;AAAA,QACX,OAAO,MAAM;AAAA,QACb,UAAU,MAAM;AAAA,QAChB,aAAa,MAAM;AAAA,QACnB,WAAW,MAAM;AAAA,QACjB,WAAW,MAAM;AAAA,QACjB,MAAM,MAAM;AAAA,QACZ,OAAO,MAAM;AAAA,QACb,SAAS,MAAM;AAAA,QACf,MAAM,MAAM;AAAA,QACZ,cAAc,MAAM;AAAA,QACpB,QAAQ,MAAM;AAAA,QACd,OAAO,MAAM;AAAA,MACnB,CAAK;AAED,UAAI,KAAK,WAAW,GAAG;AACrB,sBAAc,QAAQ;AAAA,MAC5B,OAAW;AACL,sBAAc,QAAQ;AAAA,MAC5B;AAEI,iBAAW,QAAQ;AACnB,gBAAU,QAAQ;AAAA,IACtB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/events/components/sections/Feed.vue.js

@@ -1,8 +1,7 @@
-import { ref, onMounted, createElementBlock, openBlock, createVNode, TransitionGroup, withCtx, createCommentVNode, Fragment, renderList, createBlock, Transition } from "vue";
-/* empty css                                       */
+import { ref, onMounted, createElementBlock, openBlock, createVNode, TransitionGroup, withCtx, createBlock, createCommentVNode, Transition, Fragment, renderList } from "vue";
+import Loader from "../../../../components/Loader/Loader.vue2.js";
 import _sfc_main$1 from "../../../../components/EmptyState/EmptyState.vue.js";
 import _sfc_main$2 from "../blocks/CardEvent.vue.js";
-import SkeletonEvent from "../../../icons/skeletons/SkeletonEvent.vue.js";
 import { read } from "../../store/events.js";
 const _hoisted_1 = { class: "feed" };
 const _sfc_main = {
@@ -120,9 +119,7 @@ const _sfc_main = {
           class: "o-hidden bg-light radius-big"
         }, {
           default: withCtx(() => [
-            isLoading.value ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(limit.value, (i) => {
-              return openBlock(), createBlock(SkeletonEvent, { key: i });
-            }), 128)) : createCommentVNode("", true)
+            isLoading.value ? (openBlock(), createBlock(Loader, { key: 0 })) : createCommentVNode("", true)
           ]),
           _: 1
         }),

package/dist/martyrs/src/modules/events/components/sections/Feed.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Feed.vue.js","sources":["../../../../../../../src/modules/events/components/sections/Feed.vue"],"sourcesContent":["<template>\n  <section class=\"feed\">\n    <TransitionGroup tag=\"ul\" name=\"scaleTransition\" class=\"o-hidden bg-light radius-big\">\n      <SkeletonEvent\n        v-if=\"isLoading\"\n        v-for=\"i in limit\" :key=\"i\"\n      />\n    </TransitionGroup>\n\n    <transition \n      name=\"scaleTransition\"\n    >\n      <EmptyState \n        v-if=\"!isLoading && eventsList.length < 1\"\n        title=\"No Events Found\"\n        description=\"Currently, there are no events available. Please check back later.\"\n        class=\"pd-medium mn-b-thin bg-light radius-big\"\n      />\n    </transition>\n\n\n    <TransitionGroup tag=\"ul\" name=\"scaleTransition\" class=\"container\">\n      <CardEvent \n        v-if=\"!isLoading && eventsList.length > 0\"\n        @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n        v-for=\"(event,index) in eventsList\" \n        :key=\"event._id\" \n        :event=\"event\" \n        :user=\"user\" \n        :type=\"'normal'\"\n        class=\"bg-light radius-big mn-b-medium\"\n      />\n\n      <button v-if=\"hasMoreEvents && eventsList.length > 0\" @click=\"loadMoreEvents\" class=\"w-100 bg-main button\">Load more</button> \n      \n    </TransitionGroup>  \n  </section>\n</template>\n\n<script setup>\n  import { ref, onMounted } from 'vue';\n  \n  import Loader from '@martyrs/src/components/Loader/Loader.vue';\n  import EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\n  \n  import CardEvent from '@martyrs/src/modules/events/components/blocks/CardEvent.vue';\n  import SkeletonEvent from '@martyrs/src/modules/icons/skeletons/SkeletonEvent.vue'\n\n  import * as events from '@martyrs/src/modules/events/store/events.js';\n\n  const props = defineProps({\n    category: {\n      type: String,\n      default: null\n    },\n    selectedDate: {\n      type: String,\n      default: null\n    },\n    organization: {\n      type: String,\n      default: null\n    },\n    owner: {\n      type: String,\n      default: null\n    },\n    creator: {\n      type: String,\n      default: null\n    },\n    user: {\n      type: [String, Number],\n      default: null\n    },\n    sortOrder: {\n      type: String,\n      default: 'desc'\n    },\n    sortParam: {\n      type: String,\n      default: 'date.start'\n    },\n    participant: {\n      type: String,\n      default: null\n    },\n    period: {\n      type: String,\n      default: null\n    },\n    phase: {\n      type: String,\n      default: null\n    }\n  });\n\n  const eventsList = ref([]);\n  const hasMoreEvents = ref(false);\n  const isLoading = ref(true);\n\n  const skip = ref(0);\n  const limit = ref(20);\n\n  const loadMoreEvents = async () => {\n    if (hasMoreEvents.value) {\n      skip.value += limit.value;\n      \n      const data = await events.read({\n        skip: skip.value,\n        limit: limit.value,\n        category: props.category,\n        sortOrder: props.sortOrder,\n        sortParam: props.sortParam,\n        participant: props.participant,\n        creator: props.creator,\n        user: props.user,\n        date: props.selectedDate,\n        owner: props.owner,\n        organization: props.organization,\n        period: props.period,\n        phase: props.phase\n      });\n\n      if (data.length === 0) {\n        hasMoreEvents.value = false;\n      } else {\n        hasMoreEvents.value = true;\n      }\n\n      eventsList.value = [...eventsList.value, ...data];\n    }\n  };\n\n  onMounted(async () => {\n    isLoading.value = true;\n    console.log(props.selectedDate)\n\n    const data = await events.read({\n      skip: skip.value,\n      limit: limit.value,\n      category: props.category,\n      participant: props.participant,\n      sortOrder: props.sortOrder,\n      sortParam: props.sortParam,\n      user: props.user,\n      owner: props.owner,\n      creator: props.creator,\n      date: props.selectedDate,\n      organization: props.organization,\n      period: props.period,\n      phase: props.phase\n    });\n\n    if (data.length === 0) {\n      hasMoreEvents.value = false;\n    } else {\n      hasMoreEvents.value = true;\n    }\n\n    eventsList.value = data;\n    isLoading.value = false;\n  });\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["events.read"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDE,UAAM,QAAQ;AA+Cd,UAAM,aAAa,IAAI,EAAE;AACzB,UAAM,gBAAgB,IAAI,KAAK;AAC/B,UAAM,YAAY,IAAI,IAAI;AAE1B,UAAM,OAAO,IAAI,CAAC;AAClB,UAAM,QAAQ,IAAI,EAAE;AAEpB,UAAM,iBAAiB,YAAY;AACjC,UAAI,cAAc,OAAO;AACvB,aAAK,SAAS,MAAM;AAEpB,cAAM,OAAO,MAAMA,KAAY;AAAA,UAC7B,MAAM,KAAK;AAAA,UACX,OAAO,MAAM;AAAA,UACb,UAAU,MAAM;AAAA,UAChB,WAAW,MAAM;AAAA,UACjB,WAAW,MAAM;AAAA,UACjB,aAAa,MAAM;AAAA,UACnB,SAAS,MAAM;AAAA,UACf,MAAM,MAAM;AAAA,UACZ,MAAM,MAAM;AAAA,UACZ,OAAO,MAAM;AAAA,UACb,cAAc,MAAM;AAAA,UACpB,QAAQ,MAAM;AAAA,UACd,OAAO,MAAM;AAAA,QACrB,CAAO;AAED,YAAI,KAAK,WAAW,GAAG;AACrB,wBAAc,QAAQ;AAAA,QAC9B,OAAa;AACL,wBAAc,QAAQ;AAAA,QAC9B;AAEM,mBAAW,QAAQ,CAAC,GAAG,WAAW,OAAO,GAAG,IAAI;AAAA,MACtD;AAAA,IACG;AAED,cAAU,YAAY;AACpB,gBAAU,QAAQ;AAClB,cAAQ,IAAI,MAAM,YAAY;AAE9B,YAAM,OAAO,MAAMA,KAAY;AAAA,QAC7B,MAAM,KAAK;AAAA,QACX,OAAO,MAAM;AAAA,QACb,UAAU,MAAM;AAAA,QAChB,aAAa,MAAM;AAAA,QACnB,WAAW,MAAM;AAAA,QACjB,WAAW,MAAM;AAAA,QACjB,MAAM,MAAM;AAAA,QACZ,OAAO,MAAM;AAAA,QACb,SAAS,MAAM;AAAA,QACf,MAAM,MAAM;AAAA,QACZ,cAAc,MAAM;AAAA,QACpB,QAAQ,MAAM;AAAA,QACd,OAAO,MAAM;AAAA,MACnB,CAAK;AAED,UAAI,KAAK,WAAW,GAAG;AACrB,sBAAc,QAAQ;AAAA,MAC5B,OAAW;AACL,sBAAc,QAAQ;AAAA,MAC5B;AAEI,iBAAW,QAAQ;AACnB,gBAAU,QAAQ;AAAA,IACtB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Feed.vue.js","sources":["../../../../../../../src/modules/events/components/sections/Feed.vue"],"sourcesContent":["<template>\n  <section class=\"feed\">\n    <TransitionGroup tag=\"ul\" name=\"scaleTransition\" class=\"o-hidden bg-light radius-big\">\n      <Loader v-if=\"isLoading\"/>\n    </TransitionGroup>\n\n    <transition \n      name=\"scaleTransition\"\n    >\n      <EmptyState \n        v-if=\"!isLoading && eventsList.length < 1\"\n        title=\"No Events Found\"\n        description=\"Currently, there are no events available. Please check back later.\"\n        class=\"pd-medium mn-b-thin bg-light radius-big\"\n      />\n    </transition>\n\n\n    <TransitionGroup tag=\"ul\" name=\"scaleTransition\" class=\"container\">\n      <CardEvent \n        v-if=\"!isLoading && eventsList.length > 0\"\n        @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n        v-for=\"(event,index) in eventsList\" \n        :key=\"event._id\" \n        :event=\"event\" \n        :user=\"user\" \n        :type=\"'normal'\"\n        class=\"bg-light radius-big mn-b-medium\"\n      />\n\n      <button v-if=\"hasMoreEvents && eventsList.length > 0\" @click=\"loadMoreEvents\" class=\"w-100 bg-main button\">Load more</button> \n      \n    </TransitionGroup>  \n  </section>\n</template>\n\n<script setup>\n  import { ref, onMounted } from 'vue';\n  \n  import Loader from '@martyrs/src/components/Loader/Loader.vue';\n  import EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\n  \n  import CardEvent from '@martyrs/src/modules/events/components/blocks/CardEvent.vue';\n  import SkeletonEvent from '@martyrs/src/modules/icons/skeletons/SkeletonEvent.vue'\n\n  import * as events from '@martyrs/src/modules/events/store/events.js';\n\n  const props = defineProps({\n    category: {\n      type: String,\n      default: null\n    },\n    selectedDate: {\n      type: String,\n      default: null\n    },\n    organization: {\n      type: String,\n      default: null\n    },\n    owner: {\n      type: String,\n      default: null\n    },\n    creator: {\n      type: String,\n      default: null\n    },\n    user: {\n      type: [String, Number],\n      default: null\n    },\n    sortOrder: {\n      type: String,\n      default: 'desc'\n    },\n    sortParam: {\n      type: String,\n      default: 'date.start'\n    },\n    participant: {\n      type: String,\n      default: null\n    },\n    period: {\n      type: String,\n      default: null\n    },\n    phase: {\n      type: String,\n      default: null\n    }\n  });\n\n  const eventsList = ref([]);\n  const hasMoreEvents = ref(false);\n  const isLoading = ref(true);\n\n  const skip = ref(0);\n  const limit = ref(20);\n\n  const loadMoreEvents = async () => {\n    if (hasMoreEvents.value) {\n      skip.value += limit.value;\n      \n      const data = await events.read({\n        skip: skip.value,\n        limit: limit.value,\n        category: props.category,\n        sortOrder: props.sortOrder,\n        sortParam: props.sortParam,\n        participant: props.participant,\n        creator: props.creator,\n        user: props.user,\n        date: props.selectedDate,\n        owner: props.owner,\n        organization: props.organization,\n        period: props.period,\n        phase: props.phase\n      });\n\n      if (data.length === 0) {\n        hasMoreEvents.value = false;\n      } else {\n        hasMoreEvents.value = true;\n      }\n\n      eventsList.value = [...eventsList.value, ...data];\n    }\n  };\n\n  onMounted(async () => {\n    isLoading.value = true;\n    console.log(props.selectedDate)\n\n    const data = await events.read({\n      skip: skip.value,\n      limit: limit.value,\n      category: props.category,\n      participant: props.participant,\n      sortOrder: props.sortOrder,\n      sortParam: props.sortParam,\n      user: props.user,\n      owner: props.owner,\n      creator: props.creator,\n      date: props.selectedDate,\n      organization: props.organization,\n      period: props.period,\n      phase: props.phase\n    });\n\n    if (data.length === 0) {\n      hasMoreEvents.value = false;\n    } else {\n      hasMoreEvents.value = true;\n    }\n\n    eventsList.value = data;\n    isLoading.value = false;\n  });\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["events.read"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CE,UAAM,QAAQ;AA+Cd,UAAM,aAAa,IAAI,EAAE;AACzB,UAAM,gBAAgB,IAAI,KAAK;AAC/B,UAAM,YAAY,IAAI,IAAI;AAE1B,UAAM,OAAO,IAAI,CAAC;AAClB,UAAM,QAAQ,IAAI,EAAE;AAEpB,UAAM,iBAAiB,YAAY;AACjC,UAAI,cAAc,OAAO;AACvB,aAAK,SAAS,MAAM;AAEpB,cAAM,OAAO,MAAMA,KAAY;AAAA,UAC7B,MAAM,KAAK;AAAA,UACX,OAAO,MAAM;AAAA,UACb,UAAU,MAAM;AAAA,UAChB,WAAW,MAAM;AAAA,UACjB,WAAW,MAAM;AAAA,UACjB,aAAa,MAAM;AAAA,UACnB,SAAS,MAAM;AAAA,UACf,MAAM,MAAM;AAAA,UACZ,MAAM,MAAM;AAAA,UACZ,OAAO,MAAM;AAAA,UACb,cAAc,MAAM;AAAA,UACpB,QAAQ,MAAM;AAAA,UACd,OAAO,MAAM;AAAA,QACrB,CAAO;AAED,YAAI,KAAK,WAAW,GAAG;AACrB,wBAAc,QAAQ;AAAA,QAC9B,OAAa;AACL,wBAAc,QAAQ;AAAA,QAC9B;AAEM,mBAAW,QAAQ,CAAC,GAAG,WAAW,OAAO,GAAG,IAAI;AAAA,MACtD;AAAA,IACG;AAED,cAAU,YAAY;AACpB,gBAAU,QAAQ;AAClB,cAAQ,IAAI,MAAM,YAAY;AAE9B,YAAM,OAAO,MAAMA,KAAY;AAAA,QAC7B,MAAM,KAAK;AAAA,QACX,OAAO,MAAM;AAAA,QACb,UAAU,MAAM;AAAA,QAChB,aAAa,MAAM;AAAA,QACnB,WAAW,MAAM;AAAA,QACjB,WAAW,MAAM;AAAA,QACjB,MAAM,MAAM;AAAA,QACZ,OAAO,MAAM;AAAA,QACb,SAAS,MAAM;AAAA,QACf,MAAM,MAAM;AAAA,QACZ,cAAc,MAAM;AAAA,QACpB,QAAQ,MAAM;AAAA,QACd,OAAO,MAAM;AAAA,MACnB,CAAK;AAED,UAAI,KAAK,WAAW,GAAG;AACrB,sBAAc,QAAQ;AAAA,MAC5B,OAAW;AACL,sBAAc,QAAQ;AAAA,MAC5B;AAEI,iBAAW,QAAQ;AACnB,gBAAU,QAAQ;AAAA,IACtB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/gallery/components/pages/Gallery.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
-const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
 const PhotoViewer = require("../../../../components/PhotoViewer/PhotoViewer.vue.cjs");
 const SectionPageTitle = require("../../../globals/views/components/sections/SectionPageTitle.vue.cjs");
 const gallery = require("../../store/gallery.cjs");

package/dist/martyrs/src/modules/gallery/components/pages/Gallery.vue.js

@@ -1,6 +1,6 @@
 import { ref, createElementBlock, openBlock, createVNode, withCtx, unref, isRef, Fragment, renderList, createElementVNode } from "vue";
 import _sfc_main$4 from "../../../../components/Feed/Feed.vue.js";
-import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$2 from "../../../../components/Popup/Popup.vue2.js";
 import _sfc_main$3 from "../../../../components/PhotoViewer/PhotoViewer.vue.js";
 import _sfc_main$1 from "../../../globals/views/components/sections/SectionPageTitle.vue.js";
 import gallery from "../../store/gallery.js";

package/dist/martyrs/src/modules/gallery/components/sections/BackofficeGallery.vue.cjs

@@ -3,9 +3,9 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const Button = require("../../../../components/Button/Button.vue.cjs");
-const Chips = require("../../../../components/Chips/Chips.vue2.cjs");
-;/* empty css                                                   */
-const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+const Chips = require("../../../../components/Chips/Chips.vue.cjs");
+;/* empty css                                                    */
+const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const PhotoViewer = require("../../../../components/PhotoViewer/PhotoViewer.vue.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");

package/dist/martyrs/src/modules/gallery/components/sections/BackofficeGallery.vue.js

@@ -1,9 +1,9 @@
 import { ref, createElementBlock, openBlock, createVNode, unref, isRef, withCtx, Fragment, renderList, createElementVNode, toDisplayString, createBlock, createCommentVNode, createTextVNode } from "vue";
 import { useRoute } from "vue-router";
 import _sfc_main$9 from "../../../../components/Button/Button.vue.js";
-import _sfc_main$4 from "../../../../components/Chips/Chips.vue2.js";
-/* empty css                                                 */
-import _sfc_main$5 from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$4 from "../../../../components/Chips/Chips.vue.js";
+/* empty css                                                  */
+import _sfc_main$5 from "../../../../components/Popup/Popup.vue2.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$6 from "../../../../components/PhotoViewer/PhotoViewer.vue.js";
 import { state } from "../../../auth/views/store/auth.js";

package/dist/martyrs/src/modules/globals/views/components/blocks/BlockFilter.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BlockFilter.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/blocks/BlockFilter.vue"],"sourcesContent":["<script setup>\nimport { ref } from 'vue';\n\nimport Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\";\nimport Spoiler from \"@martyrs/src/components/Spoiler/Spoiler.vue\"\n\n import IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue'\n\nconst props = defineProps({\n  title: {\n    type: String,\n    default: 'Sorting Options'\n  },\n  options: {\n    type: Array\n  }\n});\n\nconst emits = defineEmits([\n  'click_filter'\n])\n\nconst filter = defineModel('filter')\n</script>\n\n<template>\n  <div class=\"w-100 o-scroll\">\n    <Spoiler \n      v-for=\"filterOption in options\"\n      class=\"o-hidden\"\n      :status=\"true\"\n    >\n      <template  #header=\"{ isOpen }\">\n        <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n          <h4 class=\"w-100\" >{{ filterOption.title }}</h4>\n          <div class=\"h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra\">\n             <IconChevronBottom :class=\"{ 'rotate-180 mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-regular\"/>\n          </div>\n         \n        </div>\n      </template>\n\n      <template #content>\n        <Checkbox \n          v-for=\"(checkbox, index) in  filterOption.options\"\n          :key=\"index\"\n          :label=\"checkbox.label\"\n          :value=\"checkbox.value\"\n          class=\"w-100 mn-t-small mn-b-small br-1px br-solid br-light  radius-small pd-small\"\n          :radio=\"filter.selected[filterOption.value]\"\n          @update:radio=\"event =>  { filter.selected[filterOption.value] = event; emits('click_filter', filterOption.value) } \"\n        />\n      </template>\n\n      \n    </Spoiler>\n\n    <button @click=\"() => filter.selected = {}\"  class=\"bg-main w-100 button\">Reset Filters</button>\n  </div>\n</template>\n"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,UAAM,QAAQ;AAId,UAAM,SAASA,IAAAA,SAAW,SAAC,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BlockFilter.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/blocks/BlockFilter.vue"],"sourcesContent":["<script setup>\nimport { ref } from 'vue';\n\nimport Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\";\nimport Spoiler from \"@martyrs/src/components/Spoiler/Spoiler.vue\"\n\nimport IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue'\n\nconst props = defineProps({\n  title: {\n    type: String,\n    default: 'Sorting Options'\n  },\n  options: {\n    type: Array\n  }\n});\n\nconst emits = defineEmits([\n  'click_filter'\n])\n\nconst filter = defineModel('filter')\n</script>\n\n<template>\n  <div class=\"w-100 o-scroll\">\n    <Spoiler \n      v-for=\"filterOption in options\"\n      class=\"o-hidden\"\n      :status=\"true\"\n    >\n      <template  #header=\"{ isOpen }\">\n        <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n          <h4 class=\"w-100\" >{{ filterOption.title }}</h4>\n          <div class=\"h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra\">\n             <IconChevronBottom :class=\"{ 'rotate-180 mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-regular\"/>\n          </div>\n         \n        </div>\n      </template>\n\n      <template #content>\n        <Checkbox \n          v-for=\"(checkbox, index) in  filterOption.options\"\n          :key=\"index\"\n          :label=\"checkbox.label\"\n          :value=\"checkbox.value\"\n          class=\"w-100 mn-t-small mn-b-small br-1px br-solid br-light  radius-small pd-small\"\n          :radio=\"filter.selected[filterOption.value]\"\n          @update:radio=\"event =>  { filter.selected[filterOption.value] = event; emits('click_filter', filterOption.value) } \"\n        />\n      </template>\n\n      \n    </Spoiler>\n\n    <button @click=\"() => filter.selected = {}\"  class=\"bg-main w-100 button\">Reset Filters</button>\n  </div>\n</template>\n"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,UAAM,QAAQ;AAId,UAAM,SAASA,IAAAA,SAAW,SAAC,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/globals/views/components/blocks/BlockFilter.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockFilter.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/blocks/BlockFilter.vue"],"sourcesContent":["<script setup>\nimport { ref } from 'vue';\n\nimport Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\";\nimport Spoiler from \"@martyrs/src/components/Spoiler/Spoiler.vue\"\n\n import IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue'\n\nconst props = defineProps({\n  title: {\n    type: String,\n    default: 'Sorting Options'\n  },\n  options: {\n    type: Array\n  }\n});\n\nconst emits = defineEmits([\n  'click_filter'\n])\n\nconst filter = defineModel('filter')\n</script>\n\n<template>\n  <div class=\"w-100 o-scroll\">\n    <Spoiler \n      v-for=\"filterOption in options\"\n      class=\"o-hidden\"\n      :status=\"true\"\n    >\n      <template  #header=\"{ isOpen }\">\n        <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n          <h4 class=\"w-100\" >{{ filterOption.title }}</h4>\n          <div class=\"h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra\">\n             <IconChevronBottom :class=\"{ 'rotate-180 mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-regular\"/>\n          </div>\n         \n        </div>\n      </template>\n\n      <template #content>\n        <Checkbox \n          v-for=\"(checkbox, index) in  filterOption.options\"\n          :key=\"index\"\n          :label=\"checkbox.label\"\n          :value=\"checkbox.value\"\n          class=\"w-100 mn-t-small mn-b-small br-1px br-solid br-light  radius-small pd-small\"\n          :radio=\"filter.selected[filterOption.value]\"\n          @update:radio=\"event =>  { filter.selected[filterOption.value] = event; emits('click_filter', filterOption.value) } \"\n        />\n      </template>\n\n      \n    </Spoiler>\n\n    <button @click=\"() => filter.selected = {}\"  class=\"bg-main w-100 button\">Reset Filters</button>\n  </div>\n</template>\n"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,UAAM,QAAQ;AAId,UAAM,SAASA,SAAW,SAAC,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BlockFilter.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/blocks/BlockFilter.vue"],"sourcesContent":["<script setup>\nimport { ref } from 'vue';\n\nimport Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\";\nimport Spoiler from \"@martyrs/src/components/Spoiler/Spoiler.vue\"\n\nimport IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue'\n\nconst props = defineProps({\n  title: {\n    type: String,\n    default: 'Sorting Options'\n  },\n  options: {\n    type: Array\n  }\n});\n\nconst emits = defineEmits([\n  'click_filter'\n])\n\nconst filter = defineModel('filter')\n</script>\n\n<template>\n  <div class=\"w-100 o-scroll\">\n    <Spoiler \n      v-for=\"filterOption in options\"\n      class=\"o-hidden\"\n      :status=\"true\"\n    >\n      <template  #header=\"{ isOpen }\">\n        <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n          <h4 class=\"w-100\" >{{ filterOption.title }}</h4>\n          <div class=\"h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra\">\n             <IconChevronBottom :class=\"{ 'rotate-180 mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-regular\"/>\n          </div>\n         \n        </div>\n      </template>\n\n      <template #content>\n        <Checkbox \n          v-for=\"(checkbox, index) in  filterOption.options\"\n          :key=\"index\"\n          :label=\"checkbox.label\"\n          :value=\"checkbox.value\"\n          class=\"w-100 mn-t-small mn-b-small br-1px br-solid br-light  radius-small pd-small\"\n          :radio=\"filter.selected[filterOption.value]\"\n          @update:radio=\"event =>  { filter.selected[filterOption.value] = event; emits('click_filter', filterOption.value) } \"\n        />\n      </template>\n\n      \n    </Spoiler>\n\n    <button @click=\"() => filter.selected = {}\"  class=\"bg-main w-100 button\">Reset Filters</button>\n  </div>\n</template>\n"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,UAAM,QAAQ;AAId,UAAM,SAASA,SAAW,SAAC,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/globals/views/components/blocks/CardHeader.vue.cjs

@@ -2,8 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Tooltip = require("../../../../../components/Tooltip/Tooltip.vue.cjs");
-const Dropdown = require("../../../../../components/Dropdown/Dropdown.vue2.cjs");
+const Tooltip = require("../../../../../components/Tooltip/Tooltip.vue2.cjs");
+const Dropdown = require("../../../../../components/Dropdown/Dropdown.vue.cjs");
 const PlaceholderUserpic = require("../../../../icons/placeholders/PlaceholderUserpic.vue.cjs");
 const PlaceholderOrganizationPic = require("../../../../icons/placeholders/PlaceholderOrganizationPic.vue.cjs");
 const IconEllipsis = require("../../../../icons/navigation/IconEllipsis.vue.cjs");

package/dist/martyrs/src/modules/globals/views/components/blocks/CardHeader.vue.js

@@ -1,7 +1,7 @@
 import { resolveComponent, createElementBlock, createCommentVNode, openBlock, createElementVNode, createBlock, withModifiers, resolveDynamicComponent, toDisplayString, withCtx, createTextVNode, Fragment, renderList, normalizeClass } from "vue";
 import { useRouter } from "vue-router";
-import _sfc_main$1 from "../../../../../components/Tooltip/Tooltip.vue.js";
-import _sfc_main$3 from "../../../../../components/Dropdown/Dropdown.vue2.js";
+import _sfc_main$1 from "../../../../../components/Tooltip/Tooltip.vue2.js";
+import _sfc_main$3 from "../../../../../components/Dropdown/Dropdown.vue.js";
 import PlaceholderUserpic from "../../../../icons/placeholders/PlaceholderUserpic.vue.js";
 import PlaceholderOrganizationPic from "../../../../icons/placeholders/PlaceholderOrganizationPic.vue.js";
 import _sfc_main$4 from "../../../../icons/navigation/IconEllipsis.vue.js";

package/dist/martyrs/src/modules/globals/views/components/blocks/PopupDateSelector.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueI18n = require("vue-i18n");
-const Popup = require("../../../../../components/Popup/Popup.vue.cjs");
+const Popup = require("../../../../../components/Popup/Popup.vue2.cjs");
 const Loader = require("../../../../../components/Loader/Loader.vue2.cjs");
 const Calendar = require("../../../../../components/DatePicker/Calendar.vue.cjs");
 const Button = require("../../../../../components/Button/Button.vue.cjs");

package/dist/martyrs/src/modules/globals/views/components/blocks/PopupDateSelector.vue.js

@@ -1,6 +1,6 @@
 import { ref, computed, watch, onMounted, createBlock, openBlock, withCtx, createElementVNode, createVNode, createElementBlock, createCommentVNode, toDisplayString, unref } from "vue";
 import { useI18n } from "vue-i18n";
-import _sfc_main$1 from "../../../../../components/Popup/Popup.vue.js";
+import _sfc_main$1 from "../../../../../components/Popup/Popup.vue2.js";
 import Loader from "../../../../../components/Loader/Loader.vue2.js";
 import Calendar from "../../../../../components/DatePicker/Calendar.vue.js";
 import _sfc_main$3 from "../../../../../components/Button/Button.vue.js";

package/dist/martyrs/src/modules/globals/views/components/layouts/Client.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const globals = require("../../store/globals.cjs");
 const Status = require("../../../../../components/Status/Status.vue.cjs");
-const Popup = require("../../../../../components/Popup/Popup.vue.cjs");
+const Popup = require("../../../../../components/Popup/Popup.vue2.cjs");
 const Loader = require("../../../../../components/Loader/Loader.vue2.cjs");
 require("vue-i18n");
 ;/* empty css                                             */

package/dist/martyrs/src/modules/globals/views/components/layouts/Client.vue.js

@@ -2,7 +2,7 @@ import { ref, computed, onMounted, resolveComponent, createElementBlock, openBlo
 import { useRoute } from "vue-router";
 import { state } from "../../store/globals.js";
 import _sfc_main$4 from "../../../../../components/Status/Status.vue.js";
-import _sfc_main$1 from "../../../../../components/Popup/Popup.vue.js";
+import _sfc_main$1 from "../../../../../components/Popup/Popup.vue2.js";
 import Loader from "../../../../../components/Loader/Loader.vue2.js";
 import "vue-i18n";
 /* empty css                                           */

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

@@ -112,7 +112,7 @@ const _sfc_main = {
           vue.unref(router).hasRoute("Search") && vue.unref(route).meta.header_search ? (vue.openBlock(), vue.createBlock(Button.default, {
             key: 0,
             "aria-label": "search",
-            class: "pd-zero bg-transp",
+            class: vue.normalizeClass(["pd-zero bg-transp", vue.unref(route).meta.header_search_class]),
             submit: () => vue.unref(router).push({ name: "Search" }),
             showSucces: false,
             showLoader: false
@@ -124,7 +124,7 @@ const _sfc_main = {
               }, null, 8, ["fill"])
             ]),
             _: 1
-          }, 8, ["submit"])) : vue.createCommentVNode("", true),
+          }, 8, ["class", "submit"])) : vue.createCommentVNode("", true),
           vue.createVNode(Button.default, {
             "aria-label": "shopcart",
             submit: (a) => shopcart.actions.toggleShopcart(),

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'\n\timport * as shopcart from '@martyrs/src/modules/orders/store/shopcart'\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth'\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: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 uppercase pd-l-small pd-r-small pd-micro 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,UAAS,UAAA;AACxB,UAAM,QAAQC,UAAQ,SAAA;AAEtB,UAAM,EAAE,EAAC,IAAKC,QAAO,QAAA;AAGrB,aAAS,oBAAoB;AAC3BC,cAAa,MAAC,sBAAsB;AAAA,IACvC;AAICC,QAAAA,UAAU,MAAM;AACbC,eAAAA,QAAiB,YAAW;AAAA,IAChC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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'\n\timport * as shopcart from '@martyrs/src/modules/orders/store/shopcart'\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth'\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 uppercase pd-l-small pd-r-small pd-micro 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,UAAS,UAAA;AACxB,UAAM,QAAQC,UAAQ,SAAA;AAEtB,UAAM,EAAE,EAAC,IAAKC,QAAO,QAAA;AAGrB,aAAS,oBAAoB;AAC3BC,cAAa,MAAC,sBAAsB;AAAA,IACvC;AAICC,QAAAA,UAAU,MAAM;AACbC,eAAAA,QAAiB,YAAW;AAAA,IAChC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -110,7 +110,7 @@ const _sfc_main = {
           unref(router).hasRoute("Search") && unref(route).meta.header_search ? (openBlock(), createBlock(_sfc_main$1, {
             key: 0,
             "aria-label": "search",
-            class: "pd-zero bg-transp",
+            class: normalizeClass(["pd-zero bg-transp", unref(route).meta.header_search_class]),
             submit: () => unref(router).push({ name: "Search" }),
             showSucces: false,
             showLoader: false
@@ -122,7 +122,7 @@ const _sfc_main = {
               }, null, 8, ["fill"])
             ]),
             _: 1
-          }, 8, ["submit"])) : createCommentVNode("", true),
+          }, 8, ["class", "submit"])) : createCommentVNode("", true),
           createVNode(_sfc_main$1, {
             "aria-label": "shopcart",
             submit: (a) => actions.toggleShopcart(),

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'\n\timport * as shopcart from '@martyrs/src/modules/orders/store/shopcart'\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth'\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: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 uppercase pd-l-small pd-r-small pd-micro 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,IACvC;AAIC,cAAU,MAAM;AACbC,cAAiB,YAAW;AAAA,IAChC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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'\n\timport * as shopcart from '@martyrs/src/modules/orders/store/shopcart'\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth'\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 uppercase pd-l-small pd-r-small pd-micro 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,IACvC;AAIC,cAAU,MAAM;AACbC,cAAiB,YAAW;AAAA,IAChC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -4,7 +4,7 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const globals = require("../../store/globals.cjs");
 const auth = require("../../../../auth/views/store/auth.cjs");
-;/* empty css                                                */
+;/* empty css                                                 */
 ;/* empty css                                              */
 const _pluginVue_exportHelper = require("../../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = ["onClick"];

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

@@ -2,7 +2,7 @@ import { ref, computed, watch, createElementBlock, openBlock, normalizeClass, Fr
 import { useRouter } from "vue-router";
 import { state } from "../../store/globals.js";
 import { state as state$1 } from "../../../../auth/views/store/auth.js";
-/* empty css                                              */
+/* empty css                                               */
 /* empty css                                            */
 import _export_sfc from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = ["onClick"];

package/dist/martyrs/src/modules/globals/views/components/sections/SectionPageTitle.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Tab = require("../../../../../components/Tab/Tab.vue2.cjs");
+const Tab = require("../../../../../components/Tab/Tab.vue.cjs");
 const _hoisted_1 = { class: "flex-v-center flex-nowrap flex" };
 const _hoisted_2 = { class: "h2 mn-r-auto" };
 const _hoisted_3 = ["onClick"];

package/dist/martyrs/src/modules/globals/views/components/sections/SectionPageTitle.vue.js

@@ -1,5 +1,5 @@
 import { resolveComponent, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, toDisplayString, Fragment, renderList, normalizeClass, withCtx, createTextVNode } from "vue";
-import _sfc_main$1 from "../../../../../components/Tab/Tab.vue2.js";
+import _sfc_main$1 from "../../../../../components/Tab/Tab.vue.js";
 const _hoisted_1 = { class: "flex-v-center flex-nowrap flex" };
 const _hoisted_2 = { class: "h2 mn-r-auto" };
 const _hoisted_3 = ["onClick"];

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

@@ -57,7 +57,7 @@ const _sfc_main = {
       };
       let categoriesFilter = await categories.actions.read(options);
       categoriesFilter = categoriesFilter.map((category) => ({
-        value: category.url,
+        value: category._id,
         label: category.name
       }));
       const index = marketplace.state.filter.options.findIndex((option) => option.value === "categories");

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.url,\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=\"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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"}