@ddict/bubble 1.3.1 → 1.3.2

package/dist/bubble.es.js

@@ -1,5 +1,5 @@
-import { computed as R, ref as B, shallowRef as ct, watch as te, getCurrentScope as dt, onScopeDispose as ut, shallowReadonly as ee, unref as ge, createElementBlock as b, openBlock as p, createStaticVNode as Ae, createElementVNode as y, createVNode as Z, toDisplayString as ce, Fragment as ue, renderList as we, createCommentVNode as M, onUnmounted as $e, normalizeClass as A, createBlock as I, createTextVNode as ft, normalizeStyle as Xe, onMounted as qe, nextTick as _e } from "vue";
-const z = Math.min, $ = Math.max, pe = Math.round, Ce = Math.floor, U = (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,49 +11,49 @@ const z = Math.min, $ = Math.max, pe = Math.round, Ce = Math.floor, U = (e) => (
   start: "end",
   end: "start"
 };
-function De(e, t, n) {
-  return $(e, z(t, n));
+function Ve(e, t, n) {
+  return O(e, j(t, n));
 }
-function fe(e, t) {
+function he(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function j(e) {
+function Y(e) {
   return e.split("-")[0];
 }
-function me(e) {
+function ge(e) {
   return e.split("-")[1];
 }
-function Ye(e) {
+function qe(e) {
   return e === "x" ? "y" : "x";
 }
 function Je(e) {
   return e === "y" ? "height" : "width";
 }
-function X(e) {
-  return ["top", "bottom"].includes(j(e)) ? "y" : "x";
+function J(e) {
+  return ["top", "bottom"].includes(Y(e)) ? "y" : "x";
 }
 function Qe(e) {
-  return Ye(X(e));
+  return qe(J(e));
 }
-function Ct(e, t, n) {
+function gt(e, t, n) {
   n === void 0 && (n = !1);
-  const i = me(e), o = Qe(e), s = Je(o);
-  let l = o === "x" ? i === (n ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
-  return t.reference[s] > t.floating[s] && (l = ve(l)), [l, ve(l)];
+  const o = ge(e), i = Qe(e), s = Je(i);
+  let l = i === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
+  return t.reference[s] > t.floating[s] && (l = we(l)), [l, we(l)];
 }
-function gt(e) {
-  const t = ve(e);
-  return [Se(e), t, Se(t)];
+function Ct(e) {
+  const t = we(e);
+  return [ke(e), t, ke(t)];
 }
-function Se(e) {
+function ke(e) {
   return e.replace(/start|end/g, (t) => ht[t]);
 }
 function pt(e, t, n) {
-  const i = ["left", "right"], o = ["right", "left"], s = ["top", "bottom"], l = ["bottom", "top"];
+  const o = ["left", "right"], i = ["right", "left"], s = ["top", "bottom"], l = ["bottom", "top"];
   switch (e) {
     case "top":
     case "bottom":
-      return n ? t ? o : i : t ? i : o;
+      return n ? t ? i : o : t ? o : i;
     case "left":
     case "right":
       return t ? s : l;
@@ -61,12 +61,12 @@ function pt(e, t, n) {
       return [];
   }
 }
-function vt(e, t, n, i) {
-  const o = me(e);
-  let s = pt(j(e), n === "start", i);
-  return o && (s = s.map((l) => l + "-" + o), t && (s = s.concat(s.map(Se)))), s;
+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(ke)))), s;
 }
-function ve(e) {
+function we(e) {
   return e.replace(/left|right|bottom|top/g, (t) => mt[t]);
 }
 function bt(e) {
@@ -86,102 +86,102 @@ function wt(e) {
     left: e
   };
 }
-function be(e) {
+function xe(e) {
   const {
     x: t,
     y: n,
-    width: i,
-    height: o
+    width: o,
+    height: i
   } = e;
   return {
-    width: i,
-    height: o,
+    width: o,
+    height: i,
     top: n,
     left: t,
-    right: t + i,
-    bottom: n + o,
+    right: t + o,
+    bottom: n + i,
     x: t,
     y: n
   };
 }
-function Ve(e, t, n) {
+function Ne(e, t, n) {
   let {
-    reference: i,
-    floating: o
+    reference: o,
+    floating: i
   } = e;
-  const s = X(t), l = Qe(t), a = Je(l), r = j(t), c = s === "y", d = i.x + i.width / 2 - o.width / 2, u = i.y + i.height / 2 - o.height / 2, g = i[a] / 2 - o[a] / 2;
+  const s = J(t), l = Qe(t), r = Je(l), a = Y(t), c = s === "y", u = o.x + o.width / 2 - i.width / 2, d = o.y + o.height / 2 - i.height / 2, h = o[r] / 2 - i[r] / 2;
   let f;
-  switch (r) {
+  switch (a) {
     case "top":
       f = {
-        x: d,
-        y: i.y - o.height
+        x: u,
+        y: o.y - i.height
       };
       break;
     case "bottom":
       f = {
-        x: d,
-        y: i.y + i.height
+        x: u,
+        y: o.y + o.height
       };
       break;
     case "right":
       f = {
-        x: i.x + i.width,
-        y: u
+        x: o.x + o.width,
+        y: d
       };
       break;
     case "left":
       f = {
-        x: i.x - o.width,
-        y: u
+        x: o.x - i.width,
+        y: d
       };
       break;
     default:
       f = {
-        x: i.x,
-        y: i.y
+        x: o.x,
+        y: o.y
       };
   }
-  switch (me(t)) {
+  switch (ge(t)) {
     case "start":
-      f[l] -= g * (n && c ? -1 : 1);
+      f[l] -= h * (n && c ? -1 : 1);
       break;
     case "end":
-      f[l] += g * (n && c ? -1 : 1);
+      f[l] += h * (n && c ? -1 : 1);
       break;
   }
   return f;
 }
 const xt = async (e, t, n) => {
   const {
-    placement: i = "bottom",
-    strategy: o = "absolute",
+    placement: o = "bottom",
+    strategy: i = "absolute",
     middleware: s = [],
     platform: l
-  } = n, a = s.filter(Boolean), r = await (l.isRTL == null ? void 0 : l.isRTL(t));
+  } = n, r = s.filter(Boolean), a = await (l.isRTL == null ? void 0 : l.isRTL(t));
   let c = await l.getElementRects({
     reference: e,
     floating: t,
-    strategy: o
+    strategy: i
   }), {
-    x: d,
-    y: u
-  } = Ve(c, i, r), g = i, f = {}, h = 0;
-  for (let v = 0; v < a.length; v++) {
+    x: u,
+    y: d
+  } = Ne(c, o, a), h = o, f = {}, m = 0;
+  for (let v = 0; v < r.length; v++) {
     const {
-      name: w,
-      fn: x
-    } = a[v], {
-      x: m,
-      y: C,
-      data: L,
-      reset: T
-    } = await x({
-      x: d,
-      y: u,
-      initialPlacement: i,
-      placement: g,
-      strategy: o,
+      name: x,
+      fn: w
+    } = r[v], {
+      x: L,
+      y: T,
+      data: $,
+      reset: E
+    } = await w({
+      x: u,
+      y: d,
+      initialPlacement: o,
+      placement: h,
+      strategy: i,
       middlewareData: f,
       rects: c,
       platform: l,
@@ -190,72 +190,72 @@ const xt = async (e, t, n) => {
         floating: t
       }
     });
-    d = m ?? d, u = C ?? u, f = {
+    u = L ?? u, d = T ?? d, f = {
       ...f,
-      [w]: {
-        ...f[w],
-        ...L
+      [x]: {
+        ...f[x],
+        ...$
       }
-    }, T && h <= 50 && (h++, typeof T == "object" && (T.placement && (g = T.placement), T.rects && (c = T.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: o
-    }) : T.rects), {
-      x: d,
-      y: u
-    } = Ve(c, g, r)), v = -1);
+      strategy: i
+    }) : E.rects), {
+      x: u,
+      y: d
+    } = Ne(c, h, a)), v = -1);
   }
   return {
-    x: d,
-    y: u,
-    placement: g,
-    strategy: o,
+    x: u,
+    y: d,
+    placement: h,
+    strategy: i,
     middlewareData: f
   };
 };
-async function Ee(e, t) {
+async function Be(e, t) {
   var n;
   t === void 0 && (t = {});
   const {
-    x: i,
-    y: o,
+    x: o,
+    y: i,
     platform: s,
     rects: l,
-    elements: a,
-    strategy: r
+    elements: r,
+    strategy: a
   } = e, {
     boundary: c = "clippingAncestors",
-    rootBoundary: d = "viewport",
-    elementContext: u = "floating",
-    altBoundary: g = !1,
+    rootBoundary: u = "viewport",
+    elementContext: d = "floating",
+    altBoundary: h = !1,
     padding: f = 0
-  } = fe(t, e), h = wt(f), w = a[g ? u === "floating" ? "reference" : "floating" : u], x = be(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(a.floating)),
+  } = he(t, e), m = wt(f), x = r[h ? d === "floating" ? "reference" : "floating" : d], w = xe(await s.getClippingRect({
+    element: (n = await (s.isElement == null ? void 0 : s.isElement(x))) == null || n ? x : x.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(r.floating)),
     boundary: c,
-    rootBoundary: d,
-    strategy: r
-  })), m = u === "floating" ? {
-    x: i,
-    y: o,
+    rootBoundary: u,
+    strategy: a
+  })), L = d === "floating" ? {
+    x: o,
+    y: i,
     width: l.floating.width,
     height: l.floating.height
-  } : l.reference, C = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(a.floating)), L = await (s.isElement == null ? void 0 : s.isElement(C)) ? await (s.getScale == null ? void 0 : s.getScale(C)) || {
+  } : l.reference, T = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(r.floating)), $ = await (s.isElement == null ? void 0 : s.isElement(T)) ? await (s.getScale == null ? void 0 : s.getScale(T)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, T = be(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: a,
-    rect: m,
-    offsetParent: C,
-    strategy: r
-  }) : m);
+  }, E = xe(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: r,
+    rect: L,
+    offsetParent: T,
+    strategy: a
+  }) : L);
   return {
-    top: (x.top - T.top + h.top) / L.y,
-    bottom: (T.bottom - x.bottom + h.bottom) / L.y,
-    left: (x.left - T.left + h.left) / L.x,
-    right: (T.right - x.right + h.right) / L.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) {
@@ -263,74 +263,74 @@ const yt = function(e) {
     name: "flip",
     options: e,
     async fn(t) {
-      var n, i;
+      var n, o;
       const {
-        placement: o,
+        placement: i,
         middlewareData: s,
         rects: l,
-        initialPlacement: a,
-        platform: r,
+        initialPlacement: r,
+        platform: a,
         elements: c
       } = t, {
-        mainAxis: d = !0,
-        crossAxis: u = !0,
-        fallbackPlacements: g,
+        mainAxis: u = !0,
+        crossAxis: d = !0,
+        fallbackPlacements: h,
         fallbackStrategy: f = "bestFit",
-        fallbackAxisSideDirection: h = "none",
+        fallbackAxisSideDirection: m = "none",
         flipAlignment: v = !0,
-        ...w
-      } = fe(e, t);
+        ...x
+      } = he(e, t);
       if ((n = s.arrow) != null && n.alignmentOffset)
         return {};
-      const x = j(o), m = X(a), C = j(a) === a, L = await (r.isRTL == null ? void 0 : r.isRTL(c.floating)), T = g || (C || !v ? [ve(a)] : gt(a)), k = h !== "none";
-      !g && k && T.push(...vt(a, v, h, L));
-      const S = [a, ...T], V = await Ee(t, w), O = [];
-      let P = ((i = s.flip) == null ? void 0 : i.overflows) || [];
-      if (d && O.push(V[x]), u) {
-        const G = Ct(o, l, L);
-        O.push(V[G[0]], V[G[1]]);
+      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 A = gt(i, l, $);
+        B.push(I[A[0]], I[A[1]]);
       }
-      if (P = [...P, {
-        placement: o,
-        overflows: O
-      }], !O.every((G) => G <= 0)) {
-        var oe, Me;
-        const G = (((oe = s.flip) == null ? void 0 : oe.index) || 0) + 1, Oe = S[G];
-        if (Oe)
+      if (D = [...D, {
+        placement: i,
+        overflows: B
+      }], !B.every((A) => A <= 0)) {
+        var q, C;
+        const A = (((q = s.flip) == null ? void 0 : q.index) || 0) + 1, Se = S[A];
+        if (Se)
           return {
             data: {
-              index: G,
-              overflows: P
+              index: A,
+              overflows: D
             },
             reset: {
-              placement: Oe
+              placement: Se
             }
           };
-        let se = (Me = P.filter((Q) => Q.overflows[0] <= 0).sort((Q, H) => Q.overflows[1] - H.overflows[1])[0]) == null ? void 0 : Me.placement;
-        if (!se)
+        let re = (C = D.filter((ne) => ne.overflows[0] <= 0).sort((ne, Z) => ne.overflows[1] - Z.overflows[1])[0]) == null ? void 0 : C.placement;
+        if (!re)
           switch (f) {
             case "bestFit": {
-              var Fe;
-              const Q = (Fe = P.filter((H) => {
-                if (k) {
-                  const W = X(H.placement);
-                  return W === m || // Create a bias to the `y` side axis due to horizontal
+              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
                   // reading directions favoring greater width.
-                  W === "y";
+                  U === "y";
                 }
                 return !0;
-              }).map((H) => [H.placement, H.overflows.filter((W) => W > 0).reduce((W, at) => W + at, 0)]).sort((H, W) => H[1] - W[1])[0]) == null ? void 0 : Fe[0];
-              Q && (se = Q);
+              }).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;
             }
             case "initialPlacement":
-              se = a;
+              re = r;
               break;
           }
-        if (o !== se)
+        if (i !== re)
           return {
             reset: {
-              placement: se
+              placement: re
             }
           };
       }
@@ -341,29 +341,29 @@ const yt = function(e) {
 async function Lt(e, t) {
   const {
     placement: n,
-    platform: i,
-    elements: o
-  } = e, s = await (i.isRTL == null ? void 0 : i.isRTL(o.floating)), l = j(n), a = me(n), r = X(n) === "y", c = ["left", "top"].includes(l) ? -1 : 1, d = s && r ? -1 : 1, u = fe(t, e);
+    platform: o,
+    elements: i
+  } = e, s = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), l = Y(n), r = ge(n), a = J(n) === "y", c = ["left", "top"].includes(l) ? -1 : 1, u = s && a ? -1 : 1, d = he(t, e);
   let {
-    mainAxis: g,
+    mainAxis: h,
     crossAxis: f,
-    alignmentAxis: h
-  } = typeof u == "number" ? {
-    mainAxis: u,
+    alignmentAxis: m
+  } = typeof d == "number" ? {
+    mainAxis: d,
     crossAxis: 0,
     alignmentAxis: null
   } : {
     mainAxis: 0,
     crossAxis: 0,
     alignmentAxis: null,
-    ...u
+    ...d
   };
-  return a && typeof h == "number" && (f = a === "end" ? h * -1 : h), r ? {
-    x: f * d,
-    y: g * c
+  return r && typeof m == "number" && (f = r === "end" ? m * -1 : m), a ? {
+    x: f * u,
+    y: h * c
   } : {
-    x: g * c,
-    y: f * d
+    x: h * c,
+    y: f * u
   };
 }
 const Tt = function(e) {
@@ -371,18 +371,18 @@ const Tt = function(e) {
     name: "offset",
     options: e,
     async fn(t) {
-      var n, i;
+      var n, o;
       const {
-        x: o,
+        x: i,
         y: s,
         placement: l,
-        middlewareData: a
-      } = t, r = await Lt(t, e);
-      return l === ((n = a.offset) == null ? void 0 : n.placement) && (i = a.arrow) != null && i.alignmentOffset ? {} : {
-        x: o + r.x,
-        y: s + r.y,
+        middlewareData: r
+      } = t, a = await Lt(t, e);
+      return l === ((n = r.offset) == null ? void 0 : n.placement) && (o = r.arrow) != null && o.alignmentOffset ? {} : {
+        x: i + a.x,
+        y: s + a.y,
         data: {
-          ...r,
+          ...a,
           placement: l
         }
       };
@@ -395,84 +395,84 @@ const Tt = function(e) {
     async fn(t) {
       const {
         x: n,
-        y: i,
-        placement: o
+        y: o,
+        placement: i
       } = t, {
         mainAxis: s = !0,
         crossAxis: l = !1,
-        limiter: a = {
-          fn: (w) => {
+        limiter: r = {
+          fn: (x) => {
             let {
-              x,
-              y: m
-            } = w;
+              x: w,
+              y: L
+            } = x;
             return {
-              x,
-              y: m
+              x: w,
+              y: L
             };
           }
         },
-        ...r
-      } = fe(e, t), c = {
+        ...a
+      } = he(e, t), c = {
         x: n,
-        y: i
-      }, d = await Ee(t, r), u = X(j(o)), g = Ye(u);
-      let f = c[g], h = c[u];
+        y: o
+      }, u = await Be(t, a), d = J(Y(i)), h = qe(d);
+      let f = c[h], m = c[d];
       if (s) {
-        const w = g === "y" ? "top" : "left", x = g === "y" ? "bottom" : "right", m = f + d[w], C = f - d[x];
-        f = De(m, f, C);
+        const x = h === "y" ? "top" : "left", w = h === "y" ? "bottom" : "right", L = f + u[x], T = f - u[w];
+        f = Ve(L, f, T);
       }
       if (l) {
-        const w = u === "y" ? "top" : "left", x = u === "y" ? "bottom" : "right", m = h + d[w], C = h - d[x];
-        h = De(m, h, C);
+        const x = d === "y" ? "top" : "left", w = d === "y" ? "bottom" : "right", L = m + u[x], T = m - u[w];
+        m = Ve(L, m, T);
       }
-      const v = a.fn({
+      const v = r.fn({
         ...t,
-        [g]: f,
-        [u]: h
+        [h]: f,
+        [d]: m
       });
       return {
         ...v,
         data: {
           x: v.x - n,
-          y: v.y - i
+          y: v.y - o
         }
       };
     }
   };
-}, At = function(e) {
+}, Et = function(e) {
   return e === void 0 && (e = {}), {
     name: "size",
     options: e,
     async fn(t) {
       const {
         placement: n,
-        rects: i,
-        platform: o,
+        rects: o,
+        platform: i,
         elements: s
       } = t, {
         apply: l = () => {
         },
-        ...a
-      } = fe(e, t), r = await Ee(t, a), c = j(n), d = me(n), u = X(n) === "y", {
-        width: g,
+        ...r
+      } = he(e, t), a = await Be(t, r), c = Y(n), u = ge(n), d = J(n) === "y", {
+        width: h,
         height: f
-      } = i.floating;
-      let h, v;
-      c === "top" || c === "bottom" ? (h = c, v = d === (await (o.isRTL == null ? void 0 : o.isRTL(s.floating)) ? "start" : "end") ? "left" : "right") : (v = c, h = d === "end" ? "top" : "bottom");
-      const w = f - r.top - r.bottom, x = g - r.left - r.right, m = z(f - r[h], w), C = z(g - r[v], x), L = !t.middlewareData.shift;
-      let T = m, k = C;
-      if (u ? k = d || L ? z(C, x) : x : T = d || L ? z(m, w) : w, L && !d) {
-        const V = $(r.left, 0), O = $(r.right, 0), P = $(r.top, 0), oe = $(r.bottom, 0);
-        u ? k = g - 2 * (V !== 0 || O !== 0 ? V + O : $(r.left, r.right)) : T = f - 2 * (P !== 0 || oe !== 0 ? P + oe : $(r.top, r.bottom));
+      } = o.floating;
+      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: k,
-        availableHeight: T
+        availableWidth: M,
+        availableHeight: E
       });
-      const S = await o.getDimensions(s.floating);
-      return g !== S.width || f !== S.height ? {
+      const S = await i.getDimensions(s.floating);
+      return h !== S.width || f !== S.height ? {
         reset: {
           rects: !0
         }
@@ -480,42 +480,42 @@ const Tt = function(e) {
     }
   };
 };
-function Y(e) {
-  return ke(e) ? (e.nodeName || "").toLowerCase() : "#document";
+function ee(e) {
+  return Ie(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function E(e) {
+function F(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
-function N(e) {
+function z(e) {
   var t;
-  return (t = (ke(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 ke(e) {
-  return e instanceof Node || e instanceof E(e).Node;
+function Ie(e) {
+  return e instanceof Node || e instanceof F(e).Node;
 }
-function _(e) {
-  return e instanceof Element || e instanceof E(e).Element;
+function H(e) {
+  return e instanceof Element || e instanceof F(e).Element;
 }
-function D(e) {
-  return e instanceof HTMLElement || e instanceof E(e).HTMLElement;
+function W(e) {
+  return e instanceof HTMLElement || e instanceof F(e).HTMLElement;
 }
-function Ne(e) {
-  return typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof E(e).ShadowRoot;
+function Pe(e) {
+  return typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof F(e).ShadowRoot;
 }
-function he(e) {
+function Ce(e) {
   const {
     overflow: t,
     overflowX: n,
-    overflowY: i,
-    display: o
-  } = F(e);
-  return /auto|scroll|overlay|hidden|clip/.test(t + i + n) && !["inline", "contents"].includes(o);
+    overflowY: o,
+    display: i
+  } = P(e);
+  return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && !["inline", "contents"].includes(i);
 }
-function $t(e) {
-  return ["table", "td", "th"].includes(Y(e));
+function At(e) {
+  return ["table", "td", "th"].includes(ee(e));
 }
-function xe(e) {
+function Le(e) {
   return [":popover-open", ":modal"].some((t) => {
     try {
       return e.matches(t);
@@ -524,32 +524,32 @@ function xe(e) {
     }
   });
 }
-function Re(e) {
-  const t = Ie(), n = F(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((i) => (n.willChange || "").includes(i)) || ["paint", "layout", "strict", "content"].some((i) => (n.contain || "").includes(i));
+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));
 }
-function Et(e) {
-  let t = K(e);
-  for (; D(t) && !ie(t); ) {
-    if (xe(t))
+function $t(e) {
+  let t = G(e);
+  for (; W(t) && !ae(t); ) {
+    if (Le(t))
       return null;
-    if (Re(t))
+    if (Oe(t))
       return t;
-    t = K(t);
+    t = G(t);
   }
   return null;
 }
-function Ie() {
+function Fe() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-function ie(e) {
-  return ["html", "body", "#document"].includes(Y(e));
+function ae(e) {
+  return ["html", "body", "#document"].includes(ee(e));
 }
-function F(e) {
-  return E(e).getComputedStyle(e);
+function P(e) {
+  return F(e).getComputedStyle(e);
 }
-function ye(e) {
-  return _(e) ? {
+function Te(e) {
+  return H(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   } : {
@@ -557,207 +557,207 @@ function ye(e) {
     scrollTop: e.scrollY
   };
 }
-function K(e) {
-  if (Y(e) === "html")
+function G(e) {
+  if (ee(e) === "html")
     return e;
   const t = (
     // 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.
-    N(e)
+    Pe(e) && e.host || // Fallback.
+    z(e)
   );
-  return Ne(t) ? t.host : t;
+  return Pe(t) ? t.host : t;
 }
 function et(e) {
-  const t = K(e);
-  return ie(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : D(t) && he(t) ? t : et(t);
+  const t = G(e);
+  return ae(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : W(t) && Ce(t) ? t : et(t);
 }
-function de(e, t, n) {
-  var i;
+function fe(e, t, n) {
+  var o;
   t === void 0 && (t = []), n === void 0 && (n = !0);
-  const o = et(e), s = o === ((i = e.ownerDocument) == null ? void 0 : i.body), l = E(o);
-  return s ? t.concat(l, l.visualViewport || [], he(o) ? o : [], l.frameElement && n ? de(l.frameElement) : []) : t.concat(o, de(o, [], n));
+  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) {
-  const t = F(e);
-  let n = parseFloat(t.width) || 0, i = parseFloat(t.height) || 0;
-  const o = D(e), s = o ? e.offsetWidth : n, l = o ? e.offsetHeight : i, a = pe(n) !== s || pe(i) !== l;
-  return a && (n = s, i = l), {
+  const t = P(e);
+  let n = parseFloat(t.width) || 0, o = parseFloat(t.height) || 0;
+  const i = W(e), s = i ? e.offsetWidth : n, l = i ? e.offsetHeight : o, r = be(n) !== s || be(o) !== l;
+  return r && (n = s, o = l), {
     width: n,
-    height: i,
-    $: a
+    height: o,
+    $: r
   };
 }
-function Be(e) {
-  return _(e) ? e : e.contextElement;
+function De(e) {
+  return H(e) ? e : e.contextElement;
 }
-function ne(e) {
-  const t = Be(e);
-  if (!D(t))
-    return U(1);
+function le(e) {
+  const t = De(e);
+  if (!W(t))
+    return X(1);
   const n = t.getBoundingClientRect(), {
-    width: i,
-    height: o,
+    width: o,
+    height: i,
     $: s
   } = tt(t);
-  let l = (s ? pe(n.width) : n.width) / i, a = (s ? pe(n.height) : n.height) / o;
-  return (!l || !Number.isFinite(l)) && (l = 1), (!a || !Number.isFinite(a)) && (a = 1), {
+  let l = (s ? be(n.width) : n.width) / o, r = (s ? be(n.height) : n.height) / i;
+  return (!l || !Number.isFinite(l)) && (l = 1), (!r || !Number.isFinite(r)) && (r = 1), {
     x: l,
-    y: a
+    y: r
   };
 }
-const kt = /* @__PURE__ */ U(0);
+const kt = /* @__PURE__ */ X(0);
 function nt(e) {
-  const t = E(e);
-  return !Ie() || !t.visualViewport ? kt : {
+  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 !== E(e) ? !1 : t;
+  return t === void 0 && (t = !1), !n || t && n !== F(e) ? !1 : t;
 }
-function q(e, t, n, i) {
+function Q(e, t, n, o) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
-  const o = e.getBoundingClientRect(), s = Be(e);
-  let l = U(1);
-  t && (i ? _(i) && (l = ne(i)) : l = ne(e));
-  const a = Rt(s, n, i) ? nt(s) : U(0);
-  let r = (o.left + a.x) / l.x, c = (o.top + a.y) / l.y, d = o.width / l.x, u = o.height / l.y;
+  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 g = E(s), f = i && _(i) ? E(i) : i;
-    let h = g, v = h.frameElement;
-    for (; v && i && f !== h; ) {
-      const w = ne(v), x = v.getBoundingClientRect(), m = F(v), C = x.left + (v.clientLeft + parseFloat(m.paddingLeft)) * w.x, L = x.top + (v.clientTop + parseFloat(m.paddingTop)) * w.y;
-      r *= w.x, c *= w.y, d *= w.x, u *= w.y, r += C, c += L, h = E(v), v = h.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 be({
-    width: d,
-    height: u,
-    x: r,
+  return xe({
+    width: u,
+    height: d,
+    x: a,
     y: c
   });
 }
-function It(e) {
+function Mt(e) {
   let {
     elements: t,
     rect: n,
-    offsetParent: i,
-    strategy: o
+    offsetParent: o,
+    strategy: i
   } = e;
-  const s = o === "fixed", l = N(i), a = t ? xe(t.floating) : !1;
-  if (i === l || a && s)
+  const s = i === "fixed", l = z(o), r = t ? Le(t.floating) : !1;
+  if (o === l || r && s)
     return n;
-  let r = {
+  let a = {
     scrollLeft: 0,
     scrollTop: 0
-  }, c = U(1);
-  const d = U(0), u = D(i);
-  if ((u || !u && !s) && ((Y(i) !== "body" || he(l)) && (r = ye(i)), D(i))) {
-    const g = q(i);
-    c = ne(i), d.x = g.x + i.clientLeft, d.y = g.y + i.clientTop;
+  }, c = X(1);
+  const u = X(0), d = W(o);
+  if ((d || !d && !s) && ((ee(o) !== "body" || Ce(l)) && (a = Te(o)), W(o))) {
+    const h = Q(o);
+    c = le(o), u.x = h.x + o.clientLeft, u.y = h.y + o.clientTop;
   }
   return {
     width: n.width * c.x,
     height: n.height * c.y,
-    x: n.x * c.x - r.scrollLeft * c.x + d.x,
-    y: n.y * c.y - r.scrollTop * c.y + d.y
+    x: n.x * c.x - a.scrollLeft * c.x + u.x,
+    y: n.y * c.y - a.scrollTop * c.y + u.y
   };
 }
 function Bt(e) {
   return Array.from(e.getClientRects());
 }
-function it(e) {
-  return q(N(e)).left + ye(e).scrollLeft;
+function ot(e) {
+  return Q(z(e)).left + Te(e).scrollLeft;
 }
-function Mt(e) {
-  const t = N(e), n = ye(e), i = e.ownerDocument.body, o = $(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), s = $(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
-  let l = -n.scrollLeft + it(e);
-  const a = -n.scrollTop;
-  return F(i).direction === "rtl" && (l += $(t.clientWidth, i.clientWidth) - o), {
-    width: o,
+function It(e) {
+  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 += O(t.clientWidth, o.clientWidth) - i), {
+    width: i,
     height: s,
     x: l,
-    y: a
+    y: r
   };
 }
-function Ft(e, t) {
-  const n = E(e), i = N(e), o = n.visualViewport;
-  let s = i.clientWidth, l = i.clientHeight, a = 0, r = 0;
-  if (o) {
-    s = o.width, l = o.height;
-    const c = Ie();
-    (!c || c && t === "fixed") && (a = o.offsetLeft, r = o.offsetTop);
+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;
+    const c = Fe();
+    (!c || c && t === "fixed") && (r = i.offsetLeft, a = i.offsetTop);
   }
   return {
     width: s,
     height: l,
-    x: a,
-    y: r
+    x: r,
+    y: a
   };
 }
-function Ot(e, t) {
-  const n = q(e, !0, t === "fixed"), i = n.top + e.clientTop, o = n.left + e.clientLeft, s = D(e) ? ne(e) : U(1), l = e.clientWidth * s.x, a = e.clientHeight * s.y, r = o * s.x, c = i * s.y;
+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,
-    height: a,
-    x: r,
+    height: r,
+    x: a,
     y: c
   };
 }
-function Pe(e, t, n) {
-  let i;
+function He(e, t, n) {
+  let o;
   if (t === "viewport")
-    i = Ft(e, n);
+    o = Ot(e, n);
   else if (t === "document")
-    i = Mt(N(e));
-  else if (_(t))
-    i = Ot(t, n);
+    o = It(z(e));
+  else if (H(t))
+    o = Ft(t, n);
   else {
-    const o = nt(e);
-    i = {
+    const i = nt(e);
+    o = {
       ...t,
-      x: t.x - o.x,
-      y: t.y - o.y
+      x: t.x - i.x,
+      y: t.y - i.y
     };
   }
-  return be(i);
+  return xe(o);
 }
-function ot(e, t) {
-  const n = K(e);
-  return n === t || !_(n) || ie(n) ? !1 : F(n).position === "fixed" || ot(n, t);
+function it(e, t) {
+  const n = G(e);
+  return n === t || !H(n) || ae(n) ? !1 : P(n).position === "fixed" || it(n, t);
 }
-function _t(e, t) {
+function Dt(e, t) {
   const n = t.get(e);
   if (n)
     return n;
-  let i = de(e, [], !1).filter((a) => _(a) && Y(a) !== "body"), o = null;
-  const s = F(e).position === "fixed";
-  let l = s ? K(e) : e;
-  for (; _(l) && !ie(l); ) {
-    const a = F(l), r = Re(l);
-    !r && a.position === "fixed" && (o = null), (s ? !r && !o : !r && a.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || he(l) && !r && ot(e, l)) ? i = i.filter((d) => d !== l) : o = a, l = K(l);
+  let o = fe(e, [], !1).filter((r) => H(r) && ee(r) !== "body"), i = null;
+  const s = P(e).position === "fixed";
+  let l = s ? G(e) : e;
+  for (; H(l) && !ae(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, i), i;
+  return t.set(e, o), o;
 }
-function Dt(e) {
+function _t(e) {
   let {
     element: t,
     boundary: n,
-    rootBoundary: i,
-    strategy: o
+    rootBoundary: o,
+    strategy: i
   } = e;
-  const l = [...n === "clippingAncestors" ? xe(t) ? [] : _t(t, this._c) : [].concat(n), i], a = l[0], r = l.reduce((c, d) => {
-    const u = Pe(t, d, o);
-    return c.top = $(u.top, c.top), c.right = z(u.right, c.right), c.bottom = z(u.bottom, c.bottom), c.left = $(u.left, c.left), c;
-  }, Pe(t, a, o));
+  const l = [...n === "clippingAncestors" ? Le(t) ? [] : Dt(t, this._c) : [].concat(n), o], r = l[0], a = l.reduce((c, u) => {
+    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: r.right - r.left,
-    height: r.bottom - r.top,
-    x: r.left,
-    y: r.top
+    width: a.right - a.left,
+    height: a.bottom - a.top,
+    x: a.left,
+    y: a.top
   };
 }
 function Vt(e) {
@@ -771,273 +771,273 @@ function Vt(e) {
   };
 }
 function Nt(e, t, n) {
-  const i = D(t), o = N(t), s = n === "fixed", l = q(e, !0, s, t);
-  let a = {
+  const o = W(t), i = z(t), s = n === "fixed", l = Q(e, !0, s, t);
+  let r = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const r = U(0);
-  if (i || !i && !s)
-    if ((Y(t) !== "body" || he(o)) && (a = ye(t)), i) {
-      const u = q(t, !0, s, t);
-      r.x = u.x + t.clientLeft, r.y = u.y + t.clientTop;
-    } else o && (r.x = it(o));
-  const c = l.left + a.scrollLeft - r.x, d = l.top + a.scrollTop - r.y;
+  const a = X(0);
+  if (o || !o && !s)
+    if ((ee(t) !== "body" || Ce(i)) && (r = Te(t)), o) {
+      const d = Q(t, !0, s, t);
+      a.x = d.x + t.clientLeft, a.y = d.y + t.clientTop;
+    } else i && (a.x = ot(i));
+  const c = l.left + r.scrollLeft - a.x, u = l.top + r.scrollTop - a.y;
   return {
     x: c,
-    y: d,
+    y: u,
     width: l.width,
     height: l.height
   };
 }
-function Le(e) {
-  return F(e).position === "static";
+function Ee(e) {
+  return P(e).position === "static";
 }
-function He(e, t) {
-  return !D(e) || F(e).position === "fixed" ? null : t ? t(e) : e.offsetParent;
+function We(e, t) {
+  return !W(e) || P(e).position === "fixed" ? null : t ? t(e) : e.offsetParent;
 }
 function st(e, t) {
-  const n = E(e);
-  if (xe(e))
+  const n = F(e);
+  if (Le(e))
     return n;
-  if (!D(e)) {
-    let o = K(e);
-    for (; o && !ie(o); ) {
-      if (_(o) && !Le(o))
-        return o;
-      o = K(o);
+  if (!W(e)) {
+    let i = G(e);
+    for (; i && !ae(i); ) {
+      if (H(i) && !Ee(i))
+        return i;
+      i = G(i);
     }
     return n;
   }
-  let i = He(e, t);
-  for (; i && $t(i) && Le(i); )
-    i = He(i, t);
-  return i && ie(i) && Le(i) && !Re(i) ? n : i || Et(e) || n;
+  let o = We(e, t);
+  for (; o && At(o) && Ee(o); )
+    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, i = await n(e.floating);
+  const t = this.getOffsetParent || st, n = this.getDimensions, o = await n(e.floating);
   return {
     reference: Nt(e.reference, await t(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
-      width: i.width,
-      height: i.height
+      width: o.width,
+      height: o.height
     }
   };
 };
 function Ht(e) {
-  return F(e).direction === "rtl";
+  return P(e).direction === "rtl";
 }
 const Wt = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: It,
-  getDocumentElement: N,
-  getClippingRect: Dt,
+  convertOffsetParentRelativeRectToViewportRelativeRect: Mt,
+  getDocumentElement: z,
+  getClippingRect: _t,
   getOffsetParent: st,
   getElementRects: Pt,
   getClientRects: Bt,
   getDimensions: Vt,
-  getScale: ne,
-  isElement: _,
+  getScale: le,
+  isElement: H,
   isRTL: Ht
 };
 function zt(e, t) {
-  let n = null, i;
-  const o = N(e);
+  let n = null, o;
+  const i = z(e);
   function s() {
-    var a;
-    clearTimeout(i), (a = n) == null || a.disconnect(), n = null;
+    var r;
+    clearTimeout(o), (r = n) == null || r.disconnect(), n = null;
   }
-  function l(a, r) {
-    a === void 0 && (a = !1), r === void 0 && (r = 1), s();
+  function l(r, a) {
+    r === void 0 && (r = !1), a === void 0 && (a = 1), s();
     const {
       left: c,
-      top: d,
-      width: u,
-      height: g
+      top: u,
+      width: d,
+      height: h
     } = e.getBoundingClientRect();
-    if (a || t(), !u || !g)
+    if (r || t(), !d || !h)
       return;
-    const f = Ce(d), h = Ce(o.clientWidth - (c + u)), v = Ce(o.clientHeight - (d + g)), w = Ce(c), m = {
-      rootMargin: -f + "px " + -h + "px " + -v + "px " + -w + "px",
-      threshold: $(0, z(1, r)) || 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 C = !0;
-    function L(T) {
-      const k = T[0].intersectionRatio;
-      if (k !== r) {
-        if (!C)
+    let T = !0;
+    function $(E) {
+      const M = E[0].intersectionRatio;
+      if (M !== a) {
+        if (!T)
           return l();
-        k ? l(!1, k) : i = setTimeout(() => {
+        M ? l(!1, M) : o = setTimeout(() => {
           l(!1, 1e-7);
         }, 1e3);
       }
-      C = !1;
+      T = !1;
     }
     try {
-      n = new IntersectionObserver(L, {
-        ...m,
+      n = new IntersectionObserver($, {
+        ...L,
         // Handle <iframe>s
-        root: o.ownerDocument
+        root: i.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(L, m);
+      n = new IntersectionObserver($, L);
     }
     n.observe(e);
   }
   return l(!0), s;
 }
-function Zt(e, t, n, i) {
-  i === void 0 && (i = {});
+function Zt(e, t, n, o) {
+  o === void 0 && (o = {});
   const {
-    ancestorScroll: o = !0,
+    ancestorScroll: i = !0,
     ancestorResize: s = !0,
     elementResize: l = typeof ResizeObserver == "function",
-    layoutShift: a = typeof IntersectionObserver == "function",
-    animationFrame: r = !1
-  } = i, c = Be(e), d = o || s ? [...c ? de(c) : [], ...de(t)] : [];
-  d.forEach((x) => {
-    o && x.addEventListener("scroll", n, {
+    layoutShift: r = typeof IntersectionObserver == "function",
+    animationFrame: a = !1
+  } = o, c = De(e), u = i || s ? [...c ? fe(c) : [], ...fe(t)] : [];
+  u.forEach((w) => {
+    i && w.addEventListener("scroll", n, {
       passive: !0
-    }), s && x.addEventListener("resize", n);
+    }), s && w.addEventListener("resize", n);
   });
-  const u = c && a ? zt(c, n) : null;
-  let g = -1, f = null;
-  l && (f = new ResizeObserver((x) => {
-    let [m] = x;
-    m && m.target === c && f && (f.unobserve(t), cancelAnimationFrame(g), g = requestAnimationFrame(() => {
-      var C;
-      (C = f) == null || C.observe(t);
+  const d = c && r ? zt(c, n) : null;
+  let h = -1, f = null;
+  l && (f = new ResizeObserver((w) => {
+    let [L] = w;
+    L && L.target === c && f && (f.unobserve(t), cancelAnimationFrame(h), h = requestAnimationFrame(() => {
+      var T;
+      (T = f) == null || T.observe(t);
     })), n();
-  }), c && !r && f.observe(c), f.observe(t));
-  let h, v = r ? q(e) : null;
-  r && w();
-  function w() {
-    const x = q(e);
-    v && (x.x !== v.x || x.y !== v.y || x.width !== v.width || x.height !== v.height) && n(), v = x, h = requestAnimationFrame(w);
+  }), c && !a && f.observe(c), f.observe(t));
+  let m, v = a ? Q(e) : null;
+  a && x();
+  function x() {
+    const w = Q(e);
+    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 x;
-    d.forEach((m) => {
-      o && m.removeEventListener("scroll", n), s && m.removeEventListener("resize", n);
-    }), u == null || u(), (x = f) == null || x.disconnect(), f = null, r && cancelAnimationFrame(h);
+    var w;
+    u.forEach((L) => {
+      i && L.removeEventListener("scroll", n), s && L.removeEventListener("resize", n);
+    }), d == null || d(), (w = f) == null || w.disconnect(), f = null, a && cancelAnimationFrame(m);
   };
 }
-const Ut = Tt, jt = St, Kt = yt, Gt = At, Xt = (e, t, n) => {
-  const i = /* @__PURE__ */ new Map(), o = {
+const Ut = Tt, jt = St, Kt = yt, Xt = Et, Yt = (e, t, n) => {
+  const o = /* @__PURE__ */ new Map(), i = {
     platform: Wt,
     ...n
   }, s = {
-    ...o.platform,
-    _c: i
+    ...i.platform,
+    _c: o
   };
   return xt(e, t, {
-    ...o,
+    ...i,
     platform: s
   });
 };
-function qt(e) {
+function Gt(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
-function We(e) {
-  if (qt(e)) {
+function ze(e) {
+  if (Gt(e)) {
     const t = e.$el;
-    return ke(t) && Y(t) === "#comment" ? null : t;
+    return Ie(t) && ee(t) === "#comment" ? null : t;
   }
   return e;
 }
-function le(e) {
-  return typeof e == "function" ? e() : ge(e);
+function ce(e) {
+  return typeof e == "function" ? e() : ve(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;
 }
-function Yt(e, t, n) {
+function qt(e, t, n) {
   n === void 0 && (n = {});
-  const i = n.whileElementsMounted, o = R(() => {
+  const o = n.whileElementsMounted, i = _(() => {
     var S;
-    return (S = le(n.open)) != null ? S : !0;
-  }), s = R(() => le(n.middleware)), l = R(() => {
+    return (S = ce(n.open)) != null ? S : !0;
+  }), s = _(() => ce(n.middleware)), l = _(() => {
     var S;
-    return (S = le(n.placement)) != null ? S : "bottom";
-  }), a = R(() => {
+    return (S = ce(n.placement)) != null ? S : "bottom";
+  }), r = _(() => {
     var S;
-    return (S = le(n.strategy)) != null ? S : "absolute";
-  }), r = R(() => {
+    return (S = ce(n.strategy)) != null ? S : "absolute";
+  }), a = _(() => {
     var S;
-    return (S = le(n.transform)) != null ? S : !0;
-  }), c = R(() => We(e.value)), d = R(() => We(t.value)), u = B(0), g = B(0), f = B(a.value), h = B(l.value), v = ct({}), w = B(!1), x = R(() => {
+    return (S = ce(n.transform)) != null ? S : !0;
+  }), 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",
       top: "0"
     };
-    if (!d.value)
+    if (!u.value)
       return S;
-    const V = ze(d.value, u.value), O = ze(d.value, g.value);
-    return r.value ? {
+    const I = Ze(u.value, d.value), B = Ze(u.value, h.value);
+    return a.value ? {
       ...S,
-      transform: "translate(" + V + "px, " + O + "px)",
-      ...lt(d.value) >= 1.5 && {
+      transform: "translate(" + I + "px, " + B + "px)",
+      ...lt(u.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: f.value,
-      left: V + "px",
-      top: O + "px"
+      left: I + "px",
+      top: B + "px"
     };
   });
-  let m;
-  function C() {
-    c.value == null || d.value == null || Xt(c.value, d.value, {
+  let L;
+  function T() {
+    c.value == null || u.value == null || Yt(c.value, u.value, {
       middleware: s.value,
       placement: l.value,
-      strategy: a.value
+      strategy: r.value
     }).then((S) => {
-      u.value = S.x, g.value = S.y, f.value = S.strategy, h.value = S.placement, v.value = S.middlewareData, w.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 L() {
-    typeof m == "function" && (m(), m = void 0);
+  function $() {
+    typeof L == "function" && (L(), L = void 0);
   }
-  function T() {
-    if (L(), i === void 0) {
-      C();
+  function E() {
+    if ($(), o === void 0) {
+      T();
       return;
     }
-    if (c.value != null && d.value != null) {
-      m = i(c.value, d.value, C);
+    if (c.value != null && u.value != null) {
+      L = o(c.value, u.value, T);
       return;
     }
   }
-  function k() {
-    o.value || (w.value = !1);
+  function M() {
+    i.value || (x.value = !1);
   }
-  return te([s, l, a], C, {
+  return se([s, l, r], T, {
     flush: "sync"
-  }), te([c, d], T, {
+  }), se([c, u], E, {
     flush: "sync"
-  }), te(o, k, {
+  }), se(i, M, {
     flush: "sync"
-  }), dt() && ut(L), {
-    x: ee(u),
-    y: ee(g),
-    strategy: ee(f),
-    placement: ee(h),
-    middlewareData: ee(v),
-    isPositioned: ee(w),
-    floatingStyles: x,
-    update: C
+  }), ut() && dt($), {
+    x: oe(d),
+    y: oe(h),
+    strategy: oe(f),
+    placement: oe(m),
+    middlewareData: oe(v),
+    isPositioned: oe(x),
+    floatingStyles: w,
+    update: T
   };
 }
-const Jt = "data:image/svg+xml,%3csvg%20width='1324'%20height='1326'%20viewBox='0%200%201324%201326'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='141'%20y='78'%20width='1042'%20height='1170'%20fill='white'/%3e%3cpath%20d='M184.533%201.99984C135.867%207.19984%2089.8666%2029.8665%2056.4%2065.1998C29.6%2093.4665%2012.5333%20126.266%203.73329%20166.4L0.666626%20180V663.333V1146.67L3.73329%201160.27C12.5333%201200.4%2029.6%201233.2%2056.4%201261.47C90.4%201297.33%20135.333%201319.33%20185.6%201324.67C203.333%201326.53%201122.53%201326.4%201139.73%201324.53C1188.53%201319.33%201229.07%201299.73%201264.13%201264.8C1294.27%201234.67%201311.47%201202.67%201320.8%201159.33C1323.2%201148.4%201323.33%201130%201323.33%20663.333C1323.33%20196.667%201323.2%20178.266%201320.8%20167.333C1311.47%20124%201294.27%2091.9998%201264.13%2061.8664C1229.07%2026.9331%201188.53%207.33314%201139.73%202.13314C1124.67%200.399809%20200%200.399842%20184.533%201.99984ZM732.933%20151.466C746.8%20152.933%20763.333%20157.6%20774%20163.067C800.267%20176.267%20822.4%20200.4%20833.2%20227.333C841.867%20249.333%20841.467%20233.467%20841.067%20502C840.533%20777.6%20841.733%20750.267%20829.2%20776.133C822.133%20790.933%20810.667%20806.533%20800.267%20815.2C795.2%20819.6%20793.2%20822.267%20792%20827.067C786.133%20848.267%20768.667%20885.867%20755.2%20906.133C724.533%20952%20681.2%20986.133%20624%201009.33C615.6%201012.8%20608.4%201015.87%20608.133%201016.13C607.867%201016.27%20614.533%201023.33%20622.933%201031.6C633.467%201042.13%20639.333%201049.07%20642.133%201054.4C646.933%201063.87%20645.467%201064%20672.667%201050.8C724.933%201025.47%20762.933%20994.8%20794.933%20952C811.467%20929.867%20829.867%20895.333%20839.333%20868.267C841.333%20862.667%20843.467%20858%20844.133%20858C844.667%20858%20845.6%20859.333%20846.133%20860.933C848.267%20868.133%20863.333%20900.8%20870.133%20913.2C898%20963.867%20931.6%201001.2%20975.333%201030.27C989.867%201040%201017.2%201054.4%201031.6%201059.73L1037.2%201061.87L1041.33%201054.67C1048.4%201042.4%201056.67%201032.27%201067.87%201022.4L1078.67%201012.8L1071.6%201010.27C1067.87%201008.8%201060.53%201006%201055.6%201004.13C1040.93%20998.533%201013.73%20984%201000%20974.267C985.733%20964.133%20960.8%20940.667%20948.933%20926.267C935.067%20909.333%20921.467%20887.467%20910%20864C900.133%20844%20887.2%20812.133%20884.667%20801.6L883.733%20798H971.867H1060V769.333V740.667H963.333H866.533L867.333%20736.267C868.4%20729.867%20870.4%20693.067%20871.467%20662.933C872.267%20639.067%20872.533%20636.4%20874.8%20635.2C878.667%20633.2%20881.333%20626.667%20882.267%20617.333L883.067%20608.667H872.133C864.133%20608.667%20861.067%20608.133%20860.533%20606.8C860%20605.467%20881.2%20466%20886.133%20438.267L886.933%20433.867L977.867%20434.4C1066.67%20434.8%201068.93%20434.8%201079.87%20437.733C1124.8%20449.6%201158.67%20482.533%201172.93%20528L1176.67%20540V808V1076L1172.93%201087.73C1158.53%201133.6%201126.13%201164.93%201078.93%201178.4L1068.67%201181.33L812.667%201181.73C638.8%201182%20552.667%201181.73%20544.4%201180.67C488.667%201174.4%20443.2%201132.13%20432.533%201076.93C431.067%201068.93%20430.667%201046.4%20430.667%20956.667V846.133L340.4%20845.6C252.8%20845.2%20249.6%20845.067%20239.067%20842.267C196.533%20831.067%20164.533%20800.133%20151.067%20757.333L147.333%20745.333V499.333V253.333L150.4%20242C159.067%20209.067%20180.4%20181.866%20210.667%20164.933C221.2%20159.066%20240.4%20152.933%20252.667%20151.6C268.533%20149.733%20716.933%20149.6%20732.933%20151.466Z'%20fill='%233B5695'/%3e%3cpath%20d='M256.533%20213.333C232.933%20218.533%20214.133%20237.067%20209.333%20259.733C208.4%20264.533%20208%20337.2%20208.267%20502L208.667%20737.333L211.733%20744.933C218.533%20761.733%20231.733%20774.533%20248.667%20780.933L256.667%20784L490%20784.4C749.2%20784.8%20734.4%20785.333%20750.133%20776C764.267%20767.6%20775.467%20752.4%20778.667%20737.067C779.6%20732.8%20780%20652.133%20779.733%20494L779.333%20257.333L775.067%20248.267C767.2%20231.6%20756.933%20222%20740.133%20215.467L731.333%20212L498%20211.733C306.8%20211.6%20263.2%20211.867%20256.533%20213.333ZM492%20281.2C546.267%20290.267%20590.267%20311.2%20622.533%20343.333C653.867%20374.667%20671.867%20409.867%20680.267%20456.667C684.133%20478.533%20684.133%20516.267%20680.133%20538.533C665.467%20621.067%20606.933%20684.4%20524%20707.467C490%20716.933%20488.4%20716.933%20392.4%20717.6L305.333%20718.133V498V277.867L391.733%20278.4C465.733%20278.8%20480%20279.2%20492%20281.2Z'%20fill='%233B5695'/%3e%3cpath%20d='M384%20462.933V576.133L345.067%20611.467C306.533%20646.267%20306.133%20646.667%20310.667%20647.067C313.2%20647.333%20348.933%20647.333%20390%20646.933C472.667%20646.267%20477.6%20645.867%20503.6%20637.333C527.6%20629.333%20543.333%20620%20560.267%20603.6C590.133%20574.667%20604.4%20536.267%20602.267%20489.733C600.533%20450.267%20588.267%20420%20564%20395.333C546.8%20377.867%20531.6%20368.4%20506.267%20360C482.933%20352.133%20474.533%20351.2%20427.067%20350.4L384%20349.733V462.933Z'%20fill='%233B5695'/%3e%3c/svg%3e", J = (e, t) => {
+const Jt = "data:image/svg+xml,%3csvg%20width='1324'%20height='1326'%20viewBox='0%200%201324%201326'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='141'%20y='78'%20width='1042'%20height='1170'%20fill='white'/%3e%3cpath%20d='M184.533%201.99984C135.867%207.19984%2089.8666%2029.8665%2056.4%2065.1998C29.6%2093.4665%2012.5333%20126.266%203.73329%20166.4L0.666626%20180V663.333V1146.67L3.73329%201160.27C12.5333%201200.4%2029.6%201233.2%2056.4%201261.47C90.4%201297.33%20135.333%201319.33%20185.6%201324.67C203.333%201326.53%201122.53%201326.4%201139.73%201324.53C1188.53%201319.33%201229.07%201299.73%201264.13%201264.8C1294.27%201234.67%201311.47%201202.67%201320.8%201159.33C1323.2%201148.4%201323.33%201130%201323.33%20663.333C1323.33%20196.667%201323.2%20178.266%201320.8%20167.333C1311.47%20124%201294.27%2091.9998%201264.13%2061.8664C1229.07%2026.9331%201188.53%207.33314%201139.73%202.13314C1124.67%200.399809%20200%200.399842%20184.533%201.99984ZM732.933%20151.466C746.8%20152.933%20763.333%20157.6%20774%20163.067C800.267%20176.267%20822.4%20200.4%20833.2%20227.333C841.867%20249.333%20841.467%20233.467%20841.067%20502C840.533%20777.6%20841.733%20750.267%20829.2%20776.133C822.133%20790.933%20810.667%20806.533%20800.267%20815.2C795.2%20819.6%20793.2%20822.267%20792%20827.067C786.133%20848.267%20768.667%20885.867%20755.2%20906.133C724.533%20952%20681.2%20986.133%20624%201009.33C615.6%201012.8%20608.4%201015.87%20608.133%201016.13C607.867%201016.27%20614.533%201023.33%20622.933%201031.6C633.467%201042.13%20639.333%201049.07%20642.133%201054.4C646.933%201063.87%20645.467%201064%20672.667%201050.8C724.933%201025.47%20762.933%20994.8%20794.933%20952C811.467%20929.867%20829.867%20895.333%20839.333%20868.267C841.333%20862.667%20843.467%20858%20844.133%20858C844.667%20858%20845.6%20859.333%20846.133%20860.933C848.267%20868.133%20863.333%20900.8%20870.133%20913.2C898%20963.867%20931.6%201001.2%20975.333%201030.27C989.867%201040%201017.2%201054.4%201031.6%201059.73L1037.2%201061.87L1041.33%201054.67C1048.4%201042.4%201056.67%201032.27%201067.87%201022.4L1078.67%201012.8L1071.6%201010.27C1067.87%201008.8%201060.53%201006%201055.6%201004.13C1040.93%20998.533%201013.73%20984%201000%20974.267C985.733%20964.133%20960.8%20940.667%20948.933%20926.267C935.067%20909.333%20921.467%20887.467%20910%20864C900.133%20844%20887.2%20812.133%20884.667%20801.6L883.733%20798H971.867H1060V769.333V740.667H963.333H866.533L867.333%20736.267C868.4%20729.867%20870.4%20693.067%20871.467%20662.933C872.267%20639.067%20872.533%20636.4%20874.8%20635.2C878.667%20633.2%20881.333%20626.667%20882.267%20617.333L883.067%20608.667H872.133C864.133%20608.667%20861.067%20608.133%20860.533%20606.8C860%20605.467%20881.2%20466%20886.133%20438.267L886.933%20433.867L977.867%20434.4C1066.67%20434.8%201068.93%20434.8%201079.87%20437.733C1124.8%20449.6%201158.67%20482.533%201172.93%20528L1176.67%20540V808V1076L1172.93%201087.73C1158.53%201133.6%201126.13%201164.93%201078.93%201178.4L1068.67%201181.33L812.667%201181.73C638.8%201182%20552.667%201181.73%20544.4%201180.67C488.667%201174.4%20443.2%201132.13%20432.533%201076.93C431.067%201068.93%20430.667%201046.4%20430.667%20956.667V846.133L340.4%20845.6C252.8%20845.2%20249.6%20845.067%20239.067%20842.267C196.533%20831.067%20164.533%20800.133%20151.067%20757.333L147.333%20745.333V499.333V253.333L150.4%20242C159.067%20209.067%20180.4%20181.866%20210.667%20164.933C221.2%20159.066%20240.4%20152.933%20252.667%20151.6C268.533%20149.733%20716.933%20149.6%20732.933%20151.466Z'%20fill='%233B5695'/%3e%3cpath%20d='M256.533%20213.333C232.933%20218.533%20214.133%20237.067%20209.333%20259.733C208.4%20264.533%20208%20337.2%20208.267%20502L208.667%20737.333L211.733%20744.933C218.533%20761.733%20231.733%20774.533%20248.667%20780.933L256.667%20784L490%20784.4C749.2%20784.8%20734.4%20785.333%20750.133%20776C764.267%20767.6%20775.467%20752.4%20778.667%20737.067C779.6%20732.8%20780%20652.133%20779.733%20494L779.333%20257.333L775.067%20248.267C767.2%20231.6%20756.933%20222%20740.133%20215.467L731.333%20212L498%20211.733C306.8%20211.6%20263.2%20211.867%20256.533%20213.333ZM492%20281.2C546.267%20290.267%20590.267%20311.2%20622.533%20343.333C653.867%20374.667%20671.867%20409.867%20680.267%20456.667C684.133%20478.533%20684.133%20516.267%20680.133%20538.533C665.467%20621.067%20606.933%20684.4%20524%20707.467C490%20716.933%20488.4%20716.933%20392.4%20717.6L305.333%20718.133V498V277.867L391.733%20278.4C465.733%20278.8%20480%20279.2%20492%20281.2Z'%20fill='%233B5695'/%3e%3cpath%20d='M384%20462.933V576.133L345.067%20611.467C306.533%20646.267%20306.133%20646.667%20310.667%20647.067C313.2%20647.333%20348.933%20647.333%20390%20646.933C472.667%20646.267%20477.6%20645.867%20503.6%20637.333C527.6%20629.333%20543.333%20620%20560.267%20603.6C590.133%20574.667%20604.4%20536.267%20602.267%20489.733C600.533%20450.267%20588.267%20420%20564%20395.333C546.8%20377.867%20531.6%20368.4%20506.267%20360C482.933%20352.133%20474.533%20351.2%20427.067%20350.4L384%20349.733V462.933Z'%20fill='%233B5695'/%3e%3c/svg%3e", te = (e, t) => {
   const n = e.__vccOpts || e;
-  for (const [i, o] of t)
-    n[i] = o;
+  for (const [o, i] of t)
+    n[o] = i;
   return n;
 }, Qt = {
   name: "Logo"
@@ -1046,38 +1046,38 @@ const Jt = "data:image/svg+xml,%3csvg%20width='1324'%20height='1326'%20viewBox='
   alt: "DDict Logo",
   class: "w-6 h-6 cursor-pointer"
 };
-function tn(e, t, n, i, o, s) {
-  return p(), b("img", en);
+function tn(e, t, n, o, i, s) {
+  return g(), b("img", en);
 }
-const nn = /* @__PURE__ */ J(Qt, [["render", tn]]), on = {}, sn = {
+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__ */ Ae('<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), rn = [
+}, 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 an(e, t) {
-  return p(), b("svg", sn, rn);
+function rn(e, t) {
+  return g(), b("svg", sn, an);
 }
-const cn = /* @__PURE__ */ J(on, [["render", an]]), dn = { class: "rounded-lg bg-base-100 px-4 py-2 border border-base-300 shadow-lg" }, un = { class: "flex justify-center" }, fn = {
+const cn = /* @__PURE__ */ te(on, [["render", rn]]), un = { class: "rounded-lg bg-base-100 px-4 py-2 border border-base-300 shadow-lg" }, dn = { class: "flex justify-center" }, fn = {
   __name: "Loading",
   setup(e) {
-    return (t, n) => (p(), b("div", dn, [
-      y("div", un, [
-        Z(cn)
+    return (t, n) => (g(), b("div", un, [
+      y("div", dn, [
+        K(cn)
       ])
     ]));
   }
 }, mn = {
   name: "Phonetic",
   props: ["phonetic"]
-}, hn = { class: "p-0 m-0" }, Cn = { class: "text-xs font-md text-base-content/60" };
-function gn(e, t, n, i, o, s) {
-  return p(), b("p", hn, [
-    y("span", Cn, "/" + ce(n.phonetic) + "/", 1)
+}, hn = { class: "p-0 m-0" }, gn = { class: "text-xs font-md text-base-content/60" };
+function Cn(e, t, n, o, i, s) {
+  return g(), b("p", hn, [
+    y("span", gn, "/" + de(n.phonetic) + "/", 1)
   ]);
 }
-const pn = /* @__PURE__ */ J(mn, [["render", gn]]), vn = { class: "flex flex-col gap-2" }, bn = {
+const pn = /* @__PURE__ */ te(mn, [["render", Cn]]), vn = { class: "flex flex-col gap-2" }, bn = {
   __name: "Sentences",
   props: {
     sentences: {
@@ -1086,13 +1086,13 @@ const pn = /* @__PURE__ */ J(mn, [["render", gn]]), vn = { class: "flex flex-col
     }
   },
   setup(e) {
-    const t = e, n = R(() => t.sentences.split(`
+    const t = e, n = _(() => t.sentences.split(`
 `));
-    return (i, o) => (p(), b("div", vn, [
-      (p(!0), b(ue, null, we(n.value, (s, l) => (p(), b("p", {
+    return (o, i) => (g(), b("div", vn, [
+      (g(!0), b(me, null, ye(n.value, (s, l) => (g(), b("p", {
         key: l,
         class: "text-base text-base-content leading-tight p-0 mr-2"
-      }, ce(s), 1))), 128))
+      }, de(s), 1))), 128))
     ]));
   }
 }, wn = { class: "capitalize text-base italic font-normal text-base-content/60" }, xn = { class: "text-base leading-6 text-base-content" }, yn = {
@@ -1101,53 +1101,53 @@ const pn = /* @__PURE__ */ J(mn, [["render", gn]]), vn = { class: "flex flex-col
     dictionary: Array
   },
   setup(e) {
-    return (t, n) => (p(), b("div", null, [
-      (p(!0), b(ue, null, we(e.dictionary, (i, o) => (p(), b("div", {
-        key: o,
+    return (t, n) => (g(), b("div", null, [
+      (g(!0), b(me, null, ye(e.dictionary, (o, i) => (g(), b("div", {
+        key: i,
         class: "mt-2"
       }, [
-        y("p", wn, ce(i.pos), 1),
-        y("span", xn, ce(i.terms.join(", ")), 1)
+        y("p", wn, de(o.pos), 1),
+        y("span", xn, de(o.terms.join(", ")), 1)
       ]))), 128))
     ]));
   }
 }, Ln = { class: "" }, Tn = /* @__PURE__ */ y("p", { class: "capitalize text-base italic font-normal text-base-content/60 mt-2" }, "AI Summary", -1), Sn = {
   key: 0,
   class: "list-none list-outside mt-2"
-}, An = ["innerHTML"], $n = {
+}, En = ["innerHTML"], An = {
   __name: "Explanation",
   props: {
     explanation: Object
   },
   setup(e) {
     return (t, n) => {
-      var i, o;
-      return p(), b("div", Ln, [
+      var o, i;
+      return g(), b("div", Ln, [
         Tn,
-        (i = e.explanation) != null && i.result ? (p(), b("ul", Sn, [
-          (p(!0), b(ue, null, we(((o = e.explanation) == null ? void 0 : o.result.split(`
-`)) || [], (s, l) => (p(), b("li", {
+        (o = e.explanation) != null && o.result ? (g(), b("ul", Sn, [
+          (g(!0), b(me, null, ye(((i = e.explanation) == null ? void 0 : i.result.split(`
+`)) || [], (s, l) => (g(), b("li", {
             key: `${s}-${l}`,
             innerHTML: s,
             class: "text-base text-base-content"
-          }, null, 8, An))), 128))
-        ])) : M("", !0)
+          }, null, 8, En))), 128))
+        ])) : N("", !0)
       ]);
     };
   }
-}, En = ["disabled"], kn = /* @__PURE__ */ y("path", {
+}, $n = ["disabled"], kn = /* @__PURE__ */ y("path", {
   d: "M2.33325 4.66667H3.51125C3.82693 4.6667 4.13239 4.55473 4.37325 4.35067L6.83392 2.26667C6.99592 2.12953 7.19374 2.04156 7.40407 2.01312C7.61441 1.98468 7.82849 2.01696 8.02109 2.10615C8.21369 2.19534 8.37678 2.33772 8.49114 2.51652C8.60551 2.69532 8.66638 2.90309 8.66659 3.11534V12.8847C8.66649 13.097 8.60565 13.305 8.49125 13.4839C8.37685 13.6628 8.21367 13.8053 8.02094 13.8945C7.82822 13.9837 7.614 14.0159 7.40356 13.9874C7.19312 13.9588 6.99523 13.8707 6.83325 13.7333L4.37325 11.6487C4.13229 11.4449 3.82685 11.3331 3.51125 11.3333H2.33325C2.06804 11.3333 1.81368 11.228 1.62615 11.0404C1.43861 10.8529 1.33325 10.5986 1.33325 10.3333V5.66667C1.33325 5.40145 1.43861 5.1471 1.62615 4.95956C1.81368 4.77203 2.06804 4.66667 2.33325 4.66667ZM11.1779 11.18C11.5969 10.763 11.9294 10.2674 12.1562 9.72156C12.3831 9.17572 12.4999 8.59044 12.4999 7.99934C12.4999 7.40823 12.3831 6.82295 12.1562 6.27711C11.9294 5.73127 11.5969 5.23564 11.1779 4.81867C11.1317 4.77098 11.0765 4.73297 11.0155 4.70686C10.9544 4.68075 10.8888 4.66705 10.8224 4.66657C10.756 4.66609 10.6902 4.67883 10.6288 4.70406C10.5674 4.72929 10.5116 4.76649 10.4647 4.8135C10.4179 4.86051 10.3808 4.91639 10.3558 4.97787C10.3307 5.03935 10.3181 5.10521 10.3188 5.17159C10.3195 5.23798 10.3334 5.30357 10.3597 5.36453C10.3859 5.42549 10.4241 5.48061 10.4719 5.52667C10.7977 5.85079 11.0562 6.23609 11.2326 6.66043C11.409 7.08477 11.4998 7.53979 11.4998 7.99934C11.4998 8.45888 11.409 8.9139 11.2326 9.33824C11.0562 9.76258 10.7977 10.1479 10.4719 10.472C10.4241 10.5181 10.3859 10.5732 10.3597 10.6341C10.3334 10.6951 10.3195 10.7607 10.3188 10.8271C10.3181 10.8935 10.3307 10.9593 10.3558 11.0208C10.3808 11.0823 10.4179 11.1382 10.4647 11.1852C10.5116 11.2322 10.5674 11.2694 10.6288 11.2946C10.6902 11.3198 10.756 11.3326 10.8224 11.3321C10.8888 11.3316 10.9544 11.3179 11.0155 11.2918C11.0765 11.2657 11.1317 11.2277 11.1779 11.18ZM12.7113 13.2127C12.6123 13.2126 12.5157 13.1832 12.4335 13.1281C12.3513 13.0731 12.2873 12.9949 12.2495 12.9035C12.2118 12.8121 12.202 12.7115 12.2214 12.6146C12.2408 12.5176 12.2886 12.4285 12.3586 12.3587C12.9317 11.7866 13.3865 11.1071 13.6967 10.359C14.0069 9.61101 14.1666 8.80915 14.1666 7.99934C14.1666 7.18952 14.0069 6.38766 13.6967 5.63963C13.3865 4.8916 12.9317 4.2121 12.3586 3.64C12.3122 3.59351 12.2754 3.53834 12.2503 3.47764C12.2252 3.41693 12.2124 3.35188 12.2124 3.2862C12.2125 3.22052 12.2255 3.15549 12.2507 3.09483C12.2759 3.03417 12.3128 2.97907 12.3593 2.93267C12.4057 2.88627 12.4609 2.84948 12.5216 2.8244C12.5823 2.79932 12.6474 2.78645 12.7131 2.78651C12.7787 2.78657 12.8438 2.79957 12.9044 2.82476C12.9651 2.84995 13.0202 2.88685 13.0666 2.93334C13.7327 3.59825 14.2612 4.38801 14.6218 5.25741C14.9824 6.12681 15.168 7.05879 15.168 8C15.168 8.94122 14.9824 9.87319 14.6218 10.7426C14.2612 11.612 13.7327 12.4018 13.0666 13.0667C13.02 13.1134 12.9646 13.1504 12.9036 13.1756C12.8426 13.2007 12.7772 13.2129 12.7113 13.2127Z",
   fill: "currentColor"
 }, null, -1), Rn = [
   kn
-], In = ["disabled"], Bn = /* @__PURE__ */ y("path", {
+], Mn = ["disabled"], Bn = /* @__PURE__ */ y("path", {
   "fill-rule": "evenodd",
   d: "M4.5 7.5a3 3 0 0 1 3-3h9a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3v-9Z",
   "clip-rule": "evenodd",
   fill: "currentColor"
-}, null, -1), Mn = [
+}, null, -1), In = [
   Bn
-], Fn = {
+], On = {
   __name: "Player",
   props: {
     tts: {
@@ -1161,93 +1161,93 @@ const pn = /* @__PURE__ */ J(mn, [["render", gn]]), vn = { class: "flex flex-col
   },
   emits: ["loadTTS"],
   setup(e, { emit: t }) {
-    const n = e, i = t, o = R(() => n.tts), s = B(!1), l = new Audio(), a = new (window.AudioContext || window.webkitAudioContext)();
-    let r = null;
-    te(
-      o,
+    const n = e, o = t, i = _(() => n.tts), s = R(!1), l = new Audio(), r = new (window.AudioContext || window.webkitAudioContext)();
+    let a = null;
+    se(
+      i,
       () => {
-        if (!o.value) {
+        if (!i.value) {
           s.value = !1;
           return;
         }
-        d();
+        u();
       },
       { immediate: !0 }
-    ), $e(() => {
-      g(), l.src = "", a.close();
+    ), Me(() => {
+      h(), l.src = "", r.close();
     });
     function c() {
-      if (o.value) {
-        d();
+      if (i.value) {
+        u();
         return;
       }
-      s.value = !0, i("loadTTS");
+      s.value = !0, o("loadTTS");
     }
-    async function d() {
-      if (o.value) {
+    async function u() {
+      if (i.value) {
         s.value = !0;
         try {
-          l.src = o.value, l.playbackRate = 0.7, await l.play(), l.onended = () => {
+          l.src = i.value, l.playbackRate = 0.7, await l.play(), l.onended = () => {
             s.value = !1;
           };
         } catch {
-          await u();
+          await d();
         }
       }
     }
-    async function u() {
+    async function d() {
       try {
-        const h = await (await fetch(o.value)).arrayBuffer(), v = await a.decodeAudioData(h);
-        r = a.createBufferSource(), r.buffer = v, r.playbackRate.value = 0.7, r.connect(a.destination), r.start(), r.onended = () => {
-          s.value = !1, r = null;
+        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 {
         s.value = !1;
       }
     }
-    function g() {
-      r && (r.stop(), r.disconnect(), r = null), l.pause(), l.currentTime = 0, s.value = !1;
+    function h() {
+      a && (a.stop(), a.disconnect(), a = null), l.pause(), l.currentTime = 0, s.value = !1;
     }
-    return (f, h) => s.value ? (p(), b("button", {
+    return (f, m) => s.value ? (g(), b("button", {
       key: 1,
-      class: A(["btn btn-xs btn-circle", [
+      class: k(["btn btn-xs btn-circle", [
         { "btn-ghost": !e.disabled },
         { "!bg-transparent !border-none !shadow-none !ring-0": e.disabled }
       ]]),
       disabled: e.disabled,
-      onClick: g
+      onClick: h
     }, [
-      (p(), b("svg", {
-        class: A(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
+      (g(), b("svg", {
+        class: k(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
         viewBox: "0 0 24 24",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
-      }, Mn, 2))
-    ], 10, In)) : (p(), b("button", {
+      }, In, 2))
+    ], 10, Mn)) : (g(), b("button", {
       key: 0,
-      class: A(["btn btn-xs btn-circle", [
+      class: k(["btn btn-xs btn-circle", [
         { "btn-ghost": !e.disabled },
         { "!bg-transparent !border-none !shadow-none !ring-0": e.disabled }
       ]]),
       disabled: e.disabled,
       onClick: c
     }, [
-      (p(), b("svg", {
-        class: A(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
+      (g(), b("svg", {
+        class: k(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
         viewBox: "0 0 16 16",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, Rn, 2))
-    ], 10, En));
+    ], 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"
-}, _n = ["disabled"], Dn = /* @__PURE__ */ y("path", {
+}, Dn = ["disabled"], _n = /* @__PURE__ */ y("path", {
   d: "M14.9491 5.89315C14.8278 5.53128 14.5111 5.27252 14.1226 5.21783L10.5264 4.7114L8.91813 1.55315C8.74435 1.21195 8.39257 1 7.99998 1C7.60739 1 7.25557 1.21195 7.08183 1.55315L5.47358 4.7114L1.8774 5.21783C1.48888 5.27252 1.17219 5.53128 1.05086 5.89315C0.929554 6.25501 1.02881 6.64477 1.30993 6.91038L3.91217 9.36871L3.29786 12.8399C3.2315 13.215 3.38755 13.5868 3.7052 13.8105C3.88128 13.9344 4.08938 14 4.30704 14C4.47232 14 4.63705 13.9606 4.78341 13.886L7.99995 12.2471L11.2165 13.886C11.3628 13.9606 11.5276 14 11.6929 14C11.9106 14 12.1187 13.9345 12.2948 13.8105C12.6124 13.5868 12.7685 13.215 12.7021 12.84L12.0878 9.36871L14.6901 6.91035C14.9712 6.64477 15.0704 6.25498 14.9491 5.89315ZM14.0266 6.25082L11.2455 8.87813C11.1335 8.98392 11.0824 9.13637 11.1089 9.28575L11.7654 12.9956C11.7701 13.0226 11.759 13.0493 11.7362 13.0653C11.7202 13.0766 11.7038 13.079 11.6929 13.079C11.6809 13.079 11.6694 13.0762 11.6587 13.0708L8.22108 11.3192C8.15189 11.284 8.07593 11.2663 7.99998 11.2663C7.92402 11.2663 7.84807 11.284 7.77882 11.3193L4.34118 13.0708C4.33052 13.0763 4.31904 13.079 4.30701 13.079C4.29611 13.079 4.27969 13.0767 4.26373 13.0654C4.24092 13.0494 4.22975 13.0226 4.2345 12.9957L4.89104 9.28584C4.91747 9.13646 4.86637 8.98401 4.75439 8.87822L1.97327 6.25091C1.95308 6.23184 1.94595 6.20383 1.95466 6.17786C1.9634 6.15185 1.98612 6.13326 2.01405 6.12933L5.85743 5.58807C6.0122 5.56626 6.14599 5.47208 6.21521 5.33616L7.93404 1.9608C7.94653 1.9363 7.97178 1.92107 7.99998 1.92107C8.02818 1.92107 8.05343 1.9363 8.06591 1.9608L9.78468 5.33607C9.85391 5.47199 9.9877 5.5662 10.1425 5.58799L13.9859 6.12924C14.0138 6.1332 14.0365 6.15176 14.0452 6.17777C14.0539 6.20374 14.0468 6.23175 14.0266 6.25082Z",
   fill: "currentColor"
 }, null, -1), Vn = [
-  Dn
+  _n
 ], Nn = /* @__PURE__ */ y("path", {
   d: "M7.47207 1.31905C7.57125 1.12371 7.77589 1 8.00001 1C8.22413 1 8.42877 1.12367 8.52795 1.31905L10.3721 4.95175L14.4959 5.53427C14.7177 5.5656 14.9019 5.7166 14.9712 5.9238C15.0404 6.13101 14.9827 6.35843 14.8222 6.51049L11.8382 9.33816L12.5427 13.3309C12.5806 13.5456 12.4897 13.7626 12.3084 13.8906C12.1272 14.0187 11.8868 14.0356 11.6884 13.9342L8.00004 12.0491L4.31158 13.9343C4.11323 14.0356 3.87286 14.0187 3.69157 13.8907C3.51028 13.7627 3.4195 13.5457 3.45736 13.3309L4.1618 9.33819L1.17781 6.51052C1.01735 6.35846 0.959571 6.13101 1.02884 5.92383C1.09807 5.71663 1.28232 5.56563 1.50409 5.53431L5.62787 4.95178L7.47207 1.31905Z",
   fill: "currentColor"
@@ -1260,59 +1260,59 @@ const pn = /* @__PURE__ */ J(mn, [["render", gn]]), vn = { class: "flex flex-col
     disabled: Boolean
   },
   setup(e) {
-    return (t, n) => (p(), b("div", On, [
+    return (t, n) => (g(), b("div", Fn, [
       y("button", {
-        class: A(["btn btn-xs btn-circle", [
+        class: k(["btn btn-xs btn-circle", [
           { "btn-ghost": !e.disabled },
           { "!bg-transparent !border-none !shadow-none !ring-0": e.disabled }
         ]]),
         disabled: e.disabled
       }, [
-        e.isFilled ? (p(), b("svg", {
+        e.isFilled ? (g(), b("svg", {
           key: 1,
-          class: A(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
+          class: k(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
           viewBox: "0 0 16 16",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
-        }, Pn, 2)) : (p(), b("svg", {
+        }, Pn, 2)) : (g(), b("svg", {
           key: 0,
-          class: A(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
+          class: k(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
           viewBox: "0 0 16 16",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
         }, Vn, 2))
-      ], 10, _n)
+      ], 10, Dn)
     ]));
   }
 }, Wn = {}, zn = {
   class: "w-6 h-6 text-primary",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
-}, Zn = /* @__PURE__ */ Ae('<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) {
-  return p(), b("svg", zn, Un);
+  return g(), b("svg", zn, Un);
 }
-const rt = /* @__PURE__ */ J(Wn, [["render", jn]]), Kn = {
+const at = /* @__PURE__ */ te(Wn, [["render", jn]]), Kn = {
   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": "AI Translate"
-}, Gn = ["disabled"], Xn = /* @__PURE__ */ y("path", {
+}, Xn = ["disabled"], Yn = /* @__PURE__ */ y("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"
-}, null, -1), qn = /* @__PURE__ */ y("path", {
+}, null, -1), Gn = /* @__PURE__ */ y("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"
-}, null, -1), Yn = /* @__PURE__ */ y("path", {
+}, null, -1), qn = /* @__PURE__ */ y("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"
 }, null, -1), Jn = [
-  Xn,
-  qn,
-  Yn
-], Qn = /* @__PURE__ */ Ae('<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), e1 = [
+  Yn,
+  Gn,
+  qn
+], 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
-], t1 = {
+], to = {
   __name: "AITranslateBtn",
   props: {
     isLoading: Boolean,
@@ -1320,58 +1320,58 @@ const rt = /* @__PURE__ */ J(Wn, [["render", jn]]), Kn = {
     isFilled: Boolean
   },
   setup(e) {
-    return (t, n) => (p(), b("div", Kn, [
-      e.isLoading ? (p(), I(rt, {
+    return (t, n) => (g(), b("div", Kn, [
+      e.isLoading ? (g(), V(at, {
         key: 0,
         class: "inset-0 flex items-center justify-center"
-      })) : (p(), b("button", {
+      })) : (g(), b("button", {
         key: 1,
-        class: A(["btn btn-xs btn-circle", [
+        class: k(["btn btn-xs btn-circle", [
           { "btn-ghost": !e.disabled },
           { "!bg-transparent !border-none !shadow-none !ring-0": e.disabled }
         ]]),
         disabled: e.disabled
       }, [
-        e.isFilled ? (p(), b("svg", {
+        e.isFilled ? (g(), b("svg", {
           key: 1,
-          class: A(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
+          class: k(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
           viewBox: "0 0 12 12",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
-        }, e1, 2)) : (p(), b("svg", {
+        }, eo, 2)) : (g(), b("svg", {
           key: 0,
-          class: A(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
+          class: k(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
           viewBox: "0 0 12 12",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
         }, Jn, 2))
-      ], 10, Gn))
+      ], 10, Xn))
     ]));
   }
-}, n1 = {
+}, no = {
   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": "AI Summarize"
-}, i1 = ["disabled"], o1 = /* @__PURE__ */ y("path", {
+}, oo = ["disabled"], io = /* @__PURE__ */ y("path", {
   stroke: "currentColor",
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "stroke-width": "2",
   d: "M21 12h1m-3.5-6.5 1-1M12 3V2M5.5 5.5l-1-1M3 12H2m8 10h4m3-10a5 5 0 1 0-7 4.584V19h4v-2.416A5.001 5.001 0 0 0 17 12z"
-}, null, -1), s1 = [
-  o1
-], l1 = /* @__PURE__ */ y("path", {
+}, null, -1), so = [
+  io
+], lo = /* @__PURE__ */ y("path", {
   fill: "currentColor",
   d: "M12 7a5 5 0 0 0-2 9.584V19h4v-2.416A5.001 5.001 0 0 0 12 7z"
-}, null, -1), r1 = /* @__PURE__ */ y("path", {
+}, null, -1), ao = /* @__PURE__ */ y("path", {
   stroke: "currentColor",
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "stroke-width": "2",
   d: "M21 12h1m-3.5-6.5 1-1M12 3V2M5.5 5.5l-1-1M3 12H2m8 10h4m3-10a5 5 0 1 0-7 4.584V19h4v-2.416A5.001 5.001 0 0 0 17 12z"
-}, null, -1), a1 = [
-  l1,
-  r1
-], c1 = {
+}, null, -1), ro = [
+  lo,
+  ao
+], co = {
   __name: "AIExplainBtn",
   props: {
     isLoading: Boolean,
@@ -1379,32 +1379,32 @@ const rt = /* @__PURE__ */ J(Wn, [["render", jn]]), Kn = {
     isFilled: Boolean
   },
   setup(e) {
-    return (t, n) => (p(), b("div", n1, [
-      e.isLoading ? (p(), I(rt, { key: 0 })) : (p(), b("button", {
+    return (t, n) => (g(), b("div", no, [
+      e.isLoading ? (g(), V(at, { key: 0 })) : (g(), b("button", {
         key: 1,
-        class: A(["btn btn-xs btn-circle", [
+        class: k(["btn btn-xs btn-circle", [
           { "btn-ghost": !e.disabled },
           { "!bg-transparent !border-none !shadow-none !ring-0": e.disabled }
         ]]),
         disabled: e.disabled
       }, [
-        e.isFilled ? (p(), b("svg", {
+        e.isFilled ? (g(), b("svg", {
           key: 1,
-          class: A(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
+          class: k(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
           viewBox: "0 0 24 24",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
-        }, a1, 2)) : (p(), b("svg", {
+        }, ro, 2)) : (g(), b("svg", {
           key: 0,
-          class: A(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
+          class: k(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
           viewBox: "0 0 24 24",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
-        }, s1, 2))
-      ], 10, i1))
+        }, so, 2))
+      ], 10, oo))
     ]));
   }
-}, d1 = {}, u1 = { class: "btn btn-xs btn-ghost btn-circle" }, f1 = /* @__PURE__ */ y("svg", {
+}, uo = {}, fo = { class: "btn btn-xs btn-ghost btn-circle" }, mo = /* @__PURE__ */ y("svg", {
   class: "w-4 h-4 text-primary",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -1418,13 +1418,13 @@ const rt = /* @__PURE__ */ J(Wn, [["render", jn]]), Kn = {
     d: "M7.75 12C7.75 9.65278 9.65279 7.75 12 7.75C14.3472 7.75 16.25 9.65278 16.25 12C16.25 14.3472 14.3472 16.25 12 16.25C9.65279 16.25 7.75 14.3472 7.75 12ZM12 9.25C10.4812 9.25 9.25 10.4812 9.25 12C9.25 13.5188 10.4812 14.75 12 14.75C13.5188 14.75 14.75 13.5188 14.75 12C14.75 10.4812 13.5188 9.25 12 9.25Z",
     fill: "currentColor"
   })
-], -1), m1 = [
-  f1
+], -1), ho = [
+  mo
 ];
-function h1(e, t) {
-  return p(), b("button", u1, m1);
+function go(e, t) {
+  return g(), b("button", fo, ho);
 }
-const C1 = /* @__PURE__ */ J(d1, [["render", h1]]), g1 = {}, p1 = { class: "btn btn-xs btn-circle btn-ghost" }, v1 = /* @__PURE__ */ y("svg", {
+const Co = /* @__PURE__ */ te(uo, [["render", go]]), po = {}, vo = { class: "btn btn-xs btn-circle btn-ghost" }, bo = /* @__PURE__ */ y("svg", {
   class: "w-4 h-4 text-primary",
   viewBox: "0 0 16 16",
   fill: "none",
@@ -1442,13 +1442,13 @@ const C1 = /* @__PURE__ */ J(d1, [["render", h1]]), g1 = {}, p1 = { class: "btn
     d: "M12.809 3.19102C13.0637 3.44571 13.0637 3.85864 12.809 4.11333L4.11333 12.809C3.85864 13.0637 3.44571 13.0637 3.19102 12.809C2.93633 12.5543 2.93633 12.1414 3.19102 11.8867L11.8867 3.19102C12.1414 2.93633 12.5543 2.93633 12.809 3.19102Z",
     fill: "currentColor"
   })
-], -1), b1 = [
-  v1
+], -1), wo = [
+  bo
 ];
-function w1(e, t) {
-  return p(), b("button", p1, b1);
+function xo(e, t) {
+  return g(), b("button", vo, wo);
 }
-const x1 = /* @__PURE__ */ J(g1, [["render", w1]]), y1 = {
+const yo = /* @__PURE__ */ te(po, [["render", xo]]), Lo = {
   name: "ThemeSelector",
   props: {
     currentTheme: {
@@ -1477,9 +1477,15 @@ const x1 = /* @__PURE__ */ J(g1, [["render", w1]]), y1 = {
   methods: {
     handleThemeChange(e) {
       this.$emit("themeChange", e);
+    },
+    handleLabelClick(e) {
+      e.stopPropagation(), this.$nextTick(() => {
+        const t = this.$el.querySelector('[role="button"]');
+        t && t.blur();
+      });
     }
   }
-}, L1 = { class: "dropdown dropdown-end z-50" }, T1 = /* @__PURE__ */ y("div", {
+}, To = { class: "dropdown dropdown-end z-50" }, So = /* @__PURE__ */ y("div", {
   tabindex: "0",
   role: "button",
   class: "btn btn-ghost btn-circle btn-xs"
@@ -1491,15 +1497,15 @@ const x1 = /* @__PURE__ */ J(g1, [["render", w1]]), y1 = {
   }, [
     /* @__PURE__ */ y("path", { d: "M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" })
   ])
-], -1), S1 = {
+], -1), Eo = {
   tabindex: "0",
   class: "dropdown-content menu p-2 shadow bg-base-100 rounded-box w-52 max-h-96 overflow-y-auto z-50 border border-base-300"
-}, A1 = ["id", "value", "checked", "onChange"], $1 = ["for"], E1 = { class: "flex items-center gap-2" };
-function k1(e, t, n, i, o, s) {
-  return p(), b("div", L1, [
-    T1,
-    y("ul", S1, [
-      (p(!0), b(ue, null, we(o.availableThemes, (l) => (p(), b("li", {
+}, Ao = ["id", "value", "checked", "onChange"], $o = ["for"], ko = { class: "flex items-center gap-2" };
+function Ro(e, t, n, o, i, s) {
+  return g(), b("div", To, [
+    So,
+    y("ul", Eo, [
+      (g(!0), b(me, null, ye(i.availableThemes, (l) => (g(), b("li", {
         key: l.value
       }, [
         y("input", {
@@ -1507,26 +1513,27 @@ function k1(e, t, n, i, o, s) {
           id: `theme-${l.value}`,
           value: l.value,
           checked: n.currentTheme === l.value,
-          onChange: (a) => s.handleThemeChange(l.value),
+          onChange: (r) => s.handleThemeChange(l.value),
           class: "theme-controller sr-only"
-        }, null, 40, A1),
+        }, null, 40, Ao),
         y("label", {
           for: `theme-${l.value}`,
-          class: A(["cursor-pointer rounded-lg px-2 py-1 hover:bg-base-200", { "bg-primary text-primary-content": n.currentTheme === l.value }])
+          class: k(["cursor-pointer rounded-lg px-2 py-1 hover:bg-base-200", { "bg-primary text-primary-content": n.currentTheme === l.value }]),
+          onClick: t[0] || (t[0] = (...r) => s.handleLabelClick && s.handleLabelClick(...r))
         }, [
-          y("span", E1, [
+          y("span", ko, [
             y("span", {
               class: "w-3 h-3 rounded-full",
-              style: Xe({ backgroundColor: l.color })
+              style: $e({ backgroundColor: l.color })
             }, null, 4),
-            ft(" " + ce(l.name), 1)
+            ft(" " + de(l.name), 1)
           ])
-        ], 10, $1)
+        ], 10, $o)
       ]))), 128))
     ])
   ]);
 }
-const R1 = /* @__PURE__ */ J(y1, [["render", k1]]), I1 = { class: "flex flex-col" }, B1 = { class: "flex p-2 pt-2 pb-1 flex-row justify-between" }, M1 = { class: "flex justify-start items-center" }, F1 = { class: "flex items-center gap-1" }, O1 = /* @__PURE__ */ y("div", { class: "w-5" }, null, -1), _1 = { 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,
@@ -1558,69 +1565,69 @@ const R1 = /* @__PURE__ */ J(y1, [["render", k1]]), I1 = { class: "flex flex-col
     "themeChange"
   ],
   setup(e, { emit: t }) {
-    const n = e, i = t;
-    return (o, s) => (p(), b("div", I1, [
-      y("div", B1, [
-        y("div", M1, [
-          e.isServiceUnavailable ? M("", !0) : (p(), I(Fn, {
+    const n = e, o = t;
+    return (i, s) => (g(), b("div", Bo, [
+      y("div", Io, [
+        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) => o.$emit("loadTTS"))
+            onLoadTTS: s[0] || (s[0] = (l) => i.$emit("loadTTS"))
           }, null, 8, ["disabled", "tts"]))
         ]),
-        y("div", F1, [
-          O1,
-          !e.isServiceUnavailable && e.isAITranslateVisible ? (p(), I(t1, {
+        y("div", Fo, [
+          Do,
+          !e.isServiceUnavailable && e.isAITranslateVisible ? (g(), V(to, {
             key: 0,
             isLoading: e.isAITranslationLoading,
             isFilled: e.isAITranslate,
-            onClick: s[1] || (s[1] = (l) => i("aiTranslate"))
-          }, null, 8, ["isLoading", "isFilled"])) : M("", !0),
-          !e.isServiceUnavailable && e.isAIExplainVisible ? (p(), I(c1, {
+            onClick: s[1] || (s[1] = (l) => o("aiTranslate"))
+          }, null, 8, ["isLoading", "isFilled"])) : N("", !0),
+          !e.isServiceUnavailable && e.isAIExplainVisible ? (g(), V(co, {
             key: 1,
             isLoading: e.isAIExplainLoading,
             isFilled: e.isAIExplain,
-            onClick: s[2] || (s[2] = (l) => i("aiExplain"))
-          }, null, 8, ["isLoading", "isFilled"])) : M("", !0),
-          !e.isServiceUnavailable && n.isFavoriteFeatureEnabled ? (p(), I(Hn, {
+            onClick: s[2] || (s[2] = (l) => o("aiExplain"))
+          }, null, 8, ["isLoading", "isFilled"])) : N("", !0),
+          !e.isServiceUnavailable && n.isFavoriteFeatureEnabled ? (g(), V(Hn, {
             key: 2,
             isFilled: n.isFavorite,
-            onClick: s[3] || (s[3] = (l) => i("favorite")),
+            onClick: s[3] || (s[3] = (l) => o("favorite")),
             disabled: e.isAITranslationLoading || e.isAIExplainLoading
-          }, null, 8, ["isFilled", "disabled"])) : M("", !0)
+          }, null, 8, ["isFilled", "disabled"])) : N("", !0)
         ]),
-        y("div", _1, [
-          e.showThemeSelector ? (p(), I(R1, {
+        y("div", _o, [
+          e.showThemeSelector ? (g(), V(Mo, {
             key: 0,
             "current-theme": e.theme,
-            onThemeChange: s[4] || (s[4] = (l) => i("themeChange", l))
-          }, null, 8, ["current-theme"])) : M("", !0),
-          Z(C1, {
-            onClick: s[5] || (s[5] = (l) => i("setting"))
+            onThemeChange: s[4] || (s[4] = (l) => o("themeChange", l))
+          }, null, 8, ["current-theme"])) : N("", !0),
+          K(Co, {
+            onClick: s[5] || (s[5] = (l) => o("setting"))
           }),
-          Z(x1, {
-            onClick: s[6] || (s[6] = (l) => i("close"))
+          K(yo, {
+            onClick: s[6] || (s[6] = (l) => o("close"))
           })
         ])
       ])
     ]));
   }
-}, ae = {
+}, ue = {
   LOGO: "LOGO",
   LOADING: "LOADING",
   DATA: "DATA",
   ERROR: "ERROR",
   HIDDEN: "HIDDEN"
-}, Ue = 500, D1 = ["ar", "fa", "iw", "yi", "ur", "pa"], V1 = {
+}, je = 500, Vo = ["ar", "fa", "iw", "yi", "ur", "pa"], No = {
   key: 0,
   class: "flex justify-center"
-}, N1 = {
+}, Po = {
   key: 1,
   class: "flex justify-center"
-}, P1 = {
-  class: /* @__PURE__ */ A(["bg-base-100 rounded-md relative z-10"])
-}, H1 = { class: "p-3 border-t border-base-300" }, W1 = {
+}, Ho = {
+  class: /* @__PURE__ */ k(["bg-base-100 rounded-md relative z-10"])
+}, Wo = { class: "p-3 border-t border-base-300" }, zo = {
   name: "Bubble",
   props: [
     "translation",
@@ -1665,9 +1672,9 @@ const R1 = /* @__PURE__ */ J(y1, [["render", k1]]), I1 = { class: "flex flex-col
   watch: {
     translation: {
       handler() {
-        var e, t, n, i;
+        var e, t, n, o;
         try {
-          this.data = this.translation, this.isLongSentence = !((t = (e = this.data) == null ? void 0 : e.phonetic) != null && t.src || ((i = (n = this.data) == null ? void 0 : n.dictionary) == null ? void 0 : i.length) > 0), this.isServiceUnavailable = !1;
+          this.data = this.translation, this.isLongSentence = !((t = (e = this.data) == null ? void 0 : e.phonetic) != null && t.src || ((o = (n = this.data) == null ? void 0 : n.dictionary) == null ? void 0 : o.length) > 0), this.isServiceUnavailable = !1;
         } catch {
           this.isServiceUnavailable = !0;
         } finally {
@@ -1683,22 +1690,22 @@ const R1 = /* @__PURE__ */ J(y1, [["render", k1]]), I1 = { class: "flex flex-col
       immediate: !0
     },
     status() {
-      this.status === ae.ERROR && (this.isServiceUnavailable = !0);
+      this.status === ue.ERROR && (this.isServiceUnavailable = !0);
     }
   }
-}, z1 = /* @__PURE__ */ Object.assign(W1, {
+}, Zo = /* @__PURE__ */ Object.assign(zo, {
   setup(e) {
     return (t, n) => {
-      var i, o, s, l, a, r, c, d, u, g, f;
-      return e.status === ge(ae).LOGO ? (p(), b("div", V1, [
-        Z(nn, {
-          onClick: n[0] || (n[0] = (h) => t.$emit("logo"))
+      var o, i, s, l, r, a, c, u, d, h, f;
+      return e.status === ve(ue).LOGO ? (g(), b("div", No, [
+        K(nn, {
+          onClick: n[0] || (n[0] = (m) => t.$emit("logo"))
         })
-      ])) : e.status === ge(ae).LOADING ? (p(), b("div", N1, [
-        Z(fn)
-      ])) : e.status !== ge(ae).HIDDEN ? (p(), b("div", {
+      ])) : e.status === ve(ue).LOADING ? (g(), b("div", Po, [
+        K(fn)
+      ])) : e.status !== ve(ue).HIDDEN ? (g(), b("div", {
         key: 2,
-        class: A([
+        class: k([
           "wrapper rounded-lg text-base-content text-sm shadow-lg relative bg-[length:300%_300%] bg-[position:0%_50%]",
           {
             "p-0.5 bg-gradient-to-br from-primary via-secondary via-accent to-info animate-moveGradient": e.isAITranslate || e.isAIExplain,
@@ -1706,24 +1713,24 @@ const R1 = /* @__PURE__ */ J(y1, [["render", k1]]), I1 = { class: "flex flex-col
           }
         ])
       }, [
-        y("div", P1, [
-          t.isServiceUnavailable ? (p(), I(Ze, {
+        y("div", Ho, [
+          t.isServiceUnavailable ? (g(), V(Ue, {
             key: 0,
             isServiceUnavailable: t.isServiceUnavailable,
             isLongSentence: !1,
             theme: e.theme,
             showThemeSelector: e.showThemeSelector,
-            onFavorite: n[1] || (n[1] = (h) => t.$emit("favorite")),
-            onSetting: n[2] || (n[2] = (h) => t.$emit("settings")),
-            onClose: n[3] || (n[3] = (h) => t.$emit("close")),
-            onLoadTTS: n[4] || (n[4] = (h) => t.$emit("loadTTS")),
-            onThemeChange: n[5] || (n[5] = (h) => t.$emit("themeChange", h))
-          }, null, 8, ["isServiceUnavailable", "theme", "showThemeSelector"])) : (p(), I(Ze, {
+            onFavorite: n[1] || (n[1] = (m) => t.$emit("favorite")),
+            onSetting: n[2] || (n[2] = (m) => t.$emit("settings")),
+            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(Ue, {
             key: 1,
             tts: e.tts,
             isFavorite: e.isFavorite,
             isAITranslate: e.isAITranslate,
-            isAITranslateVisible: ((o = (i = t.data) == null ? void 0 : i.dictionary) == null ? void 0 : o.length) === 0,
+            isAITranslateVisible: ((i = (o = t.data) == null ? void 0 : o.dictionary) == null ? void 0 : i.length) === 0,
             isAIExplain: e.isAIExplain,
             isAIExplainVisible: ((l = (s = t.data) == null ? void 0 : s.text) == null ? void 0 : l.length) >= e.aiExplainMinLength,
             isAITranslationLoading: t.isAITranslationLoading,
@@ -1732,44 +1739,44 @@ const R1 = /* @__PURE__ */ J(y1, [["render", k1]]), I1 = { class: "flex flex-col
             isLongSentence: t.isLongSentence,
             theme: e.theme,
             showThemeSelector: e.showThemeSelector,
-            onFavorite: n[6] || (n[6] = (h) => t.$emit("favorite")),
-            onSetting: n[7] || (n[7] = (h) => t.$emit("settings")),
-            onClose: n[8] || (n[8] = (h) => t.$emit("close")),
-            onLoadTTS: n[9] || (n[9] = (h) => t.$emit("loadTTS")),
+            onFavorite: n[6] || (n[6] = (m) => t.$emit("favorite")),
+            onSetting: n[7] || (n[7] = (m) => t.$emit("settings")),
+            onClose: n[8] || (n[8] = (m) => t.$emit("close")),
+            onLoadTTS: n[9] || (n[9] = (m) => t.$emit("loadTTS")),
             onAiTranslate: t.handleAITranslate,
             onAiExplain: t.handleAIExplain,
-            onThemeChange: n[10] || (n[10] = (h) => t.$emit("themeChange", h))
+            onThemeChange: n[10] || (n[10] = (m) => t.$emit("themeChange", m))
           }, null, 8, ["tts", "isFavorite", "isAITranslate", "isAITranslateVisible", "isAIExplain", "isAIExplainVisible", "isAITranslationLoading", "isAIExplainLoading", "isFavoriteFeatureEnabled", "isLongSentence", "theme", "showThemeSelector", "onAiTranslate", "onAiExplain"])),
-          y("div", H1, [
-            (r = (a = t.data) == null ? void 0 : a.phonetic) != null && r.src ? (p(), I(pn, {
+          y("div", Wo, [
+            (a = (r = t.data) == null ? void 0 : r.phonetic) != null && a.src ? (g(), V(pn, {
               key: 0,
-              phonetic: (d = (c = t.data) == null ? void 0 : c.phonetic) == null ? void 0 : d.src
-            }, null, 8, ["phonetic"])) : M("", !0),
-            Z(bn, {
-              sentences: t.isServiceUnavailable ? "Service Unavailable" : (u = t.data) == null ? void 0 : u.result
+              phonetic: (u = (c = t.data) == null ? void 0 : c.phonetic) == null ? void 0 : u.src
+            }, null, 8, ["phonetic"])) : N("", !0),
+            K(bn, {
+              sentences: t.isServiceUnavailable ? "Service Unavailable" : (d = t.data) == null ? void 0 : d.result
             }, null, 8, ["sentences"])
           ]),
-          !t.isServiceUnavailable && ((f = (g = t.data) == null ? void 0 : g.dictionary) == null ? void 0 : f.length) > 0 ? (p(), I(yn, {
+          !t.isServiceUnavailable && ((f = (h = t.data) == null ? void 0 : h.dictionary) == null ? void 0 : f.length) > 0 ? (g(), V(yn, {
             key: 2,
             class: "p-3 pt-0 border-t border-base-300",
             dictionary: t.data.dictionary
-          }, null, 8, ["dictionary"])) : M("", !0),
-          !t.isServiceUnavailable && e.isAIExplain && e.explanation ? (p(), I($n, {
+          }, null, 8, ["dictionary"])) : N("", !0),
+          !t.isServiceUnavailable && e.isAIExplain && e.explanation ? (g(), V(An, {
             key: 3,
             class: "p-3 pt-0 border-t border-base-300",
             explanation: e.explanation
-          }, null, 8, ["explanation"])) : M("", !0)
+          }, null, 8, ["explanation"])) : N("", !0)
         ])
-      ], 2)) : M("", !0);
+      ], 2)) : N("", !0);
     };
   }
 });
-function Z1(e) {
+function Uo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Te = { exports: {} }, je;
-function U1() {
-  return je || (je = 1, function(e) {
+var Ae = { exports: {} }, Ke;
+function jo() {
+  return Ke || (Ke = 1, function(e) {
     (function() {
       var t = [
         "direction",
@@ -1808,62 +1815,62 @@ function U1() {
         "wordSpacing",
         "tabSize",
         "MozTabSize"
-      ], n = typeof window < "u", i = n && window.mozInnerScreenX != null;
-      function o(s, l, a) {
+      ], n = typeof window < "u", o = n && window.mozInnerScreenX != null;
+      function i(s, l, r) {
         if (!n)
           throw new Error("textarea-caret-position#getCaretCoordinates should only be called in a browser");
-        var r = a && a.debug || !1;
-        if (r) {
+        var a = r && r.debug || !1;
+        if (a) {
           var c = document.querySelector("#input-textarea-caret-position-mirror-div");
           c && c.parentNode.removeChild(c);
         }
-        var d = document.createElement("div");
-        d.id = "input-textarea-caret-position-mirror-div", document.body.appendChild(d);
-        var u = d.style, g = window.getComputedStyle ? window.getComputedStyle(s) : s.currentStyle, f = s.nodeName === "INPUT";
-        u.whiteSpace = "pre-wrap", f || (u.wordWrap = "break-word"), u.position = "absolute", r || (u.visibility = "hidden"), t.forEach(function(w) {
-          f && w === "lineHeight" ? u.lineHeight = g.height : u[w] = g[w];
-        }), i ? s.scrollHeight > parseInt(g.height) && (u.overflowY = "scroll") : u.overflow = "hidden", d.textContent = s.value.substring(0, l), f && (d.textContent = d.textContent.replace(/\s/g, " "));
-        var h = document.createElement("span");
-        h.textContent = s.value.substring(l) || ".", d.appendChild(h);
+        var u = document.createElement("div");
+        u.id = "input-textarea-caret-position-mirror-div", document.body.appendChild(u);
+        var d = u.style, h = window.getComputedStyle ? window.getComputedStyle(s) : s.currentStyle, f = s.nodeName === "INPUT";
+        d.whiteSpace = "pre-wrap", f || (d.wordWrap = "break-word"), d.position = "absolute", a || (d.visibility = "hidden"), t.forEach(function(x) {
+          f && x === "lineHeight" ? d.lineHeight = h.height : d[x] = h[x];
+        }), 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 v = {
-          top: h.offsetTop + parseInt(g.borderTopWidth),
-          left: h.offsetLeft + parseInt(g.borderLeftWidth),
-          height: parseInt(g.lineHeight)
+          top: m.offsetTop + parseInt(h.borderTopWidth),
+          left: m.offsetLeft + parseInt(h.borderLeftWidth),
+          height: parseInt(h.lineHeight)
         };
-        return r ? h.style.backgroundColor = "#aaa" : document.body.removeChild(d), v;
+        return a ? m.style.backgroundColor = "#aaa" : document.body.removeChild(u), v;
       }
-      e.exports = o;
+      e.exports = i;
     })();
-  }(Te)), Te.exports;
+  }(Ae)), Ae.exports;
 }
-var j1 = U1();
-const Ke = /* @__PURE__ */ Z1(j1);
-function re(e) {
+var Ko = jo();
+const Xe = /* @__PURE__ */ Uo(Ko);
+function ie(e) {
   const t = window.getSelection();
   let n = t + "";
   if (n = n.trim(), e && e.type === "password" || !n.length && (!(e && e.selectionEnd) || (n = e.value.substring(e.selectionStart, e.selectionEnd), n = n.trim(), !n.length)))
     return !1;
-  let o = t.getRangeAt(0).getBoundingClientRect(), { top: s, bottom: l, left: a, width: r, height: c } = o;
-  if (!l && !a) {
+  let i = t.getRangeAt(0).getBoundingClientRect(), { top: s, bottom: l, left: r, width: a, height: c } = i;
+  if (!l && !r) {
     if (!e.selectionEnd)
       return !1;
-    let d = Ke(e, e.selectionStart), u = Ke(e, e.selectionEnd);
-    o = e.getBoundingClientRect(), a = o.left + d.left, r = u.left - d.left, d.top != u.top && (a = o.left, r = o.width), s = o.top + d.top, l = o.top + u.top + 20;
+    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), {
     text: n,
     // position
-    x: a,
+    x: r,
     y: s,
     top: s,
     bottom: l,
-    left: a,
-    right: a + r,
-    width: r,
+    left: r,
+    right: r + a,
+    width: a,
     height: c
   };
 }
-function K1() {
+function Xo() {
   const e = document.getElementsByTagName("ddict-div");
   for (let t of e)
     if (!t.parentNode.matches('wrapper[dir="rtl"]')) {
@@ -1871,54 +1878,54 @@ function K1() {
       n.setAttribute("dir", "rtl"), t.parentNode.insertBefore(n, t), n.appendChild(t);
     }
 }
-function G1() {
+function Yo() {
   const e = document.querySelectorAll('wrapper[dir="rtl"]');
   for (let t of e) {
     const n = t.querySelector("ddict-div");
     n && (t.parentNode.insertBefore(n, t), t.remove());
   }
 }
-const Ge = {
-  supportRTL: K1,
-  removeRTL: G1
-}, X1 = {
+const Ye = {
+  supportRTL: Xo,
+  removeRTL: Yo
+}, Go = {
   __name: "HotKeysListener",
   props: {
     textSelected: String
   },
   emits: ["toggleKey", "close"],
   setup(e, { emit: t }) {
-    const n = e, i = t, o = () => {
+    const n = e, o = t, i = () => {
       setTimeout(() => {
-        n.textSelected && a("DoubleClick");
+        n.textSelected && r("DoubleClick");
       }, 50);
-    }, s = (r) => {
-      (r.altKey && r.key.toLowerCase() === "w" || r.key === "∑") && n.textSelected && (a("Alt+W"), r.preventDefault()), r.key === "Escape" && (a("Escape"), r.preventDefault());
-    }, l = (r) => {
-      r.key === "Shift" && n.textSelected && a("Shift");
-    }, a = (r) => {
-      switch (r) {
+    }, s = (a) => {
+      (a.altKey && a.key.toLowerCase() === "w" || a.key === "∑") && n.textSelected && (r("Alt+W"), a.preventDefault()), a.key === "Escape" && (r("Escape"), a.preventDefault());
+    }, l = (a) => {
+      a.key === "Shift" && n.textSelected && r("Shift");
+    }, r = (a) => {
+      switch (a) {
         case "DoubleClick":
-          i("toggleKey", "DoubleClick");
+          o("toggleKey", "DoubleClick");
           break;
         case "Shift":
-          i("toggleKey", "Shift");
+          o("toggleKey", "Shift");
           break;
         case "Alt+W":
-          i("toggleKey", "Alt+W");
+          o("toggleKey", "Alt+W");
           break;
         case "Escape":
-          i("close");
+          o("close");
           break;
       }
     };
-    return qe(() => {
-      window.addEventListener("dblclick", o), window.addEventListener("keydown", s), window.addEventListener("keyup", l);
-    }), $e(() => {
-      window.removeEventListener("dblclick", o), window.removeEventListener("keydown", s), window.removeEventListener("keyup", l);
-    }), (r, c) => (p(), b("div"));
+    return Ge(() => {
+      window.addEventListener("dblclick", i), window.addEventListener("keydown", s), window.addEventListener("keyup", l);
+    }), Me(() => {
+      window.removeEventListener("dblclick", i), window.removeEventListener("keydown", s), window.removeEventListener("keyup", l);
+    }), (a, c) => (g(), b("div"));
   }
-}, q1 = ["data-theme"], J1 = {
+}, qo = ["data-theme"], Qo = {
   __name: "BubbleWrapper",
   props: {
     translation: Object,
@@ -1958,126 +1965,181 @@ const Ge = {
     "themeChange"
   ],
   setup(e, { emit: t }) {
-    const n = e, i = t, o = B(null), s = B(null), l = B(!1), a = B(""), r = B(n.theme), c = R(() => typeof window > "u" || !s.value || !a.value ? null : {
-      getBoundingClientRect: () => re(s.value),
-      getClientRects: () => re(s.value)
-    }), { floatingStyles: d, update: u } = Yt(c, o, {
+    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: v } = qt(f, i, {
       placement: "bottom",
       middleware: [
         Ut(4),
         Kt(),
         jt(),
-        Gt({
-          apply({ rects: m, elements: C }) {
-            let L = m.reference.width > 250 ? m.reference.width / n.scale : 250;
-            L > Ue && (L = Ue), Object.assign(C.floating.style, {
-              maxWidth: L + "px",
+        Xt({
+          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(m, C, L) {
-        return Zt(m, C, L, {
+      whileElementsMounted(C, p, A) {
+        return Zt(C, p, A, {
           ancestorScroll: !0
         });
       }
-    }), g = R(() => {
-      const m = d.value;
-      if (n.scale === 1) return m;
-      const C = m.transform || "";
-      return {
-        ...m,
-        transform: `${C} scale(${n.scale})`
-      };
+    }), x = _(() => {
+      let C = m.value;
+      if (d.value)
+        C = {
+          ...C,
+          position: "fixed",
+          left: `${d.value.x}px`,
+          top: `${d.value.y}px`,
+          transform: "none"
+        };
+      else if (h.value && s.value && r.value) {
+        const p = ie(s.value);
+        p && (C = {
+          ...C,
+          position: "fixed",
+          left: `${p.x}px`,
+          top: `${p.y + p.height + 4}px`,
+          transform: "none"
+        });
+      }
+      return C;
     });
-    qe(() => {
-      document.addEventListener("keyup", (m) => {
-        if (!re(m.target)) {
-          a.value = "", v();
+    Ge(() => {
+      document.addEventListener("keyup", (C) => {
+        if (!ie(C.target)) {
+          r.value = "", T();
           return;
         }
-      }), document.documentElement.onclick = (m) => {
-        const C = re(m.target);
-        if (!C) {
-          a.value = "", v();
+      }), document.documentElement.onclick = (C) => {
+        const p = ie(C.target);
+        if (!p) {
+          r.value = "", T();
           return;
         }
-        f(C, m);
-      }, document.documentElement.ontouchend = (m) => {
-        const C = re(m.target);
-        if (!C) {
-          a.value = "", v();
+        w(p, C);
+      }, document.documentElement.ontouchend = (C) => {
+        const p = ie(C.target);
+        if (!p) {
+          r.value = "", T();
           return;
         }
-        f(C, m);
+        w(p, C);
       };
-    }), $e(() => {
-      document.documentElement.onclick = null, document.documentElement.ontouchend = null;
+    }), 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 f = (m, C) => {
-      n.status !== ae.LOGO && i("close"), s.value = C.target, a.value = m.text, l.value = !0, _e(u);
-    }, h = (m) => {
-      m.stopPropagation();
-    }, v = async () => {
-      l.value = !1, i("close");
-    }, w = (m) => {
-      r.value = m, i("themeChange", m);
-    }, x = () => {
-      var C;
-      const m = (C = n == null ? void 0 : n.translation) == null ? void 0 : C.target;
-      D1.includes(m) ? Ge.supportRTL() : Ge.removeRTL();
+    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);
+    }, E = (C) => {
+      if (C.target.closest('button, input, select, textarea, [role="button"]')) return;
+      c.value = !0;
+      const p = i.value.getBoundingClientRect();
+      u.value = {
+        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 p = C.touches[0], A = i.value.getBoundingClientRect();
+      u.value = {
+        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 = {
+        x: C.clientX - u.value.x,
+        y: C.clientY - u.value.y
+      });
+    }, I = (C) => {
+      if (!c.value) return;
+      const p = C.touches[0];
+      d.value = {
+        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 p;
+      const C = (p = n == null ? void 0 : n.translation) == null ? void 0 : p.target;
+      Vo.includes(C) ? Ye.supportRTL() : Ye.removeRTL();
     };
-    return te(
+    return se(
       () => n.status,
       () => {
-        l.value && _e(u), x();
+        l.value && _e(v), q();
       }
-    ), te(
+    ), se(
       () => n.theme,
-      (m) => {
-        r.value = m;
+      (C) => {
+        a.value = C;
       }
-    ), (m, C) => (p(), b(ue, null, [
-      l.value ? (p(), b("div", {
+    ), (C, p) => (g(), b(me, null, [
+      l.value ? (g(), b("div", {
         key: 0,
         ref_key: "floatingEl",
-        ref: o,
-        class: "rounded-lg",
-        style: Xe(g.value),
-        "data-theme": r.value,
-        onClick: h
+        ref: i,
+        style: $e(x.value),
+        onClick: L,
+        onMousedown: E,
+        onTouchstart: M
       }, [
-        Z(z1, {
-          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: r.value,
-          showThemeSelector: n.showThemeSelector,
-          onLogo: C[0] || (C[0] = (L) => i("logo")),
-          onFavorite: C[1] || (C[1] = (L) => i("favorite")),
-          onSettings: C[2] || (C[2] = (L) => i("settings")),
-          onClose: v,
-          onLoadTTS: C[3] || (C[3] = (L) => i("loadTTS")),
-          onAiTranslate: C[4] || (C[4] = (L) => i("aiTranslate")),
-          onAiExplain: C[5] || (C[5] = (L) => i("aiExplain")),
-          onThemeChange: w
-        }, null, 8, ["translation", "explanation", "tts", "status", "isFavorite", "isFavoriteFeatureEnabled", "isAITranslate", "isAIExplain", "aiExplainMinLength", "theme", "showThemeSelector"])
-      ], 12, q1)) : M("", !0),
-      Z(X1, {
-        textSelected: a.value,
-        onToggleKey: C[6] || (C[6] = (L) => i("toggleKey", L)),
-        onClose: v
+        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: p[6] || (p[6] = (A) => o("toggleKey", A)),
+        onClose: T
       }, null, 8, ["textSelected"])
     ], 64));
   }
 };
 export {
-  J1 as default
+  Qo as default
 };