@ozdao/martyrs 0.2.550 → 0.2.552

package/dist/martyrs/src/modules/core/views/classes/session.cjs

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-class Session {
-  constructor(sessionState) {
-    this.sessionState = sessionState;
-    this.listeners = [];
-  }
-  get state() {
-    return this.sessionState;
-  }
-  set(userData) {
-    this.sessionState.token = userData.accessToken;
-    this.sessionState.userId = userData._id;
-    this.sessionState.roles = userData.roles;
-    this.sessionState.accesses = userData.accesses || [];
-    this.emit("change", this.sessionState);
-  }
-  clear() {
-    this.sessionState.token = null;
-    this.sessionState.userId = null;
-    this.sessionState.roles = null;
-    this.sessionState.accesses = [];
-    this.emit("change", this.sessionState);
-  }
-  hydrate(cookie) {
-    if (cookie) {
-      this.sessionState.token = cookie.accessToken;
-      this.sessionState.userId = cookie._id;
-      this.sessionState.roles = cookie.roles;
-      this.sessionState.accesses = cookie.accesses || [];
-    }
-  }
-  isAuthenticated() {
-    return !!this.sessionState.token;
-  }
-  getAccesses() {
-    return this.sessionState.accesses;
-  }
-  getUserId() {
-    return this.sessionState.userId;
-  }
-  onChange(callback) {
-    this.listeners.push(callback);
-  }
-  emit(event, data) {
-    this.listeners.forEach((cb) => cb(event, data));
-  }
-}
-exports.default = Session;
-//# sourceMappingURL=session.cjs.map

package/dist/martyrs/src/modules/core/views/classes/session.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"session.cjs","sources":["../../../../../../../src/modules/core/views/classes/session.js"],"sourcesContent":["class Session {\n  constructor(sessionState) {\n    this.sessionState = sessionState;\n    this.listeners = [];\n  }\n\n  get state() {\n    return this.sessionState;\n  }\n\n  set(userData) {\n    this.sessionState.token = userData.accessToken;\n    this.sessionState.userId = userData._id;\n    this.sessionState.roles = userData.roles;\n    this.sessionState.accesses = userData.accesses || [];\n    this.emit('change', this.sessionState);\n  }\n\n  clear() {\n    this.sessionState.token = null;\n    this.sessionState.userId = null;\n    this.sessionState.roles = null;\n    this.sessionState.accesses = [];\n    this.emit('change', this.sessionState);\n  }\n\n  hydrate(cookie) {\n    if (cookie) {\n      this.sessionState.token = cookie.accessToken;\n      this.sessionState.userId = cookie._id;\n      this.sessionState.roles = cookie.roles;\n      this.sessionState.accesses = cookie.accesses || [];\n    }\n  }\n\n  isAuthenticated() {\n    return !!this.sessionState.token;\n  }\n\n  getAccesses() {\n    return this.sessionState.accesses;\n  }\n\n  getUserId() {\n    return this.sessionState.userId;\n  }\n\n  onChange(callback) {\n    this.listeners.push(callback);\n  }\n\n  emit(event, data) {\n    this.listeners.forEach(cb => cb(event, data));\n  }\n}\n\nexport default Session;\n"],"names":[],"mappings":";;AAAA,MAAM,QAAQ;AAAA,EACZ,YAAY,cAAc;AACxB,SAAK,eAAe;AACpB,SAAK,YAAY,CAAA;AAAA,EACnB;AAAA,EAEA,IAAI,QAAQ;AACV,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAI,UAAU;AACZ,SAAK,aAAa,QAAQ,SAAS;AACnC,SAAK,aAAa,SAAS,SAAS;AACpC,SAAK,aAAa,QAAQ,SAAS;AACnC,SAAK,aAAa,WAAW,SAAS,YAAY,CAAA;AAClD,SAAK,KAAK,UAAU,KAAK,YAAY;AAAA,EACvC;AAAA,EAEA,QAAQ;AACN,SAAK,aAAa,QAAQ;AAC1B,SAAK,aAAa,SAAS;AAC3B,SAAK,aAAa,QAAQ;AAC1B,SAAK,aAAa,WAAW,CAAA;AAC7B,SAAK,KAAK,UAAU,KAAK,YAAY;AAAA,EACvC;AAAA,EAEA,QAAQ,QAAQ;AACd,QAAI,QAAQ;AACV,WAAK,aAAa,QAAQ,OAAO;AACjC,WAAK,aAAa,SAAS,OAAO;AAClC,WAAK,aAAa,QAAQ,OAAO;AACjC,WAAK,aAAa,WAAW,OAAO,YAAY,CAAA;AAAA,IAClD;AAAA,EACF;AAAA,EAEA,kBAAkB;AAChB,WAAO,CAAC,CAAC,KAAK,aAAa;AAAA,EAC7B;AAAA,EAEA,cAAc;AACZ,WAAO,KAAK,aAAa;AAAA,EAC3B;AAAA,EAEA,YAAY;AACV,WAAO,KAAK,aAAa;AAAA,EAC3B;AAAA,EAEA,SAAS,UAAU;AACjB,SAAK,UAAU,KAAK,QAAQ;AAAA,EAC9B;AAAA,EAEA,KAAK,OAAO,MAAM;AAChB,SAAK,UAAU,QAAQ,QAAM,GAAG,OAAO,IAAI,CAAC;AAAA,EAC9C;AACF;;"}

