@ozdao/martyrs 0.2.489 → 0.2.492

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

@@ -3,6 +3,7 @@ import _sfc_main$2 from "../../../../../components/Feed/Feed.vue.js";
 import _sfc_main$1 from "./BlockSearch.vue.js";
 import _sfc_main$3 from "./Card.vue.js";
 import clickOutside from "../../../../../components/FieldPhone/click-outside.js";
+/* empty css                      */
 import _export_sfc from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "pos-relative" };
 const _hoisted_2 = {
@@ -144,7 +145,7 @@ const _sfc_main = {
     const getCardField = (item, fieldType) => {
       const path = props.labels[fieldType];
       if (!path) return null;
-      return path.split(".").reduce((obj, key) => obj == null ? void 0 : obj[key], item);
+      return path.split(".").reduce((obj, key) => obj?.[key], item);
     };
     const transformItem = (item) => {
       if (props.transform && typeof props.transform === "function") {
@@ -216,7 +217,6 @@ const _sfc_main = {
       showDropdown.value = true;
     });
     return (_ctx, _cache) => {
-      var _a;
       return openBlock(), createElementBlock("div", _hoisted_1, [
         single.value && __props.modelValue ? (openBlock(), createElementBlock("div", _hoisted_2, [
           createElementVNode("div", {
@@ -231,7 +231,7 @@ const _sfc_main = {
             ], true)
           ], 2)
         ])) : createCommentVNode("", true),
-        __props.multiple && ((_a = __props.modelValue) == null ? void 0 : _a.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_3, [
+        __props.multiple && __props.modelValue?.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.modelValue, (item, index) => {
             return openBlock(), createElementBlock("div", {
               key: getItemKey(item),
@@ -292,7 +292,7 @@ const _sfc_main = {
                     }, null, 8, ["photo", "title", "subtitle"])
                   ], true)
                 ], 10, _hoisted_5);
-              }), 128)) : (items == null ? void 0 : items.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_6, " Все найденные элементы уже выбраны ")) : createCommentVNode("", true)
+              }), 128)) : items?.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_6, " Все найденные элементы уже выбраны ")) : createCommentVNode("", true)
             ]),
             _: 3
           }, 8, ["states", "store", "skeleton", "options", "class"])

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

@@ -1 +1 @@
-{"version":3,"file":"BlockMultiselect.vue.js","sources":["../../../../../../../../src/modules/globals/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/globals/views/components/blocks/BlockSearch.vue'\nimport Card from '@martyrs/src/modules/globals/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":[],"mappings":"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"}
+{"version":3,"file":"BlockMultiselect.vue.js","sources":["../../../../../../../../src/modules/globals/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/globals/views/components/blocks/BlockSearch.vue'\nimport Card from '@martyrs/src/modules/globals/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":[],"mappings":"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"}

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

@@ -2,7 +2,7 @@
 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 Field = require("../../../../../components/Field/Field.vue2.cjs");
 const _sfc_main = {
   __name: "BlockSearch",
   props: {

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

@@ -1 +1 @@
-{"version":3,"file":"BlockSearch.vue.cjs","sources":["../../../../../../../../src/modules/globals/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,QAAK,MAAC,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;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BlockSearch.vue.cjs","sources":["../../../../../../../../src/modules/globals/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/globals/views/components/blocks/BlockSearch.vue.js

@@ -1,6 +1,6 @@
 import { ref, watch, createBlock, openBlock, withCtx, createVNode } from "vue";
 import _sfc_main$1 from "../../../../icons/navigation/IconSearch.vue.js";
-import Field from "../../../../../components/Field/Field.vue.js";
+import Field from "../../../../../components/Field/Field.vue2.js";
 const _sfc_main = {
   __name: "BlockSearch",
   props: {

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

@@ -1 +1 @@
-{"version":3,"file":"BlockSorting.vue.cjs","sources":["../../../../../../../../src/modules/globals/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/globals/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,SAAY,SAAA,OAAO;AACjC,UAAM,QAAQA,IAAAA,SAAY,SAAA,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BlockSorting.vue.cjs","sources":["../../../../../../../../src/modules/globals/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/globals/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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"BlockSorting.vue.js","sources":["../../../../../../../../src/modules/globals/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/globals/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,SAAY,SAAA,OAAO;AACjC,UAAM,QAAQA,SAAY,SAAA,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BlockSorting.vue.js","sources":["../../../../../../../../src/modules/globals/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/globals/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,SAAW,SAAC,OAAO;AACjC,UAAM,QAAQA,SAAW,SAAC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Skeleton = require("../../../../../components/Skeleton/Skeleton.vue.cjs");
+const Skeleton = require("../../../../../components/Skeleton/Skeleton.vue2.cjs");
 const PlaceholderUserpic = require("../../../../icons/placeholders/PlaceholderUserpic.vue.cjs");
 const _hoisted_1 = ["src", "alt"];
 const _hoisted_2 = { key: 0 };
@@ -52,19 +52,16 @@ const _sfc_main = {
               vue.renderSlot(_ctx.$slots, "default"),
               vue.renderSlot(_ctx.$slots, "footer")
             ]),
-            vue.renderSlot(_ctx.$slots, "actions", {}, () => {
-              var _a;
-              return [
-                __props.action ? (vue.openBlock(), vue.createElementBlock("button", {
-                  key: 0,
-                  onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => __props.action.method && __props.action.method(...args), ["stop"]))
-                }, [
-                  ((_a = __props.action.label) == null ? void 0 : _a.is) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.action.label.is), vue.normalizeProps(vue.mergeProps({ key: 0 }, __props.action.label.props)), null, 16)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                    vue.createTextVNode(vue.toDisplayString(__props.action.label), 1)
-                  ], 64))
-                ])) : vue.createCommentVNode("", true)
-              ];
-            })
+            vue.renderSlot(_ctx.$slots, "actions", {}, () => [
+              __props.action ? (vue.openBlock(), vue.createElementBlock("button", {
+                key: 0,
+                onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => __props.action.method && __props.action.method(...args), ["stop"]))
+              }, [
+                __props.action.label?.is ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.action.label.is), vue.normalizeProps(vue.mergeProps({ key: 0 }, __props.action.label.props)), null, 16)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                  vue.createTextVNode(vue.toDisplayString(__props.action.label), 1)
+                ], 64))
+              ])) : vue.createCommentVNode("", true)
+            ])
           ], 64))
         ]),
         _: 3

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

