@ozdao/martyrs 0.2.550 → 0.2.552

package/dist/martyrs/src/components/Status/Snack.vue.cjs

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const vueI18n = require("vue-i18n");
-const IconInfo = require("../../modules/icons/navigation/IconInfo.vue.cjs");
-const IconCross = require("../../modules/icons/navigation/IconCross.vue.cjs");
-;/* empty css             */
-const _hoisted_1 = {
-  key: 0,
-  class: "snack-wrapper"
-};
-const _hoisted_2 = { class: "w-100" };
-const _sfc_main = {
-  __name: "Snack",
-  props: {
-    type: {
-      type: String,
-      default: "notification",
-      validator: (v) => ["error", "success", "alert", "notification"].includes(v)
-    },
-    message: String,
-    show: Boolean
-  },
-  emits: ["close"],
-  setup(__props) {
-    const { t, te } = vueI18n.useI18n({ useScope: "global" });
-    const props = __props;
-    const snackClass = vue.computed(() => ({
-      "bg-red": props.type === "error",
-      "bg-green": props.type === "success",
-      "bg-fourth": props.type === "alert",
-      "bg-second": props.type === "notification"
-    }));
-    const iconComponent = vue.computed(() => {
-      const icons = {
-        error: IconCross.default,
-        success: IconInfo.default,
-        alert: IconInfo.default,
-        notification: IconInfo.default
-      };
-      return icons[props.type] || IconInfo.default;
-    });
-    return (_ctx, _cache) => {
-      return __props.show ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(["flex-nowrap flex-v-center flex radius-small pd-small t-white", snackClass.value]),
-          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
-        }, [
-          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(iconComponent.value), {
-            fill: "rgb(var(--white))",
-            class: "t-transp i-medium mn-r-thin z-index-5"
-          })),
-          vue.createElementVNode("p", _hoisted_2, vue.toDisplayString(vue.unref(te)(`core.snacks.${__props.message}`) ? vue.unref(t)(`core.snacks.${__props.message}`) : __props.message), 1)
-        ], 2)
-      ])) : vue.createCommentVNode("", true);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=Snack.vue.cjs.map