package/dist/martyrs/src/modules/core/views/classes/session.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"session.js","sources":["../../../../../../../src/modules/core/views/classes/session.js"],"sourcesContent":["class Session {\n  constructor(sessionState) {\n    this.sessionState = sessionState;\n    this.listeners = [];\n  }\n\n  get state() {\n    return this.sessionState;\n  }\n\n  set(userData) {\n    this.sessionState.token = userData.accessToken;\n    this.sessionState.userId = userData._id;\n    this.sessionState.roles = userData.roles;\n    this.sessionState.accesses = userData.accesses || [];\n    this.emit('change', this.sessionState);\n  }\n\n  clear() {\n    this.sessionState.token = null;\n    this.sessionState.userId = null;\n    this.sessionState.roles = null;\n    this.sessionState.accesses = [];\n    this.emit('change', this.sessionState);\n  }\n\n  hydrate(cookie) {\n    if (cookie) {\n      this.sessionState.token = cookie.accessToken;\n      this.sessionState.userId = cookie._id;\n      this.sessionState.roles = cookie.roles;\n      this.sessionState.accesses = cookie.accesses || [];\n    }\n  }\n\n  isAuthenticated() {\n    return !!this.sessionState.token;\n  }\n\n  getAccesses() {\n    return this.sessionState.accesses;\n  }\n\n  getUserId() {\n    return this.sessionState.userId;\n  }\n\n  onChange(callback) {\n    this.listeners.push(callback);\n  }\n\n  emit(event, data) {\n    this.listeners.forEach(cb => cb(event, data));\n  }\n}\n\nexport default Session;\n"],"names":[],"mappings":"AAAA,MAAM,QAAQ;AAAA,EACZ,YAAY,cAAc;AACxB,SAAK,eAAe;AACpB,SAAK,YAAY,CAAA;AAAA,EACnB;AAAA,EAEA,IAAI,QAAQ;AACV,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAI,UAAU;AACZ,SAAK,aAAa,QAAQ,SAAS;AACnC,SAAK,aAAa,SAAS,SAAS;AACpC,SAAK,aAAa,QAAQ,SAAS;AACnC,SAAK,aAAa,WAAW,SAAS,YAAY,CAAA;AAClD,SAAK,KAAK,UAAU,KAAK,YAAY;AAAA,EACvC;AAAA,EAEA,QAAQ;AACN,SAAK,aAAa,QAAQ;AAC1B,SAAK,aAAa,SAAS;AAC3B,SAAK,aAAa,QAAQ;AAC1B,SAAK,aAAa,WAAW,CAAA;AAC7B,SAAK,KAAK,UAAU,KAAK,YAAY;AAAA,EACvC;AAAA,EAEA,QAAQ,QAAQ;AACd,QAAI,QAAQ;AACV,WAAK,aAAa,QAAQ,OAAO;AACjC,WAAK,aAAa,SAAS,OAAO;AAClC,WAAK,aAAa,QAAQ,OAAO;AACjC,WAAK,aAAa,WAAW,OAAO,YAAY,CAAA;AAAA,IAClD;AAAA,EACF;AAAA,EAEA,kBAAkB;AAChB,WAAO,CAAC,CAAC,KAAK,aAAa;AAAA,EAC7B;AAAA,EAEA,cAAc;AACZ,WAAO,KAAK,aAAa;AAAA,EAC3B;AAAA,EAEA,YAAY;AACV,WAAO,KAAK,aAAa;AAAA,EAC3B;AAAA,EAEA,SAAS,UAAU;AACjB,SAAK,UAAU,KAAK,QAAQ;AAAA,EAC9B;AAAA,EAEA,KAAK,OAAO,MAAM;AAChB,SAAK,UAAU,QAAQ,QAAM,GAAG,OAAO,IAAI,CAAC;AAAA,EAC9C;AACF;"}

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

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const Popup = require("../../../../../components/Popup/Popup.vue.cjs");
-const _hoisted_1 = { class: "mn-b-medium" };
-const _hoisted_2 = { class: "flex-nowrap flex-justify-end flex gap-thin" };
-const _hoisted_3 = ["onClick"];
-const _sfc_main = {
-  __name: "AlertDialog",
-  props: {
-    alertState: { type: Object, required: true },
-    handleAction: { type: Function, required: true },
-    closeAlert: { type: Function, required: true }
-  },
-  setup(__props) {
-    const props = __props;
-    const { alertState } = vue.toRefs(props);
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(Popup.default, {
-        title: vue.unref(alertState).title,
-        isPopupOpen: vue.unref(alertState).visible,
-        onClosePopup: __props.closeAlert,
-        class: "bg-white w-min-20r w-max-30r w-max-100 radius-medium pd-medium"
-      }, {
-        default: vue.withCtx(() => [
-          vue.createElementVNode("p", _hoisted_1, vue.toDisplayString(vue.unref(alertState).message), 1),
-          vue.createElementVNode("footer", _hoisted_2, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(alertState).actions, (action, index) => {
-              return vue.openBlock(), vue.createElementBlock("button", {
-                key: index,
-                onClick: ($event) => __props.handleAction(action),
-                class: "button pd-small radius-medium bg-main"
-              }, vue.toDisplayString(action.label), 9, _hoisted_3);
-            }), 128))
-          ])
-        ]),
-        _: 1
-      }, 8, ["title", "isPopupOpen", "onClosePopup"]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=AlertDialog.vue.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AlertDialog.vue.cjs","sources":["../../../../../../../../src/modules/core/views/components/blocks/AlertDialog.vue"],"sourcesContent":["<template>\n  <Popup \n    :title=\"alertState.title\" \n    :isPopupOpen=\"alertState.visible\"\n    @close-popup=\"closeAlert\" \n    class=\"bg-white w-min-20r w-max-30r w-max-100 radius-medium pd-medium\"\n  >\n    <p class=\"mn-b-medium\">{{ alertState.message }}</p>\n\n    <footer class=\"flex-nowrap flex-justify-end flex gap-thin\">\n      <button\n        v-for=\"(action, index) in alertState.actions\"\n        :key=\"index\"\n        @click=\"handleAction(action)\"\n        class=\"button pd-small radius-medium bg-main\"\n      >\n        {{ action.label }}\n      </button>\n    </footer>\n\n  </Popup>\n</template>\n\n<script setup>\nimport { toRefs } from 'vue'\nimport Popup from \"@martyrs/src/components/Popup/Popup.vue\";\n\nconst props = defineProps({\n  alertState: { type: Object, required: true },\n  handleAction: { type: Function, required: true },\n  closeAlert: { type: Function, required: true }\n})\n\nconst { alertState } = toRefs(props)\n</script>"],"names":["toRefs"],"mappings":";;;;;;;;;;;;;;;AA2BA,UAAM,QAAQ;AAMd,UAAM,EAAE,WAAU,IAAKA,IAAAA,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/core/views/components/blocks/BlockMultiselect.vue.cjs

