@ozdao/martyrs 0.2.549 → 0.2.551

package/dist/martyrs/src/components/Field/Field.vue2.js

@@ -1,161 +0,0 @@
-import { ref, watch, nextTick, onMounted, createElementBlock, openBlock, Fragment, createElementVNode, createVNode, normalizeClass, renderSlot, createBlock, createCommentVNode, resolveDynamicComponent, toDisplayString, Transition, withCtx } from "vue";
-import _sfc_main$1 from "../../modules/icons/actions/IconShow.vue.js";
-/* empty css          */
-import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const _hoisted_1 = {
-  key: 2,
-  class: "t-transp mn-r-small"
-};
-const _hoisted_2 = { class: "t-nowrap" };
-const _hoisted_3 = { class: "w-100 pos-relative" };
-const _hoisted_4 = ["type", "value", "placeholder", "tabindex", "disabled", "autofocus", "name", "id"];
-const _hoisted_5 = ["value", "placeholder", "tabindex", "disabled", "name", "id"];
-const _hoisted_6 = {
-  key: 4,
-  class: "t-transp mn-l-small"
-};
-const _hoisted_7 = {
-  key: 0,
-  class: "mn-t-thin mn-b-thin mn-b-thin invalid-feedback"
-};
-const _sfc_main = {
-  __name: "Field",
-  props: {
-    label: null,
-    symbol: null,
-    type: "text",
-    placeholder: "Enter something here",
-    field: null,
-    value: null,
-    validation: false,
-    disabled: null,
-    tabindex: -1,
-    autofocus: false,
-    icon: null,
-    // Добавлен пропс для иконки
-    name: null,
-    // Имя поля для автозаполнения
-    id: null
-    // ID поля
-  },
-  emits: ["update:field", "focus", "blur"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const props = __props;
-    if (props.value) {
-      emit("update:field", props.value);
-    }
-    const textarea = ref(null);
-    const input = ref(null);
-    const showPassword = ref(false);
-    function resize() {
-      if (!textarea.value) {
-        return;
-      }
-      const el = textarea.value;
-      el.style.height = "";
-      const scrollHeight = el.scrollHeight;
-      if (scrollHeight > 33) {
-        el.style.height = scrollHeight + "px";
-      } else {
-        el.style.height = "";
-      }
-    }
-    function focus() {
-      if (props.autofocus) {
-        if (props.type === "textarea" && textarea.value) {
-          textarea.value.focus();
-        } else if (input.value) {
-          input.value.focus();
-        }
-      }
-    }
-    watch(() => props.field, () => {
-      if (props.type === "textarea") {
-        nextTick(resize);
-      }
-    });
-    watch(() => props.autofocus, (newVal) => {
-      if (newVal) {
-        nextTick(focus);
-      }
-    });
-    onMounted(() => {
-      nextTick(focus);
-      nextTick(resize);
-    });
-    const text = ref(props.field);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("div", {
-          class: normalizeClass([[
-            _ctx.$attrs.class,
-            { "bg-fourth-nano": __props.validation }
-          ], "field-wrapper flex-center flex-nowrap flex"])
-        }, [
-          _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 0 }, void 0, true) : __props.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon), {
-            key: 1,
-            class: "i-medium t-transp mn-r-thin"
-          })) : createCommentVNode("", true),
-          __props.label ? (openBlock(), createElementBlock("div", _hoisted_1, [
-            createElementVNode("span", _hoisted_2, toDisplayString(__props.label), 1)
-          ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_3, [
-            __props.type !== "textarea" ? (openBlock(), createElementBlock("input", {
-              key: 0,
-              ref_key: "input",
-              ref: input,
-              onInput: _cache[0] || (_cache[0] = (event) => text.value = emit("update:field", event.target.value)),
-              onFocus: _cache[1] || (_cache[1] = (event) => emit("focus", event)),
-              onBlur: _cache[2] || (_cache[2] = (event) => emit("blur", event)),
-              type: __props.type === "password" && !showPassword.value ? "password" : __props.type === "password" ? "text" : __props.type,
-              class: "w-100",
-              value: __props.field,
-              placeholder: __props.placeholder,
-              tabindex: __props.tabindex,
-              disabled: __props.disabled,
-              autofocus: __props.autofocus,
-              name: __props.name,
-              id: __props.id
-            }, null, 40, _hoisted_4)) : (openBlock(), createElementBlock("textarea", {
-              key: 1,
-              ref_key: "textarea",
-              ref: textarea,
-              onInput: _cache[3] || (_cache[3] = (event) => text.value = emit("update:field", event.target.value)),
-              onFocus: _cache[4] || (_cache[4] = (event) => emit("focus", event)),
-              onBlur: _cache[5] || (_cache[5] = (event) => emit("blur", event)),
-              class: "w-100",
-              value: __props.field,
-              placeholder: __props.placeholder,
-              tabindex: __props.tabindex,
-              disabled: __props.disabled,
-              name: __props.name,
-              id: __props.id
-            }, null, 40, _hoisted_5))
-          ]),
-          __props.type === "password" ? (openBlock(), createBlock(_sfc_main$1, {
-            key: 3,
-            show: !showPassword.value,
-            onClick: _cache[6] || (_cache[6] = ($event) => showPassword.value = !showPassword.value),
-            class: "i-medium cursor-pointer"
-          }, null, 8, ["show"])) : createCommentVNode("", true),
-          renderSlot(_ctx.$slots, "default", {}, void 0, true),
-          __props.symbol ? (openBlock(), createElementBlock("div", _hoisted_6, [
-            createElementVNode("span", null, toDisplayString(__props.symbol), 1)
-          ])) : createCommentVNode("", true)
-        ], 2),
-        createVNode(Transition, { name: "fade" }, {
-          default: withCtx(() => [
-            __props.validation ? (openBlock(), createElementBlock("div", _hoisted_7, " * " + toDisplayString(__props.validation.message), 1)) : createCommentVNode("", true)
-          ]),
-          _: 1
-        })
-      ], 64);
-    };
-  }
-};
-const Field = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-36998019"]]);
-export {
-  Field as default
-};
-//# sourceMappingURL=Field.vue2.js.map

