@ozdao/martyrs 0.2.488 → 0.2.491

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

@@ -0,0 +1,59 @@
+"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/globals/views/components/blocks/BlockSearch.vue.cjs.map

@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,59 @@
+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";
+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 = ref(props.modelValue);
+    watch(() => props.modelValue, (newVal) => {
+      stateSearch.value = newVal;
+    });
+    const updateSearch = (search) => {
+      stateSearch.value = search;
+      emits("update:modelValue", search);
+      emits("search", search);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Field, {
+        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: withCtx(() => [
+          createVNode(_sfc_main$1, { class: "i-medium t-transp mn-r-thin" })
+        ]),
+        _: 1
+      }, 8, ["field", "placeholder", "autofocus"]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=BlockSearch.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockSearch.vue.js","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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAIA,UAAM,QAAQ;AACd,UAAM,QAAQ;AAkBd,UAAM,cAAc,IAAI,MAAM,UAAU;AAExC,UAAM,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/BlockSorting.vue.cjs

@@ -0,0 +1,84 @@
+"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/globals/views/components/blocks/BlockSorting.vue.cjs.map

@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,84 @@
+import { mergeModels, useModel, createElementBlock, openBlock, createElementVNode, toDisplayString, Fragment, renderList, createBlock, normalizeClass, withModifiers, createVNode, createTextVNode } from "vue";
+import _sfc_main$1 from "../../../../../components/Radio/Radio.vue.js";
+import _sfc_main$2 from "../../../../icons/navigation/IconSort.vue.js";
+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__ */ 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 = useModel(__props, "param");
+    const order = useModel(__props, "order");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("h4", _hoisted_2, toDisplayString(__props.title), 1),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+          return openBlock(), createBlock(_sfc_main$1, {
+            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)),
+        createElementVNode("div", _hoisted_3, [
+          createElementVNode("button", {
+            onClick: _cache[1] || (_cache[1] = withModifiers(() => order.value = "asc", ["stop"])),
+            class: 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"])
+          }, [
+            createVNode(_sfc_main$2, {
+              order: "asc",
+              fill: order.value === "asc" ? "rgb(var(--black))" : "rgb(var(--white))",
+              class: "i-small"
+            }, null, 8, ["fill"]),
+            _cache[3] || (_cache[3] = createTextVNode(" Ascending "))
+          ], 2),
+          createElementVNode("button", {
+            onClick: _cache[2] || (_cache[2] = withModifiers(() => order.value = "desc", ["stop"])),
+            class: 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"])
+          }, [
+            createVNode(_sfc_main$2, {
+              order: "desc",
+              fill: order.value === "desc" ? "rgb(var(--black))" : "rgb(var(--white))",
+              class: "i-small"
+            }, null, 8, ["fill"]),
+            _cache[4] || (_cache[4] = createTextVNode(" Descending "))
+          ], 2)
+        ])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=BlockSorting.vue.js.map

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

@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,76 @@
+"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 PlaceholderUserpic = require("../../../../icons/placeholders/PlaceholderUserpic.vue.cjs");
+const _hoisted_1 = ["src", "alt"];
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { key: 1 };
+const _sfc_main = {
+  __name: "Card",
+  props: {
+    // Данные
+    photo: String,
+    title: String,
+    subtitle: String,
+    action: Object,
+    // Функционал
+    tag: String,
+    placeholder: [String, Object],
+    loading: Boolean,
+    skeletonStructure: Array
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    vue.useSlots();
+    const handleClick = () => {
+      emit("click");
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.tag || "div"), { onClick: handleClick }, {
+        default: vue.withCtx(() => [
+          __props.loading ? (vue.openBlock(), vue.createBlock(Skeleton.default, {
+            key: 0,
+            structure: __props.skeletonStructure,
+            horizontal: true,
+            loading: true
+          }, null, 8, ["structure"])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+            vue.renderSlot(_ctx.$slots, "image", {}, () => [
+              __props.photo ? (vue.openBlock(), vue.createElementBlock("img", {
+                key: 0,
+                src: (_ctx.FILE_SERVER_URL || "") + __props.photo,
+                alt: __props.title,
+                loading: "lazy"
+              }, null, 8, _hoisted_1)) : __props.placeholder ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.placeholder), { key: 1 })) : (vue.openBlock(), vue.createBlock(PlaceholderUserpic.default, { key: 2 }))
+            ]),
+            vue.createElementVNode("div", null, [
+              vue.renderSlot(_ctx.$slots, "header", {}, () => [
+                __props.title ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2, vue.toDisplayString(__props.title), 1)) : vue.createCommentVNode("", true),
+                __props.subtitle ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(__props.subtitle), 1)) : vue.createCommentVNode("", true)
+              ]),
+              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)
+              ];
+            })
+          ], 64))
+        ]),
+        _: 3
+      });
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Card.vue.cjs.map

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

@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,76 @@
+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 PlaceholderUserpic from "../../../../icons/placeholders/PlaceholderUserpic.vue.js";
+const _hoisted_1 = ["src", "alt"];
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { key: 1 };
+const _sfc_main = {
+  __name: "Card",
+  props: {
+    // Данные
+    photo: String,
+    title: String,
+    subtitle: String,
+    action: Object,
+    // Функционал
+    tag: String,
+    placeholder: [String, Object],
+    loading: Boolean,
+    skeletonStructure: Array
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    useSlots();
+    const handleClick = () => {
+      emit("click");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(__props.tag || "div"), { onClick: handleClick }, {
+        default: withCtx(() => [
+          __props.loading ? (openBlock(), createBlock(Skeleton, {
+            key: 0,
+            structure: __props.skeletonStructure,
+            horizontal: true,
+            loading: true
+          }, null, 8, ["structure"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            renderSlot(_ctx.$slots, "image", {}, () => [
+              __props.photo ? (openBlock(), createElementBlock("img", {
+                key: 0,
+                src: (_ctx.FILE_SERVER_URL || "") + __props.photo,
+                alt: __props.title,
+                loading: "lazy"
+              }, null, 8, _hoisted_1)) : __props.placeholder ? (openBlock(), createBlock(resolveDynamicComponent(__props.placeholder), { key: 1 })) : (openBlock(), createBlock(PlaceholderUserpic, { key: 2 }))
+            ]),
+            createElementVNode("div", null, [
+              renderSlot(_ctx.$slots, "header", {}, () => [
+                __props.title ? (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+                __props.subtitle ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)
+              ]),
+              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)
+              ];
+            })
+          ], 64))
+        ]),
+        _: 3
+      });
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Card.vue.js.map

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

@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}