package/dist/martyrs/src/components/Status/Snack.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Snack.vue.cjs","sources":["../../../../../src/components/Status/Snack.vue"],"sourcesContent":["<template>\n  <div class=\"snack-wrapper\" v-if=\"show\">\n    <div \n      class=\"flex-nowrap flex-v-center flex radius-small pd-small t-white\"\n      :class=\"snackClass\"\n        @click=\"$emit('close')\" \n    >\n      <component \n        :is=\"iconComponent\" \n        fill=\"rgb(var(--white))\" \n        class=\"t-transp i-medium mn-r-thin z-index-5\"\n      />\n      <p class=\"w-100\">\n        {{ te(`core.snacks.${message}`) ? t(`core.snacks.${message}`) : message }}\n      </p>\n      <!-- <IconCross \n        @click=\"$emit('close')\" \n        class=\"cursor-pointer hover-scale-1 i-medium z-index-5\"\n      /> -->\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\n\nimport IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconSuccess from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconAlert from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\n\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue'\n\nconst { t, te } = useI18n({ useScope: 'global' })\n\nconst props = defineProps({\n  type: {\n    type: String,\n    default: 'notification',\n    validator: (v) => ['error', 'success', 'alert', 'notification'].includes(v)\n  },\n  message: String,\n  show: Boolean\n})\n\ndefineEmits(['close'])\n\nconst snackClass = computed(() => ({\n  'bg-red': props.type === 'error',\n  'bg-green': props.type === 'success', \n  'bg-fourth': props.type === 'alert',\n  'bg-second': props.type === 'notification'\n}))\n\nconst iconComponent = computed(() => {\n  const icons = {\n    error: IconCross,\n    success: IconSuccess,\n    alert: IconAlert,\n    notification: IconInfo\n  }\n  return icons[props.type] || IconInfo\n})\n</script>\n\n<style lang=\"scss\">\n.snack-wrapper {\n  position: fixed;\n  bottom: var(--gap);\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 1000;\n  animation: slideUp 0.3s ease-out;\n}\n\n@keyframes slideUp {\n  from {\n    transform: translateX(-50%) translateY(100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateX(-50%) translateY(0);\n    opacity: 1;\n  }\n}\n</style>"],"names":["useI18n","computed","IconCross","IconSuccess","IconAlert","IconInfo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,UAAM,EAAE,GAAG,GAAE,IAAKA,QAAAA,QAAQ,EAAE,UAAU,SAAQ,CAAE;AAEhD,UAAM,QAAQ;AAYd,UAAM,aAAaC,IAAAA,SAAS,OAAO;AAAA,MACjC,UAAU,MAAM,SAAS;AAAA,MACzB,YAAY,MAAM,SAAS;AAAA,MAC3B,aAAa,MAAM,SAAS;AAAA,MAC5B,aAAa,MAAM,SAAS;AAAA,IAC9B,EAAE;AAEF,UAAM,gBAAgBA,IAAAA,SAAS,MAAM;AACnC,YAAM,QAAQ;AAAA,QACZ,OAAOC,UAAAA;AAAAA,QACP,SAASC,SAAAA;AAAAA,QACT,OAAOC,SAAAA;AAAAA,QACP,cAAcC,SAAAA;AAAAA,MAClB;AACE,aAAO,MAAM,MAAM,IAAI,KAAKA,SAAAA;AAAAA,IAC9B,CAAC;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Status/Status.vue.cjs

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const vueI18n = require("vue-i18n");
-const IconInfo = require("../../modules/icons/navigation/IconInfo.vue.cjs");
-const IconCross = require("../../modules/icons/navigation/IconCross.vue.cjs");
-;/* empty css              */
-const _hoisted_1 = { class: "pd-small error-wrapper" };
-const _hoisted_2 = { class: "flex-nowrap flex-v-center flex radius-small pd-small t-white bg-fourth" };
-const _hoisted_3 = { class: "w-100" };
-const _sfc_main = {
-  __name: "Status",
-  props: {
-    status: String,
-    message: String,
-    show: Boolean,
-    data: Object
-  },
-  emits: "close",
-  setup(__props, { emit: __emit }) {
-    const { t, te } = vueI18n.useI18n({
-      useScope: "global"
-    });
-    const emits = __emit;
-    function closeError() {
-      emits("close");
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", _hoisted_2, [
-          vue.createVNode(IconInfo.default, {
-            fill: "rgb(var(--white))",
-            class: "t-transp i-medium mn-r-thin z-index-5"
-          }),
-          vue.createElementVNode("p", _hoisted_3, vue.toDisplayString(vue.unref(te)(`core.errors.${__props.data.message}`) ? vue.unref(t)(`core.errors.${__props.data.message}`) : __props.data.message), 1),
-          vue.createVNode(IconCross.default, {
-            onClick: _cache[0] || (_cache[0] = ($event) => closeError()),
-            class: "cursor-pointer hover-scale-1 i-medium z-index-5"
-          })
-        ])
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=Status.vue.cjs.map

package/dist/martyrs/src/components/Status/Status.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Status.vue.cjs","sources":["../../../../../src/components/Status/Status.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-small error-wrapper\">\n\t\t<div class=\"\n\t\t\tflex-nowrap flex-v-center flex\n\t\t\tradius-small\n\t\t\tpd-small\n\t\t\tt-white \n\t\t\tbg-fourth\n\t\t\">\n\t\t\t<IconInfo fill=\"rgb(var(--white))\" class=\"t-transp i-medium mn-r-thin z-index-5\"/>\n\t\t\t<p class=\"w-100\">\n\t\t\t\t{{te(`core.errors.${data.message}`) ? t(`core.errors.${data.message}`) : data.message}}\n\t\t\t</p>\n\t\t\t<IconCross @click=\"closeError()\"  class=\"cursor-pointer hover-scale-1 i-medium z-index-5\"/>\n\t\t</div>\n\t</div>\n</template>\n\n\n<script setup=\"props\">\n\timport { computed } from 'vue'\n\timport { useI18n } from 'vue-i18n'\n\n\timport IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue';\n\timport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\n\tconst { t, te } = useI18n({\n\t\tuseScope: 'global',\n\t})\n\n\tconst emits = defineEmits('close')\n\tconst props = defineProps({\n\t  status: String,\n\t  message: String,\n\t  show: Boolean,\n\t  data: Object\n\t})\n\n\tfunction closeError () {\n\t\temits('close')\n\t} \n</script>\n\n<style lang=\"scss\">\n\t.error-wrapper {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tright: 0;\n\t}\n</style>\n\n\n"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0BC,UAAM,EAAE,GAAG,GAAE,IAAKA,gBAAQ;AAAA,MACzB,UAAU;AAAA,IACZ,CAAE;AAED,UAAM,QAAQ;AAQd,aAAS,aAAc;AACtB,YAAM,OAAO;AAAA,IACd;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Tab/Tab.vue.cjs

@@ -1,74 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const mixins = require("../../modules/core/views/mixins/mixins.cjs");
-;/* empty css           */
-const _hoisted_1 = { class: "flex-nowrap flex-v-center flex pos-relative" };
-const _hoisted_2 = ["onClick"];
-const _sfc_main = {
-  __name: "Tab",
-  props: {
-    tabs: Array,
-    classTab: String,
-    selected: [String, Number],
-    modelValue: [String, Number],
-    callback: Function
-  },
-  emits: ["update:selected", "tab-click"],
-  setup(__props, { emit: __emit }) {
-    const { replaceClasses } = mixins.useGlobalMixins();
-    const emit = __emit;
-    const props = __props;
-    const selectedTab = vue.ref(0);
-    const updateSelectedIndex = () => {
-      if (props.modelValue !== void 0) {
-        const selectedIndex = props.tabs.findIndex((tab) => tab.value === props.modelValue);
-        if (selectedIndex !== -1) {
-          selectedTab.value = selectedIndex;
-        }
-      } else if (props.selected !== void 0) {
-        const selectedIndex = props.tabs.findIndex((tab) => tab.value === props.selected);
-        if (selectedIndex !== -1) {
-          selectedTab.value = selectedIndex;
-        }
-      }
-    };
-    updateSelectedIndex();
-    vue.watch(() => props.selected, updateSelectedIndex);
-    vue.watch(() => props.modelValue, updateSelectedIndex);
-    const isSelected = (index, tab) => {
-      if (props.modelValue !== void 0) {
-        return tab.value === props.modelValue;
-      } else if (props.selected !== void 0) {
-        return tab.value === props.selected;
-      }
-      return index === selectedTab.value;
-    };
-    function handleTabClick(index, tab) {
-      selectedTab.value = index;
-      emit("update:selected", tab.value);
-      emit("tab-click", { index, tab });
-      if (props.modelValue !== void 0) {
-        emit("update:modelValue", tab.value);
-      }
-      if (props.callback) props.callback(tab);
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.tabs, (tab, index) => {
-          return vue.openBlock(), vue.createElementBlock("button", {
-            key: index,
-            onClick: ($event) => handleTabClick(index, tab),
-            class: vue.normalizeClass(["z-index-1 t-center cursor-pointer", [
-              isSelected(index, tab) ? "bg-main" : "",
-              vue.unref(replaceClasses)("pd-small pd-r-medium pd-l-medium w-max pd-small radius-small", __props.classTab)
-            ]]),
-            style: vue.normalizeStyle(isSelected(index, tab) ? "background: rgb(var(--main)) !important" : "")
-          }, vue.toDisplayString(tab.name || tab.label), 15, _hoisted_2);
-        }), 128))
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=Tab.vue.cjs.map

package/dist/martyrs/src/components/Tab/Tab.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.vue.js","sources":["../../../../../src/components/Tab/Tab.vue"],"sourcesContent":["<template>\n  <div class=\"flex-nowrap flex-v-center flex pos-relative\">\n    <button  \n      v-for=\"(tab, index) in tabs\" \n      :key=\"index\" \n      @click=\"handleTabClick(index, tab)\" \n      class=\"z-index-1 t-center cursor-pointer\"\n      :style=\"isSelected(index, tab) ? 'background: rgb(var(--main)) !important' : ''\"\n      :class=\"[\n        isSelected(index, tab) ? 'bg-main' : '',\n        replaceClasses('pd-small pd-r-medium pd-l-medium w-max pd-small radius-small', classTab)\n      ]\"\n    >\n      {{tab.name || tab.label}}\n    </button>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue'\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nconst { replaceClasses } = useGlobalMixins();\nconst emit = defineEmits(['update:selected', 'tab-click']);\n\nconst props = defineProps({\n  tabs: Array,\n  classTab: String,\n  selected: [String, Number],\n  modelValue: [String, Number],\n  callback: Function\n})\n\nconst selectedTab = ref(0)\n\n// Handle both v-model and selected prop for backward compatibility\nconst updateSelectedIndex = () => {\n  if (props.modelValue !== undefined) {\n    const selectedIndex = props.tabs.findIndex(tab => tab.value === props.modelValue)\n    if (selectedIndex !== -1) {\n      selectedTab.value = selectedIndex\n    }\n  } else if (props.selected !== undefined) {\n    const selectedIndex = props.tabs.findIndex(tab => tab.value === props.selected)\n    if (selectedIndex !== -1) {\n      selectedTab.value = selectedIndex\n    }\n  }\n}\n\n// Initial setup\nupdateSelectedIndex()\n\n// Watch for changes in selected or modelValue props\nwatch(() => props.selected, updateSelectedIndex)\nwatch(() => props.modelValue, updateSelectedIndex)\n\n// Check if tab is selected\nconst isSelected = (index, tab) => {\n  if (props.modelValue !== undefined) {\n    return tab.value === props.modelValue\n  } else if (props.selected !== undefined) {\n    return tab.value === props.selected\n  }\n  return index === selectedTab.value\n}\n\n// Handle tab click\nfunction handleTabClick(index, tab) {\n  selectedTab.value = index\n  \n  // Emit both events for flexibility\n  emit('update:selected', tab.value)\n  emit('tab-click', { index, tab })\n  \n  // For v-model support\n  if (props.modelValue !== undefined) {\n    emit('update:modelValue', tab.value)\n  }\n  \n  // Call callback if provided\n  if (props.callback) props.callback(tab)\n}\n</script>\n\n<style lang=\"scss\">\n.tab-selector {\n  position: absolute;\n  width: 50%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  z-index: 0;\n  transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAsBA,UAAM,EAAE,eAAc,IAAK,gBAAe;AAC1C,UAAM,OAAO;AAEb,UAAM,QAAQ;AAQd,UAAM,cAAc,IAAI,CAAC;AAGzB,UAAM,sBAAsB,MAAM;AAChC,UAAI,MAAM,eAAe,QAAW;AAClC,cAAM,gBAAgB,MAAM,KAAK,UAAU,SAAO,IAAI,UAAU,MAAM,UAAU;AAChF,YAAI,kBAAkB,IAAI;AACxB,sBAAY,QAAQ;AAAA,QACtB;AAAA,MACF,WAAW,MAAM,aAAa,QAAW;AACvC,cAAM,gBAAgB,MAAM,KAAK,UAAU,SAAO,IAAI,UAAU,MAAM,QAAQ;AAC9E,YAAI,kBAAkB,IAAI;AACxB,sBAAY,QAAQ;AAAA,QACtB;AAAA,MACF;AAAA,IACF;AAGA,wBAAmB;AAGnB,UAAM,MAAM,MAAM,UAAU,mBAAmB;AAC/C,UAAM,MAAM,MAAM,YAAY,mBAAmB;AAGjD,UAAM,aAAa,CAAC,OAAO,QAAQ;AACjC,UAAI,MAAM,eAAe,QAAW;AAClC,eAAO,IAAI,UAAU,MAAM;AAAA,MAC7B,WAAW,MAAM,aAAa,QAAW;AACvC,eAAO,IAAI,UAAU,MAAM;AAAA,MAC7B;AACA,aAAO,UAAU,YAAY;AAAA,IAC/B;AAGA,aAAS,eAAe,OAAO,KAAK;AAClC,kBAAY,QAAQ;AAGpB,WAAK,mBAAmB,IAAI,KAAK;AACjC,WAAK,aAAa,EAAE,OAAO,IAAG,CAAE;AAGhC,UAAI,MAAM,eAAe,QAAW;AAClC,aAAK,qBAAqB,IAAI,KAAK;AAAA,MACrC;AAGA,UAAI,MAAM,SAAU,OAAM,SAAS,GAAG;AAAA,IACxC;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Table/StatusBadge.vue.cjs

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-;/* empty css                   */
-const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _sfc_main = {
-  __name: "StatusBadge",
-  props: {
-    value: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("span", {
-        class: "status-badge",
-        style: vue.normalizeStyle({ backgroundColor: __props.value.color || "#ddd" })
-      }, vue.toDisplayString(__props.value), 5);
-    };
-  }
-};
-const StatusBadge = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-d9bc23ad"]]);
-exports.default = StatusBadge;
-//# sourceMappingURL=StatusBadge.vue.cjs.map

package/dist/martyrs/src/components/Table/StatusBadge.vue.cjs.map

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

package/dist/martyrs/src/components/Table/Table.vue.cjs

@@ -1,67 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-;/* empty css             */
-const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _hoisted_1 = { class: "o-x-scroll" };
-const _hoisted_2 = { class: "w-100 custom-table" };
-const _hoisted_3 = { class: "t-left bg-light t-black" };
-const _sfc_main = {
-  __name: "Table",
-  props: {
-    // принимаем уже отформатированный набор строк
-    items: {
-      type: Array,
-      required: true,
-      default: () => []
-    },
-    // массив колонок { key, label }
-    columns: {
-      type: Array,
-      required: true,
-      default: () => []
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const getNestedValue = (obj, path) => path.split(".").reduce((o, k) => o ? o[k] : void 0, obj);
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("table", _hoisted_2, [
-          vue.createElementVNode("thead", _hoisted_3, [
-            vue.createElementVNode("tr", null, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.columns, (col) => {
-                return vue.openBlock(), vue.createElementBlock("th", {
-                  key: col.key,
-                  class: "pd-small t-medium"
-                }, vue.toDisplayString(col.label), 1);
-              }), 128))
-            ])
-          ]),
-          vue.createElementVNode("tbody", null, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.items, (row, rowIndex) => {
-              return vue.openBlock(), vue.createElementBlock("tr", { key: rowIndex }, [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.columns, (col) => {
-                  return vue.openBlock(), vue.createElementBlock("td", {
-                    key: col.key,
-                    class: "pd-small br-t br-solid br-light t-left"
-                  }, [
-                    vue.renderSlot(_ctx.$slots, `cell-${col.key}`, {
-                      value: getNestedValue(row, col.key),
-                      row
-                    }, () => [
-                      vue.createTextVNode(vue.toDisplayString(getNestedValue(row, col.key)), 1)
-                    ], true)
-                  ]);
-                }), 128))
-              ]);
-            }), 128))
-          ])
-        ])
-      ]);
-    };
-  }
-};
-const Table = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-b85cde7e"]]);
-exports.default = Table;
-//# sourceMappingURL=Table.vue.cjs.map