package/dist/martyrs/src/components/Field/Field.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Field.vue2.js","sources":["../../../../../src/components/Field/Field.vue"],"sourcesContent":["<script setup>\nimport { ref, onMounted, nextTick, watch } from 'vue'\nimport IconShow from '@martyrs/src/modules/icons/actions/IconShow.vue';\nconst emit = defineEmits(['update:field', 'focus', 'blur']);\nconst props = defineProps({\n  label: null,\n  symbol: null,\n  type: 'text',\n  placeholder: 'Enter something here',\n  field: null,\n  value: null,\n  validation: false,\n  disabled: null,\n  tabindex: -1,\n  autofocus: false,\n  icon: null, // Добавлен пропс для иконки\n  name: null, // Имя поля для автозаполнения\n  id: null // ID поля\n});\nif (props.value) {\n  emit('update:field', props.value)\n}\nconst textarea = ref(null);\nconst input = ref(null);\nconst showPassword = ref(false);\n\nfunction resize() {\n  if (!textarea.value) {\n    return;\n  }\n  const el = textarea.value;\n  el.style.height = '';\n  const scrollHeight = el.scrollHeight;\n  if (scrollHeight > 33) {\n    el.style.height = scrollHeight + 'px';\n  } else {\n    el.style.height = '';\n  }\n}\nfunction focus() {\n  if (props.autofocus) {\n    if (props.type === 'textarea' && textarea.value) {\n      textarea.value.focus();\n    } else if (input.value) {\n      input.value.focus();\n    }\n  }\n}\nwatch(() => props.field, () => {\n  if (props.type === 'textarea') {\n    nextTick(resize);\n  }\n});\nwatch(() => props.autofocus, (newVal) => {\n  if (newVal) {\n    nextTick(focus);\n  }\n});\nonMounted(() => {\n  nextTick(focus);\n  nextTick(resize);\n});\nconst text = ref(props.field);\n</script>\n<template>\n  <div\n    :class=\"[\n      $attrs.class,\n      { 'bg-fourth-nano': validation }\n    ]\"\n    class=\"field-wrapper flex-center flex-nowrap flex\"\n  >\n    <!-- Слот для иконки -->\n    <slot name=\"icon\" v-if=\"$slots.icon\" />\n    <!-- Или компонент иконки через пропс -->\n    <component :is=\"icon\" v-else-if=\"icon\" class=\"i-medium t-transp mn-r-thin\" />\n    \n    <div\n      v-if=\"label\"\n      class=\"t-transp mn-r-small\"\n    >\n      <span class=\"t-nowrap\">\n        {{label}}\n      </span>\n    </div>\n    <div class=\"w-100 pos-relative\">\n      <input\n        v-if=\"type !== 'textarea'\"\n        ref=\"input\"\n        @input=\"event => text = emit('update:field', event.target.value)\"\n        @focus=\"event => emit('focus', event)\"\n        @blur=\"event => emit('blur', event)\"\n        :type=\"type === 'password' && !showPassword ? 'password' : type === 'password' ? 'text' : type\"\n        class=\"w-100\"\n        :value=\"field\"\n        :placeholder=\"placeholder\"\n        :tabindex=\"tabindex\"\n        :disabled=\"disabled\"\n        :autofocus=\"autofocus\"\n        :name=\"name\"\n        :id=\"id\"\n      />\n      <textarea\n        v-else\n        ref=\"textarea\"\n        @input=\"event => text = emit('update:field', event.target.value)\"\n        @focus=\"event => emit('focus', event)\"\n        @blur=\"event => emit('blur', event)\"\n        class=\"w-100\"\n        :value=\"field\"\n        :placeholder=\"placeholder\"\n        :tabindex=\"tabindex\"\n        :disabled=\"disabled\"\n        :name=\"name\"\n        :id=\"id\"\n      />\n    </div>\n    <IconShow\n      v-if=\"type === 'password'\"\n      :show=\"!showPassword\"\n      @click=\"showPassword = !showPassword\"\n      class=\"i-medium cursor-pointer\"\n    />\n    <slot></slot>\n    <div\n      v-if=\"symbol\"\n      class=\"t-transp mn-l-small\"\n    >\n      <span>\n        {{symbol}}\n      </span>\n    </div>\n  </div>\n  <!-- Validation -->\n  <transition name=\"fade\">\n    <div v-if=\"validation\" class=\"mn-t-thin mn-b-thin mn-b-thin invalid-feedback\">\n      * {{validation.message}}\n    </div>\n  </transition>\n</template>\n<style scoped>\ninput,\ntextarea,\nspan {\n  color: inherit;\n  line-height: 1;\n}\ntextarea {\n  resize: none;\n  overflow: hidden; \n  height: 1rem;\n}\n\ninput {\n  height: 1rem;\n}\n\ninput[type=\"date\"]::-webkit-calendar-picker-indicator,\ninput[type=\"time\"]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n  opacity: 1;\n  color: inherit;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,UAAM,OAAO;AACb,UAAM,QAAQ;AAed,QAAI,MAAM,OAAO;AACf,WAAK,gBAAgB,MAAM,KAAK;AAAA,IAClC;AACA,UAAM,WAAW,IAAI,IAAI;AACzB,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,eAAe,IAAI,KAAK;AAE9B,aAAS,SAAS;AAChB,UAAI,CAAC,SAAS,OAAO;AACnB;AAAA,MACF;AACA,YAAM,KAAK,SAAS;AACpB,SAAG,MAAM,SAAS;AAClB,YAAM,eAAe,GAAG;AACxB,UAAI,eAAe,IAAI;AACrB,WAAG,MAAM,SAAS,eAAe;AAAA,MACnC,OAAO;AACL,WAAG,MAAM,SAAS;AAAA,MACpB;AAAA,IACF;AACA,aAAS,QAAQ;AACf,UAAI,MAAM,WAAW;AACnB,YAAI,MAAM,SAAS,cAAc,SAAS,OAAO;AAC/C,mBAAS,MAAM,MAAK;AAAA,QACtB,WAAW,MAAM,OAAO;AACtB,gBAAM,MAAM,MAAK;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AACA,UAAM,MAAM,MAAM,OAAO,MAAM;AAC7B,UAAI,MAAM,SAAS,YAAY;AAC7B,iBAAS,MAAM;AAAA,MACjB;AAAA,IACF,CAAC;AACD,UAAM,MAAM,MAAM,WAAW,CAAC,WAAW;AACvC,UAAI,QAAQ;AACV,iBAAS,KAAK;AAAA,MAChB;AAAA,IACF,CAAC;AACD,cAAU,MAAM;AACd,eAAS,KAAK;AACd,eAAS,MAAM;AAAA,IACjB,CAAC;AACD,UAAM,OAAO,IAAI,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-;/* empty css            */
-const _hoisted_1 = { class: "mobile-menu-section pd-r-zero pd-t-thin pd-b-thin pd-medium radius-medium" };
-const _sfc_main = {
-  __name: "Menu",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=Menu.vue.cjs.map

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

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

package/dist/martyrs/src/components/Menu/Menu.vue.js

@@ -1,17 +0,0 @@
-import { createElementBlock, openBlock, renderSlot } from "vue";
-/* empty css          */
-const _hoisted_1 = { class: "mobile-menu-section pd-r-zero pd-t-thin pd-b-thin pd-medium radius-medium" };
-const _sfc_main = {
-  __name: "Menu",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("section", _hoisted_1, [
-        renderSlot(_ctx.$slots, "default")
-      ]);
-    };
-  }
-};
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=Menu.vue.js.map

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

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

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

@@ -1,219 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const axios = require("axios");
-const Loader = require("../Loader/Loader.vue2.cjs");
-const IconUpload = ;/* empty css                                              */
-const IconDelete = require("../../modules/icons/navigation/IconDelete.vue.cjs");
-;/* empty css                   */
-const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _hoisted_1 = ["src"];
-const _hoisted_2 = {
-  key: 1,
-  class: "flex-v-center pos-relative z-index-2 flex-h-center flex w-100 h-100 radius-small bg-second"
-};
-const _hoisted_3 = { class: "z-index-2 pos-relative hover-controls pos-absolute w-100 h-100 flex-v-center flex-h-center flex" };
-const _hoisted_4 = {
-  key: 0,
-  class: "hover-upload-icon"
-};
-const _hoisted_5 = {
-  key: 1,
-  class: "hover-buttons flex gap-small"
-};
-const _hoisted_6 = {
-  key: 2,
-  class: "z-index-2 loading-overlay pos-absolute w-100 h-100 flex-v-center flex-h-center flex"
-};
-const _hoisted_7 = {
-  key: 0,
-  class: "upload-text-block flex flex-column"
-};
-const _hoisted_8 = { class: "mn-b-small t-medium" };
-const _hoisted_9 = { class: "mn-b-medium t-transp" };
-const _hoisted_10 = { key: 0 };
-const _hoisted_11 = {
-  key: 1,
-  class: "flex gap-thin"
-};
-const _sfc_main = {
-  __name: "UploadImage",
-  props: {
-    uploadPath: {
-      type: String,
-      required: true
-    },
-    photo: {
-      type: String,
-      default: null
-    },
-    text: {
-      type: [Object, Boolean],
-      default: null
-    }
-  },
-  emits: ["update:photo", "error"],
-  setup(__props, { emit: __emit }) {
-    const imageUrl = vue.ref(null);
-    const fileInput = vue.ref(null);
-    const previewUrl = vue.ref(null);
-    const loading = vue.ref(false);
-    const props = __props;
-    const emit = __emit;
-    const textConfig = vue.computed(() => {
-      const defaults = {
-        title: "Upload Image",
-        subtitle: "Drag & drop your image here or click button. Supported: JPG, PNG, GIF. Max size: 2MB",
-        buttonText: "Choose Image"
-      };
-      if (props.text === true) {
-        return defaults;
-      } else if (typeof props.text === "object" && props.text !== null) {
-        return {
-          title: props.text.title || defaults.title,
-          subtitle: props.text.subtitle || defaults.subtitle,
-          buttonText: props.text.buttonText || defaults.buttonText
-        };
-      }
-      return defaults;
-    });
-    vue.watch(props, ({ photo }) => {
-      if (photo) imageUrl.value = photo;
-    });
-    function onComponentClick() {
-      fileInput.value.click();
-    }
-    async function onFileChange(e) {
-      let file = e.target.files[0];
-      if (!file) {
-        console.error("No file selected");
-        return;
-      }
-      const reader = new FileReader();
-      reader.onload = (e2) => {
-        previewUrl.value = e2.target.result;
-      };
-      reader.readAsDataURL(file);
-      let formData = new FormData();
-      formData.append("file", file);
-      console.log("Sending file:", file.name);
-      loading.value = true;
-      try {
-        const $axios = axios.create({ baseURL: process.env.API_URL, withCredentials: true });
-        let response = await $axios.post(`/api/upload/multiple?folderName=${encodeURIComponent(props.uploadPath)}`, formData);
-        console.log("Upload response:", response);
-        imageUrl.value = response.data[0].filepath;
-        previewUrl.value = null;
-        emit("update:photo", imageUrl.value);
-      } catch (error) {
-        emit("error", error);
-        console.error("Upload error:", error);
-        previewUrl.value = null;
-      } finally {
-        loading.value = false;
-      }
-    }
-    function onDrop(e) {
-      e.preventDefault();
-      onFileChange({
-        target: {
-          files: e.dataTransfer.files
-        }
-      });
-    }
-    function deleteImage() {
-      imageUrl.value = null;
-      previewUrl.value = null;
-      emit("update:photo", null);
-      if (fileInput.value) {
-        fileInput.value.value = "";
-      }
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["upload-image-wrapper flex-v-center flex-nowrap flex gap-small", { "with-text": __props.text }])
-      }, [
-        vue.createElementVNode("div", {
-          onClick: onComponentClick,
-          onDrop,
-          onDragover: _cache[0] || (_cache[0] = vue.withModifiers(() => {
-          }, ["prevent"])),
-          class: "pos-relative radius-small br-solid br-1px br-black-transp-10 h-100 aspect-1x1 flex-v-center flex-h-center flex cursor-pointer"
-        }, [
-          imageUrl.value || __props.photo || previewUrl.value ? (vue.openBlock(), vue.createElementBlock("img", {
-            key: 0,
-            loading: "lazy",
-            src: previewUrl.value || (_ctx.FILE_SERVER_URL || "") + (imageUrl.value || __props.photo),
-            alt: "Uploaded image",
-            class: "pos-absolute radius-small o-hidden z-index-1 w-100 h-100 object-fit-cover"
-          }, null, 8, _hoisted_1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-            vue.createVNode(IconUpload.default, {
-              class: "i-medium upload-icon",
-              fill: "rgb(var(--white))"
-            })
-          ])),
-          vue.createElementVNode("div", _hoisted_3, [
-            !imageUrl.value && !__props.photo && !previewUrl.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
-              vue.createVNode(IconUpload.default, {
-                class: "i-medium",
-                fill: "rgb(var(--white))"
-              })
-            ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-              vue.createElementVNode("button", {
-                onClick: vue.withModifiers(onComponentClick, ["stop"]),
-                class: "hover-button radius-small pd-thin bg-main t-white br-none cursor-pointer"
-              }, [
-                vue.createVNode(IconUpload.default, {
-                  class: "i-medium",
-                  fill: "rgb(var(--white))"
-                })
-              ]),
-              vue.createElementVNode("button", {
-                onClick: vue.withModifiers(deleteImage, ["stop"]),
-                class: "hover-button radius-small pd-thin bg-danger t-white br-none cursor-pointer"
-              }, [
-                vue.createVNode(IconDelete.default, {
-                  class: "i-medium",
-                  fill: "rgb(var(--white))"
-                })
-              ])
-            ]))
-          ]),
-          loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
-            vue.createVNode(Loader.default, { centered: false })
-          ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("input", {
-            type: "file",
-            name: "file",
-            ref_key: "fileInput",
-            ref: fileInput,
-            onChange: onFileChange,
-            style: { "display": "none" }
-          }, null, 544)
-        ], 32),
-        __props.text ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
-          vue.createElementVNode("span", _hoisted_8, vue.toDisplayString(textConfig.value.title), 1),
-          vue.createElementVNode("span", _hoisted_9, vue.toDisplayString(textConfig.value.subtitle), 1),
-          !imageUrl.value && !__props.photo && !previewUrl.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
-            vue.createElementVNode("button", {
-              onClick: onComponentClick,
-              class: "button button-small w-max bg-main t-black cursor-pointer"
-            }, vue.toDisplayString(textConfig.value.buttonText), 1)
-          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, [
-            vue.createElementVNode("button", {
-              onClick: onComponentClick,
-              class: "button button-small w-max bg-second t-white cursor-pointer"
-            }, " Upload "),
-            vue.createElementVNode("button", {
-              onClick: deleteImage,
-              class: "button button-small w-max bg-red t-white cursor-pointer"
-            }, " Delete ")
-          ]))
-        ])) : vue.createCommentVNode("", true)
-      ], 2);
-    };
-  }
-};
-const UploadImage = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-65075013"]]);
-exports.default = UploadImage;
-//# sourceMappingURL=UploadImage.vue.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"UploadImage.vue.cjs","sources":["../../../../../src/components/UploadImage/UploadImage.vue"],"sourcesContent":["<template>\n  <div class=\"upload-image-wrapper flex-v-center flex-nowrap flex gap-small\" :class=\"{'with-text': text}\">\n    <div \n      @click=\"onComponentClick\"\n      @drop=\"onDrop\"\n      @dragover.prevent\n      class=\"pos-relative radius-small br-solid br-1px br-black-transp-10 h-100 aspect-1x1 flex-v-center flex-h-center flex cursor-pointer\"\n    >\n      <img loading=\"lazy\" \n        v-if=\"imageUrl || photo || previewUrl\" \n        :src=\"previewUrl || (FILE_SERVER_URL || '') + (imageUrl || photo)\"\n        alt=\"Uploaded image\" \n        class=\"pos-absolute  radius-small o-hidden z-index-1 w-100 h-100 object-fit-cover\"\n      />\n      \n      <div v-else class=\"flex-v-center pos-relative z-index-2 flex-h-center flex w-100 h-100 radius-small  bg-second\" >\n        <IconUpload class=\"i-medium upload-icon\" fill=\"rgb(var(--white))\" />\n      </div>\n      \n      <!-- Hover controls -->\n      <div class=\"z-index-2 pos-relative  hover-controls pos-absolute w-100 h-100 flex-v-center flex-h-center flex\">\n        <div v-if=\"!imageUrl && !photo && !previewUrl\" class=\"hover-upload-icon\">\n          <IconUpload class=\"i-medium\" fill=\"rgb(var(--white))\" />\n        </div>\n        <div v-else class=\"hover-buttons flex gap-small\">\n          <button @click.stop=\"onComponentClick\" class=\"hover-button radius-small pd-thin bg-main t-white br-none cursor-pointer\">\n            <IconUpload class=\"i-medium\" fill=\"rgb(var(--white))\" />\n          </button>\n          <button @click.stop=\"deleteImage\" class=\"hover-button radius-small pd-thin bg-danger t-white br-none cursor-pointer\">\n            <IconDelete class=\"i-medium\" fill=\"rgb(var(--white))\" />\n          </button>\n        </div>\n      </div>\n      \n      <!-- Loading overlay -->\n      <div v-if=\"loading\" class=\"z-index-2 loading-overlay pos-absolute w-100 h-100 flex-v-center flex-h-center flex\">\n        <Loader :centered=\"false\" />\n      </div>\n      \n      <input type=\"file\" name=\"file\" ref=\"fileInput\" @change=\"onFileChange\" style=\"display: none\"/>\n    </div>\n    \n    <!-- Text block -->\n    <div v-if=\"text\" class=\"upload-text-block  flex flex-column\">\n      <span class=\"mn-b-small t-medium\">{{ textConfig.title }}</span>\n      <span class=\"mn-b-medium t-transp\">{{ textConfig.subtitle }}</span>\n      <div v-if=\"!imageUrl && !photo && !previewUrl\">\n        <button @click=\"onComponentClick\" class=\"button button-small w-max bg-main t-black cursor-pointer\">\n          {{ textConfig.buttonText }}\n        </button>\n      </div>\n      <div v-else class=\"flex gap-thin\">\n        <button @click=\"onComponentClick\" class=\"button button-small w-max bg-second t-white cursor-pointer\">\n          Upload \n        </button>\n        <button @click=\"deleteImage\" class=\"button button-small w-max bg-red t-white cursor-pointer\">\n          Delete\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch, computed } from 'vue';\nimport axios from 'axios';\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport IconUpload from '@martyrs/src/modules/icons/navigation/IconUpload.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\nconst imageUrl = ref(null);\nconst fileInput = ref(null);\nconst previewUrl = ref(null);\nconst loading = ref(false);\n\nconst props = defineProps({\n  uploadPath: {\n    type: String,\n    required: true\n  },\n  photo: {\n    type: String,\n    default: null\n  },\n  text: {\n    type: [Object, Boolean],\n    default: null\n  }\n});\n\nconst emit = defineEmits(['update:photo', 'error']);\n\n// Text configuration with defaults\nconst textConfig = computed(() => {\n  const defaults = {\n    title: 'Upload Image',\n    subtitle: 'Drag & drop your image here or click button. Supported: JPG, PNG, GIF. Max size: 2MB',\n    buttonText: 'Choose Image'\n  };\n  \n  if (props.text === true) {\n    return defaults;\n  } else if (typeof props.text === 'object' && props.text !== null) {\n    return {\n      title: props.text.title || defaults.title,\n      subtitle: props.text.subtitle || defaults.subtitle,\n      buttonText: props.text.buttonText || defaults.buttonText\n    };\n  }\n  \n  return defaults;\n});\n\nwatch(props, ({photo}) => {\n  if(photo) imageUrl.value = photo;\n});\n\nfunction onComponentClick() {\n  fileInput.value.click();\n}\n\nasync function onFileChange(e) {\n  let file = e.target.files[0];\n  if (!file) {\n    console.error(\"No file selected\");\n    return;\n  }\n  \n  // Create preview from file\n  const reader = new FileReader();\n  reader.onload = (e) => {\n    previewUrl.value = e.target.result;\n  };\n  reader.readAsDataURL(file);\n  \n  let formData = new FormData();\n  formData.append(\"file\", file);\n\n  console.log(\"Sending file:\", file.name); // Логируем имя файла перед отправкой\n  \n  loading.value = true;\n\n  try {\n    const $axios = axios.create({ baseURL: process.env.API_URL, withCredentials: true }); \n\n    let response = await $axios.post(`/api/upload/multiple?folderName=${encodeURIComponent(props.uploadPath)}`, formData);\n    console.log(\"Upload response:\", response); // Логируем ответ сервера\n    imageUrl.value = response.data[0].filepath;\n    previewUrl.value = null; // Clear preview after successful upload\n    emit('update:photo', imageUrl.value);\n  } catch (error) {\n    emit('error', error);\n    console.error(\"Upload error:\", error); // Логируем ошибку\n    previewUrl.value = null; // Clear preview on error\n  } finally {\n    loading.value = false;\n  }\n}\n\n\nfunction onDrop(e) {\n  e.preventDefault();\n  onFileChange({\n    target: {\n      files: e.dataTransfer.files\n    }\n  });\n}\n\nfunction deleteImage() {\n  imageUrl.value = null;\n  previewUrl.value = null;\n  emit('update:photo', null);\n  // Reset file input\n  if (fileInput.value) {\n    fileInput.value.value = '';\n  }\n}\n</script>\n\n<style scoped>\n.image-upload-area {\n  overflow: hidden;\n  transition: all 0.3s ease;\n}\n\n.image-upload-area:hover {\n  opacity: 0.95;\n}\n\n/* Hover controls */\n.hover-controls {\n  top: 0;\n  left: 0;\n  background: rgba(0, 0, 0, 0.7);\n  opacity: 0;\n  transition: opacity 0.3s ease;\n  pointer-events: none;\n}\n\n.image-upload-area:hover .hover-controls {\n  opacity: 1;\n  pointer-events: all;\n}\n\n.hover-upload-icon {\n  animation: pulse 1.5s infinite;\n}\n\n.hover-button {\n  transition: transform 0.2s ease, background-color 0.2s ease;\n}\n\n.hover-button:hover {\n  transform: scale(1.1);\n}\n\n.hover-button:active {\n  transform: scale(0.95);\n}\n\n/* Loading overlay */\n.loading-overlay {\n  top: 0;\n  left: 0;\n  background: rgba(255, 255, 255, 0.9);\n  z-index: 10;\n}\n\n/* Animations */\n@keyframes pulse {\n  0% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  50% {\n    transform: scale(1.05);\n    opacity: 0.8;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n\n/* Upload icon in empty state */\n.upload-icon {\n  transition: transform 0.3s ease;\n}\n\n.image-upload-area:hover .upload-icon {\n  transform: scale(1.1);\n}\n</style>\n"],"names":["ref","computed","watch","e"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEA,UAAM,WAAWA,IAAAA,IAAI,IAAI;AACzB,UAAM,YAAYA,IAAAA,IAAI,IAAI;AAC1B,UAAM,aAAaA,IAAAA,IAAI,IAAI;AAC3B,UAAM,UAAUA,IAAAA,IAAI,KAAK;AAEzB,UAAM,QAAQ;AAed,UAAM,OAAO;AAGb,UAAM,aAAaC,IAAAA,SAAS,MAAM;AAChC,YAAM,WAAW;AAAA,QACf,OAAO;AAAA,QACP,UAAU;AAAA,QACV,YAAY;AAAA,MAChB;AAEE,UAAI,MAAM,SAAS,MAAM;AACvB,eAAO;AAAA,MACT,WAAW,OAAO,MAAM,SAAS,YAAY,MAAM,SAAS,MAAM;AAChE,eAAO;AAAA,UACL,OAAO,MAAM,KAAK,SAAS,SAAS;AAAA,UACpC,UAAU,MAAM,KAAK,YAAY,SAAS;AAAA,UAC1C,YAAY,MAAM,KAAK,cAAc,SAAS;AAAA,QACpD;AAAA,MACE;AAEA,aAAO;AAAA,IACT,CAAC;AAEDC,QAAAA,MAAM,OAAO,CAAC,EAAC,MAAK,MAAM;AACxB,UAAG,MAAO,UAAS,QAAQ;AAAA,IAC7B,CAAC;AAED,aAAS,mBAAmB;AAC1B,gBAAU,MAAM,MAAK;AAAA,IACvB;AAEA,mBAAe,aAAa,GAAG;AAC7B,UAAI,OAAO,EAAE,OAAO,MAAM,CAAC;AAC3B,UAAI,CAAC,MAAM;AACT,gBAAQ,MAAM,kBAAkB;AAChC;AAAA,MACF;AAGA,YAAM,SAAS,IAAI,WAAU;AAC7B,aAAO,SAAS,CAACC,OAAM;AACrB,mBAAW,QAAQA,GAAE,OAAO;AAAA,MAC9B;AACA,aAAO,cAAc,IAAI;AAEzB,UAAI,WAAW,IAAI,SAAQ;AAC3B,eAAS,OAAO,QAAQ,IAAI;AAE5B,cAAQ,IAAI,iBAAiB,KAAK,IAAI;AAEtC,cAAQ,QAAQ;AAEhB,UAAI;AACF,cAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,SAAS,iBAAiB,KAAI,CAAE;AAEnF,YAAI,WAAW,MAAM,OAAO,KAAK,mCAAmC,mBAAmB,MAAM,UAAU,CAAC,IAAI,QAAQ;AACpH,gBAAQ,IAAI,oBAAoB,QAAQ;AACxC,iBAAS,QAAQ,SAAS,KAAK,CAAC,EAAE;AAClC,mBAAW,QAAQ;AACnB,aAAK,gBAAgB,SAAS,KAAK;AAAA,MACrC,SAAS,OAAO;AACd,aAAK,SAAS,KAAK;AACnB,gBAAQ,MAAM,iBAAiB,KAAK;AACpC,mBAAW,QAAQ;AAAA,MACrB,UAAC;AACC,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IACF;AAGA,aAAS,OAAO,GAAG;AACjB,QAAE,eAAc;AAChB,mBAAa;AAAA,QACX,QAAQ;AAAA,UACN,OAAO,EAAE,aAAa;AAAA,QAC5B;AAAA,MACA,CAAG;AAAA,IACH;AAEA,aAAS,cAAc;AACrB,eAAS,QAAQ;AACjB,iBAAW,QAAQ;AACnB,WAAK,gBAAgB,IAAI;AAEzB,UAAI,UAAU,OAAO;AACnB,kBAAU,MAAM,QAAQ;AAAA,MAC1B;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}