@@ -1,308 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const Feed = require("../../../../../components/Feed/Feed.vue.cjs");
-const BlockSearch = require("./BlockSearch.vue.cjs");
-const Card = require("./Card.vue.cjs");
-const clickOutside = require("../../../../../components/FieldPhone/click-outside.cjs");
-;/* empty css                        */
-const _pluginVue_exportHelper = require("../../../../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _hoisted_1 = { class: "pos-relative" };
-const _hoisted_2 = {
-  key: 0,
-  class: "mn-b-thin"
-};
-const _hoisted_3 = {
-  key: 1,
-  class: "flex flex-wrap gap-thin mn-b-thin"
-};
-const _hoisted_4 = ["onClick"];
-const _hoisted_5 = ["onClick"];
-const _hoisted_6 = {
-  key: 1,
-  class: "pd-thin text-center text-muted"
-};
-const _sfc_main = {
-  __name: "BlockMultiselect",
-  props: {
-    // Model value - single item or array of items
-    modelValue: {
-      type: [Object, Array],
-      default: null
-    },
-    // Mode
-    multiple: {
-      type: Boolean,
-      default: false
-    },
-    // Search
-    placeholder: {
-      type: String,
-      default: "Search..."
-    },
-    showOnFocus: {
-      type: Boolean,
-      default: false
-    },
-    // Allow selecting already selected items in search
-    allowReselect: {
-      type: Boolean,
-      default: false
-    },
-    // Transform function to modify item before saving
-    transform: {
-      type: Function,
-      default: null
-    },
-    // Feed configuration
-    store: {
-      type: Object,
-      required: true
-    },
-    options: {
-      type: Object,
-      default: () => ({})
-    },
-    states: {
-      type: Object,
-      default: () => ({
-        empty: {
-          title: "No items found",
-          description: "Try different search terms"
-        }
-      })
-    },
-    skeleton: {
-      type: Object,
-      default: () => ({
-        hide: false,
-        horizontal: true,
-        structure: [
-          { block: "text", size: "large" }
-        ]
-      })
-    },
-    // Item configuration
-    key: {
-      type: [String, Function],
-      default: "_id"
-    },
-    label: {
-      type: [String, Function],
-      default: "name"
-    },
-    // Card fields mapping
-    labels: {
-      type: Object,
-      default: () => ({
-        photo: "profile.photo",
-        title: "profile.name",
-        subtitle: "profile.description"
-      })
-    },
-    // Styling
-    classSearch: {
-      type: String,
-      default: "bg-white"
-    },
-    classSelected: {
-      type: String,
-      default: "bg-white pd-thin radius-medium"
-    },
-    classDropdown: {
-      type: String,
-      default: "bg-light pd-small radius-small"
-    },
-    classItem: {
-      type: String,
-      default: "bg-white pd-thin radius-medium mn-b-thin"
-    },
-    classFeed: {
-      type: String,
-      default: "h-max-20r o-scroll"
-    }
-  },
-  emits: ["update:modelValue", "select", "remove", "clear"],
-  setup(__props, { emit: __emit }) {
-    const vClickOutside = clickOutside.default;
-    const props = __props;
-    const emit = __emit;
-    const searchQuery = vue.ref("");
-    const showDropdown = vue.ref(false);
-    const single = vue.computed(() => !props.multiple);
-    const getItemKey = (item) => {
-      if (!item) return null;
-      if (typeof props.key === "function") {
-        return props.key(item);
-      }
-      return item[props.key] || item._id || null;
-    };
-    const getItemLabel = (item) => {
-      if (!item) return "";
-      if (typeof props.label === "function") {
-        return props.label(item);
-      }
-      return item[props.label] || "";
-    };
-    const getCardField = (item, fieldType) => {
-      const path = props.labels[fieldType];
-      if (!path) return null;
-      return path.split(".").reduce((obj, key) => obj?.[key], item);
-    };
-    const transformItem = (item) => {
-      if (props.transform && typeof props.transform === "function") {
-        return props.transform(item);
-      }
-      return item;
-    };
-    const isItemSelected = (item) => {
-      if (!item) return false;
-      const itemKey = getItemKey(item);
-      if (props.multiple) {
-        if (!props.modelValue || !Array.isArray(props.modelValue)) return false;
-        return props.modelValue.some((selectedItem) => {
-          if (!selectedItem) return false;
-          const selectedKey = getItemKey(selectedItem);
-          return selectedKey === itemKey;
-        });
-      } else {
-        if (!props.modelValue) return false;
-        const selectedKey = getItemKey(props.modelValue);
-        return selectedKey === itemKey;
-      }
-    };
-    const filteredItems = (items) => {
-      if (!items) return [];
-      const validItems = items.filter((item) => item != null);
-      if (searchQuery.value && props.allowReselect) {
-        return validItems;
-      }
-      if (searchQuery.value) {
-        return validItems;
-      }
-      return validItems.filter((item) => !isItemSelected(item));
-    };
-    const selectItem = (item) => {
-      if (isItemSelected(item) && !props.allowReselect) {
-        return;
-      }
-      const transformedItem = transformItem(item);
-      if (props.multiple) {
-        if (isItemSelected(item)) {
-          return;
-        }
-        const newValue = props.modelValue ? [...props.modelValue, transformedItem] : [transformedItem];
-        emit("update:modelValue", newValue);
-      } else {
-        emit("update:modelValue", transformedItem);
-        closeDropdown();
-      }
-      emit("select", transformedItem);
-      searchQuery.value = "";
-    };
-    const removeItem = (index) => {
-      if (!props.multiple || !props.modelValue) return;
-      const newValue = [...props.modelValue];
-      const removed = newValue.splice(index, 1)[0];
-      emit("update:modelValue", newValue);
-      emit("remove", removed);
-    };
-    const clearSelection = () => {
-      emit("update:modelValue", props.multiple ? [] : null);
-      emit("clear");
-      searchQuery.value = "";
-    };
-    const closeDropdown = () => {
-      showDropdown.value = false;
-    };
-    vue.watch(searchQuery, (val) => {
-      showDropdown.value = true;
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        single.value && __props.modelValue ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-          vue.createElementVNode("div", {
-            onClick: clearSelection,
-            class: vue.normalizeClass(["cursor-pointer", __props.classSelected])
-          }, [
-            vue.renderSlot(_ctx.$slots, "selected", {
-              item: __props.modelValue,
-              clear: clearSelection
-            }, () => [
-              vue.createTextVNode(vue.toDisplayString(getItemLabel(__props.modelValue)), 1)
-            ], true)
-          ], 2)
-        ])) : vue.createCommentVNode("", true),
-        __props.multiple && __props.modelValue?.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.modelValue, (item, index) => {
-            return vue.openBlock(), vue.createElementBlock("div", {
-              key: getItemKey(item),
-              onClick: () => removeItem(index),
-              class: vue.normalizeClass(["cursor-pointer", __props.classSelected])
-            }, [
-              vue.renderSlot(_ctx.$slots, "selected", {
-                item,
-                clear: () => removeItem(index)
-              }, () => [
-                vue.createTextVNode(vue.toDisplayString(getItemLabel(item)), 1)
-              ], true)
-            ], 10, _hoisted_4);
-          }), 128))
-        ])) : vue.createCommentVNode("", true),
-        vue.withDirectives(vue.createVNode(BlockSearch.default, {
-          modelValue: searchQuery.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
-          placeholder: __props.placeholder,
-          class: vue.normalizeClass(__props.classSearch),
-          onFocus: _cache[1] || (_cache[1] = ($event) => showDropdown.value = true)
-        }, null, 8, ["modelValue", "placeholder", "class"]), [
-          [vue.unref(vClickOutside), closeDropdown]
-        ]),
-        showDropdown.value && (searchQuery.value || __props.showOnFocus) ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 2,
-          class: vue.normalizeClass(["mn-t-thin pos-absolute w-100 pos-t-100 pos-l-0 z-index-3", __props.classDropdown])
-        }, [
-          vue.createVNode(Feed.default, {
-            states: __props.states,
-            store: __props.store,
-            skeleton: __props.skeleton,
-            options: {
-              ...__props.options,
-              search: searchQuery.value
-            },
-            showLoadMore: false,
-            class: vue.normalizeClass(__props.classFeed)
-          }, {
-            default: vue.withCtx(({ items }) => [
-              filteredItems(items).length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(filteredItems(items), (item) => {
-                return vue.openBlock(), vue.createElementBlock("div", {
-                  key: getItemKey(item),
-                  onClick: ($event) => selectItem(item),
-                  class: vue.normalizeClass(["cursor-pointer", [
-                    __props.classItem,
-                    isItemSelected(item) ? "opacity-50" : ""
-                  ]])
-                }, [
-                  vue.renderSlot(_ctx.$slots, "item", {
-                    item,
-                    selected: isItemSelected(item)
-                  }, () => [
-                    vue.createVNode(Card.default, {
-                      photo: getCardField(item, "photo"),
-                      title: getCardField(item, "title"),
-                      subtitle: getCardField(item, "subtitle")
-                    }, null, 8, ["photo", "title", "subtitle"])
-                  ], true)
-                ], 10, _hoisted_5);
-              }), 128)) : items?.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, " Все найденные элементы уже выбраны ")) : vue.createCommentVNode("", true)
-            ]),
-            _: 3
-          }, 8, ["states", "store", "skeleton", "options", "class"])
-        ], 2)) : vue.createCommentVNode("", true)
-      ]);
-    };
-  }
-};
-const BlockMultiselect = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-a5eb77c9"]]);
-exports.default = BlockMultiselect;
-//# sourceMappingURL=BlockMultiselect.vue.cjs.map