package/dist/martyrs/src/components/Table/Table.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Table.vue.cjs","sources":["../../../../../src/components/Table/Table.vue"],"sourcesContent":["<!-- src/components/Table/Table.vue -->\n<script setup>\nimport { defineProps, computed } from 'vue'\n\nconst props = defineProps({\n  // принимаем уже отформатированный набор строк\n  items: {\n    type: Array,\n    required: true,\n    default: () => []\n  },\n  // массив колонок { key, label }\n  columns: {\n    type: Array,\n    required: true,\n    default: () => []\n  }\n})\n\n// если вам нужен геттер для вложенных свойств\nconst getNestedValue = (obj, path) => path.split('.').reduce((o, k) => (o ? o[k] : undefined), obj) \n</script>\n\n<template>\n  <div class=\"o-x-scroll\">\n    <table class=\"w-100 custom-table\">\n      <thead class=\"t-left bg-light t-black\">\n        <tr>\n          <th v-for=\"col in columns\" :key=\"col.key\" class=\"pd-small t-medium\">\n            {{ col.label }}\n          </th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr v-for=\"(row, rowIndex) in props.items\" :key=\"rowIndex\">\n          <td v-for=\"col in columns\" :key=\"col.key\" class=\"pd-small br-t br-solid br-light t-left\">\n            <!-- Передаем полный объект row и текущее значение -->\n            <slot :name=\"`cell-${col.key}`\" :value=\"getNestedValue(row, col.key)\" :row=\"row\">\n              {{ getNestedValue(row, col.key) }}\n            </slot>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.custom-table {\n  border-collapse: collapse;\n  td {\n    vertical-align: middle;\n  }\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAIA,UAAM,QAAQ;AAgBd,UAAM,iBAAiB,CAAC,KAAK,SAAS,KAAK,MAAM,GAAG,EAAE,OAAO,CAAC,GAAG,MAAO,IAAI,EAAE,CAAC,IAAI,QAAY,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Text/Text.vue.cjs

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const _hoisted_1 = {
-  key: 0,
-  class: "cursor-pointer t-second"
-};
-const _sfc_main = {
-  __name: "Text",
-  props: {
-    maxLen: { type: Number, required: true },
-    text: { type: String, required: true },
-    showToggleText: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const props = __props;
-    const showFull = vue.ref(false);
-    const truncatedText = vue.computed(() => {
-      return props.text.length > props.maxLen ? props.text.slice(0, props.maxLen) + "..." : props.text;
-    });
-    const fullText = vue.computed(() => props.text);
-    const toggleShow = () => {
-      showFull.value = !showFull.value;
-    };
-    const shownText = vue.computed(() => showFull.value ? fullText.value : truncatedText.value);
-    const isTruncated = vue.computed(() => props.text.length > props.maxLen);
-    const showMoreText = vue.computed(() => showFull.value ? "Hide" : "Show more");
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("span", {
-        onClick: toggleShow,
-        class: ""
-      }, [
-        vue.createTextVNode(vue.toDisplayString(shownText.value) + " ", 1),
-        isTruncated.value && __props.showToggleText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(showMoreText.value), 1)) : vue.createCommentVNode("", true)
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=Text.vue.cjs.map

package/dist/martyrs/src/components/Text/Text.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.vue.cjs","sources":["../../../../../src/components/Text/Text.vue"],"sourcesContent":["<template>\n  <span @click=\"toggleShow\" class=\"\">\n    {{ shownText }}\n    <span v-if=\"isTruncated && showToggleText\" class=\"cursor-pointer t-second\">{{ showMoreText }}</span>\n  </span>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\n\n// Максимальная длина, текст и опциональный параметр отображения текста переключателя, передаваемые как параметры\nconst props = defineProps({\n  maxLen: { type: Number, required: true },\n  text:   { type: String, required: true },\n  showToggleText: { type: Boolean, default: false }\n})\n\n// Управление показом полного текста\nconst showFull = ref(false);\n\n// Компонент вычисляет обрезанный текст\nconst truncatedText = computed(() => {\n  return props.text.length > props.maxLen ? props.text.slice(0, props.maxLen) + '...' : props.text;\n});\nconst fullText = computed(() => props.text);\n\n// Переключение показа полного текста\nconst toggleShow = () => {\n  showFull.value = !showFull.value;\n};\n\n// Текст, который нужно показать\nconst shownText = computed(() => showFull.value ? fullText.value : truncatedText.value);\n\n// Вычисляем, когда текст обрезан\nconst isTruncated = computed(() => props.text.length > props.maxLen);\n\n// Вычисляем текст для кнопки \"Показать больше/Скрыть\"\nconst showMoreText = computed(() => showFull.value ? 'Hide' : 'Show more');\n\n</script>"],"names":["ref","computed"],"mappings":";;;;;;;;;;;;;;;AAWA,UAAM,QAAQ;AAOd,UAAM,WAAWA,IAAAA,IAAI,KAAK;AAG1B,UAAM,gBAAgBC,IAAAA,SAAS,MAAM;AACnC,aAAO,MAAM,KAAK,SAAS,MAAM,SAAS,MAAM,KAAK,MAAM,GAAG,MAAM,MAAM,IAAI,QAAQ,MAAM;AAAA,IAC9F,CAAC;AACD,UAAM,WAAWA,IAAAA,SAAS,MAAM,MAAM,IAAI;AAG1C,UAAM,aAAa,MAAM;AACvB,eAAS,QAAQ,CAAC,SAAS;AAAA,IAC7B;AAGA,UAAM,YAAYA,IAAAA,SAAS,MAAM,SAAS,QAAQ,SAAS,QAAQ,cAAc,KAAK;AAGtF,UAAM,cAAcA,IAAAA,SAAS,MAAM,MAAM,KAAK,SAAS,MAAM,MAAM;AAGnE,UAAM,eAAeA,IAAAA,SAAS,MAAM,SAAS,QAAQ,SAAS,WAAW;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Tooltip/Tooltip.vue2.cjs

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-;/* empty css              */
-const _sfc_main = {
-  __name: "Tooltip",
-  props: {
-    text: {
-      type: String,
-      required: true
-    }
-  },
-  setup(__props) {
-    const visible = vue.ref(false);
-    const tooltipStyle = vue.reactive({
-      position: "absolute",
-      width: "max-content",
-      zIndex: 1e3,
-      background: "#333",
-      color: "#fff",
-      padding: "5px",
-      borderRadius: "3px",
-      fontSize: "14px",
-      display: "none"
-    });
-    function showTooltip(event) {
-      visible.value = true;
-      tooltipStyle.left = `${event.clientX / 100 + 10}px`;
-      tooltipStyle.top = `${event.clientY / 100 + 10}px`;
-      tooltipStyle.display = "block";
-    }
-    function hideTooltip() {
-      visible.value = false;
-      tooltipStyle.display = "none";
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: "cursor-pointer tooltip-container",
-        onMouseover: showTooltip,
-        onMouseleave: hideTooltip
-      }, [
-        vue.renderSlot(_ctx.$slots, "default"),
-        vue.createElementVNode("div", {
-          class: "tooltip-content",
-          style: vue.normalizeStyle(tooltipStyle)
-        }, [
-          vue.createElementVNode("span", null, vue.toDisplayString(__props.text), 1)
-        ], 4)
-      ], 32);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=Tooltip.vue2.cjs.map

package/dist/martyrs/src/components/Tooltip/Tooltip.vue2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.vue2.cjs","sources":["../../../../../src/components/Tooltip/Tooltip.vue"],"sourcesContent":["<template>\n  <div class=\"cursor-pointer tooltip-container\" @mouseover=\"showTooltip\" @mouseleave=\"hideTooltip\">\n    <slot></slot>\n    <div  class=\"tooltip-content\" :style=\"tooltipStyle\">\n      <span>{{ text }}</span>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, reactive } from 'vue';\n\nconst props = defineProps({\n  text: {\n    type: String,\n    required: true\n  }\n});\n\nconst visible = ref(false);\n\nconst tooltipStyle = reactive({\n  position: 'absolute',\n  width: 'max-content',\n  zIndex: 1000,\n  background: '#333',\n  color: '#fff',\n  padding: '5px',\n  borderRadius: '3px',\n  fontSize: '14px',\n  display: 'none',\n});\n\nfunction showTooltip(event) {\n  visible.value = true;\n  tooltipStyle.left = `${(event.clientX / 100) + 10 }px`;\n  tooltipStyle.top = `${(event.clientY / 100) + 10 }px`;\n  tooltipStyle.display = 'block';\n}\n\nfunction hideTooltip() {\n  visible.value = false;\n  tooltipStyle.display = 'none';\n}\n</script>\n\n<style >\n.tooltip-container {\n  position: relative;\n  display: inline-block;\n}\n\n.tooltip-content {\n  pointer-events: none;\n}\n</style>"],"names":["ref","reactive"],"mappings":";;;;;;;;;;;;;AAmBA,UAAM,UAAUA,IAAAA,IAAI,KAAK;AAEzB,UAAM,eAAeC,IAAAA,SAAS;AAAA,MAC5B,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,SAAS;AAAA,MACT,cAAc;AAAA,MACd,UAAU;AAAA,MACV,SAAS;AAAA,IACX,CAAC;AAED,aAAS,YAAY,OAAO;AAC1B,cAAQ,QAAQ;AAChB,mBAAa,OAAO,GAAI,MAAM,UAAU,MAAO,EAAE;AACjD,mBAAa,MAAM,GAAI,MAAM,UAAU,MAAO,EAAE;AAChD,mBAAa,UAAU;AAAA,IACzB;AAEA,aAAS,cAAc;AACrB,cAAQ,QAAQ;AAChB,mBAAa,UAAU;AAAA,IACzB;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Tree/Tree.vue.cjs

@@ -1,78 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const vueDraggableNext_esmBundler = require("../../../../node_modules/.pnpm/vue-draggable-next@2.2.1_sortablejs@1.15.6_vue@3.5.13_typescript@5.8.3_/node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.cjs");
-const _sfc_main = {
-  __name: "Tree",
-  props: {
-    items: Array,
-    state: Array,
-    parentId: { type: String, default: null }
-  },
-  emits: ["update"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const dragOptions = {
-      animation: 200,
-      group: "category",
-      ghostClass: "ghost"
-    };
-    function handleChange(event) {
-      console.log("event order is", event);
-      if (!event.added && !event.moved) return;
-      let movedItem = null;
-      if (event.added) {
-        movedItem = event.added.element;
-        movedItem.parent = props.parentId;
-      } else if (event.moved) {
-        movedItem = props.items[event.moved.newIndex];
-      }
-      props.items.forEach((item, index) => {
-        item.order = index;
-      });
-      emits("update", {
-        movedItem,
-        parentId: props.parentId,
-        items: props.items
-      });
-    }
-    function emitChange(event) {
-      emits("update", event);
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(vueDraggableNext_esmBundler.VueDraggableNext), vue.mergeProps(dragOptions, {
-        class: "dragArea list-group w-full",
-        list: __props.items,
-        handle: ".my-handle",
-        onChange: handleChange
-      }), {
-        default: vue.withCtx(() => [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item) => {
-            return vue.openBlock(), vue.createElementBlock("div", {
-              key: item._id,
-              class: "mn-t-thin radius-medium mn-b-thin"
-            }, [
-              vue.renderSlot(_ctx.$slots, "default", { item }),
-              vue.createVNode(_sfc_main, {
-                items: item.children,
-                state: __props.state,
-                "parent-id": item._id,
-                onUpdate: emitChange,
-                class: "pd-l-medium"
-              }, {
-                default: vue.withCtx(({ item: item2 }) => [
-                  vue.renderSlot(_ctx.$slots, "default", { item: item2 })
-                ]),
-                _: 2
-              }, 1032, ["items", "state", "parent-id"])
-            ]);
-          }), 128))
-        ]),
-        _: 3
-      }, 16, ["list"]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=Tree.vue.cjs.map

package/dist/martyrs/src/components/Tree/Tree.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tree.vue.cjs","sources":["../../../../../src/components/Tree/Tree.vue"],"sourcesContent":["<template>\n  <VueDraggableNext\n    v-bind=\"dragOptions\" \n    class=\"dragArea list-group w-full\"\n    :list=\"items\"\n    :handle=\"'.my-handle'\"\n    @change=\"handleChange\"\n  >\n    <div v-for=\"item in items\" :key=\"item._id\" class=\"mn-t-thin  radius-medium mn-b-thin\">\n      <slot\n        :item=\"item\"\n      >\n      </slot>\n      <Tree \n        :items=\"item.children\"\n        :state=\"state\"\n        :parent-id=\"item._id\"\n        @update=\"emitChange\"\n        class=\"pd-l-medium\"\n        v-slot=\"{ item }\"\n      >\n        <slot\n          :item=\"item\"\n          >\n        </slot>\n      </Tree>\n    </div>\n  </VueDraggableNext>\n</template>\n\n<script setup>\nimport { VueDraggableNext } from 'vue-draggable-next';\n\nimport Tree from './Tree.vue';\n\nconst props = defineProps({\n  items: Array,\n  state: Array,\n  parentId: { type: String, default: null }\n});\n\nconst emits = defineEmits(['update']);\n\nconst dragOptions = {\n  animation: 200,\n  group: 'category',\n  ghostClass: 'ghost'\n};\n\nfunction findCategoryAndUpdateParent(items, targetId, parentId = null) {\n  for (const item of items) {\n    if (item._id === targetId) {\n      item.parent = parentId;\n      return item;\n    }\n    \n    if (item.children) {\n      const found = findCategoryAndUpdateParent(item.children, targetId, item._id);\n      if (found) {\n        return found;\n      }\n    }\n  }\n  return null;\n}\n\nfunction updateOrders(items, startOrder = 0) {\n  let currentOrder = startOrder;\n  \n  items.forEach(item => {\n    item.order = currentOrder++;\n    \n    if (item.children?.length) {\n      currentOrder = updateOrders(item.children, currentOrder);\n    }\n  });\n  \n  return currentOrder;\n}\n\nfunction handleChange(event) {\n  console.log('event order is', event)\n  if (!event.added && !event.moved) return;\n  \n  let movedItem = null;\n  \n  if (event.added) {\n    // Элемент добавлен с другого уровня\n    movedItem = event.added.element;\n    // Устанавливаем правильный parent для этого уровня\n    movedItem.parent = props.parentId;\n  } else if (event.moved) {\n    // Элемент перемещен на том же уровне (только изменение порядка)\n    movedItem = props.items[event.moved.newIndex];\n    // Parent не меняется при перемещении на том же уровне\n  }\n  \n  // Обновляем order для текущего уровня\n  props.items.forEach((item, index) => {\n    item.order = index;\n  });\n  \n  // Передаем полную информацию об изменении\n  emits('update', {\n    movedItem: movedItem,\n    parentId: props.parentId,\n    items: props.items\n  });\n}\n\nfunction emitChange(event) {\n  emits('update', event);\n}\n</script> "],"names":[],"mappings":";;;;;;;;;;;;;AAmCA,UAAM,QAAQ;AAMd,UAAM,QAAQ;AAEd,UAAM,cAAc;AAAA,MAClB,WAAW;AAAA,MACX,OAAO;AAAA,MACP,YAAY;AAAA,IACd;AAiCA,aAAS,aAAa,OAAO;AAC3B,cAAQ,IAAI,kBAAkB,KAAK;AACnC,UAAI,CAAC,MAAM,SAAS,CAAC,MAAM,MAAO;AAElC,UAAI,YAAY;AAEhB,UAAI,MAAM,OAAO;AAEf,oBAAY,MAAM,MAAM;AAExB,kBAAU,SAAS,MAAM;AAAA,MAC3B,WAAW,MAAM,OAAO;AAEtB,oBAAY,MAAM,MAAM,MAAM,MAAM,QAAQ;AAAA,MAE9C;AAGA,YAAM,MAAM,QAAQ,CAAC,MAAM,UAAU;AACnC,aAAK,QAAQ;AAAA,MACf,CAAC;AAGD,YAAM,UAAU;AAAA,QACd;AAAA,QACA,UAAU,MAAM;AAAA,QAChB,OAAO,MAAM;AAAA,MACjB,CAAG;AAAA,IACH;AAEA,aAAS,WAAW,OAAO;AACzB,YAAM,UAAU,KAAK;AAAA,IACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Upload/Upload.vue2.cjs

@@ -1,122 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const axios = require("axios");
-const IconCross = require("../../modules/icons/navigation/IconCross.vue.cjs");
-;/* empty css             */
-const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _hoisted_1 = {
-  key: 0,
-  class: "t-transp mn-r-small"
-};
-const _hoisted_2 = {
-  key: 1,
-  class: "flex-nowrap flex w-100 flex-v-center"
-};
-const _hoisted_3 = ["href"];
-const _hoisted_4 = {
-  key: 2,
-  class: "w-100"
-};
-const _hoisted_5 = ["placeholder", "multiple"];
-const _hoisted_6 = {
-  key: 0,
-  class: "mn-t-thin mn-b-thin invalid-feedback"
-};
-const _sfc_main = {
-  __name: "Upload",
-  props: {
-    field: String,
-    label: null,
-    type: {
-      type: String,
-      default: "file"
-    },
-    placeholder: "Upload a file",
-    validation: false,
-    uploadPath: {
-      type: String,
-      default: "/files"
-    },
-    multiple: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["update:field", "focus", "blur", "file-change"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const props = __props;
-    const fileURL = vue.ref(props.field);
-    vue.ref(null);
-    vue.watch(() => props.field, (newValue) => {
-      fileURL.value = newValue;
-    });
-    async function onFileChange(e) {
-      let file = e.target.files[0];
-      let formData = new FormData();
-      formData.append("file", file);
-      try {
-        const $axios = axios.create({ baseURL: process.env.API_URL, withCredentials: true });
-        let response = await $axios.post(`/api/upload/${props.type}?folderName=${encodeURIComponent(props.uploadPath)}`, formData, {
-          headers: {
-            "Content-Type": "multipart/form-data"
-          }
-        });
-        fileURL.value = response.data[0].filepath;
-        emit("file-change", fileURL.value);
-      } catch (error) {
-        console.error(error);
-      }
-    }
-    const removeFile = () => {
-      fileURL.value = null;
-      emit("update:field", null);
-      emit("file-change", null);
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass([[_ctx.$attrs.class, { "bg-fourth-nano": __props.validation }], "flex-center flex-nowrap flex"])
-        }, [
-          __props.label ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-            vue.createElementVNode("span", null, vue.toDisplayString(__props.label), 1)
-          ])) : vue.createCommentVNode("", true),
-          fileURL.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-            vue.createElementVNode("a", {
-              href: fileURL.value,
-              class: "w-100",
-              target: "_blank"
-            }, vue.toDisplayString(fileURL.value), 9, _hoisted_3),
-            vue.createVNode(IconCross.default, {
-              onClick: removeFile,
-              class: "cursor-pointer t-center flex-center flex radius-extra i-medium bg-red pd-micro"
-            })
-          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
-            vue.createElementVNode("input", {
-              onChange: onFileChange,
-              type: "file",
-              class: "w-100",
-              placeholder: __props.placeholder,
-              multiple: __props.multiple,
-              id: "photo",
-              name: "photo"
-            }, null, 40, _hoisted_5)
-          ]))
-        ], 2),
-        vue.createVNode(vue.Transition, {
-          mode: "out-in",
-          name: "fade"
-        }, {
-          default: vue.withCtx(() => [
-            __props.validation ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, " * " + vue.toDisplayString(__props.validation.message), 1)) : vue.createCommentVNode("", true)
-          ]),
-          _: 1
-        })
-      ], 64);
-    };
-  }
-};
-const Upload = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-efdb42f1"]]);
-exports.default = Upload;
-//# sourceMappingURL=Upload.vue2.cjs.map

