@ozdao/martyrs 0.2.508 → 0.2.510

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

@@ -1,39 +1,47 @@
-import { mergeModels, useModel, ref, reactive, watch, computed, createElementBlock, openBlock, createElementVNode, createVNode, normalizeClass, createCommentVNode, toDisplayString, Fragment, renderList, createTextVNode, withCtx, createBlock } from "vue";
-import _sfc_main$2 from "../../../../../components/Popup/Popup.vue.js";
-import _sfc_main$4 from "../../../../../components/Checkbox/Checkbox.vue.js";
+import { mergeModels, useModel, ref, reactive, watch, computed, createElementBlock, openBlock, createElementVNode, createVNode, normalizeClass, createCommentVNode, toDisplayString, Fragment, renderList, createBlock, withCtx, unref } from "vue";
+import { useGlobalMixins } from "../../mixins/mixins.js";
+import _sfc_main$3 from "../../../../../components/Popup/Popup.vue.js";
+import _sfc_main$5 from "../../../../../components/Checkbox/Checkbox.vue.js";
 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$3 from "../../../../icons/navigation/IconCross.vue.js";
+import _sfc_main$4 from "../../../../icons/navigation/IconCross.vue.js";
+import _sfc_main$2 from "../../../../icons/entities/IconCalendar.vue.js";
 /* empty css            */
 import _export_sfc from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const _hoisted_1 = { class: "flex gap-thin" };
+const _hoisted_1 = { class: "flex t-nowrap gap-thin" };
 const _hoisted_2 = { key: 0 };
 const _hoisted_3 = ["onClick"];
