@ddict/bubble 1.3.0 → 1.3.2

package/dist/bubble.es.js

@@ -1,5 +1,5 @@
-import { computed as _, ref as R, shallowRef as ct, watch as se, getCurrentScope as ut, onScopeDispose as dt, shallowReadonly as oe, unref as ve, createElementBlock as b, openBlock as g, createStaticVNode as ke, createElementVNode as y, createVNode as K, toDisplayString as de, Fragment as me, renderList as ye, createCommentVNode as N, onUnmounted as Re, normalizeClass as k, createBlock as V, createTextVNode as ft, normalizeStyle as Ye, onMounted as Ge, nextTick as De } from "vue";
-const j = Math.min, F = Math.max, be = Math.round, pe = Math.floor, X = (e) => ({
+import { computed as _, ref as R, shallowRef as ct, watch as se, getCurrentScope as ut, onScopeDispose as dt, shallowReadonly as oe, unref as ve, createElementBlock as b, openBlock as g, createStaticVNode as Re, createElementVNode as y, createVNode as K, toDisplayString as de, Fragment as me, renderList as ye, createCommentVNode as N, onUnmounted as Me, normalizeClass as k, createBlock as V, createTextVNode as ft, normalizeStyle as $e, onMounted as Ge, nextTick as _e } from "vue";
+const j = Math.min, O = Math.max, be = Math.round, pe = Math.floor, X = (e) => ({
   x: e,
   y: e
 }), mt = {
@@ -11,8 +11,8 @@ const j = Math.min, F = Math.max, be = Math.round, pe = Math.floor, X = (e) => (
   start: "end",
   end: "start"
 };
-function _e(e, t, n) {
-  return F(e, j(t, n));
+function Ve(e, t, n) {
+  return O(e, j(t, n));
 }
 function he(e, t) {
   return typeof e == "function" ? e(t) : e;
@@ -43,9 +43,9 @@ function gt(e, t, n) {
 }
 function Ct(e) {
   const t = we(e);
-  return [$e(e), t, $e(t)];
+  return [ke(e), t, ke(t)];
 }
-function $e(e) {
+function ke(e) {
   return e.replace(/start|end/g, (t) => ht[t]);
 }
 function pt(e, t, n) {
@@ -64,7 +64,7 @@ function pt(e, t, n) {
 function vt(e, t, n, o) {
   const i = ge(e);
   let s = pt(Y(e), n === "start", o);
-  return i && (s = s.map((l) => l + "-" + i), t && (s = s.concat(s.map($e)))), s;
+  return i && (s = s.map((l) => l + "-" + i), t && (s = s.concat(s.map(ke)))), s;
 }
 function we(e) {
   return e.replace(/left|right|bottom|top/g, (t) => mt[t]);
@@ -104,7 +104,7 @@ function xe(e) {
     y: n
   };
 }
-function Ve(e, t, n) {
+function Ne(e, t, n) {
   let {
     reference: o,
     floating: i
@@ -166,16 +166,16 @@ const xt = async (e, t, n) => {
   }), {
     x: u,
     y: d
-  } = Ve(c, o, a), h = o, f = {}, m = 0;
-  for (let p = 0; p < r.length; p++) {
+  } = Ne(c, o, a), h = o, f = {}, m = 0;
+  for (let v = 0; v < r.length; v++) {
     const {
       name: x,
       fn: w
-    } = r[p], {
+    } = r[v], {
       x: L,
       y: T,
       data: $,
-      reset: A
+      reset: E
     } = await w({
       x: u,
       y: d,
@@ -196,14 +196,14 @@ const xt = async (e, t, n) => {
         ...f[x],
         ...$
       }
-    }, A && m <= 50 && (m++, typeof A == "object" && (A.placement && (h = A.placement), A.rects && (c = A.rects === !0 ? await l.getElementRects({
+    }, E && m <= 50 && (m++, typeof E == "object" && (E.placement && (h = E.placement), E.rects && (c = E.rects === !0 ? await l.getElementRects({
       reference: e,
       floating: t,
       strategy: i
-    }) : A.rects), {
+    }) : E.rects), {
       x: u,
       y: d
-    } = Ve(c, h, a)), p = -1);
+    } = Ne(c, h, a)), v = -1);
   }
   return {
     x: u,
@@ -213,7 +213,7 @@ const xt = async (e, t, n) => {
     middlewareData: f
   };
 };
-async function Me(e, t) {
+async function Be(e, t) {
   var n;
   t === void 0 && (t = {});
   const {
@@ -245,17 +245,17 @@ async function Me(e, t) {
   } : {
     x: 1,
     y: 1
-  }, A = xe(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, E = xe(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: r,
     rect: L,
     offsetParent: T,
     strategy: a
   }) : L);
   return {
-    top: (w.top - A.top + m.top) / $.y,
-    bottom: (A.bottom - w.bottom + m.bottom) / $.y,
-    left: (w.left - A.left + m.left) / $.x,
-    right: (A.right - w.right + m.right) / $.x
+    top: (w.top - E.top + m.top) / $.y,
+    bottom: (E.bottom - w.bottom + m.bottom) / $.y,
+    left: (w.left - E.left + m.left) / $.x,
+    right: (E.right - w.right + m.right) / $.x
   };
 }
 const yt = function(e) {
@@ -277,29 +277,29 @@ const yt = function(e) {
         fallbackPlacements: h,
         fallbackStrategy: f = "bestFit",
         fallbackAxisSideDirection: m = "none",
-        flipAlignment: p = !0,
+        flipAlignment: v = !0,
         ...x
       } = he(e, t);
       if ((n = s.arrow) != null && n.alignmentOffset)
         return {};
-      const w = Y(i), L = J(r), T = Y(r) === r, $ = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), A = h || (T || !p ? [we(r)] : Ct(r)), M = m !== "none";
-      !h && M && A.push(...vt(r, p, m, $));
-      const S = [r, ...A], I = await Me(t, x), B = [];
+      const w = Y(i), L = J(r), T = Y(r) === r, $ = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), E = h || (T || !v ? [we(r)] : Ct(r)), M = m !== "none";
+      !h && M && E.push(...vt(r, v, m, $));
+      const S = [r, ...E], I = await Be(t, x), B = [];
       let D = ((o = s.flip) == null ? void 0 : o.overflows) || [];
       if (u && B.push(I[w]), d) {
-        const E = gt(i, l, $);
-        B.push(I[E[0]], I[E[1]]);
+        const A = gt(i, l, $);
+        B.push(I[A[0]], I[A[1]]);
       }
       if (D = [...D, {
         placement: i,
         overflows: B
-      }], !B.every((E) => E <= 0)) {
+      }], !B.every((A) => A <= 0)) {
         var q, C;
-        const E = (((q = s.flip) == null ? void 0 : q.index) || 0) + 1, Se = S[E];
+        const A = (((q = s.flip) == null ? void 0 : q.index) || 0) + 1, Se = S[A];
         if (Se)
           return {
             data: {
-              index: E,
+              index: A,
               overflows: D
             },
             reset: {
@@ -310,8 +310,8 @@ const yt = function(e) {
         if (!re)
           switch (f) {
             case "bestFit": {
-              var v;
-              const ne = (v = D.filter((Z) => {
+              var p;
+              const ne = (p = D.filter((Z) => {
                 if (M) {
                   const U = J(Z.placement);
                   return U === L || // Create a bias to the `y` side axis due to horizontal
@@ -319,7 +319,7 @@ const yt = function(e) {
                   U === "y";
                 }
                 return !0;
-              }).map((Z) => [Z.placement, Z.overflows.filter((U) => U > 0).reduce((U, rt) => U + rt, 0)]).sort((Z, U) => Z[1] - U[1])[0]) == null ? void 0 : v[0];
+              }).map((Z) => [Z.placement, Z.overflows.filter((U) => U > 0).reduce((U, rt) => U + rt, 0)]).sort((Z, U) => Z[1] - U[1])[0]) == null ? void 0 : p[0];
               ne && (re = ne);
               break;
             }
@@ -416,26 +416,26 @@ const Tt = function(e) {
       } = he(e, t), c = {
         x: n,
         y: o
-      }, u = await Me(t, a), d = J(Y(i)), h = qe(d);
+      }, u = await Be(t, a), d = J(Y(i)), h = qe(d);
       let f = c[h], m = c[d];
       if (s) {
         const x = h === "y" ? "top" : "left", w = h === "y" ? "bottom" : "right", L = f + u[x], T = f - u[w];
-        f = _e(L, f, T);
+        f = Ve(L, f, T);
       }
       if (l) {
         const x = d === "y" ? "top" : "left", w = d === "y" ? "bottom" : "right", L = m + u[x], T = m - u[w];
-        m = _e(L, m, T);
+        m = Ve(L, m, T);
       }
-      const p = r.fn({
+      const v = r.fn({
         ...t,
         [h]: f,
         [d]: m
       });
       return {
-        ...p,
+        ...v,
         data: {
-          x: p.x - n,
-          y: p.y - o
+          x: v.x - n,
+          y: v.y - o
         }
       };
     }
@@ -454,22 +454,22 @@ const Tt = function(e) {
         apply: l = () => {
         },
         ...r
-      } = he(e, t), a = await Me(t, r), c = Y(n), u = ge(n), d = J(n) === "y", {
+      } = he(e, t), a = await Be(t, r), c = Y(n), u = ge(n), d = J(n) === "y", {
         width: h,
         height: f
       } = o.floating;
-      let m, p;
-      c === "top" || c === "bottom" ? (m = c, p = u === (await (i.isRTL == null ? void 0 : i.isRTL(s.floating)) ? "start" : "end") ? "left" : "right") : (p = c, m = u === "end" ? "top" : "bottom");
-      const x = f - a.top - a.bottom, w = h - a.left - a.right, L = j(f - a[m], x), T = j(h - a[p], w), $ = !t.middlewareData.shift;
-      let A = L, M = T;
-      if (d ? M = u || $ ? j(T, w) : w : A = u || $ ? j(L, x) : x, $ && !u) {
-        const I = F(a.left, 0), B = F(a.right, 0), D = F(a.top, 0), q = F(a.bottom, 0);
-        d ? M = h - 2 * (I !== 0 || B !== 0 ? I + B : F(a.left, a.right)) : A = f - 2 * (D !== 0 || q !== 0 ? D + q : F(a.top, a.bottom));
+      let m, v;
+      c === "top" || c === "bottom" ? (m = c, v = u === (await (i.isRTL == null ? void 0 : i.isRTL(s.floating)) ? "start" : "end") ? "left" : "right") : (v = c, m = u === "end" ? "top" : "bottom");
+      const x = f - a.top - a.bottom, w = h - a.left - a.right, L = j(f - a[m], x), T = j(h - a[v], w), $ = !t.middlewareData.shift;
+      let E = L, M = T;
+      if (d ? M = u || $ ? j(T, w) : w : E = u || $ ? j(L, x) : x, $ && !u) {
+        const I = O(a.left, 0), B = O(a.right, 0), D = O(a.top, 0), q = O(a.bottom, 0);
+        d ? M = h - 2 * (I !== 0 || B !== 0 ? I + B : O(a.left, a.right)) : E = f - 2 * (D !== 0 || q !== 0 ? D + q : O(a.top, a.bottom));
       }
       await l({
         ...t,
         availableWidth: M,
-        availableHeight: A
+        availableHeight: E
       });
       const S = await i.getDimensions(s.floating);
       return h !== S.width || f !== S.height ? {
@@ -481,27 +481,27 @@ const Tt = function(e) {
   };
 };
 function ee(e) {
-  return Be(e) ? (e.nodeName || "").toLowerCase() : "#document";
+  return Ie(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function O(e) {
+function F(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
 function z(e) {
   var t;
-  return (t = (Be(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+  return (t = (Ie(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
-function Be(e) {
-  return e instanceof Node || e instanceof O(e).Node;
+function Ie(e) {
+  return e instanceof Node || e instanceof F(e).Node;
 }
 function H(e) {
-  return e instanceof Element || e instanceof O(e).Element;
+  return e instanceof Element || e instanceof F(e).Element;
 }
 function W(e) {
-  return e instanceof HTMLElement || e instanceof O(e).HTMLElement;
+  return e instanceof HTMLElement || e instanceof F(e).HTMLElement;
 }
-function Ne(e) {
-  return typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof O(e).ShadowRoot;
+function Pe(e) {
+  return typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof F(e).ShadowRoot;
 }
 function Ce(e) {
   const {
@@ -524,7 +524,7 @@ function Le(e) {
     }
   });
 }
-function Ie(e) {
+function Oe(e) {
   const t = Fe(), n = P(e);
   return n.transform !== "none" || n.perspective !== "none" || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((o) => (n.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (n.contain || "").includes(o));
 }
@@ -533,7 +533,7 @@ function $t(e) {
   for (; W(t) && !ae(t); ) {
     if (Le(t))
       return null;
-    if (Ie(t))
+    if (Oe(t))
       return t;
     t = G(t);
   }
@@ -546,7 +546,7 @@ function ae(e) {
   return ["html", "body", "#document"].includes(ee(e));
 }
 function P(e) {
-  return O(e).getComputedStyle(e);
+  return F(e).getComputedStyle(e);
 }
 function Te(e) {
   return H(e) ? {
@@ -564,10 +564,10 @@ function G(e) {
     // Step into the shadow DOM of the parent of a slotted node.
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
-    Ne(e) && e.host || // Fallback.
+    Pe(e) && e.host || // Fallback.
     z(e)
   );
-  return Ne(t) ? t.host : t;
+  return Pe(t) ? t.host : t;
 }
 function et(e) {
   const t = G(e);
@@ -576,7 +576,7 @@ function et(e) {
 function fe(e, t, n) {
   var o;
   t === void 0 && (t = []), n === void 0 && (n = !0);
-  const i = et(e), s = i === ((o = e.ownerDocument) == null ? void 0 : o.body), l = O(i);
+  const i = et(e), s = i === ((o = e.ownerDocument) == null ? void 0 : o.body), l = F(i);
   return s ? t.concat(l, l.visualViewport || [], Ce(i) ? i : [], l.frameElement && n ? fe(l.frameElement) : []) : t.concat(i, fe(i, [], n));
 }
 function tt(e) {
@@ -589,11 +589,11 @@ function tt(e) {
     $: r
   };
 }
-function Oe(e) {
+function De(e) {
   return H(e) ? e : e.contextElement;
 }
 function le(e) {
-  const t = Oe(e);
+  const t = De(e);
   if (!W(t))
     return X(1);
   const n = t.getBoundingClientRect(), {
@@ -609,28 +609,28 @@ function le(e) {
 }
 const kt = /* @__PURE__ */ X(0);
 function nt(e) {
-  const t = O(e);
+  const t = F(e);
   return !Fe() || !t.visualViewport ? kt : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
 function Rt(e, t, n) {
-  return t === void 0 && (t = !1), !n || t && n !== O(e) ? !1 : t;
+  return t === void 0 && (t = !1), !n || t && n !== F(e) ? !1 : t;
 }
 function Q(e, t, n, o) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
-  const i = e.getBoundingClientRect(), s = Oe(e);
+  const i = e.getBoundingClientRect(), s = De(e);
   let l = X(1);
   t && (o ? H(o) && (l = le(o)) : l = le(e));
   const r = Rt(s, n, o) ? nt(s) : X(0);
   let a = (i.left + r.x) / l.x, c = (i.top + r.y) / l.y, u = i.width / l.x, d = i.height / l.y;
   if (s) {
-    const h = O(s), f = o && H(o) ? O(o) : o;
-    let m = h, p = m.frameElement;
-    for (; p && o && f !== m; ) {
-      const x = le(p), w = p.getBoundingClientRect(), L = P(p), T = w.left + (p.clientLeft + parseFloat(L.paddingLeft)) * x.x, $ = w.top + (p.clientTop + parseFloat(L.paddingTop)) * x.y;
-      a *= x.x, c *= x.y, u *= x.x, d *= x.y, a += T, c += $, m = O(p), p = m.frameElement;
+    const h = F(s), f = o && H(o) ? F(o) : o;
+    let m = h, v = m.frameElement;
+    for (; v && o && f !== m; ) {
+      const x = le(v), w = v.getBoundingClientRect(), L = P(v), T = w.left + (v.clientLeft + parseFloat(L.paddingLeft)) * x.x, $ = w.top + (v.clientTop + parseFloat(L.paddingTop)) * x.y;
+      a *= x.x, c *= x.y, u *= x.x, d *= x.y, a += T, c += $, m = F(v), v = m.frameElement;
     }
   }
   return xe({
@@ -673,18 +673,18 @@ function ot(e) {
   return Q(z(e)).left + Te(e).scrollLeft;
 }
 function It(e) {
-  const t = z(e), n = Te(e), o = e.ownerDocument.body, i = F(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), s = F(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
+  const t = z(e), n = Te(e), o = e.ownerDocument.body, i = O(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), s = O(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
   let l = -n.scrollLeft + ot(e);
   const r = -n.scrollTop;
-  return P(o).direction === "rtl" && (l += F(t.clientWidth, o.clientWidth) - i), {
+  return P(o).direction === "rtl" && (l += O(t.clientWidth, o.clientWidth) - i), {
     width: i,
     height: s,
     x: l,
     y: r
   };
 }
-function Ft(e, t) {
-  const n = O(e), o = z(e), i = n.visualViewport;
+function Ot(e, t) {
+  const n = F(e), o = z(e), i = n.visualViewport;
   let s = o.clientWidth, l = o.clientHeight, r = 0, a = 0;
   if (i) {
     s = i.width, l = i.height;
@@ -698,7 +698,7 @@ function Ft(e, t) {
     y: a
   };
 }
-function Ot(e, t) {
+function Ft(e, t) {
   const n = Q(e, !0, t === "fixed"), o = n.top + e.clientTop, i = n.left + e.clientLeft, s = W(e) ? le(e) : X(1), l = e.clientWidth * s.x, r = e.clientHeight * s.y, a = i * s.x, c = o * s.y;
   return {
     width: l,
@@ -707,14 +707,14 @@ function Ot(e, t) {
     y: c
   };
 }
-function Pe(e, t, n) {
+function He(e, t, n) {
   let o;
   if (t === "viewport")
-    o = Ft(e, n);
+    o = Ot(e, n);
   else if (t === "document")
     o = It(z(e));
   else if (H(t))
-    o = Ot(t, n);
+    o = Ft(t, n);
   else {
     const i = nt(e);
     o = {
@@ -737,7 +737,7 @@ function Dt(e, t) {
   const s = P(e).position === "fixed";
   let l = s ? G(e) : e;
   for (; H(l) && !ae(l); ) {
-    const r = P(l), a = Ie(l);
+    const r = P(l), a = Oe(l);
     !a && r.position === "fixed" && (i = null), (s ? !a && !i : !a && r.position === "static" && !!i && ["absolute", "fixed"].includes(i.position) || Ce(l) && !a && it(e, l)) ? o = o.filter((u) => u !== l) : i = r, l = G(l);
   }
   return t.set(e, o), o;
@@ -750,9 +750,9 @@ function _t(e) {
     strategy: i
   } = e;
   const l = [...n === "clippingAncestors" ? Le(t) ? [] : Dt(t, this._c) : [].concat(n), o], r = l[0], a = l.reduce((c, u) => {
-    const d = Pe(t, u, i);
-    return c.top = F(d.top, c.top), c.right = j(d.right, c.right), c.bottom = j(d.bottom, c.bottom), c.left = F(d.left, c.left), c;
-  }, Pe(t, r, i));
+    const d = He(t, u, i);
+    return c.top = O(d.top, c.top), c.right = j(d.right, c.right), c.bottom = j(d.bottom, c.bottom), c.left = O(d.left, c.left), c;
+  }, He(t, r, i));
   return {
     width: a.right - a.left,
     height: a.bottom - a.top,
@@ -793,11 +793,11 @@ function Nt(e, t, n) {
 function Ee(e) {
   return P(e).position === "static";
 }
-function He(e, t) {
+function We(e, t) {
   return !W(e) || P(e).position === "fixed" ? null : t ? t(e) : e.offsetParent;
 }
 function st(e, t) {
-  const n = O(e);
+  const n = F(e);
   if (Le(e))
     return n;
   if (!W(e)) {
@@ -809,10 +809,10 @@ function st(e, t) {
     }
     return n;
   }
-  let o = He(e, t);
+  let o = We(e, t);
   for (; o && At(o) && Ee(o); )
-    o = He(o, t);
-  return o && ae(o) && Ee(o) && !Ie(o) ? n : o || $t(e) || n;
+    o = We(o, t);
+  return o && ae(o) && Ee(o) && !Oe(o) ? n : o || $t(e) || n;
 }
 const Pt = async function(e) {
   const t = this.getOffsetParent || st, n = this.getDimensions, o = await n(e.floating);
@@ -858,13 +858,13 @@ function zt(e, t) {
     } = e.getBoundingClientRect();
     if (r || t(), !d || !h)
       return;
-    const f = pe(u), m = pe(i.clientWidth - (c + d)), p = pe(i.clientHeight - (u + h)), x = pe(c), L = {
-      rootMargin: -f + "px " + -m + "px " + -p + "px " + -x + "px",
-      threshold: F(0, j(1, a)) || 1
+    const f = pe(u), m = pe(i.clientWidth - (c + d)), v = pe(i.clientHeight - (u + h)), x = pe(c), L = {
+      rootMargin: -f + "px " + -m + "px " + -v + "px " + -x + "px",
+      threshold: O(0, j(1, a)) || 1
     };
     let T = !0;
-    function $(A) {
-      const M = A[0].intersectionRatio;
+    function $(E) {
+      const M = E[0].intersectionRatio;
       if (M !== a) {
         if (!T)
           return l();
@@ -895,7 +895,7 @@ function Zt(e, t, n, o) {
     elementResize: l = typeof ResizeObserver == "function",
     layoutShift: r = typeof IntersectionObserver == "function",
     animationFrame: a = !1
-  } = o, c = Oe(e), u = i || s ? [...c ? fe(c) : [], ...fe(t)] : [];
+  } = o, c = De(e), u = i || s ? [...c ? fe(c) : [], ...fe(t)] : [];
   u.forEach((w) => {
     i && w.addEventListener("scroll", n, {
       passive: !0
@@ -910,11 +910,11 @@ function Zt(e, t, n, o) {
       (T = f) == null || T.observe(t);
     })), n();
   }), c && !a && f.observe(c), f.observe(t));
-  let m, p = a ? Q(e) : null;
+  let m, v = a ? Q(e) : null;
   a && x();
   function x() {
     const w = Q(e);
-    p && (w.x !== p.x || w.y !== p.y || w.width !== p.width || w.height !== p.height) && n(), p = w, m = requestAnimationFrame(x);
+    v && (w.x !== v.x || w.y !== v.y || w.width !== v.width || w.height !== v.height) && n(), v = w, m = requestAnimationFrame(x);
   }
   return n(), () => {
     var w;
@@ -939,10 +939,10 @@ const Ut = Tt, jt = St, Kt = yt, Xt = Et, Yt = (e, t, n) => {
 function Gt(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
-function We(e) {
+function ze(e) {
   if (Gt(e)) {
     const t = e.$el;
-    return Be(t) && ee(t) === "#comment" ? null : t;
+    return Ie(t) && ee(t) === "#comment" ? null : t;
   }
   return e;
 }
@@ -952,7 +952,7 @@ function ce(e) {
 function lt(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function ze(e, t) {
+function Ze(e, t) {
   const n = lt(e);
   return Math.round(t * n) / n;
 }
@@ -970,7 +970,7 @@ function qt(e, t, n) {
   }), a = _(() => {
     var S;
     return (S = ce(n.transform)) != null ? S : !0;
-  }), c = _(() => We(e.value)), u = _(() => We(t.value)), d = R(0), h = R(0), f = R(r.value), m = R(l.value), p = ct({}), x = R(!1), w = _(() => {
+  }), c = _(() => ze(e.value)), u = _(() => ze(t.value)), d = R(0), h = R(0), f = R(r.value), m = R(l.value), v = ct({}), x = R(!1), w = _(() => {
     const S = {
       position: f.value,
       left: "0",
@@ -978,7 +978,7 @@ function qt(e, t, n) {
     };
     if (!u.value)
       return S;
-    const I = ze(u.value, d.value), B = ze(u.value, h.value);
+    const I = Ze(u.value, d.value), B = Ze(u.value, h.value);
     return a.value ? {
       ...S,
       transform: "translate(" + I + "px, " + B + "px)",
@@ -998,13 +998,13 @@ function qt(e, t, n) {
       placement: l.value,
       strategy: r.value
     }).then((S) => {
-      d.value = S.x, h.value = S.y, f.value = S.strategy, m.value = S.placement, p.value = S.middlewareData, x.value = !0;
+      d.value = S.x, h.value = S.y, f.value = S.strategy, m.value = S.placement, v.value = S.middlewareData, x.value = !0;
     });
   }
   function $() {
     typeof L == "function" && (L(), L = void 0);
   }
-  function A() {
+  function E() {
     if ($(), o === void 0) {
       T();
       return;
@@ -1019,7 +1019,7 @@ function qt(e, t, n) {
   }
   return se([s, l, r], T, {
     flush: "sync"
-  }), se([c, u], A, {
+  }), se([c, u], E, {
     flush: "sync"
   }), se(i, M, {
     flush: "sync"
@@ -1028,7 +1028,7 @@ function qt(e, t, n) {
     y: oe(h),
     strategy: oe(f),
     placement: oe(m),
-    middlewareData: oe(p),
+    middlewareData: oe(v),
     isPositioned: oe(x),
     floatingStyles: w,
     update: T
@@ -1053,7 +1053,7 @@ const nn = /* @__PURE__ */ te(Qt, [["render", tn]]), on = {}, sn = {
   class: "w-12 h-12 text-primary",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
-}, ln = /* @__PURE__ */ ke('<circle cx="18" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin=".67" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"></animate></circle><circle cx="12" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin=".33" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"></animate></circle><circle cx="6" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin="0" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"></animate></circle>', 3), an = [
+}, ln = /* @__PURE__ */ Re('<circle cx="18" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin=".67" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"></animate></circle><circle cx="12" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin=".33" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"></animate></circle><circle cx="6" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin="0" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"></animate></circle>', 3), an = [
   ln
 ];
 function rn(e, t) {
@@ -1147,7 +1147,7 @@ const pn = /* @__PURE__ */ te(mn, [["render", Cn]]), vn = { class: "flex flex-co
   fill: "currentColor"
 }, null, -1), In = [
   Bn
-], Fn = {
+], On = {
   __name: "Player",
   props: {
     tts: {
@@ -1173,7 +1173,7 @@ const pn = /* @__PURE__ */ te(mn, [["render", Cn]]), vn = { class: "flex flex-co
         u();
       },
       { immediate: !0 }
-    ), Re(() => {
+    ), Me(() => {
       h(), l.src = "", r.close();
     });
     function c() {
@@ -1197,8 +1197,8 @@ const pn = /* @__PURE__ */ te(mn, [["render", Cn]]), vn = { class: "flex flex-co
     }
     async function d() {
       try {
-        const m = await (await fetch(i.value)).arrayBuffer(), p = await r.decodeAudioData(m);
-        a = r.createBufferSource(), a.buffer = p, a.playbackRate.value = 0.7, a.connect(r.destination), a.start(), a.onended = () => {
+        const m = await (await fetch(i.value)).arrayBuffer(), v = await r.decodeAudioData(m);
+        a = r.createBufferSource(), a.buffer = v, a.playbackRate.value = 0.7, a.connect(r.destination), a.start(), a.onended = () => {
           s.value = !1, a = null;
         };
       } catch {
@@ -1240,7 +1240,7 @@ const pn = /* @__PURE__ */ te(mn, [["render", Cn]]), vn = { class: "flex flex-co
       }, Rn, 2))
     ], 10, $n));
   }
-}, On = {
+}, Fn = {
   class: "bg-base-100 tooltip tooltip-top before:!bottom-[100%] before:!bg-base-100 before:!border before:!border-solid before:!border-base-300 before:!shadow-lg before:!rounded-md before:!text-base-content after:!border-transparent",
   "data-tip": "Favorite"
 }, Dn = ["disabled"], _n = /* @__PURE__ */ y("path", {
@@ -1260,7 +1260,7 @@ const pn = /* @__PURE__ */ te(mn, [["render", Cn]]), vn = { class: "flex flex-co
     disabled: Boolean
   },
   setup(e) {
-    return (t, n) => (g(), b("div", On, [
+    return (t, n) => (g(), b("div", Fn, [
       y("button", {
         class: k(["btn btn-xs btn-circle", [
           { "btn-ghost": !e.disabled },
@@ -1288,7 +1288,7 @@ const pn = /* @__PURE__ */ te(mn, [["render", Cn]]), vn = { class: "flex flex-co
   class: "w-6 h-6 text-primary",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
-}, Zn = /* @__PURE__ */ ke('<circle cx="18" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin=".67" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"></animate></circle><circle cx="12" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin=".33" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"></animate></circle><circle cx="6" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin="0" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"></animate></circle>', 3), Un = [
+}, Zn = /* @__PURE__ */ Re('<circle cx="18" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin=".67" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"></animate></circle><circle cx="12" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin=".33" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"></animate></circle><circle cx="6" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin="0" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"></animate></circle>', 3), Un = [
   Zn
 ];
 function jn(e, t) {
@@ -1310,7 +1310,7 @@ const at = /* @__PURE__ */ te(Wn, [["render", jn]]), Kn = {
   Yn,
   Gn,
   qn
-], Qn = /* @__PURE__ */ ke('<path d="M6.8544 3.20309C5.39975 2.89815 4.26277 1.76117 3.95787 0.30649C3.92042 0.12792 3.76292 0 3.58041 0C3.3979 0 3.2404 0.12792 3.20297 0.30652C2.89805 1.76117 1.76107 2.89812 0.306418 3.20302C0.127818 3.24045 -0.00012207 3.39798 -0.00012207 3.58046C-0.00012207 3.76295 0.127798 3.92047 0.306418 3.9579C1.76105 4.26285 2.89798 5.3998 3.2029 6.85448C3.24033 7.03307 3.39783 7.16102 3.58034 7.16102C3.76282 7.16102 3.92035 7.0331 3.95778 6.85448C4.26272 5.39983 5.39973 4.26287 6.85438 3.95799C7.03297 3.92056 7.16092 3.76306 7.16092 3.58056C7.1609 3.39805 7.03297 3.24052 6.8544 3.20309ZM3.58036 5.60938C3.14292 4.73132 2.42956 4.01792 1.55151 3.58049C2.42958 3.14305 3.14297 2.42968 3.58041 1.55161C4.01785 2.4297 4.73122 3.14307 5.60926 3.58053C4.73119 4.01797 4.0178 4.73132 3.58036 5.60938Z" fill="currentColor"></path><path d="M6.21683 9.574C5.53147 9.4303 4.99578 8.8947 4.85209 8.2093C4.81466 8.0307 4.65716 7.90271 4.47465 7.90271C4.29217 7.90271 4.13464 8.0306 4.09721 8.2092C3.95352 8.8946 3.4178 9.4303 2.73244 9.574C2.55385 9.6114 2.4259 9.7689 2.4259 9.9514C2.4259 10.1339 2.55383 10.2914 2.73244 10.3288C3.41778 10.4725 3.95349 11.0082 4.09716 11.6936C4.13459 11.8722 4.2921 12.0002 4.4746 12.0002C4.65709 12.0002 4.81461 11.8723 4.85204 11.6936C4.99574 11.0082 5.53145 10.4725 6.21683 10.3289C6.39543 10.2914 6.52337 10.1339 6.52337 9.9514C6.52337 9.7689 6.39545 9.6114 6.21683 9.574ZM4.47463 10.6408C4.29163 10.3688 4.05725 10.1345 3.78526 9.9515C4.0573 9.7684 4.29163 9.5341 4.47463 9.2621C4.65765 9.5341 4.892 9.7685 5.164 9.9515C4.892 10.1345 4.65763 10.3688 4.47463 10.6408Z" fill="currentColor"></path><path d="M11.4271 6.00324C10.5007 5.80904 9.7766 5.08496 9.5825 4.15859C9.545 3.98 9.3875 3.85205 9.205 3.85205C9.0225 3.85205 8.865 3.97995 8.8276 4.15857C8.6334 5.08496 7.90932 5.80902 6.98293 6.0032C6.80434 6.04063 6.67639 6.19815 6.67639 6.38064C6.67639 6.56312 6.80431 6.72062 6.98293 6.75807C7.9093 6.95228 8.6334 7.67633 8.8275 8.6027C8.865 8.7813 9.0225 8.9093 9.205 8.9093C9.3875 8.9093 9.545 8.7814 9.5824 8.6027C9.7766 7.67633 10.5007 6.95228 11.4271 6.75812C11.6057 6.72067 11.7336 6.56317 11.7336 6.38068C11.7336 6.1982 11.6057 6.04067 11.4271 6.00324ZM9.205 7.47681C8.9365 7.02634 8.5593 6.64914 8.1089 6.38066C8.5593 6.11218 8.9365 5.73502 9.205 5.28453C9.4735 5.73502 9.8507 6.11221 10.3012 6.38068C9.8507 6.64916 9.4735 7.02636 9.205 7.47681Z" fill="currentColor"></path><circle cx="3.5" cy="3.5" r="1.5" fill="currentColor"></circle><ellipse cx="4.5" cy="10" rx="0.5" ry="1" fill="currentColor"></ellipse><circle cx="9" cy="6" r="1" fill="currentColor"></circle>', 6), eo = [
+], Qn = /* @__PURE__ */ Re('<path d="M6.8544 3.20309C5.39975 2.89815 4.26277 1.76117 3.95787 0.30649C3.92042 0.12792 3.76292 0 3.58041 0C3.3979 0 3.2404 0.12792 3.20297 0.30652C2.89805 1.76117 1.76107 2.89812 0.306418 3.20302C0.127818 3.24045 -0.00012207 3.39798 -0.00012207 3.58046C-0.00012207 3.76295 0.127798 3.92047 0.306418 3.9579C1.76105 4.26285 2.89798 5.3998 3.2029 6.85448C3.24033 7.03307 3.39783 7.16102 3.58034 7.16102C3.76282 7.16102 3.92035 7.0331 3.95778 6.85448C4.26272 5.39983 5.39973 4.26287 6.85438 3.95799C7.03297 3.92056 7.16092 3.76306 7.16092 3.58056C7.1609 3.39805 7.03297 3.24052 6.8544 3.20309ZM3.58036 5.60938C3.14292 4.73132 2.42956 4.01792 1.55151 3.58049C2.42958 3.14305 3.14297 2.42968 3.58041 1.55161C4.01785 2.4297 4.73122 3.14307 5.60926 3.58053C4.73119 4.01797 4.0178 4.73132 3.58036 5.60938Z" fill="currentColor"></path><path d="M6.21683 9.574C5.53147 9.4303 4.99578 8.8947 4.85209 8.2093C4.81466 8.0307 4.65716 7.90271 4.47465 7.90271C4.29217 7.90271 4.13464 8.0306 4.09721 8.2092C3.95352 8.8946 3.4178 9.4303 2.73244 9.574C2.55385 9.6114 2.4259 9.7689 2.4259 9.9514C2.4259 10.1339 2.55383 10.2914 2.73244 10.3288C3.41778 10.4725 3.95349 11.0082 4.09716 11.6936C4.13459 11.8722 4.2921 12.0002 4.4746 12.0002C4.65709 12.0002 4.81461 11.8723 4.85204 11.6936C4.99574 11.0082 5.53145 10.4725 6.21683 10.3289C6.39543 10.2914 6.52337 10.1339 6.52337 9.9514C6.52337 9.7689 6.39545 9.6114 6.21683 9.574ZM4.47463 10.6408C4.29163 10.3688 4.05725 10.1345 3.78526 9.9515C4.0573 9.7684 4.29163 9.5341 4.47463 9.2621C4.65765 9.5341 4.892 9.7685 5.164 9.9515C4.892 10.1345 4.65763 10.3688 4.47463 10.6408Z" fill="currentColor"></path><path d="M11.4271 6.00324C10.5007 5.80904 9.7766 5.08496 9.5825 4.15859C9.545 3.98 9.3875 3.85205 9.205 3.85205C9.0225 3.85205 8.865 3.97995 8.8276 4.15857C8.6334 5.08496 7.90932 5.80902 6.98293 6.0032C6.80434 6.04063 6.67639 6.19815 6.67639 6.38064C6.67639 6.56312 6.80431 6.72062 6.98293 6.75807C7.9093 6.95228 8.6334 7.67633 8.8275 8.6027C8.865 8.7813 9.0225 8.9093 9.205 8.9093C9.3875 8.9093 9.545 8.7814 9.5824 8.6027C9.7766 7.67633 10.5007 6.95228 11.4271 6.75812C11.6057 6.72067 11.7336 6.56317 11.7336 6.38068C11.7336 6.1982 11.6057 6.04067 11.4271 6.00324ZM9.205 7.47681C8.9365 7.02634 8.5593 6.64914 8.1089 6.38066C8.5593 6.11218 8.9365 5.73502 9.205 5.28453C9.4735 5.73502 9.8507 6.11221 10.3012 6.38068C9.8507 6.64916 9.4735 7.02636 9.205 7.47681Z" fill="currentColor"></path><circle cx="3.5" cy="3.5" r="1.5" fill="currentColor"></circle><ellipse cx="4.5" cy="10" rx="0.5" ry="1" fill="currentColor"></ellipse><circle cx="9" cy="6" r="1" fill="currentColor"></circle>', 6), eo = [
   Qn
 ], to = {
   __name: "AITranslateBtn",
@@ -1524,7 +1524,7 @@ function Ro(e, t, n, o, i, s) {
           y("span", ko, [
             y("span", {
               class: "w-3 h-3 rounded-full",
-              style: Ye({ backgroundColor: l.color })
+              style: $e({ backgroundColor: l.color })
             }, null, 4),
             ft(" " + de(l.name), 1)
           ])
@@ -1533,7 +1533,7 @@ function Ro(e, t, n, o, i, s) {
     ])
   ]);
 }
-const Mo = /* @__PURE__ */ te(Lo, [["render", Ro]]), Bo = { class: "flex flex-col" }, Io = { class: "flex p-2 pt-2 pb-1 flex-row justify-between" }, Fo = { class: "flex justify-start items-center" }, Oo = { class: "flex items-center gap-1" }, Do = /* @__PURE__ */ y("div", { class: "w-5" }, null, -1), _o = { class: "flex justify-end items-center" }, Ze = {
+const Mo = /* @__PURE__ */ te(Lo, [["render", Ro]]), Bo = { class: "flex flex-col" }, Io = { class: "flex p-2 pt-2 pb-1 flex-row justify-between" }, Oo = { class: "flex justify-start items-center" }, Fo = { class: "flex items-center gap-1" }, Do = /* @__PURE__ */ y("div", { class: "w-5" }, null, -1), _o = { class: "flex justify-end items-center" }, Ue = {
   __name: "Header",
   props: {
     tts: String,
@@ -1568,15 +1568,15 @@ const Mo = /* @__PURE__ */ te(Lo, [["render", Ro]]), Bo = { class: "flex flex-co
     const n = e, o = t;
     return (i, s) => (g(), b("div", Bo, [
       y("div", Io, [
-        y("div", Fo, [
-          e.isServiceUnavailable ? N("", !0) : (g(), V(Fn, {
+        y("div", Oo, [
+          e.isServiceUnavailable ? N("", !0) : (g(), V(On, {
             key: 0,
             disabled: e.isAITranslationLoading || e.isAIExplainLoading,
             tts: n.tts,
             onLoadTTS: s[0] || (s[0] = (l) => i.$emit("loadTTS"))
           }, null, 8, ["disabled", "tts"]))
         ]),
-        y("div", Oo, [
+        y("div", Fo, [
           Do,
           !e.isServiceUnavailable && e.isAITranslateVisible ? (g(), V(to, {
             key: 0,
@@ -1619,7 +1619,7 @@ const Mo = /* @__PURE__ */ te(Lo, [["render", Ro]]), Bo = { class: "flex flex-co
   DATA: "DATA",
   ERROR: "ERROR",
   HIDDEN: "HIDDEN"
-}, Ue = 500, Vo = ["ar", "fa", "iw", "yi", "ur", "pa"], No = {
+}, je = 500, Vo = ["ar", "fa", "iw", "yi", "ur", "pa"], No = {
   key: 0,
   class: "flex justify-center"
 }, Po = {
@@ -1714,7 +1714,7 @@ const Mo = /* @__PURE__ */ te(Lo, [["render", Ro]]), Bo = { class: "flex flex-co
         ])
       }, [
         y("div", Ho, [
-          t.isServiceUnavailable ? (g(), V(Ze, {
+          t.isServiceUnavailable ? (g(), V(Ue, {
             key: 0,
             isServiceUnavailable: t.isServiceUnavailable,
             isLongSentence: !1,
@@ -1725,7 +1725,7 @@ const Mo = /* @__PURE__ */ te(Lo, [["render", Ro]]), Bo = { class: "flex flex-co
             onClose: n[3] || (n[3] = (m) => t.$emit("close")),
             onLoadTTS: n[4] || (n[4] = (m) => t.$emit("loadTTS")),
             onThemeChange: n[5] || (n[5] = (m) => t.$emit("themeChange", m))
-          }, null, 8, ["isServiceUnavailable", "theme", "showThemeSelector"])) : (g(), V(Ze, {
+          }, null, 8, ["isServiceUnavailable", "theme", "showThemeSelector"])) : (g(), V(Ue, {
             key: 1,
             tts: e.tts,
             isFavorite: e.isFavorite,
@@ -1774,9 +1774,9 @@ const Mo = /* @__PURE__ */ te(Lo, [["render", Ro]]), Bo = { class: "flex flex-co
 function Uo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Ae = { exports: {} }, je;
+var Ae = { exports: {} }, Ke;
 function jo() {
-  return je || (je = 1, function(e) {
+  return Ke || (Ke = 1, function(e) {
     (function() {
       var t = [
         "direction",
@@ -1832,19 +1832,19 @@ function jo() {
         }), o ? s.scrollHeight > parseInt(h.height) && (d.overflowY = "scroll") : d.overflow = "hidden", u.textContent = s.value.substring(0, l), f && (u.textContent = u.textContent.replace(/\s/g, " "));
         var m = document.createElement("span");
         m.textContent = s.value.substring(l) || ".", u.appendChild(m);
-        var p = {
+        var v = {
           top: m.offsetTop + parseInt(h.borderTopWidth),
           left: m.offsetLeft + parseInt(h.borderLeftWidth),
           height: parseInt(h.lineHeight)
         };
-        return a ? m.style.backgroundColor = "#aaa" : document.body.removeChild(u), p;
+        return a ? m.style.backgroundColor = "#aaa" : document.body.removeChild(u), v;
       }
       e.exports = i;
     })();
   }(Ae)), Ae.exports;
 }
 var Ko = jo();
-const Ke = /* @__PURE__ */ Uo(Ko);
+const Xe = /* @__PURE__ */ Uo(Ko);
 function ie(e) {
   const t = window.getSelection();
   let n = t + "";
@@ -1854,7 +1854,7 @@ function ie(e) {
   if (!l && !r) {
     if (!e.selectionEnd)
       return !1;
-    let u = Ke(e, e.selectionStart), d = Ke(e, e.selectionEnd);
+    let u = Xe(e, e.selectionStart), d = Xe(e, e.selectionEnd);
     i = e.getBoundingClientRect(), r = i.left + u.left, a = d.left - u.left, u.top != d.top && (r = i.left, a = i.width), s = i.top + u.top, l = i.top + d.top + 20;
   }
   return c === 0 && (c = l - s), {
@@ -1885,7 +1885,7 @@ function Yo() {
     n && (t.parentNode.insertBefore(n, t), t.remove());
   }
 }
-const Xe = {
+const Ye = {
   supportRTL: Xo,
   removeRTL: Yo
 }, Go = {
@@ -1921,7 +1921,7 @@ const Xe = {
     };
     return Ge(() => {
       window.addEventListener("dblclick", i), window.addEventListener("keydown", s), window.addEventListener("keyup", l);
-    }), Re(() => {
+    }), Me(() => {
       window.removeEventListener("dblclick", i), window.removeEventListener("keydown", s), window.removeEventListener("keyup", l);
     }), (a, c) => (g(), b("div"));
   }
@@ -1968,24 +1968,24 @@ const Xe = {
     const n = e, o = t, i = R(null), s = R(null), l = R(!1), r = R(""), a = R(n.theme), c = R(!1), u = R({ x: 0, y: 0 }), d = R(null), h = R(!1), f = _(() => typeof window > "u" || !s.value || !r.value ? null : {
       getBoundingClientRect: () => ie(s.value),
       getClientRects: () => ie(s.value)
-    }), { floatingStyles: m, update: p } = qt(f, i, {
+    }), { floatingStyles: m, update: v } = qt(f, i, {
       placement: "bottom",
       middleware: [
         Ut(4),
         Kt(),
         jt(),
         Xt({
-          apply({ rects: C, elements: v }) {
-            let E = C.reference.width > 250 ? C.reference.width / n.scale : 250;
-            E > Ue && (E = Ue), Object.assign(v.floating.style, {
-              maxWidth: E + "px",
+          apply({ rects: C, elements: p }) {
+            let A = C.reference.width > 250 ? C.reference.width / n.scale : 250;
+            A > je && (A = je), Object.assign(p.floating.style, {
+              maxWidth: A + "px",
               zIndex: 9999
             });
           }
         })
       ],
-      whileElementsMounted(C, v, E) {
-        return Zt(C, v, E, {
+      whileElementsMounted(C, p, A) {
+        return Zt(C, p, A, {
           ancestorScroll: !0
         });
       }
@@ -2000,21 +2000,16 @@ const Xe = {
           transform: "none"
         };
       else if (h.value && s.value && r.value) {
-        const E = ie(s.value);
-        E && (C = {
+        const p = ie(s.value);
+        p && (C = {
           ...C,
           position: "fixed",
-          left: `${E.x}px`,
-          top: `${E.y + E.height + 4}px`,
+          left: `${p.x}px`,
+          top: `${p.y + p.height + 4}px`,
           transform: "none"
         });
       }
-      if (n.scale === 1) return C;
-      const v = C.transform || "";
-      return {
-        ...C,
-        transform: `${v} scale(${n.scale})`
-      };
+      return C;
     });
     Ge(() => {
       document.addEventListener("keyup", (C) => {
@@ -2023,46 +2018,46 @@ const Xe = {
           return;
         }
       }), document.documentElement.onclick = (C) => {
-        const v = ie(C.target);
-        if (!v) {
+        const p = ie(C.target);
+        if (!p) {
           r.value = "", T();
           return;
         }
-        w(v, C);
+        w(p, C);
       }, document.documentElement.ontouchend = (C) => {
-        const v = ie(C.target);
-        if (!v) {
+        const p = ie(C.target);
+        if (!p) {
           r.value = "", T();
           return;
         }
-        w(v, C);
+        w(p, C);
       };
-    }), Re(() => {
+    }), Me(() => {
       document.documentElement.onclick = null, document.documentElement.ontouchend = null, document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", B), document.removeEventListener("touchmove", I), document.removeEventListener("touchend", D);
     });
-    const w = (C, v) => {
-      n.status !== ue.LOGO && o("close"), l.value && !h.value && (h.value = !0), s.value = v.target, r.value = C.text, l.value = !0, De(p);
+    const w = (C, p) => {
+      n.status !== ue.LOGO && o("close"), l.value && !h.value && (h.value = !0), s.value = p.target, r.value = C.text, l.value = !0, _e(v);
     }, L = (C) => {
       C.stopPropagation();
     }, T = async () => {
       l.value = !1, d.value = null, h.value = !1, o("close");
     }, $ = (C) => {
       a.value = C, o("themeChange", C);
-    }, A = (C) => {
+    }, E = (C) => {
       if (C.target.closest('button, input, select, textarea, [role="button"]')) return;
       c.value = !0;
-      const v = i.value.getBoundingClientRect();
+      const p = i.value.getBoundingClientRect();
       u.value = {
-        x: C.clientX - v.left,
-        y: C.clientY - v.top
+        x: C.clientX - p.left,
+        y: C.clientY - p.top
       }, document.addEventListener("mousemove", S), document.addEventListener("mouseup", B), C.preventDefault();
     }, M = (C) => {
       if (C.target.closest('button, input, select, textarea, [role="button"]')) return;
       c.value = !0;
-      const v = C.touches[0], E = i.value.getBoundingClientRect();
+      const p = C.touches[0], A = i.value.getBoundingClientRect();
       u.value = {
-        x: v.clientX - E.left,
-        y: v.clientY - E.top
+        x: p.clientX - A.left,
+        y: p.clientY - A.top
       }, document.addEventListener("touchmove", I), document.addEventListener("touchend", D), C.preventDefault();
     }, S = (C) => {
       c.value && (d.value = {
@@ -2071,67 +2066,75 @@ const Xe = {
       });
     }, I = (C) => {
       if (!c.value) return;
-      const v = C.touches[0];
+      const p = C.touches[0];
       d.value = {
-        x: v.clientX - u.value.x,
-        y: v.clientY - u.value.y
+        x: p.clientX - u.value.x,
+        y: p.clientY - u.value.y
       };
     }, B = () => {
       c.value = !1, document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", B);
     }, D = () => {
       c.value = !1, document.removeEventListener("touchmove", I), document.removeEventListener("touchend", D);
     }, q = () => {
-      var v;
-      const C = (v = n == null ? void 0 : n.translation) == null ? void 0 : v.target;
-      Vo.includes(C) ? Xe.supportRTL() : Xe.removeRTL();
+      var p;
+      const C = (p = n == null ? void 0 : n.translation) == null ? void 0 : p.target;
+      Vo.includes(C) ? Ye.supportRTL() : Ye.removeRTL();
     };
     return se(
       () => n.status,
       () => {
-        l.value && De(p), q();
+        l.value && _e(v), q();
       }
     ), se(
       () => n.theme,
       (C) => {
         a.value = C;
       }
-    ), (C, v) => (g(), b(me, null, [
+    ), (C, p) => (g(), b(me, null, [
       l.value ? (g(), b("div", {
         key: 0,
         ref_key: "floatingEl",
         ref: i,
-        class: "rounded-lg",
-        style: Ye({ ...x.value, cursor: c.value ? "grabbing" : "grab" }),
-        "data-theme": a.value,
+        style: $e(x.value),
         onClick: L,
-        onMousedown: A,
+        onMousedown: E,
         onTouchstart: M
       }, [
-        K(Zo, {
-          translation: n.translation,
-          explanation: n.explanation,
-          tts: n.tts,
-          status: n.status,
-          isFavorite: n.isFavorite,
-          isFavoriteFeatureEnabled: n.isFavoriteFeatureEnabled,
-          isAITranslate: n.isAITranslate,
-          isAIExplain: n.isAIExplain,
-          aiExplainMinLength: n.aiExplainMinLength,
-          theme: a.value,
-          showThemeSelector: n.showThemeSelector,
-          onLogo: v[0] || (v[0] = (E) => o("logo")),
-          onFavorite: v[1] || (v[1] = (E) => o("favorite")),
-          onSettings: v[2] || (v[2] = (E) => o("settings")),
-          onClose: T,
-          onLoadTTS: v[3] || (v[3] = (E) => o("loadTTS")),
-          onAiTranslate: v[4] || (v[4] = (E) => o("aiTranslate")),
-          onAiExplain: v[5] || (v[5] = (E) => o("aiExplain")),
-          onThemeChange: $
-        }, null, 8, ["translation", "explanation", "tts", "status", "isFavorite", "isFavoriteFeatureEnabled", "isAITranslate", "isAIExplain", "aiExplainMinLength", "theme", "showThemeSelector"])
-      ], 44, qo)) : N("", !0),
+        y("div", {
+          class: "rounded-lg",
+          style: $e({
+            transform: n.scale !== 1 ? `scale(${n.scale})` : "none",
+            transformOrigin: "top left",
+            cursor: c.value ? "grabbing" : "grab"
+          }),
+          "data-theme": a.value
+        }, [
+          K(Zo, {
+            translation: n.translation,
+            explanation: n.explanation,
+            tts: n.tts,
+            status: n.status,
+            isFavorite: n.isFavorite,
+            isFavoriteFeatureEnabled: n.isFavoriteFeatureEnabled,
+            isAITranslate: n.isAITranslate,
+            isAIExplain: n.isAIExplain,
+            aiExplainMinLength: n.aiExplainMinLength,
+            theme: a.value,
+            showThemeSelector: n.showThemeSelector,
+            onLogo: p[0] || (p[0] = (A) => o("logo")),
+            onFavorite: p[1] || (p[1] = (A) => o("favorite")),
+            onSettings: p[2] || (p[2] = (A) => o("settings")),
+            onClose: T,
+            onLoadTTS: p[3] || (p[3] = (A) => o("loadTTS")),
+            onAiTranslate: p[4] || (p[4] = (A) => o("aiTranslate")),
+            onAiExplain: p[5] || (p[5] = (A) => o("aiExplain")),
+            onThemeChange: $
+          }, null, 8, ["translation", "explanation", "tts", "status", "isFavorite", "isFavoriteFeatureEnabled", "isAITranslate", "isAIExplain", "aiExplainMinLength", "theme", "showThemeSelector"])
+        ], 12, qo)
+      ], 36)) : N("", !0),
       K(Go, {
         textSelected: r.value,
-        onToggleKey: v[6] || (v[6] = (E) => o("toggleKey", E)),
+        onToggleKey: p[6] || (p[6] = (A) => o("toggleKey", A)),
         onClose: T
       }, null, 8, ["textSelected"])
     ], 64));