@ozdao/martyrs 0.2.483 → 0.2.485

package/dist/martyrs/src/modules/globals/globals.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"globals.client.js","sources":["../../../../../src/modules/globals/globals.client.js"],"sourcesContent":["// Components\n// import Client from \"./components/layouts/Client.vue\"\n\nimport getBrowserLocale from './views/localization/get-browser-locale.js';\nimport scrollBehavior from './views/router/scrollBehavior.js';\n\nimport layoutApp from './views/components/layouts/App.vue';\nimport layoutClient from './views/components/layouts/Client.vue';\n\nimport BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/BlockSearch.vue';\n\nimport BottomNavigationBar from '@martyrs/src/modules/globals/views/components/partials/BottomNavigationBar.vue';\nimport Header from '@martyrs/src/modules/globals/views/components/partials/Header.vue';\nimport Navigation from '@martyrs/src/modules/globals/views/components/partials/Navigation.vue';\nimport NavigationBar from '@martyrs/src/modules/globals/views/components/partials/NavigationBar.vue';\nimport Sidebar from '@martyrs/src/modules/globals/views/components/partials/Sidebar.vue';\n\nimport * as mixins from './views/mixins/mixins.js';\nimport * as storeGlobals from './views/store/globals.js';\nimport * as appRenderer from './views/utils/vue-app-renderer.js';\n\nimport alertPlugin from './views/plugins/alert.plugin.js';\nimport popupAuthPlugin from './views/plugins/popup.auth.plugin.js';\nimport datePickerPlugin from './views/plugins/date-picker.plugin.js';\nimport storeDebuggerPlugin from './views/plugins/store-debugger/store-debugger.plugin.js';\n\nimport store from './views/classes/store.js';\nimport websockets from './views/classes/globals.websocket.js';\nimport { i18nManager }  from '@martyrs/src/modules/globals/views/classes/globals.i18n.js';\n\nimport en from './locales/en.js';\nimport ru from './locales/ru.js';\n\n\n// Пример функции инициализации для модуля заказов\nfunction initializeGlobals(app, store, router, config, options = {}) {\n  const route = options.route || 'Home';\n\n  const locales = {\n    en: en,\n    ru: ru,\n    es: {}  // или es: undefined\n  };\n\n  i18nManager.register('globals', locales);\n\n  console.log('mesages is',  i18nManager.getAllMessages())\n\n  const envVariables = ['NODE_ENV', 'PORT', 'APP_NAME', 'DOMAIN_URL', 'API_URL', 'WSS_URL', 'FILE_SERVER_URL', 'WDT_TOKEN', 'WDM_URL_PROD', 'GOOGLE_MAPS_API_KEY', 'MOBILE_APP'];\n\n  app.config.globalProperties.DOMAIN_URL = process.env.DOMAIN_URL;\n  app.config.globalProperties.API_URL = process.env.API_URL;\n  app.config.globalProperties.MOBILE_APP = process.env.MOBILE_APP;\n  app.config.globalProperties.FILE_SERVER_URL = process.env.FILE_SERVER_URL;\n  app.config.globalProperties.GOOGLE_MAPS_API_KEY = process.env.GOOGLE_MAPS_API_KEY;\n\n  app.mixin(mixins.globalMixins);\n\n  app.use(alertPlugin);\n  app.use(popupAuthPlugin);\n  app.use(datePickerPlugin);\n  app.use(storeDebuggerPlugin, store);\n\n  // Change Locale to Route Locale if available\n  router.beforeEach((to, from, next) => {\n    const locale = to.params.locale;\n\n    if (locale) {\n      if (!app.config.globalProperties.$i18n.availableLocales.includes(locale)) {\n        return next({ path: '/404' });\n      } else {\n        app.config.globalProperties.$i18n.locale = locale;\n        return next();\n      }\n    }\n\n    return next();\n  });\n\n  if (config && config.modules) storeGlobals.state.options = config.modules;\n\n  store.addStore('globals', storeGlobals);\n\n  router.addRoute(route, {\n    path: '404',\n    name: 'notfound',\n    component: () => import('@martyrs/src/modules/globals/views/components/pages/404.vue'),\n  });\n  router.addRoute(route, {\n    path: '401',\n    name: 'unauthorized',\n    component: () => import('@martyrs/src/modules/globals/views/components/pages/401.vue'),\n  });\n  router.addRoute(route, {\n    path: ':pathMatch(.*)*',\n    name: 'NotFound',\n    redirect: { name: 'notfound' },\n  });\n}\n\nconst ModuleGlobals = {\n  initialize: initializeGlobals,\n  views: {\n    store: {\n      storeGlobals,\n    },\n    router: {\n      // routerOrders\n    },\n    components: {\n      // Pages\n      BlockSearch,\n      layoutClient,\n      layoutApp,\n      Header,\n      Navigation,\n      Sidebar,\n      BottomNavigationBar,\n      NavigationBar,\n    },\n  },\n};\n\nexport {\n  BlockSearch,\n  Header,\n  Navigation,\n  NavigationBar,\n  Sidebar,\n  appRenderer,\n  getBrowserLocale,\n  layoutApp,\n  // Components\n  layoutClient,\n  // Client,\n  mixins,\n  scrollBehavior,\n  store,\n  // Store\n  storeGlobals,\n  websockets,\n};\n\nexport default ModuleGlobals;\n"],"names":["mixins.globalMixins","storeGlobals.state","storeGlobals","BlockSearch","layoutClient","layoutApp","Header","BottomNavigationBar","NavigationBar"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAmCA,SAAS,kBAAkB,KAAK,OAAO,QAAQ,QAAQ,UAAU,IAAI;AACnE,QAAM,QAAQ,QAAQ,SAAS;AAE/B,QAAM,UAAU;AAAA,IACd;AAAA,IACA;AAAA,IACA,IAAI,CAAE;AAAA;AAAA,EACP;AAED,cAAY,SAAS,WAAW,OAAO;AAEvC,UAAQ,IAAI,cAAe,YAAY,eAAgB,CAAA;AAIvD,MAAI,OAAO,iBAAiB,aAAa,QAAQ,IAAI;AACrD,MAAI,OAAO,iBAAiB,UAAU,QAAQ,IAAI;AAClD,MAAI,OAAO,iBAAiB,aAAa,QAAQ,IAAI;AACrD,MAAI,OAAO,iBAAiB,kBAAkB,QAAQ,IAAI;AAC1D,MAAI,OAAO,iBAAiB,sBAAsB,QAAQ,IAAI;AAE9D,MAAI,MAAMA,YAAmB;AAE7B,MAAI,IAAI,WAAW;AACnB,MAAI,IAAI,eAAe;AACvB,MAAI,IAAI,gBAAgB;AACxB,MAAI,IAAI,qBAAqB,KAAK;AAGlC,SAAO,WAAW,CAAC,IAAI,MAAM,SAAS;AACpC,UAAM,SAAS,GAAG,OAAO;AAEzB,QAAI,QAAQ;AACV,UAAI,CAAC,IAAI,OAAO,iBAAiB,MAAM,iBAAiB,SAAS,MAAM,GAAG;AACxE,eAAO,KAAK,EAAE,MAAM,QAAQ;AAAA,MACpC,OAAa;AACL,YAAI,OAAO,iBAAiB,MAAM,SAAS;AAC3C,eAAO,KAAM;AAAA,MACrB;AAAA,IACA;AAEI,WAAO,KAAM;AAAA,EACjB,CAAG;AAED,MAAI,UAAU,OAAO,QAASC,OAAmB,UAAU,OAAO;AAElE,QAAM,SAAS,WAAWC,OAAY;AAEtC,SAAO,SAAS,OAAO;AAAA,IACrB,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,OAAO,qCAA6D;AAAA,EACzF,CAAG;AACD,SAAO,SAAS,OAAO;AAAA,IACrB,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,OAAO,qCAA6D;AAAA,EACzF,CAAG;AACD,SAAO,SAAS,OAAO;AAAA,IACrB,MAAM;AAAA,IACN,MAAM;AAAA,IACN,UAAU,EAAE,MAAM,WAAY;AAAA,EAClC,CAAG;AACH;AAEK,MAAC,gBAAgB;AAAA,EACpB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,cAAMA;AAAAA,IACD;AAAA,IACD,QAAQ;AAAA;AAAA,IAEP;AAAA,IACD,YAAY;AAAA;AAAA,MAEhB,aAAMC;AAAAA,MACN,cAAMC;AAAAA,MACN,WAAMC;AAAAA,MACN,QAAMC;AAAAA,MACA;AAAA,MACA;AAAA,MACN,qBAAMC;AAAAA,MACN,eAAMC;AAAAA,IACD;AAAA,EACF;AACH;"}
+{"version":3,"file":"globals.client.js","sources":["../../../../../src/modules/globals/globals.client.js"],"sourcesContent":["// Components\n// import Client from \"./components/layouts/Client.vue\"\n\nimport getBrowserLocale from './views/localization/get-browser-locale.js';\nimport scrollBehavior from './views/router/scrollBehavior.js';\n\nimport layoutApp from './views/components/layouts/App.vue';\nimport layoutClient from './views/components/layouts/Client.vue';\n\nimport BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/BlockSearch.vue';\n\nimport BottomNavigationBar from '@martyrs/src/modules/globals/views/components/partials/BottomNavigationBar.vue';\nimport Header from '@martyrs/src/modules/globals/views/components/partials/Header.vue';\nimport Navigation from '@martyrs/src/modules/globals/views/components/partials/Navigation.vue';\nimport NavigationBar from '@martyrs/src/modules/globals/views/components/partials/NavigationBar.vue';\nimport Sidebar from '@martyrs/src/modules/globals/views/components/partials/Sidebar.vue';\n\nimport * as mixins from './views/mixins/mixins.js';\nimport * as storeGlobals from './views/store/globals.js';\nimport * as appRenderer from './views/utils/vue-app-renderer.js';\n\nimport alertPlugin from './views/plugins/alert.plugin.js';\nimport popupAuthPlugin from './views/plugins/popup.auth.plugin.js';\nimport datePickerPlugin from './views/plugins/date-picker.plugin.js';\nimport storeDebuggerPlugin from './views/plugins/store-debugger/store-debugger.plugin.js';\n\nimport store from './views/classes/store.js';\nimport websockets from './views/classes/globals.websocket.js';\nimport { i18nManager }  from '@martyrs/src/modules/globals/views/classes/globals.i18n.js';\n\nimport en from './locales/en.js';\nimport ru from './locales/ru.js';\n\n\n// Пример функции инициализации для модуля заказов\nfunction initializeGlobals(app, store, router, config, options = {}) {\n  const route = options.route || 'Home';\n\n  const locales = {\n    en: en,\n    ru: ru,\n    es: {}  // или es: undefined\n  };\n\n  i18nManager.register('globals', locales);\n\n  console.log('mesages is',  i18nManager.getAllMessages())\n\n  const envVariables = ['NODE_ENV', 'PORT', 'APP_NAME', 'DOMAIN_URL', 'API_URL', 'WSS_URL', 'FILE_SERVER_URL', 'WDT_TOKEN', 'WDM_URL_PROD', 'GOOGLE_MAPS_API_KEY', 'MOBILE_APP'];\n\n  app.config.globalProperties.DOMAIN_URL = process.env.DOMAIN_URL;\n  app.config.globalProperties.API_URL = process.env.API_URL;\n  app.config.globalProperties.MOBILE_APP = process.env.MOBILE_APP;\n  app.config.globalProperties.FILE_SERVER_URL = process.env.FILE_SERVER_URL;\n  app.config.globalProperties.GOOGLE_MAPS_API_KEY = process.env.GOOGLE_MAPS_API_KEY;\n\n  app.mixin(mixins.globalMixins);\n\n  app.use(alertPlugin);\n  app.use(popupAuthPlugin);\n  app.use(datePickerPlugin);\n  app.use(storeDebuggerPlugin, store);\n\n  // Change Locale to Route Locale if available\n  router.beforeEach((to, from, next) => {\n    const locale = to.params.locale;\n\n    if (locale) {\n      if (!app.config.globalProperties.$i18n.availableLocales.includes(locale)) {\n        return next({ path: '/404' });\n      } else {\n        app.config.globalProperties.$i18n.locale = locale;\n        return next();\n      }\n    }\n\n    return next();\n  });\n\n  if (config && config.modules) storeGlobals.state.options = config.modules;\n\n  store.addStore('globals', storeGlobals);\n\n  router.addRoute(route, {\n    path: '404',\n    name: 'notfound',\n    component: () => import('@martyrs/src/modules/globals/views/components/pages/404.vue'),\n  });\n  router.addRoute(route, {\n    path: '401',\n    name: 'unauthorized',\n    component: () => import('@martyrs/src/modules/globals/views/components/pages/401.vue'),\n  });\n  router.addRoute(route, {\n    path: ':pathMatch(.*)*',\n    name: 'NotFound',\n    redirect: { name: 'notfound' },\n  });\n}\n\nconst ModuleGlobals = {\n  initialize: initializeGlobals,\n  views: {\n    store: {\n      storeGlobals,\n    },\n    router: {\n      // routerOrders\n    },\n    components: {\n      // Pages\n      BlockSearch,\n      layoutClient,\n      layoutApp,\n      Header,\n      Navigation,\n      Sidebar,\n      BottomNavigationBar,\n      NavigationBar,\n    },\n  },\n};\n\nexport {\n  BlockSearch,\n  Header,\n  Navigation,\n  NavigationBar,\n  Sidebar,\n  appRenderer,\n  getBrowserLocale,\n  layoutApp,\n  // Components\n  layoutClient,\n  // Client,\n  mixins,\n  scrollBehavior,\n  store,\n  i18nManager,\n  // Store\n  storeGlobals,\n  websockets,\n};\n\nexport default ModuleGlobals;\n"],"names":["mixins.globalMixins","storeGlobals.state","storeGlobals","BlockSearch","layoutClient","layoutApp","Header","BottomNavigationBar","NavigationBar"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAmCA,SAAS,kBAAkB,KAAK,OAAO,QAAQ,QAAQ,UAAU,IAAI;AACnE,QAAM,QAAQ,QAAQ,SAAS;AAE/B,QAAM,UAAU;AAAA,IACd;AAAA,IACA;AAAA,IACA,IAAI,CAAE;AAAA;AAAA,EACP;AAED,cAAY,SAAS,WAAW,OAAO;AAEvC,UAAQ,IAAI,cAAe,YAAY,eAAgB,CAAA;AAIvD,MAAI,OAAO,iBAAiB,aAAa,QAAQ,IAAI;AACrD,MAAI,OAAO,iBAAiB,UAAU,QAAQ,IAAI;AAClD,MAAI,OAAO,iBAAiB,aAAa,QAAQ,IAAI;AACrD,MAAI,OAAO,iBAAiB,kBAAkB,QAAQ,IAAI;AAC1D,MAAI,OAAO,iBAAiB,sBAAsB,QAAQ,IAAI;AAE9D,MAAI,MAAMA,YAAmB;AAE7B,MAAI,IAAI,WAAW;AACnB,MAAI,IAAI,eAAe;AACvB,MAAI,IAAI,gBAAgB;AACxB,MAAI,IAAI,qBAAqB,KAAK;AAGlC,SAAO,WAAW,CAAC,IAAI,MAAM,SAAS;AACpC,UAAM,SAAS,GAAG,OAAO;AAEzB,QAAI,QAAQ;AACV,UAAI,CAAC,IAAI,OAAO,iBAAiB,MAAM,iBAAiB,SAAS,MAAM,GAAG;AACxE,eAAO,KAAK,EAAE,MAAM,QAAQ;AAAA,MACpC,OAAa;AACL,YAAI,OAAO,iBAAiB,MAAM,SAAS;AAC3C,eAAO,KAAM;AAAA,MACrB;AAAA,IACA;AAEI,WAAO,KAAM;AAAA,EACjB,CAAG;AAED,MAAI,UAAU,OAAO,QAASC,OAAmB,UAAU,OAAO;AAElE,QAAM,SAAS,WAAWC,OAAY;AAEtC,SAAO,SAAS,OAAO;AAAA,IACrB,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,OAAO,qCAA6D;AAAA,EACzF,CAAG;AACD,SAAO,SAAS,OAAO;AAAA,IACrB,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,OAAO,qCAA6D;AAAA,EACzF,CAAG;AACD,SAAO,SAAS,OAAO;AAAA,IACrB,MAAM;AAAA,IACN,MAAM;AAAA,IACN,UAAU,EAAE,MAAM,WAAY;AAAA,EAClC,CAAG;AACH;AAEK,MAAC,gBAAgB;AAAA,EACpB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,cAAMA;AAAAA,IACD;AAAA,IACD,QAAQ;AAAA;AAAA,IAEP;AAAA,IACD,YAAY;AAAA;AAAA,MAEhB,aAAMC;AAAAA,MACN,cAAMC;AAAAA,MACN,WAAMC;AAAAA,MACN,QAAMC;AAAAA,MACA;AAAA,MACA;AAAA,MACN,qBAAMC;AAAAA,MACN,eAAMC;AAAAA,IACD;AAAA,EACF;AACH;"}

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Popup = require("../../../../../components/Popup/Popup.vue.cjs");
+const Popup = require("../../../../../components/Popup/Popup.vue2.cjs");
 const _hoisted_1 = { class: "mn-b-medium" };
 const _hoisted_2 = { class: "flex-nowrap flex-justify-end flex gap-thin" };
 const _hoisted_3 = ["onClick"];

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

@@ -1,5 +1,5 @@
 import { toRefs, createBlock, openBlock, unref, withCtx, createElementVNode, toDisplayString, createElementBlock, Fragment, renderList } from "vue";
-import _sfc_main$1 from "../../../../../components/Popup/Popup.vue.js";
+import _sfc_main$1 from "../../../../../components/Popup/Popup.vue2.js";
 const _hoisted_1 = { class: "mn-b-medium" };
 const _hoisted_2 = { class: "flex-nowrap flex-justify-end flex gap-thin" };
 const _hoisted_3 = ["onClick"];

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

@@ -9,7 +9,7 @@ const PlaceholderOrganizationPic = require("../../../../icons/placeholders/Place
 const IconEllipsis = require("../../../../icons/navigation/IconEllipsis.vue.cjs");
 const FormReport = require("../../../../reports/components/sections/FormReport.vue.cjs");
 ;/* empty css                                            */
-;/* empty css                                             */
+;/* empty css                                            */
 require("../../../../auth/views/store/auth.cjs");
 require("../../../../organizations/store/memberships.cjs");
 const PhotoStack = require("../elements/PhotoStack.vue.cjs");

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

@@ -7,7 +7,7 @@ import PlaceholderOrganizationPic from "../../../../icons/placeholders/Placehold
 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                                          */
 import "../../../../auth/views/store/auth.js";
 import "../../../../organizations/store/memberships.js";
 import _sfc_main$2 from "../elements/PhotoStack.vue.js";

package/dist/martyrs/src/modules/globals/views/components/blocks/PopupAuth.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 Popup = require("../../../../../components/Popup/Popup.vue.cjs");
-const Button = require("../../../../../components/Button/Button.vue.cjs");
+const Popup = require("../../../../../components/Popup/Popup.vue2.cjs");
+const Button = require("../../../../../components/Button/Button.vue2.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.vue.js";
+import _sfc_main$1 from "../../../../../components/Popup/Popup.vue2.js";
+import _sfc_main$2 from "../../../../../components/Button/Button.vue2.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

@@ -2,10 +2,10 @@
 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");
+const Button = require("../../../../../components/Button/Button.vue2.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 _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";
+import _sfc_main$3 from "../../../../../components/Button/Button.vue2.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

@@ -4,10 +4,10 @@ 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                                             */
+;/* empty css                                            */
 require("../../../../orders/store/shopcart.cjs");
 require("../../../../auth/views/store/auth.cjs");
 ;/* empty css                               */

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

@@ -2,10 +2,10 @@ 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                                           */
+/* empty css                                          */
 import "../../../../orders/store/shopcart.js";
 import "../../../../auth/views/store/auth.js";
 /* empty css                             */

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.vue.cjs");
+const Button = require("../../../../../components/Button/Button.vue2.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.vue.js";
+import _sfc_main$1 from "../../../../../components/Button/Button.vue2.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/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.vue.cjs");
+const Button = require("../../../../../components/Button/Button.vue2.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.vue.js";
+import _sfc_main$1 from "../../../../../components/Button/Button.vue2.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

@@ -0,0 +1,183 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Popup = require("../../../../../components/Popup/Popup.vue2.cjs");
+const IconFilter = require("../../../../icons/navigation/IconFilter.vue.cjs");
+const IconCross = require("../../../../icons/navigation/IconCross.vue.cjs");
+const FilterOptions = require("./filters/FilterOptions.vue.cjs");
+const FilterRange = require("./filters/FilterRange.vue2.cjs");
+const FilterPrice = require("./filters/FilterPrice.vue.cjs");
+;/* empty css              */
+const _hoisted_1 = { class: "flex gap-thin" };
+const _hoisted_2 = {
+  key: 0,
+  class: "ml-thin"
+};
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "pd-medium bg-white radius-top-medium" };
+const _hoisted_5 = { class: "flex justify-between align-center mb-medium" };
+const _hoisted_6 = { class: "filters-container" };
+const _hoisted_7 = { class: "t-h4 mb-thin" };
+const _hoisted_8 = { class: "pd-medium bg-white radius-medium" };
+const _hoisted_9 = { class: "t-h4 mb-thin" };
+const _sfc_main = {
+  __name: "Filters",
+  props: /* @__PURE__ */ vue.mergeModels({
+    filters: {
+      type: Array,
+      required: true
+    }
+  }, {
+    "modelValue": {
+      type: Object,
+      default: () => ({})
+    },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const model = vue.useModel(__props, "modelValue");
+    const showAllFilters = vue.ref(false);
+    const individualPopups = vue.reactive({});
+    const appliedFilters = vue.reactive({});
+    props.filters.forEach((filter) => {
+      individualPopups[props.filters.indexOf(filter)] = false;
+      if (!appliedFilters[filter.key]) {
+        appliedFilters[filter.key] = filter.defaultValue || null;
+      }
+    });
+    const hasActiveFilters = vue.computed(() => {
+      return Object.values(appliedFilters).some((v) => v !== null && v !== void 0);
+    });
+    const activeFiltersCount = vue.computed(() => {
+      return Object.values(appliedFilters).filter((v) => v !== null && v !== void 0).length;
+    });
+    const getFilterComponent = (type) => {
+      if (typeof type === "object") return type;
+      const components = {
+        options: FilterOptions.default,
+        range: FilterRange.default,
+        price: FilterPrice.default
+      };
+      return components[type] || FilterOptions.default;
+    };
+    const getFilterLabel = (filter) => {
+      const value = appliedFilters[filter.key];
+      if (!value) return filter.title;
+      if (Array.isArray(value) && value.length) {
+        return `${filter.title} (${value.length})`;
+      }
+      if (typeof value === "object" && (value.min || value.max)) {
+        return `${filter.title}: ${value.min || 0}-${value.max || "∞"}`;
+      }
+      return `${filter.title}: ${value}`;
+    };
+    const getFilterActiveState = (filter) => {
+      const value = appliedFilters[filter.key];
+      return value !== null && value !== void 0;
+    };
+    const openFilter = (idx) => {
+      individualPopups[idx] = true;
+    };
+    const updateFilter = (key) => {
+      model.value = { ...appliedFilters };
+    };
+    const applyFilters = () => {
+      model.value = { ...appliedFilters };
+      showAllFilters.value = false;
+    };
+    const resetFilters = () => {
+      Object.keys(appliedFilters).forEach((key) => {
+        appliedFilters[key] = null;
+      });
+      model.value = {};
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("button", {
+          onClick: _cache[0] || (_cache[0] = ($event) => showAllFilters.value = true),
+          class: vue.normalizeClass(["btn-filter radius-medium pd-thin bg-light", { "bg-primary t-white": hasActiveFilters.value }])
+        }, [
+          vue.createVNode(IconFilter.default, { class: "w-1r h-auto" }),
+          activeFiltersCount.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(activeFiltersCount.value), 1)) : vue.createCommentVNode("", true)
+        ], 2),
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.filters, (filter, idx) => {
+          return vue.openBlock(), vue.createElementBlock("button", {
+            key: idx,
+            onClick: () => openFilter(idx),
+            class: vue.normalizeClass(["btn-filter radius-medium pd-thin bg-light", { "bg-primary t-white": getFilterActiveState(filter) }])
+          }, vue.toDisplayString(getFilterLabel(filter)), 11, _hoisted_3);
+        }), 128)),
+        vue.createVNode(Popup.default, {
+          show: showAllFilters.value,
+          "onUpdate:show": _cache[2] || (_cache[2] = ($event) => showAllFilters.value = $event),
+          align: "bottom center",
+          class: "w-100 max-h-80vh"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_4, [
+              vue.createElementVNode("div", _hoisted_5, [
+                _cache[3] || (_cache[3] = vue.createElementVNode("h3", { class: "t-h3" }, "Filters", -1)),
+                vue.createVNode(IconCross.default, {
+                  onClick: _cache[1] || (_cache[1] = ($event) => showAllFilters.value = false),
+                  class: "w-1r h-auto cursor-pointer"
+                })
+              ]),
+              vue.createElementVNode("div", _hoisted_6, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.filters, (filter, idx) => {
+                  return vue.openBlock(), vue.createElementBlock("div", {
+                    key: idx,
+                    class: "mb-medium"
+                  }, [
+                    vue.createElementVNode("h4", _hoisted_7, vue.toDisplayString(filter.title), 1),
+                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(getFilterComponent(filter.type)), {
+                      modelValue: appliedFilters[filter.key],
+                      "onUpdate:modelValue": ($event) => appliedFilters[filter.key] = $event,
+                      options: filter.options,
+                      config: filter.config
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "config"]))
+                  ]);
+                }), 128))
+              ]),
+              vue.createElementVNode("div", { class: "flex gap-thin mt-medium" }, [
+                vue.createElementVNode("button", {
+                  onClick: applyFilters,
+                  class: "btn btn-primary flex-1"
+                }, "Apply"),
+                vue.createElementVNode("button", {
+                  onClick: resetFilters,
+                  class: "btn btn-secondary"
+                }, "Reset")
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["show"]),
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.filters, (filter, idx) => {
+          return vue.openBlock(), vue.createBlock(Popup.default, {
+            isPopupOpen: individualPopups[idx],
+            key: `popup-${idx}`,
+            align: "bottom center",
+            class: "min-w-200"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("div", _hoisted_8, [
+                vue.createElementVNode("h4", _hoisted_9, vue.toDisplayString(filter.title), 1),
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(getFilterComponent(filter.type)), {
+                  modelValue: appliedFilters[filter.key],
+                  "onUpdate:modelValue": [($event) => appliedFilters[filter.key] = $event, () => updateFilter(filter.key)],
+                  options: filter.options,
+                  config: filter.config
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "config"]))
+              ])
+            ]),
+            _: 2
+          }, 1032, ["isPopupOpen"]);
+        }), 128))
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Filters.vue2.cjs.map