-const _hoisted_4 = {
-  key: 0,
+const _hoisted_4 = { class: "t-nowrap h-1r" };
+const _hoisted_5 = {
+  key: 1,
   class: "mn-l-micro"
 };
-const _hoisted_5 = { class: "flex-v-center flex-nowrap flex mn-b-medium" };
-const _hoisted_6 = { class: "filters-content" };
-const _hoisted_7 = { class: "mn-b-thin" };
-const _hoisted_8 = { key: 0 };
-const _hoisted_9 = { key: 1 };
-const _hoisted_10 = ["onClick"];
-const _hoisted_11 = {
+const _hoisted_6 = { class: "flex-v-center flex-nowrap flex mn-b-medium" };
+const _hoisted_7 = { class: "filters-content" };
+const _hoisted_8 = { class: "mn-b-small" };
+const _hoisted_9 = { key: 0 };
+const _hoisted_10 = { key: 1 };
+const _hoisted_11 = ["onClick"];
+const _hoisted_12 = {
   key: 2,
   class: "flex gap-thin"
 };
-const _hoisted_12 = { class: "mn-b-medium" };
-const _hoisted_13 = { key: 0 };
-const _hoisted_14 = { key: 1 };
-const _hoisted_15 = ["onClick"];
-const _hoisted_16 = {
+const _hoisted_13 = { key: 3 };
+const _hoisted_14 = { class: "mn-b-medium" };
+const _hoisted_15 = { key: 0 };
+const _hoisted_16 = { key: 1 };
+const _hoisted_17 = ["onClick"];
+const _hoisted_18 = {
   key: 2,
   class: "flex gap-thin"
 };
-const _hoisted_17 = { class: "flex gap-thin mn-t-medium" };
-const _hoisted_18 = ["onClick"];
-const _hoisted_19 = ["onClick"];
+const _hoisted_19 = { key: 3 };
+const _hoisted_20 = ["onClick"];
+const _hoisted_21 = { class: "mn-t-small" };
+const _hoisted_22 = { class: "flex gap-thin mn-t-medium" };
+const _hoisted_23 = ["onClick"];
+const _hoisted_24 = ["onClick"];
 const _sfc_main = {
   __name: "Filters",
   props: {
@@ -53,17 +61,21 @@ const _sfc_main = {
     const filters = useModel(__props, "filters");
     const selected = useModel(__props, "selected");
     const emit = __emit;
+    const { formatDate } = useGlobalMixins();
     const showAllFilters = ref(false);
     const individualPopups = reactive({});
     const tempSelected = reactive({});
+    const tempDateRange = ref(null);
     watch(filters, (newFilters) => {
       newFilters.forEach((filter) => {
         individualPopups[filter.value] = false;
         if (!tempSelected[filter.value]) {
           if (filter.type === "checkbox") {
-            tempSelected[filter.value] = selected.value[filter.value] || [];
+            tempSelected[filter.value] = [...selected.value[filter.value] || []];
           } else if (filter.type === "range") {
-            tempSelected[filter.value] = selected.value[filter.value] || { min: "", max: "" };
+            tempSelected[filter.value] = { ...selected.value[filter.value] || { min: "", max: "" } };
+          } else if (filter.type === "date") {
+            tempSelected[filter.value] = selected.value[filter.value] || null;
           } else {
             tempSelected[filter.value] = selected.value[filter.value] || null;
           }
@@ -72,7 +84,16 @@ const _sfc_main = {
     }, { immediate: true, deep: true });
     watch(selected, (newSelected) => {
       Object.keys(newSelected).forEach((key) => {
-        tempSelected[key] = newSelected[key];
+        const filter = filters.value.find((f) => f.value === key);
+        if (filter) {
+          if (filter.type === "checkbox") {
+            tempSelected[key] = [...newSelected[key] || []];
+          } else if (filter.type === "range") {
+            tempSelected[key] = { ...newSelected[key] || { min: "", max: "" } };
+          } else {
+            tempSelected[key] = newSelected[key];
+          }
+        }
       });
     }, { deep: true });
     const activeFiltersCount = computed(() => {
@@ -107,6 +128,10 @@ const _sfc_main = {
         if (!value.min && !value.max) return "";
         return `${value.min || "0"}-${value.max || "∞"}`;
       }
+      if (filter.type === "date") {
+        if (!value || !value.start || !value.end) return "";
+        return `${formatDate(value.start, { dayMonth: true, language: "en" })} - ${formatDate(value.end, { dayMonth: true, language: "en" })}`;
+      }
       if (filter.type === "radio") {
         const option = filter.options.find((o) => o.value === value);
         return option ? `(${option.label})` : "";
@@ -122,9 +147,11 @@ const _sfc_main = {
       const filter = filters.value.find((f) => f.value === filterValue);
       if (filter) {
         if (filter.type === "checkbox") {
-          tempSelected[filterValue] = selected.value[filterValue] || [];
+          tempSelected[filterValue] = [...selected.value[filterValue] || []];
         } else if (filter.type === "range") {
-          tempSelected[filterValue] = selected.value[filterValue] || { min: "", max: "" };
+          tempSelected[filterValue] = { ...selected.value[filterValue] || { min: "", max: "" } };
+        } else if (filter.type === "date") {
+          tempSelected[filterValue] = selected.value[filterValue] || null;
         } else {
           tempSelected[filterValue] = selected.value[filterValue] || null;
         }
@@ -148,6 +175,9 @@ const _sfc_main = {
         } else if (filter.type === "range") {
           tempSelected[filter.value] = { min: "", max: "" };
           selected.value[filter.value] = { min: "", max: "" };
+        } else if (filter.type === "date") {
+          tempSelected[filter.value] = null;
+          selected.value[filter.value] = null;
         } else {
           tempSelected[filter.value] = null;
           selected.value[filter.value] = null;
@@ -159,45 +189,50 @@ const _sfc_main = {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("button", {
           onClick: _cache[0] || (_cache[0] = ($event) => showAllFilters.value = true),
-          class: normalizeClass(["pd-thin radius-medium bg-light flex-v-center flex gap-micro cursor-pointer", { "bg-main": activeFiltersCount.value > 0 }])
+          class: normalizeClass(["pd-small radius-medium bg-light flex-v-center flex gap-micro cursor-pointer", { "bg-main": activeFiltersCount.value > 0 }])
         }, [
-          createVNode(_sfc_main$1, { class: "i-small" }),
+          createVNode(_sfc_main$1, { class: "i-medium" }),
+          _cache[3] || (_cache[3] = createElementVNode("span", { class: "h-1r" }, null, -1)),
           activeFiltersCount.value ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(activeFiltersCount.value), 1)) : createCommentVNode("", true)
         ], 2),
         (openBlock(true), createElementBlock(Fragment, null, renderList(filters.value, (filter) => {
           return openBlock(), createElementBlock("button", {
             key: filter.value,
             onClick: ($event) => openFilter(filter.value),
-            class: normalizeClass(["pd-thin radius-medium bg-light cursor-pointer", { "selected bg-main": isFilterActive(filter) }])
+            class: normalizeClass(["pd-small radius-medium bg-light cursor-pointer flex-v-center flex gap-micro", { "selected bg-main": isFilterActive(filter) }])
           }, [
-            createTextVNode(toDisplayString(filter.title) + " ", 1),
-            getFilterValue(filter) ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(formatFilterValue(filter)), 1)) : createCommentVNode("", true)
+            filter.type === "date" ? (openBlock(), createBlock(_sfc_main$2, {
+              key: 0,
+              class: "i-medium"
+            })) : createCommentVNode("", true),
+            createElementVNode("span", _hoisted_4, toDisplayString(filter.title), 1),
+            getFilterValue(filter) ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(formatFilterValue(filter)), 1)) : createCommentVNode("", true)
           ], 10, _hoisted_3);
         }), 128)),
-        createVNode(_sfc_main$2, {
+        createVNode(_sfc_main$3, {
           isPopupOpen: showAllFilters.value,
           onClosePopup: _cache[2] || (_cache[2] = ($event) => showAllFilters.value = false),
           align: _ctx.isPhone() ? "bottom center" : "center center",
           class: "w-min-20r bg-white radius-medium mobile:radius-zero mobile:radius-tr-medium mobile:radius-tl-medium mobile:w-100 pd-medium"
         }, {
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_5, [
-              _cache[3] || (_cache[3] = createElementVNode("h3", { class: "flex-child-full" }, "Filters", -1)),
-              createVNode(_sfc_main$3, {
+            createElementVNode("div", _hoisted_6, [
+              _cache[4] || (_cache[4] = createElementVNode("h3", { class: "flex-child-full" }, "Filters", -1)),
+              createVNode(_sfc_main$4, {
                 onClick: _cache[1] || (_cache[1] = ($event) => showAllFilters.value = false),
                 class: "i-regular cursor-pointer"
               })
             ]),
-            createElementVNode("div", _hoisted_6, [
+            createElementVNode("div", _hoisted_7, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(filters.value, (filter) => {
                 return openBlock(), createElementBlock("div", {
                   key: filter.value,
                   class: "mn-b-medium"
                 }, [
-                  createElementVNode("h4", _hoisted_7, toDisplayString(filter.title), 1),
-                  filter.type === "checkbox" ? (openBlock(), createElementBlock("div", _hoisted_8, [
+                  createElementVNode("h4", _hoisted_8, toDisplayString(filter.title), 1),
+                  filter.type === "checkbox" ? (openBlock(), createElementBlock("div", _hoisted_9, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(filter.options, (option) => {
-                      return openBlock(), createBlock(_sfc_main$4, {
+                      return openBlock(), createBlock(_sfc_main$5, {
                         key: option.value,
                         label: option.label,
                         value: option.value,
@@ -207,7 +242,7 @@ const _sfc_main = {
                         class: "mn-b-micro"
                       }, null, 8, ["label", "value", "radio", "onUpdate:radio"]);
                     }), 128))
-                  ])) : filter.type === "radio" ? (openBlock(), createElementBlock("div", _hoisted_9, [
+                  ])) : filter.type === "radio" ? (openBlock(), createElementBlock("div", _hoisted_10, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(filter.options, (option) => {
                       return openBlock(), createElementBlock("div", {
                         key: option.value,
@@ -216,23 +251,31 @@ const _sfc_main = {
                           "bg-main": tempSelected[filter.value] === option.value,
                           "bg-light": tempSelected[filter.value] !== option.value
                         }])
-                      }, toDisplayString(option.label), 11, _hoisted_10);
+                      }, toDisplayString(option.label), 11, _hoisted_11);
                     }), 128))
-                  ])) : filter.type === "range" ? (openBlock(), createElementBlock("div", _hoisted_11, [
+                  ])) : filter.type === "range" ? (openBlock(), createElementBlock("div", _hoisted_12, [
                     createVNode(Field, {
                       field: tempSelected[filter.value].min,
                       "onUpdate:field": ($event) => tempSelected[filter.value].min = $event,
                       placeholder: filter.minPlaceholder || "Min",
                       type: "number",
-                      class: "w-50 bg-light radius-small"
+                      class: "w-50 bg-light pd-small radius-small"
                     }, null, 8, ["field", "onUpdate:field", "placeholder"]),
                     createVNode(Field, {
                       field: tempSelected[filter.value].max,
                       "onUpdate:field": ($event) => tempSelected[filter.value].max = $event,
                       placeholder: filter.maxPlaceholder || "Max",
                       type: "number",
-                      class: "w-50 bg-light radius-small"
+                      class: "w-50 bg-light pd-small radius-small"
                     }, null, 8, ["field", "onUpdate:field", "placeholder"])
+                  ])) : filter.type === "date" ? (openBlock(), createElementBlock("div", _hoisted_13, [
+                    createVNode(Calendar, {
+                      date: tempSelected[filter.value],
+                      "onUpdate:date": ($event) => tempSelected[filter.value] = $event,
+                      allowRange: true,
+                      disablePastDates: true,
+                      class: "bg-light radius-small"
+                    }, null, 8, ["date", "onUpdate:date"])
                   ])) : createCommentVNode("", true)
                 ]);
               }), 128))
@@ -251,7 +294,7 @@ const _sfc_main = {
           _: 1
         }, 8, ["isPopupOpen", "align"]),
         (openBlock(true), createElementBlock(Fragment, null, renderList(filters.value, (filter) => {
-          return openBlock(), createBlock(_sfc_main$2, {
+          return openBlock(), createBlock(_sfc_main$3, {
             key: `popup-${filter.value}`,
             isPopupOpen: individualPopups[filter.value],
             onClosePopup: ($event) => individualPopups[filter.value] = false,
@@ -259,10 +302,10 @@ const _sfc_main = {
             class: "bg-white radius-medium mobile:radius-zero mobile:radius-tr-medium mobile:radius-tl-medium mobile:w-100 pd-medium"
           }, {
             default: withCtx(() => [
-              createElementVNode("h4", _hoisted_12, toDisplayString(filter.title), 1),
-              filter.type === "checkbox" ? (openBlock(), createElementBlock("div", _hoisted_13, [
+              createElementVNode("h4", _hoisted_14, toDisplayString(filter.title), 1),
+              filter.type === "checkbox" ? (openBlock(), createElementBlock("div", _hoisted_15, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(filter.options, (option) => {
-                  return openBlock(), createBlock(_sfc_main$4, {
+                  return openBlock(), createBlock(_sfc_main$5, {
                     key: option.value,
                     label: option.label,
                     value: option.value,
@@ -272,7 +315,7 @@ const _sfc_main = {
                     class: "mn-b-micro"
                   }, null, 8, ["label", "value", "radio", "onUpdate:radio"]);
                 }), 128))
-              ])) : filter.type === "radio" ? (openBlock(), createElementBlock("div", _hoisted_14, [
+              ])) : filter.type === "radio" ? (openBlock(), createElementBlock("div", _hoisted_16, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(filter.options, (option) => {
                   return openBlock(), createElementBlock("div", {
                     key: option.value,
@@ -281,33 +324,53 @@ const _sfc_main = {
                       "bg-main": tempSelected[filter.value] === option.value,
                       "bg-light": tempSelected[filter.value] !== option.value
                     }])
-                  }, toDisplayString(option.label), 11, _hoisted_15);
+                  }, toDisplayString(option.label), 11, _hoisted_17);
                 }), 128))
-              ])) : filter.type === "range" ? (openBlock(), createElementBlock("div", _hoisted_16, [
+              ])) : filter.type === "range" ? (openBlock(), createElementBlock("div", _hoisted_18, [
                 createVNode(Field, {
                   field: tempSelected[filter.value].min,
                   "onUpdate:field": ($event) => tempSelected[filter.value].min = $event,
                   placeholder: filter.minPlaceholder || "Min",
                   type: "number",
-                  class: "w-50 bg-light radius-small"
+                  class: "w-50 bg-light pd-small radius-small"
                 }, null, 8, ["field", "onUpdate:field", "placeholder"]),
                 createVNode(Field, {
                   field: tempSelected[filter.value].max,
                   "onUpdate:field": ($event) => tempSelected[filter.value].max = $event,
                   placeholder: filter.maxPlaceholder || "Max",
                   type: "number",
-                  class: "w-50 bg-light radius-small"
+                  class: "w-50 bg-light pd-small radius-small"
                 }, null, 8, ["field", "onUpdate:field", "placeholder"])
+              ])) : filter.type === "date" ? (openBlock(), createElementBlock("div", _hoisted_19, [
+                createElementVNode("div", {
+                  onClick: () => {
+                    tempDateRange.value = tempSelected[filter.value];
+                    tempSelected[filter.value] = tempSelected[filter.value] || null;
+                  },
+                  class: "pd-small radius-small bg-light cursor-pointer flex-v-center flex gap-micro"
+                }, [
+                  createVNode(_sfc_main$2, { class: "i-small" }),
+                  createElementVNode("span", null, toDisplayString(tempSelected[filter.value] ? `${unref(formatDate)(tempSelected[filter.value].start, { dayMonth: true, language: "en" })} - ${unref(formatDate)(tempSelected[filter.value].end, { dayMonth: true, language: "en" })}` : "Select dates"), 1)
+                ], 8, _hoisted_20),
+                createElementVNode("div", _hoisted_21, [
+                  createVNode(Calendar, {
+                    date: tempSelected[filter.value],
+                    "onUpdate:date": ($event) => tempSelected[filter.value] = $event,
+                    allowRange: true,
+                    disablePastDates: true,
+                    class: "bg-light radius-small"
+                  }, null, 8, ["date", "onUpdate:date"])
+                ])
               ])) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_17, [
+              createElementVNode("div", _hoisted_22, [
                 createElementVNode("button", {
                   onClick: ($event) => cancelFilter(filter.value),
                   class: "w-100 button bg-light"
-                }, " Cancel ", 8, _hoisted_18),
+                }, " Cancel ", 8, _hoisted_23),
                 createElementVNode("button", {
                   onClick: ($event) => applyFilter(filter.value),
                   class: "w-100 button bg-main"
-                }, " Apply ", 8, _hoisted_19)
+                }, " Apply ", 8, _hoisted_24)
               ])
             ]),
             _: 2
@@ -317,7 +380,7 @@ const _sfc_main = {
     };
   }
 };
-const Filters = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e07dca8a"]]);
+const Filters = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e749b035"]]);
 export {
   Filters as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Filters.vue2.js","sources":["../../../../../../../../src/modules/globals/views/components/sections/Filters.vue"],"sourcesContent":["<template>\n  <div class=\"flex gap-thin\">\n    <!-- All Filters Button -->\n    <button\n      @click=\"showAllFilters = true\"\n      class=\"pd-thin radius-medium bg-light flex-v-center flex gap-micro cursor-pointer\"\n      :class=\"{ 'bg-main': activeFiltersCount > 0 }\"\n    >\n      <IconFilter class=\"i-small\" />\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-thin radius-medium bg-light cursor-pointer\"\n      :class=\"{ 'selected bg-main': isFilterActive(filter) }\"\n    >\n      {{ filter.title }}\n      <span v-if=\"getFilterValue(filter)\" 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        <IconCross \n          @click=\"showAllFilters = false\" \n          class=\"i-regular cursor-pointer\"\n        />\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-thin\">{{ 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              class=\"w-50 bg-light radius-small\"\n            />\n            <Field\n              v-model:field=\"tempSelected[filter.value].max\"\n              :placeholder=\"filter.maxPlaceholder || 'Max'\"\n              type=\"number\"\n              class=\"w-50 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          class=\"w-50 bg-light radius-small\"\n        />\n        <Field\n          v-model:field=\"tempSelected[filter.value].max\"\n          :placeholder=\"filter.maxPlaceholder || 'Max'\"\n          type=\"number\"\n          class=\"w-50 bg-light radius-small\"\n        />\n      </div>\n\n      <div class=\"flex gap-thin mn-t-medium\">\n        <button \n          @click=\"cancelFilter(filter.value)\" \n          class=\"w-100 button bg-light\"\n        >\n          Cancel\n        </button>\n        <button \n          @click=\"applyFilter(filter.value)\" \n          class=\"w-100 button bg-main\"\n        >\n          Apply\n        </button>\n        \n      </div>\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, reactive, watch } from 'vue'\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 IconFilter from '@martyrs/src/modules/icons/navigation/IconFilter.vue'\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.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\n// State\nconst showAllFilters = ref(false)\nconst individualPopups = reactive({})\nconst tempSelected = reactive({})\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 {\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    tempSelected[key] = newSelected[key]\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  return selected.value[filter.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 === '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 {\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 {\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmMA,UAAM,UAAUA,SAAW,SAAC,SAG3B;AAED,UAAM,WAAWA,SAAW,SAAC,UAG5B;AAED,UAAM,OAAO;AAGb,UAAM,iBAAiB,IAAI,KAAK;AAChC,UAAM,mBAAmB,SAAS,CAAA,CAAE;AACpC,UAAM,eAAe,SAAS,CAAA,CAAE;AAGhC,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,SAAS,MAAM,OAAO,KAAK,KAAK,CAAA;AAAA,UAC/D,WAAW,OAAO,SAAS,SAAS;AAClC,yBAAa,OAAO,KAAK,IAAI,SAAS,MAAM,OAAO,KAAK,KAAK,EAAE,KAAK,IAAI,KAAK,GAAE;AAAA,UACjF,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,qBAAa,GAAG,IAAI,YAAY,GAAG;AAAA,MACrC,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,aAAO,SAAS,MAAM,OAAO,KAAK;AAAA,IACpC;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,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,SAAS,MAAM,WAAW,KAAK,CAAA;AAAA,QAC7D,WAAW,OAAO,SAAS,SAAS;AAClC,uBAAa,WAAW,IAAI,SAAS,MAAM,WAAW,KAAK,EAAE,KAAK,IAAI,KAAK,GAAE;AAAA,QAC/E,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,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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=\"i-medium\" />\n      <span class=\"t-nowrap h-1r\">{{ filter.title }}</span>\n      <span v-if=\"getFilterValue(filter)\" 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        <IconCross \n          @click=\"showAllFilters = false\" \n          class=\"i-regular cursor-pointer\"\n        />\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              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              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          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          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 \n          @click=\"() => { tempDateRange = tempSelected[filter.value]; tempSelected[filter.value] = tempSelected[filter.value] || null; }\"\n          class=\"pd-small radius-small bg-light cursor-pointer flex-v-center flex gap-micro\"\n        >\n          <IconCalendar class=\"i-small\" />\n          <span>{{ tempSelected[filter.value] ? `${formatDate(tempSelected[filter.value].start, { dayMonth: true, language: 'en' })} - ${formatDate(tempSelected[filter.value].end, { dayMonth: true, language: 'en' })}` : 'Select dates'}}</span>\n        </div>\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=\"w-100 button bg-light\"\n        >\n          Cancel\n        </button>\n        <button \n          @click=\"applyFilter(filter.value)\" \n          class=\"w-100 button bg-main\"\n        >\n          Apply\n        </button>\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  return selected.value[filter.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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"}

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/icons/logos/Logotype.vue.cjs

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

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

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