package/dist/martyrs/src/modules/core/views/components/blocks/BlockMultiselect.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockMultiselect.vue.cjs","sources":["../../../../../../../../src/modules/core/views/components/blocks/BlockMultiselect.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative\">\n    <!-- Single selected item -->\n    <div\n      v-if=\"single && modelValue\"\n      class=\"mn-b-thin\"\n    >\n      <div\n        @click=\"clearSelection\"\n        class=\"cursor-pointer\"\n        :class=\"classSelected\"\n      >\n        <slot \n          name=\"selected\" \n          :item=\"modelValue\"\n          :clear=\"clearSelection\"\n        >\n          {{ getItemLabel(modelValue) }}\n        </slot>\n      </div>\n    </div>\n\n    <!-- Multiple selected items -->\n    <div \n      v-if=\"multiple && modelValue?.length > 0\"\n      class=\"flex flex-wrap gap-thin mn-b-thin\"\n    >\n      <div\n        v-for=\"(item, index) in modelValue\"\n        :key=\"getItemKey(item)\"\n        @click=\"() => removeItem(index)\"\n        class=\"cursor-pointer\"\n        :class=\"classSelected\"\n      >\n        <slot \n          name=\"selected\" \n          :item=\"item\"\n          :clear=\"() => removeItem(index)\"\n        >\n          {{ getItemLabel(item) }}\n        </slot>\n      </div>\n    </div>\n\n    <!-- Search always visible -->\n    <BlockSearch \n      v-click-outside=\"closeDropdown\" \n      v-model=\"searchQuery\"\n      :placeholder=\"placeholder\"\n      :class=\"classSearch\"\n      @focus=\"showDropdown = true\"\n    />\n    \n    <!-- Dropdown -->\n    <div \n      v-if=\"showDropdown && (searchQuery || showOnFocus)\" \n      class=\"mn-t-thin pos-absolute w-100 pos-t-100 pos-l-0 z-index-3\"\n      :class=\"classDropdown\"\n    >\n      <Feed\n        :states=\"states\"\n        :store=\"store\"\n        :skeleton=\"skeleton\"\n        :options=\"{\n          ...options,\n          search: searchQuery\n        }\"\n        :showLoadMore=\"false\"\n        v-slot=\"{ items }\"\n        :class=\"classFeed\"\n      >\n        <!-- Показываем все результаты если есть поиск, иначе фильтруем -->\n        <template v-if=\"filteredItems(items).length > 0\">\n          <div\n            v-for=\"item in filteredItems(items)\"\n            :key=\"getItemKey(item)\"\n            @click=\"selectItem(item)\"\n            class=\"cursor-pointer\"\n            :class=\"[\n              classItem,\n              isItemSelected(item) ? 'opacity-50' : ''\n            ]\"\n          >\n            <slot \n              name=\"item\" \n              :item=\"item\"\n              :selected=\"isItemSelected(item)\"\n            >\n              <Card\n                :photo=\"getCardField(item, 'photo')\"\n                :title=\"getCardField(item, 'title')\"\n                :subtitle=\"getCardField(item, 'subtitle')\"\n              />\n            </slot>\n          </div>\n        </template>\n        <!-- Если все результаты отфильтрованы, показываем сообщение -->\n        <div v-else-if=\"items?.length > 0\" class=\"pd-thin text-center text-muted\">\n          Все найденные элементы уже выбраны\n        </div>\n      </Feed>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue'\nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\nimport BlockSearch from '@martyrs/src/modules/core/views/components/blocks/BlockSearch.vue'\nimport Card from '@martyrs/src/modules/core/views/components/blocks/Card.vue'\nimport clickOutside from '@martyrs/src/components/FieldPhone/click-outside.js'\n\n// Directives\nconst vClickOutside = clickOutside\n\n// Props\nconst props = defineProps({\n  // Model value - single item or array of items\n  modelValue: {\n    type: [Object, Array],\n    default: null\n  },\n  // Mode\n  multiple: {\n    type: Boolean,\n    default: false\n  },\n  // Search\n  placeholder: {\n    type: String,\n    default: 'Search...'\n  },\n  showOnFocus: {\n    type: Boolean,\n    default: false\n  },\n  // Allow selecting already selected items in search\n  allowReselect: {\n    type: Boolean,\n    default: false\n  },\n  // Transform function to modify item before saving\n  transform: {\n    type: Function,\n    default: null\n  },\n  // Feed configuration\n  store: {\n    type: Object,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({})\n  },\n  states: {\n    type: Object,\n    default: () => ({\n      empty: {\n        title: 'No items found',\n        description: 'Try different search terms'\n      }\n    })\n  },\n  skeleton: {\n    type: Object,\n    default: () => ({\n      hide: false,\n      horizontal: true,\n      structure: [\n        { block: 'text', size: 'large' }\n      ]\n    })\n  },\n  // Item configuration\n  key: {\n    type: [String, Function],\n    default: '_id'\n  },\n  label: {\n    type: [String, Function],\n    default: 'name'\n  },\n  // Card fields mapping\n  labels: {\n    type: Object,\n    default: () => ({\n      photo: 'profile.photo',\n      title: 'profile.name',\n      subtitle: 'profile.description'\n    })\n  },\n  // Styling\n  classSearch: {\n    type: String,\n    default: 'bg-white'\n  },\n  classSelected: {\n    type: String,\n    default: 'bg-white pd-thin radius-medium'\n  },\n  classDropdown: {\n    type: String,\n    default: 'bg-light pd-small radius-small'\n  },\n  classItem: {\n    type: String,\n    default: 'bg-white pd-thin radius-medium mn-b-thin'\n  },\n  classFeed: {\n    type: String,\n    default: 'h-max-20r o-scroll'\n  }\n})\n\n// Emits\nconst emit = defineEmits(['update:modelValue', 'select', 'remove', 'clear'])\n\n// State\nconst searchQuery = ref('')\nconst showDropdown = ref(false)\n\n// Computed\nconst single = computed(() => !props.multiple)\n\n// Methods\nconst getItemKey = (item) => {\n  if (!item) return null\n\n  if (typeof props.key === 'function') {\n    return props.key(item)\n  }\n  // Убедитесь, что item[props.key] существует\n  return item[props.key] || item._id || null\n}\n\nconst getItemLabel = (item) => {\n  if (!item) return ''\n  if (typeof props.label === 'function') {\n    return props.label(item)\n  }\n  return item[props.label] || ''\n}\n\n// Get nested field value from item using dot notation\nconst getCardField = (item, fieldType) => {\n  const path = props.labels[fieldType]\n  if (!path) return null\n  \n  return path.split('.').reduce((obj, key) => obj?.[key], item)\n}\n\n// Transform item if transform function is provided\nconst transformItem = (item) => {\n  if (props.transform && typeof props.transform === 'function') {\n    return props.transform(item)\n  }\n  return item\n}\n\n// Check if item is already selected\nconst isItemSelected = (item) => {\n  if (!item) return false\n    \n  const itemKey = getItemKey(item)\n  \n  if (props.multiple) {\n    // Для множественного выбора\n    if (!props.modelValue || !Array.isArray(props.modelValue)) return false\n    \n    return props.modelValue.some(selectedItem => {\n      if (!selectedItem) return false\n      const selectedKey = getItemKey(selectedItem)\n      return selectedKey === itemKey\n    })\n  } else {\n    // Для одиночного выбора\n    if (!props.modelValue) return false\n    const selectedKey = getItemKey(props.modelValue)\n    return selectedKey === itemKey\n  }\n}\n\n// Filter items - более гибкая логика\nconst filteredItems = (items) => {\n  if (!items) return []\n  \n  // Фильтруем undefined элементы\n  const validItems = items.filter(item => item != null)\n  \n  // Если есть активный поиск и allowReselect = true, показываем все результаты\n  if (searchQuery.value && props.allowReselect) {\n    return validItems\n  }\n  \n  // Если есть активный поиск, показываем все результаты, но помечаем выбранные\n  if (searchQuery.value) {\n    return validItems\n  }\n  \n  // Если нет поиска, исключаем уже выбранные элементы\n  return validItems.filter(item => !isItemSelected(item))\n}\n\nconst selectItem = (item) => {\n  // Проверяем, не выбран ли уже этот элемент\n  if (isItemSelected(item) && !props.allowReselect) {\n    return\n  }\n  \n  // Трансформируем элемент перед добавлением\n  const transformedItem = transformItem(item)\n  \n  if (props.multiple) {\n    // Если элемент уже выбран и allowReselect = false, не добавляем его снова\n    if (isItemSelected(item)) {\n      return\n    }\n    const newValue = props.modelValue ? [...props.modelValue, transformedItem] : [transformedItem]\n    emit('update:modelValue', newValue)\n  } else {\n    emit('update:modelValue', transformedItem)\n    closeDropdown()\n  }\n  emit('select', transformedItem)\n  searchQuery.value = ''\n}\n\nconst removeItem = (index) => {\n  if (!props.multiple || !props.modelValue) return\n  \n  const newValue = [...props.modelValue]\n  const removed = newValue.splice(index, 1)[0]\n  emit('update:modelValue', newValue)\n  emit('remove', removed)\n}\n\nconst clearSelection = () => {\n  emit('update:modelValue', props.multiple ? [] : null)\n  emit('clear')\n  searchQuery.value = ''\n}\n\nconst closeDropdown = () => {\n  showDropdown.value = false\n}\n\n// Reset dropdown when search changes\nwatch(searchQuery, (val) => {\n  showDropdown.value = true\n})\n</script>\n\n<style scoped>\n.opacity-50 {\n  opacity: 0.5;\n}\n.text-center {\n  text-align: center;\n}\n.text-muted {\n  color: #6c757d;\n}\n</style>"],"names":["clickOutside","ref","computed","watch"],"mappings":"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"}

