@ddict/bubble 1.3.8 → 1.3.9

package/dist/bubble.es.js

@@ -1,54 +1,54 @@
-import { computed as R, ref as k, shallowRef as Nt, watch as ee, getCurrentScope as Ht, onScopeDispose as Ut, shallowReadonly as ce, unref as ve, createElementBlock as v, openBlock as p, createStaticVNode as Xe, createElementVNode as C, createVNode as O, toDisplayString as ie, Fragment as G, renderList as me, createCommentVNode as M, normalizeClass as $, createTextVNode as be, onUnmounted as qe, createBlock as z, normalizeStyle as Ze, withModifiers as Zt, onMounted as gt, nextTick as it } from "vue";
-const $e = Math.min, te = Math.max, ke = Math.round, Se = Math.floor, Y = (e) => ({
+import { computed as I, ref as R, shallowRef as Zt, watch as te, getCurrentScope as jt, onScopeDispose as qt, shallowReadonly as ce, unref as Ce, createElementBlock as v, openBlock as p, createStaticVNode as Ye, createElementVNode as C, createVNode as O, toDisplayString as ie, Fragment as J, renderList as me, createCommentVNode as M, normalizeClass as k, createTextVNode as we, onUnmounted as Ke, createBlock as W, normalizeStyle as qe, withModifiers as Xt, onMounted as bt, nextTick as rt } from "vue";
+const ke = Math.min, ne = Math.max, Re = Math.round, Ee = Math.floor, K = (e) => ({
   x: e,
   y: e
-}), jt = {
+}), Yt = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Xt = {
+}, Kt = {
   start: "end",
   end: "start"
 };
-function ot(e, t, n) {
-  return te(e, $e(t, n));
+function st(e, t, n) {
+  return ne(e, ke(t, n));
 }
-function Be(e, t) {
+function Me(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
 function oe(e) {
   return e.split("-")[0];
 }
-function Me(e) {
+function Oe(e) {
   return e.split("-")[1];
 }
-function vt(e) {
+function Ct(e) {
   return e === "x" ? "y" : "x";
 }
-function bt(e) {
+function wt(e) {
   return e === "y" ? "height" : "width";
 }
 function de(e) {
   return ["top", "bottom"].includes(oe(e)) ? "y" : "x";
 }
-function Ct(e) {
-  return vt(de(e));
+function yt(e) {
+  return Ct(de(e));
 }
-function qt(e, t, n) {
+function Gt(e, t, n) {
   n === void 0 && (n = !1);
-  const i = Me(e), o = Ct(e), s = bt(o);
+  const i = Oe(e), o = yt(e), s = wt(o);
   let r = o === "x" ? i === (n ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
-  return t.reference[s] > t.floating[s] && (r = Re(r)), [r, Re(r)];
+  return t.reference[s] > t.floating[s] && (r = Ie(r)), [r, Ie(r)];
 }
-function Yt(e) {
-  const t = Re(e);
-  return [je(e), t, je(t)];
+function Jt(e) {
+  const t = Ie(e);
+  return [Xe(e), t, Xe(t)];
 }
-function je(e) {
-  return e.replace(/start|end/g, (t) => Xt[t]);
+function Xe(e) {
+  return e.replace(/start|end/g, (t) => Kt[t]);
 }
-function Kt(e, t, n) {
+function Qt(e, t, n) {
   const i = ["left", "right"], o = ["right", "left"], s = ["top", "bottom"], r = ["bottom", "top"];
   switch (e) {
     case "top":
@@ -61,15 +61,15 @@ function Kt(e, t, n) {
       return [];
   }
 }
-function Gt(e, t, n, i) {
-  const o = Me(e);
-  let s = Kt(oe(e), n === "start", i);
-  return o && (s = s.map((r) => r + "-" + o), t && (s = s.concat(s.map(je)))), s;
+function en(e, t, n, i) {
+  const o = Oe(e);
+  let s = Qt(oe(e), n === "start", i);
+  return o && (s = s.map((r) => r + "-" + o), t && (s = s.concat(s.map(Xe)))), s;
 }
-function Re(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => jt[t]);
+function Ie(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => Yt[t]);
 }
-function Jt(e) {
+function tn(e) {
   return {
     top: 0,
     right: 0,
@@ -78,15 +78,15 @@ function Jt(e) {
     ...e
   };
 }
-function Qt(e) {
-  return typeof e != "number" ? Jt(e) : {
+function nn(e) {
+  return typeof e != "number" ? tn(e) : {
     top: e,
     right: e,
     bottom: e,
     left: e
   };
 }
-function Ie(e) {
+function Be(e) {
   const {
     x: t,
     y: n,
@@ -104,12 +104,12 @@ function Ie(e) {
     y: n
   };
 }
-function rt(e, t, n) {
+function lt(e, t, n) {
   let {
     reference: i,
     floating: o
   } = e;
-  const s = de(t), r = Ct(t), a = bt(r), l = oe(t), c = s === "y", d = i.x + i.width / 2 - o.width / 2, h = i.y + i.height / 2 - o.height / 2, g = i[a] / 2 - o[a] / 2;
+  const s = de(t), r = yt(t), a = wt(r), l = oe(t), c = s === "y", d = i.x + i.width / 2 - o.width / 2, h = i.y + i.height / 2 - o.height / 2, g = i[a] / 2 - o[a] / 2;
   let f;
   switch (l) {
     case "top":
@@ -142,7 +142,7 @@ function rt(e, t, n) {
         y: i.y
       };
   }
-  switch (Me(t)) {
+  switch (Oe(t)) {
     case "start":
       f[r] -= g * (n && c ? -1 : 1);
       break;
@@ -152,7 +152,7 @@ function rt(e, t, n) {
   }
   return f;
 }
-const en = async (e, t, n) => {
+const on = async (e, t, n) => {
   const {
     placement: i = "bottom",
     strategy: o = "absolute",
@@ -166,16 +166,16 @@ const en = async (e, t, n) => {
   }), {
     x: d,
     y: h
-  } = rt(c, i, l), g = i, f = {}, m = 0;
+  } = lt(c, i, l), g = i, f = {}, m = 0;
   for (let w = 0; w < a.length; w++) {
     const {
       name: y,
       fn: L
     } = a[w], {
       x,
-      y: T,
+      y: S,
       data: A,
-      reset: S
+      reset: T
     } = await L({
       x: d,
       y: h,
@@ -190,20 +190,20 @@ const en = async (e, t, n) => {
         floating: t
       }
     });
-    d = x ?? d, h = T ?? h, f = {
+    d = x ?? d, h = S ?? h, f = {
       ...f,
       [y]: {
         ...f[y],
         ...A
       }
-    }, S && m <= 50 && (m++, typeof S == "object" && (S.placement && (g = S.placement), S.rects && (c = S.rects === !0 ? await r.getElementRects({
+    }, T && m <= 50 && (m++, typeof T == "object" && (T.placement && (g = T.placement), T.rects && (c = T.rects === !0 ? await r.getElementRects({
       reference: e,
       floating: t,
       strategy: o
-    }) : S.rects), {
+    }) : T.rects), {
       x: d,
       y: h
-    } = rt(c, g, l)), w = -1);
+    } = lt(c, g, l)), w = -1);
   }
   return {
     x: d,
@@ -213,7 +213,7 @@ const en = async (e, t, n) => {
     middlewareData: f
   };
 };
-async function wt(e, t) {
+async function xt(e, t) {
   var n;
   t === void 0 && (t = {});
   const {
@@ -229,7 +229,7 @@ async function wt(e, t) {
     elementContext: h = "floating",
     altBoundary: g = !1,
     padding: f = 0
-  } = Be(t, e), m = Qt(f), y = a[g ? h === "floating" ? "reference" : "floating" : h], L = Ie(await s.getClippingRect({
+  } = Me(t, e), m = nn(f), y = a[g ? h === "floating" ? "reference" : "floating" : h], L = Be(await s.getClippingRect({
     element: (n = await (s.isElement == null ? void 0 : s.isElement(y))) == null || n ? y : y.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(a.floating)),
     boundary: c,
     rootBoundary: d,
@@ -239,26 +239,26 @@ async function wt(e, t) {
     y: o,
     width: r.floating.width,
     height: r.floating.height
-  } : r.reference, T = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(a.floating)), A = await (s.isElement == null ? void 0 : s.isElement(T)) ? await (s.getScale == null ? void 0 : s.getScale(T)) || {
+  } : r.reference, S = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(a.floating)), A = await (s.isElement == null ? void 0 : s.isElement(S)) ? await (s.getScale == null ? void 0 : s.getScale(S)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, S = Ie(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, T = Be(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: a,
     rect: x,
-    offsetParent: T,
+    offsetParent: S,
     strategy: l
   }) : x);
   return {
-    top: (L.top - S.top + m.top) / A.y,
-    bottom: (S.bottom - L.bottom + m.bottom) / A.y,
-    left: (L.left - S.left + m.left) / A.x,
-    right: (S.right - L.right + m.right) / A.x
+    top: (L.top - T.top + m.top) / A.y,
+    bottom: (T.bottom - L.bottom + m.bottom) / A.y,
+    left: (L.left - T.left + m.left) / A.x,
+    right: (T.right - L.right + m.right) / A.x
   };
 }
-const tn = function(e) {
+const rn = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -279,58 +279,58 @@ const tn = function(e) {
         fallbackAxisSideDirection: m = "none",
         flipAlignment: w = !0,
         ...y
-      } = Be(e, t);
+      } = Me(e, t);
       if ((n = s.arrow) != null && n.alignmentOffset)
         return {};
-      const L = oe(o), x = de(a), T = oe(a) === a, A = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), S = g || (T || !w ? [Re(a)] : Yt(a)), B = m !== "none";
-      !g && B && S.push(...Gt(a, w, m, A));
-      const E = [a, ...S], D = await wt(t, y), Z = [];
-      let J = ((i = s.flip) == null ? void 0 : i.overflows) || [];
-      if (d && Z.push(D[L]), h) {
-        const j = qt(o, r, A);
-        Z.push(D[j[0]], D[j[1]]);
+      const L = oe(o), x = de(a), S = oe(a) === a, A = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), T = g || (S || !w ? [Ie(a)] : Jt(a)), B = m !== "none";
+      !g && B && T.push(...en(a, w, m, A));
+      const E = [a, ...T], F = await xt(t, y), U = [];
+      let Q = ((i = s.flip) == null ? void 0 : i.overflows) || [];
+      if (d && U.push(F[L]), h) {
+        const Z = Gt(o, r, A);
+        U.push(F[Z[0]], F[Z[1]]);
       }
-      if (J = [...J, {
+      if (Q = [...Q, {
         placement: o,
-        overflows: Z
-      }], !Z.every((j) => j <= 0)) {
+        overflows: U
+      }], !U.every((Z) => Z <= 0)) {
         var he, pe;
-        const j = (((he = s.flip) == null ? void 0 : he.index) || 0) + 1, ye = E[j];
-        if (ye)
+        const Z = (((he = s.flip) == null ? void 0 : he.index) || 0) + 1, Le = E[Z];
+        if (Le)
           return {
             data: {
-              index: j,
-              overflows: J
+              index: Z,
+              overflows: Q
             },
             reset: {
-              placement: ye
+              placement: Le
             }
           };
-        let q = (pe = J.filter((N) => N.overflows[0] <= 0).sort((N, W) => N.overflows[1] - W.overflows[1])[0]) == null ? void 0 : pe.placement;
-        if (!q)
+        let j = (pe = Q.filter((q) => q.overflows[0] <= 0).sort((q, _) => q.overflows[1] - _.overflows[1])[0]) == null ? void 0 : pe.placement;
+        if (!j)
           switch (f) {
             case "bestFit": {
               var V;
-              const N = (V = J.filter((W) => {
+              const q = (V = Q.filter((_) => {
                 if (B) {
-                  const _ = de(W.placement);
-                  return _ === x || // Create a bias to the `y` side axis due to horizontal
+                  const z = de(_.placement);
+                  return z === x || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  _ === "y";
+                  z === "y";
                 }
                 return !0;
-              }).map((W) => [W.placement, W.overflows.filter((_) => _ > 0).reduce((_, Fe) => _ + Fe, 0)]).sort((W, _) => W[1] - _[1])[0]) == null ? void 0 : V[0];
-              N && (q = N);
+              }).map((_) => [_.placement, _.overflows.filter((z) => z > 0).reduce((z, ge) => z + ge, 0)]).sort((_, z) => _[1] - z[1])[0]) == null ? void 0 : V[0];
+              q && (j = q);
               break;
             }
             case "initialPlacement":
-              q = a;
+              j = a;
               break;
           }
-        if (o !== q)
+        if (o !== j)
           return {
             reset: {
-              placement: q
+              placement: j
             }
           };
       }
@@ -338,12 +338,12 @@ const tn = function(e) {
     }
   };
 };
-async function nn(e, t) {
+async function sn(e, t) {
   const {
     placement: n,
     platform: i,
     elements: o
-  } = e, s = await (i.isRTL == null ? void 0 : i.isRTL(o.floating)), r = oe(n), a = Me(n), l = de(n) === "y", c = ["left", "top"].includes(r) ? -1 : 1, d = s && l ? -1 : 1, h = Be(t, e);
+  } = e, s = await (i.isRTL == null ? void 0 : i.isRTL(o.floating)), r = oe(n), a = Oe(n), l = de(n) === "y", c = ["left", "top"].includes(r) ? -1 : 1, d = s && l ? -1 : 1, h = Me(t, e);
   let {
     mainAxis: g,
     crossAxis: f,
@@ -366,7 +366,7 @@ async function nn(e, t) {
     y: f * d
   };
 }
-const on = function(e) {
+const ln = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -377,7 +377,7 @@ const on = function(e) {
         y: s,
         placement: r,
         middlewareData: a
-      } = t, l = await nn(t, e);
+      } = t, l = await sn(t, e);
       return r === ((n = a.offset) == null ? void 0 : n.placement) && (i = a.arrow) != null && i.alignmentOffset ? {} : {
         x: o + l.x,
         y: s + l.y,
@@ -388,7 +388,7 @@ const on = function(e) {
       };
     }
   };
-}, rn = function(e) {
+}, an = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -413,18 +413,18 @@ const on = function(e) {
           }
         },
         ...l
-      } = Be(e, t), c = {
+      } = Me(e, t), c = {
         x: n,
         y: i
-      }, d = await wt(t, l), h = de(oe(o)), g = vt(h);
+      }, d = await xt(t, l), h = de(oe(o)), g = Ct(h);
       let f = c[g], m = c[h];
       if (s) {
-        const y = g === "y" ? "top" : "left", L = g === "y" ? "bottom" : "right", x = f + d[y], T = f - d[L];
-        f = ot(x, f, T);
+        const y = g === "y" ? "top" : "left", L = g === "y" ? "bottom" : "right", x = f + d[y], S = f - d[L];
+        f = st(x, f, S);
       }
       if (r) {
-        const y = h === "y" ? "top" : "left", L = h === "y" ? "bottom" : "right", x = m + d[y], T = m - d[L];
-        m = ot(x, m, T);
+        const y = h === "y" ? "top" : "left", L = h === "y" ? "bottom" : "right", x = m + d[y], S = m - d[L];
+        m = st(x, m, S);
       }
       const w = a.fn({
         ...t,
@@ -442,29 +442,29 @@ const on = function(e) {
   };
 };
 function se(e) {
-  return Ye(e) ? (e.nodeName || "").toLowerCase() : "#document";
+  return Ge(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function F(e) {
+function D(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
-function X(e) {
+function Y(e) {
   var t;
-  return (t = (Ye(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+  return (t = (Ge(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
-function Ye(e) {
-  return e instanceof Node || e instanceof F(e).Node;
+function Ge(e) {
+  return e instanceof Node || e instanceof D(e).Node;
 }
-function H(e) {
-  return e instanceof Element || e instanceof F(e).Element;
+function N(e) {
+  return e instanceof Element || e instanceof D(e).Element;
 }
-function U(e) {
-  return e instanceof HTMLElement || e instanceof F(e).HTMLElement;
+function H(e) {
+  return e instanceof HTMLElement || e instanceof D(e).HTMLElement;
 }
-function st(e) {
-  return typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof F(e).ShadowRoot;
+function at(e) {
+  return typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof D(e).ShadowRoot;
 }
-function we(e) {
+function xe(e) {
   const {
     overflow: t,
     overflowX: n,
@@ -473,10 +473,10 @@ function we(e) {
   } = P(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + i + n) && !["inline", "contents"].includes(o);
 }
-function sn(e) {
+function cn(e) {
   return ["table", "td", "th"].includes(se(e));
 }
-function Oe(e) {
+function Fe(e) {
   return [":popover-open", ":modal"].some((t) => {
     try {
       return e.matches(t);
@@ -485,32 +485,32 @@ function Oe(e) {
     }
   });
 }
-function Ke(e) {
-  const t = Ge(), n = P(e);
+function Je(e) {
+  const t = Qe(), 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((i) => (n.willChange || "").includes(i)) || ["paint", "layout", "strict", "content"].some((i) => (n.contain || "").includes(i));
 }
-function ln(e) {
-  let t = K(e);
-  for (; U(t) && !fe(t); ) {
-    if (Oe(t))
+function un(e) {
+  let t = G(e);
+  for (; H(t) && !fe(t); ) {
+    if (Fe(t))
       return null;
-    if (Ke(t))
+    if (Je(t))
       return t;
-    t = K(t);
+    t = G(t);
   }
   return null;
 }
-function Ge() {
+function Qe() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 function fe(e) {
   return ["html", "body", "#document"].includes(se(e));
 }
 function P(e) {
-  return F(e).getComputedStyle(e);
+  return D(e).getComputedStyle(e);
 }
 function De(e) {
-  return H(e) ? {
+  return N(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   } : {
@@ -518,105 +518,105 @@ function De(e) {
     scrollTop: e.scrollY
   };
 }
-function K(e) {
+function G(e) {
   if (se(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.
-    st(e) && e.host || // Fallback.
-    X(e)
+    at(e) && e.host || // Fallback.
+    Y(e)
   );
-  return st(t) ? t.host : t;
+  return at(t) ? t.host : t;
 }
-function yt(e) {
-  const t = K(e);
-  return fe(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : U(t) && we(t) ? t : yt(t);
+function Lt(e) {
+  const t = G(e);
+  return fe(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : H(t) && xe(t) ? t : Lt(t);
 }
-function Ce(e, t, n) {
+function ye(e, t, n) {
   var i;
   t === void 0 && (t = []), n === void 0 && (n = !0);
-  const o = yt(e), s = o === ((i = e.ownerDocument) == null ? void 0 : i.body), r = F(o);
-  return s ? t.concat(r, r.visualViewport || [], we(o) ? o : [], r.frameElement && n ? Ce(r.frameElement) : []) : t.concat(o, Ce(o, [], n));
+  const o = Lt(e), s = o === ((i = e.ownerDocument) == null ? void 0 : i.body), r = D(o);
+  return s ? t.concat(r, r.visualViewport || [], xe(o) ? o : [], r.frameElement && n ? ye(r.frameElement) : []) : t.concat(o, ye(o, [], n));
 }
-function xt(e) {
+function St(e) {
   const t = P(e);
   let n = parseFloat(t.width) || 0, i = parseFloat(t.height) || 0;
-  const o = U(e), s = o ? e.offsetWidth : n, r = o ? e.offsetHeight : i, a = ke(n) !== s || ke(i) !== r;
+  const o = H(e), s = o ? e.offsetWidth : n, r = o ? e.offsetHeight : i, a = Re(n) !== s || Re(i) !== r;
   return a && (n = s, i = r), {
     width: n,
     height: i,
     $: a
   };
 }
-function Je(e) {
-  return H(e) ? e : e.contextElement;
+function et(e) {
+  return N(e) ? e : e.contextElement;
 }
 function ue(e) {
-  const t = Je(e);
-  if (!U(t))
-    return Y(1);
+  const t = et(e);
+  if (!H(t))
+    return K(1);
   const n = t.getBoundingClientRect(), {
     width: i,
     height: o,
     $: s
-  } = xt(t);
-  let r = (s ? ke(n.width) : n.width) / i, a = (s ? ke(n.height) : n.height) / o;
+  } = St(t);
+  let r = (s ? Re(n.width) : n.width) / i, a = (s ? Re(n.height) : n.height) / o;
   return (!r || !Number.isFinite(r)) && (r = 1), (!a || !Number.isFinite(a)) && (a = 1), {
     x: r,
     y: a
   };
 }
-const an = /* @__PURE__ */ Y(0);
-function Lt(e) {
-  const t = F(e);
-  return !Ge() || !t.visualViewport ? an : {
+const dn = /* @__PURE__ */ K(0);
+function Tt(e) {
+  const t = D(e);
+  return !Qe() || !t.visualViewport ? dn : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function cn(e, t, n) {
-  return t === void 0 && (t = !1), !n || t && n !== F(e) ? !1 : t;
+function fn(e, t, n) {
+  return t === void 0 && (t = !1), !n || t && n !== D(e) ? !1 : t;
 }
 function re(e, t, n, i) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
-  const o = e.getBoundingClientRect(), s = Je(e);
-  let r = Y(1);
-  t && (i ? H(i) && (r = ue(i)) : r = ue(e));
-  const a = cn(s, n, i) ? Lt(s) : Y(0);
+  const o = e.getBoundingClientRect(), s = et(e);
+  let r = K(1);
+  t && (i ? N(i) && (r = ue(i)) : r = ue(e));
+  const a = fn(s, n, i) ? Tt(s) : K(0);
   let l = (o.left + a.x) / r.x, c = (o.top + a.y) / r.y, d = o.width / r.x, h = o.height / r.y;
   if (s) {
-    const g = F(s), f = i && H(i) ? F(i) : i;
+    const g = D(s), f = i && N(i) ? D(i) : i;
     let m = g, w = m.frameElement;
     for (; w && i && f !== m; ) {
-      const y = ue(w), L = w.getBoundingClientRect(), x = P(w), T = L.left + (w.clientLeft + parseFloat(x.paddingLeft)) * y.x, A = L.top + (w.clientTop + parseFloat(x.paddingTop)) * y.y;
-      l *= y.x, c *= y.y, d *= y.x, h *= y.y, l += T, c += A, m = F(w), w = m.frameElement;
+      const y = ue(w), L = w.getBoundingClientRect(), x = P(w), S = L.left + (w.clientLeft + parseFloat(x.paddingLeft)) * y.x, A = L.top + (w.clientTop + parseFloat(x.paddingTop)) * y.y;
+      l *= y.x, c *= y.y, d *= y.x, h *= y.y, l += S, c += A, m = D(w), w = m.frameElement;
     }
   }
-  return Ie({
+  return Be({
     width: d,
     height: h,
     x: l,
     y: c
   });
 }
-function un(e) {
+function mn(e) {
   let {
     elements: t,
     rect: n,
     offsetParent: i,
     strategy: o
   } = e;
-  const s = o === "fixed", r = X(i), a = t ? Oe(t.floating) : !1;
+  const s = o === "fixed", r = Y(i), a = t ? Fe(t.floating) : !1;
   if (i === r || a && s)
     return n;
   let l = {
     scrollLeft: 0,
     scrollTop: 0
-  }, c = Y(1);
-  const d = Y(0), h = U(i);
-  if ((h || !h && !s) && ((se(i) !== "body" || we(r)) && (l = De(i)), U(i))) {
+  }, c = K(1);
+  const d = K(0), h = H(i);
+  if ((h || !h && !s) && ((se(i) !== "body" || xe(r)) && (l = De(i)), H(i))) {
     const g = re(i);
     c = ue(i), d.x = g.x + i.clientLeft, d.y = g.y + i.clientTop;
   }
@@ -627,29 +627,29 @@ function un(e) {
     y: n.y * c.y - l.scrollTop * c.y + d.y
   };
 }
-function dn(e) {
+function hn(e) {
   return Array.from(e.getClientRects());
 }
-function Tt(e) {
-  return re(X(e)).left + De(e).scrollLeft;
+function Et(e) {
+  return re(Y(e)).left + De(e).scrollLeft;
 }
-function fn(e) {
-  const t = X(e), n = De(e), i = e.ownerDocument.body, o = te(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), s = te(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
-  let r = -n.scrollLeft + Tt(e);
+function pn(e) {
+  const t = Y(e), n = De(e), i = e.ownerDocument.body, o = ne(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), s = ne(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
+  let r = -n.scrollLeft + Et(e);
   const a = -n.scrollTop;
-  return P(i).direction === "rtl" && (r += te(t.clientWidth, i.clientWidth) - o), {
+  return P(i).direction === "rtl" && (r += ne(t.clientWidth, i.clientWidth) - o), {
     width: o,
     height: s,
     x: r,
     y: a
   };
 }
-function mn(e, t) {
-  const n = F(e), i = X(e), o = n.visualViewport;
+function gn(e, t) {
+  const n = D(e), i = Y(e), o = n.visualViewport;
   let s = i.clientWidth, r = i.clientHeight, a = 0, l = 0;
   if (o) {
     s = o.width, r = o.height;
-    const c = Ge();
+    const c = Qe();
     (!c || c && t === "fixed") && (a = o.offsetLeft, l = o.offsetTop);
   }
   return {
@@ -659,8 +659,8 @@ function mn(e, t) {
     y: l
   };
 }
-function hn(e, t) {
-  const n = re(e, !0, t === "fixed"), i = n.top + e.clientTop, o = n.left + e.clientLeft, s = U(e) ? ue(e) : Y(1), r = e.clientWidth * s.x, a = e.clientHeight * s.y, l = o * s.x, c = i * s.y;
+function vn(e, t) {
+  const n = re(e, !0, t === "fixed"), i = n.top + e.clientTop, o = n.left + e.clientLeft, s = H(e) ? ue(e) : K(1), r = e.clientWidth * s.x, a = e.clientHeight * s.y, l = o * s.x, c = i * s.y;
   return {
     width: r,
     height: a,
@@ -668,52 +668,52 @@ function hn(e, t) {
     y: c
   };
 }
-function lt(e, t, n) {
+function ct(e, t, n) {
   let i;
   if (t === "viewport")
-    i = mn(e, n);
+    i = gn(e, n);
   else if (t === "document")
-    i = fn(X(e));
-  else if (H(t))
-    i = hn(t, n);
+    i = pn(Y(e));
+  else if (N(t))
+    i = vn(t, n);
   else {
-    const o = Lt(e);
+    const o = Tt(e);
     i = {
       ...t,
       x: t.x - o.x,
       y: t.y - o.y
     };
   }
-  return Ie(i);
+  return Be(i);
 }
-function St(e, t) {
-  const n = K(e);
-  return n === t || !H(n) || fe(n) ? !1 : P(n).position === "fixed" || St(n, t);
+function At(e, t) {
+  const n = G(e);
+  return n === t || !N(n) || fe(n) ? !1 : P(n).position === "fixed" || At(n, t);
 }
-function pn(e, t) {
+function bn(e, t) {
   const n = t.get(e);
   if (n)
     return n;
-  let i = Ce(e, [], !1).filter((a) => H(a) && se(a) !== "body"), o = null;
+  let i = ye(e, [], !1).filter((a) => N(a) && se(a) !== "body"), o = null;
   const s = P(e).position === "fixed";
-  let r = s ? K(e) : e;
-  for (; H(r) && !fe(r); ) {
-    const a = P(r), l = Ke(r);
-    !l && a.position === "fixed" && (o = null), (s ? !l && !o : !l && a.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || we(r) && !l && St(e, r)) ? i = i.filter((d) => d !== r) : o = a, r = K(r);
+  let r = s ? G(e) : e;
+  for (; N(r) && !fe(r); ) {
+    const a = P(r), l = Je(r);
+    !l && a.position === "fixed" && (o = null), (s ? !l && !o : !l && a.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || xe(r) && !l && At(e, r)) ? i = i.filter((d) => d !== r) : o = a, r = G(r);
   }
   return t.set(e, i), i;
 }
-function gn(e) {
+function Cn(e) {
   let {
     element: t,
     boundary: n,
     rootBoundary: i,
     strategy: o
   } = e;
-  const r = [...n === "clippingAncestors" ? Oe(t) ? [] : pn(t, this._c) : [].concat(n), i], a = r[0], l = r.reduce((c, d) => {
-    const h = lt(t, d, o);
-    return c.top = te(h.top, c.top), c.right = $e(h.right, c.right), c.bottom = $e(h.bottom, c.bottom), c.left = te(h.left, c.left), c;
-  }, lt(t, a, o));
+  const r = [...n === "clippingAncestors" ? Fe(t) ? [] : bn(t, this._c) : [].concat(n), i], a = r[0], l = r.reduce((c, d) => {
+    const h = ct(t, d, o);
+    return c.top = ne(h.top, c.top), c.right = ke(h.right, c.right), c.bottom = ke(h.bottom, c.bottom), c.left = ne(h.left, c.left), c;
+  }, ct(t, a, o));
   return {
     width: l.right - l.left,
     height: l.bottom - l.top,
@@ -721,28 +721,28 @@ function gn(e) {
     y: l.top
   };
 }
-function vn(e) {
+function wn(e) {
   const {
     width: t,
     height: n
-  } = xt(e);
+  } = St(e);
   return {
     width: t,
     height: n
   };
 }
-function bn(e, t, n) {
-  const i = U(t), o = X(t), s = n === "fixed", r = re(e, !0, s, t);
+function yn(e, t, n) {
+  const i = H(t), o = Y(t), s = n === "fixed", r = re(e, !0, s, t);
   let a = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const l = Y(0);
+  const l = K(0);
   if (i || !i && !s)
-    if ((se(t) !== "body" || we(o)) && (a = De(t)), i) {
+    if ((se(t) !== "body" || xe(o)) && (a = De(t)), i) {
       const h = re(t, !0, s, t);
       l.x = h.x + t.clientLeft, l.y = h.y + t.clientTop;
-    } else o && (l.x = Tt(o));
+    } else o && (l.x = Et(o));
   const c = r.left + a.scrollLeft - l.x, d = r.top + a.scrollTop - l.y;
   return {
     x: c,
@@ -751,34 +751,34 @@ function bn(e, t, n) {
     height: r.height
   };
 }
-function He(e) {
+function Ze(e) {
   return P(e).position === "static";
 }
-function at(e, t) {
-  return !U(e) || P(e).position === "fixed" ? null : t ? t(e) : e.offsetParent;
+function ut(e, t) {
+  return !H(e) || P(e).position === "fixed" ? null : t ? t(e) : e.offsetParent;
 }
-function Et(e, t) {
-  const n = F(e);
-  if (Oe(e))
+function $t(e, t) {
+  const n = D(e);
+  if (Fe(e))
     return n;
-  if (!U(e)) {
-    let o = K(e);
+  if (!H(e)) {
+    let o = G(e);
     for (; o && !fe(o); ) {
-      if (H(o) && !He(o))
+      if (N(o) && !Ze(o))
         return o;
-      o = K(o);
+      o = G(o);
     }
     return n;
   }
-  let i = at(e, t);
-  for (; i && sn(i) && He(i); )
-    i = at(i, t);
-  return i && fe(i) && He(i) && !Ke(i) ? n : i || ln(e) || n;
+  let i = ut(e, t);
+  for (; i && cn(i) && Ze(i); )
+    i = ut(i, t);
+  return i && fe(i) && Ze(i) && !Je(i) ? n : i || un(e) || n;
 }
-const Cn = async function(e) {
-  const t = this.getOffsetParent || Et, n = this.getDimensions, i = await n(e.floating);
+const xn = async function(e) {
+  const t = this.getOffsetParent || $t, n = this.getDimensions, i = await n(e.floating);
   return {
-    reference: bn(e.reference, await t(e.floating), e.strategy),
+    reference: yn(e.reference, await t(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -787,24 +787,24 @@ const Cn = async function(e) {
     }
   };
 };
-function wn(e) {
+function Ln(e) {
   return P(e).direction === "rtl";
 }
-const yn = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: un,
-  getDocumentElement: X,
-  getClippingRect: gn,
-  getOffsetParent: Et,
-  getElementRects: Cn,
-  getClientRects: dn,
-  getDimensions: vn,
+const Sn = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: mn,
+  getDocumentElement: Y,
+  getClippingRect: Cn,
+  getOffsetParent: $t,
+  getElementRects: xn,
+  getClientRects: hn,
+  getDimensions: wn,
   getScale: ue,
-  isElement: H,
-  isRTL: wn
+  isElement: N,
+  isRTL: Ln
 };
-function xn(e, t) {
+function Tn(e, t) {
   let n = null, i;
-  const o = X(e);
+  const o = Y(e);
   function s() {
     var a;
     clearTimeout(i), (a = n) == null || a.disconnect(), n = null;
@@ -819,21 +819,21 @@ function xn(e, t) {
     } = e.getBoundingClientRect();
     if (a || t(), !h || !g)
       return;
-    const f = Se(d), m = Se(o.clientWidth - (c + h)), w = Se(o.clientHeight - (d + g)), y = Se(c), x = {
+    const f = Ee(d), m = Ee(o.clientWidth - (c + h)), w = Ee(o.clientHeight - (d + g)), y = Ee(c), x = {
       rootMargin: -f + "px " + -m + "px " + -w + "px " + -y + "px",
-      threshold: te(0, $e(1, l)) || 1
+      threshold: ne(0, ke(1, l)) || 1
     };
-    let T = !0;
-    function A(S) {
-      const B = S[0].intersectionRatio;
+    let S = !0;
+    function A(T) {
+      const B = T[0].intersectionRatio;
       if (B !== l) {
-        if (!T)
+        if (!S)
           return r();
         B ? r(!1, B) : i = setTimeout(() => {
           r(!1, 1e-7);
         }, 1e3);
       }
-      T = !1;
+      S = !1;
     }
     try {
       n = new IntersectionObserver(A, {
@@ -848,7 +848,7 @@ function xn(e, t) {
   }
   return r(!0), s;
 }
-function Ln(e, t, n, i) {
+function En(e, t, n, i) {
   i === void 0 && (i = {});
   const {
     ancestorScroll: o = !0,
@@ -856,19 +856,19 @@ function Ln(e, t, n, i) {
     elementResize: r = typeof ResizeObserver == "function",
     layoutShift: a = typeof IntersectionObserver == "function",
     animationFrame: l = !1
-  } = i, c = Je(e), d = o || s ? [...c ? Ce(c) : [], ...Ce(t)] : [];
+  } = i, c = et(e), d = o || s ? [...c ? ye(c) : [], ...ye(t)] : [];
   d.forEach((L) => {
     o && L.addEventListener("scroll", n, {
       passive: !0
     }), s && L.addEventListener("resize", n);
   });
-  const h = c && a ? xn(c, n) : null;
+  const h = c && a ? Tn(c, n) : null;
   let g = -1, f = null;
   r && (f = new ResizeObserver((L) => {
     let [x] = L;
     x && x.target === c && f && (f.unobserve(t), cancelAnimationFrame(g), g = requestAnimationFrame(() => {
-      var T;
-      (T = f) == null || T.observe(t);
+      var S;
+      (S = f) == null || S.observe(t);
     })), n();
   }), c && !l && f.observe(c), f.observe(t));
   let m, w = l ? re(e) : null;
@@ -884,54 +884,54 @@ function Ln(e, t, n, i) {
     }), h == null || h(), (L = f) == null || L.disconnect(), f = null, l && cancelAnimationFrame(m);
   };
 }
-const Tn = on, Sn = rn, En = tn, An = (e, t, n) => {
+const An = ln, $n = an, kn = rn, Rn = (e, t, n) => {
   const i = /* @__PURE__ */ new Map(), o = {
-    platform: yn,
+    platform: Sn,
     ...n
   }, s = {
     ...o.platform,
     _c: i
   };
-  return en(e, t, {
+  return on(e, t, {
     ...o,
     platform: s
   });
 };
-function $n(e) {
+function In(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
-function ct(e) {
-  if ($n(e)) {
+function dt(e) {
+  if (In(e)) {
     const t = e.$el;
-    return Ye(t) && se(t) === "#comment" ? null : t;
+    return Ge(t) && se(t) === "#comment" ? null : t;
   }
   return e;
 }
-function ge(e) {
-  return typeof e == "function" ? e() : ve(e);
+function be(e) {
+  return typeof e == "function" ? e() : Ce(e);
 }
-function At(e) {
+function kt(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function ut(e, t) {
-  const n = At(e);
+function ft(e, t) {
+  const n = kt(e);
   return Math.round(t * n) / n;
 }
-function kn(e, t, n) {
+function Bn(e, t, n) {
   n === void 0 && (n = {});
-  const i = n.whileElementsMounted, o = R(() => {
+  const i = n.whileElementsMounted, o = I(() => {
     var E;
-    return (E = ge(n.open)) != null ? E : !0;
-  }), s = R(() => ge(n.middleware)), r = R(() => {
+    return (E = be(n.open)) != null ? E : !0;
+  }), s = I(() => be(n.middleware)), r = I(() => {
     var E;
-    return (E = ge(n.placement)) != null ? E : "bottom";
-  }), a = R(() => {
+    return (E = be(n.placement)) != null ? E : "bottom";
+  }), a = I(() => {
     var E;
-    return (E = ge(n.strategy)) != null ? E : "absolute";
-  }), l = R(() => {
+    return (E = be(n.strategy)) != null ? E : "absolute";
+  }), l = I(() => {
     var E;
-    return (E = ge(n.transform)) != null ? E : !0;
-  }), c = R(() => ct(e.value)), d = R(() => ct(t.value)), h = k(0), g = k(0), f = k(a.value), m = k(r.value), w = Nt({}), y = k(!1), L = R(() => {
+    return (E = be(n.transform)) != null ? E : !0;
+  }), c = I(() => dt(e.value)), d = I(() => dt(t.value)), h = R(0), g = R(0), f = R(a.value), m = R(r.value), w = Zt({}), y = R(!1), L = I(() => {
     const E = {
       position: f.value,
       left: "0",
@@ -939,22 +939,22 @@ function kn(e, t, n) {
     };
     if (!d.value)
       return E;
-    const D = ut(d.value, h.value), Z = ut(d.value, g.value);
+    const F = ft(d.value, h.value), U = ft(d.value, g.value);
     return l.value ? {
       ...E,
-      transform: "translate(" + D + "px, " + Z + "px)",
-      ...At(d.value) >= 1.5 && {
+      transform: "translate(" + F + "px, " + U + "px)",
+      ...kt(d.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: f.value,
-      left: D + "px",
-      top: Z + "px"
+      left: F + "px",
+      top: U + "px"
     };
   });
   let x;
-  function T() {
-    c.value == null || d.value == null || An(c.value, d.value, {
+  function S() {
+    c.value == null || d.value == null || Rn(c.value, d.value, {
       middleware: s.value,
       placement: r.value,
       strategy: a.value
@@ -965,26 +965,26 @@ function kn(e, t, n) {
   function A() {
     typeof x == "function" && (x(), x = void 0);
   }
-  function S() {
+  function T() {
     if (A(), i === void 0) {
-      T();
+      S();
       return;
     }
     if (c.value != null && d.value != null) {
-      x = i(c.value, d.value, T);
+      x = i(c.value, d.value, S);
       return;
     }
   }
   function B() {
     o.value || (y.value = !1);
   }
-  return ee([s, r, a], T, {
+  return te([s, r, a], S, {
     flush: "sync"
-  }), ee([c, d], S, {
+  }), te([c, d], T, {
     flush: "sync"
-  }), ee(o, B, {
+  }), te(o, B, {
     flush: "sync"
-  }), Ht() && Ut(A), {
+  }), jt() && qt(A), {
     x: ce(h),
     y: ce(g),
     strategy: ce(f),
@@ -992,53 +992,53 @@ function kn(e, t, n) {
     middlewareData: ce(w),
     isPositioned: ce(y),
     floatingStyles: L,
-    update: T
+    update: S
   };
 }
-const Rn = "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", le = (e, t) => {
+const Mn = "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", le = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [i, o] of t)
     n[i] = o;
   return n;
-}, In = {
+}, On = {
   name: "Logo"
-}, Bn = {
-  src: Rn,
+}, Fn = {
+  src: Mn,
   alt: "DDict Logo",
   class: "w-6 h-6 cursor-pointer"
 };
-function Mn(e, t, n, i, o, s) {
-  return p(), v("img", Bn);
+function Dn(e, t, n, i, o, s) {
+  return p(), v("img", Fn);
 }
-const On = /* @__PURE__ */ le(In, [["render", Mn]]), Dn = {}, Fn = {
+const Wn = /* @__PURE__ */ le(On, [["render", Dn]]), _n = {}, zn = {
   class: "w-12 h-12 text-primary",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
-}, Wn = /* @__PURE__ */ Xe('<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), _n = [
-  Wn
+}, Pn = /* @__PURE__ */ Ye('<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), Vn = [
+  Pn
 ];
-function zn(e, t) {
-  return p(), v("svg", Fn, _n);
+function Nn(e, t) {
+  return p(), v("svg", zn, Vn);
 }
-const Pn = /* @__PURE__ */ le(Dn, [["render", zn]]), Vn = { class: "rounded-lg bg-base-100 px-4 py-2 border border-base-300 shadow-lg" }, Nn = { class: "flex justify-center" }, Hn = {
+const Hn = /* @__PURE__ */ le(_n, [["render", Nn]]), Un = { class: "rounded-lg bg-base-100 px-4 py-2 border border-base-300 shadow-lg" }, Zn = { class: "flex justify-center" }, jn = {
   __name: "Loading",
   setup(e) {
-    return (t, n) => (p(), v("div", Vn, [
-      C("div", Nn, [
-        O(Pn)
+    return (t, n) => (p(), v("div", Un, [
+      C("div", Zn, [
+        O(Hn)
       ])
     ]));
   }
-}, Un = {
+}, qn = {
   name: "Phonetic",
   props: ["phonetic"]
-}, Zn = { class: "p-0 m-0" }, jn = { class: "text-xs font-md text-base-content/60" };
-function Xn(e, t, n, i, o, s) {
-  return p(), v("p", Zn, [
-    C("span", jn, "/" + ie(n.phonetic) + "/", 1)
+}, Xn = { class: "p-0 m-0" }, Yn = { class: "text-xs font-md text-base-content/60" };
+function Kn(e, t, n, i, o, s) {
+  return p(), v("p", Xn, [
+    C("span", Yn, "/" + ie(n.phonetic) + "/", 1)
   ]);
 }
-const qn = /* @__PURE__ */ le(Un, [["render", Xn]]), Yn = { class: "flex flex-col gap-2" }, Kn = {
+const Gn = /* @__PURE__ */ le(qn, [["render", Kn]]), Jn = { class: "flex flex-col gap-2" }, Qn = {
   __name: "Sentences",
   props: {
     sentences: {
@@ -1047,22 +1047,22 @@ const qn = /* @__PURE__ */ le(Un, [["render", Xn]]), Yn = { class: "flex flex-co
     }
   },
   setup(e) {
-    const t = e, n = R(() => t.sentences.split(`
+    const t = e, n = I(() => t.sentences.split(`
 `));
-    return (i, o) => (p(), v("div", Yn, [
-      (p(!0), v(G, null, me(n.value, (s, r) => (p(), v("p", {
+    return (i, o) => (p(), v("div", Jn, [
+      (p(!0), v(J, null, me(n.value, (s, r) => (p(), v("p", {
         key: r,
         class: "text-base text-base-content leading-tight p-0 mr-2"
       }, ie(s), 1))), 128))
     ]));
   }
-}, Gn = /* @__PURE__ */ C("p", { class: "text-sm font-medium text-primary text-center" }, [
-  /* @__PURE__ */ be(" 🤔 Don't understand? "),
+}, ei = /* @__PURE__ */ C("p", { class: "text-sm font-medium text-primary text-center" }, [
+  /* @__PURE__ */ we(" 🤔 Don't understand? "),
   /* @__PURE__ */ C("span", { class: "text-secondary font-semibold" }, "Try AI"),
-  /* @__PURE__ */ be(" ✨ ")
-], -1), Jn = [
-  Gn
-], Qn = {
+  /* @__PURE__ */ we(" ✨ ")
+], -1), ti = [
+  ei
+], ni = {
   __name: "AIPromptButton",
   props: {
     show: {
@@ -1078,16 +1078,16 @@ const qn = /* @__PURE__ */ le(Un, [["render", Xn]]), Yn = { class: "flex flex-co
   setup(e) {
     return (t, n) => e.show ? (p(), v("div", {
       key: 0,
-      class: $([
+      class: k([
         "mt-2 p-2 bg-gradient-to-r rounded-lg border transition-all duration-200",
         e.isLoading ? "from-primary/5 to-secondary/5 border-primary/10 cursor-not-allowed opacity-75" : "from-primary/10 to-secondary/10 border-primary/20 cursor-pointer hover:from-primary/20 hover:to-secondary/20 hover:border-primary/30"
       ]),
       onClick: n[0] || (n[0] = (i) => !e.isLoading && t.$emit("click"))
-    }, Jn, 2)) : M("", !0);
+    }, ti, 2)) : M("", !0);
   }
-}, ei = /* @__PURE__ */ C("p", { class: "text-sm font-medium text-accent text-center" }, "💡 Need Summary? ✨", -1), ti = [
-  ei
-], ni = {
+}, ii = /* @__PURE__ */ C("p", { class: "text-sm font-medium text-accent text-center" }, "💡 Need Summary? ✨", -1), oi = [
+  ii
+], ri = {
   __name: "AIExplainPromptButton",
   props: {
     show: {
@@ -1103,20 +1103,20 @@ const qn = /* @__PURE__ */ le(Un, [["render", Xn]]), Yn = { class: "flex flex-co
   setup(e) {
     return (t, n) => e.show ? (p(), v("div", {
       key: 0,
-      class: $([
+      class: k([
         "mt-2 p-2 bg-gradient-to-r rounded-lg border transition-all duration-200",
         e.isLoading ? "from-accent/5 to-info/5 border-accent/10 cursor-not-allowed opacity-75" : "from-accent/10 to-info/10 border-accent/20 cursor-pointer hover:from-accent/20 hover:to-info/20 hover:border-accent/30"
       ]),
       onClick: n[0] || (n[0] = (i) => !e.isLoading && t.$emit("click"))
-    }, ti, 2)) : M("", !0);
+    }, oi, 2)) : M("", !0);
   }
-}, ii = /* @__PURE__ */ C("p", { class: "text-sm font-medium text-success text-center" }, [
-  /* @__PURE__ */ be(" 📚 Learn this? "),
+}, si = /* @__PURE__ */ C("p", { class: "text-sm font-medium text-success text-center" }, [
+  /* @__PURE__ */ we(" 📚 Learn this? "),
   /* @__PURE__ */ C("span", { class: "text-warning font-semibold" }, "Study now"),
-  /* @__PURE__ */ be(" 🎯 ")
-], -1), oi = [
-  ii
-], ri = {
+  /* @__PURE__ */ we(" 🎯 ")
+], -1), li = [
+  si
+], ai = {
   __name: "LearnPromptButton",
   props: {
     show: {
@@ -1128,33 +1128,33 @@ const qn = /* @__PURE__ */ le(Un, [["render", Xn]]), Yn = { class: "flex flex-co
   setup(e) {
     return (t, n) => e.show ? (p(), v("div", {
       key: 0,
-      class: $([
+      class: k([
         "mt-2 p-2 bg-gradient-to-r rounded-lg border transition-all duration-200",
         "from-success/10 to-warning/10 border-success/20 cursor-pointer hover:from-success/20 hover:to-warning/20 hover:border-success/30"
       ]),
       onClick: n[0] || (n[0] = (i) => t.$emit("click"))
-    }, oi)) : M("", !0);
+    }, li)) : M("", !0);
   }
-}, si = { class: "capitalize text-base italic font-normal text-base-content/60" }, li = { class: "text-base leading-6 text-base-content" }, ai = {
+}, ci = { class: "capitalize text-base italic font-normal text-base-content/60" }, ui = { class: "text-base leading-6 text-base-content" }, di = {
   __name: "Dict",
   props: {
     dictionary: Array
   },
   setup(e) {
     return (t, n) => (p(), v("div", null, [
-      (p(!0), v(G, null, me(e.dictionary, (i, o) => (p(), v("div", {
+      (p(!0), v(J, null, me(e.dictionary, (i, o) => (p(), v("div", {
         key: o,
         class: "mt-2"
       }, [
-        C("p", si, ie(i.pos), 1),
-        C("span", li, ie(i.terms.join(", ")), 1)
+        C("p", ci, ie(i.pos), 1),
+        C("span", ui, ie(i.terms.join(", ")), 1)
       ]))), 128))
     ]));
   }
-}, ci = { class: "" }, ui = /* @__PURE__ */ C("p", { class: "capitalize text-base italic font-normal text-base-content/60 mt-2" }, "Summary", -1), di = {
+}, fi = { class: "" }, mi = /* @__PURE__ */ C("p", { class: "capitalize text-base italic font-normal text-base-content/60 mt-2" }, "Summary", -1), hi = {
   key: 0,
   class: "list-none list-outside mt-2"
-}, fi = ["innerHTML"], mi = {
+}, pi = ["innerHTML"], gi = {
   __name: "Explanation",
   props: {
     explanation: Object
@@ -1162,32 +1162,32 @@ const qn = /* @__PURE__ */ le(Un, [["render", Xn]]), Yn = { class: "flex flex-co
   setup(e) {
     return (t, n) => {
       var i, o;
-      return p(), v("div", ci, [
-        ui,
-        (i = e.explanation) != null && i.result ? (p(), v("ul", di, [
-          (p(!0), v(G, null, me(((o = e.explanation) == null ? void 0 : o.result.split(`
+      return p(), v("div", fi, [
+        mi,
+        (i = e.explanation) != null && i.result ? (p(), v("ul", hi, [
+          (p(!0), v(J, null, me(((o = e.explanation) == null ? void 0 : o.result.split(`
 `)) || [], (s, r) => (p(), v("li", {
             key: `${s}-${r}`,
             innerHTML: s,
             class: "text-base text-base-content"
-          }, null, 8, fi))), 128))
+          }, null, 8, pi))), 128))
         ])) : M("", !0)
       ]);
     };
   }
-}, hi = ["disabled"], pi = /* @__PURE__ */ C("path", {
+}, vi = ["disabled"], bi = /* @__PURE__ */ C("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), gi = [
-  pi
-], vi = ["disabled"], bi = /* @__PURE__ */ C("path", {
+}, null, -1), Ci = [
+  bi
+], wi = ["disabled"], yi = /* @__PURE__ */ C("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), Ci = [
-  bi
-], wi = {
+}, null, -1), xi = [
+  yi
+], Li = {
   __name: "Player",
   props: {
     tts: {
@@ -1201,9 +1201,9 @@ const qn = /* @__PURE__ */ le(Un, [["render", Xn]]), Yn = { class: "flex flex-co
   },
   emits: ["loadTTS"],
   setup(e, { emit: t }) {
-    const n = e, i = t, o = R(() => n.tts), s = k(!1), r = new Audio(), a = new (window.AudioContext || window.webkitAudioContext)();
+    const n = e, i = t, o = I(() => n.tts), s = R(!1), r = new Audio(), a = new (window.AudioContext || window.webkitAudioContext)();
     let l = null;
-    ee(
+    te(
       o,
       () => {
         if (!o.value) {
@@ -1213,7 +1213,7 @@ const qn = /* @__PURE__ */ le(Un, [["render", Xn]]), Yn = { class: "flex flex-co
         d();
       },
       { immediate: !0 }
-    ), qe(() => {
+    ), Ke(() => {
       g(), r.src = "", a.close();
     });
     function c() {
@@ -1250,7 +1250,7 @@ const qn = /* @__PURE__ */ le(Un, [["render", Xn]]), Yn = { class: "flex flex-co
     }
     return (f, m) => s.value ? (p(), v("button", {
       key: 1,
-      class: $(["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 }
       ]]),
@@ -1258,14 +1258,14 @@ const qn = /* @__PURE__ */ le(Un, [["render", Xn]]), Yn = { class: "flex flex-co
       onClick: g
     }, [
       (p(), v("svg", {
-        class: $(["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"
-      }, Ci, 2))
-    ], 10, vi)) : (p(), v("button", {
+      }, xi, 2))
+    ], 10, wi)) : (p(), v("button", {
       key: 0,
-      class: $(["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 }
       ]]),
@@ -1273,36 +1273,36 @@ const qn = /* @__PURE__ */ le(Un, [["render", Xn]]), Yn = { class: "flex flex-co
       onClick: c
     }, [
       (p(), v("svg", {
-        class: $(["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"
-      }, gi, 2))
-    ], 10, hi));
+      }, Ci, 2))
+    ], 10, vi));
   }
-}, yi = {
+}, Si = {
   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"
-}, xi = ["disabled"], Li = /* @__PURE__ */ C("path", {
+}, Ti = ["disabled"], Ei = /* @__PURE__ */ C("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), Ti = [
-  Li
-], Si = /* @__PURE__ */ C("path", {
+}, null, -1), Ai = [
+  Ei
+], $i = /* @__PURE__ */ C("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"
-}, null, -1), Ei = [
-  Si
-], Ai = {
+}, null, -1), ki = [
+  $i
+], Ri = {
   __name: "Favorite",
   props: {
     isFilled: Boolean,
     disabled: Boolean
   },
   setup(e) {
-    return (t, n) => (p(), v("div", yi, [
+    return (t, n) => (p(), v("div", Si, [
       C("button", {
-        class: $(["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 }
         ]]),
@@ -1310,49 +1310,49 @@ const qn = /* @__PURE__ */ le(Un, [["render", Xn]]), Yn = { class: "flex flex-co
       }, [
         e.isFilled ? (p(), v("svg", {
           key: 1,
-          class: $(["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"
-        }, Ei, 2)) : (p(), v("svg", {
+        }, ki, 2)) : (p(), v("svg", {
           key: 0,
-          class: $(["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"
-        }, Ti, 2))
-      ], 10, xi)
+        }, Ai, 2))
+      ], 10, Ti)
     ]));
   }
-}, $i = {}, ki = {
+}, Ii = {}, Bi = {
   class: "w-6 h-6 text-primary",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
-}, Ri = /* @__PURE__ */ Xe('<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), Ii = [
-  Ri
+}, Mi = /* @__PURE__ */ Ye('<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), Oi = [
+  Mi
 ];
-function Bi(e, t) {
-  return p(), v("svg", ki, Ii);
+function Fi(e, t) {
+  return p(), v("svg", Bi, Oi);
 }
-const Qe = /* @__PURE__ */ le($i, [["render", Bi]]), Mi = {
+const tt = /* @__PURE__ */ le(Ii, [["render", Fi]]), Di = {
   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"
-}, Oi = ["disabled"], Di = /* @__PURE__ */ C("path", {
+}, Wi = ["disabled"], _i = /* @__PURE__ */ C("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), Fi = /* @__PURE__ */ C("path", {
+}, null, -1), zi = /* @__PURE__ */ C("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), Wi = /* @__PURE__ */ C("path", {
+}, null, -1), Pi = /* @__PURE__ */ C("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), _i = [
-  Di,
-  Fi,
-  Wi
-], zi = /* @__PURE__ */ Xe('<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), Pi = [
-  zi
-], Vi = {
+}, null, -1), Vi = [
+  _i,
+  zi,
+  Pi
+], Ni = /* @__PURE__ */ Ye('<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), Hi = [
+  Ni
+], Ui = {
   __name: "AITranslateBtn",
   props: {
     isLoading: Boolean,
@@ -1360,13 +1360,13 @@ const Qe = /* @__PURE__ */ le($i, [["render", Bi]]), Mi = {
     isFilled: Boolean
   },
   setup(e) {
-    return (t, n) => (p(), v("div", Mi, [
-      e.isLoading ? (p(), z(Qe, {
+    return (t, n) => (p(), v("div", Di, [
+      e.isLoading ? (p(), W(tt, {
         key: 0,
         class: "inset-0 flex items-center justify-center"
       })) : (p(), v("button", {
         key: 1,
-        class: $(["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 }
         ]]),
@@ -1374,44 +1374,44 @@ const Qe = /* @__PURE__ */ le($i, [["render", Bi]]), Mi = {
       }, [
         e.isFilled ? (p(), v("svg", {
           key: 1,
-          class: $(["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"
-        }, Pi, 2)) : (p(), v("svg", {
+        }, Hi, 2)) : (p(), v("svg", {
           key: 0,
-          class: $(["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"
-        }, _i, 2))
-      ], 10, Oi))
+        }, Vi, 2))
+      ], 10, Wi))
     ]));
   }
-}, Ni = {
+}, Zi = {
   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"
-}, Hi = ["disabled"], Ui = /* @__PURE__ */ C("path", {
+}, ji = ["disabled"], qi = /* @__PURE__ */ C("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), Zi = [
-  Ui
-], ji = /* @__PURE__ */ C("path", {
+}, null, -1), Xi = [
+  qi
+], Yi = /* @__PURE__ */ C("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), Xi = /* @__PURE__ */ C("path", {
+}, null, -1), Ki = /* @__PURE__ */ C("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), qi = [
-  ji,
-  Xi
-], Yi = {
+}, null, -1), Gi = [
+  Yi,
+  Ki
+], Ji = {
   __name: "AIExplainBtn",
   props: {
     isLoading: Boolean,
@@ -1419,10 +1419,10 @@ const Qe = /* @__PURE__ */ le($i, [["render", Bi]]), Mi = {
     isFilled: Boolean
   },
   setup(e) {
-    return (t, n) => (p(), v("div", Ni, [
-      e.isLoading ? (p(), z(Qe, { key: 0 })) : (p(), v("button", {
+    return (t, n) => (p(), v("div", Zi, [
+      e.isLoading ? (p(), W(tt, { key: 0 })) : (p(), v("button", {
         key: 1,
-        class: $(["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 }
         ]]),
@@ -1430,21 +1430,21 @@ const Qe = /* @__PURE__ */ le($i, [["render", Bi]]), Mi = {
       }, [
         e.isFilled ? (p(), v("svg", {
           key: 1,
-          class: $(["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"
-        }, qi, 2)) : (p(), v("svg", {
+        }, Gi, 2)) : (p(), v("svg", {
           key: 0,
-          class: $(["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"
-        }, Zi, 2))
-      ], 10, Hi))
+        }, Xi, 2))
+      ], 10, ji))
     ]));
   }
-}, Ki = {}, Gi = { class: "btn btn-xs btn-ghost btn-circle" }, Ji = /* @__PURE__ */ C("svg", {
+}, Qi = {}, eo = { class: "btn btn-xs btn-ghost btn-circle" }, to = /* @__PURE__ */ C("svg", {
   class: "w-4 h-4 text-primary",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -1458,13 +1458,13 @@ const Qe = /* @__PURE__ */ le($i, [["render", Bi]]), Mi = {
     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), Qi = [
-  Ji
+], -1), no = [
+  to
 ];
-function eo(e, t) {
-  return p(), v("button", Gi, Qi);
+function io(e, t) {
+  return p(), v("button", eo, no);
 }
-const to = /* @__PURE__ */ le(Ki, [["render", eo]]), no = {}, io = { class: "btn btn-xs btn-circle btn-ghost" }, oo = /* @__PURE__ */ C("svg", {
+const oo = /* @__PURE__ */ le(Qi, [["render", io]]), ro = {}, so = { class: "btn btn-xs btn-circle btn-ghost" }, lo = /* @__PURE__ */ C("svg", {
   class: "w-4 h-4 text-primary",
   viewBox: "0 0 16 16",
   fill: "none",
@@ -1482,13 +1482,13 @@ const to = /* @__PURE__ */ le(Ki, [["render", eo]]), no = {}, io = { 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), ro = [
-  oo
+], -1), ao = [
+  lo
 ];
-function so(e, t) {
-  return p(), v("button", io, ro);
+function co(e, t) {
+  return p(), v("button", so, ao);
 }
-const lo = /* @__PURE__ */ le(no, [["render", so]]), ao = {
+const uo = /* @__PURE__ */ le(ro, [["render", co]]), fo = {
   name: "ThemeSelector",
   props: {
     currentTheme: {
@@ -1525,7 +1525,7 @@ const lo = /* @__PURE__ */ le(no, [["render", so]]), ao = {
       });
     }
   }
-}, co = { class: "dropdown dropdown-end z-50" }, uo = /* @__PURE__ */ C("div", {
+}, mo = { class: "dropdown dropdown-end z-50" }, ho = /* @__PURE__ */ C("div", {
   tabindex: "0",
   role: "button",
   class: "btn btn-ghost btn-circle btn-xs"
@@ -1537,15 +1537,15 @@ const lo = /* @__PURE__ */ le(no, [["render", so]]), ao = {
   }, [
     /* @__PURE__ */ C("path", { d: "M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" })
   ])
-], -1), fo = {
+], -1), po = {
   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"
-}, mo = ["id", "value", "checked", "onChange"], ho = ["for"], po = { class: "flex items-center gap-2" };
-function go(e, t, n, i, o, s) {
-  return p(), v("div", co, [
-    uo,
-    C("ul", fo, [
-      (p(!0), v(G, null, me(o.availableThemes, (r) => (p(), v("li", {
+}, go = ["id", "value", "checked", "onChange"], vo = ["for"], bo = { class: "flex items-center gap-2" };
+function Co(e, t, n, i, o, s) {
+  return p(), v("div", mo, [
+    ho,
+    C("ul", po, [
+      (p(!0), v(J, null, me(o.availableThemes, (r) => (p(), v("li", {
         key: r.value
       }, [
         C("input", {
@@ -1555,31 +1555,31 @@ function go(e, t, n, i, o, s) {
           checked: n.currentTheme === r.value,
           onChange: (a) => s.handleThemeChange(r.value),
           class: "theme-controller sr-only"
-        }, null, 40, mo),
+        }, null, 40, go),
         C("label", {
           for: `theme-${r.value}`,
-          class: $(["cursor-pointer rounded-lg px-2 py-1 hover:bg-base-200", { "bg-primary text-primary-content": n.currentTheme === r.value }]),
+          class: k(["cursor-pointer rounded-lg px-2 py-1 hover:bg-base-200", { "bg-primary text-primary-content": n.currentTheme === r.value }]),
           onClick: t[0] || (t[0] = (...a) => s.handleLabelClick && s.handleLabelClick(...a))
         }, [
-          C("span", po, [
+          C("span", bo, [
             C("span", {
               class: "w-3 h-3 rounded-full",
-              style: Ze({ backgroundColor: r.color })
+              style: qe({ backgroundColor: r.color })
             }, null, 4),
-            be(" " + ie(r.name), 1)
+            we(" " + ie(r.name), 1)
           ])
-        ], 10, ho)
+        ], 10, vo)
       ]))), 128))
     ])
   ]);
 }
-const vo = /* @__PURE__ */ le(ao, [["render", go]]), bo = { class: "flex flex-col" }, Co = {
+const wo = /* @__PURE__ */ le(fo, [["render", Co]]), yo = { class: "flex flex-col" }, xo = {
   class: "flex min-w-0 gap-1",
   "data-mode-toggle": ""
-}, wo = ["disabled"], yo = { class: "flex shrink-0 items-center" }, xo = {
+}, Lo = ["disabled"], So = { class: "flex shrink-0 items-center" }, To = {
   key: 0,
   class: "flex items-center gap-1 px-2 pb-1"
-}, dt = {
+}, mt = {
   __name: "Header",
   props: {
     tts: String,
@@ -1622,65 +1622,65 @@ const vo = /* @__PURE__ */ le(ao, [["render", go]]), bo = { class: "flex flex-co
     "requestWrite"
   ],
   setup(e, { emit: t }) {
-    const n = e, i = R(() => n.mode !== "write" && !n.isServiceUnavailable), o = t, s = (a) => {
+    const n = e, i = I(() => n.mode !== "write" && !n.isServiceUnavailable), o = t, s = (a) => {
       a.target.closest('button, input, select, textarea, [role="button"]') || (o("dragStart", { type: "mouse", event: a }), a.preventDefault());
     }, r = (a) => {
       a.target.closest('button, input, select, textarea, [role="button"]') || (o("dragStart", { type: "touch", event: a }), a.preventDefault());
     };
-    return (a, l) => (p(), v("div", bo, [
+    return (a, l) => (p(), v("div", yo, [
       C("div", {
         class: "flex cursor-grab flex-row items-center justify-between gap-1 p-2 pb-1 active:cursor-grabbing",
         onMousedown: s,
         onTouchstart: r
       }, [
-        C("div", Co, [
+        C("div", xo, [
           C("button", {
             type: "button",
-            class: $(["btn btn-xs", e.mode === "write" ? "btn-ghost" : "btn-primary"]),
+            class: k(["btn btn-xs", e.mode === "write" ? "btn-ghost" : "btn-primary"]),
             "data-mode": "translate",
             onClick: l[0] || (l[0] = (c) => o("requestTranslate"))
           }, " Translate ", 2),
           C("button", {
             type: "button",
-            class: $(["btn btn-xs", e.mode === "write" ? "btn-primary" : "btn-ghost"]),
+            class: k(["btn btn-xs", e.mode === "write" ? "btn-primary" : "btn-ghost"]),
             disabled: !e.canWrite,
             "data-mode": "write",
             onClick: l[1] || (l[1] = (c) => o("requestWrite"))
-          }, " Write ", 10, wo)
+          }, " Write ", 10, Lo)
         ]),
-        C("div", yo, [
-          e.showThemeSelector ? (p(), z(vo, {
+        C("div", So, [
+          e.showThemeSelector ? (p(), W(wo, {
             key: 0,
             "current-theme": e.theme,
             onThemeChange: l[2] || (l[2] = (c) => o("themeChange", c))
           }, null, 8, ["current-theme"])) : M("", !0),
-          O(to, {
+          O(oo, {
             onClick: l[3] || (l[3] = (c) => o("setting"))
           }),
-          O(lo, {
+          O(uo, {
             onClick: l[4] || (l[4] = (c) => o("close"))
           })
         ])
       ], 32),
-      i.value ? (p(), v("div", xo, [
-        O(wi, {
+      i.value ? (p(), v("div", To, [
+        O(Li, {
           disabled: e.isAITranslationLoading || e.isAIExplainLoading,
           tts: n.tts,
           onLoadTTS: l[5] || (l[5] = (c) => a.$emit("loadTTS"))
         }, null, 8, ["disabled", "tts"]),
-        e.isAITranslateVisible ? (p(), z(Vi, {
+        e.isAITranslateVisible ? (p(), W(Ui, {
           key: 0,
           isLoading: e.isAITranslationLoading,
           isFilled: e.isAITranslate,
           onClick: l[6] || (l[6] = (c) => o("aiTranslate"))
         }, null, 8, ["isLoading", "isFilled"])) : M("", !0),
-        e.isAIExplainVisible ? (p(), z(Yi, {
+        e.isAIExplainVisible ? (p(), W(Ji, {
           key: 1,
           isLoading: e.isAIExplainLoading,
           isFilled: e.isAIExplain,
           onClick: l[7] || (l[7] = (c) => o("aiExplain"))
         }, null, 8, ["isLoading", "isFilled"])) : M("", !0),
-        n.isFavoriteFeatureEnabled ? (p(), z(Ai, {
+        n.isFavoriteFeatureEnabled ? (p(), W(Ri, {
           key: 2,
           isFilled: n.isFavorite,
           onClick: l[8] || (l[8] = (c) => o("favorite")),
@@ -1689,7 +1689,7 @@ const vo = /* @__PURE__ */ le(ao, [["render", go]]), bo = { class: "flex flex-co
       ])) : M("", !0)
     ]));
   }
-}, Lo = { class: "pointer-events-none absolute inset-0 z-20" }, To = ["data-resize", "aria-label", "onPointerdown"], So = {
+}, Eo = { class: "pointer-events-none absolute inset-0 z-20" }, Ao = ["data-resize", "aria-label", "onPointerdown"], $o = {
   __name: "ResizeHandle",
   emits: ["resizeStart"],
   setup(e, { emit: t }) {
@@ -1706,38 +1706,38 @@ const vo = /* @__PURE__ */ le(ao, [["render", go]]), bo = { class: "flex flex-co
       var a, l;
       r.pointerType === "mouse" && r.button !== 0 || (r.preventDefault(), r.stopPropagation(), (l = (a = r.currentTarget).setPointerCapture) == null || l.call(a, r.pointerId), n("resizeStart", { edge: s, event: r }));
     };
-    return (s, r) => (p(), v("div", Lo, [
-      (p(), v(G, null, me(i, (a) => C("div", {
+    return (s, r) => (p(), v("div", Eo, [
+      (p(), v(J, null, me(i, (a) => C("div", {
         key: a.name,
         "data-resize": a.name,
-        class: $(["pointer-events-auto absolute touch-none hover:bg-base-content/20", a.class]),
+        class: k(["pointer-events-auto absolute touch-none hover:bg-base-content/20", a.class]),
         "aria-label": `Resize from the ${a.name} border`,
         onPointerdown: (l) => o(a.name, l),
-        onClick: r[0] || (r[0] = Zt(() => {
+        onClick: r[0] || (r[0] = Xt(() => {
         }, ["stop"]))
-      }, null, 42, To)), 64))
+      }, null, 42, Ao)), 64))
     ]));
   }
-}, et = 4, Ae = "check", Eo = [
+}, nt = 4, $e = "check", ko = [
   { value: "check", label: "Check" },
   { value: "improve", label: "Improve" },
   { value: "improve-plus", label: "Academy" },
   { value: "friendly", label: "Friendly" },
   { value: "simplify", label: "Simplify" },
   { value: "more-detailed", label: "More detailed" }
-], Ao = /* @__PURE__ */ new Set(["", "text", "search", "email", "url", "tel"]), $o = 4e4;
-function $t(e, t) {
-  return !!e && String(t || "").trim().length >= et;
+], Ro = /* @__PURE__ */ new Set(["", "text", "search", "email", "url", "tel"]), Io = 4e4;
+function Rt(e, t) {
+  return !!e && String(t || "").trim().length >= nt;
 }
-function ko(e) {
+function Bo(e) {
   const t = (e == null ? void 0 : e.nodeType) === 3 ? e.parentElement : e;
   if (!t || t.nodeType !== 1) return !1;
-  if (Ro(t)) return !0;
+  if (Mo(t)) return !0;
   if (t.disabled || t.readOnly) return !1;
   const n = t.tagName;
-  return n === "TEXTAREA" ? !0 : n === "INPUT" ? Ao.has((t.type || "text").toLowerCase()) : !1;
+  return n === "TEXTAREA" ? !0 : n === "INPUT" ? Ro.has((t.type || "text").toLowerCase()) : !1;
 }
-function Ro(e) {
+function Mo(e) {
   var n;
   let t = e;
   for (; t && t.nodeType === 1; ) {
@@ -1749,30 +1749,30 @@ function Ro(e) {
   }
   return !1;
 }
-function Io(e, t) {
-  const n = ft(e), i = ft(t);
-  return !n.length && !i.length ? [] : n.length * i.length > $o ? [{ value: String(t || ""), added: !1, removed: !1 }] : Do(n, i, Oo(n, i));
+function Oo(e, t) {
+  const n = ht(e), i = ht(t);
+  return !n.length && !i.length ? [] : n.length * i.length > Io ? [{ value: String(t || ""), added: !1, removed: !1 }] : _o(n, i, Wo(n, i));
 }
-function Bo(e) {
+function Fo(e) {
   return String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function Mo(e, t) {
-  return Io(e, t).map((n) => {
-    const i = Bo(n.value);
+function Do(e, t) {
+  return Oo(e, t).map((n) => {
+    const i = Fo(n.value);
     return n.added ? `<span class="bg-success/40">${i}</span>` : n.removed ? `<span class="bg-error/30 line-through">${i}</span>` : i;
   }).join("");
 }
-function ft(e) {
+function ht(e) {
   return String(e || "").split(/(\s+)/).filter((t) => t.length);
 }
-function Oo(e, t) {
+function Wo(e, t) {
   const n = Array.from({ length: e.length + 1 }, () => new Array(t.length + 1).fill(0));
   for (let i = e.length - 1; i >= 0; i--)
     for (let o = t.length - 1; o >= 0; o--)
       n[i][o] = e[i] === t[o] ? n[i + 1][o + 1] + 1 : Math.max(n[i + 1][o], n[i][o + 1]);
   return n;
 }
-function Do(e, t, n) {
+function _o(e, t, n) {
   const i = [];
   let o = 0, s = 0;
   const r = (a, l, c) => {
@@ -1791,20 +1791,20 @@ function Do(e, t, n) {
     r(t[s], !0, !1), s += 1;
   return i;
 }
-const Fo = {
+const zo = {
   class: "flex flex-col gap-2 border-t border-base-300 p-3",
   "data-write-view": ""
-}, Wo = { class: "flex items-center gap-1" }, _o = ["value", "disabled"], zo = ["value"], Po = ["disabled"], Vo = ["disabled"], No = {
+}, Po = { class: "flex items-center gap-1" }, Vo = ["value", "disabled"], No = ["value"], Ho = ["disabled"], Uo = ["disabled"], Zo = {
   key: 0,
   "data-write-loading": ""
-}, Ho = {
+}, jo = {
   key: 1,
   class: "text-sm"
-}, Uo = ["innerHTML"], Zo = {
+}, qo = ["innerHTML"], Xo = {
   key: 3,
   class: "whitespace-pre-wrap break-words text-sm",
   "data-result": ""
-}, jo = {
+}, Yo = {
   __name: "WriteView",
   props: {
     text: {
@@ -1825,15 +1825,15 @@ const Fo = {
   },
   emits: ["action", "copy", "replace"],
   setup(e, { emit: t }) {
-    const n = e, i = t, o = R(() => n.text.trim().length < et), s = R(() => !n.loading && !!n.result), r = R(() => n.editable && s.value), a = R(() => n.action === "check" && !!n.result), l = R(() => a.value ? Mo(n.text, n.result) : "");
+    const n = e, i = t, o = I(() => n.text.trim().length < nt), s = I(() => !n.loading && !!n.result), r = I(() => n.editable && s.value), a = I(() => n.action === "check" && !!n.result), l = I(() => a.value ? Do(n.text, n.result) : "");
     function c() {
       s.value && i("copy", n.result);
     }
     function d() {
       r.value && i("replace", { text: n.text, result: n.result });
     }
-    return (h, g) => (p(), v("div", Fo, [
-      C("div", Wo, [
+    return (h, g) => (p(), v("div", zo, [
+      C("div", Po, [
         C("select", {
           class: "select select-bordered select-xs min-w-0 flex-1",
           value: e.action,
@@ -1841,49 +1841,49 @@ const Fo = {
           "data-write-action": "",
           onChange: g[0] || (g[0] = (f) => i("action", f.target.value))
         }, [
-          (p(!0), v(G, null, me(ve(Eo), (f) => (p(), v("option", {
+          (p(!0), v(J, null, me(Ce(ko), (f) => (p(), v("option", {
             key: f.value,
             value: f.value
-          }, ie(f.label), 9, zo))), 128))
-        ], 40, _o),
+          }, ie(f.label), 9, No))), 128))
+        ], 40, Vo),
         C("button", {
           type: "button",
           class: "btn btn-xs",
           disabled: !s.value,
           "data-copy": "",
           onClick: c
-        }, " Copy ", 8, Po),
+        }, " Copy ", 8, Ho),
         C("button", {
           type: "button",
           class: "btn btn-xs btn-primary",
           disabled: !r.value,
           "data-replace": "",
           onClick: d
-        }, " Replace ", 8, Vo)
+        }, " Replace ", 8, Uo)
       ]),
-      e.loading ? (p(), v("div", No, [
-        O(Qe)
-      ])) : e.unavailable ? (p(), v("p", Ho, "Service Unavailable")) : a.value ? (p(), v("pre", {
+      e.loading ? (p(), v("div", Zo, [
+        O(tt)
+      ])) : e.unavailable ? (p(), v("p", jo, "Service Unavailable")) : a.value ? (p(), v("pre", {
         key: 2,
         class: "m-0 whitespace-pre-wrap break-words font-sans text-sm",
         "data-diff": "",
         innerHTML: l.value
-      }, null, 8, Uo)) : e.result ? (p(), v("p", Zo, ie(e.result), 1)) : M("", !0)
+      }, null, 8, qo)) : e.result ? (p(), v("p", Xo, ie(e.result), 1)) : M("", !0)
     ]));
   }
-}, ne = {
+}, X = {
   LOGO: "LOGO",
   LOADING: "LOADING",
   DATA: "DATA",
   ERROR: "ERROR",
   HIDDEN: "HIDDEN"
-}, Xo = 320, qo = 240, Yo = 250, Ko = 120, Go = 8, Jo = ["ar", "fa", "iw", "yi", "ur", "pa"], Qo = {
+}, Ko = 320, Go = 240, Jo = 250, Qo = 120, er = 8, tr = ["ar", "fa", "iw", "yi", "ur", "pa"], nr = {
   key: 0,
   class: "flex justify-center"
-}, er = {
+}, ir = {
   key: 1,
   class: "flex justify-center"
-}, tr = { class: "p-3 border-t border-base-300" }, nr = {
+}, or = { class: "p-3 border-t border-base-300" }, rr = {
   name: "Bubble",
   props: [
     "translation",
@@ -1948,14 +1948,14 @@ const Fo = {
     },
     currentAction() {
       var e;
-      return this.writeAction || ((e = this.writing) == null ? void 0 : e.action) || Ae;
+      return this.writeAction || ((e = this.writing) == null ? void 0 : e.action) || $e;
     },
     activeText() {
       var e, t;
       return this.selectedText || ((e = this.writing) == null ? void 0 : e.text) || ((t = this.data) == null ? void 0 : t.text) || "";
     },
     canWrite() {
-      return this.activeText.trim().length >= et;
+      return this.activeText.trim().length >= nt;
     },
     shownResult() {
       var e;
@@ -1964,7 +1964,7 @@ const Fo = {
   },
   methods: {
     handleLogo() {
-      if ($t(this.editable, this.selectedText)) {
+      if (Rt(this.editable, this.selectedText)) {
         this.$emit("write", { text: this.selectedText, action: this.currentAction });
         return;
       }
@@ -2021,20 +2021,20 @@ const Fo = {
       immediate: !0
     },
     status() {
-      this.status === ne.ERROR && (this.isServiceUnavailable = !0);
+      this.status === X.ERROR && (this.isServiceUnavailable = !0);
     }
   }
-}, ir = /* @__PURE__ */ Object.assign(nr, {
+}, sr = /* @__PURE__ */ Object.assign(rr, {
   setup(e) {
     return (t, n) => {
       var i, o, s, r, a, l, c, d, h, g, f;
-      return e.status === ve(ne).LOGO ? (p(), v("div", Qo, [
-        O(On, { onClick: t.handleLogo }, null, 8, ["onClick"])
-      ])) : e.status === ve(ne).LOADING ? (p(), v("div", er, [
-        O(Hn)
-      ])) : e.status !== ve(ne).HIDDEN ? (p(), v("div", {
+      return e.status === Ce(X).LOGO ? (p(), v("div", nr, [
+        O(Wn, { onClick: t.handleLogo }, null, 8, ["onClick"])
+      ])) : e.status === Ce(X).LOADING ? (p(), v("div", ir, [
+        O(jn)
+      ])) : e.status !== Ce(X).HIDDEN ? (p(), v("div", {
         key: 2,
-        class: $([
+        class: k([
           "wrapper rounded-lg text-base-content text-sm shadow-lg relative bg-[length:300%_300%] bg-[position:0%_50%]",
           e.constrained ? "flex h-full w-full min-w-0 flex-col" : "",
           {
@@ -2044,12 +2044,12 @@ const Fo = {
         ])
       }, [
         C("div", {
-          class: $([
+          class: k([
             "bg-base-100 rounded-md relative z-10",
             e.constrained ? "flex min-h-0 min-w-0 flex-1 flex-col" : ""
           ])
         }, [
-          t.isServiceUnavailable ? (p(), z(dt, {
+          t.isServiceUnavailable ? (p(), W(mt, {
             key: 0,
             class: "shrink-0",
             isServiceUnavailable: t.isServiceUnavailable,
@@ -2065,7 +2065,7 @@ const Fo = {
             onThemeChange: n[4] || (n[4] = (m) => t.$emit("themeChange", m)),
             onRequestTranslate: t.requestTranslate,
             onRequestWrite: t.requestWrite
-          }, null, 8, ["isServiceUnavailable", "theme", "showThemeSelector", "mode", "canWrite", "onRequestTranslate", "onRequestWrite"])) : (p(), z(dt, {
+          }, null, 8, ["isServiceUnavailable", "theme", "showThemeSelector", "mode", "canWrite", "onRequestTranslate", "onRequestWrite"])) : (p(), W(mt, {
             key: 1,
             class: "shrink-0",
             tts: e.tts,
@@ -2094,11 +2094,11 @@ const Fo = {
             onRequestWrite: t.requestWrite
           }, null, 8, ["tts", "isFavorite", "isAITranslate", "isAITranslateVisible", "isAIExplain", "isAIExplainVisible", "isAITranslationLoading", "isAIExplainLoading", "isFavoriteFeatureEnabled", "isLongSentence", "theme", "showThemeSelector", "mode", "canWrite", "onAiTranslate", "onAiExplain", "onRequestTranslate", "onRequestWrite"])),
           C("div", {
-            class: $(
+            class: k(
               e.constrained ? "min-h-0 min-w-0 flex-1 overflow-y-auto overflow-x-hidden break-words overscroll-contain" : ""
             )
           }, [
-            t.isWrite ? (p(), z(jo, {
+            t.isWrite ? (p(), W(Yo, {
               key: 0,
               text: t.activeText,
               result: t.shownResult,
@@ -2109,43 +2109,43 @@ const Fo = {
               onAction: t.handleWriteAction,
               onCopy: t.handleCopy,
               onReplace: t.handleReplace
-            }, null, 8, ["text", "result", "action", "loading", "editable", "unavailable", "onAction", "onCopy", "onReplace"])) : (p(), v(G, { key: 1 }, [
-              C("div", tr, [
-                (l = (a = t.data) == null ? void 0 : a.phonetic) != null && l.src ? (p(), z(qn, {
+            }, null, 8, ["text", "result", "action", "loading", "editable", "unavailable", "onAction", "onCopy", "onReplace"])) : (p(), v(J, { key: 1 }, [
+              C("div", or, [
+                (l = (a = t.data) == null ? void 0 : a.phonetic) != null && l.src ? (p(), W(Gn, {
                   key: 0,
                   phonetic: (d = (c = t.data) == null ? void 0 : c.phonetic) == null ? void 0 : d.src
                 }, null, 8, ["phonetic"])) : M("", !0),
-                O(Kn, {
+                O(Qn, {
                   sentences: t.isServiceUnavailable ? "Service Unavailable" : (h = t.data) == null ? void 0 : h.result
                 }, null, 8, ["sentences"]),
-                O(Qn, {
+                O(ni, {
                   show: t.showAIPrompt,
                   isLoading: t.isAITranslationLoading,
                   onClick: t.handleAITranslate
                 }, null, 8, ["show", "isLoading", "onClick"]),
-                O(ni, {
+                O(ri, {
                   show: t.showAIExplainPrompt,
                   isLoading: t.isAIExplainLoading,
                   onClick: t.handleAIExplain
                 }, null, 8, ["show", "isLoading", "onClick"]),
-                O(ri, {
+                O(ai, {
                   show: t.showLearnPrompt,
                   onClick: t.handleLearn
                 }, null, 8, ["show", "onClick"])
               ]),
-              !t.isServiceUnavailable && ((f = (g = t.data) == null ? void 0 : g.dictionary) == null ? void 0 : f.length) > 0 ? (p(), z(ai, {
+              !t.isServiceUnavailable && ((f = (g = t.data) == null ? void 0 : g.dictionary) == null ? void 0 : f.length) > 0 ? (p(), W(di, {
                 key: 0,
                 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(), z(mi, {
+              !t.isServiceUnavailable && e.isAIExplain && e.explanation ? (p(), W(gi, {
                 key: 1,
                 class: "p-3 pt-0 border-t border-base-300",
                 explanation: e.explanation
               }, null, 8, ["explanation"])) : M("", !0)
             ], 64))
           ], 2),
-          O(So, {
+          O($o, {
             onResizeStart: n[11] || (n[11] = (m) => t.$emit("resizeStart", m))
           })
         ], 2)
@@ -2153,12 +2153,12 @@ const Fo = {
     };
   }
 });
-function or(e) {
+function lr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Ue = { exports: {} }, mt;
-function rr() {
-  return mt || (mt = 1, function(e) {
+var je = { exports: {} }, pt;
+function ar() {
+  return pt || (pt = 1, function(e) {
     (function() {
       var t = [
         "direction",
@@ -2223,20 +2223,19 @@ function rr() {
       }
       e.exports = o;
     })();
-  }(Ue)), Ue.exports;
+  }(je)), je.exports;
 }
-var sr = rr();
-const ht = /* @__PURE__ */ or(sr);
-function Q(e) {
+var cr = ar();
+const gt = /* @__PURE__ */ lr(cr);
+function ee(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)))
+  if (n = n.trim(), e && e.type === "password" || !n.length && (!e || e.selectionStart == null || e.selectionEnd == null || e.selectionStart === e.selectionEnd || (n = e.value.substring(e.selectionStart, e.selectionEnd), n = n.trim(), !n.length)))
     return !1;
-  let i = ar(t), { top: o, bottom: s, left: r, width: a, height: l } = i;
+  let i = fr(t), { top: o, bottom: s, left: r, width: a, height: l } = i;
   if (!s && !r) {
-    if (!e.selectionEnd)
-      return !1;
-    let c = ht(e, e.selectionStart), d = ht(e, e.selectionEnd);
+    if (!e || e.selectionStart == null || e.selectionEnd == null) return !1;
+    let c = gt(e, e.selectionStart), d = gt(e, e.selectionEnd);
     i = e.getBoundingClientRect(), r = i.left + c.left, a = d.left - c.left, c.top != d.top && (r = i.left, a = i.width), o = i.top + c.top, s = i.top + d.top + 20;
   }
   return l === 0 && (l = s - o), {
@@ -2252,11 +2251,14 @@ function Q(e) {
     height: l
   };
 }
-function lr(e) {
+function ur(e) {
   var t;
   return ((t = e == null ? void 0 : e.key) == null ? void 0 : t.toLowerCase()) === "a" && !!(e.ctrlKey || e.metaKey);
 }
-function ar(e) {
+function dr(e) {
+  return (e == null ? void 0 : e.key) === "Control" || (e == null ? void 0 : e.key) === "Meta" || (e == null ? void 0 : e.key) === "Shift" || (e == null ? void 0 : e.key) === "Alt";
+}
+function fr(e) {
   if (!e || e.rangeCount === 0)
     return { top: 0, bottom: 0, left: 0, width: 0, height: 0 };
   try {
@@ -2265,7 +2267,7 @@ function ar(e) {
     return { top: 0, bottom: 0, left: 0, width: 0, height: 0 };
   }
 }
-function cr() {
+function mr() {
   const e = document.getElementsByTagName("ddict-div");
   for (let t of e)
     if (!t.parentNode.matches('wrapper[dir="rtl"]')) {
@@ -2273,17 +2275,17 @@ function cr() {
       n.setAttribute("dir", "rtl"), t.parentNode.insertBefore(n, t), n.appendChild(t);
     }
 }
-function ur() {
+function hr() {
   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 pt = {
-  supportRTL: cr,
-  removeRTL: ur
-}, dr = 2, fr = {
+const vt = {
+  supportRTL: mr,
+  removeRTL: hr
+}, pr = 2, gr = {
   n: { x: !1, y: !0, fromStartX: !1, fromStartY: !0 },
   s: { x: !1, y: !0, fromStartX: !1, fromStartY: !1 },
   e: { x: !0, y: !1, fromStartX: !1, fromStartY: !1 },
@@ -2293,14 +2295,14 @@ const pt = {
   se: { x: !0, y: !0, fromStartX: !1, fromStartY: !1 },
   sw: { x: !0, y: !0, fromStartX: !0, fromStartY: !1 }
 };
-function mr(e, t, n = dr) {
+function vr(e, t, n = pr) {
   return Math.abs(e) >= n || Math.abs(t) >= n;
 }
-function Ee(e, t, n) {
+function Ae(e, t, n) {
   const i = n > t ? n : t;
   return Math.min(i, Math.max(t, e));
 }
-function hr({
+function br({
   x: e,
   y: t,
   width: n,
@@ -2315,37 +2317,37 @@ function hr({
   viewportHeight: h,
   margin: g = 8
 }) {
-  const f = fr[a];
+  const f = gr[a];
   if (!f) return { x: e, y: t, width: n, height: i };
   const m = r > 0 ? r : 1, w = e + n * m, y = t + i * m, L = d - g, x = h - g;
-  let T = e, A = t, S = n, B = i;
+  let S = e, A = t, T = n, B = i;
   if (f.x && f.fromStartX) {
-    const E = g, D = w - l * m;
-    T = Ee(e + o, E, D), S = (w - T) / m;
-  } else f.x && (S = Ee(
+    const E = g, F = w - l * m;
+    S = Ae(e + o, E, F), T = (w - S) / m;
+  } else f.x && (T = Ae(
     n + o / m,
     l,
     Math.max(l, (L - e) / m)
   ));
   if (f.y && f.fromStartY) {
-    const E = g, D = y - c * m;
-    A = Ee(t + s, E, D), B = (y - A) / m;
-  } else f.y && (B = Ee(
+    const E = g, F = y - c * m;
+    A = Ae(t + s, E, F), B = (y - A) / m;
+  } else f.y && (B = Ae(
     i + s / m,
     c,
     Math.max(c, (x - t) / m)
   ));
   return {
-    x: Math.round(T),
+    x: Math.round(S),
     y: Math.round(A),
-    width: Math.round(S),
+    width: Math.round(T),
     height: Math.round(B)
   };
 }
-function pr(e) {
-  const t = xr(e);
+function Cr(e) {
+  const t = Er(e);
   if (!t) return null;
-  if (Lr(t)) {
+  if (Ar(t)) {
     const s = t.selectionStart, r = t.selectionEnd;
     return s == null || r == null || s === r ? null : {
       kind: "value",
@@ -2360,10 +2362,10 @@ function pr(e) {
   const i = n.getRangeAt(0).cloneRange(), o = i.toString();
   return o ? { kind: "range", element: t, range: i, text: o } : null;
 }
-function gr(e, t) {
-  return !e || t == null ? !1 : e.kind === "value" ? br(e, t) : Cr(e, t);
+function wr(e, t) {
+  return !e || t == null ? !1 : e.kind === "value" ? xr(e, t) : Lr(e, t);
 }
-async function vr(e) {
+async function yr(e) {
   var t;
   if (!e) return !1;
   try {
@@ -2371,32 +2373,32 @@ async function vr(e) {
       return await navigator.clipboard.writeText(e), !0;
   } catch {
   }
-  return yr(e);
+  return Tr(e);
 }
-function br(e, t) {
+function xr(e, t) {
   const n = e.element;
   if (!n || n.value.slice(e.start, e.end) !== e.text) return !1;
   const i = n.value.slice(0, e.start) + t + n.value.slice(e.end);
-  wr(n, i);
+  Sr(n, i);
   const o = e.start + t.length;
-  return n.focus(), n.setSelectionRange(o, o), kt(n), !0;
+  return n.focus(), n.setSelectionRange(o, o), It(n), !0;
 }
-function Cr(e, t) {
+function Lr(e, t) {
   const n = e.range;
   if (!n || n.toString() !== e.text) return !1;
   n.deleteContents();
   const i = n.startContainer.ownerDocument.createTextNode(t);
-  return n.insertNode(i), n.setStartAfter(i), n.collapse(!0), kt(e.element), !0;
+  return n.insertNode(i), n.setStartAfter(i), n.collapse(!0), It(e.element), !0;
 }
-function wr(e, t) {
+function Sr(e, t) {
   var i;
   const n = (i = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(e), "value")) == null ? void 0 : i.set;
   n ? n.call(e, t) : e.value = t;
 }
-function kt(e) {
+function It(e) {
   e.dispatchEvent(new Event("input", { bubbles: !0 })), e.dispatchEvent(new Event("change", { bubbles: !0 }));
 }
-function yr(e) {
+function Tr(e) {
   const t = document.createElement("textarea");
   t.value = e, t.setAttribute("readonly", ""), t.style.position = "fixed", t.style.left = "-9999px", document.body.appendChild(t), t.select();
   let n = !1;
@@ -2407,13 +2409,13 @@ function yr(e) {
   }
   return t.remove(), n;
 }
-function xr(e) {
+function Er(e) {
   return e ? e.nodeType === 3 ? e.parentElement : e : null;
 }
-function Lr(e) {
+function Ar(e) {
   return e.tagName === "TEXTAREA" || e.tagName === "INPUT";
 }
-const Tr = {
+const $r = {
   __name: "HotKeysListener",
   props: {
     textSelected: String
@@ -2444,13 +2446,13 @@ const Tr = {
           break;
       }
     };
-    return gt(() => {
+    return bt(() => {
       window.addEventListener("dblclick", o), window.addEventListener("keydown", s), window.addEventListener("keyup", r);
-    }), qe(() => {
+    }), Ke(() => {
       window.removeEventListener("dblclick", o), window.removeEventListener("keydown", s), window.removeEventListener("keyup", r);
     }), (l, c) => (p(), v("div"));
   }
-}, Sr = ["data-theme"], Ar = {
+}, kr = ["data-theme"], Ir = {
   __name: "BubbleWrapper",
   props: {
     translation: Object,
@@ -2487,7 +2489,7 @@ const Tr = {
     },
     writeAction: {
       type: String,
-      default: Ae
+      default: $e
     },
     isWriteLoading: {
       type: Boolean,
@@ -2510,38 +2512,38 @@ const Tr = {
     "copy"
   ],
   setup(e, { emit: t }) {
-    const n = e, i = t, o = k(null), s = k(null), r = k(null), a = k(!1), l = k(""), c = k(!1), d = k(n.writeAction || Ae);
+    const n = e, i = t, o = R(null), s = R(null), r = R(null), a = R(!1), l = R(""), c = R(!1), d = R(n.writeAction || $e);
     let h = null;
-    ee(
+    te(
       () => n.writeAction,
       (u, b) => {
         u && u !== b && (d.value = u);
       }
     );
-    const g = k(n.theme), f = k(!1), m = k(!1), w = k({ x: 0, y: 0 }), y = k(null), L = k(null), x = k(null), T = k(!1);
-    let A = !1, S = 0, B = !1, E = "", D = "";
-    const Z = R(() => typeof window > "u" || !r.value || !l.value ? null : {
-      getBoundingClientRect: () => Q(r.value),
-      getClientRects: () => Q(r.value)
-    }), { floatingStyles: J, update: he } = kn(Z, o, {
+    const g = R(n.theme), f = R(!1), m = R(!1), w = R({ x: 0, y: 0 }), y = R(null), L = R(null), x = R(null), S = R(!1);
+    let A = !1, T = 0, B = !1, E = "", F = "";
+    const U = I(() => typeof window > "u" || !r.value || !l.value ? null : {
+      getBoundingClientRect: () => ee(r.value),
+      getClientRects: () => ee(r.value)
+    }), { floatingStyles: Q, update: he } = Bn(U, o, {
       placement: "bottom",
-      middleware: [Tn(4), En(), Sn()],
-      whileElementsMounted(u, b, I) {
-        return Ln(u, b, I, {
+      middleware: [An(4), kn(), $n()],
+      whileElementsMounted(u, b, $) {
+        return En(u, b, $, {
           ancestorScroll: !0,
           elementResize: !1
         });
       }
-    }), pe = R(
-      () => n.status === ne.DATA || n.status === ne.ERROR
-    ), V = R(() => {
+    }), pe = I(
+      () => n.status === X.DATA || n.status === X.ERROR
+    ), V = I(() => {
       var u, b;
       return pe.value ? {
-        width: ((u = L.value) == null ? void 0 : u.width) ?? Xo,
-        height: ((b = L.value) == null ? void 0 : b.height) ?? qo
+        width: ((u = L.value) == null ? void 0 : u.width) ?? Ko,
+        height: ((b = L.value) == null ? void 0 : b.height) ?? Go
       } : null;
-    }), j = R(() => {
-      let u = J.value;
+    }), Z = I(() => {
+      let u = Q.value;
       if (y.value)
         u = {
           ...u,
@@ -2550,8 +2552,8 @@ const Tr = {
           top: `${y.value.y}px`,
           transform: "none"
         };
-      else if (T.value && r.value && l.value) {
-        const b = Q(r.value);
+      else if (S.value && r.value && l.value) {
+        const b = ee(r.value);
         b && (u = {
           ...u,
           position: "fixed",
@@ -2570,104 +2572,113 @@ const Tr = {
         maxWidth: `${V.value.width}px`,
         boxSizing: "border-box"
       }), u;
-    }), ye = R(() => {
+    }), Le = I(() => {
       const u = {
         transform: n.scale !== 1 ? `scale(${n.scale})` : "none",
         transformOrigin: "top left"
       };
       return V.value && (u.width = `${V.value.width}px`, u.height = `${V.value.height}px`, u.boxSizing = "border-box"), u;
     });
-    gt(() => {
-      document.addEventListener("keyup", q), document.addEventListener("select", N), document.documentElement.onclick = (u) => {
-        if (tt()) return;
-        const b = Q(u.target);
+    bt(() => {
+      document.addEventListener("keyup", q), document.addEventListener("select", _), document.addEventListener("selectionchange", z), document.documentElement.onclick = (u) => {
+        if (it()) return;
+        const b = ee(u.target);
         if (!b) {
-          _();
+          _e();
           return;
         }
-        W(b, u);
+        We(b, u);
       }, document.documentElement.ontouchend = (u) => {
-        if (tt()) return;
-        const b = Q(u.target);
+        if (it()) return;
+        const b = ee(u.target);
         if (!b) {
-          _();
+          _e();
           return;
         }
-        W(b, u);
+        We(b, u);
       };
-    }), qe(() => {
-      document.removeEventListener("keyup", q), document.removeEventListener("select", N), document.documentElement.onclick = null, document.documentElement.ontouchend = null, clearTimeout(S), document.removeEventListener("mousemove", We), document.removeEventListener("mouseup", ze), document.removeEventListener("touchmove", _e), document.removeEventListener("touchend", Pe), Ne();
+    }), Ke(() => {
+      document.removeEventListener("keyup", q), document.removeEventListener("select", _), document.removeEventListener("selectionchange", z), cancelAnimationFrame(j), document.documentElement.onclick = null, document.documentElement.ontouchend = null, clearTimeout(T), document.removeEventListener("mousemove", ze), document.removeEventListener("mouseup", Ve), document.removeEventListener("touchmove", Pe), document.removeEventListener("touchend", Ne), Ue();
     });
+    let j = 0;
     const q = (u) => {
-      if (lr(u)) {
-        N(u);
-        return;
+      if (!dr(u)) {
+        if (ur(u)) {
+          ge();
+          return;
+        }
+        ee(u.target) || _e();
       }
-      Q(u.target) || _();
-    }, N = (u) => {
-      const b = Q(u.target);
-      b && W(b, u);
-    }, W = (u, b) => {
-      n.status !== ne.LOGO && i("close"), a.value && !T.value && (T.value = !0), r.value = b.target, c.value = ko(b.target), h = c.value ? pr(b.target) : null, l.value = u.text, a.value = !0, it(he);
-    }, _ = () => {
-      l.value = "", c.value = !1, h = null, xe();
-    }, Fe = (u) => {
-      vr(u), i("copy", u);
-    }, Rt = (u) => {
-      gr(h, u == null ? void 0 : u.result), h = null, i("replace", u), xe();
-    }, It = (u) => {
-      u != null && u.action && (d.value = u.action), i("write", u);
+    }, _ = (u) => {
+      ge(u.target);
+    }, z = () => {
+      n.status === X.DATA || n.status === X.LOADING || ge();
+    }, ge = (u) => {
+      cancelAnimationFrame(j), j = requestAnimationFrame(() => {
+        const b = u || document.activeElement, $ = ee(b);
+        $ && (a.value && l.value === $.text || We($, { target: b }));
+      });
+    }, We = (u, b) => {
+      n.status !== X.LOGO && i("close"), a.value && !S.value && (S.value = !0), r.value = b.target, c.value = Bo(b.target), h = c.value ? Cr(b.target) : null, l.value = u.text, a.value = !0, rt(he);
+    }, _e = () => {
+      l.value = "", c.value = !1, h = null, ve();
     }, Bt = (u) => {
-      if ($t(c.value, l.value)) {
+      yr(u), i("copy", u), ve();
+    }, Mt = (u) => {
+      wr(h, u == null ? void 0 : u.result), h = null, i("replace", u), ve();
+    }, Ot = (u) => {
+      u != null && u.action && (d.value = u.action), i("write", u);
+    }, Ft = (u) => {
+      if (Rt(c.value, l.value)) {
         i("write", {
           text: l.value,
-          action: d.value || Ae
+          action: d.value || $e
         });
         return;
       }
       i("toggleKey", u);
-    }, Mt = (u) => {
+    }, Dt = (u) => {
       u.stopPropagation();
-    }, xe = async () => {
-      Ne(), a.value = !1, y.value = null, T.value = !1, i("close");
-    }, Ot = (u) => {
+    }, ve = async () => {
+      Ue(), a.value = !1, y.value = null, S.value = !1, i("close");
+    }, Wt = (u) => {
       g.value = u, i("themeChange", u);
-    }, Dt = ({ type: u, event: b }) => {
+    }, _t = ({ type: u, event: b }) => {
       f.value = !0;
-      const I = o.value.getBoundingClientRect();
+      const $ = o.value.getBoundingClientRect();
       if (u === "mouse")
         w.value = {
-          x: b.clientX - I.left,
-          y: b.clientY - I.top
-        }, document.addEventListener("mousemove", We), document.addEventListener("mouseup", ze);
+          x: b.clientX - $.left,
+          y: b.clientY - $.top
+        }, document.addEventListener("mousemove", ze), document.addEventListener("mouseup", Ve);
       else if (u === "touch") {
         const ae = b.touches[0];
         w.value = {
-          x: ae.clientX - I.left,
-          y: ae.clientY - I.top
-        }, document.addEventListener("touchmove", _e), document.addEventListener("touchend", Pe);
+          x: ae.clientX - $.left,
+          y: ae.clientY - $.top
+        }, document.addEventListener("touchmove", Pe), document.addEventListener("touchend", Ne);
       }
-    }, We = (u) => {
+    }, ze = (u) => {
       f.value && (y.value = {
         x: u.clientX - w.value.x,
         y: u.clientY - w.value.y
       });
-    }, _e = (u) => {
+    }, Pe = (u) => {
       if (!f.value) return;
       const b = u.touches[0];
       y.value = {
         x: b.clientX - w.value.x,
         y: b.clientY - w.value.y
       };
-    }, ze = () => {
-      f.value && Ve(), f.value = !1, document.removeEventListener("mousemove", We), document.removeEventListener("mouseup", ze);
-    }, Pe = () => {
-      f.value && Ve(), f.value = !1, document.removeEventListener("touchmove", _e), document.removeEventListener("touchend", Pe);
-    }, tt = () => f.value || m.value ? !0 : A ? (A = !1, clearTimeout(S), !0) : !1, Ve = () => {
-      A = !0, clearTimeout(S), S = window.setTimeout(() => {
+    }, Ve = () => {
+      f.value && He(), f.value = !1, document.removeEventListener("mousemove", ze), document.removeEventListener("mouseup", Ve);
+    }, Ne = () => {
+      f.value && He(), f.value = !1, document.removeEventListener("touchmove", Pe), document.removeEventListener("touchend", Ne);
+    }, it = () => f.value || m.value ? !0 : A ? (A = !1, clearTimeout(T), !0) : !1, He = () => {
+      A = !0, clearTimeout(T), T = window.setTimeout(() => {
         A = !1;
       }, 50);
-    }, Ft = {
+    }, zt = {
       n: "ns-resize",
       s: "ns-resize",
       e: "ew-resize",
@@ -2676,81 +2687,81 @@ const Tr = {
       sw: "nesw-resize",
       nw: "nwse-resize",
       se: "nwse-resize"
-    }, Wt = (u) => {
-      !document.body || B || (E = document.body.style.cursor, D = document.body.style.userSelect, document.body.style.cursor = Ft[u] || "nwse-resize", document.body.style.userSelect = "none", B = !0);
-    }, _t = () => {
-      !document.body || !B || (document.body.style.cursor = E, document.body.style.userSelect = D, B = !1);
-    }, zt = ({ edge: u, event: b }) => {
+    }, Pt = (u) => {
+      !document.body || B || (E = document.body.style.cursor, F = document.body.style.userSelect, document.body.style.cursor = zt[u] || "nwse-resize", document.body.style.userSelect = "none", B = !0);
+    }, Vt = () => {
+      !document.body || !B || (document.body.style.cursor = E, document.body.style.userSelect = F, B = !1);
+    }, Nt = ({ edge: u, event: b }) => {
       if (!s.value || !o.value || !s.value.offsetWidth || !s.value.offsetHeight) return;
-      const I = o.value.getBoundingClientRect();
+      const $ = o.value.getBoundingClientRect();
       m.value = !0, x.value = {
         pointerX: b.clientX,
         pointerY: b.clientY,
-        left: I.left,
-        top: I.top,
+        left: $.left,
+        top: $.top,
         width: s.value.offsetWidth,
         height: s.value.offsetHeight,
         edge: u,
         moved: !1
-      }, Wt(u), document.addEventListener("pointermove", nt), document.addEventListener("pointerup", Le), document.addEventListener("pointercancel", Le);
-    }, Pt = (u, b) => {
+      }, Pt(u), document.addEventListener("pointermove", ot), document.addEventListener("pointerup", Se), document.addEventListener("pointercancel", Se);
+    }, Ht = (u, b) => {
       if (!m.value || !x.value || !o.value) return;
-      const I = u - x.value.pointerX, ae = b - x.value.pointerY;
-      if (!x.value.moved && !mr(I, ae)) return;
+      const $ = u - x.value.pointerX, ae = b - x.value.pointerY;
+      if (!x.value.moved && !vr($, ae)) return;
       x.value.moved = !0;
-      const Te = hr({
+      const Te = br({
         x: x.value.left,
         y: x.value.top,
         width: x.value.width,
         height: x.value.height,
-        dx: I,
+        dx: $,
         dy: ae,
         scale: n.scale,
         edge: x.value.edge,
-        minWidth: Yo,
-        minHeight: Ko,
+        minWidth: Jo,
+        minHeight: Qo,
         viewportWidth: window.innerWidth,
         viewportHeight: window.innerHeight,
-        margin: Go
+        margin: er
       });
       y.value = { x: Te.x, y: Te.y }, L.value = { width: Te.width, height: Te.height };
-    }, nt = (u) => {
-      u.cancelable && u.preventDefault(), Pt(u.clientX, u.clientY);
-    }, Le = () => {
-      Ne();
-    }, Ne = () => {
-      m.value && Ve(), m.value = !1, x.value = null, _t(), document.removeEventListener("pointermove", nt), document.removeEventListener("pointerup", Le), document.removeEventListener("pointercancel", Le);
-    }, Vt = () => {
+    }, ot = (u) => {
+      u.cancelable && u.preventDefault(), Ht(u.clientX, u.clientY);
+    }, Se = () => {
+      Ue();
+    }, Ue = () => {
+      m.value && He(), m.value = !1, x.value = null, Vt(), document.removeEventListener("pointermove", ot), document.removeEventListener("pointerup", Se), document.removeEventListener("pointercancel", Se);
+    }, Ut = () => {
       var b;
       const u = (b = n == null ? void 0 : n.translation) == null ? void 0 : b.target;
-      Jo.includes(u) ? pt.supportRTL() : pt.removeRTL();
+      tr.includes(u) ? vt.supportRTL() : vt.removeRTL();
     };
-    return ee(
+    return te(
       () => n.status,
       () => {
-        a.value && it(he), Vt();
+        a.value && rt(he), Ut();
       }
-    ), ee(
+    ), te(
       () => n.theme,
       (u) => {
         g.value = u;
       }
-    ), (u, b) => (p(), v(G, null, [
+    ), (u, b) => (p(), v(J, null, [
       a.value ? (p(), v("div", {
         key: 0,
         ref_key: "floatingEl",
         ref: o,
-        style: Ze(j.value),
-        onClick: Mt
+        style: qe(Z.value),
+        onClick: Dt
       }, [
         C("div", {
           ref_key: "contentEl",
           ref: s,
           class: "relative rounded-lg",
-          style: Ze(ye.value),
+          style: qe(Le.value),
           "data-theme": g.value
         }, [
-          O(ir, {
+          O(sr, {
             translation: n.translation,
             explanation: n.explanation,
             tts: n.tts,
@@ -2769,31 +2780,31 @@ const Tr = {
             isWriteLoading: n.isWriteLoading,
             editable: c.value,
             selectedText: l.value,
-            onLogo: b[0] || (b[0] = (I) => i("logo")),
-            onWrite: It,
-            onReplace: Rt,
-            onCopy: Fe,
-            onFavorite: b[1] || (b[1] = (I) => i("favorite")),
-            onSettings: b[2] || (b[2] = (I) => i("settings")),
-            onClose: xe,
-            onLoadTTS: b[3] || (b[3] = (I) => i("loadTTS")),
-            onAiTranslate: b[4] || (b[4] = (I) => i("aiTranslate")),
-            onAiExplain: b[5] || (b[5] = (I) => i("aiExplain")),
-            onLearn: b[6] || (b[6] = (I) => i("learn", I)),
-            onThemeChange: Ot,
-            onDragStart: Dt,
-            onResizeStart: zt
+            onLogo: b[0] || (b[0] = ($) => i("logo")),
+            onWrite: Ot,
+            onReplace: Mt,
+            onCopy: Bt,
+            onFavorite: b[1] || (b[1] = ($) => i("favorite")),
+            onSettings: b[2] || (b[2] = ($) => i("settings")),
+            onClose: ve,
+            onLoadTTS: b[3] || (b[3] = ($) => i("loadTTS")),
+            onAiTranslate: b[4] || (b[4] = ($) => i("aiTranslate")),
+            onAiExplain: b[5] || (b[5] = ($) => i("aiExplain")),
+            onLearn: b[6] || (b[6] = ($) => i("learn", $)),
+            onThemeChange: Wt,
+            onDragStart: _t,
+            onResizeStart: Nt
           }, null, 8, ["translation", "explanation", "tts", "status", "isFavorite", "isFavoriteFeatureEnabled", "isAITranslate", "isAIExplain", "aiExplainMinLength", "theme", "showThemeSelector", "constrained", "mode", "writing", "writeAction", "isWriteLoading", "editable", "selectedText"])
-        ], 12, Sr)
+        ], 12, kr)
       ], 4)) : M("", !0),
-      O(Tr, {
+      O($r, {
         textSelected: l.value,
-        onToggleKey: Bt,
-        onClose: xe
+        onToggleKey: Ft,
+        onClose: ve
       }, null, 8, ["textSelected"])
     ], 64));
   }
 };
 export {
-  Ar as default
+  Ir as default
 };