@mobilon-dev/chotto 0.3.59 → 0.3.61

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

@@ -1,7 +1,7 @@
-import { defineComponent as x, ref as n, inject as O, computed as M, watchEffect as P, onMounted as $, onUnmounted as H, createElementBlock as w, openBlock as u, Fragment as L, createCommentVNode as _, createElementVNode as p, createBlock as S, normalizeClass as R, createVNode as j, unref as b, Teleport as T } from "vue";
-import q from "../FilePreview/FilePreview.vue.js";
-import { uploadFile as G } from "../../../hooks/uploadFile/uploadFile.js";
-import { useMessageDraft as J } from "../../../hooks/useMessageDraft.js";
+import { defineComponent as O, ref as n, inject as P, computed as B, watchEffect as $, onMounted as H, onUnmounted as L, createElementBlock as _, openBlock as u, Fragment as R, createCommentVNode as b, createElementVNode as p, createBlock as V, normalizeClass as j, createVNode as T, unref as h, Teleport as q } from "vue";
+import G from "../FilePreview/FilePreview.vue.js";
+import { uploadFile as J } from "../../../hooks/uploadFile/uploadFile.js";
+import { useMessageDraft as K } from "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
 /* empty css                              */
@@ -9,14 +9,14 @@ import "../../../hooks/useTheme.js";
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-import K from "./icons/FileUploaderIcon.vue.js";
-const Q = {
+import Q from "./icons/FileUploaderIcon.vue.js";
+const W = {
   key: 0,
   class: "file-uploader__status file-uploader__status--uploading"
-}, W = {
+}, X = {
   key: 1,
   class: "file-uploader__status file-uploader__status--error"
-}, X = ["disabled"], fe = /* @__PURE__ */ x({
+}, Y = ["disabled"], ce = /* @__PURE__ */ O({
   __name: "FileUploader",
   props: {
     filebumpUrl: {
@@ -29,8 +29,10 @@ const Q = {
     }
   },
   emits: ["fileUploaded"],
-  setup(m, { emit: Y }) {
-    const v = m, r = n(""), s = n(), f = n(), B = n(), i = O("chatAppId"), { setMessageFile: V, resetMessageFile: z, getMessage: h, setRecordingMessage: C } = J(i), c = n("#5F5F5F"), d = n("#404040"), g = n(!1);
+  setup(m, { emit: Z }) {
+    const v = m, s = n(""), r = n(), f = n(), C = n();
+    C.value;
+    const i = P("chatAppId"), { setMessageFile: N, resetMessageFile: z, getMessage: I, setRecordingMessage: E } = K(i), c = n("#5F5F5F"), d = n("#404040"), g = n(!1);
     let a = null;
     const y = () => {
       if (!i) {
@@ -44,35 +46,38 @@ const Q = {
       }
       const t = window.getComputedStyle(l), e = t.getPropertyValue("--chotto-fileuploader-trigger-color").trim(), o = t.getPropertyValue("--chotto-fileuploader-trigger-hover-color").trim();
       c.value = e || "#5F5F5F", d.value = o || "#404040";
-    }, A = M(() => g.value ? d.value : c.value);
-    P(() => {
+    }, A = B(() => g.value ? d.value : c.value);
+    $(() => {
       y();
     });
-    const F = M(() => !h().file), I = () => {
+    const F = B(() => !I().file), w = () => {
+      r.value && (r.value.value = "");
+    }, k = () => {
       const l = document.getElementById("chat-input-file-line-" + i);
-      l && (l.style.display = "none"), z(), f.value = void 0, r.value = "";
-    }, N = async () => {
-      var l, t;
-      I(), (l = s.value) != null && l.files && k((t = s.value) == null ? void 0 : t.files[0]);
-    }, D = () => {
-      s.value && F && v.state == "active" && s.value.click();
-    }, E = async (l) => {
+      l && (l.style.display = "none"), z(), f.value = void 0, s.value = "", w();
+    }, D = async () => {
+      var t, e;
+      const l = (e = (t = r.value) == null ? void 0 : t.files) == null ? void 0 : e[0];
+      k(), l && await M(l), w();
+    }, x = () => {
+      r.value && F.value && v.state == "active" && (w(), r.value.click());
+    }, U = async (l) => {
       var e;
       const t = (e = l.clipboardData) == null ? void 0 : e.items;
       if (t) {
         for (let o of t)
           if (o.type.indexOf("image") !== -1) {
             l.preventDefault();
-            const U = o.getAsFile();
-            U && k(U);
+            const S = o.getAsFile();
+            S && M(S);
           }
       }
-    }, k = async (l) => {
-      r.value = "uploading", C(!0);
+    }, M = async (l) => {
+      s.value = "uploading", E(!0);
       const t = typeof v.filebumpUrl == "string" ? v.filebumpUrl : null;
-      await G(t, l).then((e) => {
-        if (C(!1), r.value = e.status, e.status == "success") {
-          V({
+      await J(t, l).then((e) => {
+        if (E(!1), s.value = e.status, e.status == "success") {
+          N({
             url: e.url,
             name: e.name,
             size: e.size,
@@ -90,8 +95,8 @@ const Q = {
         }
       });
     };
-    return $(() => {
-      if (window.addEventListener("paste", E), y(), i) {
+    return H(() => {
+      if (window.addEventListener("paste", U), y(), i) {
         const l = document.getElementById(i);
         l && (a = new MutationObserver((t) => {
           t.forEach((e) => {
@@ -102,46 +107,46 @@ const Q = {
           attributeFilter: ["data-theme"]
         }));
       }
-    }), H(() => {
-      window.removeEventListener("paste", E), a && (a.disconnect(), a = null);
-    }), (l, t) => (u(), w(L, null, [
-      r.value === "uploading" ? (u(), w("div", Q, [...t[2] || (t[2] = [
+    }), L(() => {
+      window.removeEventListener("paste", U), a && (a.disconnect(), a = null);
+    }), (l, t) => (u(), _(R, null, [
+      s.value === "uploading" ? (u(), _("div", W, [...t[2] || (t[2] = [
         p("span", null, "Загрузка", -1),
         p("span", null, "файла...", -1)
-      ])])) : r.value === "error" ? (u(), w("div", W, [...t[3] || (t[3] = [
+      ])])) : s.value === "error" ? (u(), _("div", X, [...t[3] || (t[3] = [
         p("span", null, "Ошибка при загрузке файла.", -1)
-      ])])) : _("", !0),
+      ])])) : b("", !0),
       p("span", {
         ref_key: "triggerElement",
-        ref: B,
-        class: R(["file-uploader__trigger", { "file-uploader__disabled": !F.value || m.state == "disabled" }]),
+        ref: C,
+        class: j(["file-uploader__trigger", { "file-uploader__disabled": !F.value || m.state == "disabled" }]),
         disabled: !F.value || m.state == "disabled",
-        onClick: D,
+        onClick: x,
         onMouseenter: t[0] || (t[0] = (e) => g.value = !0),
         onMouseleave: t[1] || (t[1] = (e) => g.value = !1)
       }, [
-        j(b(K), { fill: A.value }, null, 8, ["fill"])
-      ], 42, X),
+        T(h(Q), { fill: A.value }, null, 8, ["fill"])
+      ], 42, Y),
       p("input", {
         ref_key: "fileInput",
-        ref: s,
+        ref: r,
         style: { display: "none" },
         type: "file",
-        onChange: N
+        onChange: D
       }, null, 544),
-      b(h)().file ? (u(), S(T, {
+      h(I)().file ? (u(), V(q, {
         key: 2,
-        to: "#chat-input-file-line-" + b(i)
+        to: "#chat-input-file-line-" + h(i)
       }, [
-        f.value ? (u(), S(q, {
+        f.value ? (u(), V(G, {
           key: 0,
           "file-info": f.value,
-          onReset: I
-        }, null, 8, ["file-info"])) : _("", !0)
-      ], 8, ["to"])) : _("", !0)
+          onReset: k
+        }, null, 8, ["file-info"])) : b("", !0)
+      ], 8, ["to"])) : b("", !0)
     ], 64));
   }
 });
 export {
-  fe as default
+  ce as default
 };

package/dist/types/components/2_blocks/CommunicationPanel/CommunicationPanel.vue.d.ts

@@ -8,6 +8,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     isNewDialog: boolean;
     selectedDialog: Record<string, any>;
     emptyChannelsPlaceholder: Record<string, any>;
+    attributeTooltips: Record<string, any>;
     showChannelIcons: boolean;
     $props: {
         readonly channels?: unknown[] | undefined;
@@ -18,6 +19,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         readonly isNewDialog?: boolean | undefined;
         readonly selectedDialog?: Record<string, any> | undefined;
         readonly emptyChannelsPlaceholder?: Record<string, any> | undefined;
+        readonly attributeTooltips?: Record<string, any> | undefined;
         readonly showChannelIcons?: boolean | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/components/2_blocks/CommunicationPanel/stories/CommunicationPanel.stories.d.ts

@@ -11,6 +11,7 @@ declare const meta: {
         isNewDialog: boolean;
         selectedDialog: Record<string, any>;
         emptyChannelsPlaceholder: Record<string, any>;
+        attributeTooltips: Record<string, any>;
         showChannelIcons: boolean;
         $props: {
             readonly channels?: unknown[] | undefined;
@@ -21,6 +22,7 @@ declare const meta: {
             readonly isNewDialog?: boolean | undefined;
             readonly selectedDialog?: Record<string, any> | undefined;
             readonly emptyChannelsPlaceholder?: Record<string, any> | undefined;
+            readonly attributeTooltips?: Record<string, any> | undefined;
             readonly showChannelIcons?: boolean | undefined;
         };
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mobilon-dev/chotto",
-  "version": "0.3.59",
+  "version": "0.3.61",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",