@@ -1 +1 @@
-{"version":3,"file":"Card.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/blocks/Card.vue"],"sourcesContent":["<template>\n  <component :is=\"tag || 'div'\" @click=\"handleClick\">\n    <!-- Skeleton режим -->\n    <Skeleton\n      v-if=\"loading\"\n      :structure=\"skeletonStructure\"\n      :horizontal=\"true\"\n      :loading=\"true\"\n    />\n    \n    <!-- Обычный режим -->\n    <template v-else>\n      <!-- Изображение -->\n      <slot name=\"image\">\n        <img\n          v-if=\"photo\"\n          :src=\"(FILE_SERVER_URL || '') + photo\"\n          :alt=\"title\"\n          loading=\"lazy\"\n        />\n        <component\n          v-else-if=\"placeholder\"\n          :is=\"placeholder\"\n        />\n        <PlaceholderUserpic v-else />\n      </slot>\n\n      <!-- Контент -->\n      <div>\n        <slot name=\"header\">\n          <p v-if=\"title\">{{ title }}</p>\n          <span v-if=\"subtitle\">{{ subtitle }}</span>\n        </slot>\n        \n        <slot />\n        \n        <slot name=\"footer\" />\n      </div>\n\n      <!-- Действия -->\n      <slot name=\"actions\">\n        <button\n          v-if=\"action\"\n          @click.stop=\"action.method\"\n        >\n          <component \n            v-if=\"action.label?.is\" \n            :is=\"action.label.is\" \n            v-bind=\"action.label.props\"\n          />\n          <template v-else>\n            {{ action.label }}\n          </template>\n        </button>\n      </slot>\n    </template>\n  </component>\n</template>\n\n<script setup>\nimport { useSlots } from 'vue'\nimport Skeleton from '@martyrs/src/components/Skeleton/Skeleton.vue'\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n\nconst props = defineProps({\n  // Данные\n  photo: String,\n  title: String,\n  subtitle: String,\n  action: Object,\n  \n  // Функционал\n  tag: String,\n  placeholder: [String, Object],\n  loading: Boolean,\n  skeletonStructure: Array\n})\n\nconst emit = defineEmits(['click'])\nconst slots = useSlots()\n\nconst handleClick = () => {\n  emit('click')\n}\n</script>"],"names":["useSlots"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA8EA,UAAM,OAAO;AACCA,QAAQ,SAAA;AAEtB,UAAM,cAAc,MAAM;AACxB,WAAK,OAAO;AAAA,IACd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Card.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/blocks/Card.vue"],"sourcesContent":["<template>\n  <component :is=\"tag || 'div'\" @click=\"handleClick\">\n    <!-- Skeleton режим -->\n    <Skeleton\n      v-if=\"loading\"\n      :structure=\"skeletonStructure\"\n      :horizontal=\"true\"\n      :loading=\"true\"\n    />\n    \n    <!-- Обычный режим -->\n    <template v-else>\n      <!-- Изображение -->\n      <slot name=\"image\">\n        <img\n          v-if=\"photo\"\n          :src=\"(FILE_SERVER_URL || '') + photo\"\n          :alt=\"title\"\n          loading=\"lazy\"\n        />\n        <component\n          v-else-if=\"placeholder\"\n          :is=\"placeholder\"\n        />\n        <PlaceholderUserpic v-else />\n      </slot>\n\n      <!-- Контент -->\n      <div>\n        <slot name=\"header\">\n          <p v-if=\"title\">{{ title }}</p>\n          <span v-if=\"subtitle\">{{ subtitle }}</span>\n        </slot>\n        \n        <slot />\n        \n        <slot name=\"footer\" />\n      </div>\n\n      <!-- Действия -->\n      <slot name=\"actions\">\n        <button\n          v-if=\"action\"\n          @click.stop=\"action.method\"\n        >\n          <component \n            v-if=\"action.label?.is\" \n            :is=\"action.label.is\" \n            v-bind=\"action.label.props\"\n          />\n          <template v-else>\n            {{ action.label }}\n          </template>\n        </button>\n      </slot>\n    </template>\n  </component>\n</template>\n\n<script setup>\nimport { useSlots } from 'vue'\nimport Skeleton from '@martyrs/src/components/Skeleton/Skeleton.vue'\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n\nconst props = defineProps({\n  // Данные\n  photo: String,\n  title: String,\n  subtitle: String,\n  action: Object,\n  \n  // Функционал\n  tag: String,\n  placeholder: [String, Object],\n  loading: Boolean,\n  skeletonStructure: Array\n})\n\nconst emit = defineEmits(['click'])\nconst slots = useSlots()\n\nconst handleClick = () => {\n  emit('click')\n}\n</script>"],"names":["useSlots"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA8EA,UAAM,OAAO;AACCA,QAAAA,SAAQ;AAEtB,UAAM,cAAc,MAAM;AACxB,WAAK,OAAO;AAAA,IACd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,5 +1,5 @@
 import { useSlots, createBlock, openBlock, resolveDynamicComponent, withCtx, createElementBlock, Fragment, renderSlot, createElementVNode, createCommentVNode, toDisplayString, withModifiers, normalizeProps, mergeProps, createTextVNode } from "vue";
-import Skeleton from "../../../../../components/Skeleton/Skeleton.vue.js";
+import Skeleton from "../../../../../components/Skeleton/Skeleton.vue2.js";
 import PlaceholderUserpic from "../../../../icons/placeholders/PlaceholderUserpic.vue.js";
 const _hoisted_1 = ["src", "alt"];
 const _hoisted_2 = { key: 0 };
@@ -50,19 +50,16 @@ const _sfc_main = {
               renderSlot(_ctx.$slots, "default"),
               renderSlot(_ctx.$slots, "footer")
             ]),
