@mobilon-dev/chotto 0.3.98 → 0.3.99

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

@@ -1,5 +1,5 @@
-import { defineComponent as t } from "vue";
-const n = /* @__PURE__ */ t({
+import { defineComponent as t, createElementBlock as l, openBlock as r } from "vue";
+const o = { class: "embed-preview" }, c = ["src"], a = ["src"], s = ["src"], m = /* @__PURE__ */ t({
   __name: "EmbedPreview",
   props: {
     embed: {
@@ -7,12 +7,33 @@ const n = /* @__PURE__ */ t({
       required: !0
     }
   },
-  setup(p, { expose: r }) {
-    r();
-    const e = {};
-    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+  setup(e) {
+    return (u, d) => (r(), l("div", o, [
+      e.embed.type == "youtube" ? (r(), l("iframe", {
+        key: 0,
+        class: "embed-preview__player",
+        src: e.embed.url,
+        title: "YouTube video player",
+        frameborder: "0",
+        allowfullscreen: ""
+      }, null, 8, c)) : e.embed.type == "rutube" ? (r(), l("iframe", {
+        key: 1,
+        class: "embed-preview__player",
+        src: e.embed.url,
+        title: "YouTube video player",
+        frameborder: "0",
+        allow: "clipboard-write; autoplay",
+        webkitAllowFullScreen: "",
+        mozallowfullscreen: "",
+        allowFullScreen: ""
+      }, null, 8, a)) : (r(), l("iframe", {
+        key: 2,
+        class: "embed-preview__player",
+        src: e.embed.url
+      }, null, 8, s))
+    ]));
   }
 });
 export {
-  n as default
+  m as default
 };

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

@@ -1,24 +1,40 @@
-import c from "./EmojiGlyph.vue2.js";
-import { createElementBlock as e, openBlock as r, toDisplayString as s } from "vue";
-import i from "../../../_virtual/_plugin-vue_export-helper.js";
-const a = ["src", "alt"], n = { key: 1 };
-function m(l, _, t, o, p, f) {
-  return o.isNative ? (r(), e(
-    "span",
-    n,
-    s(t.emoji),
-    1
-    /* TEXT */
-  )) : (r(), e("img", {
-    key: 0,
-    class: "chotto-emoji",
-    src: o.src,
-    alt: t.emoji,
-    draggable: "false",
-    onError: o.onImgError
-  }, null, 40, a));
-}
-const y = /* @__PURE__ */ i(c, [["render", m], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/1_atoms/EmojiGlyph/EmojiGlyph.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 }, G = /* @__PURE__ */ f({
+  __name: "EmojiGlyph",
+  props: {
+    emoji: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(t) {
+    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) ? (p(), c("span", y, d(t.emoji), 1)) : (p(), c("img", {
+      key: 0,
+      class: "chotto-emoji",
+      src: s.value,
+      alt: t.emoji,
+      draggable: "false",
+      onError: u
+    }, null, 40, _));
+  }
+});
 export {
-  y as default
+  G as default
 };

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

@@ -1,35 +1,4 @@
-import { defineComponent as f, inject as _, computed as m } from "vue";
-import "../../../hooks/useMessageDraft.js";
-import "../../../hooks/useSearchModel.js";
-import "../../../hooks/useTheme.js";
-import { useEmojiNative as j } 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 d, getAppleEmojiFallbackUrl as g } from "../../../functions/renderAppleEmojis.js";
-const C = /* @__PURE__ */ f({
-  __name: "EmojiGlyph",
-  props: {
-    emoji: {
-      type: String,
-      required: !0
-    }
-  },
-  setup(c, { expose: n }) {
-    n();
-    const t = c, r = _("chatAppId", ""), { isNative: s } = j(r), a = m(() => d(t.emoji)), e = m(() => g(t.emoji));
-    function l(u) {
-      const i = u.target, o = e.value;
-      o && i.src !== o && (i.src = o);
-    }
-    const p = { props: t, chatAppId: r, isNative: s, src: a, fallbackSrc: e, onImgError: l };
-    return Object.defineProperty(p, "__isScriptSetup", { enumerable: !1, value: !0 }), p;
-  }
-});
+import f from "./EmojiGlyph.vue.js";
 export {
-  C as default
+  f as default
 };

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

@@ -1,40 +1,7 @@
-import r from "./LinkPreview.vue2.js";
-import { createElementBlock as n, openBlock as o, createElementVNode as i, toDisplayString as t } from "vue";
+import o from "./LinkPreview.vue2.js";
 /* empty css                 */
-import s from "../../../_virtual/_plugin-vue_export-helper.js";
-const c = { class: "link-preview" }, _ = { class: "link-preview__container" }, l = ["href"], a = { class: "link-preview__title" }, v = { class: "link-preview__description" }, d = ["src", "alt"];
-function k(p, m, e, w, f, h) {
-  return o(), n("div", c, [
-    i("div", _, [
-      i("a", {
-        class: "link-preview__link-container",
-        href: e.linkPreview.url,
-        target: "_blank"
-      }, [
-        i(
-          "p",
-          a,
-          t(e.linkPreview.title),
-          1
-          /* TEXT */
-        ),
-        i(
-          "p",
-          v,
-          t(e.linkPreview.description),
-          1
-          /* TEXT */
-        ),
-        i("img", {
-          class: "link-preview__image",
-          src: e.linkPreview.imageUrl,
-          alt: e.linkPreview.title
-        }, null, 8, d)
-      ], 8, l)
-    ])
-  ]);
-}
-const L = /* @__PURE__ */ s(r, [["render", k], ["__scopeId", "data-v-81eeb7f4"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/1_atoms/LinkPreview/LinkPreview.vue"]]);
+import r from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-e9834d72"]]);
 export {
-  L as default
+  m as default
 };

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

@@ -1,5 +1,5 @@
-import { defineComponent as t } from "vue";
-const _ = /* @__PURE__ */ t({
+import { defineComponent as n, createElementBlock as l, openBlock as r, createElementVNode as i, toDisplayString as t } from "vue";
+const s = { class: "link-preview" }, c = { class: "link-preview__container" }, o = ["href"], a = { class: "link-preview__title" }, _ = { class: "link-preview__description" }, k = ["src", "alt"], p = /* @__PURE__ */ n({
   __name: "LinkPreview",
   props: {
     linkPreview: {
@@ -7,12 +7,26 @@ const _ = /* @__PURE__ */ t({
       required: !0
     }
   },
-  setup(n, { expose: r }) {
-    r();
-    const e = {};
-    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+  setup(e) {
+    return (v, d) => (r(), l("div", s, [
+      i("div", c, [
+        i("a", {
+          class: "link-preview__link-container",
+          href: e.linkPreview.url,
+          target: "_blank"
+        }, [
+          i("p", a, t(e.linkPreview.title), 1),
+          i("p", _, t(e.linkPreview.description), 1),
+          i("img", {
+            class: "link-preview__image",
+            src: e.linkPreview.imageUrl,
+            alt: e.linkPreview.title
+          }, null, 8, k)
+        ], 8, o)
+      ])
+    ]));
   }
 });
 export {
-  _ as default
+  p as default
 };

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

@@ -1,7 +1,7 @@
-import { computed as i, createElementBlock as c, createCommentVNode as d, openBlock as n, normalizeClass as l, createStaticVNode as p } 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 _ from "../../../_virtual/_plugin-vue_export-helper.js";
-const v = {
+import p from "../../../_virtual/_plugin-vue_export-helper.js";
+const _ = ["width", "height"], v = {
   __name: "LoadingIndicator",
   props: {
     isLoading: {
@@ -11,46 +11,35 @@ const v = {
     size: {
       type: String,
       default: "normal",
-      validator: (a) => ["normal", "small"].includes(a)
+      validator: (t) => ["normal", "small"].includes(t)
     },
     position: {
       type: String,
       default: "center",
-      validator: (a) => ["center", "top"].includes(a)
+      validator: (t) => ["center", "top"].includes(t)
     }
   },
-  setup(a, { expose: e }) {
-    e();
-    const t = a, o = i(() => t.size === "small" ? "36px" : "120px"), s = i(() => t.size === "small" ? "35px" : "116px"), r = { props: t, svgWidth: o, svgHeight: s, computed: i };
-    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
-  }
-}, f = ["width", "height"];
-function u(a, e, t, o, s, r) {
-  return t.isLoading ? (n(), c(
-    "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: l([
+      class: d([
         "loading-indicator",
         { "loading-indicator--small": t.size === "small" }
       ])
-    },
-    [
-      (n(), c("svg", {
-        width: o.svgWidth,
-        height: o.svgHeight,
+    }, [
+      (r(), i("svg", {
+        width: s.value,
+        height: n.value,
         viewBox: "-8 -8 120 116",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, [...e[0] || (e[0] = [
-        p('<circle class="dot dot-1" cx="84.71" cy="43.91" r="12.18" stroke="url(#paint0_linear_10781_5111)" data-v-894a78ac></circle><circle class="dot dot-2" cx="73.05" cy="82.12" r="12.18" stroke="url(#paint1_linear_10781_5111)" data-v-894a78ac></circle><circle class="dot dot-3" cx="32.24" cy="82.12" r="12.18" stroke="url(#paint2_linear_10781_5111)" data-v-894a78ac></circle><circle class="dot dot-4" cx="19.29" cy="43.91" r="12.18" stroke="url(#paint3_linear_10781_5111)" data-v-894a78ac></circle><circle class="dot dot-5" cx="52.76" cy="19.29" r="12.18" stroke="url(#paint4_linear_10781_5111)" data-v-894a78ac></circle><defs data-v-894a78ac><linearGradient id="paint0_linear_10781_5111" x1="18.12" y1="10.7" x2="85.37" y2="100" gradientUnits="userSpaceOnUse" data-v-894a78ac><stop stop-color="#426CFF" data-v-894a78ac></stop><stop offset="1" stop-color="#734AFD" data-v-894a78ac></stop></linearGradient><linearGradient id="paint1_linear_10781_5111" x1="18.12" y1="10.7" x2="85.37" y2="100" gradientUnits="userSpaceOnUse" data-v-894a78ac><stop stop-color="#426CFF" data-v-894a78ac></stop><stop offset="1" stop-color="#734AFD" data-v-894a78ac></stop></linearGradient><linearGradient id="paint2_linear_10781_5111" x1="18.12" y1="10.7" x2="85.37" y2="100" gradientUnits="userSpaceOnUse" data-v-894a78ac><stop stop-color="#426CFF" data-v-894a78ac></stop><stop offset="1" stop-color="#734AFD" data-v-894a78ac></stop></linearGradient><linearGradient id="paint3_linear_10781_5111" x1="18.12" y1="10.7" x2="85.37" y2="100" gradientUnits="userSpaceOnUse" data-v-894a78ac><stop stop-color="#426CFF" data-v-894a78ac></stop><stop offset="1" stop-color="#734AFD" data-v-894a78ac></stop></linearGradient><linearGradient id="paint4_linear_10781_5111" x1="18.12" y1="10.7" x2="85.37" y2="100" gradientUnits="userSpaceOnUse" data-v-894a78ac><stop stop-color="#426CFF" data-v-894a78ac></stop><stop offset="1" stop-color="#734AFD" data-v-894a78ac></stop></linearGradient></defs>', 6)
-      ])], 8, f))
-    ],
-    2
-    /* CLASS */
-  )) : d("v-if", !0);
-}
-const y = /* @__PURE__ */ _(v, [["render", u], ["__scopeId", "data-v-894a78ac"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/1_atoms/LoadingIndicator/LoadingIndicator.vue"]]);
+        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);
+  }
+}, m = /* @__PURE__ */ p(v, [["__scopeId", "data-v-53892888"]]);
 export {
-  y as default
+  m as default
 };

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

@@ -1,73 +1,7 @@
-import s from "./Tooltip.vue2.js";
-import { createElementBlock as t, openBlock as o, Fragment as r, createElementVNode as d, createBlock as c, renderSlot as a, Teleport as m, createVNode as h, Transition as p, withCtx as _, createCommentVNode as f, renderList as v, normalizeStyle as T, normalizeClass as y, createTextVNode as g, toDisplayString as u } from "vue";
+import o from "./Tooltip.vue2.js";
 /* empty css             */
-import k from "../../../_virtual/_plugin-vue_export-helper.js";
-const C = { key: 0 }, S = ["data-theme"];
-function B(l, E, M, e, N, V) {
-  return o(), t(
-    r,
-    null,
-    [
-      d(
-        "div",
-        {
-          ref: "container",
-          class: "tooltip-wrapper",
-          onMouseenter: e.handleTriggerEnter,
-          onMouseleave: e.handleTriggerLeave
-        },
-        [
-          a(l.$slots, "default", {}, void 0, !0)
-        ],
-        544
-        /* NEED_HYDRATION, NEED_PATCH */
-      ),
-      (o(), c(m, { to: "body" }, [
-        h(p, null, {
-          default: _(() => [
-            e.show && e.hasTooltipBody ? (o(), t("div", C, [
-              (o(!0), t(
-                r,
-                null,
-                v(e.displayItems, (n, i) => (o(), t("span", {
-                  key: `${n}-${i}`,
-                  ref_for: !0,
-                  ref: "tooltipItems",
-                  "data-theme": e.getTheme().theme ? e.getTheme().theme : "light",
-                  class: y(e.tooltipClasses),
-                  style: T(e.tooltipStyle),
-                  onMouseenter: e.handleTooltipEnter,
-                  onMouseleave: e.handleTooltipLeave
-                }, [
-                  e.hasContentSlot ? a(l.$slots, "content", { key: 0 }, void 0, !0) : (o(), t(
-                    r,
-                    { key: 1 },
-                    [
-                      g(
-                        u(n),
-                        1
-                        /* TEXT */
-                      )
-                    ],
-                    64
-                    /* STABLE_FRAGMENT */
-                  ))
-                ], 46, S))),
-                128
-                /* KEYED_FRAGMENT */
-              ))
-            ])) : f("v-if", !0)
-          ]),
-          _: 3
-          /* FORWARDED */
-        })
-      ]))
-    ],
-    64
-    /* STABLE_FRAGMENT */
-  );
-}
-const z = /* @__PURE__ */ k(s, [["render", B], ["__scopeId", "data-v-01043e04"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/1_atoms/Tooltip/Tooltip.vue"]]);
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-11bc5009"]]);
 export {
-  z as default
+  _ as default
 };

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

@@ -1,7 +1,7 @@
-import { defineComponent as rt, inject as at, useSlots as nt, ref as f, computed as c, onMounted as ft, onUnmounted as ut, nextTick as M, unref as ct } 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 st } from "../../../hooks/useTheme.js";
+import { useTheme as kt } from "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
@@ -10,7 +10,7 @@ import "../../../locale/useLocale.js";
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-const j = 6, H = 120, At = /* @__PURE__ */ rt({
+const Ct = { key: 0 }, Mt = ["data-theme"], Lt = 6, At = 120, qt = /* @__PURE__ */ nt({
   __name: "Tooltip",
   props: {
     text: {
@@ -56,121 +56,153 @@ const j = 6, H = 120, At = /* @__PURE__ */ rt({
       default: () => ({})
     }
   },
-  setup(N, { expose: $ }) {
-    const v = at("chatAppId"), { getTheme: q } = st(v), E = nt(), y = f(), g = f([]), u = f(!1), s = f(null), n = f(null), l = f(null), p = f(!1), h = f(!1), e = N, w = c(() => typeof E.content == "function"), G = c(() => ({
+  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
-    })), K = c(() => ({
+    })), q = s(() => ({
       maxWidth: e.maxWidth || void 0,
       ...e.bubbleStyle
-    })), x = c(() => {
+    })), 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] : [];
-    }), U = c(() => w.value ? ["__content__"] : x.value), X = c(() => w.value ? !0 : x.value.length > 0), O = (t, o) => {
-      const i = o.left < 0 ? o.left : 0, r = o.top < 0 ? o.top : 0;
+    }), 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: {
-          top: t.top - (o.height - t.height) / 2 - r,
-          left: t.left - o.width - i - e.offset
+          top: t.top - (o.height - t.height) / 2 - i,
+          left: t.left - o.width - l - e.offset
         },
         right: {
-          top: t.top - (o.height - t.height) / 2 - r,
-          left: t.left + t.width - i + e.offset
+          top: t.top - (o.height - t.height) / 2 - i,
+          left: t.left + t.width - l + e.offset
         },
         bottom: {
-          top: t.bottom - r + e.offset,
-          left: t.left - i
+          top: t.bottom - i + e.offset,
+          left: t.left - l
         },
         "bottom-center": {
-          top: t.bottom - r + e.offset,
-          left: t.left + t.width / 2 - o.width / 2 - i
+          top: t.bottom - i + e.offset,
+          left: t.left + t.width / 2 - o.width / 2 - l
         },
         top: {
-          top: t.top - o.height - e.offset - r,
-          left: t.left - i
+          top: t.top - o.height - e.offset - i,
+          left: t.left - l
         },
         "top-center": {
-          top: t.top - o.height - e.offset - r,
-          left: t.left + t.width / 2 - o.width / 2 - i
+          top: t.top - o.height - e.offset - i,
+          left: t.left + t.width / 2 - o.width / 2 - l
         },
         "top-left": {
-          top: t.top - o.height - e.offset - r,
-          left: t.left + t.width - o.width - i
+          top: t.top - o.height - e.offset - i,
+          left: t.left + t.width - o.width - l
         },
         "top-right": {
-          top: t.top - o.height - e.offset - r,
-          left: t.left - i
+          top: t.top - o.height - e.offset - i,
+          left: t.left - l
         },
         "bottom-left": {
-          top: t.bottom - r + e.offset,
-          left: t.left + t.width - o.width - i
+          top: t.bottom - i + e.offset,
+          left: t.left + t.width - o.width - l
         },
         "bottom-right": {
-          top: t.bottom - r + e.offset,
-          left: t.left - i
+          top: t.bottom - i + e.offset,
+          left: t.left - l
         }
       }[e.position];
-    }, _ = () => {
-      if (!y.value || g.value.length === 0) return;
-      const t = y.value.getBoundingClientRect(), o = e.position.startsWith("top"), i = 8, r = v ? document.getElementById(v) : null, a = r == null ? void 0 : r.getBoundingClientRect(), J = (a == null ? void 0 : a.top) ?? 0, Q = (a == null ? void 0 : a.left) ?? 0, V = (a == null ? void 0 : a.right) ?? window.innerWidth, Z = (a == null ? void 0 : a.bottom) ?? window.innerHeight;
-      g.value.forEach((C, B) => {
-        const d = C.getBoundingClientRect(), L = O(t, d), k = B * (d.height + j), tt = o ? L.top - k : L.top + k, W = J + i, et = Z - d.height - i, R = Q + i, ot = V - d.width - i, lt = Math.min(Math.max(tt, W), Math.max(W, et)), it = Math.min(Math.max(L.left, R), Math.max(R, ot));
-        C.style.top = `${lt}px`, C.style.left = `${it}px`;
-      });
     }, D = () => {
-      e.trigger !== "auto" && (n.value && (clearTimeout(n.value), n.value = null), l.value && (clearTimeout(l.value), l.value = null), n.value = setTimeout(() => {
-        u.value = !0, M(() => {
-          _();
+      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`;
+      });
+    }, K = () => {
+      e.trigger !== "auto" && (n.value && (clearTimeout(n.value), n.value = null), r.value && (clearTimeout(r.value), r.value = null), n.value = setTimeout(() => {
+        f.value = !0, L(() => {
+          D();
         }), n.value = null;
       }, e.delay));
-    }, T = () => {
-      e.trigger !== "auto" && (n.value && (clearTimeout(n.value), n.value = null), l.value && (clearTimeout(l.value), l.value = null), u.value = !1, M(() => {
-        ct(g).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";
         });
       }));
-    }, S = () => {
-      e.trigger !== "auto" && (l.value && clearTimeout(l.value), l.value = setTimeout(() => {
-        !p.value && !h.value && T();
-      }, H));
+    }, I = () => {
+      e.trigger !== "auto" && (r.value && clearTimeout(r.value), r.value = setTimeout(() => {
+        !v.value && !g.value && _();
+      }, At));
+    }, U = () => {
+      v.value = !0, K();
+    }, X = () => {
+      v.value = !1, I();
     }, Y = () => {
-      p.value = !0, D();
-    }, b = () => {
-      p.value = !1, S();
-    }, z = () => {
-      h.value = !0, l.value && (clearTimeout(l.value), l.value = null);
-    }, F = () => {
-      h.value = !1, S();
-    }, A = () => {
+      g.value = !0, r.value && (clearTimeout(r.value), r.value = null);
+    }, J = () => {
+      g.value = !1, I();
+    }, N = () => {
       if (e.hideOnClick) {
-        if (p.value = !1, h.value = !1, e.trigger === "auto") {
-          m(), u.value = !1;
+        if (v.value = !1, g.value = !1, e.trigger === "auto") {
+          d(), f.value = !1;
           return;
         }
-        T();
-      }
-    }, P = () => {
-      m(), u.value = !0, M(() => {
         _();
-      }), e.autoShowDuration > 0 && (s.value = setTimeout(() => {
-        u.value = !1;
+      }
+    }, Q = () => {
+      d(), f.value = !0, L(() => {
+        D();
+      }), e.autoShowDuration > 0 && (p.value = setTimeout(() => {
+        f.value = !1;
       }, e.autoShowDuration));
-    }, m = () => {
-      s.value && (clearTimeout(s.value), s.value = null);
+    }, d = () => {
+      p.value && (clearTimeout(p.value), p.value = null);
     };
-    ft(() => {
-      e.hideOnClick && document.addEventListener("mousedown", A, !0);
-    }), ut(() => {
-      e.hideOnClick && document.removeEventListener("mousedown", A, !0), n.value && clearTimeout(n.value), l.value && clearTimeout(l.value), m();
-    }), $({
-      startAutoShow: P,
-      clearAutoTimer: m,
-      hide: T
-    });
-    const I = { chatAppId: v, getTheme: q, slots: E, container: y, tooltipItems: g, show: u, autoTimer: s, showTimer: n, hideTimer: l, STACK_GAP_PX: j, HIDE_DELAY_MS: H, isOverTrigger: p, isOverTooltip: h, props: e, hasContentSlot: w, tooltipClasses: G, tooltipStyle: K, resolvedTexts: x, displayItems: U, hasTooltipBody: X, getTooltipPosition: O, positionTooltips: _, updatePosition: D, hideTooltip: T, scheduleHide: S, handleTriggerEnter: Y, handleTriggerLeave: b, handleTooltipEnter: z, handleTooltipLeave: F, handleDocumentMouseDown: A, startAutoShow: P, clearAutoTimer: m };
-    return Object.defineProperty(I, "__isScriptSetup", { enumerable: !1, value: !0 }), I;
+    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: w,
+        class: "tooltip-wrapper",
+        onMouseenter: U,
+        onMouseleave: X
+      }, [
+        W(t.$slots, "default", {}, void 0, !0)
+      ], 544),
+      (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: 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)
+          ]),
+          _: 3
+        })
+      ]))
+    ], 64));
   }
 });
 export {
-  At as default
+  qt as default
 };