@mobilon-dev/chotto 0.3.98 → 0.3.99

package/dist/components/2_chatinput_elements/FilePreview/FilePreview.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as N, inject as P, ref as u, computed as d, onMounted as S } from "vue";
-import b from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
+import { defineComponent as V, inject as $, ref as s, computed as I, onMounted as x, createElementBlock as n, openBlock as o, createElementVNode as i, createBlock as h, withDirectives as k, vShow as g, createCommentVNode as r, toDisplayString as c, Teleport as A, createVNode as L, Transition as U, withCtx as T, unref as N } from "vue";
+import z from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as E } from "../../../hooks/useTheme.js";
+import { useTheme as B } from "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
@@ -11,8 +11,20 @@ import "../../../locale/useLocale.js";
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-import { safeMediaPlay as I } from "../../../functions/safeMediaPlay.js";
-const H = /* @__PURE__ */ N({
+import { safeMediaPlay as D } from "../../../functions/safeMediaPlay.js";
+const j = { class: "preview__container" }, F = { class: "preview__block" }, O = ["src"], q = ["src"], G = {
+  key: 2,
+  style: { display: "flex", gap: "5px" }
+}, H = ["src"], J = { class: "pi pi-play" }, K = { class: "pi pi-pause" }, Q = { key: 3 }, R = { class: "preview__control-block" }, W = { class: "preview__information" }, X = { class: "preview__name" }, Y = {
+  key: 0,
+  class: "preview__size"
+}, Z = {
+  key: 1,
+  class: "preview__audio-time"
+}, ee = {
+  key: 2,
+  class: "preview__audio-time"
+}, ie = { class: "preview__reset" }, te = ["src"], le = ["src"], ye = /* @__PURE__ */ V({
   __name: "FilePreview",
   props: {
     fileInfo: {
@@ -21,33 +33,131 @@ const H = /* @__PURE__ */ N({
     }
   },
   emits: ["reset"],
-  setup(L, { expose: m, emit: p }) {
-    m();
-    const o = P("chatAppId"), { getTheme: c } = E(o), f = p, e = u(), t = u(), r = u(!1), a = u(0), i = u(0), l = u(!1), _ = () => l.value = !1;
-    function T() {
-      e.value && (r.value ? e.value.pause() : I(e.value), r.value = !r.value);
+  setup(t, { emit: C }) {
+    const b = $("chatAppId"), { getTheme: p } = B(b), E = C, e = s(), a = s(), u = s(!1), d = s(0), _ = s(0), v = s(!1), M = () => v.value = !1;
+    function P() {
+      e.value && (u.value ? e.value.pause() : D(e.value), u.value = !u.value);
     }
-    const n = (s) => {
-      const g = Math.floor(s / 60), h = Math.floor(s % 60);
-      return `${g.toString().padStart(2, "0")}:${h.toString().padStart(2, "0")}`;
-    }, y = d(() => e.value ? n(i.value) : "0:00"), M = d(() => e.value || t.value ? n(a.value) : "0:00");
-    S(() => {
+    const w = (m) => {
+      const l = Math.floor(m / 60), f = Math.floor(m % 60);
+      return `${l.toString().padStart(2, "0")}:${f.toString().padStart(2, "0")}`;
+    }, S = I(() => e.value ? w(_.value) : "0:00"), y = I(() => e.value || a.value ? w(d.value) : "0:00");
+    return x(() => {
       e.value != null && (e.value.addEventListener("loadedmetadata", () => {
         e.value != null && (e.value.duration == 1 / 0 || Number.isNaN(e.value.duration)) && (e.value.currentTime = 1e101, e.value.addEventListener("timeupdate", () => {
-          e.value && (e.value.currentTime = 0, a.value = e.value.duration);
-        }, { once: !0 })), a.value = e.value != null ? e.value.duration : 0;
+          e.value && (e.value.currentTime = 0, d.value = e.value.duration);
+        }, { once: !0 })), d.value = e.value != null ? e.value.duration : 0;
       }), e.value.addEventListener("timeupdate", () => {
-        i.value = e.value != null ? e.value.currentTime : 0;
-      })), t.value && t.value.addEventListener("loadedmetadata", () => {
-        t.value && (a.value = t.value.duration, (t.value.duration == 1 / 0 || Number.isNaN(t.value.duration)) && (t.value.currentTime = 1e101, t.value.addEventListener("timeupdate", () => {
-          t.value && (t.value.currentTime = 0, a.value = t.value.duration);
+        _.value = e.value != null ? e.value.currentTime : 0;
+      })), a.value && a.value.addEventListener("loadedmetadata", () => {
+        a.value && (d.value = a.value.duration, (a.value.duration == 1 / 0 || Number.isNaN(a.value.duration)) && (a.value.currentTime = 1e101, a.value.addEventListener("timeupdate", () => {
+          a.value && (a.value.currentTime = 0, d.value = a.value.duration);
         }, { once: !0 })));
       });
-    });
-    const v = { chatAppId: o, getTheme: c, emit: f, audio: e, video: t, isPlaying: r, duration: a, currentTime: i, isOpenModal: l, closeModal: _, togglePlayPause: T, formatTime: n, formatCurrentTime: y, formatDuration: M, ModalFullscreen: b };
-    return Object.defineProperty(v, "__isScriptSetup", { enumerable: !1, value: !0 }), v;
+    }), (m, l) => (o(), n("div", j, [
+      i("div", F, [
+        t.fileInfo.isImage ? (o(), n("div", {
+          key: 0,
+          style: { position: "relative" },
+          onClick: l[0] || (l[0] = (f) => v.value = !0)
+        }, [
+          i("img", {
+            src: t.fileInfo.previewUrl,
+            alt: "Image Preview",
+            class: "preview__image"
+          }, null, 8, O),
+          l[3] || (l[3] = i("div", { class: "preview__shadow" }, [
+            i("span", { class: "pi pi-plus-circle" })
+          ], -1))
+        ])) : t.fileInfo.isVideo ? (o(), n("div", {
+          key: 1,
+          style: { position: "relative" },
+          onClick: l[1] || (l[1] = (f) => v.value = !0)
+        }, [
+          i("video", {
+            ref_key: "video",
+            ref: a,
+            src: t.fileInfo.previewUrl,
+            class: "preview__video"
+          }, null, 8, q),
+          l[4] || (l[4] = i("div", { class: "preview__shadow" }, [
+            i("span", { class: "pi pi-play" })
+          ], -1))
+        ])) : t.fileInfo.isAudio ? (o(), n("div", G, [
+          l[5] || (l[5] = i("span", {
+            class: "pi pi-headphones",
+            style: { "font-size": "1rem", margin: "auto" }
+          }, null, -1)),
+          i("audio", {
+            ref_key: "audio",
+            ref: e,
+            src: t.fileInfo.previewUrl
+          }, null, 8, H),
+          i("button", {
+            class: "preview__audio-control",
+            onClick: P
+          }, [
+            k(i("span", J, null, 512), [
+              [g, !u.value]
+            ]),
+            k(i("span", K, null, 512), [
+              [g, u.value]
+            ])
+          ])
+        ])) : (o(), n("div", Q, [...l[6] || (l[6] = [
+          i("span", {
+            class: "pi pi-file",
+            style: { "font-size": "2.5rem" }
+          }, null, -1)
+        ])]))
+      ]),
+      i("div", R, [
+        i("div", W, [
+          i("span", X, c(t.fileInfo.fileName), 1),
+          !t.fileInfo.isAudio && !t.fileInfo.isVideo ? (o(), n("span", Y, c(t.fileInfo.fileSize), 1)) : r("", !0),
+          t.fileInfo.isAudio ? (o(), n("span", Z, c(`${S.value} / ${y.value}`), 1)) : r("", !0),
+          t.fileInfo.isVideo ? (o(), n("span", ee, c(y.value), 1)) : r("", !0)
+        ]),
+        i("div", ie, [
+          i("span", {
+            class: "pi pi-times",
+            onClick: l[2] || (l[2] = (f) => E("reset"))
+          })
+        ])
+      ]),
+      (o(), h(A, { to: "body" }, [
+        L(U, { name: "modal-fade" }, {
+          default: T(() => [
+            v.value ? (o(), h(z, {
+              key: 0,
+              theme: N(p)().theme ? N(p)().theme : "",
+              title: t.fileInfo.fileName,
+              onClose: M
+            }, {
+              default: T(() => [
+                t.fileInfo.isVideo ? (o(), n("video", {
+                  key: 0,
+                  class: "preview__modal-video",
+                  src: t.fileInfo.previewUrl,
+                  controls: "",
+                  autoplay: ""
+                }, null, 8, te)) : r("", !0),
+                t.fileInfo.isImage ? (o(), n("img", {
+                  key: 1,
+                  class: "preview__modal-image",
+                  src: t.fileInfo.previewUrl,
+                  alt: "Image Preview"
+                }, null, 8, le)) : r("", !0)
+              ]),
+              _: 1
+            }, 8, ["theme", "title"])) : r("", !0)
+          ]),
+          _: 1
+        })
+      ]))
+    ]));
   }
 });
 export {
-  H as default
+  ye as default
 };

package/dist/components/2_chatinput_elements/FileUploader/FileUploader.vue.js

@@ -1,81 +1,7 @@
-import d from "./FileUploader.vue2.js";
-import { createElementBlock as t, openBlock as a, Fragment as s, createCommentVNode as i, createElementVNode as o, normalizeClass as u, createVNode as p } from "vue";
+import o from "./FileUploader.vue2.js";
 /* empty css                  */
-import c from "../../../_virtual/_plugin-vue_export-helper.js";
-const f = {
-  key: 0,
-  class: "file-uploader__status file-uploader__status--uploading"
-}, _ = {
-  key: 1,
-  class: "file-uploader__status file-uploader__status--error"
-}, m = ["disabled"];
-function g(v, l, n, e, F, U) {
-  return a(), t(
-    s,
-    null,
-    [
-      e.uploadStatus === "uploading" ? (a(), t("div", f, [...l[2] || (l[2] = [
-        o(
-          "span",
-          null,
-          "Загрузка",
-          -1
-          /* CACHED */
-        ),
-        o(
-          "span",
-          null,
-          "файла...",
-          -1
-          /* CACHED */
-        )
-      ])])) : e.uploadStatus === "error" ? (a(), t("div", _, [...l[3] || (l[3] = [
-        o(
-          "span",
-          null,
-          "Ошибка при загрузке файла.",
-          -1
-          /* CACHED */
-        )
-      ])])) : i("v-if", !0),
-      i(` <ButtonContextMenu
-    v-else-if="!getMessage().isRecording"
-    :actions="actions"
-    :mode="'hover'"
-    :menu-side="'top'"
-    :disabled="!canUploadFile || state == 'disabled'"
-    @click="triggerFileUpload"
-    @button-click="triggerFileUploadDefault"
-  > `),
-      o("span", {
-        ref: "triggerElement",
-        class: u(["file-uploader__trigger", { "file-uploader__disabled": !e.canUploadFile || n.state == "disabled" }]),
-        disabled: !e.canUploadFile || n.state == "disabled",
-        onClick: e.triggerFileUploadDefault,
-        onMouseenter: l[0] || (l[0] = (r) => e.isHovered = !0),
-        onMouseleave: l[1] || (l[1] = (r) => e.isHovered = !1)
-      }, [
-        p(e.FileUploaderIcon, { fill: e.currentIconColor }, null, 8, ["fill"])
-      ], 42, m),
-      i(" </ButtonContextMenu> "),
-      o(
-        "input",
-        {
-          ref: "fileInput",
-          style: { display: "none" },
-          type: "file",
-          onChange: e.onFileSelected
-        },
-        null,
-        544
-        /* NEED_HYDRATION, NEED_PATCH */
-      )
-    ],
-    64
-    /* STABLE_FRAGMENT */
-  );
-}
-const y = /* @__PURE__ */ c(d, [["render", g], ["__scopeId", "data-v-b26588f6"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_chatinput_elements/FileUploader/FileUploader.vue"]]);
+import r from "../../../_virtual/_plugin-vue_export-helper.js";
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f82b23fd"]]);
 export {
-  y as default
+  a as default
 };

package/dist/components/2_chatinput_elements/FileUploader/FileUploader.vue2.js

@@ -1,7 +1,7 @@
-import { defineComponent as j, ref as n, inject as z, computed as C, watchEffect as B, watch as H, onMounted as L, onUnmounted as N } from "vue";
-import { buildFilePreview as V } from "../../../hooks/uploadFile/generatePreview.js";
-import { uploadFile as k } from "../../../hooks/uploadFile/uploadFile.js";
-import { useMessageDraft as R } from "../../../hooks/useMessageDraft.js";
+import { defineComponent as D, ref as r, inject as x, computed as M, watchEffect as z, watch as A, onMounted as O, onUnmounted as P, createElementBlock as y, openBlock as b, Fragment as $, createCommentVNode as H, createElementVNode as a, normalizeClass as L, createVNode as j, unref as R } from "vue";
+import { buildFilePreview as q } from "../../../hooks/uploadFile/generatePreview.js";
+import { uploadFile as G } from "../../../hooks/uploadFile/uploadFile.js";
+import { useMessageDraft as J } from "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
@@ -12,8 +12,14 @@ import "../../../locale/useLocale.js";
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-import q from "./icons/FileUploaderIcon.vue.js";
-const le = /* @__PURE__ */ j({
+import K from "./icons/FileUploaderIcon.vue.js";
+const Q = {
+  key: 0,
+  class: "file-uploader__status file-uploader__status--uploading"
+}, T = {
+  key: 1,
+  class: "file-uploader__status file-uploader__status--error"
+}, W = ["disabled"], de = /* @__PURE__ */ D({
   __name: "FileUploader",
   props: {
     filebumpUrl: {
@@ -26,92 +32,108 @@ const le = /* @__PURE__ */ j({
     }
   },
   emits: ["fileUploaded"],
-  setup(E, { expose: M, emit: O }) {
-    M();
-    const p = E, s = n(""), i = n(), b = n();
-    b.value;
-    const l = z("chatAppId"), { setMessageFile: y, resetMessageFile: h, getMessage: d, setRecordingMessage: v } = R(l), a = n("#5F5F5F"), u = n("#404040"), w = n(!1);
-    let r = null;
-    const m = () => {
-      if (!l) {
-        a.value = "#5F5F5F", u.value = "#404040";
+  setup(d, { emit: X }) {
+    const m = d, o = r(""), i = r(), _ = r();
+    _.value;
+    const n = x("chatAppId"), { setMessageFile: U, resetMessageFile: k, getMessage: w, setRecordingMessage: C } = J(n), u = r("#5F5F5F"), p = r("#404040"), v = r(!1);
+    let s = null;
+    const g = () => {
+      if (!n) {
+        u.value = "#5F5F5F", p.value = "#404040";
         return;
       }
-      const t = document.getElementById(l);
-      if (!t) {
-        a.value = "#5F5F5F", u.value = "#404040";
+      const l = document.getElementById(n);
+      if (!l) {
+        u.value = "#5F5F5F", p.value = "#404040";
         return;
       }
-      const o = window.getComputedStyle(t), e = o.getPropertyValue("--chotto-fileuploader-trigger-color").trim(), f = o.getPropertyValue("--chotto-fileuploader-trigger-hover-color").trim();
-      a.value = e || "#5F5F5F", u.value = f || "#404040";
-    }, D = C(() => w.value ? u.value : a.value);
-    B(() => {
-      m();
+      const e = window.getComputedStyle(l), t = e.getPropertyValue("--chotto-fileuploader-trigger-color").trim(), f = e.getPropertyValue("--chotto-fileuploader-trigger-hover-color").trim();
+      u.value = t || "#5F5F5F", p.value = f || "#404040";
+    }, S = M(() => v.value ? p.value : u.value);
+    z(() => {
+      g();
     });
-    const P = O, U = C(() => !d().file), c = () => {
+    const F = M(() => !w().file), c = () => {
       i.value && (i.value.value = "");
-    }, I = () => {
-      h(), s.value = "", c();
-    }, x = async () => {
-      var o, e;
-      const t = (e = (o = i.value) == null ? void 0 : o.files) == null ? void 0 : e[0];
-      I(), t && await g(t), c();
-    }, A = () => {
-      i.value && U.value && p.state == "active" && (c(), i.value.click());
-    }, F = async (t) => {
-      var e;
-      const o = (e = t.clipboardData) == null ? void 0 : e.items;
-      if (o) {
-        for (let f of o)
+    }, N = () => {
+      k(), o.value = "", c();
+    }, V = async () => {
+      var e, t;
+      const l = (t = (e = i.value) == null ? void 0 : e.files) == null ? void 0 : t[0];
+      N(), l && await E(l), c();
+    }, B = () => {
+      i.value && F.value && m.state == "active" && (c(), i.value.click());
+    }, h = async (l) => {
+      var t;
+      const e = (t = l.clipboardData) == null ? void 0 : t.items;
+      if (e) {
+        for (let f of e)
           if (f.type.indexOf("image") !== -1) {
-            t.preventDefault();
-            const S = f.getAsFile();
-            S && g(S);
+            l.preventDefault();
+            const I = f.getAsFile();
+            I && E(I);
           }
       }
-    }, g = async (t) => {
-      s.value = "uploading", v(!0);
-      const o = typeof p.filebumpUrl == "string" ? p.filebumpUrl : null;
-      await k(o, t).then((e) => {
-        v(!1), s.value = e.status, e.status == "success" && y({
-          url: e.url,
-          name: e.name,
-          size: e.size,
-          type: e.type,
-          preview: V(e.name, e.preview)
+    }, E = async (l) => {
+      o.value = "uploading", C(!0);
+      const e = typeof m.filebumpUrl == "string" ? m.filebumpUrl : null;
+      await G(e, l).then((t) => {
+        C(!1), o.value = t.status, t.status == "success" && U({
+          url: t.url,
+          name: t.name,
+          size: t.size,
+          type: t.type,
+          preview: q(t.name, t.preview)
         });
       });
     };
-    H(
-      () => d().file,
-      (t) => {
-        t || (s.value = "", c());
+    return A(
+      () => w().file,
+      (l) => {
+        l || (o.value = "", c());
       }
-    ), L(() => {
-      if (window.addEventListener("paste", F), m(), l) {
-        const t = document.getElementById(l);
-        t && (r = new MutationObserver((o) => {
-          o.forEach((e) => {
-            e.type === "attributes" && e.attributeName === "data-theme" && m();
+    ), O(() => {
+      if (window.addEventListener("paste", h), g(), n) {
+        const l = document.getElementById(n);
+        l && (s = new MutationObserver((e) => {
+          e.forEach((t) => {
+            t.type === "attributes" && t.attributeName === "data-theme" && g();
           });
-        }), r.observe(t, {
+        }), s.observe(l, {
           attributes: !0,
           attributeFilter: ["data-theme"]
         }));
       }
-    }), N(() => {
-      window.removeEventListener("paste", F), r && (r.disconnect(), r = null);
-    });
-    const _ = { props: p, uploadStatus: s, fileInput: i, triggerElement: b, chatAppId: l, setMessageFile: y, resetMessageFile: h, getMessage: d, setRecordingMessage: v, iconFillColor: a, iconHoverColor: u, isHovered: w, get themeObserver() {
-      return r;
-    }, set themeObserver(t) {
-      r = t;
-    }, updateIconColor: m, currentIconColor: D, emit: P, canUploadFile: U, resetNativeFileInput: c, resetSelectedFile: I, onFileSelected: x, triggerFileUploadDefault: A, pasteFromClipboard: F, handleFileUpload: g, get FileUploaderIcon() {
-      return q;
-    } };
-    return Object.defineProperty(_, "__isScriptSetup", { enumerable: !1, value: !0 }), _;
+    }), P(() => {
+      window.removeEventListener("paste", h), s && (s.disconnect(), s = null);
+    }), (l, e) => (b(), y($, null, [
+      o.value === "uploading" ? (b(), y("div", Q, [...e[2] || (e[2] = [
+        a("span", null, "Загрузка", -1),
+        a("span", null, "файла...", -1)
+      ])])) : o.value === "error" ? (b(), y("div", T, [...e[3] || (e[3] = [
+        a("span", null, "Ошибка при загрузке файла.", -1)
+      ])])) : H("", !0),
+      a("span", {
+        ref_key: "triggerElement",
+        ref: _,
+        class: L(["file-uploader__trigger", { "file-uploader__disabled": !F.value || d.state == "disabled" }]),
+        disabled: !F.value || d.state == "disabled",
+        onClick: B,
+        onMouseenter: e[0] || (e[0] = (t) => v.value = !0),
+        onMouseleave: e[1] || (e[1] = (t) => v.value = !1)
+      }, [
+        j(R(K), { fill: S.value }, null, 8, ["fill"])
+      ], 42, W),
+      a("input", {
+        ref_key: "fileInput",
+        ref: i,
+        style: { display: "none" },
+        type: "file",
+        onChange: V
+      }, null, 544)
+    ], 64));
   }
 });
 export {
-  le as default
+  de as default
 };

package/dist/components/2_chatinput_elements/FileUploader/icons/FileUploaderIcon.vue.js

@@ -1,22 +1,24 @@
-import o from "./FileUploaderIcon.vue2.js";
-import { createElementBlock as t, openBlock as C, createElementVNode as r } from "vue";
-import c from "../../../../_virtual/_plugin-vue_export-helper.js";
-const l = {
+import { defineComponent as e, createElementBlock as t, openBlock as l, createElementVNode as o } from "vue";
+const n = {
   width: "26",
   height: "26",
   viewBox: "0 0 26 26",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, n = ["fill"];
-function s(i, p, e, _, a, d) {
-  return C(), t("svg", l, [
-    r("path", {
-      d: "M7.3125 4.875C7.3125 3.79756 7.74051 2.76425 8.50238 2.00238C9.26425 1.24051 10.2976 0.8125 11.375 0.8125C12.4524 0.8125 13.4858 1.24051 14.2476 2.00238C15.0095 2.76425 15.4375 3.79756 15.4375 4.875V19.5C15.4375 20.1465 15.1807 20.7665 14.7236 21.2236C14.2665 21.6807 13.6465 21.9375 13 21.9375C12.3535 21.9375 11.7335 21.6807 11.2764 21.2236C10.8193 20.7665 10.5625 20.1465 10.5625 19.5V8.125C10.5625 7.90951 10.6481 7.70285 10.8005 7.55048C10.9528 7.3981 11.1595 7.3125 11.375 7.3125C11.5905 7.3125 11.7972 7.3981 11.9495 7.55048C12.1019 7.70285 12.1875 7.90951 12.1875 8.125V19.5C12.1875 19.7155 12.2731 19.9222 12.4255 20.0745C12.5778 20.2269 12.7845 20.3125 13 20.3125C13.2155 20.3125 13.4222 20.2269 13.5745 20.0745C13.7269 19.9222 13.8125 19.7155 13.8125 19.5V4.875C13.8125 4.5549 13.7495 4.23794 13.627 3.94221C13.5045 3.64648 13.3249 3.37777 13.0986 3.15143C12.8722 2.92508 12.6035 2.74554 12.3078 2.62304C12.0121 2.50055 11.6951 2.4375 11.375 2.4375C11.0549 2.4375 10.7379 2.50055 10.4422 2.62304C10.1465 2.74554 9.87777 2.92508 9.65143 3.15143C9.42508 3.37777 9.24554 3.64648 9.12304 3.94221C9.00055 4.23794 8.9375 4.5549 8.9375 4.875V19.5C8.9375 20.5774 9.36551 21.6108 10.1274 22.3726C10.8892 23.1345 11.9226 23.5625 13 23.5625C14.0774 23.5625 15.1108 23.1345 15.8726 22.3726C16.6345 21.6108 17.0625 20.5774 17.0625 19.5V8.125C17.0625 7.90951 17.1481 7.70285 17.3005 7.55048C17.4528 7.3981 17.6595 7.3125 17.875 7.3125C18.0905 7.3125 18.2972 7.3981 18.4495 7.55048C18.6019 7.70285 18.6875 7.90951 18.6875 8.125V19.5C18.6875 21.0084 18.0883 22.4551 17.0217 23.5217C15.9551 24.5883 14.5084 25.1875 13 25.1875C11.4916 25.1875 10.0449 24.5883 8.97833 23.5217C7.91172 22.4551 7.3125 21.0084 7.3125 19.5V4.875Z",
-      fill: e.fill
-    }, null, 8, n)
-  ]);
-}
-const V = /* @__PURE__ */ c(o, [["render", s], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_chatinput_elements/FileUploader/icons/FileUploaderIcon.vue"]]);
+}, i = ["fill"], a = /* @__PURE__ */ e({
+  __name: "FileUploaderIcon",
+  props: {
+    fill: { default: "#5F5F5F" }
+  },
+  setup(C) {
+    return (c, r) => (l(), t("svg", n, [
+      o("path", {
+        d: "M7.3125 4.875C7.3125 3.79756 7.74051 2.76425 8.50238 2.00238C9.26425 1.24051 10.2976 0.8125 11.375 0.8125C12.4524 0.8125 13.4858 1.24051 14.2476 2.00238C15.0095 2.76425 15.4375 3.79756 15.4375 4.875V19.5C15.4375 20.1465 15.1807 20.7665 14.7236 21.2236C14.2665 21.6807 13.6465 21.9375 13 21.9375C12.3535 21.9375 11.7335 21.6807 11.2764 21.2236C10.8193 20.7665 10.5625 20.1465 10.5625 19.5V8.125C10.5625 7.90951 10.6481 7.70285 10.8005 7.55048C10.9528 7.3981 11.1595 7.3125 11.375 7.3125C11.5905 7.3125 11.7972 7.3981 11.9495 7.55048C12.1019 7.70285 12.1875 7.90951 12.1875 8.125V19.5C12.1875 19.7155 12.2731 19.9222 12.4255 20.0745C12.5778 20.2269 12.7845 20.3125 13 20.3125C13.2155 20.3125 13.4222 20.2269 13.5745 20.0745C13.7269 19.9222 13.8125 19.7155 13.8125 19.5V4.875C13.8125 4.5549 13.7495 4.23794 13.627 3.94221C13.5045 3.64648 13.3249 3.37777 13.0986 3.15143C12.8722 2.92508 12.6035 2.74554 12.3078 2.62304C12.0121 2.50055 11.6951 2.4375 11.375 2.4375C11.0549 2.4375 10.7379 2.50055 10.4422 2.62304C10.1465 2.74554 9.87777 2.92508 9.65143 3.15143C9.42508 3.37777 9.24554 3.64648 9.12304 3.94221C9.00055 4.23794 8.9375 4.5549 8.9375 4.875V19.5C8.9375 20.5774 9.36551 21.6108 10.1274 22.3726C10.8892 23.1345 11.9226 23.5625 13 23.5625C14.0774 23.5625 15.1108 23.1345 15.8726 22.3726C16.6345 21.6108 17.0625 20.5774 17.0625 19.5V8.125C17.0625 7.90951 17.1481 7.70285 17.3005 7.55048C17.4528 7.3981 17.6595 7.3125 17.875 7.3125C18.0905 7.3125 18.2972 7.3981 18.4495 7.55048C18.6019 7.70285 18.6875 7.90951 18.6875 8.125V19.5C18.6875 21.0084 18.0883 22.4551 17.0217 23.5217C15.9551 24.5883 14.5084 25.1875 13 25.1875C11.4916 25.1875 10.0449 24.5883 8.97833 23.5217C7.91172 22.4551 7.3125 21.0084 7.3125 19.5V4.875Z",
+        fill: C.fill
+      }, null, 8, i)
+    ]));
+  }
+});
 export {
-  V as default
+  a as default
 };

package/dist/components/2_chatinput_elements/FileUploader/icons/FileUploaderIcon.vue2.js

@@ -1,15 +1,4 @@
-import { defineComponent as t } from "vue";
-const o = /* @__PURE__ */ t({
-  __name: "FileUploaderIcon",
-  props: {
-    fill: { type: String, required: !1, default: "#5F5F5F" }
-  },
-  setup(p, { expose: r }) {
-    r();
-    const e = {};
-    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
-  }
-});
+import f from "./FileUploaderIcon.vue.js";
 export {
-  o as default
+  f as default
 };

package/dist/components/2_chatinput_elements/PlaceholderComponent/PlaceholderComponent.vue.js

@@ -1,7 +1,7 @@
-import { createElementBlock as w, openBlock as b, withKeys as E, normalizeClass as F, toDisplayString as k, inject as f, ref as d, watch as h, onMounted as _, onUnmounted as v, nextTick as g } from "vue";
+import { inject as p, ref as c, watch as g, onMounted as h, onUnmounted as v, createElementBlock as y, openBlock as w, withKeys as x, normalizeClass as k, unref as E, toDisplayString as F, nextTick as B } from "vue";
 /* empty css                          */
-import B from "../../../_virtual/_plugin-vue_export-helper.js";
-const C = {
+import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+const b = ["id"], I = {
   __name: "PlaceholderComponent",
   props: {
     index: {
@@ -18,55 +18,49 @@ const C = {
     }
   },
   emits: ["edit"],
-  setup(c, { expose: s, emit: l }) {
-    s();
-    const t = f("chatAppId"), e = c, r = l, o = d(e.value), u = d();
-    h(
+  setup(l, { emit: u }) {
+    const i = p("chatAppId"), e = l, s = u, n = c(e.value), r = c();
+    g(
       () => e.isFilled,
       () => {
-        e.isFilled || (o.value = "Заполнить");
+        e.isFilled || (n.value = "Заполнить");
       },
       { immediate: !0 }
     );
-    const y = (n) => {
+    const f = (t) => {
       if (!e.isFilled) {
-        o.value = "";
-        const i = window.getSelection();
-        i.getRangeAt && i.rangeCount && i.getRangeAt(0).selectNodeContents(n.target);
+        n.value = "";
+        const o = window.getSelection();
+        o.getRangeAt && o.rangeCount && o.getRangeAt(0).selectNodeContents(t.target);
       }
     };
-    function p() {
-      o.value = u.value.innerText.trim(), e.value != o.value && (o.value != "" ? r("edit", [o.value, e.index]) : e.isFilled ? g(() => {
-        o.value = e.value;
-      }) : o.value = "Заполнить");
+    function a() {
+      n.value = r.value.innerText.trim(), e.value != n.value && (n.value != "" ? s("edit", [n.value, e.index]) : e.isFilled ? B(() => {
+        n.value = e.value;
+      }) : n.value = "Заполнить");
     }
-    function x(n) {
-      n.target.blur(), p();
+    function m(t) {
+      t.target.blur(), a();
     }
-    function a(n) {
-      n.target == document.getElementById("placeholder" + t + e.index) && (n.key === "Escape" && n.target.blur(), n.key == "Tab" && (n.target.blur(), document.getElementById("placeholder" + t + (e.index + 1)) && (n.preventDefault(), document.getElementById("placeholder" + t + (e.index + 1)).focus())));
+    function d(t) {
+      t.target == document.getElementById("placeholder" + i + e.index) && (t.key === "Escape" && t.target.blur(), t.key == "Tab" && (t.target.blur(), document.getElementById("placeholder" + i + (e.index + 1)) && (t.preventDefault(), document.getElementById("placeholder" + i + (e.index + 1)).focus())));
     }
-    _(() => {
-      window.addEventListener("keydown", a);
+    return h(() => {
+      window.addEventListener("keydown", d);
     }), v(() => {
-      window.removeEventListener("keydown", a);
-    });
-    const m = { chatAppId: t, props: e, emit: r, v: o, refPlaceholder: u, prepare: y, validate: p, handleEnter: x, handleKey: a, onMounted: _, onUnmounted: v, ref: d, inject: f, nextTick: g, watch: h };
-    return Object.defineProperty(m, "__isScriptSetup", { enumerable: !1, value: !0 }), m;
+      window.removeEventListener("keydown", d);
+    }), (t, o) => (w(), y("span", {
+      id: "placeholder" + E(i) + l.index,
+      ref_key: "refPlaceholder",
+      ref: r,
+      contenteditable: "",
+      class: k([{ filled: l.isFilled, empty: !l.isFilled }, "placeholder"]),
+      onKeydown: x(m, ["enter"]),
+      onFocus: f,
+      onBlur: a
+    }, F(n.value), 43, b));
   }
-}, I = ["id"];
-function P(c, s, l, t, e, r) {
-  return b(), w("span", {
-    id: "placeholder" + t.chatAppId + l.index,
-    ref: "refPlaceholder",
-    contenteditable: "",
-    class: F([{ filled: l.isFilled, empty: !l.isFilled }, "placeholder"]),
-    onKeydown: E(t.handleEnter, ["enter"]),
-    onFocus: t.prepare,
-    onBlur: t.validate
-  }, k(t.v), 43, I);
-}
-const K = /* @__PURE__ */ B(C, [["render", P], ["__scopeId", "data-v-baf97a88"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_chatinput_elements/PlaceholderComponent/PlaceholderComponent.vue"]]);
+}, K = /* @__PURE__ */ _(I, [["__scopeId", "data-v-558891d3"]]);
 export {
   K as default
 };