@ozdao/martyrs 0.2.506 → 0.2.507

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

@@ -0,0 +1,324 @@
+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 Field from "../../../../../components/Field/Field.vue.js";
+import _sfc_main$1 from "../../../../icons/navigation/IconFilter.vue.js";
+import _sfc_main$3 from "../../../../icons/navigation/IconCross.vue.js";
+/* empty css            */
+import _export_sfc from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = { class: "flex gap-thin" };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = {
+  key: 0,
+  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 = {
+  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 = {
+  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 _sfc_main = {
+  __name: "Filters",
+  props: {
+    "filters": {
+      type: Array,
+      required: true
+    },
+    "filtersModifiers": {},
+    "selected": {
+      type: Object,
+      default: () => ({})
+    },
+    "selectedModifiers": {}
+  },
+  emits: /* @__PURE__ */ mergeModels(["select"], ["update:filters", "update:selected"]),
+  setup(__props, { emit: __emit }) {
+    const filters = useModel(__props, "filters");
+    const selected = useModel(__props, "selected");
+    const emit = __emit;
+    const showAllFilters = ref(false);
+    const individualPopups = reactive({});
+    const tempSelected = reactive({});
+    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] || [];
+          } else if (filter.type === "range") {
+            tempSelected[filter.value] = selected.value[filter.value] || { min: "", max: "" };
+          } else {
+            tempSelected[filter.value] = selected.value[filter.value] || null;
+          }
+        }
+      });
+    }, { immediate: true, deep: true });
+    watch(selected, (newSelected) => {
+      Object.keys(newSelected).forEach((key) => {
+        tempSelected[key] = newSelected[key];
+      });
+    }, { deep: true });
+    const activeFiltersCount = computed(() => {
+      return Object.entries(selected.value).filter(([key, value]) => {
+        if (Array.isArray(value)) return value.length > 0;
+        if (typeof value === "object" && value !== null) {
+          return value.min || value.max;
+        }
+        return value !== null && value !== void 0;
+      }).length;
+    });
+    const openFilter = (filterValue) => {
+      individualPopups[filterValue] = true;
+    };
+    const isFilterActive = (filter) => {
+      const value = selected.value[filter.value];
+      if (!value) return false;
+      if (Array.isArray(value)) return value.length > 0;
+      if (filter.type === "range") return value.min || value.max;
+      return true;
+    };
+    const getFilterValue = (filter) => {
+      return selected.value[filter.value];
+    };
+    const formatFilterValue = (filter) => {
+      const value = selected.value[filter.value];
+      if (!value) return "";
+      if (Array.isArray(value)) {
+        return `(${value.length})`;
+      }
+      if (filter.type === "range") {
+        if (!value.min && !value.max) return "";
+        return `${value.min || "0"}-${value.max || "∞"}`;
+      }
+      if (filter.type === "radio") {
+        const option = filter.options.find((o) => o.value === value);
+        return option ? `(${option.label})` : "";
+      }
+      return "";
+    };
+    const applyFilter = (filterValue) => {
+      selected.value[filterValue] = tempSelected[filterValue];
+      individualPopups[filterValue] = false;
+      emit("select", { filter: filterValue, value: tempSelected[filterValue] });
+    };
+    const cancelFilter = (filterValue) => {
+      const filter = filters.value.find((f) => f.value === filterValue);
+      if (filter) {
+        if (filter.type === "checkbox") {
+          tempSelected[filterValue] = selected.value[filterValue] || [];
+        } else if (filter.type === "range") {
+          tempSelected[filterValue] = selected.value[filterValue] || { min: "", max: "" };
+        } else {
+          tempSelected[filterValue] = selected.value[filterValue] || null;
+        }
+      }
+      individualPopups[filterValue] = false;
+    };
+    const applyAllFilters = () => {
+      Object.entries(tempSelected).forEach(([key, value]) => {
+        if (selected.value[key] !== value) {
+          selected.value[key] = value;
+          emit("select", { filter: key, value });
+        }
+      });
+      showAllFilters.value = false;
+    };
+    const resetFilters = () => {
+      filters.value.forEach((filter) => {
+        if (filter.type === "checkbox") {
+          tempSelected[filter.value] = [];
+          selected.value[filter.value] = [];
+        } else if (filter.type === "range") {
+          tempSelected[filter.value] = { min: "", max: "" };
+          selected.value[filter.value] = { min: "", max: "" };
+        } else {
+          tempSelected[filter.value] = null;
+          selected.value[filter.value] = null;
+        }
+        emit("select", { filter: filter.value, value: null });
+      });
+    };
+    return (_ctx, _cache) => {
+      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 }])
+        }, [
+          createVNode(_sfc_main$1, { class: "i-small" }),
+          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) }])
+          }, [
+            createTextVNode(toDisplayString(filter.title) + " ", 1),
+            getFilterValue(filter) ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(formatFilterValue(filter)), 1)) : createCommentVNode("", true)
+          ], 10, _hoisted_3);
+        }), 128)),
+        createVNode(_sfc_main$2, {
+          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, {
+                onClick: _cache[1] || (_cache[1] = ($event) => showAllFilters.value = false),
+                class: "i-regular cursor-pointer"
+              })
+            ]),
+            createElementVNode("div", _hoisted_6, [
+              (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, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(filter.options, (option) => {
+                      return openBlock(), createBlock(_sfc_main$4, {
+                        key: option.value,
+                        label: option.label,
+                        value: option.value,
+                        radio: tempSelected[filter.value],
+                        "onUpdate:radio": ($event) => tempSelected[filter.value] = $event,
+                        mode: "checkbox",
+                        class: "mn-b-micro"
+                      }, null, 8, ["label", "value", "radio", "onUpdate:radio"]);
+                    }), 128))
+                  ])) : filter.type === "radio" ? (openBlock(), createElementBlock("div", _hoisted_9, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(filter.options, (option) => {
+                      return openBlock(), createElementBlock("div", {
+                        key: option.value,
+                        onClick: ($event) => tempSelected[filter.value] = option.value,
+                        class: normalizeClass(["pd-small radius-small cursor-pointer mn-b-micro", {
+                          "bg-main": tempSelected[filter.value] === option.value,
+                          "bg-light": tempSelected[filter.value] !== option.value
+                        }])
+                      }, toDisplayString(option.label), 11, _hoisted_10);
+                    }), 128))
+                  ])) : filter.type === "range" ? (openBlock(), createElementBlock("div", _hoisted_11, [
+                    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"
+                    }, 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"
+                    }, null, 8, ["field", "onUpdate:field", "placeholder"])
+                  ])) : createCommentVNode("", true)
+                ]);
+              }), 128))
+            ]),
+            createElementVNode("div", { class: "flex gap-thin mn-t-medium" }, [
+              createElementVNode("button", {
+                onClick: applyAllFilters,
+                class: "button bg-main flex-child-full"
+              }, " Apply "),
+              createElementVNode("button", {
+                onClick: resetFilters,
+                class: "button bg-light"
+              }, " Reset Filters ")
+            ])
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen", "align"]),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(filters.value, (filter) => {
+          return openBlock(), createBlock(_sfc_main$2, {
+            key: `popup-${filter.value}`,
+            isPopupOpen: individualPopups[filter.value],
+            onClosePopup: ($event) => individualPopups[filter.value] = false,
+            align: _ctx.isPhone() ? "bottom center" : "center center",
+            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, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(filter.options, (option) => {
+                  return openBlock(), createBlock(_sfc_main$4, {
+                    key: option.value,
+                    label: option.label,
+                    value: option.value,
+                    radio: tempSelected[filter.value],
+                    "onUpdate:radio": ($event) => tempSelected[filter.value] = $event,
+                    mode: "checkbox",
+                    class: "mn-b-micro"
+                  }, null, 8, ["label", "value", "radio", "onUpdate:radio"]);
+                }), 128))
+              ])) : filter.type === "radio" ? (openBlock(), createElementBlock("div", _hoisted_14, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(filter.options, (option) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: option.value,
+                    onClick: ($event) => tempSelected[filter.value] = option.value,
+                    class: normalizeClass(["pd-small radius-small cursor-pointer mn-b-micro", {
+                      "bg-main": tempSelected[filter.value] === option.value,
+                      "bg-light": tempSelected[filter.value] !== option.value
+                    }])
+                  }, toDisplayString(option.label), 11, _hoisted_15);
+                }), 128))
+              ])) : filter.type === "range" ? (openBlock(), createElementBlock("div", _hoisted_16, [
+                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"
+                }, 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"
+                }, null, 8, ["field", "onUpdate:field", "placeholder"])
+              ])) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_17, [
+                createElementVNode("button", {
+                  onClick: ($event) => cancelFilter(filter.value),
+                  class: "w-100 button bg-light"
+                }, " Cancel ", 8, _hoisted_18),
+                createElementVNode("button", {
+                  onClick: ($event) => applyFilter(filter.value),
+                  class: "w-100 button bg-main"
+                }, " Apply ", 8, _hoisted_19)
+              ])
+            ]),
+            _: 2
+          }, 1032, ["isPopupOpen", "onClosePopup", "align"]);
+        }), 128))
+      ]);
+    };
+  }
+};
+const Filters = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e07dca8a"]]);
+export {
+  Filters 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":["<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":"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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.vue.cjs");
+const Tab = require("../../../../../components/Tab/Tab.vue2.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.vue.js";
+import _sfc_main$1 from "../../../../../components/Tab/Tab.vue2.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/entities/IconLock.vue.cjs

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const _hoisted_1 = {
+  width: "100pt",
+  height: "100pt",
+  version: "1.1",
+  viewBox: "0 0 100 100",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = ["fill"];
+const _sfc_main = {
+  __name: "IconLock",
+  props: {
+    fill: {
+      type: String,
+      default: "rgb(var(--black))"
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, [
+        vue.createElementVNode("path", {
+          fill: __props.fill,
+          d: "m50 16.668c6.8672 0 12.5 5.6328 12.5 12.5v12.5h-25v-12.5c0-6.8672 5.6328-12.5 12.5-12.5zm20.832 25v-12.5c0-11.469-9.3633-20.836-20.832-20.836s-20.832 9.3672-20.832 20.836v12.5h-4.168c-4.6016 0-8.332 3.7305-8.332 8.332v33.332c0 4.6055 3.7305 8.3359 8.332 8.3359h50c4.6016 0 8.332-3.7305 8.332-8.3359v-33.332c0-4.6016-3.7305-8.332-8.332-8.332zm-45.832 8.332h50v33.332h-50z"
+        }, null, 8, _hoisted_2)
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=IconLock.vue.cjs.map

package/dist/martyrs/src/modules/icons/entities/IconLock.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconLock.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/icons/entities/IconLock.vue.js

@@ -0,0 +1,32 @@
+import { createElementBlock, openBlock, createElementVNode } from "vue";
+const _hoisted_1 = {
+  width: "100pt",
+  height: "100pt",
+  version: "1.1",
+  viewBox: "0 0 100 100",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = ["fill"];
+const _sfc_main = {
+  __name: "IconLock",
+  props: {
+    fill: {
+      type: String,
+      default: "rgb(var(--black))"
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", _hoisted_1, [
+        createElementVNode("path", {
+          fill: __props.fill,
+          d: "m50 16.668c6.8672 0 12.5 5.6328 12.5 12.5v12.5h-25v-12.5c0-6.8672 5.6328-12.5 12.5-12.5zm20.832 25v-12.5c0-11.469-9.3633-20.836-20.832-20.836s-20.832 9.3672-20.832 20.836v12.5h-4.168c-4.6016 0-8.332 3.7305-8.332 8.332v33.332c0 4.6055 3.7305 8.3359 8.332 8.3359h50c4.6016 0 8.332-3.7305 8.332-8.3359v-33.332c0-4.6016-3.7305-8.332-8.332-8.332zm-45.832 8.332h50v33.332h-50z"
+        }, null, 8, _hoisted_2)
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=IconLock.vue.js.map

package/dist/martyrs/src/modules/icons/entities/IconLock.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconLock.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/icons/icons.client.cjs

@@ -31,6 +31,7 @@ const IconRecent = require("./entities/IconRecent.vue.cjs");
 const IconSettings = require("./entities/IconSettings.vue.cjs");
 const IconShopcart = require("./entities/IconShopcart.vue.cjs");
 const IconTime = require("./entities/IconTime.vue.cjs");
+const IconLock = require("./entities/IconLock.vue.cjs");
 const LabelAppStore = require("./labels/LabelAppStore.vue.cjs");
 const LabelGooglePlay = require("./labels/LabelGooglePlay.vue.cjs");
 const IconDuplicate = require("./actions/IconDuplicate.vue.cjs");
@@ -136,6 +137,7 @@ exports.IconRecent = IconRecent.default;
 exports.IconSettings = IconSettings.default;
 exports.IconShopcart = IconShopcart.default;
 exports.IconTime = IconTime.default;
+exports.IconLock = IconLock.default;
 exports.LabelAppStore = LabelAppStore.default;
 exports.LabelGooglePlay = LabelGooglePlay.default;
 exports.IconDuplicate = IconDuplicate.default;

package/dist/martyrs/src/modules/icons/icons.client.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"icons.client.cjs","sources":["../../../../../src/modules/icons/icons.client.js"],"sourcesContent":["// Entities\nimport IconAddress from './entities/IconAddress.vue';\nimport IconBell from './entities/IconBell.vue';\nimport IconCalendar from './entities/IconCalendar.vue';\nimport IconCatalog from './entities/IconCatalog.vue';\nimport IconCommunity from './entities/IconCommunity.vue';\nimport IconDate from './entities/IconDate.vue';\nimport IconDiscount from './entities/IconDiscount.vue';\nimport IconEarn from './entities/IconEarn.vue';\nimport IconEmail from './entities/IconEmail.vue';\nimport IconEvents from './entities/IconEvents.vue';\nimport IconFeatured from './entities/IconFeatured.vue';\nimport IconFile from './entities/IconFile.vue';\nimport IconFollowing from './entities/IconFollowing.vue';\nimport IconGallery from './entities/IconGallery.vue';\nimport IconGroups from './entities/IconGroups.vue';\nimport IconHome from './entities/IconHome.vue';\nimport IconEntityInfo from './entities/IconInfo.vue';\nimport IconLeftovers from './entities/IconLeftovers.vue';\nimport IconList from './entities/IconList.vue';\nimport IconMusic from './entities/IconMusic.vue';\nimport IconOrders from './entities/IconOrders.vue';\nimport IconPayments from './entities/IconPayments.vue';\nimport IconPhone from './entities/IconPhone.vue';\nimport IconPopular from './entities/IconPopular.vue';\nimport IconPrice from './entities/IconPrice.vue';\nimport IconProducts from './entities/IconProducts.vue';\nimport IconProfile from './entities/IconProfile.vue';\nimport IconRecent from './entities/IconRecent.vue';\nimport IconSettings from './entities/IconSettings.vue';\nimport IconShopcart from './entities/IconShopcart.vue';\nimport IconTime from './entities/IconTime.vue';\n\n// Labels\nimport LabelAppStore from './labels/LabelAppStore.vue';\nimport LabelGooglePlay from './labels/LabelGooglePlay.vue';\n\n// Actions\nimport IconDuplicate from './actions/IconDuplicate.vue';\nimport IconOpenLink from './actions/IconOpenLink.vue';\nimport IconShow from './actions/IconShow.vue';\nimport IconShopcartAdd from './actions/IconShopcartAdd.vue';\n\n// Navigation\nimport IconAdd from './navigation/IconAdd.vue';\nimport IconArrow from './navigation/IconArrow.vue';\nimport IconAttach from './navigation/IconAttach.vue';\nimport IconCheck from './navigation/IconCheck.vue';\nimport IconCheckmark from './navigation/IconCheckmark.vue';\nimport IconChevronBottom from './navigation/IconChevronBottom.vue';\nimport IconChevronLeft from './navigation/IconChevronLeft.vue';\nimport IconChevronRight from './navigation/IconChevronRight.vue';\nimport IconCross from './navigation/IconCross.vue';\nimport IconDelete from './navigation/IconDelete.vue';\nimport IconDoubleCheck from './navigation/IconDoubleCheck.vue';\nimport IconEdit from './navigation/IconEdit.vue';\nimport IconEllipsis from './navigation/IconEllipsis.vue';\nimport IconFilter from './navigation/IconFilter.vue';\nimport IconHeart from './navigation/IconHeart.vue';\nimport IconInfo from './navigation/IconInfo.vue';\nimport IconLike from './navigation/IconLike.vue';\nimport IconMinus from './navigation/IconMinus.vue';\nimport IconMute from './navigation/IconMute.vue';\nimport IconPause from './navigation/IconPause.vue';\nimport IconPlay from './navigation/IconPlay.vue';\nimport IconPlus from './navigation/IconPlus.vue';\nimport IconRefresh from './navigation/IconRefresh.vue';\nimport IconSearch from './navigation/IconSearch.vue';\nimport IconSend from './navigation/IconSend.vue';\nimport IconShuffle from './navigation/IconShuffle.vue';\nimport IconSort from './navigation/IconSort.vue';\nimport IconUnMute from './navigation/IconUnMute.vue';\nimport IconUpload from './navigation/IconUpload.vue';\nimport IconVolume from './navigation/IconVolume.vue';\n\n// Components\nimport IconSearchPopup from './components/IconSearchPopup.vue';\n\n// Placeholders\nimport PlaceholderChat from './placeholders/PlaceholderChat.vue';\nimport PlaceholderImage from './placeholders/PlaceholderImage.vue';\nimport PlaceholderOrganizationPic from './placeholders/PlaceholderOrganizationPic.vue';\nimport PlaceholderUserpic from './placeholders/PlaceholderUserpic.vue';\n\n// Skeletons\nimport SkeletonBlogpost from './skeletons/SkeletonBlogpost.vue';\nimport SkeletonEvent from './skeletons/SkeletonEvent.vue';\nimport SkeletonEventShort from './skeletons/SkeletonEventShort.vue';\nimport SkeletonOrganization from './skeletons/SkeletonOrganization.vue';\n\n// Socials\nimport Dribbble from './socials/dribbble.vue';\nimport Facebook from './socials/facebook.vue';\nimport Instagram from './socials/instagram.vue';\nimport Line from './socials/line.vue';\nimport Linkedin from './socials/linkedin.vue';\nimport Reddit from './socials/reddit.vue';\nimport Telegram from './socials/telegram.vue';\nimport Twitter from './socials/twitter.vue';\nimport Vk from './socials/vk.vue';\nimport Whatsapp from './socials/whatsapp.vue';\nimport Youtube from './socials/youtube.vue';\n\n// Logos\nimport Logotype from './logos/Logotype.vue';\n\nexport {\n  // Socials\n  Dribbble,\n  Facebook,\n  Instagram,\n  Line,\n  Linkedin,\n  Reddit,\n  Telegram,\n  Twitter,\n  Vk,\n  Whatsapp,\n  Youtube,\n  \n  // Navigation\n  IconAdd,\n  IconArrow,\n  IconAttach,\n  IconCheck,\n  IconCheckmark,\n  IconChevronBottom,\n  IconChevronLeft,\n  IconChevronRight,\n  IconCross,\n  IconDelete,\n  IconDoubleCheck,\n  IconEdit,\n  IconEllipsis,\n  IconFilter,\n  IconHeart,\n  IconInfo,\n  IconLike,\n  IconMinus,\n  IconMute,\n  IconPause,\n  IconPlay,\n  IconPlus,\n  IconRefresh,\n  IconSearch,\n  IconSend,\n  IconShuffle,\n  IconSort,\n  IconUnMute,\n  IconUpload,\n  IconVolume,\n  \n  // Components\n  IconSearchPopup,\n  \n  // Entities\n  IconAddress,\n  IconBell,\n  IconCalendar,\n  IconCatalog,\n  IconCommunity,\n  IconDate,\n  IconDiscount,\n  IconEarn,\n  IconEmail,\n  IconEntityInfo,\n  IconEvents,\n  IconFeatured,\n  IconFile,\n  IconFollowing,\n  IconGallery,\n  IconGroups,\n  IconHome,\n  IconLeftovers,\n  IconList,\n  IconMusic,\n  IconOrders,\n  IconPayments,\n  IconPhone,\n  IconPopular,\n  IconPrice,\n  IconProducts,\n  IconProfile,\n  IconRecent,\n  IconSettings,\n  IconShopcart,\n  IconTime,\n  \n  // Actions\n  IconDuplicate,\n  IconShow,\n  IconShopcartAdd,\n  IconOpenLink,\n  \n  // Labels\n  LabelAppStore,\n  LabelGooglePlay,\n  \n  // Logos\n  Logotype,\n  \n  // Placeholders\n  PlaceholderChat,\n  PlaceholderImage,\n  PlaceholderOrganizationPic,\n  PlaceholderUserpic,\n  \n  // Skeletons\n  SkeletonBlogpost,\n  SkeletonEvent,\n  SkeletonEventShort,\n  SkeletonOrganization,\n};\n\nimport iconsRouter from './router/icons.router.js';\n\n// Icons page component\nimport IconsPage from './pages/IconsPage.vue';\n\n\nfunction initializeIcons(app, store, router, options = {}) {\n  const route = options.route || 'Home';\n\n  // Регистрация маршрута для галереи иконок\n  router.addRoute(route, iconsRouter);\n}\n\nconst ModuleIcons = {\n  initialize: initializeIcons,\n  views: {\n    router: {\n      iconsRouter,\n    },\n    components: {\n      IconsPage,\n    },\n  },\n};\n\nexport default ModuleIcons;"],"names":["iconsRouter","IconsPage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4NA,SAAS,gBAAgB,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AACzD,QAAM,QAAQ,QAAQ,SAAS;AAG/B,SAAO,SAAS,OAAOA,oBAAW;AACpC;AAEK,MAAC,cAAc;AAAA,EAClB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,QAAQ;AAAA,MACZ,aAAMA,aAAAA;AAAAA,IACN;AAAA,IACI,YAAY;AAAA,MAChB,WAAMC,UAAAA;AAAAA,IACN;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"icons.client.cjs","sources":["../../../../../src/modules/icons/icons.client.js"],"sourcesContent":["// Entities\nimport IconAddress from './entities/IconAddress.vue';\nimport IconBell from './entities/IconBell.vue';\nimport IconCalendar from './entities/IconCalendar.vue';\nimport IconCatalog from './entities/IconCatalog.vue';\nimport IconCommunity from './entities/IconCommunity.vue';\nimport IconDate from './entities/IconDate.vue';\nimport IconDiscount from './entities/IconDiscount.vue';\nimport IconEarn from './entities/IconEarn.vue';\nimport IconEmail from './entities/IconEmail.vue';\nimport IconEvents from './entities/IconEvents.vue';\nimport IconFeatured from './entities/IconFeatured.vue';\nimport IconFile from './entities/IconFile.vue';\nimport IconFollowing from './entities/IconFollowing.vue';\nimport IconGallery from './entities/IconGallery.vue';\nimport IconGroups from './entities/IconGroups.vue';\nimport IconHome from './entities/IconHome.vue';\nimport IconEntityInfo from './entities/IconInfo.vue';\nimport IconLeftovers from './entities/IconLeftovers.vue';\nimport IconList from './entities/IconList.vue';\nimport IconMusic from './entities/IconMusic.vue';\nimport IconOrders from './entities/IconOrders.vue';\nimport IconPayments from './entities/IconPayments.vue';\nimport IconPhone from './entities/IconPhone.vue';\nimport IconPopular from './entities/IconPopular.vue';\nimport IconPrice from './entities/IconPrice.vue';\nimport IconProducts from './entities/IconProducts.vue';\nimport IconProfile from './entities/IconProfile.vue';\nimport IconRecent from './entities/IconRecent.vue';\nimport IconSettings from './entities/IconSettings.vue';\nimport IconShopcart from './entities/IconShopcart.vue';\nimport IconTime from './entities/IconTime.vue';\nimport IconLock from './entities/IconLock.vue';\n// Labels\nimport LabelAppStore from './labels/LabelAppStore.vue';\nimport LabelGooglePlay from './labels/LabelGooglePlay.vue';\n\n// Actions\nimport IconDuplicate from './actions/IconDuplicate.vue';\nimport IconOpenLink from './actions/IconOpenLink.vue';\nimport IconShow from './actions/IconShow.vue';\nimport IconShopcartAdd from './actions/IconShopcartAdd.vue';\n\n// Navigation\nimport IconAdd from './navigation/IconAdd.vue';\nimport IconArrow from './navigation/IconArrow.vue';\nimport IconAttach from './navigation/IconAttach.vue';\nimport IconCheck from './navigation/IconCheck.vue';\nimport IconCheckmark from './navigation/IconCheckmark.vue';\nimport IconChevronBottom from './navigation/IconChevronBottom.vue';\nimport IconChevronLeft from './navigation/IconChevronLeft.vue';\nimport IconChevronRight from './navigation/IconChevronRight.vue';\nimport IconCross from './navigation/IconCross.vue';\nimport IconDelete from './navigation/IconDelete.vue';\nimport IconDoubleCheck from './navigation/IconDoubleCheck.vue';\nimport IconEdit from './navigation/IconEdit.vue';\nimport IconEllipsis from './navigation/IconEllipsis.vue';\nimport IconFilter from './navigation/IconFilter.vue';\nimport IconHeart from './navigation/IconHeart.vue';\nimport IconInfo from './navigation/IconInfo.vue';\nimport IconLike from './navigation/IconLike.vue';\nimport IconMinus from './navigation/IconMinus.vue';\nimport IconMute from './navigation/IconMute.vue';\nimport IconPause from './navigation/IconPause.vue';\nimport IconPlay from './navigation/IconPlay.vue';\nimport IconPlus from './navigation/IconPlus.vue';\nimport IconRefresh from './navigation/IconRefresh.vue';\nimport IconSearch from './navigation/IconSearch.vue';\nimport IconSend from './navigation/IconSend.vue';\nimport IconShuffle from './navigation/IconShuffle.vue';\nimport IconSort from './navigation/IconSort.vue';\nimport IconUnMute from './navigation/IconUnMute.vue';\nimport IconUpload from './navigation/IconUpload.vue';\nimport IconVolume from './navigation/IconVolume.vue';\n\n// Components\nimport IconSearchPopup from './components/IconSearchPopup.vue';\n\n// Placeholders\nimport PlaceholderChat from './placeholders/PlaceholderChat.vue';\nimport PlaceholderImage from './placeholders/PlaceholderImage.vue';\nimport PlaceholderOrganizationPic from './placeholders/PlaceholderOrganizationPic.vue';\nimport PlaceholderUserpic from './placeholders/PlaceholderUserpic.vue';\n\n// Skeletons\nimport SkeletonBlogpost from './skeletons/SkeletonBlogpost.vue';\nimport SkeletonEvent from './skeletons/SkeletonEvent.vue';\nimport SkeletonEventShort from './skeletons/SkeletonEventShort.vue';\nimport SkeletonOrganization from './skeletons/SkeletonOrganization.vue';\n\n// Socials\nimport Dribbble from './socials/dribbble.vue';\nimport Facebook from './socials/facebook.vue';\nimport Instagram from './socials/instagram.vue';\nimport Line from './socials/line.vue';\nimport Linkedin from './socials/linkedin.vue';\nimport Reddit from './socials/reddit.vue';\nimport Telegram from './socials/telegram.vue';\nimport Twitter from './socials/twitter.vue';\nimport Vk from './socials/vk.vue';\nimport Whatsapp from './socials/whatsapp.vue';\nimport Youtube from './socials/youtube.vue';\n\n// Logos\nimport Logotype from './logos/Logotype.vue';\n\nexport {\n  // Socials\n  Dribbble,\n  Facebook,\n  Instagram,\n  Line,\n  Linkedin,\n  Reddit,\n  Telegram,\n  Twitter,\n  Vk,\n  Whatsapp,\n  Youtube,\n  \n  // Navigation\n  IconAdd,\n  IconArrow,\n  IconAttach,\n  IconCheck,\n  IconCheckmark,\n  IconChevronBottom,\n  IconChevronLeft,\n  IconChevronRight,\n  IconCross,\n  IconDelete,\n  IconDoubleCheck,\n  IconEdit,\n  IconEllipsis,\n  IconFilter,\n  IconHeart,\n  IconInfo,\n  IconLike,\n  IconMinus,\n  IconMute,\n  IconPause,\n  IconPlay,\n  IconPlus,\n  IconRefresh,\n  IconSearch,\n  IconSend,\n  IconShuffle,\n  IconSort,\n  IconUnMute,\n  IconUpload,\n  IconVolume,\n  \n  // Components\n  IconSearchPopup,\n  \n  // Entities\n  IconAddress,\n  IconBell,\n  IconCalendar,\n  IconCatalog,\n  IconCommunity,\n  IconDate,\n  IconDiscount,\n  IconEarn,\n  IconEmail,\n  IconEntityInfo,\n  IconEvents,\n  IconFeatured,\n  IconFile,\n  IconFollowing,\n  IconGallery,\n  IconGroups,\n  IconHome,\n  IconLeftovers,\n  IconList,\n  IconMusic,\n  IconOrders,\n  IconPayments,\n  IconPhone,\n  IconPopular,\n  IconPrice,\n  IconProducts,\n  IconProfile,\n  IconRecent,\n  IconSettings,\n  IconShopcart,\n  IconTime,\n  IconLock,\n  \n  // Actions\n  IconDuplicate,\n  IconShow,\n  IconShopcartAdd,\n  IconOpenLink,\n  \n  // Labels\n  LabelAppStore,\n  LabelGooglePlay,\n  \n  // Logos\n  Logotype,\n  \n  // Placeholders\n  PlaceholderChat,\n  PlaceholderImage,\n  PlaceholderOrganizationPic,\n  PlaceholderUserpic,\n  \n  // Skeletons\n  SkeletonBlogpost,\n  SkeletonEvent,\n  SkeletonEventShort,\n  SkeletonOrganization,\n};\n\nimport iconsRouter from './router/icons.router.js';\n\n// Icons page component\nimport IconsPage from './pages/IconsPage.vue';\n\n\nfunction initializeIcons(app, store, router, options = {}) {\n  const route = options.route || 'Home';\n\n  // Регистрация маршрута для галереи иконок\n  router.addRoute(route, iconsRouter);\n}\n\nconst ModuleIcons = {\n  initialize: initializeIcons,\n  views: {\n    router: {\n      iconsRouter,\n    },\n    components: {\n      IconsPage,\n    },\n  },\n};\n\nexport default ModuleIcons;"],"names":["iconsRouter","IconsPage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6NA,SAAS,gBAAgB,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AACzD,QAAM,QAAQ,QAAQ,SAAS;AAG/B,SAAO,SAAS,OAAOA,oBAAW;AACpC;AAEK,MAAC,cAAc;AAAA,EAClB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,QAAQ;AAAA,MACZ,aAAMA,aAAAA;AAAAA,IACN;AAAA,IACI,YAAY;AAAA,MAChB,WAAMC,UAAAA;AAAAA,IACN;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}