package/dist/martyrs/src/components/Upload/Upload.vue2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Upload.vue2.cjs","sources":["../../../../../src/components/Upload/Upload.vue"],"sourcesContent":["<template>\n  <div :class=\"[$attrs.class, { 'bg-fourth-nano': validation }]\" class=\"flex-center flex-nowrap flex\">\n    <!-- Label -->\n    <div v-if=\"label\" class=\"t-transp mn-r-small\">\n      <span>{{label}}</span>\n    </div>\n\n    <div v-if=\"fileURL\" class=\"flex-nowrap flex w-100  flex-v-center\">\n      <a :href=\"fileURL\" class=\"w-100\" target=\"_blank\">{{ fileURL }}</a>\n\n      <IconCross  \n        @click=\"removeFile\" \n        class=\"cursor-pointer  t-center flex-center flex radius-extra i-medium bg-red pd-micro\"\n      />\n\n    </div>\n\n    <div v-else class=\"w-100\">\n      <!-- Input / File -->\n      <input \n        @change=\"onFileChange\"\n        type=\"file\"\n        class=\"w-100\"\n        :placeholder=\"placeholder\"\n        :multiple=\"multiple\"\n        id=\"photo\"\n        name=\"photo\"\n      >\n    </div>\n  </div>\n\n  <!-- Validation -->\n  <transition mode=\"out-in\" name=\"fade\">\n    <div v-if=\"validation\" class=\"mn-t-thin mn-b-thin invalid-feedback\">\n      * {{validation.message}}\n    </div>\n  </transition>\n</template>\n\n<script setup>\nimport { ref, computed, watch} from 'vue'\nimport axios from 'axios';\n\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\nconst emit = defineEmits(['update:field', 'focus', 'blur', 'file-change']);\n\nconst props = defineProps({\n  field: String,\n  label: null,\n  type: {\n    type: String,\n    default: 'file'\n  },\n  placeholder: 'Upload a file',\n  validation: false,\n  uploadPath: {\n    type: String,\n    default: '/files'\n  },\n  multiple: {\n    type: Boolean,\n    default: false\n  }\n});\n\nconst fileURL = ref(props.field);\nconst fileInput = ref(null);\n\nwatch(() => props.field, (newValue) => {\n  fileURL.value = newValue;\n});\n\n// Handles file change event\n\nasync function onFileChange(e) {\n\n  let file = e.target.files[0];\n  let formData = new FormData();\n\n  formData.append(\"file\", file);\n\n  try {\n    const $axios = axios.create({baseURL: process.env.API_URL, withCredentials: true}) \n\n    let response = await $axios.post(`/api/upload/${props.type}?folderName=${encodeURIComponent(props.uploadPath)}`, formData, {\n      headers: {\n        \"Content-Type\": \"multipart/form-data\"\n      }\n    });\n\n    fileURL.value = response.data[0].filepath;\n    emit('file-change', fileURL.value);\n  } catch (error) {\n    console.error(error);\n  }\n}\n\nconst removeFile = () => {\n  fileURL.value = null;\n  emit('update:field', null); // Обновляем значение, связанное с v-model:field\n  emit('file-change', null); // Посылаем событие об изменении файла\n};\n</script>\n\n<style lang=\"scss\" scoped>\n  input, span {\n    line-height: 1;\n    color: inherit;\n  }\n</style>\n"],"names":["ref","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,UAAM,OAAO;AAEb,UAAM,QAAQ;AAmBd,UAAM,UAAUA,IAAAA,IAAI,MAAM,KAAK;AACbA,QAAAA,IAAI,IAAI;AAE1BC,QAAAA,MAAM,MAAM,MAAM,OAAO,CAAC,aAAa;AACrC,cAAQ,QAAQ;AAAA,IAClB,CAAC;AAID,mBAAe,aAAa,GAAG;AAE7B,UAAI,OAAO,EAAE,OAAO,MAAM,CAAC;AAC3B,UAAI,WAAW,IAAI,SAAQ;AAE3B,eAAS,OAAO,QAAQ,IAAI;AAE5B,UAAI;AACF,cAAM,SAAS,MAAM,OAAO,EAAC,SAAS,QAAQ,IAAI,SAAS,iBAAiB,KAAI,CAAC;AAEjF,YAAI,WAAW,MAAM,OAAO,KAAK,eAAe,MAAM,IAAI,eAAe,mBAAmB,MAAM,UAAU,CAAC,IAAI,UAAU;AAAA,UACzH,SAAS;AAAA,YACP,gBAAgB;AAAA,UACxB;AAAA,QACA,CAAK;AAED,gBAAQ,QAAQ,SAAS,KAAK,CAAC,EAAE;AACjC,aAAK,eAAe,QAAQ,KAAK;AAAA,MACnC,SAAS,OAAO;AACd,gBAAQ,MAAM,KAAK;AAAA,MACrB;AAAA,IACF;AAEA,UAAM,aAAa,MAAM;AACvB,cAAQ,QAAQ;AAChB,WAAK,gBAAgB,IAAI;AACzB,WAAK,eAAe,IAAI;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}