@mobilon-dev/chotto 0.3.86 → 0.3.88

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

@@ -1,4 +1,4 @@
-import { defineComponent as _, inject as I, useId as q, ref as f, onMounted as L, nextTick as y, onUnmounted as O, createElementBlock as T, openBlock as k, unref as c, createElementVNode as A, createBlock as N, renderSlot as R, Teleport as V, createVNode as j } from "vue";
+import { defineComponent as _, inject as I, useId as q, ref as m, onMounted as L, nextTick as y, onUnmounted as O, createElementBlock as T, openBlock as k, unref as c, createElementVNode as A, createBlock as N, renderSlot as R, Teleport as V, createVNode as j } from "vue";
 import P from "../ContextMenu/ContextMenu.vue.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
@@ -6,10 +6,12 @@ import { useTheme as U } from "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
+import "../../../locale/useLocale.js";
+/* empty css                                                            */
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-const $ = ["id"], Z = /* @__PURE__ */ _({
+const $ = ["id"], te = /* @__PURE__ */ _({
   __name: "ButtonContextMenu",
   props: {
     actions: {
@@ -33,8 +35,8 @@ const $ = ["id"], Z = /* @__PURE__ */ _({
     }
   },
   emits: ["click", "buttonClick", "menuMouseEnter", "menuMouseLeave"],
-  setup(m, { expose: M, emit: C }) {
-    const r = I("chatAppId"), { getTheme: h } = U(r), i = m, p = q(), d = C, n = f(), s = f(), a = f(!1), b = (t) => {
+  setup(f, { expose: M, emit: C }) {
+    const s = I("chatAppId"), { getTheme: h } = U(s), i = f, p = q(), d = C, n = m(), r = m(), a = m(!1), b = (t) => {
       l(), d("click", t);
     }, x = () => {
       i.disabled || (i.mode == "click" && !a.value ? u() : i.mode == "click" && a.value && l(), d("buttonClick"));
@@ -47,8 +49,8 @@ const $ = ["id"], Z = /* @__PURE__ */ _({
     }, E = () => {
       d("menuMouseLeave"), i.disabled || i.mode == "hover" && l();
     }, u = () => {
-      if (s.value && n.value) {
-        const t = n.value, e = s.value.getBoundingClientRect();
+      if (r.value && n.value) {
+        const t = n.value, e = r.value.getBoundingClientRect();
         t.style.display = "inherit";
         const o = n.value.getBoundingClientRect();
         t.style.display = "none", y(() => {
@@ -69,11 +71,11 @@ const $ = ["id"], Z = /* @__PURE__ */ _({
         t && (t.style.top = "0", t.style.left = "0", t.style.opacity = "0", t.style.display = "none", a.value = !1);
       }
     }, v = (t) => {
-      i.mode == "click" && s.value && !s.value.contains(t.target) && l();
+      i.mode == "click" && r.value && !r.value.contains(t.target) && l();
     };
     return L(() => {
       y(() => {
-        n.value = document.getElementById("context-menu-" + p + r), n.value && (l(), document.addEventListener("click", v));
+        n.value = document.getElementById("context-menu-" + p + s), n.value && (l(), document.addEventListener("click", v));
       });
     }), O(() => {
       document.removeEventListener("click", v);
@@ -81,9 +83,9 @@ const $ = ["id"], Z = /* @__PURE__ */ _({
       updatePosition: u,
       hideMenu: l
     }), (t, e) => (k(), T("button", {
-      id: "container-" + c(p) + c(r),
+      id: "container-" + c(p) + c(s),
       ref_key: "actionScope",
-      ref: s,
+      ref: r,
       style: { position: "relative", width: "fit-content", border: "none", background: "transparent", height: "fit-content" },
       onMouseenter: w,
       onMouseleave: B
@@ -93,8 +95,8 @@ const $ = ["id"], Z = /* @__PURE__ */ _({
       ]),
       (k(), N(V, { to: "body" }, [
         j(P, {
-          id: "context-menu-" + c(p) + c(r),
-          actions: m.actions,
+          id: "context-menu-" + c(p) + c(s),
+          actions: f.actions,
           "data-theme": c(h)().theme ? c(h)().theme : "light",
           onMouseenter: S,
           onMouseleave: E,
@@ -105,5 +107,5 @@ const $ = ["id"], Z = /* @__PURE__ */ _({
   }
 });
 export {
-  Z as default
+  te as default
 };

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

@@ -6,11 +6,13 @@ import { useTheme as K } from "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
+import "../../../locale/useLocale.js";
+/* empty css                                                            */
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
 import Q from "../../1_icons/MenuIcon.vue.js";
-const W = { class: "contact-context-menu__wrapper" }, X = ["id"], ue = /* @__PURE__ */ V({
+const W = { class: "contact-context-menu__wrapper" }, X = ["id"], de = /* @__PURE__ */ V({
   __name: "ContactContextMenu",
   props: {
     actions: {
@@ -128,5 +130,5 @@ const W = { class: "contact-context-menu__wrapper" }, X = ["id"], ue = /* @__PUR
   }
 });
 export {
-  ue as default
+  de as default
 };

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

@@ -1,10 +1,14 @@
-import { createElementBlock as n, openBlock as t, createElementVNode as _, Fragment as h, renderList as y, normalizeClass as d, createBlock as k, createCommentVNode as r, resolveDynamicComponent as f, toDisplayString as a } from "vue";
+import { createElementBlock as n, openBlock as t, createElementVNode as k, Fragment as d, renderList as y, normalizeClass as u, createBlock as h, createCommentVNode as r, resolveDynamicComponent as g, toDisplayString as p } from "vue";
 /* empty css                 */
-import g from "../../../_virtual/_plugin-vue_export-helper.js";
-const v = ["id", "data-theme"], x = { class: "context-menu__list" }, C = ["onClick"], b = ["src"], w = {
+import x from "../../../_virtual/_plugin-vue_export-helper.js";
+const f = ["id"], v = { class: "context-menu__list" }, C = {
+  key: 0,
+  class: "context-menu__separator",
+  role: "separator"
+}, b = ["onClick"], w = ["src"], M = {
   key: 3,
   style: { "white-space": "nowrap" }
-}, M = { key: 4 }, B = {
+}, B = { key: 4 }, $ = {
   __name: "ContextMenu",
   props: {
     actions: {
@@ -14,51 +18,51 @@ const v = ["id", "data-theme"], x = { class: "context-menu__list" }, C = ["onCli
     id: {
       type: String,
       default: ""
-    },
-    dataTheme: {
-      type: String,
-      default: "light"
     }
   },
   emits: ["click", "mouseenter", "mouseleave"],
-  setup(o, { emit: u }) {
-    const l = o, i = u, p = (c) => {
+  setup(i, { emit: _ }) {
+    const l = i, o = _, a = (c) => {
       const s = l.actions[c];
-      i("click", s);
+      s != null && s.separator || o("click", s);
     };
     return (c, s) => (t(), n("div", {
-      id: o.id,
+      id: i.id,
       class: "context-menu__container",
-      "data-theme": o.dataTheme,
-      onMouseenter: s[0] || (s[0] = (e) => i("mouseenter")),
-      onMouseleave: s[1] || (s[1] = (e) => i("mouseleave"))
+      onMouseenter: s[0] || (s[0] = (e) => o("mouseenter")),
+      onMouseleave: s[1] || (s[1] = (e) => o("mouseleave"))
     }, [
-      _("ul", x, [
-        (t(!0), n(h, null, y(l.actions, (e, m) => (t(), n("li", {
-          key: m,
-          class: d(["context-menu__item", { "context-menu__item--disabled": e.disabled }]),
-          onClick: (S) => !e.disabled && p(m)
-        }, [
-          e.icon && typeof e.icon == "string" ? (t(), n("img", {
-            key: 0,
-            src: e.icon,
-            width: "18",
-            height: "18"
-          }, null, 8, b)) : e.icon && typeof e.icon == "object" ? (t(), k(f(e.icon), {
+      k("ul", v, [
+        (t(!0), n(d, null, y(l.actions, (e, m) => (t(), n(d, { key: m }, [
+          e.separator ? (t(), n("li", C)) : (t(), n("li", {
             key: 1,
-            width: "18",
-            height: "18"
-          })) : e.prime ? (t(), n("i", {
-            key: 2,
-            class: d("pi pi-" + e.prime)
-          }, null, 2)) : r("", !0),
-          e.title ? (t(), n("span", w, a(e.title), 1)) : r("", !0),
-          e.description ? (t(), n("span", M, a(e.description), 1)) : r("", !0)
-        ], 10, C))), 128))
+            class: u(["context-menu__item", {
+              "context-menu__item--disabled": e.disabled,
+              "context-menu__item--danger": e.danger
+            }]),
+            onClick: (D) => !e.disabled && a(m)
+          }, [
+            e.icon && typeof e.icon == "string" ? (t(), n("img", {
+              key: 0,
+              src: e.icon,
+              width: "18",
+              height: "18"
+            }, null, 8, w)) : e.icon && typeof e.icon != "string" ? (t(), h(g(e.icon), {
+              key: 1,
+              width: "18",
+              height: "18"
+            })) : e.prime ? (t(), n("i", {
+              key: 2,
+              class: u("pi pi-" + e.prime)
+            }, null, 2)) : r("", !0),
+            e.title ? (t(), n("span", M, p(e.title), 1)) : r("", !0),
+            e.description ? (t(), n("span", B, p(e.description), 1)) : r("", !0)
+          ], 10, b))
+        ], 64))), 128))
       ])
-    ], 40, v));
+    ], 40, f));
   }
-}, N = /* @__PURE__ */ g(B, [["__scopeId", "data-v-e3896a76"]]);
+}, V = /* @__PURE__ */ x($, [["__scopeId", "data-v-e191b2ad"]]);
 export {
-  N as default
+  V as default
 };

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

@@ -1,15 +1,17 @@
-import { defineComponent as f, inject as j, computed as c, createElementBlock as m, unref as g, openBlock as n, toDisplayString as d } from "vue";
+import { defineComponent as f, inject as j, computed as m, createElementBlock as c, unref as g, openBlock as p, toDisplayString as d } from "vue";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
 import { useEmojiNative as h } from "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
+import "../../../locale/useLocale.js";
+/* empty css                                                            */
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
 import { getAppleEmojiUrl as k, getAppleEmojiFallbackUrl as E } from "../../../functions/renderAppleEmojis.js";
-const _ = ["src", "alt"], y = { key: 1 }, D = /* @__PURE__ */ f({
+const _ = ["src", "alt"], y = { key: 1 }, G = /* @__PURE__ */ f({
   __name: "EmojiGlyph",
   props: {
     emoji: {
@@ -18,12 +20,12 @@ const _ = ["src", "alt"], y = { key: 1 }, D = /* @__PURE__ */ f({
     }
   },
   setup(t) {
-    const r = t, p = j("chatAppId", ""), { isNative: a } = h(p), s = c(() => k(r.emoji)), l = c(() => E(r.emoji));
+    const r = t, n = j("chatAppId", ""), { isNative: a } = h(n), s = m(() => k(r.emoji)), l = m(() => E(r.emoji));
     function u(i) {
       const o = i.target, e = l.value;
       e && o.src !== e && (o.src = e);
     }
-    return (i, o) => g(a) ? (n(), m("span", y, d(t.emoji), 1)) : (n(), m("img", {
+    return (i, o) => g(a) ? (p(), c("span", y, d(t.emoji), 1)) : (p(), c("img", {
       key: 0,
       class: "chotto-emoji",
       src: s.value,
@@ -34,5 +36,5 @@ const _ = ["src", "alt"], y = { key: 1 }, D = /* @__PURE__ */ f({
   }
 });
 export {
-  D as default
+  G as default
 };

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

@@ -1,7 +1,7 @@
-import { computed as s, createElementBlock as a, createCommentVNode as c, openBlock as o, normalizeClass as r, createStaticVNode as n } from "vue";
+import { computed as o, createElementBlock as i, createCommentVNode as l, openBlock as r, normalizeClass as d, createStaticVNode as c } from "vue";
 /* empty css                      */
 import p from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = ["width", "height"], x = {
+const _ = ["width", "height"], v = {
   __name: "LoadingIndicator",
   props: {
     isLoading: {
@@ -11,34 +11,35 @@ const m = ["width", "height"], x = {
     size: {
       type: String,
       default: "normal",
-      validator: (e) => ["normal", "small"].includes(e)
+      validator: (t) => ["normal", "small"].includes(t)
     },
     position: {
       type: String,
       default: "center",
-      validator: (e) => ["center", "top"].includes(e)
+      validator: (t) => ["center", "top"].includes(t)
     }
   },
-  setup(e) {
-    const t = e, i = s(() => t.size === "small" ? "36px" : "120px"), d = s(() => t.size === "small" ? "35px" : "116px");
-    return (g, l) => e.isLoading ? (o(), a("div", {
+  setup(t) {
+    const a = t, s = o(() => a.size === "small" ? "36px" : "120px"), n = o(() => a.size === "small" ? "35px" : "116px");
+    return (x, e) => t.isLoading ? (r(), i("div", {
       key: 0,
-      class: r([
+      class: d([
         "loading-indicator",
-        { "loading-indicator--small": e.size === "small" }
+        { "loading-indicator--small": t.size === "small" }
       ])
     }, [
-      (o(), a("svg", {
-        width: i.value,
-        height: d.value,
+      (r(), i("svg", {
+        width: s.value,
+        height: n.value,
         viewBox: "-8 -8 120 116",
+        fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
-      }, [...l[0] || (l[0] = [
-        n('<ellipse class="dot dot-1" cx="51.75" cy="18.82" rx="12.18" ry="12.14" data-v-dcb02599></ellipse><ellipse class="dot dot-2" cx="84.42" cy="42.24" rx="12.18" ry="12.14" data-v-dcb02599></ellipse><ellipse class="dot dot-3" cx="72.00" cy="80.35" rx="12.18" ry="12.14" data-v-dcb02599></ellipse><ellipse class="dot dot-4" cx="31.51" cy="80.35" rx="12.18" ry="12.14" data-v-dcb02599></ellipse><ellipse class="dot dot-5" cx="18.86" cy="42.24" rx="12.18" ry="12.14" data-v-dcb02599></ellipse>', 5)
-      ])], 8, m))
-    ], 2)) : c("", !0);
+      }, [...e[0] || (e[0] = [
+        c('<circle class="dot dot-1" cx="84.71" cy="43.91" r="12.18" stroke="url(#paint0_linear_10781_5111)" data-v-53892888></circle><circle class="dot dot-2" cx="73.05" cy="82.12" r="12.18" stroke="url(#paint1_linear_10781_5111)" data-v-53892888></circle><circle class="dot dot-3" cx="32.24" cy="82.12" r="12.18" stroke="url(#paint2_linear_10781_5111)" data-v-53892888></circle><circle class="dot dot-4" cx="19.29" cy="43.91" r="12.18" stroke="url(#paint3_linear_10781_5111)" data-v-53892888></circle><circle class="dot dot-5" cx="52.76" cy="19.29" r="12.18" stroke="url(#paint4_linear_10781_5111)" data-v-53892888></circle><defs data-v-53892888><linearGradient id="paint0_linear_10781_5111" x1="18.12" y1="10.7" x2="85.37" y2="100" gradientUnits="userSpaceOnUse" data-v-53892888><stop stop-color="#426CFF" data-v-53892888></stop><stop offset="1" stop-color="#734AFD" data-v-53892888></stop></linearGradient><linearGradient id="paint1_linear_10781_5111" x1="18.12" y1="10.7" x2="85.37" y2="100" gradientUnits="userSpaceOnUse" data-v-53892888><stop stop-color="#426CFF" data-v-53892888></stop><stop offset="1" stop-color="#734AFD" data-v-53892888></stop></linearGradient><linearGradient id="paint2_linear_10781_5111" x1="18.12" y1="10.7" x2="85.37" y2="100" gradientUnits="userSpaceOnUse" data-v-53892888><stop stop-color="#426CFF" data-v-53892888></stop><stop offset="1" stop-color="#734AFD" data-v-53892888></stop></linearGradient><linearGradient id="paint3_linear_10781_5111" x1="18.12" y1="10.7" x2="85.37" y2="100" gradientUnits="userSpaceOnUse" data-v-53892888><stop stop-color="#426CFF" data-v-53892888></stop><stop offset="1" stop-color="#734AFD" data-v-53892888></stop></linearGradient><linearGradient id="paint4_linear_10781_5111" x1="18.12" y1="10.7" x2="85.37" y2="100" gradientUnits="userSpaceOnUse" data-v-53892888><stop stop-color="#426CFF" data-v-53892888></stop><stop offset="1" stop-color="#734AFD" data-v-53892888></stop></linearGradient></defs>', 6)
+      ])], 8, _))
+    ], 2)) : l("", !0);
   }
-}, f = /* @__PURE__ */ p(x, [["__scopeId", "data-v-dcb02599"]]);
+}, m = /* @__PURE__ */ p(v, [["__scopeId", "data-v-53892888"]]);
 export {
-  f as default
+  m as default
 };

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

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

@@ -1,14 +1,16 @@
-import { defineComponent as ot, inject as lt, ref as f, computed as S, onMounted as it, onUnmounted as rt, createElementBlock as d, openBlock as c, Fragment as O, createElementVNode as at, createBlock as nt, renderSlot as ft, Teleport as ut, createVNode as ct, Transition as st, withCtx as mt, createCommentVNode as ht, renderList as pt, normalizeStyle as vt, normalizeClass as gt, unref as M, toDisplayString as dt, nextTick as k } from "vue";
+import { defineComponent as nt, inject as ut, useSlots as ft, ref as u, computed as s, onMounted as st, onUnmounted as ct, createElementBlock as m, openBlock as c, Fragment as C, createElementVNode as mt, createBlock as ht, renderSlot as W, Teleport as pt, createVNode as vt, Transition as gt, withCtx as dt, createCommentVNode as Tt, renderList as yt, normalizeStyle as wt, normalizeClass as xt, unref as M, createTextVNode as _t, toDisplayString as St, nextTick as L } from "vue";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as Tt } from "../../../hooks/useTheme.js";
+import { useTheme as kt } from "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
+import "../../../locale/useLocale.js";
+/* empty css                                                            */
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-const yt = { key: 0 }, wt = ["data-theme"], xt = 6, _t = 120, Ot = /* @__PURE__ */ ot({
+const Ct = { key: 0 }, Mt = ["data-theme"], Lt = 6, At = 120, qt = /* @__PURE__ */ nt({
   __name: "Tooltip",
   props: {
     text: {
@@ -48,18 +50,23 @@ const yt = { key: 0 }, wt = ["data-theme"], xt = 6, _t = 120, Ot = /* @__PURE__
     maxWidth: {
       type: String,
       default: ""
+    },
+    bubbleStyle: {
+      type: Object,
+      default: () => ({})
     }
   },
-  setup(P, { expose: $ }) {
-    const T = lt("chatAppId"), { getTheme: C } = Tt(T), y = f(), s = f([]), u = f(!1), m = f(null), n = f(null), r = f(null), h = f(!1), p = f(!1), e = P, W = S(() => ({
+  setup(R, { expose: V }) {
+    const y = ut("chatAppId"), { getTheme: A } = kt(y), H = ft(), w = u(), h = u([]), f = u(!1), p = u(null), n = u(null), r = u(null), v = u(!1), g = u(!1), e = R, x = s(() => typeof H.content == "function"), j = s(() => ({
       tooltip__text: !0,
       [`tooltip--${e.position}`]: !0
-    })), R = S(() => ({
-      maxWidth: e.maxWidth || void 0
-    })), H = S(() => {
+    })), q = s(() => ({
+      maxWidth: e.maxWidth || void 0,
+      ...e.bubbleStyle
+    })), E = 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] : [];
-    }), V = (t, o) => {
+    }), z = s(() => x.value ? ["__content__"] : E.value), F = s(() => x.value ? !0 : E.value.length > 0), G = (t, o) => {
       const l = o.left < 0 ? o.left : 0, i = o.top < 0 ? o.top : 0;
       return {
         left: {
@@ -103,95 +110,99 @@ const yt = { key: 0 }, wt = ["data-theme"], xt = 6, _t = 120, Ot = /* @__PURE__
           left: t.left - l
         }
       }[e.position];
-    }, L = () => {
-      if (!y.value || s.value.length === 0) return;
-      const t = y.value.getBoundingClientRect(), o = e.position.startsWith("top"), l = 8, i = T ? document.getElementById(T) : null, a = i == null ? void 0 : i.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;
-      s.value.forEach((x, Q) => {
-        const g = x.getBoundingClientRect(), _ = V(t, g), D = Q * (g.height + xt), Z = o ? _.top - D : _.top + D, I = U + l, b = J - g.height - l, N = X + l, B = Y - g.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`;
+    }, D = () => {
+      if (!w.value || h.value.length === 0) return;
+      const t = w.value.getBoundingClientRect(), o = e.position.startsWith("top"), l = 8, i = y ? document.getElementById(y) : null, a = i == null ? void 0 : i.getBoundingClientRect(), Z = (a == null ? void 0 : a.top) ?? 0, b = (a == null ? void 0 : a.left) ?? 0, B = (a == null ? void 0 : a.right) ?? window.innerWidth, tt = (a == null ? void 0 : a.bottom) ?? window.innerHeight;
+      h.value.forEach((S, et) => {
+        const T = S.getBoundingClientRect(), k = G(t, T), O = et * (T.height + Lt), ot = o ? k.top - O : k.top + O, $ = Z + l, lt = tt - T.height - l, P = b + l, it = B - T.width - l, rt = Math.min(Math.max(ot, $), Math.max($, lt)), at = Math.min(Math.max(k.left, P), Math.max(P, it));
+        S.style.top = `${rt}px`, S.style.left = `${at}px`;
       });
-    }, q = () => {
+    }, K = () => {
       e.trigger !== "auto" && (n.value && (clearTimeout(n.value), n.value = null), r.value && (clearTimeout(r.value), r.value = null), n.value = setTimeout(() => {
-        u.value = !0, k(() => {
-          L();
+        f.value = !0, L(() => {
+          D();
         }), n.value = null;
       }, e.delay));
-    }, w = () => {
-      e.trigger !== "auto" && (n.value && (clearTimeout(n.value), n.value = null), r.value && (clearTimeout(r.value), r.value = null), u.value = !1, k(() => {
-        M(s).forEach((o) => {
+    }, _ = () => {
+      e.trigger !== "auto" && (n.value && (clearTimeout(n.value), n.value = null), r.value && (clearTimeout(r.value), r.value = null), f.value = !1, L(() => {
+        M(h).forEach((o) => {
           o.style.top = "0", o.style.left = "0";
         });
       }));
-    }, A = () => {
+    }, I = () => {
       e.trigger !== "auto" && (r.value && clearTimeout(r.value), r.value = setTimeout(() => {
-        !h.value && !p.value && w();
-      }, _t));
-    }, z = () => {
-      h.value = !0, q();
-    }, j = () => {
-      h.value = !1, A();
-    }, F = () => {
-      p.value = !0, r.value && (clearTimeout(r.value), r.value = null);
-    }, G = () => {
-      p.value = !1, A();
-    }, E = () => {
+        !v.value && !g.value && _();
+      }, At));
+    }, U = () => {
+      v.value = !0, K();
+    }, X = () => {
+      v.value = !1, I();
+    }, Y = () => {
+      g.value = !0, r.value && (clearTimeout(r.value), r.value = null);
+    }, J = () => {
+      g.value = !1, I();
+    }, N = () => {
       if (e.hideOnClick) {
-        if (h.value = !1, p.value = !1, e.trigger === "auto") {
-          v(), u.value = !1;
+        if (v.value = !1, g.value = !1, e.trigger === "auto") {
+          d(), f.value = !1;
           return;
         }
-        w();
+        _();
       }
-    }, K = () => {
-      v(), u.value = !0, k(() => {
-        L();
-      }), e.autoShowDuration > 0 && (m.value = setTimeout(() => {
-        u.value = !1;
+    }, Q = () => {
+      d(), f.value = !0, L(() => {
+        D();
+      }), e.autoShowDuration > 0 && (p.value = setTimeout(() => {
+        f.value = !1;
       }, e.autoShowDuration));
-    }, v = () => {
-      m.value && (clearTimeout(m.value), m.value = null);
+    }, d = () => {
+      p.value && (clearTimeout(p.value), p.value = null);
     };
-    return it(() => {
-      e.hideOnClick && document.addEventListener("mousedown", E, !0);
-    }), rt(() => {
-      e.hideOnClick && document.removeEventListener("mousedown", E, !0), n.value && clearTimeout(n.value), r.value && clearTimeout(r.value), v();
-    }), $({
-      startAutoShow: K,
-      clearAutoTimer: v,
-      hide: w
-    }), (t, o) => (c(), d(O, null, [
-      at("div", {
+    return st(() => {
+      e.hideOnClick && document.addEventListener("mousedown", N, !0);
+    }), ct(() => {
+      e.hideOnClick && document.removeEventListener("mousedown", N, !0), n.value && clearTimeout(n.value), r.value && clearTimeout(r.value), d();
+    }), V({
+      startAutoShow: Q,
+      clearAutoTimer: d,
+      hide: _
+    }), (t, o) => (c(), m(C, null, [
+      mt("div", {
         ref_key: "container",
-        ref: y,
+        ref: w,
         class: "tooltip-wrapper",
-        onMouseenter: z,
-        onMouseleave: j
+        onMouseenter: U,
+        onMouseleave: X
       }, [
-        ft(t.$slots, "default", {}, void 0, !0)
+        W(t.$slots, "default", {}, void 0, !0)
       ], 544),
-      (c(), nt(ut, { to: "body" }, [
-        ct(st, null, {
-          default: mt(() => [
-            u.value ? (c(), d("div", yt, [
-              (c(!0), d(O, null, pt(H.value, (l, i) => (c(), d("span", {
+      (c(), ht(pt, { to: "body" }, [
+        vt(gt, null, {
+          default: dt(() => [
+            f.value && F.value ? (c(), m("div", Ct, [
+              (c(!0), m(C, null, yt(z.value, (l, i) => (c(), m("span", {
                 key: `${l}-${i}`,
                 ref_for: !0,
                 ref_key: "tooltipItems",
-                ref: s,
-                "data-theme": M(C)().theme ? M(C)().theme : "light",
-                class: gt(W.value),
-                style: vt(R.value),
-                onMouseenter: F,
-                onMouseleave: G
-              }, dt(l), 47, wt))), 128))
-            ])) : ht("", !0)
+                ref: h,
+                "data-theme": M(A)().theme ? M(A)().theme : "light",
+                class: xt(j.value),
+                style: wt(q.value),
+                onMouseenter: Y,
+                onMouseleave: J
+              }, [
+                x.value ? W(t.$slots, "content", { key: 0 }, void 0, !0) : (c(), m(C, { key: 1 }, [
+                  _t(St(l), 1)
+                ], 64))
+              ], 46, Mt))), 128))
+            ])) : Tt("", !0)
           ]),
-          _: 1
+          _: 3
         })
       ]))
     ], 64));
   }
 });
 export {
-  Ot as default
+  qt as default
 };

package/dist/components/2_blocks/FeedSearch/FeedSearch.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as _, inject as y, ref as v, computed as S, watch as k, onMounted as F, unref as o, createBlock as g, openBlock as m, Transition as L, withCtx as w, createElementVNode as r, withDirectives as C, createElementBlock as I, createCommentVNode as B, toDisplayString as D, vModelText as M, normalizeStyle as V } from "vue";
+import { defineComponent as _, inject as y, ref as v, computed as S, watch as k, onMounted as F, unref as o, createBlock as g, openBlock as m, Transition as L, withCtx as w, createElementVNode as n, withDirectives as C, createElementBlock as I, createCommentVNode as B, toDisplayString as D, vModelText as M, normalizeStyle as V } from "vue";
 import { t as d } from "../../../locale/useLocale.js";
 import { useDelayDebouncedRef as b } from "../../../hooks/useDelayDebouncedRef.js";
 import "../../../hooks/useMessageDraft.js";
@@ -7,10 +7,11 @@ import "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* 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 E = { class: "feed-search__container" }, N = { style: { "line-height": "40px" } }, T = ["placeholder"], Q = /* @__PURE__ */ _({
+const E = { class: "feed-search__container" }, N = { style: { "line-height": "40px" } }, T = ["placeholder"], W = /* @__PURE__ */ _({
   __name: "FeedSearch",
   props: {
     isFeedLocation: {
@@ -34,21 +35,21 @@ const E = { class: "feed-search__container" }, N = { style: { "line-height": "40
     return F(() => {
       const t = o(c);
       t == null || t.focus();
-    }), (t, n) => (m(), g(L, null, {
+    }), (t, r) => (m(), g(L, null, {
       default: w(() => [
-        r("div", E, [
-          r("span", N, D(o(d)("component.FeedSearch.SearchLabel")), 1),
-          C(r("input", {
+        n("div", E, [
+          n("span", N, D(o(d)("component.FeedSearch.SearchLabel")), 1),
+          C(n("input", {
             ref_key: "refInput",
             ref: c,
-            "onUpdate:modelValue": n[0] || (n[0] = (p) => o(e)().text = p),
+            "onUpdate:modelValue": r[0] || (r[0] = (p) => o(e)().text = p),
             class: "feed-search__input",
             type: "text",
             placeholder: o(d)("component.FeedSearch.SearchPlaceholder")
           }, null, 8, T), [
             [M, o(e)().text]
           ]),
-          r("i", {
+          n("i", {
             class: "pi pi-times",
             style: V({ right: h.value }),
             onClick: x
@@ -57,7 +58,7 @@ const E = { class: "feed-search__container" }, N = { style: { "line-height": "40
             key: 0,
             class: "pi pi-refresh",
             style: { "margin-left": "5px", "margin-top": "10px", cursor: "pointer" },
-            onClick: n[1] || (n[1] = (p) => i("switch"))
+            onClick: r[1] || (r[1] = (p) => i("switch"))
           })) : B("", !0)
         ])
       ]),
@@ -66,5 +67,5 @@ const E = { class: "feed-search__container" }, N = { style: { "line-height": "40
   }
 });
 export {
-  Q as default
+  W as default
 };