-            renderSlot(_ctx.$slots, "actions", {}, () => {
-              var _a;
-              return [
-                __props.action ? (openBlock(), createElementBlock("button", {
-                  key: 0,
-                  onClick: _cache[0] || (_cache[0] = withModifiers((...args) => __props.action.method && __props.action.method(...args), ["stop"]))
-                }, [
-                  ((_a = __props.action.label) == null ? void 0 : _a.is) ? (openBlock(), createBlock(resolveDynamicComponent(__props.action.label.is), normalizeProps(mergeProps({ key: 0 }, __props.action.label.props)), null, 16)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                    createTextVNode(toDisplayString(__props.action.label), 1)
-                  ], 64))
-                ])) : createCommentVNode("", true)
-              ];
-            })
+            renderSlot(_ctx.$slots, "actions", {}, () => [
+              __props.action ? (openBlock(), createElementBlock("button", {
+                key: 0,
+                onClick: _cache[0] || (_cache[0] = withModifiers((...args) => __props.action.method && __props.action.method(...args), ["stop"]))
+              }, [
+                __props.action.label?.is ? (openBlock(), createBlock(resolveDynamicComponent(__props.action.label.is), normalizeProps(mergeProps({ key: 0 }, __props.action.label.props)), null, 16)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  createTextVNode(toDisplayString(__props.action.label), 1)
+                ], 64))
+              ])) : createCommentVNode("", true)
+            ])
           ], 64))
         ]),
         _: 3

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

