@ddict/bubble 1.2.6 → 1.2.8

package/dist/bubble.es.js

@@ -109,48 +109,48 @@ function U2(e, t, n) {
     reference: i,
     floating: o
   } = e;
-  const s = e2(t), l = D2(t), r = k2(l), a = z(t), c = s === "y", d = i.x + i.width / 2 - o.width / 2, u = i.y + i.height / 2 - o.height / 2, C = i[r] / 2 - o[r] / 2;
-  let f;
+  const s = e2(t), l = D2(t), r = k2(l), a = z(t), c = s === "y", d = i.x + i.width / 2 - o.width / 2, f = i.y + i.height / 2 - o.height / 2, C = i[r] / 2 - o[r] / 2;
+  let u;
   switch (a) {
     case "top":
-      f = {
+      u = {
         x: d,
         y: i.y - o.height
       };
       break;
     case "bottom":
-      f = {
+      u = {
         x: d,
         y: i.y + i.height
       };
       break;
     case "right":
-      f = {
+      u = {
         x: i.x + i.width,
-        y: u
+        y: f
       };
       break;
     case "left":
-      f = {
+      u = {
         x: i.x - o.width,
-        y: u
+        y: f
       };
       break;
     default:
-      f = {
+      u = {
         x: i.x,
         y: i.y
       };
   }
   switch (d2(t)) {
     case "start":
-      f[l] -= C * (n && c ? -1 : 1);
+      u[l] -= C * (n && c ? -1 : 1);
       break;
     case "end":
-      f[l] += C * (n && c ? -1 : 1);
+      u[l] += C * (n && c ? -1 : 1);
       break;
   }
-  return f;
+  return u;
 }
 const v0 = async (e, t, n) => {
   const {
@@ -165,8 +165,8 @@ const v0 = async (e, t, n) => {
     strategy: o
   }), {
     x: d,
-    y: u
-  } = U2(c, i, a), C = i, f = {}, A = 0;
+    y: f
+  } = U2(c, i, a), C = i, u = {}, A = 0;
   for (let m = 0; m < r.length; m++) {
     const {
       name: w,
@@ -178,11 +178,11 @@ const v0 = async (e, t, n) => {
       reset: g
     } = await p({
       x: d,
-      y: u,
+      y: f,
       initialPlacement: i,
       placement: C,
       strategy: o,
-      middlewareData: f,
+      middlewareData: u,
       rects: c,
       platform: l,
       elements: {
@@ -190,10 +190,10 @@ const v0 = async (e, t, n) => {
         floating: t
       }
     });
-    d = v ?? d, u = b ?? u, f = {
-      ...f,
+    d = v ?? d, f = b ?? f, u = {
+      ...u,
       [w]: {
-        ...f[w],
+        ...u[w],
         ...h
       }
     }, g && A <= 50 && (A++, typeof g == "object" && (g.placement && (C = g.placement), g.rects && (c = g.rects === !0 ? await l.getElementRects({
@@ -202,15 +202,15 @@ const v0 = async (e, t, n) => {
       strategy: o
     }) : g.rects), {
       x: d,
-      y: u
+      y: f
     } = U2(c, C, a)), m = -1);
   }
   return {
     x: d,
-    y: u,
+    y: f,
     placement: C,
     strategy: o,
-    middlewareData: f
+    middlewareData: u
   };
 };
 async function R2(e, t) {
@@ -226,15 +226,15 @@ async function R2(e, t) {
   } = e, {
     boundary: c = "clippingAncestors",
     rootBoundary: d = "viewport",
-    elementContext: u = "floating",
+    elementContext: f = "floating",
     altBoundary: C = !1,
-    padding: f = 0
-  } = c2(t, e), A = z2(f), w = r[C ? u === "floating" ? "reference" : "floating" : u], p = x2(await s.getClippingRect({
+    padding: u = 0
+  } = c2(t, e), A = z2(u), w = r[C ? f === "floating" ? "reference" : "floating" : f], p = x2(await s.getClippingRect({
     element: (n = await (s.isElement == null ? void 0 : s.isElement(w))) == null || n ? w : w.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(r.floating)),
     boundary: c,
     rootBoundary: d,
     strategy: a
-  })), v = u === "floating" ? {
+  })), v = f === "floating" ? {
     x: i,
     y: o,
     width: l.floating.width,
@@ -276,23 +276,23 @@ const x0 = (e) => ({
     } = c2(e, t) || {};
     if (c == null)
       return {};
-    const u = z2(d), C = {
+    const f = z2(d), C = {
       x: n,
       y: i
-    }, f = D2(o), A = k2(f), m = await l.getDimensions(c), w = f === "y", p = w ? "top" : "left", v = w ? "bottom" : "right", b = w ? "clientHeight" : "clientWidth", h = s.reference[A] + s.reference[f] - C[f] - s.floating[A], g = C[f] - s.reference[f], y = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(c));
+    }, u = D2(o), A = k2(u), m = await l.getDimensions(c), w = u === "y", p = w ? "top" : "left", v = w ? "bottom" : "right", b = w ? "clientHeight" : "clientWidth", h = s.reference[A] + s.reference[u] - C[u] - s.floating[A], g = C[u] - s.reference[u], y = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(c));
     let B = y ? y[b] : 0;
     (!B || !await (l.isElement == null ? void 0 : l.isElement(y))) && (B = r.floating[b] || s.floating[A]);
-    const D = h / 2 - g / 2, F = B / 2 - m[A] / 2 - 1, R = Y(u[p], F), Z = Y(u[v], F), X = R, u2 = B - m[A] - Z, L = B / 2 - m[A] / 2 + D, i2 = L2(X, L, u2), N = !a.arrow && d2(o) != null && L !== i2 && s.reference[A] / 2 - (L < X ? R : Z) - m[A] / 2 < 0, J = N ? L < X ? L - X : L - u2 : 0;
+    const D = h / 2 - g / 2, F = B / 2 - m[A] / 2 - 1, R = Y(f[p], F), Z = Y(f[v], F), X = R, u2 = B - m[A] - Z, L = B / 2 - m[A] / 2 + D, i2 = L2(X, L, u2), W = !a.arrow && d2(o) != null && L !== i2 && s.reference[A] / 2 - (L < X ? R : Z) - m[A] / 2 < 0, J = W ? L < X ? L - X : L - u2 : 0;
     return {
-      [f]: C[f] + J,
+      [u]: C[u] + J,
       data: {
-        [f]: i2,
+        [u]: i2,
         centerOffset: L - i2 - J,
-        ...N && {
+        ...W && {
           alignmentOffset: J
         }
       },
-      reset: N
+      reset: W
     };
   }
 }), b0 = function(e) {
@@ -310,9 +310,9 @@ const x0 = (e) => ({
         elements: c
       } = t, {
         mainAxis: d = !0,
-        crossAxis: u = !0,
+        crossAxis: f = !0,
         fallbackPlacements: C,
-        fallbackStrategy: f = "bestFit",
+        fallbackStrategy: u = "bestFit",
         fallbackAxisSideDirection: A = "none",
         flipAlignment: m = !0,
         ...w
@@ -323,7 +323,7 @@ const x0 = (e) => ({
       !C && y && g.push(...w0(r, m, A, h));
       const B = [r, ...g], D = await R2(t, w), F = [];
       let R = ((i = s.flip) == null ? void 0 : i.overflows) || [];
-      if (d && F.push(D[p]), u) {
+      if (d && F.push(D[p]), f) {
         const L = C0(o, l, h);
         F.push(D[L[0]], D[L[1]]);
       }
@@ -343,9 +343,9 @@ const x0 = (e) => ({
               placement: i2
             }
           };
-        let N = (X = R.filter((J) => J.overflows[0] <= 0).sort((J, q) => J.overflows[1] - q.overflows[1])[0]) == null ? void 0 : X.placement;
-        if (!N)
-          switch (f) {
+        let W = (X = R.filter((J) => J.overflows[0] <= 0).sort((J, q) => J.overflows[1] - q.overflows[1])[0]) == null ? void 0 : X.placement;
+        if (!W)
+          switch (u) {
             case "bestFit": {
               var u2;
               const J = (u2 = R.filter((q) => {
@@ -357,17 +357,17 @@ const x0 = (e) => ({
                 }
                 return !0;
               }).map((q) => [q.placement, q.overflows.filter((j) => j > 0).reduce((j, l0) => j + l0, 0)]).sort((q, j) => q[1] - j[1])[0]) == null ? void 0 : u2[0];
-              J && (N = J);
+              J && (W = J);
               break;
             }
             case "initialPlacement":
-              N = r;
+              W = r;
               break;
           }
-        if (o !== N)
+        if (o !== W)
           return {
             reset: {
-              placement: N
+              placement: W
             }
           };
       }
@@ -380,27 +380,27 @@ async function B0(e, t) {
     placement: n,
     platform: i,
     elements: o
-  } = e, s = await (i.isRTL == null ? void 0 : i.isRTL(o.floating)), l = z(n), r = d2(n), a = e2(n) === "y", c = ["left", "top"].includes(l) ? -1 : 1, d = s && a ? -1 : 1, u = c2(t, e);
+  } = e, s = await (i.isRTL == null ? void 0 : i.isRTL(o.floating)), l = z(n), r = d2(n), a = e2(n) === "y", c = ["left", "top"].includes(l) ? -1 : 1, d = s && a ? -1 : 1, f = c2(t, e);
   let {
     mainAxis: C,
-    crossAxis: f,
+    crossAxis: u,
     alignmentAxis: A
-  } = typeof u == "number" ? {
-    mainAxis: u,
+  } = typeof f == "number" ? {
+    mainAxis: f,
     crossAxis: 0,
     alignmentAxis: null
   } : {
     mainAxis: 0,
     crossAxis: 0,
     alignmentAxis: null,
-    ...u
+    ...f
   };
-  return r && typeof A == "number" && (f = r === "end" ? A * -1 : A), a ? {
-    x: f * d,
+  return r && typeof A == "number" && (u = r === "end" ? A * -1 : A), a ? {
+    x: u * d,
     y: C * c
   } : {
     x: C * c,
-    y: f * d
+    y: u * d
   };
 }
 const I0 = function(e) {
@@ -453,20 +453,20 @@ const I0 = function(e) {
       } = c2(e, t), c = {
         x: n,
         y: i
-      }, d = await R2(t, a), u = e2(z(o)), C = P2(u);
-      let f = c[C], A = c[u];
+      }, d = await R2(t, a), f = e2(z(o)), C = P2(f);
+      let u = c[C], A = c[f];
       if (s) {
-        const w = C === "y" ? "top" : "left", p = C === "y" ? "bottom" : "right", v = f + d[w], b = f - d[p];
-        f = L2(v, f, b);
+        const w = C === "y" ? "top" : "left", p = C === "y" ? "bottom" : "right", v = u + d[w], b = u - d[p];
+        u = L2(v, u, b);
       }
       if (l) {
-        const w = u === "y" ? "top" : "left", p = u === "y" ? "bottom" : "right", v = A + d[w], b = A - d[p];
+        const w = f === "y" ? "top" : "left", p = f === "y" ? "bottom" : "right", v = A + d[w], b = A - d[p];
         A = L2(v, A, b);
       }
       const m = r.fn({
         ...t,
-        [C]: f,
-        [u]: A
+        [C]: u,
+        [f]: A
       });
       return {
         ...m,
@@ -491,17 +491,17 @@ const I0 = function(e) {
         apply: l = () => {
         },
         ...r
-      } = c2(e, t), a = await R2(t, r), c = z(n), d = d2(n), u = e2(n) === "y", {
+      } = c2(e, t), a = await R2(t, r), c = z(n), d = d2(n), f = e2(n) === "y", {
         width: C,
-        height: f
+        height: u
       } = i.floating;
       let A, m;
       c === "top" || c === "bottom" ? (A = c, m = d === (await (o.isRTL == null ? void 0 : o.isRTL(s.floating)) ? "start" : "end") ? "left" : "right") : (m = c, A = d === "end" ? "top" : "bottom");
-      const w = f - a.top - a.bottom, p = C - a.left - a.right, v = Y(f - a[A], w), b = Y(C - a[m], p), h = !t.middlewareData.shift;
+      const w = u - a.top - a.bottom, p = C - a.left - a.right, v = Y(u - a[A], w), b = Y(C - a[m], p), h = !t.middlewareData.shift;
       let g = v, y = b;
-      if (u ? y = d || h ? Y(b, p) : p : g = d || h ? Y(v, w) : w, h && !d) {
+      if (f ? y = d || h ? Y(b, p) : p : g = d || h ? Y(v, w) : w, h && !d) {
         const D = S(a.left, 0), F = S(a.right, 0), R = S(a.top, 0), Z = S(a.bottom, 0);
-        u ? y = C - 2 * (D !== 0 || F !== 0 ? D + F : S(a.left, a.right)) : g = f - 2 * (R !== 0 || Z !== 0 ? R + Z : S(a.top, a.bottom));
+        f ? y = C - 2 * (D !== 0 || F !== 0 ? D + F : S(a.left, a.right)) : g = u - 2 * (R !== 0 || Z !== 0 ? R + Z : S(a.top, a.bottom));
       }
       await l({
         ...t,
@@ -509,7 +509,7 @@ const I0 = function(e) {
         availableHeight: g
       });
       const B = await o.getDimensions(s.floating);
-      return C !== B.width || f !== B.height ? {
+      return C !== B.width || u !== B.height ? {
         reset: {
           rects: !0
         }
@@ -524,7 +524,7 @@ function M(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
-function W(e) {
+function N(e) {
   var t;
   return (t = (T2(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
@@ -602,7 +602,7 @@ function $(e) {
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
     Y2(e) && e.host || // Fallback.
-    W(e)
+    N(e)
   );
   return Y2(t) ? t.host : t;
 }
@@ -661,18 +661,18 @@ function t2(e, t, n, i) {
   let l = P(1);
   t && (i ? K(i) && (l = l2(i)) : l = l2(e));
   const r = S0(s, n, i) ? _2(s) : P(0);
-  let a = (o.left + r.x) / l.x, c = (o.top + r.y) / l.y, d = o.width / l.x, u = o.height / l.y;
+  let a = (o.left + r.x) / l.x, c = (o.top + r.y) / l.y, d = o.width / l.x, f = o.height / l.y;
   if (s) {
-    const C = M(s), f = i && K(i) ? M(i) : i;
+    const C = M(s), u = i && K(i) ? M(i) : i;
     let A = C, m = A.frameElement;
-    for (; m && i && f !== A; ) {
+    for (; m && i && u !== A; ) {
       const w = l2(m), p = m.getBoundingClientRect(), v = G(m), b = p.left + (m.clientLeft + parseFloat(v.paddingLeft)) * w.x, h = p.top + (m.clientTop + parseFloat(v.paddingTop)) * w.y;
-      a *= w.x, c *= w.y, d *= w.x, u *= w.y, a += b, c += h, A = M(m), m = A.frameElement;
+      a *= w.x, c *= w.y, d *= w.x, f *= w.y, a += b, c += h, A = M(m), m = A.frameElement;
     }
   }
   return x2({
     width: d,
-    height: u,
+    height: f,
     x: a,
     y: c
   });
@@ -684,15 +684,15 @@ function M0(e) {
     offsetParent: i,
     strategy: o
   } = e;
-  const s = o === "fixed", l = W(i), r = t ? B2(t.floating) : !1;
+  const s = o === "fixed", l = N(i), r = t ? B2(t.floating) : !1;
   if (i === l || r && s)
     return n;
   let a = {
     scrollLeft: 0,
     scrollTop: 0
   }, c = P(1);
-  const d = P(0), u = V(i);
-  if ((u || !u && !s) && ((n2(i) !== "body" || C2(l)) && (a = I2(i)), V(i))) {
+  const d = P(0), f = V(i);
+  if ((f || !f && !s) && ((n2(i) !== "body" || C2(l)) && (a = I2(i)), V(i))) {
     const C = t2(i);
     c = l2(i), d.x = C.x + i.clientLeft, d.y = C.y + i.clientTop;
   }
@@ -707,10 +707,10 @@ function k0(e) {
   return Array.from(e.getClientRects());
 }
 function e0(e) {
-  return t2(W(e)).left + I2(e).scrollLeft;
+  return t2(N(e)).left + I2(e).scrollLeft;
 }
 function D0(e) {
-  const t = W(e), n = I2(e), i = e.ownerDocument.body, o = S(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), s = S(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
+  const t = N(e), n = I2(e), i = e.ownerDocument.body, o = S(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), s = S(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
   let l = -n.scrollLeft + e0(e);
   const r = -n.scrollTop;
   return G(i).direction === "rtl" && (l += S(t.clientWidth, i.clientWidth) - o), {
@@ -721,7 +721,7 @@ function D0(e) {
   };
 }
 function R0(e, t) {
-  const n = M(e), i = W(e), o = n.visualViewport;
+  const n = M(e), i = N(e), o = n.visualViewport;
   let s = i.clientWidth, l = i.clientHeight, r = 0, a = 0;
   if (o) {
     s = o.width, l = o.height;
@@ -749,7 +749,7 @@ function K2(e, t, n) {
   if (t === "viewport")
     i = R0(e, n);
   else if (t === "document")
-    i = D0(W(e));
+    i = D0(N(e));
   else if (K(t))
     i = T0(t, n);
   else {
@@ -787,8 +787,8 @@ function O0(e) {
     strategy: o
   } = e;
   const l = [...n === "clippingAncestors" ? B2(t) ? [] : H0(t, this._c) : [].concat(n), i], r = l[0], a = l.reduce((c, d) => {
-    const u = K2(t, d, o);
-    return c.top = S(u.top, c.top), c.right = Y(u.right, c.right), c.bottom = Y(u.bottom, c.bottom), c.left = S(u.left, c.left), c;
+    const f = K2(t, d, o);
+    return c.top = S(f.top, c.top), c.right = Y(f.right, c.right), c.bottom = Y(f.bottom, c.bottom), c.left = S(f.left, c.left), c;
   }, K2(t, r, o));
   return {
     width: a.right - a.left,
@@ -808,7 +808,7 @@ function G0(e) {
   };
 }
 function J0(e, t, n) {
-  const i = V(t), o = W(t), s = n === "fixed", l = t2(e, !0, s, t);
+  const i = V(t), o = N(t), s = n === "fixed", l = t2(e, !0, s, t);
   let r = {
     scrollLeft: 0,
     scrollTop: 0
@@ -816,8 +816,8 @@ function J0(e, t, n) {
   const a = P(0);
   if (i || !i && !s)
     if ((n2(t) !== "body" || C2(o)) && (r = I2(t)), i) {
-      const u = t2(t, !0, s, t);
-      a.x = u.x + t.clientLeft, a.y = u.y + t.clientTop;
+      const f = t2(t, !0, s, t);
+      a.x = f.x + t.clientLeft, a.y = f.y + t.clientTop;
     } else o && (a.x = e0(o));
   const c = l.left + r.scrollLeft - a.x, d = l.top + r.scrollTop - a.y;
   return {
@@ -868,7 +868,7 @@ function Y0(e) {
 }
 const K0 = {
   convertOffsetParentRelativeRectToViewportRelativeRect: M0,
-  getDocumentElement: W,
+  getDocumentElement: N,
   getClippingRect: O0,
   getOffsetParent: n0,
   getElementRects: U0,
@@ -880,7 +880,7 @@ const K0 = {
 };
 function V0(e, t) {
   let n = null, i;
-  const o = W(e);
+  const o = N(e);
   function s() {
     var r;
     clearTimeout(i), (r = n) == null || r.disconnect(), n = null;
@@ -890,13 +890,13 @@ function V0(e, t) {
     const {
       left: c,
       top: d,
-      width: u,
+      width: f,
       height: C
     } = e.getBoundingClientRect();
-    if (r || t(), !u || !C)
+    if (r || t(), !f || !C)
       return;
-    const f = m2(d), A = m2(o.clientWidth - (c + u)), m = m2(o.clientHeight - (d + C)), w = m2(c), v = {
-      rootMargin: -f + "px " + -A + "px " + -m + "px " + -w + "px",
+    const u = m2(d), A = m2(o.clientWidth - (c + f)), m = m2(o.clientHeight - (d + C)), w = m2(c), v = {
+      rootMargin: -u + "px " + -A + "px " + -m + "px " + -w + "px",
       threshold: S(0, Y(1, a)) || 1
     };
     let b = !0;
@@ -924,7 +924,7 @@ function V0(e, t) {
   }
   return l(!0), s;
 }
-function N0(e, t, n, i) {
+function W0(e, t, n, i) {
   i === void 0 && (i = {});
   const {
     ancestorScroll: o = !0,
@@ -938,15 +938,15 @@ function N0(e, t, n, i) {
       passive: !0
     }), s && p.addEventListener("resize", n);
   });
-  const u = c && r ? V0(c, n) : null;
-  let C = -1, f = null;
-  l && (f = new ResizeObserver((p) => {
+  const f = c && r ? V0(c, n) : null;
+  let C = -1, u = null;
+  l && (u = new ResizeObserver((p) => {
     let [v] = p;
-    v && v.target === c && f && (f.unobserve(t), cancelAnimationFrame(C), C = requestAnimationFrame(() => {
+    v && v.target === c && u && (u.unobserve(t), cancelAnimationFrame(C), C = requestAnimationFrame(() => {
       var b;
-      (b = f) == null || b.observe(t);
+      (b = u) == null || b.observe(t);
     })), n();
-  }), c && !a && f.observe(c), f.observe(t));
+  }), c && !a && u.observe(c), u.observe(t));
   let A, m = a ? t2(e) : null;
   a && w();
   function w() {
@@ -957,10 +957,10 @@ function N0(e, t, n, i) {
     var p;
     d.forEach((v) => {
       o && v.removeEventListener("scroll", n), s && v.removeEventListener("resize", n);
-    }), u == null || u(), (p = f) == null || p.disconnect(), f = null, a && cancelAnimationFrame(A);
+    }), f == null || f(), (p = u) == null || p.disconnect(), u = null, a && cancelAnimationFrame(A);
   };
 }
-const W0 = I0, Z0 = y0, q0 = b0, j0 = E0, P0 = x0, z0 = (e, t, n) => {
+const N0 = I0, Z0 = y0, q0 = b0, j0 = E0, P0 = x0, z0 = (e, t, n) => {
   const i = /* @__PURE__ */ new Map(), o = {
     platform: K0,
     ...n
@@ -1002,7 +1002,7 @@ function X0(e) {
 function i0(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function N2(e, t) {
+function W2(e, t) {
   const n = i0(e);
   return Math.round(t * n) / n;
 }
@@ -1020,15 +1020,15 @@ function _0(e, t, n) {
   }), a = Q(() => {
     var B;
     return (B = s2(n.transform)) != null ? B : !0;
-  }), c = Q(() => F2(e.value)), d = Q(() => F2(t.value)), u = T(0), C = T(0), f = T(r.value), A = T(l.value), m = a0({}), w = T(!1), p = Q(() => {
+  }), c = Q(() => F2(e.value)), d = Q(() => F2(t.value)), f = T(0), C = T(0), u = T(r.value), A = T(l.value), m = a0({}), w = T(!1), p = Q(() => {
     const B = {
-      position: f.value,
+      position: u.value,
       left: "0",
       top: "0"
     };
     if (!d.value)
       return B;
-    const D = N2(d.value, u.value), F = N2(d.value, C.value);
+    const D = W2(d.value, f.value), F = W2(d.value, C.value);
     return a.value ? {
       ...B,
       transform: "translate(" + D + "px, " + F + "px)",
@@ -1036,7 +1036,7 @@ function _0(e, t, n) {
         willChange: "transform"
       }
     } : {
-      position: f.value,
+      position: u.value,
       left: D + "px",
       top: F + "px"
     };
@@ -1048,7 +1048,7 @@ function _0(e, t, n) {
       placement: l.value,
       strategy: r.value
     }).then((B) => {
-      u.value = B.x, C.value = B.y, f.value = B.strategy, A.value = B.placement, m.value = B.middlewareData, w.value = !0;
+      f.value = B.x, C.value = B.y, u.value = B.strategy, A.value = B.placement, m.value = B.middlewareData, w.value = !0;
     });
   }
   function h() {
@@ -1074,9 +1074,9 @@ function _0(e, t, n) {
   }), A2(o, y, {
     flush: "sync"
   }), r0() && c0(h), {
-    x: o2(u),
+    x: o2(f),
     y: o2(C),
-    strategy: o2(f),
+    strategy: o2(u),
     placement: o2(A),
     middlewareData: o2(m),
     isPositioned: o2(w),
@@ -1192,7 +1192,8 @@ const me = /* @__PURE__ */ h2(Ae, [["render", he]]), we = { class: "flex flex-co
   },
   emits: ["loadTTS"],
   setup(e, { emit: t }) {
-    const n = e, i = t, o = Q(() => n.tts), s = T(!1), l = new Audio();
+    const n = e, i = t, o = Q(() => n.tts), s = T(!1), l = new Audio(), r = new (window.AudioContext || window.webkitAudioContext)();
+    let a = null;
     A2(
       o,
       () => {
@@ -1200,40 +1201,55 @@ const me = /* @__PURE__ */ h2(Ae, [["render", he]]), we = { class: "flex flex-co
           s.value = !1;
           return;
         }
-        a();
+        d();
       },
       { immediate: !0 }
     ), M2(() => {
-      c(), l.src = "";
+      C(), l.src = "", r.close();
     });
-    function r() {
+    function c() {
       if (o.value) {
-        a();
+        d();
         return;
       }
       s.value = !0, i("loadTTS");
     }
-    function a() {
-      o.value && (l.src = o.value, s.value = !0, l.play().catch(() => {
+    async function d() {
+      if (o.value) {
+        s.value = !0;
+        try {
+          l.src = o.value, await l.play(), l.onended = () => {
+            s.value = !1;
+          };
+        } catch {
+          await f();
+        }
+      }
+    }
+    async function f() {
+      try {
+        const A = await (await fetch(o.value)).arrayBuffer(), m = await r.decodeAudioData(A);
+        a = r.createBufferSource(), a.buffer = m, a.connect(r.destination), a.start(), a.onended = () => {
+          s.value = !1, a = null;
+        };
+      } catch {
         s.value = !1;
-      }));
+      }
     }
-    function c() {
-      l.pause(), l.currentTime = 0, s.value = !1;
+    function C() {
+      a && (a.stop(), a.disconnect(), a = null), l.pause(), l.currentTime = 0, s.value = !1;
     }
-    return l.onended = () => {
-      s.value = !1;
-    }, (d, u) => s.value ? (x(), I("button", {
+    return (u, A) => s.value ? (x(), I("button", {
       key: 1,
       class: k(["btn btn-xs btn-circle", [
         { "btn-ghost": !e.disabled },
         { "!bg-white !border-none !shadow-none !ring-0": e.disabled }
       ]]),
       disabled: e.disabled,
-      onClick: c
+      onClick: C
     }, [
       E("img", {
-        class: k(["w-5 transition-all duration-200", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
+        class: k(["w-5", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
         src: Fe,
         alt: "Stop"
       }, null, 2)
@@ -1244,10 +1260,10 @@ const me = /* @__PURE__ */ h2(Ae, [["render", he]]), we = { class: "flex flex-co
         { "!bg-white !border-none !shadow-none !ring-0": e.disabled }
       ]]),
       disabled: e.disabled,
-      onClick: r
+      onClick: c
     }, [
       E("img", {
-        class: k(["w-5 transition-all duration-200", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
+        class: k(["w-5", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
         src: Qe,
         alt: "Play"
       }, null, 2)
@@ -1274,7 +1290,7 @@ const me = /* @__PURE__ */ h2(Ae, [["render", he]]), we = { class: "flex flex-co
         E("img", {
           src: e.isFilled ? O(Re) : O(De),
           alt: e.isFilled ? "Unfavorite" : "Favorite",
-          class: k(["w-5 transition-all duration-200", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]])
+          class: k(["w-5", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]])
         }, null, 10, Oe)
       ], 10, He)
     ]));
@@ -1291,7 +1307,7 @@ const me = /* @__PURE__ */ h2(Ae, [["render", he]]), we = { class: "flex flex-co
 }, Ye = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.8544%203.20309C5.39975%202.89815%204.26277%201.76117%203.95787%200.30649C3.92042%200.12792%203.76292%200%203.58041%200C3.3979%200%203.2404%200.12792%203.20297%200.30652C2.89805%201.76117%201.76107%202.89812%200.306418%203.20302C0.127818%203.24045%20-0.00012207%203.39798%20-0.00012207%203.58046C-0.00012207%203.76295%200.127798%203.92047%200.306418%203.9579C1.76105%204.26285%202.89798%205.3998%203.2029%206.85448C3.24033%207.03307%203.39783%207.16102%203.58034%207.16102C3.76282%207.16102%203.92035%207.0331%203.95778%206.85448C4.26272%205.39983%205.39973%204.26287%206.85438%203.95799C7.03297%203.92056%207.16092%203.76306%207.16092%203.58056C7.1609%203.39805%207.03297%203.24052%206.8544%203.20309ZM3.58036%205.60938C3.14292%204.73132%202.42956%204.01792%201.55151%203.58049C2.42958%203.14305%203.14297%202.42968%203.58041%201.55161C4.01785%202.4297%204.73122%203.14307%205.60926%203.58053C4.73119%204.01797%204.0178%204.73132%203.58036%205.60938Z'%20fill='%23FFC857'/%3e%3cpath%20d='M6.21683%209.574C5.53147%209.4303%204.99578%208.8947%204.85209%208.2093C4.81466%208.0307%204.65716%207.90271%204.47465%207.90271C4.29217%207.90271%204.13464%208.0306%204.09721%208.2092C3.95352%208.8946%203.4178%209.4303%202.73244%209.574C2.55385%209.6114%202.4259%209.7689%202.4259%209.9514C2.4259%2010.1339%202.55383%2010.2914%202.73244%2010.3288C3.41778%2010.4725%203.95349%2011.0082%204.09716%2011.6936C4.13459%2011.8722%204.2921%2012.0002%204.4746%2012.0002C4.65709%2012.0002%204.81461%2011.8723%204.85204%2011.6936C4.99574%2011.0082%205.53145%2010.4725%206.21683%2010.3289C6.39543%2010.2914%206.52337%2010.1339%206.52337%209.9514C6.52337%209.7689%206.39545%209.6114%206.21683%209.574ZM4.47463%2010.6408C4.29163%2010.3688%204.05725%2010.1345%203.78526%209.9515C4.0573%209.7684%204.29163%209.5341%204.47463%209.2621C4.65765%209.5341%204.892%209.7685%205.164%209.9515C4.892%2010.1345%204.65763%2010.3688%204.47463%2010.6408Z'%20fill='%23FFC857'/%3e%3cpath%20d='M11.4271%206.00324C10.5007%205.80904%209.7766%205.08496%209.5825%204.15859C9.545%203.98%209.3875%203.85205%209.205%203.85205C9.0225%203.85205%208.865%203.97995%208.8276%204.15857C8.6334%205.08496%207.90932%205.80902%206.98293%206.0032C6.80434%206.04063%206.67639%206.19815%206.67639%206.38064C6.67639%206.56312%206.80431%206.72062%206.98293%206.75807C7.9093%206.95228%208.6334%207.67633%208.8275%208.6027C8.865%208.7813%209.0225%208.9093%209.205%208.9093C9.3875%208.9093%209.545%208.7814%209.5824%208.6027C9.7766%207.67633%2010.5007%206.95228%2011.4271%206.75812C11.6057%206.72067%2011.7336%206.56317%2011.7336%206.38068C11.7336%206.1982%2011.6057%206.04067%2011.4271%206.00324ZM9.205%207.47681C8.9365%207.02634%208.5593%206.64914%208.1089%206.38066C8.5593%206.11218%208.9365%205.73502%209.205%205.28453C9.4735%205.73502%209.8507%206.11221%2010.3012%206.38068C9.8507%206.64916%209.4735%207.02636%209.205%207.47681Z'%20fill='%23FFC857'/%3e%3ccircle%20cx='3.5'%20cy='3.5'%20r='1.5'%20fill='%23FFC857'/%3e%3cellipse%20cx='4.5'%20cy='10'%20rx='0.5'%20ry='1'%20fill='%23FFC857'/%3e%3cpath%20d='M3.5%201L4.79904%202.5H2.20096L3.5%201Z'%20fill='%23FFC857'/%3e%3cpath%20d='M6%203.5L4.5%204.79904L4.5%202.20096L6%203.5Z'%20fill='%23FFC857'/%3e%3cpath%20d='M10.3697%206.67832L8.22108%207.01422L9.5776%204.65296L10.3697%206.67832Z'%20fill='%23FFC857'/%3e%3cpath%20d='M8.27756%205.34149L10.768%206.00067L9.11199%207.77878L8.27756%205.34149Z'%20fill='%23FFC857'/%3e%3cpath%20d='M1%203.5L2.5%202.20096L2.5%204.79904L1%203.5Z'%20fill='%23FFC857'/%3e%3cpath%20d='M3.5%206L2.20096%204.5L4.79904%204.5L3.5%206Z'%20fill='%23FFC857'/%3e%3ccircle%20cx='9'%20cy='6'%20r='1'%20fill='%23FFC857'/%3e%3cpath%20d='M5.49718%209.92495L4.03391%2010.4693L3.96891%209.60573L5.49718%209.92495Z'%20fill='%23FFC857'/%3e%3cpath%20d='M3.54089%209.71696L5.10212%209.72621L4.857%2010.5568L3.54089%209.71696Z'%20fill='%23FFC857'/%3e%3cpath%20d='M3.50071%209.96247L5.0159%209.58606L4.9834%2010.4515L3.50071%209.96247Z'%20fill='%23FFC857'/%3e%3c/svg%3e", Ke = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.8544%203.20309C5.39975%202.89815%204.26277%201.76117%203.95787%200.30649C3.92042%200.12792%203.76292%200%203.58041%200C3.3979%200%203.2404%200.12792%203.20297%200.30652C2.89805%201.76117%201.76107%202.89812%200.306418%203.20302C0.127818%203.24045%20-0.00012207%203.39798%20-0.00012207%203.58046C-0.00012207%203.76295%200.127798%203.92047%200.306418%203.9579C1.76105%204.26285%202.89798%205.3998%203.2029%206.85448C3.24033%207.03307%203.39783%207.16102%203.58034%207.16102C3.76282%207.16102%203.92035%207.0331%203.95778%206.85448C4.26272%205.39983%205.39973%204.26287%206.85438%203.95799C7.03297%203.92056%207.16092%203.76306%207.16092%203.58056C7.1609%203.39805%207.03297%203.24052%206.8544%203.20309ZM3.58036%205.60938C3.14292%204.73132%202.42956%204.01792%201.55151%203.58049C2.42958%203.14305%203.14297%202.42968%203.58041%201.55161C4.01785%202.4297%204.73122%203.14307%205.60926%203.58053C4.73119%204.01797%204.0178%204.73132%203.58036%205.60938Z'%20fill='%23FFC857'/%3e%3cpath%20d='M6.21683%209.574C5.53147%209.4303%204.99578%208.8947%204.85209%208.2093C4.81466%208.0307%204.65716%207.90271%204.47465%207.90271C4.29217%207.90271%204.13464%208.0306%204.09721%208.2092C3.95352%208.8946%203.4178%209.4303%202.73244%209.574C2.55385%209.6114%202.4259%209.7689%202.4259%209.9514C2.4259%2010.1339%202.55383%2010.2914%202.73244%2010.3288C3.41778%2010.4725%203.95349%2011.0082%204.09716%2011.6936C4.13459%2011.8722%204.2921%2012.0002%204.4746%2012.0002C4.65709%2012.0002%204.81461%2011.8723%204.85204%2011.6936C4.99574%2011.0082%205.53145%2010.4725%206.21683%2010.3289C6.39543%2010.2914%206.52337%2010.1339%206.52337%209.9514C6.52337%209.7689%206.39545%209.6114%206.21683%209.574ZM4.47463%2010.6408C4.29163%2010.3688%204.05725%2010.1345%203.78526%209.9515C4.0573%209.7684%204.29163%209.5341%204.47463%209.2621C4.65765%209.5341%204.892%209.7685%205.164%209.9515C4.892%2010.1345%204.65763%2010.3688%204.47463%2010.6408Z'%20fill='%23FFC857'/%3e%3cpath%20d='M11.4271%206.00324C10.5007%205.80904%209.7766%205.08496%209.5825%204.15859C9.545%203.98%209.3875%203.85205%209.205%203.85205C9.0225%203.85205%208.865%203.97995%208.8276%204.15857C8.6334%205.08496%207.90932%205.80902%206.98293%206.0032C6.80434%206.04063%206.67639%206.19815%206.67639%206.38064C6.67639%206.56312%206.80431%206.72062%206.98293%206.75807C7.9093%206.95228%208.6334%207.67633%208.8275%208.6027C8.865%208.7813%209.0225%208.9093%209.205%208.9093C9.3875%208.9093%209.545%208.7814%209.5824%208.6027C9.7766%207.67633%2010.5007%206.95228%2011.4271%206.75812C11.6057%206.72067%2011.7336%206.56317%2011.7336%206.38068C11.7336%206.1982%2011.6057%206.04067%2011.4271%206.00324ZM9.205%207.47681C8.9365%207.02634%208.5593%206.64914%208.1089%206.38066C8.5593%206.11218%208.9365%205.73502%209.205%205.28453C9.4735%205.73502%209.8507%206.11221%2010.3012%206.38068C9.8507%206.64916%209.4735%207.02636%209.205%207.47681Z'%20fill='%23FFC857'/%3e%3c/svg%3e", Ve = {
   class: "bg-white tooltip tooltip-top before:!bottom-[100%] before:!bg-white before:!border before:!border-solid before:!border-gray-200 before:![box-shadow:0px_1px_8px_0px_#3D44514D] before:!rounded-md before:!text-textSecondary after:!border-transparent",
   "data-tip": "AI Translate"
-}, Ne = ["disabled"], We = ["src"], Ze = {
+}, We = ["disabled"], Ne = ["src"], Ze = {
   __name: "AITranslateBtn",
   props: {
     isLoading: Boolean,
@@ -1314,9 +1330,9 @@ const me = /* @__PURE__ */ h2(Ae, [["render", he]]), we = { class: "flex flex-co
         E("img", {
           src: e.isFilled ? O(Ye) : O(Ke),
           alt: "AI",
-          class: k(["w-5 transition-all duration-200", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
-        }, null, 10, We)
-      ], 10, Ne))
+          class: k(["w-5", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
+        }, null, 10, Ne)
+      ], 10, We))
     ]));
   }
 }, qe = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%3e%3cpath%20fill='%23FFC857'%20d='M12%207a5%205%200%200%200-2%209.584V19h4v-2.416A5.001%205.001%200%200%200%2012%207z'/%3e%3cpath%20stroke='%23FFC857'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20d='M21%2012h1m-3.5-6.5%201-1M12%203V2M5.5%205.5l-1-1M3%2012H2m8%2010h4m3-10a5%205%200%201%200-7%204.584V19h4v-2.416A5.001%205.001%200%200%200%2017%2012z'/%3e%3c/svg%3e", je = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%3e%3cpath%20stroke='%23FFC857'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20d='M21%2012h1m-3.5-6.5%201-1M12%203V2M5.5%205.5l-1-1M3%2012H2m8%2010h4m3-10a5%205%200%201%200-7%204.584V19h4v-2.416A5.001%205.001%200%200%200%2017%2012z'/%3e%3c/svg%3e", Pe = {
@@ -1342,7 +1358,7 @@ const me = /* @__PURE__ */ h2(Ae, [["render", he]]), we = { class: "flex flex-co
         E("img", {
           src: e.isFilled ? O(qe) : O(je),
           alt: "AI",
-          class: k(["w-6 transition-all duration-200", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
+          class: k(["w-6", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
         }, null, 10, $e)
       ], 10, ze))
     ]));
@@ -1367,7 +1383,7 @@ const st = /* @__PURE__ */ h2(et, [["render", ot]]), lt = "data:image/svg+xml,%3
 function ut(e, t) {
   return x(), I("button", rt, dt);
 }
-const ft = /* @__PURE__ */ h2(at, [["render", ut]]), At = { class: "flex flex-col" }, gt = { class: "flex p-2 pt-2 pb-1 flex-row justify-between" }, Ct = { class: "justify-start items-center" }, ht = { class: "flex items-center gap-1" }, mt = /* @__PURE__ */ E("div", { class: "w-5" }, null, -1), wt = { class: "justify-end items-center" }, W2 = {
+const ft = /* @__PURE__ */ h2(at, [["render", ut]]), At = { class: "flex flex-col" }, gt = { class: "flex p-2 pt-2 pb-1 flex-row justify-between" }, Ct = { class: "justify-start items-center" }, ht = { class: "flex items-center gap-1" }, mt = /* @__PURE__ */ E("div", { class: "w-5" }, null, -1), wt = { class: "justify-end items-center" }, N2 = {
   __name: "Header",
   props: {
     tts: String,
@@ -1498,7 +1514,7 @@ const ft = /* @__PURE__ */ h2(at, [["render", ut]]), At = { class: "flex flex-co
 }, yt = /* @__PURE__ */ Object.assign(It, {
   setup(e) {
     return (t, n) => {
-      var i, o, s, l, r, a, c, d, u, C, f;
+      var i, o, s, l, r, a, c, d, f, C, u;
       return e.status === O(a2).LOGO ? (x(), I("div", vt, [
         _(oe, {
           onClick: n[0] || (n[0] = (A) => t.$emit("logo"))
@@ -1508,7 +1524,7 @@ const ft = /* @__PURE__ */ h2(at, [["render", ut]]), At = { class: "flex flex-co
       ])) : e.status !== O(a2).HIDDEN ? (x(), I("div", {
         key: 2,
         class: k([
-          "wrapper rounded-lg text-slate-900 text-sm shadow-lg relative transition-all duration-300 ease-in-out bg-[length:300%_300%] bg-[position:0%_50%]",
+          "wrapper rounded-lg text-slate-900 text-sm shadow-lg relative bg-[length:300%_300%] bg-[position:0%_50%]",
           {
             "p-0.5 bg-gradient-to-br from-[#8556f0] via-[#d6b379] via-[#6bedd1] to-[#439beb] animate-moveGradient": e.isAITranslate || e.isAIExplain,
             "p-0.5 bg-gray-100": !e.isAITranslate && !e.isAIExplain
@@ -1516,7 +1532,7 @@ const ft = /* @__PURE__ */ h2(at, [["render", ut]]), At = { class: "flex flex-co
         ])
       }, [
         E("div", bt, [
-          t.isServiceUnavailable ? (x(), H(W2, {
+          t.isServiceUnavailable ? (x(), H(N2, {
             key: 0,
             isServiceUnavailable: t.isServiceUnavailable,
             isLongSentence: !1,
@@ -1524,7 +1540,7 @@ const ft = /* @__PURE__ */ h2(at, [["render", ut]]), At = { class: "flex flex-co
             onSetting: n[2] || (n[2] = (A) => t.$emit("settings")),
             onClose: n[3] || (n[3] = (A) => t.$emit("close")),
             onLoadTTS: n[4] || (n[4] = (A) => t.$emit("loadTTS"))
-          }, null, 8, ["isServiceUnavailable"])) : (x(), H(W2, {
+          }, null, 8, ["isServiceUnavailable"])) : (x(), H(N2, {
             key: 1,
             tts: e.tts,
             isFavorite: e.isFavorite,
@@ -1549,10 +1565,10 @@ const ft = /* @__PURE__ */ h2(at, [["render", ut]]), At = { class: "flex flex-co
               phonetic: (d = (c = t.data) == null ? void 0 : c.phonetic) == null ? void 0 : d.src
             }, null, 8, ["phonetic"])) : U("", !0),
             _(pe, {
-              sentences: t.isServiceUnavailable ? "Service Unavailable" : (u = t.data) == null ? void 0 : u.result
+              sentences: t.isServiceUnavailable ? "Service Unavailable" : (f = t.data) == null ? void 0 : f.result
             }, null, 8, ["sentences"])
           ]),
-          !t.isServiceUnavailable && ((f = (C = t.data) == null ? void 0 : C.dictionary) == null ? void 0 : f.length) > 0 ? (x(), H(be, {
+          !t.isServiceUnavailable && ((u = (C = t.data) == null ? void 0 : C.dictionary) == null ? void 0 : u.length) > 0 ? (x(), H(be, {
             key: 2,
             class: "p-3 pt-0 border-t border-[#D3D4D9]",
             dictionary: t.data.dictionary
@@ -1621,10 +1637,10 @@ var s0 = { exports: {} };
       }
       var d = document.createElement("div");
       d.id = "input-textarea-caret-position-mirror-div", document.body.appendChild(d);
-      var u = d.style, C = window.getComputedStyle ? window.getComputedStyle(s) : s.currentStyle, f = s.nodeName === "INPUT";
-      u.whiteSpace = "pre-wrap", f || (u.wordWrap = "break-word"), u.position = "absolute", a || (u.visibility = "hidden"), t.forEach(function(w) {
-        f && w === "lineHeight" ? u.lineHeight = C.height : u[w] = C[w];
-      }), i ? s.scrollHeight > parseInt(C.height) && (u.overflowY = "scroll") : u.overflow = "hidden", d.textContent = s.value.substring(0, l), f && (d.textContent = d.textContent.replace(/\s/g, " "));
+      var f = d.style, C = window.getComputedStyle ? window.getComputedStyle(s) : s.currentStyle, u = s.nodeName === "INPUT";
+      f.whiteSpace = "pre-wrap", u || (f.wordWrap = "break-word"), f.position = "absolute", a || (f.visibility = "hidden"), t.forEach(function(w) {
+        u && w === "lineHeight" ? f.lineHeight = C.height : f[w] = C[w];
+      }), i ? s.scrollHeight > parseInt(C.height) && (f.overflowY = "scroll") : f.overflow = "hidden", d.textContent = s.value.substring(0, l), u && (d.textContent = d.textContent.replace(/\s/g, " "));
       var A = document.createElement("span");
       A.textContent = s.value.substring(l) || ".", d.appendChild(A);
       var m = {
@@ -1648,8 +1664,8 @@ function f2(e) {
   if (!l && !r) {
     if (!e.selectionEnd)
       return !1;
-    let d = Z2(e, e.selectionStart), u = Z2(e, e.selectionEnd);
-    o = e.getBoundingClientRect(), r = o.left + d.left, a = u.left - d.left, d.top != u.top && (r = o.left, a = o.width), s = o.top + d.top, l = o.top + u.top + 20;
+    let d = Z2(e, e.selectionStart), f = Z2(e, e.selectionEnd);
+    o = e.getBoundingClientRect(), r = o.left + d.left, a = f.left - d.left, d.top != f.top && (r = o.left, a = o.width), s = o.top + d.top, l = o.top + f.top + 20;
   }
   return c === 0 && (c = l - s), {
     text: n,
@@ -1754,25 +1770,25 @@ const q2 = {
       getBoundingClientRect: () => f2(l.value),
       getClientRects: () => f2(l.value)
     }), d = Q(() => {
-      if (!f.value.arrow || n.status === a2.LOGO)
+      if (!u.value.arrow || n.status === a2.LOGO)
         return {
           display: "none"
         };
-      const { x: h, y: g } = f.value.arrow, y = {
+      const { x: h, y: g } = u.value.arrow, y = {
         top: "bottom",
         right: "left",
         bottom: "top",
         left: "right"
-      }[f.value.offset.placement];
+      }[u.value.offset.placement];
       return {
         left: h != null ? `${h}px` : "",
         top: g != null ? `${g}px` : "",
         [y]: "-8px",
         position: "absolute"
       };
-    }), u = Q(() => {
+    }), f = Q(() => {
       var g;
-      switch ((g = f.value.offset) == null ? void 0 : g.placement) {
+      switch ((g = u.value.offset) == null ? void 0 : g.placement) {
         case "top":
           return { transform: "rotate(180deg)" };
         case "left":
@@ -1782,10 +1798,10 @@ const q2 = {
         default:
           return {};
       }
-    }), { floatingStyles: C, middlewareData: f, update: A } = _0(c, o, {
+    }), { floatingStyles: C, middlewareData: u, update: A } = _0(c, o, {
       placement: "bottom",
       middleware: [
-        W0(4),
+        N0(4),
         q0(),
         Z0(),
         X0({ element: s }),
@@ -1799,7 +1815,7 @@ const q2 = {
         })
       ],
       whileElementsMounted(h, g, y) {
-        return N0(h, g, y, {
+        return W0(h, g, y, {
           ancestorScroll: !0
         });
       }
@@ -1866,7 +1882,7 @@ const q2 = {
           class: "absolute transform"
         }, [
           E("img", {
-            style: y2(u.value),
+            style: y2(f.value),
             class: "w-5",
             src: f0,
             alt: "arrow"