package/dist/martyrs/src/modules/globals/views/components/sections/Filters.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filters.vue2.cjs","sources":["../../../../../../../../src/modules/globals/views/components/sections/Filters.vue"],"sourcesContent":["<!-- FiltersBar.vue -->\n<template>\n  <div class=\"flex gap-thin\">\n    <!-- All Filters Button -->\n    <button\n      @click=\"showAllFilters = true\"\n      class=\"btn-filter radius-medium pd-thin bg-light\"\n      :class=\"{ 'bg-primary t-white': hasActiveFilters }\"\n    >\n      <IconFilter class=\"w-1r h-auto\" />\n      <span v-if=\"activeFiltersCount\" class=\"ml-thin\">{{ activeFiltersCount }}</span>\n    </button>\n\n    <!-- Individual Filter Buttons -->\n    <button\n      v-for=\"(filter, idx) in filters\"\n      :key=\"idx\"\n      @click=\"() => openFilter(idx)\"\n      class=\"btn-filter radius-medium pd-thin bg-light\"\n      :class=\"{ 'bg-primary t-white': getFilterActiveState(filter) }\"\n    >\n      {{ getFilterLabel(filter) }}\n    </button>\n\n    <!-- All Filters Popup -->\n    <Popup\n      v-model:show=\"showAllFilters\"\n      align=\"bottom center\"\n      class=\"w-100 max-h-80vh\"\n    >\n      <div class=\"pd-medium bg-white radius-top-medium\">\n        <div class=\"flex justify-between align-center mb-medium\">\n          <h3 class=\"t-h3\">Filters</h3>\n          <IconCross @click=\"showAllFilters = false\" class=\"w-1r h-auto cursor-pointer\" />\n        </div>\n        \n        <div class=\"filters-container\">\n          <div v-for=\"(filter, idx) in filters\" :key=\"idx\" class=\"mb-medium\">\n            <h4 class=\"t-h4 mb-thin\">{{ filter.title }}</h4>\n            <component\n              :is=\"getFilterComponent(filter.type)\"\n              v-model=\"appliedFilters[filter.key]\"\n              :options=\"filter.options\"\n              :config=\"filter.config\"\n            />\n          </div>\n        </div>\n\n        <div class=\"flex gap-thin mt-medium\">\n          <button @click=\"applyFilters\" class=\"btn btn-primary flex-1\">Apply</button>\n          <button @click=\"resetFilters\" class=\"btn btn-secondary\">Reset</button>\n        </div>\n      </div>\n    </Popup>\n\n    <!-- Individual Filter Popups -->\n    <Popup\n      :isPopupOpen=\"individualPopups[idx]\" \n      v-for=\"(filter, idx) in filters\"\n      :key=\"`popup-${idx}`\"\n      align=\"bottom center\"\n      class=\"min-w-200\"\n    >\n      <div class=\"pd-medium bg-white radius-medium\">\n        <h4 class=\"t-h4 mb-thin\">{{ filter.title }}</h4>\n        <component\n          :is=\"getFilterComponent(filter.type)\"\n          v-model=\"appliedFilters[filter.key]\"\n          :options=\"filter.options\"\n          :config=\"filter.config\"\n          @update:modelValue=\"() => updateFilter(filter.key)\"\n        />\n      </div>\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, reactive } from 'vue'\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport Select from '@martyrs/src/components/Select/Select.vue';\nimport IconFilter from '@martyrs/src/modules/icons/navigation/IconFilter.vue'\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue'\n\n// Import filter components\nimport FilterOptions from './filters/FilterOptions.vue'\nimport FilterRange from './filters/FilterRange.vue'\nimport FilterPrice from './filters/FilterPrice.vue'\n\nconst props = defineProps({\n  filters: {\n    type: Array,\n    required: true\n  }\n})\n\nconst model = defineModel({\n  type: Object,\n  default: () => ({})\n})\n\n// State\nconst showAllFilters = ref(false)\nconst individualPopups = reactive({})\nconst appliedFilters = reactive({})\n\n// Initialize filters\nprops.filters.forEach(filter => {\n  individualPopups[props.filters.indexOf(filter)] = false\n  if (!appliedFilters[filter.key]) {\n    appliedFilters[filter.key] = filter.defaultValue || null\n  }\n})\n\n// Computed\nconst hasActiveFilters = computed(() => {\n  return Object.values(appliedFilters).some(v => v !== null && v !== undefined)\n})\n\nconst activeFiltersCount = computed(() => {\n  return Object.values(appliedFilters).filter(v => v !== null && v !== undefined).length\n})\n\n// Methods\nconst getFilterComponent = (type) => {\n  if (typeof type === 'object') return type\n  \n  const components = {\n    options: FilterOptions,\n    range: FilterRange,\n    price: FilterPrice\n  }\n  \n  return components[type] || FilterOptions\n}\n\nconst getFilterLabel = (filter) => {\n  const value = appliedFilters[filter.key]\n  if (!value) return filter.title\n  \n  if (Array.isArray(value) && value.length) {\n    return `${filter.title} (${value.length})`\n  }\n  \n  if (typeof value === 'object' && (value.min || value.max)) {\n    return `${filter.title}: ${value.min || 0}-${value.max || '∞'}`\n  }\n  \n  return `${filter.title}: ${value}`\n}\n\nconst getFilterActiveState = (filter) => {\n  const value = appliedFilters[filter.key]\n  return value !== null && value !== undefined\n}\n\nconst openFilter = (idx) => {\n  individualPopups[idx] = true\n}\n\nconst updateFilter = (key) => {\n  model.value = { ...appliedFilters }\n}\n\nconst applyFilters = () => {\n  model.value = { ...appliedFilters }\n  showAllFilters.value = false\n}\n\nconst resetFilters = () => {\n  Object.keys(appliedFilters).forEach(key => {\n    appliedFilters[key] = null\n  })\n  model.value = {}\n}\n</script>\n\n<style>\n.btn-filter {\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n  border: none;\n  cursor: pointer;\n  transition: all 0.2s;\n  white-space: nowrap;\n}\n\n.btn-filter:hover {\n  opacity: 0.8;\n}\n\n.filters-container {\n  max-height: 60vh;\n  overflow-y: auto;\n}\n</style>"],"names":["_useModel","ref","reactive","computed","FilterOptions","FilterRange","FilterPrice"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FA,UAAM,QAAQ;AAOd,UAAM,QAAQA,IAAAA,SAGb,SAAA,YAAA;AAGD,UAAM,iBAAiBC,IAAG,IAAC,KAAK;AAChC,UAAM,mBAAmBC,IAAQ,SAAC,CAAE,CAAA;AACpC,UAAM,iBAAiBA,IAAQ,SAAC,CAAE,CAAA;AAGlC,UAAM,QAAQ,QAAQ,YAAU;AAC9B,uBAAiB,MAAM,QAAQ,QAAQ,MAAM,CAAC,IAAI;AAClD,UAAI,CAAC,eAAe,OAAO,GAAG,GAAG;AAC/B,uBAAe,OAAO,GAAG,IAAI,OAAO,gBAAgB;AAAA,MACxD;AAAA,IACA,CAAC;AAGD,UAAM,mBAAmBC,IAAQ,SAAC,MAAM;AACtC,aAAO,OAAO,OAAO,cAAc,EAAE,KAAK,OAAK,MAAM,QAAQ,MAAM,MAAS;AAAA,IAC9E,CAAC;AAED,UAAM,qBAAqBA,IAAQ,SAAC,MAAM;AACxC,aAAO,OAAO,OAAO,cAAc,EAAE,OAAO,OAAK,MAAM,QAAQ,MAAM,MAAS,EAAE;AAAA,IAClF,CAAC;AAGD,UAAM,qBAAqB,CAAC,SAAS;AACnC,UAAI,OAAO,SAAS,SAAU,QAAO;AAErC,YAAM,aAAa;AAAA,QACjB,SAASC,cAAa;AAAA,QACtB,OAAOC,YAAW;AAAA,QAClB,OAAOC,YAAAA;AAAAA,MACX;AAEE,aAAO,WAAW,IAAI,KAAKF,cAAAA;AAAAA,IAC7B;AAEA,UAAM,iBAAiB,CAAC,WAAW;AACjC,YAAM,QAAQ,eAAe,OAAO,GAAG;AACvC,UAAI,CAAC,MAAO,QAAO,OAAO;AAE1B,UAAI,MAAM,QAAQ,KAAK,KAAK,MAAM,QAAQ;AACxC,eAAO,GAAG,OAAO,KAAK,KAAK,MAAM,MAAM;AAAA,MAC3C;AAEE,UAAI,OAAO,UAAU,aAAa,MAAM,OAAO,MAAM,MAAM;AACzD,eAAO,GAAG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC,IAAI,MAAM,OAAO,GAAG;AAAA,MACjE;AAEE,aAAO,GAAG,OAAO,KAAK,KAAK,KAAK;AAAA,IAClC;AAEA,UAAM,uBAAuB,CAAC,WAAW;AACvC,YAAM,QAAQ,eAAe,OAAO,GAAG;AACvC,aAAO,UAAU,QAAQ,UAAU;AAAA,IACrC;AAEA,UAAM,aAAa,CAAC,QAAQ;AAC1B,uBAAiB,GAAG,IAAI;AAAA,IAC1B;AAEA,UAAM,eAAe,CAAC,QAAQ;AAC5B,YAAM,QAAQ,EAAE,GAAG,eAAc;AAAA,IACnC;AAEA,UAAM,eAAe,MAAM;AACzB,YAAM,QAAQ,EAAE,GAAG,eAAc;AACjC,qBAAe,QAAQ;AAAA,IACzB;AAEA,UAAM,eAAe,MAAM;AACzB,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,uBAAe,GAAG,IAAI;AAAA,MACvB,CAAA;AACD,YAAM,QAAQ,CAAA;AAAA,IAChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,183 @@
+import { mergeModels, useModel, ref, reactive, computed, createElementBlock, openBlock, createElementVNode, createVNode, normalizeClass, createCommentVNode, toDisplayString, Fragment, renderList, withCtx, createBlock, resolveDynamicComponent } from "vue";
+import _sfc_main$2 from "../../../../../components/Popup/Popup.vue2.js";
+import _sfc_main$1 from "../../../../icons/navigation/IconFilter.vue.js";
+import _sfc_main$3 from "../../../../icons/navigation/IconCross.vue.js";
+import _sfc_main$6 from "./filters/FilterOptions.vue.js";
+import _sfc_main$5 from "./filters/FilterRange.vue2.js";
+import _sfc_main$4 from "./filters/FilterPrice.vue.js";
+/* empty css            */
+const _hoisted_1 = { class: "flex gap-thin" };
+const _hoisted_2 = {
+  key: 0,
+  class: "ml-thin"
+};
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "pd-medium bg-white radius-top-medium" };
+const _hoisted_5 = { class: "flex justify-between align-center mb-medium" };
+const _hoisted_6 = { class: "filters-container" };
+const _hoisted_7 = { class: "t-h4 mb-thin" };
+const _hoisted_8 = { class: "pd-medium bg-white radius-medium" };
+const _hoisted_9 = { class: "t-h4 mb-thin" };
+const _sfc_main = {
+  __name: "Filters",
+  props: /* @__PURE__ */ mergeModels({
+    filters: {
+      type: Array,
+      required: true
+    }
+  }, {
+    "modelValue": {
+      type: Object,
+      default: () => ({})
+    },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const model = useModel(__props, "modelValue");
+    const showAllFilters = ref(false);
+    const individualPopups = reactive({});
+    const appliedFilters = reactive({});
+    props.filters.forEach((filter) => {
+      individualPopups[props.filters.indexOf(filter)] = false;
+      if (!appliedFilters[filter.key]) {
+        appliedFilters[filter.key] = filter.defaultValue || null;
+      }
+    });
+    const hasActiveFilters = computed(() => {
+      return Object.values(appliedFilters).some((v) => v !== null && v !== void 0);
+    });
+    const activeFiltersCount = computed(() => {
+      return Object.values(appliedFilters).filter((v) => v !== null && v !== void 0).length;
+    });
+    const getFilterComponent = (type) => {
+      if (typeof type === "object") return type;
+      const components = {
+        options: _sfc_main$6,
+        range: _sfc_main$5,
+        price: _sfc_main$4
+      };
+      return components[type] || _sfc_main$6;
+    };
+    const getFilterLabel = (filter) => {
+      const value = appliedFilters[filter.key];
+      if (!value) return filter.title;
+      if (Array.isArray(value) && value.length) {
+        return `${filter.title} (${value.length})`;
+      }
+      if (typeof value === "object" && (value.min || value.max)) {
+        return `${filter.title}: ${value.min || 0}-${value.max || "∞"}`;
+      }
+      return `${filter.title}: ${value}`;
+    };
+    const getFilterActiveState = (filter) => {
+      const value = appliedFilters[filter.key];
+      return value !== null && value !== void 0;
+    };
+    const openFilter = (idx) => {
+      individualPopups[idx] = true;
+    };
+    const updateFilter = (key) => {
+      model.value = { ...appliedFilters };
+    };
+    const applyFilters = () => {
+      model.value = { ...appliedFilters };
+      showAllFilters.value = false;
+    };
+    const resetFilters = () => {
+      Object.keys(appliedFilters).forEach((key) => {
+        appliedFilters[key] = null;
+      });
+      model.value = {};
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("button", {
+          onClick: _cache[0] || (_cache[0] = ($event) => showAllFilters.value = true),
+          class: normalizeClass(["btn-filter radius-medium pd-thin bg-light", { "bg-primary t-white": hasActiveFilters.value }])
+        }, [
+          createVNode(_sfc_main$1, { class: "w-1r h-auto" }),
+          activeFiltersCount.value ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(activeFiltersCount.value), 1)) : createCommentVNode("", true)
+        ], 2),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.filters, (filter, idx) => {
+          return openBlock(), createElementBlock("button", {
+            key: idx,
+            onClick: () => openFilter(idx),
+            class: normalizeClass(["btn-filter radius-medium pd-thin bg-light", { "bg-primary t-white": getFilterActiveState(filter) }])
+          }, toDisplayString(getFilterLabel(filter)), 11, _hoisted_3);
+        }), 128)),
+        createVNode(_sfc_main$2, {
+          show: showAllFilters.value,
+          "onUpdate:show": _cache[2] || (_cache[2] = ($event) => showAllFilters.value = $event),
+          align: "bottom center",
+          class: "w-100 max-h-80vh"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_4, [
+              createElementVNode("div", _hoisted_5, [
+                _cache[3] || (_cache[3] = createElementVNode("h3", { class: "t-h3" }, "Filters", -1)),
+                createVNode(_sfc_main$3, {
+                  onClick: _cache[1] || (_cache[1] = ($event) => showAllFilters.value = false),
+                  class: "w-1r h-auto cursor-pointer"
+                })
+              ]),
+              createElementVNode("div", _hoisted_6, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.filters, (filter, idx) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: idx,
+                    class: "mb-medium"
+                  }, [
+                    createElementVNode("h4", _hoisted_7, toDisplayString(filter.title), 1),
+                    (openBlock(), createBlock(resolveDynamicComponent(getFilterComponent(filter.type)), {
+                      modelValue: appliedFilters[filter.key],
+                      "onUpdate:modelValue": ($event) => appliedFilters[filter.key] = $event,
+                      options: filter.options,
+                      config: filter.config
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "config"]))
+                  ]);
+                }), 128))
+              ]),
+              createElementVNode("div", { class: "flex gap-thin mt-medium" }, [
+                createElementVNode("button", {
+                  onClick: applyFilters,
+                  class: "btn btn-primary flex-1"
+                }, "Apply"),
+                createElementVNode("button", {
+                  onClick: resetFilters,
+                  class: "btn btn-secondary"
+                }, "Reset")
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["show"]),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.filters, (filter, idx) => {
+          return openBlock(), createBlock(_sfc_main$2, {
+            isPopupOpen: individualPopups[idx],
+            key: `popup-${idx}`,
+            align: "bottom center",
+            class: "min-w-200"
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_8, [
+                createElementVNode("h4", _hoisted_9, toDisplayString(filter.title), 1),
+                (openBlock(), createBlock(resolveDynamicComponent(getFilterComponent(filter.type)), {
+                  modelValue: appliedFilters[filter.key],
+                  "onUpdate:modelValue": [($event) => appliedFilters[filter.key] = $event, () => updateFilter(filter.key)],
+                  options: filter.options,
+                  config: filter.config
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "config"]))
+              ])
+            ]),
+            _: 2
+          }, 1032, ["isPopupOpen"]);
+        }), 128))
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Filters.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Filters.vue2.js","sources":["../../../../../../../../src/modules/globals/views/components/sections/Filters.vue"],"sourcesContent":["<!-- FiltersBar.vue -->\n<template>\n  <div class=\"flex gap-thin\">\n    <!-- All Filters Button -->\n    <button\n      @click=\"showAllFilters = true\"\n      class=\"btn-filter radius-medium pd-thin bg-light\"\n      :class=\"{ 'bg-primary t-white': hasActiveFilters }\"\n    >\n      <IconFilter class=\"w-1r h-auto\" />\n      <span v-if=\"activeFiltersCount\" class=\"ml-thin\">{{ activeFiltersCount }}</span>\n    </button>\n\n    <!-- Individual Filter Buttons -->\n    <button\n      v-for=\"(filter, idx) in filters\"\n      :key=\"idx\"\n      @click=\"() => openFilter(idx)\"\n      class=\"btn-filter radius-medium pd-thin bg-light\"\n      :class=\"{ 'bg-primary t-white': getFilterActiveState(filter) }\"\n    >\n      {{ getFilterLabel(filter) }}\n    </button>\n\n    <!-- All Filters Popup -->\n    <Popup\n      v-model:show=\"showAllFilters\"\n      align=\"bottom center\"\n      class=\"w-100 max-h-80vh\"\n    >\n      <div class=\"pd-medium bg-white radius-top-medium\">\n        <div class=\"flex justify-between align-center mb-medium\">\n          <h3 class=\"t-h3\">Filters</h3>\n          <IconCross @click=\"showAllFilters = false\" class=\"w-1r h-auto cursor-pointer\" />\n        </div>\n        \n        <div class=\"filters-container\">\n          <div v-for=\"(filter, idx) in filters\" :key=\"idx\" class=\"mb-medium\">\n            <h4 class=\"t-h4 mb-thin\">{{ filter.title }}</h4>\n            <component\n              :is=\"getFilterComponent(filter.type)\"\n              v-model=\"appliedFilters[filter.key]\"\n              :options=\"filter.options\"\n              :config=\"filter.config\"\n            />\n          </div>\n        </div>\n\n        <div class=\"flex gap-thin mt-medium\">\n          <button @click=\"applyFilters\" class=\"btn btn-primary flex-1\">Apply</button>\n          <button @click=\"resetFilters\" class=\"btn btn-secondary\">Reset</button>\n        </div>\n      </div>\n    </Popup>\n\n    <!-- Individual Filter Popups -->\n    <Popup\n      :isPopupOpen=\"individualPopups[idx]\" \n      v-for=\"(filter, idx) in filters\"\n      :key=\"`popup-${idx}`\"\n      align=\"bottom center\"\n      class=\"min-w-200\"\n    >\n      <div class=\"pd-medium bg-white radius-medium\">\n        <h4 class=\"t-h4 mb-thin\">{{ filter.title }}</h4>\n        <component\n          :is=\"getFilterComponent(filter.type)\"\n          v-model=\"appliedFilters[filter.key]\"\n          :options=\"filter.options\"\n          :config=\"filter.config\"\n          @update:modelValue=\"() => updateFilter(filter.key)\"\n        />\n      </div>\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, reactive } from 'vue'\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport Select from '@martyrs/src/components/Select/Select.vue';\nimport IconFilter from '@martyrs/src/modules/icons/navigation/IconFilter.vue'\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue'\n\n// Import filter components\nimport FilterOptions from './filters/FilterOptions.vue'\nimport FilterRange from './filters/FilterRange.vue'\nimport FilterPrice from './filters/FilterPrice.vue'\n\nconst props = defineProps({\n  filters: {\n    type: Array,\n    required: true\n  }\n})\n\nconst model = defineModel({\n  type: Object,\n  default: () => ({})\n})\n\n// State\nconst showAllFilters = ref(false)\nconst individualPopups = reactive({})\nconst appliedFilters = reactive({})\n\n// Initialize filters\nprops.filters.forEach(filter => {\n  individualPopups[props.filters.indexOf(filter)] = false\n  if (!appliedFilters[filter.key]) {\n    appliedFilters[filter.key] = filter.defaultValue || null\n  }\n})\n\n// Computed\nconst hasActiveFilters = computed(() => {\n  return Object.values(appliedFilters).some(v => v !== null && v !== undefined)\n})\n\nconst activeFiltersCount = computed(() => {\n  return Object.values(appliedFilters).filter(v => v !== null && v !== undefined).length\n})\n\n// Methods\nconst getFilterComponent = (type) => {\n  if (typeof type === 'object') return type\n  \n  const components = {\n    options: FilterOptions,\n    range: FilterRange,\n    price: FilterPrice\n  }\n  \n  return components[type] || FilterOptions\n}\n\nconst getFilterLabel = (filter) => {\n  const value = appliedFilters[filter.key]\n  if (!value) return filter.title\n  \n  if (Array.isArray(value) && value.length) {\n    return `${filter.title} (${value.length})`\n  }\n  \n  if (typeof value === 'object' && (value.min || value.max)) {\n    return `${filter.title}: ${value.min || 0}-${value.max || '∞'}`\n  }\n  \n  return `${filter.title}: ${value}`\n}\n\nconst getFilterActiveState = (filter) => {\n  const value = appliedFilters[filter.key]\n  return value !== null && value !== undefined\n}\n\nconst openFilter = (idx) => {\n  individualPopups[idx] = true\n}\n\nconst updateFilter = (key) => {\n  model.value = { ...appliedFilters }\n}\n\nconst applyFilters = () => {\n  model.value = { ...appliedFilters }\n  showAllFilters.value = false\n}\n\nconst resetFilters = () => {\n  Object.keys(appliedFilters).forEach(key => {\n    appliedFilters[key] = null\n  })\n  model.value = {}\n}\n</script>\n\n<style>\n.btn-filter {\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n  border: none;\n  cursor: pointer;\n  transition: all 0.2s;\n  white-space: nowrap;\n}\n\n.btn-filter:hover {\n  opacity: 0.8;\n}\n\n.filters-container {\n  max-height: 60vh;\n  overflow-y: auto;\n}\n</style>"],"names":["_useModel","FilterOptions","FilterRange","FilterPrice"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FA,UAAM,QAAQ;AAOd,UAAM,QAAQA,SAGb,SAAA,YAAA;AAGD,UAAM,iBAAiB,IAAI,KAAK;AAChC,UAAM,mBAAmB,SAAS,CAAE,CAAA;AACpC,UAAM,iBAAiB,SAAS,CAAE,CAAA;AAGlC,UAAM,QAAQ,QAAQ,YAAU;AAC9B,uBAAiB,MAAM,QAAQ,QAAQ,MAAM,CAAC,IAAI;AAClD,UAAI,CAAC,eAAe,OAAO,GAAG,GAAG;AAC/B,uBAAe,OAAO,GAAG,IAAI,OAAO,gBAAgB;AAAA,MACxD;AAAA,IACA,CAAC;AAGD,UAAM,mBAAmB,SAAS,MAAM;AACtC,aAAO,OAAO,OAAO,cAAc,EAAE,KAAK,OAAK,MAAM,QAAQ,MAAM,MAAS;AAAA,IAC9E,CAAC;AAED,UAAM,qBAAqB,SAAS,MAAM;AACxC,aAAO,OAAO,OAAO,cAAc,EAAE,OAAO,OAAK,MAAM,QAAQ,MAAM,MAAS,EAAE;AAAA,IAClF,CAAC;AAGD,UAAM,qBAAqB,CAAC,SAAS;AACnC,UAAI,OAAO,SAAS,SAAU,QAAO;AAErC,YAAM,aAAa;AAAA,QACjB,SAASC;AAAAA,QACT,OAAOC;AAAAA,QACP,OAAOC;AAAAA,MACX;AAEE,aAAO,WAAW,IAAI,KAAKF;AAAAA,IAC7B;AAEA,UAAM,iBAAiB,CAAC,WAAW;AACjC,YAAM,QAAQ,eAAe,OAAO,GAAG;AACvC,UAAI,CAAC,MAAO,QAAO,OAAO;AAE1B,UAAI,MAAM,QAAQ,KAAK,KAAK,MAAM,QAAQ;AACxC,eAAO,GAAG,OAAO,KAAK,KAAK,MAAM,MAAM;AAAA,MAC3C;AAEE,UAAI,OAAO,UAAU,aAAa,MAAM,OAAO,MAAM,MAAM;AACzD,eAAO,GAAG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC,IAAI,MAAM,OAAO,GAAG;AAAA,MACjE;AAEE,aAAO,GAAG,OAAO,KAAK,KAAK,KAAK;AAAA,IAClC;AAEA,UAAM,uBAAuB,CAAC,WAAW;AACvC,YAAM,QAAQ,eAAe,OAAO,GAAG;AACvC,aAAO,UAAU,QAAQ,UAAU;AAAA,IACrC;AAEA,UAAM,aAAa,CAAC,QAAQ;AAC1B,uBAAiB,GAAG,IAAI;AAAA,IAC1B;AAEA,UAAM,eAAe,CAAC,QAAQ;AAC5B,YAAM,QAAQ,EAAE,GAAG,eAAc;AAAA,IACnC;AAEA,UAAM,eAAe,MAAM;AACzB,YAAM,QAAQ,EAAE,GAAG,eAAc;AACjC,qBAAe,QAAQ;AAAA,IACzB;AAEA,UAAM,eAAe,MAAM;AACzB,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,uBAAe,GAAG,IAAI;AAAA,MACvB,CAAA;AACD,YAAM,QAAQ,CAAA;AAAA,IAChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}