@mobilon-dev/chotto 0.3.97 → 0.3.98

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

@@ -1,40 +1,24 @@
-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, _));
-  }
-});
+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"]]);
 export {
-  G as default
+  y as default
 };

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

@@ -1,4 +1,35 @@
-import f from "./EmojiGlyph.vue.js";
+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;
+  }
+});
 export {
-  f as default
+  C as default
 };

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

@@ -1,7 +1,40 @@
-import o from "./LinkPreview.vue2.js";
+import r from "./LinkPreview.vue2.js";
+import { createElementBlock as n, openBlock as o, createElementVNode as i, toDisplayString as t } from "vue";
 /* empty css                 */
-import r from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-e9834d72"]]);
+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"]]);
 export {
-  m as default
+  L as default
 };

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

@@ -1,5 +1,5 @@
-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({
+import { defineComponent as t } from "vue";
+const _ = /* @__PURE__ */ t({
   __name: "LinkPreview",
   props: {
     linkPreview: {
@@ -7,26 +7,12 @@ const s = { class: "link-preview" }, c = { class: "link-preview__container" }, o
       required: !0
     }
   },
-  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)
-      ])
-    ]));
+  setup(n, { expose: r }) {
+    r();
+    const e = {};
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
   }
 });
 export {
-  p as default
+  _ as default
 };

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

@@ -1,7 +1,7 @@
-import { computed as o, createElementBlock as i, createCommentVNode as l, openBlock as r, normalizeClass as d, createStaticVNode as c } from "vue";
+import { computed as i, createElementBlock as c, createCommentVNode as d, openBlock as n, normalizeClass as l, createStaticVNode as p } from "vue";
 /* empty css                      */