package/dist/martyrs/src/modules/core/views/components/blocks/BlockSearch.vue.cjs

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const IconSearch = require("../../../../icons/navigation/IconSearch.vue.cjs");
-const Field = require("../../../../../components/Field/Field.vue.cjs");
-const _sfc_main = {
-  __name: "BlockSearch",
-  props: {
-    modelValue: {
-      type: String,
-      default: ""
-    },
-    placeholder: {
-      type: String,
-      default: "Enter shop or product name"
-    },
-    autofocus: {
-      type: Boolean,
-      default: false
-    },
-    button: {
-      type: String,
-      default: "Search"
-    }
-  },
-  emits: ["search", "update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    const props = __props;
-    const stateSearch = vue.ref(props.modelValue);
-    vue.watch(() => props.modelValue, (newVal) => {
-      stateSearch.value = newVal;
-    });
-    const updateSearch = (search) => {
-      stateSearch.value = search;
-      emits("update:modelValue", search);
-      emits("search", search);
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(Field.default, {
-        field: stateSearch.value,
-        "onUpdate:field": [
-          _cache[0] || (_cache[0] = ($event) => stateSearch.value = $event),
-          updateSearch
-        ],
-        placeholder: __props.placeholder,
-        autofocus: __props.autofocus,
-        class: "flex-v-center flex-nowrap flex pd-small bg-light w-100 radius-medium w-100"
-      }, {
-        icon: vue.withCtx(() => [
-          vue.createVNode(IconSearch.default, { class: "i-medium t-transp mn-r-thin" })
-        ]),
-        _: 1
-      }, 8, ["field", "placeholder", "autofocus"]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=BlockSearch.vue.cjs.map

package/dist/martyrs/src/modules/core/views/components/blocks/BlockSearch.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockSearch.vue.cjs","sources":["../../../../../../../../src/modules/core/views/components/blocks/BlockSearch.vue"],"sourcesContent":["<script setup>\nimport { ref, watch } from 'vue';\nimport IconSearch from '@martyrs/src/modules/icons/navigation/IconSearch.vue';\nimport Field from '@martyrs/src/components/Field/Field.vue';\nconst emits = defineEmits(['search', 'update:modelValue']);\nconst props = defineProps({\n  modelValue: {\n    type: String,\n    default: ''\n  },\n  placeholder: {\n    type: String,\n    default: 'Enter shop or product name'\n  },\n  autofocus: {\n    type: Boolean,\n    default: false\n  },\n  button: {\n    type: String,\n    default: 'Search'\n  },\n});\nconst stateSearch = ref(props.modelValue);\n// Обновлять поле при изменении modelValue извне\nwatch(() => props.modelValue, (newVal) => {\n  stateSearch.value = newVal;\n});\n// Когда пользователь вводит новое значение\nconst updateSearch = (search) => {\n  stateSearch.value = search;\n  emits('update:modelValue', search); // уведомим родителя\n  emits('search', search);            // при необходимости\n};\n</script>\n<template>\n\n<Field\n  v-model:field=\"stateSearch\"\n  :placeholder=\"placeholder\"\n  :autofocus=\"autofocus\"\n  class=\"flex-v-center flex-nowrap flex pd-small bg-light w-100 radius-medium w-100\"\n  @update:field=\"updateSearch\"\n>\n  <template #icon>\n    <IconSearch class=\"i-medium t-transp mn-r-thin\" />\n  </template>\n</Field>\n\n</template>"],"names":["ref","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,UAAM,QAAQ;AACd,UAAM,QAAQ;AAkBd,UAAM,cAAcA,IAAAA,IAAI,MAAM,UAAU;AAExCC,QAAAA,MAAM,MAAM,MAAM,YAAY,CAAC,WAAW;AACxC,kBAAY,QAAQ;AAAA,IACtB,CAAC;AAED,UAAM,eAAe,CAAC,WAAW;AAC/B,kBAAY,QAAQ;AACpB,YAAM,qBAAqB,MAAM;AACjC,YAAM,UAAU,MAAM;AAAA,IACxB;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/core/views/components/blocks/BlockSorting.vue.cjs

@@ -1,84 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const Radio = require("../../../../../components/Radio/Radio.vue.cjs");
-const IconSort = require("../../../../icons/navigation/IconSort.vue.cjs");
-const _hoisted_1 = { class: "w-100 o-hidden" };
-const _hoisted_2 = { class: "mn-b-thin" };
-const _hoisted_3 = { class: "w-100 flex-nowrap flex gap-micro" };
-const _sfc_main = {
-  __name: "BlockSorting",
-  props: /* @__PURE__ */ vue.mergeModels({
-    title: {
-      type: String,
-      default: "Sorting Options"
-    },
-    options: {
-      type: Array,
-      default: [{
-        label: "Date",
-        value: "createdAt"
-      }, {
-        label: "Popularity",
-        value: "popularity"
-      }, {
-        label: "Creator",
-        value: "creator"
-      }]
-    }
-  }, {
-    "param": {},
-    "paramModifiers": {},
-    "order": {},
-    "orderModifiers": {}
-  }),
-  emits: ["update:param", "update:order"],
-  setup(__props) {
-    const param = vue.useModel(__props, "param");
-    const order = vue.useModel(__props, "order");
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("h4", _hoisted_2, vue.toDisplayString(__props.title), 1),
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (option) => {
-          return vue.openBlock(), vue.createBlock(Radio.default, {
-            radio: param.value,
-            "onUpdate:radio": _cache[0] || (_cache[0] = ($event) => param.value = $event),
-            label: option.label,
-            value: option.value,
-            class: "w-100 mn-b-thin"
-          }, null, 8, ["radio", "label", "value"]);
-        }), 256)),
-        vue.createElementVNode("div", _hoisted_3, [
-          vue.createElementVNode("button", {
-            onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => order.value = "asc", ["stop"])),
-            class: vue.normalizeClass([{
-              "bg-white t-black": order.value === "asc"
-            }, "radius-semi flex-center w-100 uppercase p-small flex-nowrap flex gap-thin pd-thin br-solid br-1px br-grey-transp-25 w-100"])
-          }, [
-            vue.createVNode(IconSort.default, {
-              order: "asc",
-              fill: order.value === "asc" ? "rgb(var(--black))" : "rgb(var(--white))",
-              class: "i-small"
-            }, null, 8, ["fill"]),
-            _cache[3] || (_cache[3] = vue.createTextVNode(" Ascending "))
-          ], 2),
-          vue.createElementVNode("button", {
-            onClick: _cache[2] || (_cache[2] = vue.withModifiers(() => order.value = "desc", ["stop"])),
-            class: vue.normalizeClass([{
-              "bg-white t-black": order.value === "desc"
-            }, "radius-semi flex-center w-100 uppercase p-small flex-nowrap flex gap-thin pd-thin br-solid br-1px br-grey-transp-25 w-100"])
-          }, [
-            vue.createVNode(IconSort.default, {
-              order: "desc",
-              fill: order.value === "desc" ? "rgb(var(--black))" : "rgb(var(--white))",
-              class: "i-small"
-            }, null, 8, ["fill"]),
-            _cache[4] || (_cache[4] = vue.createTextVNode(" Descending "))
-          ], 2)
-        ])
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=BlockSorting.vue.cjs.map

package/dist/martyrs/src/modules/core/views/components/blocks/BlockSorting.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockSorting.vue.cjs","sources":["../../../../../../../../src/modules/core/views/components/blocks/BlockSorting.vue"],"sourcesContent":["<script setup>\nimport { ref } from 'vue';\n\nimport Radio from \"@martyrs/src/components/Radio/Radio.vue\";\n\nimport ButtonSort  from '@martyrs/src/modules/core/views/components/elements/ButtonSort.vue'\nimport IconSort from '@martyrs/src/modules/icons/navigation/IconSort.vue'\n\nconst props = defineProps({\n  title: {\n    type: String,\n    default: 'Sorting Options'\n  },\n  options: {\n    type: Array,\n    default: [{\n      label: 'Date',\n      value: 'createdAt'\n    },{\n      label: 'Popularity',\n      value: 'popularity'\n    },{\n      label: 'Creator',\n      value: 'creator'\n    }]\n  }\n});\n\nconst param = defineModel('param')\nconst order = defineModel('order')\n</script>\n\n<template>\n  <div class=\"w-100 o-hidden\">\n    <h4 class=\"mn-b-thin\">{{title}}</h4>\n\n    <Radio \n      v-for=\"option in options\"\n      v-model:radio=\"param\"\n      :label=\"option.label\"\n      :value=\"option.value\"\n      class=\"w-100 mn-b-thin\"\n    />\n\n    <div class=\"w-100 flex-nowrap flex gap-micro\">\n      <button \n        @click.stop=\"() => order = 'asc'\"\n        :class=\"{\n          'bg-white t-black': order === 'asc'\n        }\"\n        class=\"radius-semi flex-center w-100 uppercase p-small flex-nowrap flex gap-thin pd-thin br-solid br-1px br-grey-transp-25 w-100\"\n      >\n        <IconSort\n          :order=\"'asc'\"\n          :fill=\"order === 'asc' ? 'rgb(var(--black))' : 'rgb(var(--white))'\"\n          class=\"i-small\"\n        />\n        Ascending\n      </button>\n\n      <button \n        @click.stop=\"() => order = 'desc'\"\n        :class=\"{\n          'bg-white t-black': order === 'desc'\n        }\"\n        class=\"radius-semi flex-center w-100 uppercase p-small flex-nowrap flex gap-thin pd-thin br-solid br-1px br-grey-transp-25 w-100\"\n      >\n        <IconSort\n          :order=\"'desc'\"\n          :fill=\"order === 'desc' ? 'rgb(var(--black))' : 'rgb(var(--white))'\"\n          class=\"i-small\"\n        />\n        Descending\n      </button>\n    </div>\n  </div>\n</template>\n"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,UAAM,QAAQA,IAAAA,SAAW,SAAC,OAAO;AACjC,UAAM,QAAQA,IAAAA,SAAW,SAAC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}