@mobilon-dev/chotto 0.3.65 → 0.3.67

package/dist/components/1_atoms/Tooltip/Tooltip.vue.js

@@ -1,7 +1,7 @@
 import o from "./Tooltip.vue2.js";
 /* empty css             */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a2bb5769"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-14a39a1d"]]);
 export {
   m as default
 };

package/dist/components/1_atoms/Tooltip/Tooltip.vue2.js

@@ -1,13 +1,13 @@
-import { defineComponent as k, inject as N, ref as n, computed as A, onUnmounted as D, createElementBlock as T, openBlock as s, Fragment as R, createElementVNode as V, createBlock as E, renderSlot as I, Teleport as L, createVNode as M, Transition as $, withCtx as j, createCommentVNode as q, normalizeClass as z, unref as g, toDisplayString as F, nextTick as v } from "vue";
+import { defineComponent as A, inject as D, ref as n, computed as T, onUnmounted as R, createElementBlock as d, openBlock as s, Fragment as V, createElementVNode as W, createBlock as z, renderSlot as E, Teleport as I, createVNode as L, Transition as M, withCtx as $, createCommentVNode as j, normalizeStyle as q, normalizeClass as F, unref as g, toDisplayString as P, nextTick as v } from "vue";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as P } from "../../../hooks/useTheme.js";
+import { useTheme as U } from "../../../hooks/useTheme.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-const U = ["data-theme"], Z = /* @__PURE__ */ k({
+const G = ["data-theme"], tt = /* @__PURE__ */ A({
   __name: "Tooltip",
   props: {
     text: {
@@ -33,79 +33,86 @@ const U = ["data-theme"], Z = /* @__PURE__ */ k({
     delay: {
       type: Number,
       default: 600
+    },
+    maxWidth: {
+      type: String,
+      default: ""
     }
   },
-  setup(w, { expose: d }) {
-    const x = N("chatAppId"), { getTheme: y } = P(x), a = n(), p = n(), c = n(!1), u = n(null), r = n(null), o = w, _ = A(() => ({
+  setup(w, { expose: x }) {
+    const S = D("chatAppId"), { getTheme: y } = U(S), p = n(), a = n(), c = n(!1), u = n(null), r = n(null), e = w, _ = T(() => ({
       tooltip__text: !0,
-      [`tooltip--${o.position}`]: !0
-    })), B = () => {
-      o.trigger !== "auto" && (r.value && (clearTimeout(r.value), r.value = null), r.value = setTimeout(() => {
+      [`tooltip--${e.position}`]: !0
+    })), B = T(() => ({
+      maxWidth: e.maxWidth || void 0
+    })), C = () => {
+      e.trigger !== "auto" && (r.value && (clearTimeout(r.value), r.value = null), r.value = setTimeout(() => {
         c.value = !0, v(() => {
-          if (a.value && p.value) {
-            const f = p.value, t = a.value.getBoundingClientRect(), e = p.value.getBoundingClientRect(), l = e.left < 0 ? e.left : 0, i = e.top < 0 ? e.top : 0, h = {
-              left: { top: t.top - (e.height - t.height) / 2 - i, left: (t == null ? void 0 : t.left) - e.width - l - o.offset },
-              right: { top: t.top - (e.height - t.height) / 2 - i, left: (t == null ? void 0 : t.left) + t.width - l + o.offset },
-              bottom: { top: (t == null ? void 0 : t.bottom) - i + o.offset, left: (t == null ? void 0 : t.left) - l },
-              "bottom-center": { top: (t == null ? void 0 : t.bottom) - i + o.offset, left: (t == null ? void 0 : t.left) + t.width / 2 - e.width / 2 - l },
-              top: { top: t.top - e.height - o.offset - i, left: (t == null ? void 0 : t.left) - l },
-              "top-center": { top: t.top - e.height - o.offset - i, left: (t == null ? void 0 : t.left) + t.width / 2 - e.width / 2 - l },
-              "bottom-left": { top: (t == null ? void 0 : t.bottom) - i + o.offset, left: (t == null ? void 0 : t.left) + t.width - e.width - l }
+          if (p.value && a.value) {
+            const f = a.value, t = p.value.getBoundingClientRect(), o = a.value.getBoundingClientRect(), l = o.left < 0 ? o.left : 0, i = o.top < 0 ? o.top : 0, h = {
+              left: { top: t.top - (o.height - t.height) / 2 - i, left: (t == null ? void 0 : t.left) - o.width - l - e.offset },
+              right: { top: t.top - (o.height - t.height) / 2 - i, left: (t == null ? void 0 : t.left) + t.width - l + e.offset },
+              bottom: { top: (t == null ? void 0 : t.bottom) - i + e.offset, left: (t == null ? void 0 : t.left) - l },
+              "bottom-center": { top: (t == null ? void 0 : t.bottom) - i + e.offset, left: (t == null ? void 0 : t.left) + t.width / 2 - o.width / 2 - l },
+              top: { top: t.top - o.height - e.offset - i, left: (t == null ? void 0 : t.left) - l },
+              "top-center": { top: t.top - o.height - e.offset - i, left: (t == null ? void 0 : t.left) + t.width / 2 - o.width / 2 - l },
+              "bottom-left": { top: (t == null ? void 0 : t.bottom) - i + e.offset, left: (t == null ? void 0 : t.left) + t.width - o.width - l }
             };
-            f.style.top = h[o.position].top + "px", f.style.left = h[o.position].left + "px";
+            f.style.top = h[e.position].top + "px", f.style.left = h[e.position].left + "px";
           }
         }), r.value = null;
-      }, o.delay));
-    }, C = () => {
-      o.trigger !== "auto" && (r.value && (clearTimeout(r.value), r.value = null), c.value = !1, v(() => {
-        const f = g(p);
+      }, e.delay));
+    }, k = () => {
+      e.trigger !== "auto" && (r.value && (clearTimeout(r.value), r.value = null), c.value = !1, v(() => {
+        const f = g(a);
         f && (f.style.top = "0", f.style.left = "0");
       }));
-    }, S = () => {
+    }, N = () => {
       m(), c.value = !0, v(() => {
-        if (a.value && p.value) {
-          const f = p.value, t = a.value.getBoundingClientRect(), e = p.value.getBoundingClientRect(), l = e.left < 0 ? e.left : 0, i = e.top < 0 ? e.top : 0, h = {
-            left: { top: t.top - (e.height - t.height) / 2 - i, left: (t == null ? void 0 : t.left) - e.width - l - o.offset },
-            right: { top: t.top - (e.height - t.height) / 2 - i, left: (t == null ? void 0 : t.left) + t.width - l + o.offset },
-            bottom: { top: (t == null ? void 0 : t.bottom) - i + o.offset, left: (t == null ? void 0 : t.left) - l },
-            "bottom-center": { top: (t == null ? void 0 : t.bottom) - i + o.offset, left: (t == null ? void 0 : t.left) + t.width / 2 - e.width / 2 - l },
-            top: { top: t.top - e.height - o.offset - i, left: (t == null ? void 0 : t.left) - l },
-            "top-center": { top: t.top - e.height - o.offset - i, left: (t == null ? void 0 : t.left) + t.width / 2 - e.width / 2 - l },
-            "bottom-left": { top: (t == null ? void 0 : t.bottom) - i + o.offset, left: (t == null ? void 0 : t.left) + t.width - e.width - l }
+        if (p.value && a.value) {
+          const f = a.value, t = p.value.getBoundingClientRect(), o = a.value.getBoundingClientRect(), l = o.left < 0 ? o.left : 0, i = o.top < 0 ? o.top : 0, h = {
+            left: { top: t.top - (o.height - t.height) / 2 - i, left: (t == null ? void 0 : t.left) - o.width - l - e.offset },
+            right: { top: t.top - (o.height - t.height) / 2 - i, left: (t == null ? void 0 : t.left) + t.width - l + e.offset },
+            bottom: { top: (t == null ? void 0 : t.bottom) - i + e.offset, left: (t == null ? void 0 : t.left) - l },
+            "bottom-center": { top: (t == null ? void 0 : t.bottom) - i + e.offset, left: (t == null ? void 0 : t.left) + t.width / 2 - o.width / 2 - l },
+            top: { top: t.top - o.height - e.offset - i, left: (t == null ? void 0 : t.left) - l },
+            "top-center": { top: t.top - o.height - e.offset - i, left: (t == null ? void 0 : t.left) + t.width / 2 - o.width / 2 - l },
+            "bottom-left": { top: (t == null ? void 0 : t.bottom) - i + e.offset, left: (t == null ? void 0 : t.left) + t.width - o.width - l }
           };
-          f.style.top = h[o.position].top + "px", f.style.left = h[o.position].left + "px";
+          f.style.top = h[e.position].top + "px", f.style.left = h[e.position].left + "px";
         }
-      }), o.autoShowDuration > 0 && (u.value = setTimeout(() => {
+      }), e.autoShowDuration > 0 && (u.value = setTimeout(() => {
         c.value = !1;
-      }, o.autoShowDuration));
+      }, e.autoShowDuration));
     }, m = () => {
       u.value && (clearTimeout(u.value), u.value = null);
     };
-    return D(() => {
+    return R(() => {
       r.value && clearTimeout(r.value), m();
-    }), d({
-      startAutoShow: S,
+    }), x({
+      startAutoShow: N,
       clearAutoTimer: m
-    }), (f, t) => (s(), T(R, null, [
-      V("div", {
+    }), (f, t) => (s(), d(V, null, [
+      W("div", {
         ref_key: "container",
-        ref: a,
+        ref: p,
         class: "tooltip-wrapper",
-        onMouseover: B,
-        onMouseout: C
+        onMouseover: C,
+        onMouseout: k
       }, [
-        I(f.$slots, "default", {}, void 0, !0)
+        E(f.$slots, "default", {}, void 0, !0)
       ], 544),
-      (s(), E(L, { to: "body" }, [
-        M($, null, {
-          default: j(() => [
-            c.value ? (s(), T("span", {
+      (s(), z(I, { to: "body" }, [
+        L(M, null, {
+          default: $(() => [
+            c.value ? (s(), d("span", {
               key: 0,
               ref_key: "tooltip",
-              ref: p,
+              ref: a,
               "data-theme": g(y)().theme ? g(y)().theme : "light",
-              class: z(_.value)
-            }, F(w.text), 11, U)) : q("", !0)
+              class: F(_.value),
+              style: q(B.value)
+            }, P(w.text), 15, G)) : j("", !0)
           ]),
           _: 1
         })
@@ -114,5 +121,5 @@ const U = ["data-theme"], Z = /* @__PURE__ */ k({
   }
 });
 export {
-  Z as default
+  tt as default
 };

package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue.js

@@ -1,7 +1,7 @@
 import o from "./AudioMessage.vue2.js";
 /* empty css                  */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-31d3ba41"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1a1c6565"]]);
 export {
   e as default
 };