@ozdao/martyrs 0.2.537 → 0.2.538

package/dist/martyrs/src/modules/globals/views/classes/store.js

@@ -54,8 +54,16 @@ function createStore() {
   return store2;
 }
 let clientStore = null;
+let ssrStore = null;
+function setSSRStore(store2) {
+  ssrStore = store2;
+}
 function useStore() {
   if (typeof window === "undefined") {
+    if (ssrStore) {
+      return ssrStore;
+    }
+    console.warn("[WARN] SSR store not set, creating new store instance");
     return createStore();
   }
   if (!clientStore) {
@@ -67,6 +75,7 @@ const store = useStore();
 export {
   createStore,
   store as default,
+  setSSRStore,
   useStore
 };
 //# sourceMappingURL=store.js.map

package/dist/martyrs/src/modules/globals/views/classes/store.js.map

@@ -1 +1 @@
-{"version":3,"file":"store.js","sources":["../../../../../../../src/modules/globals/views/classes/store.js"],"sourcesContent":["import { isReactive, reactive } from 'vue';\n\n// Фабрика для создания store\nexport function createStore() {\n  const store = reactive({\n    modules: [],\n    addStore(name, storage) {\n      this[name] = storage;\n      this.modules.push(name);\n    },\n    async getInitialState() {\n      const initialState = {};\n      for (const [moduleName, moduleStore] of Object.entries(this)) {\n        if (moduleName !== 'modules' && moduleName !== 'addStore' && moduleName !== 'getInitialState' && moduleName !== 'setInitialState') {\n          if (moduleStore.state) {\n            initialState[moduleName] = JSON.parse(JSON.stringify(moduleStore.state));\n          }\n        }\n      }\n      return initialState;\n    },\n    async setInitialState(initialState, isHydration = false) {\n      console.time('[PERF] Store.setInitialState');\n      const modules = Object.entries(initialState);\n      console.log(`[PERF] Setting initial state for ${modules.length} modules (hydration: ${isHydration})`);\n      \n      for (const [moduleName, moduleState] of modules) {\n        if (this[moduleName] && this[moduleName].state) {\n          console.time(`[PERF] Merge state: ${moduleName}`);\n          \n          // При гидратации просто заменяем state целиком для скорости\n          if (isHydration) {\n            Object.assign(this[moduleName].state, moduleState);\n          } else {\n            mergeReactive(this[moduleName].state, moduleState);\n          }\n          \n          console.timeEnd(`[PERF] Merge state: ${moduleName}`);\n        }\n      }\n      console.timeEnd('[PERF] Store.setInitialState');\n    }\n  });\n\n  function mergeReactive(target, source) {\n    // Оптимизированная версия слияния\n    const keys = Object.keys(source);\n    for (let i = 0; i < keys.length; i++) {\n      const key = keys[i];\n      const sourceValue = source[key];\n      \n      if (sourceValue !== null && typeof sourceValue === 'object' && !Array.isArray(sourceValue)) {\n        if (isReactive(target[key])) {\n          mergeReactive(target[key], sourceValue);\n        } else {\n          target[key] = sourceValue;\n        }\n      } else {\n        target[key] = sourceValue;\n      }\n    }\n  }\n\n  return store;\n}\n\n// Синглтон для клиента\nlet clientStore = null;\n\nexport function useStore() {\n  if (typeof window === 'undefined') {\n    // SSR: новый store каждый раз\n    return createStore();\n  }\n  // Client: синглтон\n  if (!clientStore) {\n    clientStore = createStore();\n  }\n  return clientStore;\n}\n\nexport default useStore();\n"],"names":["store"],"mappings":";AAGO,SAAS,cAAc;AAC5B,QAAMA,SAAQ,SAAS;AAAA,IACrB,SAAS,CAAA;AAAA,IACT,SAAS,MAAM,SAAS;AACtB,WAAK,IAAI,IAAI;AACb,WAAK,QAAQ,KAAK,IAAI;AAAA,IACxB;AAAA,IACA,MAAM,kBAAkB;AACtB,YAAM,eAAe,CAAA;AACrB,iBAAW,CAAC,YAAY,WAAW,KAAK,OAAO,QAAQ,IAAI,GAAG;AAC5D,YAAI,eAAe,aAAa,eAAe,cAAc,eAAe,qBAAqB,eAAe,mBAAmB;AACjI,cAAI,YAAY,OAAO;AACrB,yBAAa,UAAU,IAAI,KAAK,MAAM,KAAK,UAAU,YAAY,KAAK,CAAC;AAAA,UACzE;AAAA,QACF;AAAA,MACF;AACA,aAAO;AAAA,IACT;AAAA,IACA,MAAM,gBAAgB,cAAc,cAAc,OAAO;AACvD,cAAQ,KAAK,8BAA8B;AAC3C,YAAM,UAAU,OAAO,QAAQ,YAAY;AAC3C,cAAQ,IAAI,oCAAoC,QAAQ,MAAM,wBAAwB,WAAW,GAAG;AAEpG,iBAAW,CAAC,YAAY,WAAW,KAAK,SAAS;AAC/C,YAAI,KAAK,UAAU,KAAK,KAAK,UAAU,EAAE,OAAO;AAC9C,kBAAQ,KAAK,uBAAuB,UAAU,EAAE;AAGhD,cAAI,aAAa;AACf,mBAAO,OAAO,KAAK,UAAU,EAAE,OAAO,WAAW;AAAA,UACnD,OAAO;AACL,0BAAc,KAAK,UAAU,EAAE,OAAO,WAAW;AAAA,UACnD;AAEA,kBAAQ,QAAQ,uBAAuB,UAAU,EAAE;AAAA,QACrD;AAAA,MACF;AACA,cAAQ,QAAQ,8BAA8B;AAAA,IAChD;AAAA,EACJ,CAAG;AAED,WAAS,cAAc,QAAQ,QAAQ;AAErC,UAAM,OAAO,OAAO,KAAK,MAAM;AAC/B,aAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;AACpC,YAAM,MAAM,KAAK,CAAC;AAClB,YAAM,cAAc,OAAO,GAAG;AAE9B,UAAI,gBAAgB,QAAQ,OAAO,gBAAgB,YAAY,CAAC,MAAM,QAAQ,WAAW,GAAG;AAC1F,YAAI,WAAW,OAAO,GAAG,CAAC,GAAG;AAC3B,wBAAc,OAAO,GAAG,GAAG,WAAW;AAAA,QACxC,OAAO;AACL,iBAAO,GAAG,IAAI;AAAA,QAChB;AAAA,MACF,OAAO;AACL,eAAO,GAAG,IAAI;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAEA,SAAOA;AACT;AAGA,IAAI,cAAc;AAEX,SAAS,WAAW;AACzB,MAAI,OAAO,WAAW,aAAa;AAEjC,WAAO,YAAW;AAAA,EACpB;AAEA,MAAI,CAAC,aAAa;AAChB,kBAAc,YAAW;AAAA,EAC3B;AACA,SAAO;AACT;AAEA,MAAA,QAAe,SAAQ;"}
+{"version":3,"file":"store.js","sources":["../../../../../../../src/modules/globals/views/classes/store.js"],"sourcesContent":["import { isReactive, reactive } from 'vue';\n\n// Фабрика для создания store\nexport function createStore() {\n  const store = reactive({\n    modules: [],\n    addStore(name, storage) {\n      this[name] = storage;\n      this.modules.push(name);\n    },\n    async getInitialState() {\n      const initialState = {};\n      for (const [moduleName, moduleStore] of Object.entries(this)) {\n        if (moduleName !== 'modules' && moduleName !== 'addStore' && moduleName !== 'getInitialState' && moduleName !== 'setInitialState') {\n          if (moduleStore.state) {\n            initialState[moduleName] = JSON.parse(JSON.stringify(moduleStore.state));\n          }\n        }\n      }\n      return initialState;\n    },\n    async setInitialState(initialState, isHydration = false) {\n      console.time('[PERF] Store.setInitialState');\n      const modules = Object.entries(initialState);\n      console.log(`[PERF] Setting initial state for ${modules.length} modules (hydration: ${isHydration})`);\n      \n      for (const [moduleName, moduleState] of modules) {\n        if (this[moduleName] && this[moduleName].state) {\n          console.time(`[PERF] Merge state: ${moduleName}`);\n          \n          // При гидратации просто заменяем state целиком для скорости\n          if (isHydration) {\n            Object.assign(this[moduleName].state, moduleState);\n          } else {\n            mergeReactive(this[moduleName].state, moduleState);\n          }\n          \n          console.timeEnd(`[PERF] Merge state: ${moduleName}`);\n        }\n      }\n      console.timeEnd('[PERF] Store.setInitialState');\n    }\n  });\n\n  function mergeReactive(target, source) {\n    // Оптимизированная версия слияния\n    const keys = Object.keys(source);\n    for (let i = 0; i < keys.length; i++) {\n      const key = keys[i];\n      const sourceValue = source[key];\n      \n      if (sourceValue !== null && typeof sourceValue === 'object' && !Array.isArray(sourceValue)) {\n        if (isReactive(target[key])) {\n          mergeReactive(target[key], sourceValue);\n        } else {\n          target[key] = sourceValue;\n        }\n      } else {\n        target[key] = sourceValue;\n      }\n    }\n  }\n\n  return store;\n}\n\n// Синглтон для клиента\nlet clientStore = null;\n\n// Store для SSR должен создаваться в createApp и передаваться сюда\nlet ssrStore = null;\n\nexport function setSSRStore(store) {\n  ssrStore = store;\n}\n\nexport function useStore() {\n  if (typeof window === 'undefined') {\n    // SSR: используем переданный store\n    if (ssrStore) {\n      return ssrStore;\n    }\n    // Fallback для обратной совместимости\n    console.warn('[WARN] SSR store not set, creating new store instance');\n    return createStore();\n  }\n  // Client: синглтон\n  if (!clientStore) {\n    clientStore = createStore();\n  }\n  return clientStore;\n}\n\nexport default useStore();\n"],"names":["store"],"mappings":";AAGO,SAAS,cAAc;AAC5B,QAAMA,SAAQ,SAAS;AAAA,IACrB,SAAS,CAAA;AAAA,IACT,SAAS,MAAM,SAAS;AACtB,WAAK,IAAI,IAAI;AACb,WAAK,QAAQ,KAAK,IAAI;AAAA,IACxB;AAAA,IACA,MAAM,kBAAkB;AACtB,YAAM,eAAe,CAAA;AACrB,iBAAW,CAAC,YAAY,WAAW,KAAK,OAAO,QAAQ,IAAI,GAAG;AAC5D,YAAI,eAAe,aAAa,eAAe,cAAc,eAAe,qBAAqB,eAAe,mBAAmB;AACjI,cAAI,YAAY,OAAO;AACrB,yBAAa,UAAU,IAAI,KAAK,MAAM,KAAK,UAAU,YAAY,KAAK,CAAC;AAAA,UACzE;AAAA,QACF;AAAA,MACF;AACA,aAAO;AAAA,IACT;AAAA,IACA,MAAM,gBAAgB,cAAc,cAAc,OAAO;AACvD,cAAQ,KAAK,8BAA8B;AAC3C,YAAM,UAAU,OAAO,QAAQ,YAAY;AAC3C,cAAQ,IAAI,oCAAoC,QAAQ,MAAM,wBAAwB,WAAW,GAAG;AAEpG,iBAAW,CAAC,YAAY,WAAW,KAAK,SAAS;AAC/C,YAAI,KAAK,UAAU,KAAK,KAAK,UAAU,EAAE,OAAO;AAC9C,kBAAQ,KAAK,uBAAuB,UAAU,EAAE;AAGhD,cAAI,aAAa;AACf,mBAAO,OAAO,KAAK,UAAU,EAAE,OAAO,WAAW;AAAA,UACnD,OAAO;AACL,0BAAc,KAAK,UAAU,EAAE,OAAO,WAAW;AAAA,UACnD;AAEA,kBAAQ,QAAQ,uBAAuB,UAAU,EAAE;AAAA,QACrD;AAAA,MACF;AACA,cAAQ,QAAQ,8BAA8B;AAAA,IAChD;AAAA,EACJ,CAAG;AAED,WAAS,cAAc,QAAQ,QAAQ;AAErC,UAAM,OAAO,OAAO,KAAK,MAAM;AAC/B,aAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;AACpC,YAAM,MAAM,KAAK,CAAC;AAClB,YAAM,cAAc,OAAO,GAAG;AAE9B,UAAI,gBAAgB,QAAQ,OAAO,gBAAgB,YAAY,CAAC,MAAM,QAAQ,WAAW,GAAG;AAC1F,YAAI,WAAW,OAAO,GAAG,CAAC,GAAG;AAC3B,wBAAc,OAAO,GAAG,GAAG,WAAW;AAAA,QACxC,OAAO;AACL,iBAAO,GAAG,IAAI;AAAA,QAChB;AAAA,MACF,OAAO;AACL,eAAO,GAAG,IAAI;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAEA,SAAOA;AACT;AAGA,IAAI,cAAc;AAGlB,IAAI,WAAW;AAER,SAAS,YAAYA,QAAO;AACjC,aAAWA;AACb;AAEO,SAAS,WAAW;AACzB,MAAI,OAAO,WAAW,aAAa;AAEjC,QAAI,UAAU;AACZ,aAAO;AAAA,IACT;AAEA,YAAQ,KAAK,uDAAuD;AACpE,WAAO,YAAW;AAAA,EACpB;AAEA,MAAI,CAAC,aAAa;AAChB,kBAAc,YAAW;AAAA,EAC3B;AACA,SAAO;AACT;AAEA,MAAA,QAAe,SAAQ;"}

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

@@ -8,8 +8,8 @@ const PlaceholderUserpic = require("../../../../icons/placeholders/PlaceholderUs
 const PlaceholderOrganizationPic = require("../../../../icons/placeholders/PlaceholderOrganizationPic.vue.cjs");
 const IconEllipsis = require("../../../../icons/navigation/IconEllipsis.vue.cjs");
 const FormReport = require("../../../../reports/components/sections/FormReport.vue.cjs");
-;/* empty css                                            */
-;/* empty css                                            */
+;/* empty css                                             */
+;/* empty css                                             */
 const PhotoStack = require("../elements/PhotoStack.vue.cjs");
 const _hoisted_1 = {
   key: 0,

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

@@ -6,8 +6,8 @@ import PlaceholderUserpic from "../../../../icons/placeholders/PlaceholderUserpi
 import PlaceholderOrganizationPic from "../../../../icons/placeholders/PlaceholderOrganizationPic.vue.js";
 import _sfc_main$4 from "../../../../icons/navigation/IconEllipsis.vue.js";
 import _sfc_main$5 from "../../../../reports/components/sections/FormReport.vue.js";
-/* empty css                                          */
-/* empty css                                          */
+/* empty css                                           */
+/* empty css                                           */
 import _sfc_main$2 from "../elements/PhotoStack.vue.js";
 const _hoisted_1 = {
   key: 0,

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

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const Popup = require("../../../../../components/Popup/Popup.vue.cjs");
-const Button = require("../../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../../components/Button/Button.vue.cjs");
 const _hoisted_1 = { class: "t-center" };
 const _hoisted_2 = { class: "mn-b-medium" };
 const _hoisted_3 = { class: "mn-b-semi t-transp" };

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

@@ -1,7 +1,7 @@
 import { createBlock, openBlock, withCtx, createElementVNode, toDisplayString, createVNode, createTextVNode } from "vue";
 import { useRouter, useRoute } from "vue-router";
 import _sfc_main$1 from "../../../../../components/Popup/Popup.vue.js";
-import _sfc_main$2 from "../../../../../components/Button/Button.vue2.js";
+import _sfc_main$2 from "../../../../../components/Button/Button.vue.js";
 const _hoisted_1 = { class: "t-center" };
 const _hoisted_2 = { class: "mn-b-medium" };
 const _hoisted_3 = { class: "mn-b-semi t-transp" };

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

@@ -3,9 +3,9 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueI18n = require("vue-i18n");
 const Popup = require("../../../../../components/Popup/Popup.vue.cjs");
-const Loader = require("../../../../../components/Loader/Loader.vue2.cjs");
+const Loader = require("../../../../../components/Loader/Loader.vue.cjs");
 const Calendar = require("../../../../../components/Calendar/Calendar.vue2.cjs");
-const Button = require("../../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../../components/Button/Button.vue.cjs");
 const IconShopcartAdd = require("../../../../icons/actions/IconShopcartAdd.vue.cjs");
 const PriceTotal = require("../../../../orders/components/elements/PriceTotal.vue.cjs");
 const rents_store = require("../../../../rents/views/store/rents.store.cjs");

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

@@ -1,9 +1,9 @@
 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 Loader from "../../../../../components/Loader/Loader.vue2.js";
+import Loader from "../../../../../components/Loader/Loader.vue.js";
 import Calendar from "../../../../../components/Calendar/Calendar.vue2.js";
-import _sfc_main$3 from "../../../../../components/Button/Button.vue2.js";
+import _sfc_main$3 from "../../../../../components/Button/Button.vue.js";
 import _sfc_main$4 from "../../../../icons/actions/IconShopcartAdd.vue.js";
 import _sfc_main$2 from "../../../../orders/components/elements/PriceTotal.vue.js";
 import { loadAvailability } from "../../../../rents/views/store/rents.store.js";

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

@@ -8,8 +8,8 @@ const Snack = require("../../../../../components/Status/Snack.vue.cjs");
 const Popup = require("../../../../../components/Popup/Popup.vue.cjs");
 require("vue-i18n");
 ;/* empty css                                                      */
-const Loader = require("../../../../../components/Loader/Loader.vue2.cjs");
-;/* empty css                                            */
+const Loader = require("../../../../../components/Loader/Loader.vue.cjs");
+;/* empty css                                             */
 ;/* empty css                               */
 const LocationSelection = require("../partials/LocationSelection.vue.cjs");
 const ShopCart = require("../../../../orders/components/partials/ShopCart.vue.cjs");

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

@@ -6,8 +6,8 @@ import _sfc_main$5 from "../../../../../components/Status/Snack.vue.js";
 import _sfc_main$1 from "../../../../../components/Popup/Popup.vue.js";
 import "vue-i18n";
 /* empty css                                                    */
-import Loader from "../../../../../components/Loader/Loader.vue2.js";
-/* empty css                                          */
+import Loader from "../../../../../components/Loader/Loader.vue.js";
+/* empty css                                           */
 /* empty css                             */
 import _sfc_main$2 from "../partials/LocationSelection.vue.js";
 import _sfc_main$3 from "../../../../orders/components/partials/ShopCart.vue.js";

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

@@ -7,7 +7,7 @@ const globals = require("../../store/globals.cjs");
 const shopcart = require("../../../../orders/store/shopcart.cjs");
 const auth = require("../../../../auth/views/store/auth.cjs");
 const NotificationBadge = require("../../../../notifications/components/elements/NotificationBadge.vue.cjs");
-const Button = require("../../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../../components/Button/Button.vue.cjs");
 const Select = require("../../../../../components/Select/Select.vue.cjs");
 const IconShopcart = require("../../../../icons/entities/IconShopcart.vue.cjs");
 const IconProfile = require("../../../../icons/entities/IconProfile.vue.cjs");

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

@@ -5,7 +5,7 @@ import { state } from "../../store/globals.js";
 import { actions, getters } from "../../../../orders/store/shopcart.js";
 import { state as state$1 } from "../../../../auth/views/store/auth.js";
 import NotificationBadge from "../../../../notifications/components/elements/NotificationBadge.vue.js";
-import _sfc_main$1 from "../../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../../components/Button/Button.vue.js";
 import Select from "../../../../../components/Select/Select.vue.js";
 import _sfc_main$3 from "../../../../icons/entities/IconShopcart.vue.js";
 import _sfc_main$4 from "../../../../icons/entities/IconProfile.vue.js";

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

@@ -6,7 +6,7 @@ const IconChevronBottom = require("../../../../icons/navigation/IconChevronBotto
 const globals = require("../../store/globals.cjs");
 const auth = require("../../../../auth/views/store/auth.cjs");
 ;/* empty css                                                */
-;/* empty css                                              */
+;/* empty css                                               */
 ;/* empty css                  */
 const _pluginVue_exportHelper = require("../../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = ["onClick"];

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

@@ -4,7 +4,7 @@ import IconChevronBottom from "../../../../icons/navigation/IconChevronBottom.vu
 import { state } from "../../store/globals.js";
 import { state as state$1 } from "../../../../auth/views/store/auth.js";
 /* empty css                                              */
-/* empty css                                            */
+/* empty css                                             */
 /* empty css                */
 import _export_sfc from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = ["onClick"];

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

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

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

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

package/dist/martyrs/src/modules/globals/views/components/sections/{Filters.vue2.cjs → Filters.vue.cjs}

@@ -8,7 +8,7 @@ const Field = require("../../../../../components/Field/Field.vue.cjs");
 const Calendar = require("../../../../../components/Calendar/Calendar.vue2.cjs");
 const IconFilter = require("../../../../icons/navigation/IconFilter.vue.cjs");
 const IconCalendar = ;/* empty css                                            */
-;/* empty css              */
+;/* empty css               */
 const _pluginVue_exportHelper = require("../../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = { class: "flex t-nowrap gap-thin" };
 const _hoisted_2 = { key: 0 };
@@ -382,4 +382,4 @@ const _sfc_main = {
 };
 const Filters = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-c337ccbe"]]);
 exports.default = Filters;
-//# sourceMappingURL=Filters.vue2.cjs.map
+//# sourceMappingURL=Filters.vue.cjs.map

package/dist/martyrs/src/modules/globals/views/components/sections/{Filters.vue2.js.map → Filters.vue.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Filters.vue2.js","sources":["../../../../../../../../src/modules/globals/views/components/sections/Filters.vue"],"sourcesContent":["<template>\n  <div class=\"flex t-nowrap  gap-thin\">\n    <!-- All Filters Button -->\n    <button\n      @click=\"showAllFilters = true\"\n      class=\"pd-small radius-medium bg-light flex-v-center flex gap-micro cursor-pointer\"\n      :class=\"{ 'bg-main': activeFiltersCount > 0 }\"\n    >\n      <IconFilter class=\"i-medium\" />\n      <span class=\"h-1r\"></span>\n      <span v-if=\"activeFiltersCount\">{{ activeFiltersCount }}</span>\n    </button>\n\n    <!-- Individual Filter Buttons -->\n    <button\n      v-for=\"filter in filters\"\n      :key=\"filter.value\"\n      @click=\"openFilter(filter.value)\"\n      class=\"pd-small radius-medium bg-light cursor-pointer flex-v-center flex gap-micro\"\n      :class=\"{ 'selected bg-main': isFilterActive(filter) }\"\n    >\n      <IconCalendar v-if=\"filter.type === 'date'\" class=\"mn-r-micro i-medium\" />\n      <span class=\"t-nowrap\">{{ filter.type === 'date' && getFilterValue(filter) ? formatFilterValue(filter) : filter.title }}</span>\n      <span v-if=\"getFilterValue(filter) && filter.type !== 'date'\" class=\"mn-l-micro\">\n        {{ formatFilterValue(filter) }}\n      </span>\n    </button>\n\n    <!-- All Filters Popup -->\n    <Popup\n      :isPopupOpen=\"showAllFilters\"\n      @close-popup=\"showAllFilters = false\"\n      :align=\"isPhone() ? 'bottom center' : 'center center'\"\n      class=\"w-min-20r bg-white radius-medium mobile:radius-zero mobile:radius-tr-medium mobile:radius-tl-medium mobile:w-100 pd-medium\"\n    >\n      <div class=\"flex-v-center flex-nowrap flex mn-b-medium\">\n        <h3 class=\"flex-child-full\">Filters</h3>\n      </div>\n\n      <div class=\"filters-content\">\n        <div \n          v-for=\"filter in filters\" \n          :key=\"filter.value\"\n          class=\"mn-b-medium\"\n        >\n          <h4 class=\"mn-b-small\">{{ filter.title }}</h4>\n          \n          <!-- Checkbox Filter -->\n          <div v-if=\"filter.type === 'checkbox'\">\n            <Checkbox\n              v-for=\"option in filter.options\"\n              :key=\"option.value\"\n              :label=\"option.label\"\n              :value=\"option.value\"\n              v-model:radio=\"tempSelected[filter.value]\"\n              mode=\"checkbox\"\n              class=\"mn-b-micro\"\n            />\n          </div>\n\n          <!-- Radio Filter -->\n          <div v-else-if=\"filter.type === 'radio'\">\n            <div\n              v-for=\"option in filter.options\"\n              :key=\"option.value\"\n              @click=\"tempSelected[filter.value] = option.value\"\n              class=\"pd-small radius-small cursor-pointer mn-b-micro\"\n              :class=\"{ \n                'bg-main': tempSelected[filter.value] === option.value,\n                'bg-light': tempSelected[filter.value] !== option.value\n              }\"\n            >\n              {{ option.label }}\n            </div>\n          </div>\n\n          <!-- Range Filter -->\n          <div v-else-if=\"filter.type === 'range'\" class=\"flex gap-thin\">\n            <Field\n              v-model:field=\"tempSelected[filter.value].min\"\n              :placeholder=\"filter.minPlaceholder || 'Min'\"\n              type=\"number\"\n              :label=\"returnCurrency()\"\n              class=\"w-50 bg-light pd-small radius-small\"\n            />\n            <Field\n              v-model:field=\"tempSelected[filter.value].max\"\n              :placeholder=\"filter.maxPlaceholder || 'Max'\"\n              type=\"number\"\n              :label=\"returnCurrency()\"\n              class=\"w-50 bg-light pd-small  radius-small\"\n            />\n          </div>\n\n          <!-- Date Filter -->\n          <div v-else-if=\"filter.type === 'date'\">\n            <Calendar\n              v-model:date=\"tempSelected[filter.value]\"\n              :allowRange=\"true\"\n              :disablePastDates=\"true\"\n              class=\"bg-light radius-small\"\n            />\n          </div>\n        </div>\n      </div>\n\n      <div class=\"flex gap-thin mn-t-medium\">\n        <button \n          @click=\"applyAllFilters\" \n          class=\"button bg-main flex-child-full\"\n        >\n          Apply\n        </button>\n        <button \n          @click=\"resetFilters\" \n          class=\"button bg-light\"\n        >\n          Reset Filters\n        </button>\n      </div>\n    </Popup>\n\n    <!-- Individual Filter Popups -->\n    <Popup\n      v-for=\"filter in filters\"\n      :key=\"`popup-${filter.value}`\"\n      :isPopupOpen=\"individualPopups[filter.value]\"\n      @close-popup=\"individualPopups[filter.value] = false\"\n      :align=\"isPhone() ? 'bottom center' : 'center center'\"\n      class=\"bg-white radius-medium mobile:radius-zero mobile:radius-tr-medium mobile:radius-tl-medium mobile:w-100 pd-medium\"\n    >\n      <h4 class=\"mn-b-medium\">{{ filter.title }}</h4>\n      \n      <!-- Checkbox Filter -->\n      <div v-if=\"filter.type === 'checkbox'\">\n        <Checkbox\n          v-for=\"option in filter.options\"\n          :key=\"option.value\"\n          :label=\"option.label\"\n          :value=\"option.value\"\n          v-model:radio=\"tempSelected[filter.value]\"\n          mode=\"checkbox\"\n          class=\"mn-b-micro\"\n        />\n      </div>\n\n      <!-- Radio Filter -->\n      <div v-else-if=\"filter.type === 'radio'\">\n        <div\n          v-for=\"option in filter.options\"\n          :key=\"option.value\"\n          @click=\"tempSelected[filter.value] = option.value\"\n          class=\"pd-small radius-small cursor-pointer mn-b-micro\"\n          :class=\"{ \n            'bg-main': tempSelected[filter.value] === option.value,\n            'bg-light': tempSelected[filter.value] !== option.value\n          }\"\n        >\n          {{ option.label }}\n        </div>\n      </div>\n\n      <!-- Range Filter -->\n      <div v-else-if=\"filter.type === 'range'\" class=\"flex gap-thin\">\n        <Field\n          v-model:field=\"tempSelected[filter.value].min\"\n          :placeholder=\"filter.minPlaceholder || 'Min'\"\n          type=\"number\"\n          :label=\"returnCurrency()\"\n          class=\"w-50 bg-light pd-small radius-small\"\n        />\n        <Field\n          v-model:field=\"tempSelected[filter.value].max\"\n          :placeholder=\"filter.maxPlaceholder || 'Max'\"\n          type=\"number\"\n          :label=\"returnCurrency()\"\n          class=\"w-50 bg-light pd-small radius-small\"\n        />\n      </div>\n\n      <!-- Date Filter -->\n      <div v-else-if=\"filter.type === 'date'\">\n        <div class=\"mn-t-small\">\n          <Calendar\n            v-model:date=\"tempSelected[filter.value]\"\n            :allowRange=\"true\"\n            :disablePastDates=\"true\"\n            class=\"bg-light radius-small\"\n          />\n        </div>\n      </div>\n\n      <div class=\"flex gap-thin mn-t-medium\">\n         <button \n          @click=\"cancelFilter(filter.value)\" \n          class=\"bg-light button flex-child-full\"\n        >\n          Cancel\n        </button>\n         <button \n          @click=\"applyFilter(filter.value)\" \n          class=\"bg-main w-100 button flex-child-full\"\n        >\n          Apply\n        </button>\n       \n       \n      </div>\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, reactive, watch } from 'vue'\nimport { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport Calendar from '@martyrs/src/components/Calendar/Calendar.vue'\nimport IconFilter from '@martyrs/src/modules/icons/navigation/IconFilter.vue'\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue'\nimport IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue'\n\nconst filters = defineModel('filters', {\n  type: Array,\n  required: true\n})\n\nconst selected = defineModel('selected', {\n  type: Object,\n  default: () => ({})\n})\n\nconst emit = defineEmits(['select'])\n\nconst { formatDate } = useGlobalMixins()\n\n// State\nconst showAllFilters = ref(false)\nconst individualPopups = reactive({})\nconst tempSelected = reactive({})\nconst tempDateRange = ref(null)\n\n// Initialize popups and temp values\nwatch(filters, (newFilters) => {\n  newFilters.forEach(filter => {\n    individualPopups[filter.value] = false\n    \n    if (!tempSelected[filter.value]) {\n      if (filter.type === 'checkbox') {\n        tempSelected[filter.value] = [...(selected.value[filter.value] || [])]\n      } else if (filter.type === 'range') {\n        tempSelected[filter.value] = { ...(selected.value[filter.value] || { min: '', max: '' }) }\n      } else if (filter.type === 'date') {\n        tempSelected[filter.value] = selected.value[filter.value] || null\n      } else {\n        tempSelected[filter.value] = selected.value[filter.value] || null\n      }\n    }\n  })\n}, { immediate: true, deep: true })\n\n// Sync selected to tempSelected\nwatch(selected, (newSelected) => {\n  Object.keys(newSelected).forEach(key => {\n    const filter = filters.value.find(f => f.value === key)\n    if (filter) {\n      if (filter.type === 'checkbox') {\n        tempSelected[key] = [...(newSelected[key] || [])]\n      } else if (filter.type === 'range') {\n        tempSelected[key] = { ...(newSelected[key] || { min: '', max: '' }) }\n      } else {\n        tempSelected[key] = newSelected[key]\n      }\n    }\n  })\n}, { deep: true })\n\n// Computed\nconst activeFiltersCount = computed(() => {\n  return Object.entries(selected.value).filter(([key, value]) => {\n    if (Array.isArray(value)) return value.length > 0\n    if (typeof value === 'object' && value !== null) {\n      return value.min || value.max\n    }\n    return value !== null && value !== undefined\n  }).length\n})\n\n// Methods\nconst openFilter = (filterValue) => {\n  individualPopups[filterValue] = true\n}\n\nconst isFilterActive = (filter) => {\n  const value = selected.value[filter.value]\n  if (!value) return false\n  if (Array.isArray(value)) return value.length > 0\n  if (filter.type === 'range') return value.min || value.max\n  return true\n}\n\nconst getFilterValue = (filter) => {\n  const value = selected.value[filter.value]\n  if (!value) return false\n  \n  if (filter.type === 'range') {\n    return value.min || value.max\n  }\n  \n  if (filter.type === 'date') {\n    return value && value.start && value.end\n  }\n  \n  if (Array.isArray(value)) {\n    return value.length > 0\n  }\n  \n  return value\n}\n\nconst formatFilterValue = (filter) => {\n  const value = selected.value[filter.value]\n  if (!value) return ''\n  \n  if (Array.isArray(value)) {\n    return `(${value.length})`\n  }\n  \n  if (filter.type === 'range') {\n    if (!value.min && !value.max) return ''\n    return `${value.min || '0'}-${value.max || '∞'}`\n  }\n  \n  if (filter.type === 'date') {\n    if (!value || !value.start || !value.end) return ''\n    return `${formatDate(value.start, { dayMonth: true, language: 'en' })} - ${formatDate(value.end, { dayMonth: true, language: 'en' })}`\n  }\n  \n  if (filter.type === 'radio') {\n    const option = filter.options.find(o => o.value === value)\n    return option ? `(${option.label})` : ''\n  }\n  \n  return ''\n}\n\nconst applyFilter = (filterValue) => {\n  selected.value[filterValue] = tempSelected[filterValue]\n  individualPopups[filterValue] = false\n  emit('select', { filter: filterValue, value: tempSelected[filterValue] })\n}\n\nconst cancelFilter = (filterValue) => {\n  const filter = filters.value.find(f => f.value === filterValue)\n  if (filter) {\n    if (filter.type === 'checkbox') {\n      tempSelected[filterValue] = [...(selected.value[filterValue] || [])]\n    } else if (filter.type === 'range') {\n      tempSelected[filterValue] = { ...(selected.value[filterValue] || { min: '', max: '' }) }\n    } else if (filter.type === 'date') {\n      tempSelected[filterValue] = selected.value[filterValue] || null\n    } else {\n      tempSelected[filterValue] = selected.value[filterValue] || null\n    }\n  }\n  individualPopups[filterValue] = false\n}\n\nconst applyAllFilters = () => {\n  Object.entries(tempSelected).forEach(([key, value]) => {\n    if (selected.value[key] !== value) {\n      selected.value[key] = value\n      emit('select', { filter: key, value })\n    }\n  })\n  showAllFilters.value = false\n}\n\nconst resetFilters = () => {\n  filters.value.forEach(filter => {\n    if (filter.type === 'checkbox') {\n      tempSelected[filter.value] = []\n      selected.value[filter.value] = []\n    } else if (filter.type === 'range') {\n      tempSelected[filter.value] = { min: '', max: '' }\n      selected.value[filter.value] = { min: '', max: '' }\n    } else if (filter.type === 'date') {\n      tempSelected[filter.value] = null\n      selected.value[filter.value] = null\n    } else {\n      tempSelected[filter.value] = null\n      selected.value[filter.value] = null\n    }\n    emit('select', { filter: filter.value, value: null })\n  })\n}\n</script>\n\n<style scoped>\n.filters-content {\n  max-height: 60vh;\n  overflow-y: auto;\n}\n</style>"],"names":["_useModel"],"mappings":"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"}
+{"version":3,"file":"Filters.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/sections/Filters.vue"],"sourcesContent":["<template>\n  <div class=\"flex t-nowrap  gap-thin\">\n    <!-- All Filters Button -->\n    <button\n      @click=\"showAllFilters = true\"\n      class=\"pd-small radius-medium bg-light flex-v-center flex gap-micro cursor-pointer\"\n      :class=\"{ 'bg-main': activeFiltersCount > 0 }\"\n    >\n      <IconFilter class=\"i-medium\" />\n      <span class=\"h-1r\"></span>\n      <span v-if=\"activeFiltersCount\">{{ activeFiltersCount }}</span>\n    </button>\n\n    <!-- Individual Filter Buttons -->\n    <button\n      v-for=\"filter in filters\"\n      :key=\"filter.value\"\n      @click=\"openFilter(filter.value)\"\n      class=\"pd-small radius-medium bg-light cursor-pointer flex-v-center flex gap-micro\"\n      :class=\"{ 'selected bg-main': isFilterActive(filter) }\"\n    >\n      <IconCalendar v-if=\"filter.type === 'date'\" class=\"mn-r-micro i-medium\" />\n      <span class=\"t-nowrap\">{{ filter.type === 'date' && getFilterValue(filter) ? formatFilterValue(filter) : filter.title }}</span>\n      <span v-if=\"getFilterValue(filter) && filter.type !== 'date'\" class=\"mn-l-micro\">\n        {{ formatFilterValue(filter) }}\n      </span>\n    </button>\n\n    <!-- All Filters Popup -->\n    <Popup\n      :isPopupOpen=\"showAllFilters\"\n      @close-popup=\"showAllFilters = false\"\n      :align=\"isPhone() ? 'bottom center' : 'center center'\"\n      class=\"w-min-20r bg-white radius-medium mobile:radius-zero mobile:radius-tr-medium mobile:radius-tl-medium mobile:w-100 pd-medium\"\n    >\n      <div class=\"flex-v-center flex-nowrap flex mn-b-medium\">\n        <h3 class=\"flex-child-full\">Filters</h3>\n      </div>\n\n      <div class=\"filters-content\">\n        <div \n          v-for=\"filter in filters\" \n          :key=\"filter.value\"\n          class=\"mn-b-medium\"\n        >\n          <h4 class=\"mn-b-small\">{{ filter.title }}</h4>\n          \n          <!-- Checkbox Filter -->\n          <div v-if=\"filter.type === 'checkbox'\">\n            <Checkbox\n              v-for=\"option in filter.options\"\n              :key=\"option.value\"\n              :label=\"option.label\"\n              :value=\"option.value\"\n              v-model:radio=\"tempSelected[filter.value]\"\n              mode=\"checkbox\"\n              class=\"mn-b-micro\"\n            />\n          </div>\n\n          <!-- Radio Filter -->\n          <div v-else-if=\"filter.type === 'radio'\">\n            <div\n              v-for=\"option in filter.options\"\n              :key=\"option.value\"\n              @click=\"tempSelected[filter.value] = option.value\"\n              class=\"pd-small radius-small cursor-pointer mn-b-micro\"\n              :class=\"{ \n                'bg-main': tempSelected[filter.value] === option.value,\n                'bg-light': tempSelected[filter.value] !== option.value\n              }\"\n            >\n              {{ option.label }}\n            </div>\n          </div>\n\n          <!-- Range Filter -->\n          <div v-else-if=\"filter.type === 'range'\" class=\"flex gap-thin\">\n            <Field\n              v-model:field=\"tempSelected[filter.value].min\"\n              :placeholder=\"filter.minPlaceholder || 'Min'\"\n              type=\"number\"\n              :label=\"returnCurrency()\"\n              class=\"w-50 bg-light pd-small radius-small\"\n            />\n            <Field\n              v-model:field=\"tempSelected[filter.value].max\"\n              :placeholder=\"filter.maxPlaceholder || 'Max'\"\n              type=\"number\"\n              :label=\"returnCurrency()\"\n              class=\"w-50 bg-light pd-small  radius-small\"\n            />\n          </div>\n\n          <!-- Date Filter -->\n          <div v-else-if=\"filter.type === 'date'\">\n            <Calendar\n              v-model:date=\"tempSelected[filter.value]\"\n              :allowRange=\"true\"\n              :disablePastDates=\"true\"\n              class=\"bg-light radius-small\"\n            />\n          </div>\n        </div>\n      </div>\n\n      <div class=\"flex gap-thin mn-t-medium\">\n        <button \n          @click=\"applyAllFilters\" \n          class=\"button bg-main flex-child-full\"\n        >\n          Apply\n        </button>\n        <button \n          @click=\"resetFilters\" \n          class=\"button bg-light\"\n        >\n          Reset Filters\n        </button>\n      </div>\n    </Popup>\n\n    <!-- Individual Filter Popups -->\n    <Popup\n      v-for=\"filter in filters\"\n      :key=\"`popup-${filter.value}`\"\n      :isPopupOpen=\"individualPopups[filter.value]\"\n      @close-popup=\"individualPopups[filter.value] = false\"\n      :align=\"isPhone() ? 'bottom center' : 'center center'\"\n      class=\"bg-white radius-medium mobile:radius-zero mobile:radius-tr-medium mobile:radius-tl-medium mobile:w-100 pd-medium\"\n    >\n      <h4 class=\"mn-b-medium\">{{ filter.title }}</h4>\n      \n      <!-- Checkbox Filter -->\n      <div v-if=\"filter.type === 'checkbox'\">\n        <Checkbox\n          v-for=\"option in filter.options\"\n          :key=\"option.value\"\n          :label=\"option.label\"\n          :value=\"option.value\"\n          v-model:radio=\"tempSelected[filter.value]\"\n          mode=\"checkbox\"\n          class=\"mn-b-micro\"\n        />\n      </div>\n\n      <!-- Radio Filter -->\n      <div v-else-if=\"filter.type === 'radio'\">\n        <div\n          v-for=\"option in filter.options\"\n          :key=\"option.value\"\n          @click=\"tempSelected[filter.value] = option.value\"\n          class=\"pd-small radius-small cursor-pointer mn-b-micro\"\n          :class=\"{ \n            'bg-main': tempSelected[filter.value] === option.value,\n            'bg-light': tempSelected[filter.value] !== option.value\n          }\"\n        >\n          {{ option.label }}\n        </div>\n      </div>\n\n      <!-- Range Filter -->\n      <div v-else-if=\"filter.type === 'range'\" class=\"flex gap-thin\">\n        <Field\n          v-model:field=\"tempSelected[filter.value].min\"\n          :placeholder=\"filter.minPlaceholder || 'Min'\"\n          type=\"number\"\n          :label=\"returnCurrency()\"\n          class=\"w-50 bg-light pd-small radius-small\"\n        />\n        <Field\n          v-model:field=\"tempSelected[filter.value].max\"\n          :placeholder=\"filter.maxPlaceholder || 'Max'\"\n          type=\"number\"\n          :label=\"returnCurrency()\"\n          class=\"w-50 bg-light pd-small radius-small\"\n        />\n      </div>\n\n      <!-- Date Filter -->\n      <div v-else-if=\"filter.type === 'date'\">\n        <div class=\"mn-t-small\">\n          <Calendar\n            v-model:date=\"tempSelected[filter.value]\"\n            :allowRange=\"true\"\n            :disablePastDates=\"true\"\n            class=\"bg-light radius-small\"\n          />\n        </div>\n      </div>\n\n      <div class=\"flex gap-thin mn-t-medium\">\n         <button \n          @click=\"cancelFilter(filter.value)\" \n          class=\"bg-light button flex-child-full\"\n        >\n          Cancel\n        </button>\n         <button \n          @click=\"applyFilter(filter.value)\" \n          class=\"bg-main w-100 button flex-child-full\"\n        >\n          Apply\n        </button>\n       \n       \n      </div>\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, reactive, watch } from 'vue'\nimport { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport Calendar from '@martyrs/src/components/Calendar/Calendar.vue'\nimport IconFilter from '@martyrs/src/modules/icons/navigation/IconFilter.vue'\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue'\nimport IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue'\n\nconst filters = defineModel('filters', {\n  type: Array,\n  required: true\n})\n\nconst selected = defineModel('selected', {\n  type: Object,\n  default: () => ({})\n})\n\nconst emit = defineEmits(['select'])\n\nconst { formatDate } = useGlobalMixins()\n\n// State\nconst showAllFilters = ref(false)\nconst individualPopups = reactive({})\nconst tempSelected = reactive({})\nconst tempDateRange = ref(null)\n\n// Initialize popups and temp values\nwatch(filters, (newFilters) => {\n  newFilters.forEach(filter => {\n    individualPopups[filter.value] = false\n    \n    if (!tempSelected[filter.value]) {\n      if (filter.type === 'checkbox') {\n        tempSelected[filter.value] = [...(selected.value[filter.value] || [])]\n      } else if (filter.type === 'range') {\n        tempSelected[filter.value] = { ...(selected.value[filter.value] || { min: '', max: '' }) }\n      } else if (filter.type === 'date') {\n        tempSelected[filter.value] = selected.value[filter.value] || null\n      } else {\n        tempSelected[filter.value] = selected.value[filter.value] || null\n      }\n    }\n  })\n}, { immediate: true, deep: true })\n\n// Sync selected to tempSelected\nwatch(selected, (newSelected) => {\n  Object.keys(newSelected).forEach(key => {\n    const filter = filters.value.find(f => f.value === key)\n    if (filter) {\n      if (filter.type === 'checkbox') {\n        tempSelected[key] = [...(newSelected[key] || [])]\n      } else if (filter.type === 'range') {\n        tempSelected[key] = { ...(newSelected[key] || { min: '', max: '' }) }\n      } else {\n        tempSelected[key] = newSelected[key]\n      }\n    }\n  })\n}, { deep: true })\n\n// Computed\nconst activeFiltersCount = computed(() => {\n  return Object.entries(selected.value).filter(([key, value]) => {\n    if (Array.isArray(value)) return value.length > 0\n    if (typeof value === 'object' && value !== null) {\n      return value.min || value.max\n    }\n    return value !== null && value !== undefined\n  }).length\n})\n\n// Methods\nconst openFilter = (filterValue) => {\n  individualPopups[filterValue] = true\n}\n\nconst isFilterActive = (filter) => {\n  const value = selected.value[filter.value]\n  if (!value) return false\n  if (Array.isArray(value)) return value.length > 0\n  if (filter.type === 'range') return value.min || value.max\n  return true\n}\n\nconst getFilterValue = (filter) => {\n  const value = selected.value[filter.value]\n  if (!value) return false\n  \n  if (filter.type === 'range') {\n    return value.min || value.max\n  }\n  \n  if (filter.type === 'date') {\n    return value && value.start && value.end\n  }\n  \n  if (Array.isArray(value)) {\n    return value.length > 0\n  }\n  \n  return value\n}\n\nconst formatFilterValue = (filter) => {\n  const value = selected.value[filter.value]\n  if (!value) return ''\n  \n  if (Array.isArray(value)) {\n    return `(${value.length})`\n  }\n  \n  if (filter.type === 'range') {\n    if (!value.min && !value.max) return ''\n    return `${value.min || '0'}-${value.max || '∞'}`\n  }\n  \n  if (filter.type === 'date') {\n    if (!value || !value.start || !value.end) return ''\n    return `${formatDate(value.start, { dayMonth: true, language: 'en' })} - ${formatDate(value.end, { dayMonth: true, language: 'en' })}`\n  }\n  \n  if (filter.type === 'radio') {\n    const option = filter.options.find(o => o.value === value)\n    return option ? `(${option.label})` : ''\n  }\n  \n  return ''\n}\n\nconst applyFilter = (filterValue) => {\n  selected.value[filterValue] = tempSelected[filterValue]\n  individualPopups[filterValue] = false\n  emit('select', { filter: filterValue, value: tempSelected[filterValue] })\n}\n\nconst cancelFilter = (filterValue) => {\n  const filter = filters.value.find(f => f.value === filterValue)\n  if (filter) {\n    if (filter.type === 'checkbox') {\n      tempSelected[filterValue] = [...(selected.value[filterValue] || [])]\n    } else if (filter.type === 'range') {\n      tempSelected[filterValue] = { ...(selected.value[filterValue] || { min: '', max: '' }) }\n    } else if (filter.type === 'date') {\n      tempSelected[filterValue] = selected.value[filterValue] || null\n    } else {\n      tempSelected[filterValue] = selected.value[filterValue] || null\n    }\n  }\n  individualPopups[filterValue] = false\n}\n\nconst applyAllFilters = () => {\n  Object.entries(tempSelected).forEach(([key, value]) => {\n    if (selected.value[key] !== value) {\n      selected.value[key] = value\n      emit('select', { filter: key, value })\n    }\n  })\n  showAllFilters.value = false\n}\n\nconst resetFilters = () => {\n  filters.value.forEach(filter => {\n    if (filter.type === 'checkbox') {\n      tempSelected[filter.value] = []\n      selected.value[filter.value] = []\n    } else if (filter.type === 'range') {\n      tempSelected[filter.value] = { min: '', max: '' }\n      selected.value[filter.value] = { min: '', max: '' }\n    } else if (filter.type === 'date') {\n      tempSelected[filter.value] = null\n      selected.value[filter.value] = null\n    } else {\n      tempSelected[filter.value] = null\n      selected.value[filter.value] = null\n    }\n    emit('select', { filter: filter.value, value: null })\n  })\n}\n</script>\n\n<style scoped>\n.filters-content {\n  max-height: 60vh;\n  overflow-y: auto;\n}\n</style>"],"names":["_useModel","useGlobalMixins","ref","reactive","watch","computed"],"mappings":"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"}

package/dist/martyrs/src/modules/globals/views/components/sections/{Filters.vue2.js → Filters.vue.js}

@@ -6,7 +6,7 @@ import Field from "../../../../../components/Field/Field.vue.js";
 import Calendar from "../../../../../components/Calendar/Calendar.vue2.js";
 import _sfc_main$1 from "../../../../icons/navigation/IconFilter.vue.js";
 import _sfc_main$2 from "../../../../icons/entities/IconCalendar.vue.js";
-/* empty css            */
+/* empty css             */
 import _export_sfc from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "flex t-nowrap gap-thin" };
 const _hoisted_2 = { key: 0 };
@@ -382,4 +382,4 @@ const Filters = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c3
 export {
   Filters as default
 };
-//# sourceMappingURL=Filters.vue2.js.map
+//# sourceMappingURL=Filters.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Filters.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/sections/Filters.vue"],"sourcesContent":["<template>\n  <div class=\"flex t-nowrap  gap-thin\">\n    <!-- All Filters Button -->\n    <button\n      @click=\"showAllFilters = true\"\n      class=\"pd-small radius-medium bg-light flex-v-center flex gap-micro cursor-pointer\"\n      :class=\"{ 'bg-main': activeFiltersCount > 0 }\"\n    >\n      <IconFilter class=\"i-medium\" />\n      <span class=\"h-1r\"></span>\n      <span v-if=\"activeFiltersCount\">{{ activeFiltersCount }}</span>\n    </button>\n\n    <!-- Individual Filter Buttons -->\n    <button\n      v-for=\"filter in filters\"\n      :key=\"filter.value\"\n      @click=\"openFilter(filter.value)\"\n      class=\"pd-small radius-medium bg-light cursor-pointer flex-v-center flex gap-micro\"\n      :class=\"{ 'selected bg-main': isFilterActive(filter) }\"\n    >\n      <IconCalendar v-if=\"filter.type === 'date'\" class=\"mn-r-micro i-medium\" />\n      <span class=\"t-nowrap\">{{ filter.type === 'date' && getFilterValue(filter) ? formatFilterValue(filter) : filter.title }}</span>\n      <span v-if=\"getFilterValue(filter) && filter.type !== 'date'\" class=\"mn-l-micro\">\n        {{ formatFilterValue(filter) }}\n      </span>\n    </button>\n\n    <!-- All Filters Popup -->\n    <Popup\n      :isPopupOpen=\"showAllFilters\"\n      @close-popup=\"showAllFilters = false\"\n      :align=\"isPhone() ? 'bottom center' : 'center center'\"\n      class=\"w-min-20r bg-white radius-medium mobile:radius-zero mobile:radius-tr-medium mobile:radius-tl-medium mobile:w-100 pd-medium\"\n    >\n      <div class=\"flex-v-center flex-nowrap flex mn-b-medium\">\n        <h3 class=\"flex-child-full\">Filters</h3>\n      </div>\n\n      <div class=\"filters-content\">\n        <div \n          v-for=\"filter in filters\" \n          :key=\"filter.value\"\n          class=\"mn-b-medium\"\n        >\n          <h4 class=\"mn-b-small\">{{ filter.title }}</h4>\n          \n          <!-- Checkbox Filter -->\n          <div v-if=\"filter.type === 'checkbox'\">\n            <Checkbox\n              v-for=\"option in filter.options\"\n              :key=\"option.value\"\n              :label=\"option.label\"\n              :value=\"option.value\"\n              v-model:radio=\"tempSelected[filter.value]\"\n              mode=\"checkbox\"\n              class=\"mn-b-micro\"\n            />\n          </div>\n\n          <!-- Radio Filter -->\n          <div v-else-if=\"filter.type === 'radio'\">\n            <div\n              v-for=\"option in filter.options\"\n              :key=\"option.value\"\n              @click=\"tempSelected[filter.value] = option.value\"\n              class=\"pd-small radius-small cursor-pointer mn-b-micro\"\n              :class=\"{ \n                'bg-main': tempSelected[filter.value] === option.value,\n                'bg-light': tempSelected[filter.value] !== option.value\n              }\"\n            >\n              {{ option.label }}\n            </div>\n          </div>\n\n          <!-- Range Filter -->\n          <div v-else-if=\"filter.type === 'range'\" class=\"flex gap-thin\">\n            <Field\n              v-model:field=\"tempSelected[filter.value].min\"\n              :placeholder=\"filter.minPlaceholder || 'Min'\"\n              type=\"number\"\n              :label=\"returnCurrency()\"\n              class=\"w-50 bg-light pd-small radius-small\"\n            />\n            <Field\n              v-model:field=\"tempSelected[filter.value].max\"\n              :placeholder=\"filter.maxPlaceholder || 'Max'\"\n              type=\"number\"\n              :label=\"returnCurrency()\"\n              class=\"w-50 bg-light pd-small  radius-small\"\n            />\n          </div>\n\n          <!-- Date Filter -->\n          <div v-else-if=\"filter.type === 'date'\">\n            <Calendar\n              v-model:date=\"tempSelected[filter.value]\"\n              :allowRange=\"true\"\n              :disablePastDates=\"true\"\n              class=\"bg-light radius-small\"\n            />\n          </div>\n        </div>\n      </div>\n\n      <div class=\"flex gap-thin mn-t-medium\">\n        <button \n          @click=\"applyAllFilters\" \n          class=\"button bg-main flex-child-full\"\n        >\n          Apply\n        </button>\n        <button \n          @click=\"resetFilters\" \n          class=\"button bg-light\"\n        >\n          Reset Filters\n        </button>\n      </div>\n    </Popup>\n\n    <!-- Individual Filter Popups -->\n    <Popup\n      v-for=\"filter in filters\"\n      :key=\"`popup-${filter.value}`\"\n      :isPopupOpen=\"individualPopups[filter.value]\"\n      @close-popup=\"individualPopups[filter.value] = false\"\n      :align=\"isPhone() ? 'bottom center' : 'center center'\"\n      class=\"bg-white radius-medium mobile:radius-zero mobile:radius-tr-medium mobile:radius-tl-medium mobile:w-100 pd-medium\"\n    >\n      <h4 class=\"mn-b-medium\">{{ filter.title }}</h4>\n      \n      <!-- Checkbox Filter -->\n      <div v-if=\"filter.type === 'checkbox'\">\n        <Checkbox\n          v-for=\"option in filter.options\"\n          :key=\"option.value\"\n          :label=\"option.label\"\n          :value=\"option.value\"\n          v-model:radio=\"tempSelected[filter.value]\"\n          mode=\"checkbox\"\n          class=\"mn-b-micro\"\n        />\n      </div>\n\n      <!-- Radio Filter -->\n      <div v-else-if=\"filter.type === 'radio'\">\n        <div\n          v-for=\"option in filter.options\"\n          :key=\"option.value\"\n          @click=\"tempSelected[filter.value] = option.value\"\n          class=\"pd-small radius-small cursor-pointer mn-b-micro\"\n          :class=\"{ \n            'bg-main': tempSelected[filter.value] === option.value,\n            'bg-light': tempSelected[filter.value] !== option.value\n          }\"\n        >\n          {{ option.label }}\n        </div>\n      </div>\n\n      <!-- Range Filter -->\n      <div v-else-if=\"filter.type === 'range'\" class=\"flex gap-thin\">\n        <Field\n          v-model:field=\"tempSelected[filter.value].min\"\n          :placeholder=\"filter.minPlaceholder || 'Min'\"\n          type=\"number\"\n          :label=\"returnCurrency()\"\n          class=\"w-50 bg-light pd-small radius-small\"\n        />\n        <Field\n          v-model:field=\"tempSelected[filter.value].max\"\n          :placeholder=\"filter.maxPlaceholder || 'Max'\"\n          type=\"number\"\n          :label=\"returnCurrency()\"\n          class=\"w-50 bg-light pd-small radius-small\"\n        />\n      </div>\n\n      <!-- Date Filter -->\n      <div v-else-if=\"filter.type === 'date'\">\n        <div class=\"mn-t-small\">\n          <Calendar\n            v-model:date=\"tempSelected[filter.value]\"\n            :allowRange=\"true\"\n            :disablePastDates=\"true\"\n            class=\"bg-light radius-small\"\n          />\n        </div>\n      </div>\n\n      <div class=\"flex gap-thin mn-t-medium\">\n         <button \n          @click=\"cancelFilter(filter.value)\" \n          class=\"bg-light button flex-child-full\"\n        >\n          Cancel\n        </button>\n         <button \n          @click=\"applyFilter(filter.value)\" \n          class=\"bg-main w-100 button flex-child-full\"\n        >\n          Apply\n        </button>\n       \n       \n      </div>\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, reactive, watch } from 'vue'\nimport { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport Calendar from '@martyrs/src/components/Calendar/Calendar.vue'\nimport IconFilter from '@martyrs/src/modules/icons/navigation/IconFilter.vue'\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue'\nimport IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue'\n\nconst filters = defineModel('filters', {\n  type: Array,\n  required: true\n})\n\nconst selected = defineModel('selected', {\n  type: Object,\n  default: () => ({})\n})\n\nconst emit = defineEmits(['select'])\n\nconst { formatDate } = useGlobalMixins()\n\n// State\nconst showAllFilters = ref(false)\nconst individualPopups = reactive({})\nconst tempSelected = reactive({})\nconst tempDateRange = ref(null)\n\n// Initialize popups and temp values\nwatch(filters, (newFilters) => {\n  newFilters.forEach(filter => {\n    individualPopups[filter.value] = false\n    \n    if (!tempSelected[filter.value]) {\n      if (filter.type === 'checkbox') {\n        tempSelected[filter.value] = [...(selected.value[filter.value] || [])]\n      } else if (filter.type === 'range') {\n        tempSelected[filter.value] = { ...(selected.value[filter.value] || { min: '', max: '' }) }\n      } else if (filter.type === 'date') {\n        tempSelected[filter.value] = selected.value[filter.value] || null\n      } else {\n        tempSelected[filter.value] = selected.value[filter.value] || null\n      }\n    }\n  })\n}, { immediate: true, deep: true })\n\n// Sync selected to tempSelected\nwatch(selected, (newSelected) => {\n  Object.keys(newSelected).forEach(key => {\n    const filter = filters.value.find(f => f.value === key)\n    if (filter) {\n      if (filter.type === 'checkbox') {\n        tempSelected[key] = [...(newSelected[key] || [])]\n      } else if (filter.type === 'range') {\n        tempSelected[key] = { ...(newSelected[key] || { min: '', max: '' }) }\n      } else {\n        tempSelected[key] = newSelected[key]\n      }\n    }\n  })\n}, { deep: true })\n\n// Computed\nconst activeFiltersCount = computed(() => {\n  return Object.entries(selected.value).filter(([key, value]) => {\n    if (Array.isArray(value)) return value.length > 0\n    if (typeof value === 'object' && value !== null) {\n      return value.min || value.max\n    }\n    return value !== null && value !== undefined\n  }).length\n})\n\n// Methods\nconst openFilter = (filterValue) => {\n  individualPopups[filterValue] = true\n}\n\nconst isFilterActive = (filter) => {\n  const value = selected.value[filter.value]\n  if (!value) return false\n  if (Array.isArray(value)) return value.length > 0\n  if (filter.type === 'range') return value.min || value.max\n  return true\n}\n\nconst getFilterValue = (filter) => {\n  const value = selected.value[filter.value]\n  if (!value) return false\n  \n  if (filter.type === 'range') {\n    return value.min || value.max\n  }\n  \n  if (filter.type === 'date') {\n    return value && value.start && value.end\n  }\n  \n  if (Array.isArray(value)) {\n    return value.length > 0\n  }\n  \n  return value\n}\n\nconst formatFilterValue = (filter) => {\n  const value = selected.value[filter.value]\n  if (!value) return ''\n  \n  if (Array.isArray(value)) {\n    return `(${value.length})`\n  }\n  \n  if (filter.type === 'range') {\n    if (!value.min && !value.max) return ''\n    return `${value.min || '0'}-${value.max || '∞'}`\n  }\n  \n  if (filter.type === 'date') {\n    if (!value || !value.start || !value.end) return ''\n    return `${formatDate(value.start, { dayMonth: true, language: 'en' })} - ${formatDate(value.end, { dayMonth: true, language: 'en' })}`\n  }\n  \n  if (filter.type === 'radio') {\n    const option = filter.options.find(o => o.value === value)\n    return option ? `(${option.label})` : ''\n  }\n  \n  return ''\n}\n\nconst applyFilter = (filterValue) => {\n  selected.value[filterValue] = tempSelected[filterValue]\n  individualPopups[filterValue] = false\n  emit('select', { filter: filterValue, value: tempSelected[filterValue] })\n}\n\nconst cancelFilter = (filterValue) => {\n  const filter = filters.value.find(f => f.value === filterValue)\n  if (filter) {\n    if (filter.type === 'checkbox') {\n      tempSelected[filterValue] = [...(selected.value[filterValue] || [])]\n    } else if (filter.type === 'range') {\n      tempSelected[filterValue] = { ...(selected.value[filterValue] || { min: '', max: '' }) }\n    } else if (filter.type === 'date') {\n      tempSelected[filterValue] = selected.value[filterValue] || null\n    } else {\n      tempSelected[filterValue] = selected.value[filterValue] || null\n    }\n  }\n  individualPopups[filterValue] = false\n}\n\nconst applyAllFilters = () => {\n  Object.entries(tempSelected).forEach(([key, value]) => {\n    if (selected.value[key] !== value) {\n      selected.value[key] = value\n      emit('select', { filter: key, value })\n    }\n  })\n  showAllFilters.value = false\n}\n\nconst resetFilters = () => {\n  filters.value.forEach(filter => {\n    if (filter.type === 'checkbox') {\n      tempSelected[filter.value] = []\n      selected.value[filter.value] = []\n    } else if (filter.type === 'range') {\n      tempSelected[filter.value] = { min: '', max: '' }\n      selected.value[filter.value] = { min: '', max: '' }\n    } else if (filter.type === 'date') {\n      tempSelected[filter.value] = null\n      selected.value[filter.value] = null\n    } else {\n      tempSelected[filter.value] = null\n      selected.value[filter.value] = null\n    }\n    emit('select', { filter: filter.value, value: null })\n  })\n}\n</script>\n\n<style scoped>\n.filters-content {\n  max-height: 60vh;\n  overflow-y: auto;\n}\n</style>"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+NA,UAAM,UAAUA,SAAW,SAAC,SAG3B;AAED,UAAM,WAAWA,SAAW,SAAC,UAG5B;AAED,UAAM,OAAO;AAEb,UAAM,EAAE,WAAU,IAAK,gBAAe;AAGtC,UAAM,iBAAiB,IAAI,KAAK;AAChC,UAAM,mBAAmB,SAAS,CAAA,CAAE;AACpC,UAAM,eAAe,SAAS,CAAA,CAAE;AACV,QAAI,IAAI;AAG9B,UAAM,SAAS,CAAC,eAAe;AAC7B,iBAAW,QAAQ,YAAU;AAC3B,yBAAiB,OAAO,KAAK,IAAI;AAEjC,YAAI,CAAC,aAAa,OAAO,KAAK,GAAG;AAC/B,cAAI,OAAO,SAAS,YAAY;AAC9B,yBAAa,OAAO,KAAK,IAAI,CAAC,GAAI,SAAS,MAAM,OAAO,KAAK,KAAK,EAAG;AAAA,UACvE,WAAW,OAAO,SAAS,SAAS;AAClC,yBAAa,OAAO,KAAK,IAAI,EAAE,GAAI,SAAS,MAAM,OAAO,KAAK,KAAK,EAAE,KAAK,IAAI,KAAK,GAAE,EAAG;AAAA,UAC1F,WAAW,OAAO,SAAS,QAAQ;AACjC,yBAAa,OAAO,KAAK,IAAI,SAAS,MAAM,OAAO,KAAK,KAAK;AAAA,UAC/D,OAAO;AACL,yBAAa,OAAO,KAAK,IAAI,SAAS,MAAM,OAAO,KAAK,KAAK;AAAA,UAC/D;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,GAAG,EAAE,WAAW,MAAM,MAAM,KAAI,CAAE;AAGlC,UAAM,UAAU,CAAC,gBAAgB;AAC/B,aAAO,KAAK,WAAW,EAAE,QAAQ,SAAO;AACtC,cAAM,SAAS,QAAQ,MAAM,KAAK,OAAK,EAAE,UAAU,GAAG;AACtD,YAAI,QAAQ;AACV,cAAI,OAAO,SAAS,YAAY;AAC9B,yBAAa,GAAG,IAAI,CAAC,GAAI,YAAY,GAAG,KAAK,EAAG;AAAA,UAClD,WAAW,OAAO,SAAS,SAAS;AAClC,yBAAa,GAAG,IAAI,EAAE,GAAI,YAAY,GAAG,KAAK,EAAE,KAAK,IAAI,KAAK,GAAE,EAAG;AAAA,UACrE,OAAO;AACL,yBAAa,GAAG,IAAI,YAAY,GAAG;AAAA,UACrC;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,GAAG,EAAE,MAAM,KAAI,CAAE;AAGjB,UAAM,qBAAqB,SAAS,MAAM;AACxC,aAAO,OAAO,QAAQ,SAAS,KAAK,EAAE,OAAO,CAAC,CAAC,KAAK,KAAK,MAAM;AAC7D,YAAI,MAAM,QAAQ,KAAK,EAAG,QAAO,MAAM,SAAS;AAChD,YAAI,OAAO,UAAU,YAAY,UAAU,MAAM;AAC/C,iBAAO,MAAM,OAAO,MAAM;AAAA,QAC5B;AACA,eAAO,UAAU,QAAQ,UAAU;AAAA,MACrC,CAAC,EAAE;AAAA,IACL,CAAC;AAGD,UAAM,aAAa,CAAC,gBAAgB;AAClC,uBAAiB,WAAW,IAAI;AAAA,IAClC;AAEA,UAAM,iBAAiB,CAAC,WAAW;AACjC,YAAM,QAAQ,SAAS,MAAM,OAAO,KAAK;AACzC,UAAI,CAAC,MAAO,QAAO;AACnB,UAAI,MAAM,QAAQ,KAAK,EAAG,QAAO,MAAM,SAAS;AAChD,UAAI,OAAO,SAAS,QAAS,QAAO,MAAM,OAAO,MAAM;AACvD,aAAO;AAAA,IACT;AAEA,UAAM,iBAAiB,CAAC,WAAW;AACjC,YAAM,QAAQ,SAAS,MAAM,OAAO,KAAK;AACzC,UAAI,CAAC,MAAO,QAAO;AAEnB,UAAI,OAAO,SAAS,SAAS;AAC3B,eAAO,MAAM,OAAO,MAAM;AAAA,MAC5B;AAEA,UAAI,OAAO,SAAS,QAAQ;AAC1B,eAAO,SAAS,MAAM,SAAS,MAAM;AAAA,MACvC;AAEA,UAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,eAAO,MAAM,SAAS;AAAA,MACxB;AAEA,aAAO;AAAA,IACT;AAEA,UAAM,oBAAoB,CAAC,WAAW;AACpC,YAAM,QAAQ,SAAS,MAAM,OAAO,KAAK;AACzC,UAAI,CAAC,MAAO,QAAO;AAEnB,UAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,eAAO,IAAI,MAAM,MAAM;AAAA,MACzB;AAEA,UAAI,OAAO,SAAS,SAAS;AAC3B,YAAI,CAAC,MAAM,OAAO,CAAC,MAAM,IAAK,QAAO;AACrC,eAAO,GAAG,MAAM,OAAO,GAAG,IAAI,MAAM,OAAO,GAAG;AAAA,MAChD;AAEA,UAAI,OAAO,SAAS,QAAQ;AAC1B,YAAI,CAAC,SAAS,CAAC,MAAM,SAAS,CAAC,MAAM,IAAK,QAAO;AACjD,eAAO,GAAG,WAAW,MAAM,OAAO,EAAE,UAAU,MAAM,UAAU,KAAI,CAAE,CAAC,MAAM,WAAW,MAAM,KAAK,EAAE,UAAU,MAAM,UAAU,KAAI,CAAE,CAAC;AAAA,MACtI;AAEA,UAAI,OAAO,SAAS,SAAS;AAC3B,cAAM,SAAS,OAAO,QAAQ,KAAK,OAAK,EAAE,UAAU,KAAK;AACzD,eAAO,SAAS,IAAI,OAAO,KAAK,MAAM;AAAA,MACxC;AAEA,aAAO;AAAA,IACT;AAEA,UAAM,cAAc,CAAC,gBAAgB;AACnC,eAAS,MAAM,WAAW,IAAI,aAAa,WAAW;AACtD,uBAAiB,WAAW,IAAI;AAChC,WAAK,UAAU,EAAE,QAAQ,aAAa,OAAO,aAAa,WAAW,EAAC,CAAE;AAAA,IAC1E;AAEA,UAAM,eAAe,CAAC,gBAAgB;AACpC,YAAM,SAAS,QAAQ,MAAM,KAAK,OAAK,EAAE,UAAU,WAAW;AAC9D,UAAI,QAAQ;AACV,YAAI,OAAO,SAAS,YAAY;AAC9B,uBAAa,WAAW,IAAI,CAAC,GAAI,SAAS,MAAM,WAAW,KAAK,EAAG;AAAA,QACrE,WAAW,OAAO,SAAS,SAAS;AAClC,uBAAa,WAAW,IAAI,EAAE,GAAI,SAAS,MAAM,WAAW,KAAK,EAAE,KAAK,IAAI,KAAK,GAAE,EAAG;AAAA,QACxF,WAAW,OAAO,SAAS,QAAQ;AACjC,uBAAa,WAAW,IAAI,SAAS,MAAM,WAAW,KAAK;AAAA,QAC7D,OAAO;AACL,uBAAa,WAAW,IAAI,SAAS,MAAM,WAAW,KAAK;AAAA,QAC7D;AAAA,MACF;AACA,uBAAiB,WAAW,IAAI;AAAA,IAClC;AAEA,UAAM,kBAAkB,MAAM;AAC5B,aAAO,QAAQ,YAAY,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AACrD,YAAI,SAAS,MAAM,GAAG,MAAM,OAAO;AACjC,mBAAS,MAAM,GAAG,IAAI;AACtB,eAAK,UAAU,EAAE,QAAQ,KAAK,MAAK,CAAE;AAAA,QACvC;AAAA,MACF,CAAC;AACD,qBAAe,QAAQ;AAAA,IACzB;AAEA,UAAM,eAAe,MAAM;AACzB,cAAQ,MAAM,QAAQ,YAAU;AAC9B,YAAI,OAAO,SAAS,YAAY;AAC9B,uBAAa,OAAO,KAAK,IAAI,CAAA;AAC7B,mBAAS,MAAM,OAAO,KAAK,IAAI,CAAA;AAAA,QACjC,WAAW,OAAO,SAAS,SAAS;AAClC,uBAAa,OAAO,KAAK,IAAI,EAAE,KAAK,IAAI,KAAK,GAAE;AAC/C,mBAAS,MAAM,OAAO,KAAK,IAAI,EAAE,KAAK,IAAI,KAAK,GAAE;AAAA,QACnD,WAAW,OAAO,SAAS,QAAQ;AACjC,uBAAa,OAAO,KAAK,IAAI;AAC7B,mBAAS,MAAM,OAAO,KAAK,IAAI;AAAA,QACjC,OAAO;AACL,uBAAa,OAAO,KAAK,IAAI;AAC7B,mBAAS,MAAM,OAAO,KAAK,IAAI;AAAA,QACjC;AACA,aAAK,UAAU,EAAE,QAAQ,OAAO,OAAO,OAAO,KAAI,CAAE;AAAA,MACtD,CAAC;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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/globals/views/components/sections/Walkthrough.vue.cjs

@@ -10,7 +10,7 @@ const index$1 = require("../../../../../../node_modules/.pnpm/@capacitor_prefere
 ;/* empty css                                                                           */
 ;/* empty css                                                                  */
 ;/* empty css                                                                     */
-;/* empty css                                      */
+;/* empty css                                       */
 ;/* empty css                                           */
 ;/* empty css                                                                     */
 ;/* empty css                   */

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

@@ -8,7 +8,7 @@ import { Preferences } from "../../../../../../node_modules/.pnpm/@capacitor_pre
 /* empty css                                                                         */
 /* empty css                                                                */
 /* empty css                                                                   */
-/* empty css                                    */
+/* empty css                                     */
 /* empty css                                         */
 /* empty css                                                                   */
 /* empty css                 */

package/dist/martyrs/src/modules/inventory/components/forms/AdjustmentForm.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const spots = require("../../../spots/store/spots.cjs");
 const variants_store = require("../../../products/store/variants.store.cjs");

package/dist/martyrs/src/modules/inventory/components/forms/AdjustmentForm.vue.js

@@ -2,7 +2,7 @@ import { ref, onMounted, createElementBlock, openBlock, createElementVNode, crea
 import { useRoute } from "vue-router";
 import Field from "../../../../components/Field/Field.vue.js";
 import Select from "../../../../components/Select/Select.vue.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
 import { state } from "../../../auth/views/store/auth.js";
 import { actions } from "../../../spots/store/spots.js";
 import variantsStore from "../../../products/store/variants.store.js";

package/dist/martyrs/src/modules/inventory/components/forms/ColumnSettingsMenu.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const _hoisted_1 = { class: "w-100" };
 const _hoisted_2 = { class: "mn-b-medium" };
 const _hoisted_3 = { class: "flex-nowrap flex gap-small" };

package/dist/martyrs/src/modules/inventory/components/forms/ColumnSettingsMenu.vue.js

@@ -1,6 +1,6 @@
 import { ref, watch, createElementBlock, openBlock, createElementVNode, Fragment, renderList, createVNode, withCtx, createTextVNode } from "vue";
 import _sfc_main$1 from "../../../../components/Checkbox/Checkbox.vue.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
 const _hoisted_1 = { class: "w-100" };
 const _hoisted_2 = { class: "mn-b-medium" };
 const _hoisted_3 = { class: "flex-nowrap flex gap-small" };

package/dist/martyrs/src/modules/inventory/components/forms/HistoryView.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const PlaceholderImage = require("../../../icons/placeholders/PlaceholderImage.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const inventory_store = require("../../store/inventory.store.cjs");
 ;/* empty css                   */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");

package/dist/martyrs/src/modules/inventory/components/forms/HistoryView.vue.js

@@ -1,6 +1,6 @@
 import { ref, onMounted, createElementBlock, openBlock, createElementVNode, createVNode, createBlock, toDisplayString, createCommentVNode, Fragment, renderList, normalizeClass, createTextVNode, withCtx } from "vue";
 import PlaceholderImage from "../../../icons/placeholders/PlaceholderImage.vue.js";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import { actions } from "../../store/inventory.store.js";
 /* empty css                 */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";

package/dist/martyrs/src/modules/inventory/components/forms/StockAlertsForm.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const spots = require("../../../spots/store/spots.cjs");
 const variants_store = require("../../../products/store/variants.store.cjs");

package/dist/martyrs/src/modules/inventory/components/forms/StockAlertsForm.vue.js

@@ -2,7 +2,7 @@ import { ref, computed, onMounted, createElementBlock, openBlock, createElementV
 import { useRoute } from "vue-router";
 import Field from "../../../../components/Field/Field.vue.js";
 import Select from "../../../../components/Select/Select.vue.js";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import { state } from "../../../auth/views/store/auth.js";
 import { actions } from "../../../spots/store/spots.js";
 import variantsStore from "../../../products/store/variants.store.js";

package/dist/martyrs/src/modules/inventory/components/pages/InventoryEdit.vue.cjs

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

package/dist/martyrs/src/modules/inventory/components/pages/InventoryEdit.vue.js

@@ -1,6 +1,6 @@
 import { ref, computed, onMounted, createElementBlock, openBlock, createElementVNode, createVNode, withCtx, unref, Fragment, renderList, createBlock, createCommentVNode, toDisplayString } from "vue";
 import _sfc_main$4 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$7 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$7 from "../../../../components/Button/Button.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 /* empty css                                        */

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Spoiler = require("../../../../components/Spoiler/Spoiler.vue2.cjs");
+const Spoiler = require("../../../../components/Spoiler/Spoiler.vue.cjs");
 const vueI18n = require("vue-i18n");
 const IconChevronBottom = require("../../../icons/navigation/IconChevronBottom.vue.cjs");
 const _hoisted_1 = { class: "" };

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

@@ -1,5 +1,5 @@
 import { createElementBlock, openBlock, createElementVNode, createCommentVNode, toDisplayString, unref, Fragment, renderList, createBlock, withCtx, createVNode, normalizeClass } from "vue";
-import _sfc_main$1 from "../../../../components/Spoiler/Spoiler.vue2.js";
+import _sfc_main$1 from "../../../../components/Spoiler/Spoiler.vue.js";
 import { useI18n } from "vue-i18n";
 import IconChevronBottom from "../../../icons/navigation/IconChevronBottom.vue.js";
 const _hoisted_1 = { class: "" };

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

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const vueI18n = require("vue-i18n");
-const Spoiler = require("../../../../../components/Spoiler/Spoiler.vue2.cjs");
+const Spoiler = require("../../../../../components/Spoiler/Spoiler.vue.cjs");
 const Field = require("../../../../../components/Field/Field.vue.cjs");
 const Checkbox = require("../../../../../components/Checkbox/Checkbox.vue.cjs");
 const IconChevronBottom = require("../../../../icons/navigation/IconChevronBottom.vue.cjs");

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

@@ -1,7 +1,7 @@
 import { ref, onMounted, watch, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, toDisplayString, unref, Fragment, renderList, withCtx, createBlock, normalizeClass, createTextVNode, resolveDynamicComponent } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
-import _sfc_main$1 from "../../../../../components/Spoiler/Spoiler.vue2.js";
+import _sfc_main$1 from "../../../../../components/Spoiler/Spoiler.vue.js";
 import Field from "../../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../../components/Checkbox/Checkbox.vue.js";
 import IconChevronBottom from "../../../../icons/navigation/IconChevronBottom.vue.js";

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

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