-import p from "../../../_virtual/_plugin-vue_export-helper.js";
-const _ = ["width", "height"], v = {
+import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+const v = {
   __name: "LoadingIndicator",
   props: {
     isLoading: {
@@ -11,35 +11,46 @@ const _ = ["width", "height"], v = {
     size: {
       type: String,
       default: "normal",
-      validator: (t) => ["normal", "small"].includes(t)
+      validator: (a) => ["normal", "small"].includes(a)
     },
     position: {
       type: String,
       default: "center",
-      validator: (t) => ["center", "top"].includes(t)
+      validator: (a) => ["center", "top"].includes(a)
     }
   },
-  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", {
+  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",
+    {
       key: 0,
-      class: d([
+      class: l([
         "loading-indicator",
         { "loading-indicator--small": t.size === "small" }
       ])
-    }, [
-      (r(), i("svg", {
-        width: s.value,
-        height: n.value,
+    },
+    [
+      (n(), c("svg", {
+        width: o.svgWidth,
+        height: o.svgHeight,
         viewBox: "-8 -8 120 116",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, [...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);
-  }
-}, m = /* @__PURE__ */ p(v, [["__scopeId", "data-v-53892888"]]);
+        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"]]);
 export {
-  m as default
+  y as default
 };

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

@@ -1,7 +1,73 @@
-import o from "./Tooltip.vue2.js";
+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";
 /* empty css             */
-import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-11bc5009"]]);
+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"]]);
 export {
-  _ as default
+  z as default
 };

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

@@ -1,7 +1,7 @@
-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 { 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 "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as kt } from "../../../hooks/useTheme.js";
+import { useTheme as st } 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 Ct = { key: 0 }, Mt = ["data-theme"], Lt = 6, At = 120, qt = /* @__PURE__ */ nt({
+const j = 6, H = 120, At = /* @__PURE__ */ rt({
   __name: "Tooltip",
   props: {
     text: {
@@ -56,153 +56,121 @@ const Ct = { key: 0 }, Mt = ["data-theme"], Lt = 6, At = 120, qt = /* @__PURE__
       default: () => ({})
     }
   },
-  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(() => ({
+  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(() => ({
       tooltip__text: !0,
       [`tooltip--${e.position}`]: !0
-    })), q = s(() => ({
+    })), K = c(() => ({
       maxWidth: e.maxWidth || void 0,
       ...e.bubbleStyle
-    })), E = s(() => {
+    })), x = c(() => {
       const t = Array.isArray(e.texts) ? e.texts.map((o) => String(o ?? "").trim()).filter(Boolean) : [];
       return t.length > 0 ? t : e.text ? [e.text] : [];
-    }), 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;
+    }), 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;
       return {
         left: {
-          top: t.top - (o.height - t.height) / 2 - i,
-          left: t.left - o.width - l - e.offset
+          top: t.top - (o.height - t.height) / 2 - r,
+          left: t.left - o.width - i - e.offset
         },
         right: {
-          top: t.top - (o.height - t.height) / 2 - i,
-          left: t.left + t.width - l + e.offset
+          top: t.top - (o.height - t.height) / 2 - r,
+          left: t.left + t.width - i + e.offset
         },
         bottom: {
-          top: t.bottom - i + e.offset,
-          left: t.left - l
+          top: t.bottom - r + e.offset,
+          left: t.left - i
         },
         "bottom-center": {
-          top: t.bottom - i + e.offset,
-          left: t.left + t.width / 2 - o.width / 2 - l
+          top: t.bottom - r + e.offset,
+          left: t.left + t.width / 2 - o.width / 2 - i
         },
         top: {
-          top: t.top - o.height - e.offset - i,
-          left: t.left - l
+          top: t.top - o.height - e.offset - r,
+          left: t.left - i
         },
         "top-center": {
-          top: t.top - o.height - e.offset - i,
-          left: t.left + t.width / 2 - o.width / 2 - l
+          top: t.top - o.height - e.offset - r,
+          left: t.left + t.width / 2 - o.width / 2 - i
         },
         "top-left": {
-          top: t.top - o.height - e.offset - i,
-          left: t.left + t.width - o.width - l
+          top: t.top - o.height - e.offset - r,
+          left: t.left + t.width - o.width - i
         },
         "top-right": {
-          top: t.top - o.height - e.offset - i,
-          left: t.left - l
+          top: t.top - o.height - e.offset - r,
+          left: t.left - i
         },
         "bottom-left": {
-          top: t.bottom - i + e.offset,
-          left: t.left + t.width - o.width - l
+          top: t.bottom - r + e.offset,
+          left: t.left + t.width - o.width - i
         },
         "bottom-right": {
-          top: t.bottom - i + e.offset,
-          left: t.left - l
+          top: t.bottom - r + e.offset,
+          left: t.left - i
         }
       }[e.position];
-    }, 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`;
+    }, _ = () => {
+      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`;
       });
-    }, 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();
+    }, 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(() => {
+          _();
         }), n.value = null;
       }, e.delay));
-    }, _ = () => {
-      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) => {
+    }, 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) => {
           o.style.top = "0", o.style.left = "0";
         });
       }));
-    }, 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();
+    }, S = () => {
+      e.trigger !== "auto" && (l.value && clearTimeout(l.value), l.value = setTimeout(() => {
+        !p.value && !h.value && T();
+      }, H));
     }, Y = () => {
-      g.value = !0, r.value && (clearTimeout(r.value), r.value = null);
-    }, J = () => {
-      g.value = !1, I();
-    }, N = () => {
+      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 = () => {
       if (e.hideOnClick) {
-        if (v.value = !1, g.value = !1, e.trigger === "auto") {
-          d(), f.value = !1;
+        if (p.value = !1, h.value = !1, e.trigger === "auto") {
+          m(), u.value = !1;
           return;
         }
-        _();
+        T();
       }
-    }, Q = () => {
-      d(), f.value = !0, L(() => {
-        D();
-      }), e.autoShowDuration > 0 && (p.value = setTimeout(() => {
-        f.value = !1;
+    }, P = () => {
+      m(), u.value = !0, M(() => {
+        _();
+      }), e.autoShowDuration > 0 && (s.value = setTimeout(() => {
+        u.value = !1;
       }, e.autoShowDuration));
-    }, d = () => {
-      p.value && (clearTimeout(p.value), p.value = null);
+    }, m = () => {
+      s.value && (clearTimeout(s.value), s.value = null);
     };
-    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));
+    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;
   }
 });
 export {
-  qt as default
+  At as default
 };

package/dist/components/1_icons/AvatarIcon.vue.js

@@ -1,6 +1,6 @@
-import { createElementBlock as i, openBlock as r, createStaticVNode as C } from "vue";
-import h from "../../_virtual/_plugin-vue_export-helper.js";
-const l = {
+import { createElementBlock as i, openBlock as r, createStaticVNode as o } from "vue";
+import s from "../../_virtual/_plugin-vue_export-helper.js";
+const c = {
   name: "AvatarIcon",
   props: {
     size: {
@@ -24,8 +24,8 @@ const l = {
       return this.height || this.size;
     }
   }
-}, o = ["width", "height"];
-function d(n, t, e, s, a, p) {
+}, h = ["width", "height"];
+function C(n, t, e, a, l, p) {
   return r(), i("svg", {
     width: e.size,
     height: e.size,
@@ -33,10 +33,10 @@ function d(n, t, e, s, a, p) {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, [...t[0] || (t[0] = [
-    C('<g clip-path="url(#clip0_4389_421)"><path d="M35.4075 18.75C35.4075 21.2364 34.3978 23.621 32.6005 25.3791C30.8032 27.1373 28.3655 28.125 25.8237 28.125C23.282 28.125 20.8443 27.1373 19.047 25.3791C17.2497 23.621 16.24 21.2364 16.24 18.75C16.24 16.2636 17.2497 13.879 19.047 12.1209C20.8443 10.3627 23.282 9.375 25.8237 9.375C28.3655 9.375 30.8032 10.3627 32.6005 12.1209C34.3978 13.879 35.4075 16.2636 35.4075 18.75Z" fill="#DCDCDC"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M0.26709 25C0.26709 18.3696 2.95966 12.0107 7.75247 7.32233C12.5453 2.63392 19.0457 0 25.8238 0C32.6018 0 39.1023 2.63392 43.8951 7.32233C48.6879 12.0107 51.3805 18.3696 51.3805 25C51.3805 31.6304 48.6879 37.9893 43.8951 42.6777C39.1023 47.3661 32.6018 50 25.8238 50C19.0457 50 12.5453 47.3661 7.75247 42.6777C2.95966 37.9893 0.26709 31.6304 0.26709 25ZM25.8238 3.125C21.6126 3.12522 17.4871 4.28863 13.922 6.48134C10.357 8.67404 7.49734 11.8069 5.67221 15.5194C3.84709 19.2318 3.13067 23.3729 3.60543 27.4661C4.08018 31.5593 5.72681 35.4382 8.35578 38.6562C10.6239 35.0812 15.6171 31.25 25.8238 31.25C36.0305 31.25 41.0204 35.0781 43.2918 38.6562C45.9207 35.4382 47.5674 31.5593 48.0421 27.4661C48.5169 23.3729 47.8005 19.2318 45.9753 15.5194C44.1502 11.8069 41.2906 8.67404 37.7255 6.48134C34.1605 4.28863 30.0349 3.12522 25.8238 3.125Z" fill="#DCDCDC"></path></g><defs><clipPath id="clip0_4389_421"><rect width="51.1134" height="50" fill="white" transform="translate(0.26709)"></rect></clipPath></defs>', 2)
-  ])], 8, o);
+    o('<g clip-path="url(#clip0_4389_421)"><path d="M35.4075 18.75C35.4075 21.2364 34.3978 23.621 32.6005 25.3791C30.8032 27.1373 28.3655 28.125 25.8237 28.125C23.282 28.125 20.8443 27.1373 19.047 25.3791C17.2497 23.621 16.24 21.2364 16.24 18.75C16.24 16.2636 17.2497 13.879 19.047 12.1209C20.8443 10.3627 23.282 9.375 25.8237 9.375C28.3655 9.375 30.8032 10.3627 32.6005 12.1209C34.3978 13.879 35.4075 16.2636 35.4075 18.75Z" fill="#DCDCDC"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M0.26709 25C0.26709 18.3696 2.95966 12.0107 7.75247 7.32233C12.5453 2.63392 19.0457 0 25.8238 0C32.6018 0 39.1023 2.63392 43.8951 7.32233C48.6879 12.0107 51.3805 18.3696 51.3805 25C51.3805 31.6304 48.6879 37.9893 43.8951 42.6777C39.1023 47.3661 32.6018 50 25.8238 50C19.0457 50 12.5453 47.3661 7.75247 42.6777C2.95966 37.9893 0.26709 31.6304 0.26709 25ZM25.8238 3.125C21.6126 3.12522 17.4871 4.28863 13.922 6.48134C10.357 8.67404 7.49734 11.8069 5.67221 15.5194C3.84709 19.2318 3.13067 23.3729 3.60543 27.4661C4.08018 31.5593 5.72681 35.4382 8.35578 38.6562C10.6239 35.0812 15.6171 31.25 25.8238 31.25C36.0305 31.25 41.0204 35.0781 43.2918 38.6562C45.9207 35.4382 47.5674 31.5593 48.0421 27.4661C48.5169 23.3729 47.8005 19.2318 45.9753 15.5194C44.1502 11.8069 41.2906 8.67404 37.7255 6.48134C34.1605 4.28863 30.0349 3.12522 25.8238 3.125Z" fill="#DCDCDC"></path></g><defs><clipPath id="clip0_4389_421"><rect width="51.1134" height="50" fill="white" transform="translate(0.26709)"></rect></clipPath></defs>', 2)
+  ])], 8, h);
 }
-const u = /* @__PURE__ */ h(l, [["render", d]]);
+const u = /* @__PURE__ */ s(c, [["render", C], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/1_icons/AvatarIcon.vue"]]);
 export {
   u as default
 };