@@ -1 +1 @@
-{"version":3,"file":"Card.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/blocks/Card.vue"],"sourcesContent":["<template>\n  <component :is=\"tag || 'div'\" @click=\"handleClick\">\n    <!-- Skeleton режим -->\n    <Skeleton\n      v-if=\"loading\"\n      :structure=\"skeletonStructure\"\n      :horizontal=\"true\"\n      :loading=\"true\"\n    />\n    \n    <!-- Обычный режим -->\n    <template v-else>\n      <!-- Изображение -->\n      <slot name=\"image\">\n        <img\n          v-if=\"photo\"\n          :src=\"(FILE_SERVER_URL || '') + photo\"\n          :alt=\"title\"\n          loading=\"lazy\"\n        />\n        <component\n          v-else-if=\"placeholder\"\n          :is=\"placeholder\"\n        />\n        <PlaceholderUserpic v-else />\n      </slot>\n\n      <!-- Контент -->\n      <div>\n        <slot name=\"header\">\n          <p v-if=\"title\">{{ title }}</p>\n          <span v-if=\"subtitle\">{{ subtitle }}</span>\n        </slot>\n        \n        <slot />\n        \n        <slot name=\"footer\" />\n      </div>\n\n      <!-- Действия -->\n      <slot name=\"actions\">\n        <button\n          v-if=\"action\"\n          @click.stop=\"action.method\"\n        >\n          <component \n            v-if=\"action.label?.is\" \n            :is=\"action.label.is\" \n            v-bind=\"action.label.props\"\n          />\n          <template v-else>\n            {{ action.label }}\n          </template>\n        </button>\n      </slot>\n    </template>\n  </component>\n</template>\n\n<script setup>\nimport { useSlots } from 'vue'\nimport Skeleton from '@martyrs/src/components/Skeleton/Skeleton.vue'\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n\nconst props = defineProps({\n  // Данные\n  photo: String,\n  title: String,\n  subtitle: String,\n  action: Object,\n  \n  // Функционал\n  tag: String,\n  placeholder: [String, Object],\n  loading: Boolean,\n  skeletonStructure: Array\n})\n\nconst emit = defineEmits(['click'])\nconst slots = useSlots()\n\nconst handleClick = () => {\n  emit('click')\n}\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8EA,UAAM,OAAO;AACC,aAAQ;AAEtB,UAAM,cAAc,MAAM;AACxB,WAAK,OAAO;AAAA,IACd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Card.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/blocks/Card.vue"],"sourcesContent":["<template>\n  <component :is=\"tag || 'div'\" @click=\"handleClick\">\n    <!-- Skeleton режим -->\n    <Skeleton\n      v-if=\"loading\"\n      :structure=\"skeletonStructure\"\n      :horizontal=\"true\"\n      :loading=\"true\"\n    />\n    \n    <!-- Обычный режим -->\n    <template v-else>\n      <!-- Изображение -->\n      <slot name=\"image\">\n        <img\n          v-if=\"photo\"\n          :src=\"(FILE_SERVER_URL || '') + photo\"\n          :alt=\"title\"\n          loading=\"lazy\"\n        />\n        <component\n          v-else-if=\"placeholder\"\n          :is=\"placeholder\"\n        />\n        <PlaceholderUserpic v-else />\n      </slot>\n\n      <!-- Контент -->\n      <div>\n        <slot name=\"header\">\n          <p v-if=\"title\">{{ title }}</p>\n          <span v-if=\"subtitle\">{{ subtitle }}</span>\n        </slot>\n        \n        <slot />\n        \n        <slot name=\"footer\" />\n      </div>\n\n      <!-- Действия -->\n      <slot name=\"actions\">\n        <button\n          v-if=\"action\"\n          @click.stop=\"action.method\"\n        >\n          <component \n            v-if=\"action.label?.is\" \n            :is=\"action.label.is\" \n            v-bind=\"action.label.props\"\n          />\n          <template v-else>\n            {{ action.label }}\n          </template>\n        </button>\n      </slot>\n    </template>\n  </component>\n</template>\n\n<script setup>\nimport { useSlots } from 'vue'\nimport Skeleton from '@martyrs/src/components/Skeleton/Skeleton.vue'\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n\nconst props = defineProps({\n  // Данные\n  photo: String,\n  title: String,\n  subtitle: String,\n  action: Object,\n  \n  // Функционал\n  tag: String,\n  placeholder: [String, Object],\n  loading: Boolean,\n  skeletonStructure: Array\n})\n\nconst emit = defineEmits(['click'])\nconst slots = useSlots()\n\nconst handleClick = () => {\n  emit('click')\n}\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8EA,UAAM,OAAO;AACC,aAAQ;AAEtB,UAAM,cAAc,MAAM;AACxB,WAAK,OAAO;AAAA,IACd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -9,7 +9,7 @@ const PlaceholderOrganizationPic = require("../../../../icons/placeholders/Place
 const IconEllipsis = require("../../../../icons/navigation/IconEllipsis.vue.cjs");
 const FormReport = require("../../../../reports/components/sections/FormReport.vue.cjs");
 ;/* empty css                                            */
-;/* empty css                                            */
+;/* empty css                                             */
 require("../../../../auth/views/store/auth.cjs");
 require("../../../../organizations/store/memberships.cjs");
 const PhotoStack = require("../elements/PhotoStack.vue.cjs");
@@ -74,12 +74,11 @@ const _sfc_main = {
       }
     }
     return (_ctx, _cache) => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
       const _component_router_link = vue.resolveComponent("router-link");
       return __props.owner ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_1, [
         vue.createElementVNode("div", _hoisted_2, [
           vue.createElementVNode("div", _hoisted_3, [
-            ((_c = (_b = (_a = __props.owner.target) == null ? void 0 : _a.profile) == null ? void 0 : _b.photo) == null ? void 0 : _c.length) > 0 && __props.type !== "short" ? (vue.openBlock(), vue.createElementBlock("img", {
+            __props.owner.target?.profile?.photo?.length > 0 && __props.type !== "short" ? (vue.openBlock(), vue.createElementBlock("img", {
               key: 0,
               loading: "lazy",
               src: (_ctx.FILE_SERVER_URL || "") + __props.owner.target.profile.photo,
@@ -91,7 +90,7 @@ const _sfc_main = {
                 }
               }), ["stop"]))
             }, null, 8, _hoisted_4)) : vue.createCommentVNode("", true),
-            !((_e = (_d = __props.owner.target) == null ? void 0 : _d.profile) == null ? void 0 : _e.photo) && __props.type !== "short" ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.owner.type === "user" ? PlaceholderUserpic.default : PlaceholderOrganizationPic.default), {
+            !__props.owner.target?.profile?.photo && __props.type !== "short" ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.owner.type === "user" ? PlaceholderUserpic.default : PlaceholderOrganizationPic.default), {
               key: 1,
               class: "radius-medium flex-child-default cursor-pointer i-thin",
               onClick: _cache[1] || (_cache[1] = vue.withModifiers(($event) => _ctx.$router.push({
@@ -110,22 +109,19 @@ const _sfc_main = {
                   }
                 }), ["stop"])),
                 class: "cursor-pointer w-max t-trim"
-              }, vue.toDisplayString(((_g = (_f = __props.owner.target) == null ? void 0 : _f.profile) == null ? void 0 : _g.name) || ((_h = __props.creator.target) == null ? void 0 : _h.username) || "Anonymous"), 1),
-              !__props.creator.hidden && ((_j = (_i = __props.owner.target) == null ? void 0 : _i.profile) == null ? void 0 : _j.name) !== ((_l = (_k = __props.creator.target) == null ? void 0 : _k.profile) == null ? void 0 : _l.name) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, "·")) : vue.createCommentVNode("", true),
-              !__props.creator.hidden && ((_n = (_m = __props.owner.target) == null ? void 0 : _m.profile) == null ? void 0 : _n.name) !== ((_p = (_o = __props.creator.target) == null ? void 0 : _o.profile) == null ? void 0 : _p.name) ? (vue.openBlock(), vue.createElementBlock("span", {
+              }, vue.toDisplayString(__props.owner.target?.profile?.name || __props.creator.target?.username || "Anonymous"), 1),
+              !__props.creator.hidden && __props.owner.target?.profile?.name !== __props.creator.target?.profile?.name ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, "·")) : vue.createCommentVNode("", true),
+              !__props.creator.hidden && __props.owner.target?.profile?.name !== __props.creator.target?.profile?.name ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 1,
-                onClick: _cache[3] || (_cache[3] = vue.withModifiers(($event) => {
-                  var _a2;
-                  return _ctx.$router.push({
-                    name: "User Profile",
-                    params: {
-                      _id: (_a2 = __props.creator.target) == null ? void 0 : _a2._id
-                    }
-                  });
-                }, ["stop"])),
+                onClick: _cache[3] || (_cache[3] = vue.withModifiers(($event) => _ctx.$router.push({
+                  name: "User Profile",
+                  params: {
+                    _id: __props.creator.target?._id
+                  }
+                }), ["stop"])),
                 class: "cursor-pointer w-max t-trim"
               }, [
-                vue.createElementVNode("div", null, "by " + vue.toDisplayString(((_r = (_q = __props.creator.target) == null ? void 0 : _q.profile) == null ? void 0 : _r.name) || ((_s = __props.creator.target) == null ? void 0 : _s.username) || "Anonymous"), 1)
+                vue.createElementVNode("div", null, "by " + vue.toDisplayString(__props.creator.target?.profile?.name || __props.creator.target?.username || "Anonymous"), 1)
               ])) : vue.createCommentVNode("", true),
               __props.date ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, "·")) : vue.createCommentVNode("", true),
               __props.date ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8, [
@@ -149,51 +145,48 @@ const _sfc_main = {
                 photos: __props.membersPhotos
               }, null, 8, ["number", "photos"])) : vue.createCommentVNode("", true)
             ]),
