@mobilon-dev/chotto 0.3.82 → 0.3.83

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-0487e8ee"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7691fdbe"]]);
 export {
   m as default
 };

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

@@ -1,13 +1,13 @@
-import { defineComponent as et, inject as ot, ref as u, computed as _, onUnmounted as lt, createElementBlock as h, openBlock as c, Fragment as I, createElementVNode as it, createBlock as rt, renderSlot as at, Teleport as nt, createVNode as ut, Transition as st, withCtx as ct, createCommentVNode as ft, renderList as mt, normalizeStyle as pt, normalizeClass as ht, unref as S, toDisplayString as vt, nextTick as M } from "vue";
+import { defineComponent as ot, inject as lt, ref as u, computed as S, onMounted as it, onUnmounted as rt, createElementBlock as g, openBlock as c, Fragment as O, createElementVNode as at, createBlock as nt, renderSlot as ut, Teleport as st, createVNode as ct, Transition as ft, withCtx as mt, createCommentVNode as ht, renderList as pt, normalizeStyle as vt, normalizeClass as dt, unref as M, toDisplayString as gt, nextTick as k } from "vue";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as gt } from "../../../hooks/useTheme.js";
+import { useTheme as Tt } 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 Tt = { key: 0 }, dt = ["data-theme"], yt = 6, wt = 120, Dt = /* @__PURE__ */ et({
+const yt = { key: 0 }, wt = ["data-theme"], xt = 6, _t = 120, Nt = /* @__PURE__ */ ot({
   __name: "Tooltip",
   props: {
     text: {
@@ -40,21 +40,25 @@ const Tt = { key: 0 }, dt = ["data-theme"], yt = 6, wt = 120, Dt = /* @__PURE__
       type: Number,
       default: 600
     },
+    hideOnClick: {
+      type: Boolean,
+      default: !1
+    },
     maxWidth: {
       type: String,
       default: ""
     }
   },
-  setup(N, { expose: P }) {
-    const v = ot("chatAppId"), { getTheme: A } = gt(v), g = u(), f = u([]), s = u(!1), m = u(null), n = u(null), i = u(null), T = u(!1), d = u(!1), e = N, $ = _(() => ({
+  setup(P, { expose: $ }) {
+    const T = lt("chatAppId"), { getTheme: C } = Tt(T), y = u(), f = u([]), s = u(!1), m = u(null), n = u(null), i = u(null), h = u(!1), p = u(!1), e = P, W = S(() => ({
       tooltip__text: !0,
       [`tooltip--${e.position}`]: !0
-    })), W = _(() => ({
+    })), R = S(() => ({
       maxWidth: e.maxWidth || void 0
-    })), R = _(() => {
+    })), H = S(() => {
       const t = Array.isArray(e.texts) ? e.texts.map((o) => String(o ?? "").trim()).filter(Boolean) : [];
       return t.length > 0 ? t : e.text ? [e.text] : [];
-    }), H = (t, o) => {
+    }), V = (t, o) => {
       const l = o.left < 0 ? o.left : 0, r = o.top < 0 ? o.top : 0;
       return {
         left: {
@@ -87,76 +91,87 @@ const Tt = { key: 0 }, dt = ["data-theme"], yt = 6, wt = 120, Dt = /* @__PURE__
         }
       }[e.position];
     }, L = () => {
-      if (!g.value || f.value.length === 0) return;
-      const t = g.value.getBoundingClientRect(), o = e.position.startsWith("top"), l = 8, r = v ? document.getElementById(v) : null, a = r == null ? void 0 : r.getBoundingClientRect(), K = (a == null ? void 0 : a.top) ?? 0, U = (a == null ? void 0 : a.left) ?? 0, X = (a == null ? void 0 : a.right) ?? window.innerWidth, Y = (a == null ? void 0 : a.bottom) ?? window.innerHeight;
-      f.value.forEach((w, J) => {
-        const p = w.getBoundingClientRect(), x = H(t, p), C = J * (p.height + yt), Q = o ? x.top - C : x.top + C, E = K + l, Z = Y - p.height - l, D = U + l, b = X - p.width - l, B = Math.min(Math.max(Q, E), Math.max(E, Z)), tt = Math.min(Math.max(x.left, D), Math.max(D, b));
-        w.style.top = `${B}px`, w.style.left = `${tt}px`;
+      if (!y.value || f.value.length === 0) return;
+      const t = y.value.getBoundingClientRect(), o = e.position.startsWith("top"), l = 8, r = T ? document.getElementById(T) : null, a = r == null ? void 0 : r.getBoundingClientRect(), U = (a == null ? void 0 : a.top) ?? 0, X = (a == null ? void 0 : a.left) ?? 0, Y = (a == null ? void 0 : a.right) ?? window.innerWidth, J = (a == null ? void 0 : a.bottom) ?? window.innerHeight;
+      f.value.forEach((x, Q) => {
+        const d = x.getBoundingClientRect(), _ = V(t, d), D = Q * (d.height + xt), Z = o ? _.top - D : _.top + D, I = U + l, b = J - d.height - l, N = X + l, B = Y - d.width - l, tt = Math.min(Math.max(Z, I), Math.max(I, b)), et = Math.min(Math.max(_.left, N), Math.max(N, B));
+        x.style.top = `${tt}px`, x.style.left = `${et}px`;
       });
-    }, V = () => {
+    }, q = () => {
       e.trigger !== "auto" && (n.value && (clearTimeout(n.value), n.value = null), i.value && (clearTimeout(i.value), i.value = null), n.value = setTimeout(() => {
-        s.value = !0, M(() => {
+        s.value = !0, k(() => {
           L();
         }), n.value = null;
       }, e.delay));
-    }, q = () => {
-      e.trigger !== "auto" && (n.value && (clearTimeout(n.value), n.value = null), i.value && (clearTimeout(i.value), i.value = null), s.value = !1, M(() => {
-        S(f).forEach((o) => {
+    }, w = () => {
+      e.trigger !== "auto" && (n.value && (clearTimeout(n.value), n.value = null), i.value && (clearTimeout(i.value), i.value = null), s.value = !1, k(() => {
+        M(f).forEach((o) => {
           o.style.top = "0", o.style.left = "0";
         });
       }));
-    }, k = () => {
+    }, A = () => {
       e.trigger !== "auto" && (i.value && clearTimeout(i.value), i.value = setTimeout(() => {
-        !T.value && !d.value && q();
-      }, wt));
+        !h.value && !p.value && w();
+      }, _t));
     }, z = () => {
-      T.value = !0, V();
-    }, O = () => {
-      T.value = !1, k();
+      h.value = !0, q();
     }, j = () => {
-      d.value = !0, i.value && (clearTimeout(i.value), i.value = null);
+      h.value = !1, A();
     }, F = () => {
-      d.value = !1, k();
+      p.value = !0, i.value && (clearTimeout(i.value), i.value = null);
     }, G = () => {
-      y(), s.value = !0, M(() => {
+      p.value = !1, A();
+    }, E = () => {
+      if (e.hideOnClick) {
+        if (h.value = !1, p.value = !1, e.trigger === "auto") {
+          v(), s.value = !1;
+          return;
+        }
+        w();
+      }
+    }, K = () => {
+      v(), s.value = !0, k(() => {
         L();
       }), e.autoShowDuration > 0 && (m.value = setTimeout(() => {
         s.value = !1;
       }, e.autoShowDuration));
-    }, y = () => {
+    }, v = () => {
       m.value && (clearTimeout(m.value), m.value = null);
     };
-    return lt(() => {
-      n.value && clearTimeout(n.value), i.value && clearTimeout(i.value), y();
-    }), P({
-      startAutoShow: G,
-      clearAutoTimer: y
-    }), (t, o) => (c(), h(I, null, [
-      it("div", {
+    return it(() => {
+      e.hideOnClick && document.addEventListener("mousedown", E, !0);
+    }), rt(() => {
+      e.hideOnClick && document.removeEventListener("mousedown", E, !0), n.value && clearTimeout(n.value), i.value && clearTimeout(i.value), v();
+    }), $({
+      startAutoShow: K,
+      clearAutoTimer: v,
+      hide: w
+    }), (t, o) => (c(), g(O, null, [
+      at("div", {
         ref_key: "container",
-        ref: g,
+        ref: y,
         class: "tooltip-wrapper",
         onMouseenter: z,
-        onMouseleave: O
+        onMouseleave: j
       }, [
-        at(t.$slots, "default", {}, void 0, !0)
+        ut(t.$slots, "default", {}, void 0, !0)
       ], 544),
-      (c(), rt(nt, { to: "body" }, [
-        ut(st, null, {
-          default: ct(() => [
-            s.value ? (c(), h("div", Tt, [
-              (c(!0), h(I, null, mt(R.value, (l, r) => (c(), h("span", {
+      (c(), nt(st, { to: "body" }, [
+        ct(ft, null, {
+          default: mt(() => [
+            s.value ? (c(), g("div", yt, [
+              (c(!0), g(O, null, pt(H.value, (l, r) => (c(), g("span", {
                 key: `${l}-${r}`,
                 ref_for: !0,
                 ref_key: "tooltipItems",
                 ref: f,
-                "data-theme": S(A)().theme ? S(A)().theme : "light",
-                class: ht($.value),
-                style: pt(W.value),
-                onMouseenter: j,
-                onMouseleave: F
-              }, vt(l), 47, dt))), 128))
-            ])) : ft("", !0)
+                "data-theme": M(C)().theme ? M(C)().theme : "light",
+                class: dt(W.value),
+                style: vt(R.value),
+                onMouseenter: F,
+                onMouseleave: G
+              }, gt(l), 47, wt))), 128))
+            ])) : ht("", !0)
           ]),
           _: 1
         })
@@ -165,5 +180,5 @@ const Tt = { key: 0 }, dt = ["data-theme"], yt = 6, wt = 120, Dt = /* @__PURE__
   }
 });
 export {
-  Dt as default
+  Nt as default
 };