-            __props.type !== "short" && __props.user && (__props.user !== ((_t = __props.creator.target) == null ? void 0 : _t._id) || __props.actions && __props.actions.length > 0) ? (vue.openBlock(), vue.createBlock(Dropdown.default, {
+            __props.type !== "short" && __props.user && (__props.user !== __props.creator.target?._id || __props.actions && __props.actions.length > 0) ? (vue.openBlock(), vue.createBlock(Dropdown.default, {
               key: 3,
               label: { component: IconEllipsis.default, class: "t-transp i-regular" },
               align: "right",
               class: "cursor-pointer z-index-2"
             }, {
-              default: vue.withCtx(() => {
-                var _a2;
-                return [
-                  vue.createElementVNode("section", _hoisted_12, [
-                    __props.user !== ((_a2 = __props.creator.target) == null ? void 0 : _a2._id) ? (vue.openBlock(), vue.createBlock(FormReport.default, {
-                      key: 0,
-                      user: __props.user,
-                      type: __props.entityType,
-                      target: __props.entity._id,
-                      text: "Report",
-                      class: "w-100"
-                    }, {
-                      default: vue.withCtx(() => _cache[4] || (_cache[4] = [
-                        vue.createElementVNode("button", { class: "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button" }, " Report ", -1)
-                      ])),
-                      _: 1
-                    }, 8, ["user", "type", "target"])) : vue.createCommentVNode("", true),
-                    __props.actions && __props.actions.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(__props.actions, (action) => {
-                      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-                        action.to ? (vue.openBlock(), vue.createBlock(_component_router_link, {
-                          key: action.to,
-                          to: action.to,
-                          class: vue.normalizeClass(action.class || "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button")
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createTextVNode(vue.toDisplayString(action.label), 1)
-                          ]),
-                          _: 2
-                        }, 1032, ["to", "class"])) : vue.createCommentVNode("", true),
-                        action.method ? (vue.openBlock(), vue.createElementBlock("button", {
-                          key: 1,
-                          onClick: action.method,
-                          class: vue.normalizeClass(action.class || "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button")
-                        }, vue.toDisplayString(action.label), 11, _hoisted_13)) : vue.createCommentVNode("", true)
-                      ], 64);
-                    }), 256)) : vue.createCommentVNode("", true)
-                  ])
-                ];
-              }),
+              default: vue.withCtx(() => [
+                vue.createElementVNode("section", _hoisted_12, [
+                  __props.user !== __props.creator.target?._id ? (vue.openBlock(), vue.createBlock(FormReport.default, {
+                    key: 0,
+                    user: __props.user,
+                    type: __props.entityType,
+                    target: __props.entity._id,
+                    text: "Report",
+                    class: "w-100"
+                  }, {
+                    default: vue.withCtx(() => _cache[4] || (_cache[4] = [
+                      vue.createElementVNode("button", { class: "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button" }, " Report ", -1)
+                    ])),
+                    _: 1
+                  }, 8, ["user", "type", "target"])) : vue.createCommentVNode("", true),
+                  __props.actions && __props.actions.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(__props.actions, (action) => {
+                    return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+                      action.to ? (vue.openBlock(), vue.createBlock(_component_router_link, {
+                        key: action.to,
+                        to: action.to,
+                        class: vue.normalizeClass(action.class || "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button")
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(vue.toDisplayString(action.label), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["to", "class"])) : vue.createCommentVNode("", true),
+                      action.method ? (vue.openBlock(), vue.createElementBlock("button", {
+                        key: 1,
+                        onClick: action.method,
+                        class: vue.normalizeClass(action.class || "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button")
+                      }, vue.toDisplayString(action.label), 11, _hoisted_13)) : vue.createCommentVNode("", true)
+                    ], 64);
+                  }), 256)) : vue.createCommentVNode("", true)
+                ])
+              ]),
               _: 1
             }, 8, ["label"])) : vue.createCommentVNode("", true)
           ])

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

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/blocks/CardHeader.vue"],"sourcesContent":["<template>\n\t<header \n\t\tv-if=\"owner\" \n\t\tclass=\"pd-b-zero \"\n\t>\n\t\t<div \n\t\t\tclass=\"w-100 flex-v-center flex-nojustify flex\"\n\t\t>\n\n\t\t\t<div\n\t\t\t\tclass=\"w-100 gap-thin p-medium t-nowrap flex-nowrap flex-v-center flex\"\n\t\t\t>\n\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\tv-if=\"owner.target?.profile?.photo?.length > 0 && type !== 'short'\" \n\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + owner.target.profile.photo\" \n\t\t\t\t\tclass=\"radius-medium bg-white flex-child-default object-fit-cover i-thin\" \n\n\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\tname: owner.type === 'user' ? 'User Profile' : 'Organization', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: owner.target._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t/>\n\t\t\t\t<component\n\t\t\t\t\tv-if=\"!owner.target?.profile?.photo && type !== 'short'\"\n\t\t\t\t\t:is=\"owner.type === 'user' ? PlaceholderUserpic : PlaceholderOrganizationPic\"\n\t\t\t\t\tclass=\"radius-medium flex-child-default cursor-pointer i-thin\"\n\n\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\tname: owner.type === 'user' ? 'User Profile' : 'Organization', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: owner.target._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t/>\n\n\t\t\t\t<div \n\t\t\t\t\tv-if=\"type !== 'short'\"\n\t\t\t\t\tclass=\"gap-thin  flex flex-nowrap t-medium w-100 pos-relative\"\n\t\t\t\t>\n\t\t\t\t\t<span \n\t\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\t\tname: owner.type === 'user' ? 'User Profile' : 'Organization', \n\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t_id: owner.target._id\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\" \n\t\t\t\t\t\tclass=\"cursor-pointer w-max t-trim\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{owner.target?.profile?.name || creator.target?.username || 'Anonymous'}}\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span v-if=\"!creator.hidden && owner.target?.profile?.name !== creator.target?.profile?.name\">·</span> \n\n\t\t\t\t\t<span\n\t\t\t\t\t\tv-if=\"!creator.hidden && owner.target?.profile?.name !== creator.target?.profile?.name\"\n\t\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\t\tname: 'User Profile', \n\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t_id: creator.target?._id\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\" \n\t\t\t\t\t\tclass=\"cursor-pointer w-max t-trim\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div>by {{creator.target?.profile?.name || creator.target?.username || 'Anonymous'}}</div>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span v-if=\"date\">·</span> \n\n\t\t\t\t\t<span v-if=\"date\" class=\"pos-relative w-max\">\n\t\t\t\t\t\t<Tooltip v-if=\"date\" :text=\"formatDate(date)\">\n\t\t\t\t\t \t\t{{getTimeElapsed(date)}}\n\t\t\t\t\t \t</Tooltip>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span v-if=\"dateFormatted\">·</span>\n\n\t\t\t\t\t<span v-if=\"dateFormatted\"> {{dateFormatted}}</span>\n\t\t\t\t</div>\n\t\t\t\t\n\n\t\t\t\t<!-- Participaters avatar -->\n\t\t\t\t<div class=\"d-block mn-l-auto flex-nowrap flex flex-v-center\">\n\t\t\t\t\t<PhotoStack\n\t\t\t\t\t\tv-if=\"members\"\n\t\t\t\t\t\t:number=\"members\"\n\t\t\t    \t:photos=\"membersPhotos\" \n\t\t\t    />\n\t\t\t\t</div>\n\n\t\t\t\t<!-- Report -->\n\t\t\t\t<Dropdown \n\t\t\t\t\tv-if=\"type !== 'short' && user && (user !== creator.target?._id || (actions && actions.length > 0))\"\n\t\t\t\t\t:label=\"{ component: IconEllipsis, class: 't-transp i-regular' }\"\n\t\t\t\t\t:align=\"'right'\"\n\t\t\t\t\tclass=\"cursor-pointer z-index-2\"\n\t\t\t\t>\n\t\t\t\t\t<section \n\t\t\t\t\t\tclass=\"bg-black flex-column flex gap-thin pd-thin radius-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FormReport \n\t\t\t\t\t\t\tv-if=\"user !== creator.target?._id\"\n\t\t\t\t\t\t\t:user=\"user\"\n\t\t\t\t\t\t\t:type=\"entityType\" \n\t\t\t\t\t\t\t:target=\"entity._id\" \n\t\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\tclass=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t\t<template  \n\t\t\t        v-for=\"action in actions\"   \n\t\t\t        v-if=\"actions && actions.length > 0\"\n\t\t\t      >\n\t\t\t        <router-link\n\t\t\t          v-if=\"action.to\"\n\t\t\t          :key=\"action.to\"\n\t\t\t          :to=\"action.to\"\n\t\t\t          :class=\"action.class || 'w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button'\"\n\t\t\t        >\n\t\t\t          {{ action.label }}\n\t\t\t        </router-link>\n\n\t\t\t        <button\n\t\t\t          v-if=\"action.method\"\n\t\t\t          @click=\"action.method\"\n\t\t\t          :class=\"action.class || 'w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button'\"\n\t\t\t        >\n\t\t\t          {{ action.label }}\n\t\t\t        </button>\n\t\t\t      </template>\n\t\t\t\t\t</section>\n\t\t    </Dropdown>\t\n\t\t\t</div>\n\t\t</div>\n\t</header>\n</template>\n\n\n<script setup=\"props\">\n\timport { computed,ref } from 'vue'\n\n\timport { useRouter } from 'vue-router'\n\n\timport Tooltip from '@martyrs/src/components/Tooltip/Tooltip.vue'\n\timport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\n\n\timport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n\timport PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\timport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'\n\n\timport FormReport from '@martyrs/src/modules/reports/components/sections/FormReport.vue'   \n\timport ButtonToggleMembership from '@martyrs/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n\n\timport PhotoStack from \"@martyrs/src/modules/globals/views/components/elements/PhotoStack.vue\"\n\n\n\tconst props = defineProps([\n\t\t'user',\n\t\t'entity',\n\t\t'entityType',\n\t\t'date',\n\t\t'dateFormatted',\n\t\t'owner',\n\t\t'creator',\n\t\t'members',\n\t\t'membersPhotos',\n\t\t'type',\n\t\t'actions'\n\t])\n\n\tconst router = useRouter()\n\n\tfunction getTimeElapsed(timestamp) {\n\t  const now = new Date();\n\t  const createdAt = new Date(timestamp);\n\t  const timeDiff = Math.abs(now - createdAt);\n\t  const seconds = Math.floor(timeDiff / 1000);\n\t  const minutes = Math.floor(seconds / 60);\n\t  const hours = Math.floor(minutes / 60);\n\t  const days = Math.floor(hours / 24);\n\t  const weeks = Math.floor(days / 7);\n\t  \n\t  if (weeks > 0) {\n\t    return `${weeks} week${weeks > 1 ? 's' : ''} ago`;\n\t  } else if (days > 0) {\n\t    return `${days} day${days > 1 ? 's' : ''} ago`;\n\t  } else if (hours > 0) {\n\t    return `${hours} hour${hours > 1 ? 's' : ''} ago`;\n\t  } else if (minutes > 0) {\n\t    return `${minutes} minute${minutes > 1 ? 's' : ''} ago`;\n\t  } else {\n\t    return 'Just now';\n\t  }\n\t}\n\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":["useRouter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiLgBA,cAAS,UAAA;AAExB,aAAS,eAAe,WAAW;AACjC,YAAM,MAAM,oBAAI,KAAM;AACtB,YAAM,YAAY,IAAI,KAAK,SAAS;AACpC,YAAM,WAAW,KAAK,IAAI,MAAM,SAAS;AACzC,YAAM,UAAU,KAAK,MAAM,WAAW,GAAI;AAC1C,YAAM,UAAU,KAAK,MAAM,UAAU,EAAE;AACvC,YAAM,QAAQ,KAAK,MAAM,UAAU,EAAE;AACrC,YAAM,OAAO,KAAK,MAAM,QAAQ,EAAE;AAClC,YAAM,QAAQ,KAAK,MAAM,OAAO,CAAC;AAEjC,UAAI,QAAQ,GAAG;AACb,eAAO,GAAG,KAAK,QAAQ,QAAQ,IAAI,MAAM,EAAE;AAAA,MAChD,WAAc,OAAO,GAAG;AACnB,eAAO,GAAG,IAAI,OAAO,OAAO,IAAI,MAAM,EAAE;AAAA,MAC7C,WAAc,QAAQ,GAAG;AACpB,eAAO,GAAG,KAAK,QAAQ,QAAQ,IAAI,MAAM,EAAE;AAAA,MAChD,WAAc,UAAU,GAAG;AACtB,eAAO,GAAG,OAAO,UAAU,UAAU,IAAI,MAAM,EAAE;AAAA,MACtD,OAAU;AACL,eAAO;AAAA,MACZ;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardHeader.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/blocks/CardHeader.vue"],"sourcesContent":["<template>\n\t<header \n\t\tv-if=\"owner\" \n\t\tclass=\"pd-b-zero \"\n\t>\n\t\t<div \n\t\t\tclass=\"w-100 flex-v-center flex-nojustify flex\"\n\t\t>\n\n\t\t\t<div\n\t\t\t\tclass=\"w-100 gap-thin p-medium t-nowrap flex-nowrap flex-v-center flex\"\n\t\t\t>\n\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\tv-if=\"owner.target?.profile?.photo?.length > 0 && type !== 'short'\" \n\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + owner.target.profile.photo\" \n\t\t\t\t\tclass=\"radius-medium bg-white flex-child-default object-fit-cover i-thin\" \n\n\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\tname: owner.type === 'user' ? 'User Profile' : 'Organization', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: owner.target._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t/>\n\t\t\t\t<component\n\t\t\t\t\tv-if=\"!owner.target?.profile?.photo && type !== 'short'\"\n\t\t\t\t\t:is=\"owner.type === 'user' ? PlaceholderUserpic : PlaceholderOrganizationPic\"\n\t\t\t\t\tclass=\"radius-medium flex-child-default cursor-pointer i-thin\"\n\n\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\tname: owner.type === 'user' ? 'User Profile' : 'Organization', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: owner.target._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t/>\n\n\t\t\t\t<div \n\t\t\t\t\tv-if=\"type !== 'short'\"\n\t\t\t\t\tclass=\"gap-thin  flex flex-nowrap t-medium w-100 pos-relative\"\n\t\t\t\t>\n\t\t\t\t\t<span \n\t\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\t\tname: owner.type === 'user' ? 'User Profile' : 'Organization', \n\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t_id: owner.target._id\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\" \n\t\t\t\t\t\tclass=\"cursor-pointer w-max t-trim\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{owner.target?.profile?.name || creator.target?.username || 'Anonymous'}}\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span v-if=\"!creator.hidden && owner.target?.profile?.name !== creator.target?.profile?.name\">·</span> \n\n\t\t\t\t\t<span\n\t\t\t\t\t\tv-if=\"!creator.hidden && owner.target?.profile?.name !== creator.target?.profile?.name\"\n\t\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\t\tname: 'User Profile', \n\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t_id: creator.target?._id\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\" \n\t\t\t\t\t\tclass=\"cursor-pointer w-max t-trim\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div>by {{creator.target?.profile?.name || creator.target?.username || 'Anonymous'}}</div>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span v-if=\"date\">·</span> \n\n\t\t\t\t\t<span v-if=\"date\" class=\"pos-relative w-max\">\n\t\t\t\t\t\t<Tooltip v-if=\"date\" :text=\"formatDate(date)\">\n\t\t\t\t\t \t\t{{getTimeElapsed(date)}}\n\t\t\t\t\t \t</Tooltip>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span v-if=\"dateFormatted\">·</span>\n\n\t\t\t\t\t<span v-if=\"dateFormatted\"> {{dateFormatted}}</span>\n\t\t\t\t</div>\n\t\t\t\t\n\n\t\t\t\t<!-- Participaters avatar -->\n\t\t\t\t<div class=\"d-block mn-l-auto flex-nowrap flex flex-v-center\">\n\t\t\t\t\t<PhotoStack\n\t\t\t\t\t\tv-if=\"members\"\n\t\t\t\t\t\t:number=\"members\"\n\t\t\t    \t:photos=\"membersPhotos\" \n\t\t\t    />\n\t\t\t\t</div>\n\n\t\t\t\t<!-- Report -->\n\t\t\t\t<Dropdown \n\t\t\t\t\tv-if=\"type !== 'short' && user && (user !== creator.target?._id || (actions && actions.length > 0))\"\n\t\t\t\t\t:label=\"{ component: IconEllipsis, class: 't-transp i-regular' }\"\n\t\t\t\t\t:align=\"'right'\"\n\t\t\t\t\tclass=\"cursor-pointer z-index-2\"\n\t\t\t\t>\n\t\t\t\t\t<section \n\t\t\t\t\t\tclass=\"bg-black flex-column flex gap-thin pd-thin radius-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FormReport \n\t\t\t\t\t\t\tv-if=\"user !== creator.target?._id\"\n\t\t\t\t\t\t\t:user=\"user\"\n\t\t\t\t\t\t\t:type=\"entityType\" \n\t\t\t\t\t\t\t:target=\"entity._id\" \n\t\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\tclass=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t\t<template  \n\t\t\t        v-for=\"action in actions\"   \n\t\t\t        v-if=\"actions && actions.length > 0\"\n\t\t\t      >\n\t\t\t        <router-link\n\t\t\t          v-if=\"action.to\"\n\t\t\t          :key=\"action.to\"\n\t\t\t          :to=\"action.to\"\n\t\t\t          :class=\"action.class || 'w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button'\"\n\t\t\t        >\n\t\t\t          {{ action.label }}\n\t\t\t        </router-link>\n\n\t\t\t        <button\n\t\t\t          v-if=\"action.method\"\n\t\t\t          @click=\"action.method\"\n\t\t\t          :class=\"action.class || 'w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button'\"\n\t\t\t        >\n\t\t\t          {{ action.label }}\n\t\t\t        </button>\n\t\t\t      </template>\n\t\t\t\t\t</section>\n\t\t    </Dropdown>\t\n\t\t\t</div>\n\t\t</div>\n\t</header>\n</template>\n\n\n<script setup=\"props\">\n\timport { computed,ref } from 'vue'\n\n\timport { useRouter } from 'vue-router'\n\n\timport Tooltip from '@martyrs/src/components/Tooltip/Tooltip.vue'\n\timport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\n\n\timport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n\timport PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\timport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'\n\n\timport FormReport from '@martyrs/src/modules/reports/components/sections/FormReport.vue'   \n\timport ButtonToggleMembership from '@martyrs/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n\n\timport PhotoStack from \"@martyrs/src/modules/globals/views/components/elements/PhotoStack.vue\"\n\n\n\tconst props = defineProps([\n\t\t'user',\n\t\t'entity',\n\t\t'entityType',\n\t\t'date',\n\t\t'dateFormatted',\n\t\t'owner',\n\t\t'creator',\n\t\t'members',\n\t\t'membersPhotos',\n\t\t'type',\n\t\t'actions'\n\t])\n\n\tconst router = useRouter()\n\n\tfunction getTimeElapsed(timestamp) {\n\t  const now = new Date();\n\t  const createdAt = new Date(timestamp);\n\t  const timeDiff = Math.abs(now - createdAt);\n\t  const seconds = Math.floor(timeDiff / 1000);\n\t  const minutes = Math.floor(seconds / 60);\n\t  const hours = Math.floor(minutes / 60);\n\t  const days = Math.floor(hours / 24);\n\t  const weeks = Math.floor(days / 7);\n\t  \n\t  if (weeks > 0) {\n\t    return `${weeks} week${weeks > 1 ? 's' : ''} ago`;\n\t  } else if (days > 0) {\n\t    return `${days} day${days > 1 ? 's' : ''} ago`;\n\t  } else if (hours > 0) {\n\t    return `${hours} hour${hours > 1 ? 's' : ''} ago`;\n\t  } else if (minutes > 0) {\n\t    return `${minutes} minute${minutes > 1 ? 's' : ''} ago`;\n\t  } else {\n\t    return 'Just now';\n\t  }\n\t}\n\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":["useRouter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiLgBA,cAAAA,UAAS;AAExB,aAAS,eAAe,WAAW;AACjC,YAAM,MAAM,oBAAI,KAAI;AACpB,YAAM,YAAY,IAAI,KAAK,SAAS;AACpC,YAAM,WAAW,KAAK,IAAI,MAAM,SAAS;AACzC,YAAM,UAAU,KAAK,MAAM,WAAW,GAAI;AAC1C,YAAM,UAAU,KAAK,MAAM,UAAU,EAAE;AACvC,YAAM,QAAQ,KAAK,MAAM,UAAU,EAAE;AACrC,YAAM,OAAO,KAAK,MAAM,QAAQ,EAAE;AAClC,YAAM,QAAQ,KAAK,MAAM,OAAO,CAAC;AAEjC,UAAI,QAAQ,GAAG;AACb,eAAO,GAAG,KAAK,QAAQ,QAAQ,IAAI,MAAM,EAAE;AAAA,MAC7C,WAAW,OAAO,GAAG;AACnB,eAAO,GAAG,IAAI,OAAO,OAAO,IAAI,MAAM,EAAE;AAAA,MAC1C,WAAW,QAAQ,GAAG;AACpB,eAAO,GAAG,KAAK,QAAQ,QAAQ,IAAI,MAAM,EAAE;AAAA,MAC7C,WAAW,UAAU,GAAG;AACtB,eAAO,GAAG,OAAO,UAAU,UAAU,IAAI,MAAM,EAAE;AAAA,MACnD,OAAO;AACL,eAAO;AAAA,MACT;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}