@ddict/bubble 1.3.5 → 1.3.6

package/dist/bubble.es.js

@@ -1,54 +1,54 @@
-import { computed as B, ref as R, shallowRef as It, watch as ue, getCurrentScope as Mt, onScopeDispose as Dt, shallowReadonly as ae, unref as Te, createElementBlock as w, openBlock as p, createStaticVNode as Ne, createElementVNode as b, createVNode as H, toDisplayString as ge, Fragment as be, renderList as Re, createCommentVNode as M, normalizeClass as k, createTextVNode as ve, onUnmounted as We, createBlock as N, normalizeStyle as Pe, withModifiers as Qe, onMounted as mt, nextTick as Fe } from "vue";
-const G = Math.min, O = Math.max, $e = Math.round, Ee = Math.floor, q = (e) => ({
+import { computed as B, ref as R, shallowRef as $t, watch as ae, getCurrentScope as At, onScopeDispose as kt, shallowReadonly as se, unref as Te, createElementBlock as b, openBlock as v, createStaticVNode as He, createElementVNode as w, createVNode as P, toDisplayString as pe, Fragment as de, renderList as Ce, createCommentVNode as M, normalizeClass as k, createTextVNode as ve, onUnmounted as Ue, createBlock as V, normalizeStyle as Ve, withModifiers as Rt, onMounted as lt, nextTick as Ke } from "vue";
+const $e = Math.min, J = Math.max, Ae = Math.round, Se = Math.floor, G = (e) => ({
   x: e,
   y: e
-}), Ot = {
+}), Bt = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Ft = {
+}, It = {
   start: "end",
   end: "start"
 };
-function et(e, t, n) {
-  return O(e, G(t, n));
+function qe(e, t, n) {
+  return J(e, $e(t, n));
 }
-function we(e, t) {
+function Be(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function J(e) {
+function ee(e) {
   return e.split("-")[0];
 }
-function xe(e) {
+function Ie(e) {
   return e.split("-")[1];
 }
-function ht(e) {
+function ct(e) {
   return e === "x" ? "y" : "x";
 }
-function pt(e) {
+function ut(e) {
   return e === "y" ? "height" : "width";
 }
-function oe(e) {
-  return ["top", "bottom"].includes(J(e)) ? "y" : "x";
+function ce(e) {
+  return ["top", "bottom"].includes(ee(e)) ? "y" : "x";
 }
-function gt(e) {
-  return ht(oe(e));
+function dt(e) {
+  return ct(ce(e));
 }
-function zt(e, t, n) {
+function Mt(e, t, n) {
   n === void 0 && (n = !1);
-  const o = xe(e), i = gt(e), r = pt(i);
+  const o = Ie(e), i = dt(e), r = ut(i);
   let s = i === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
-  return t.reference[r] > t.floating[r] && (s = Ae(s)), [s, Ae(s)];
+  return t.reference[r] > t.floating[r] && (s = ke(s)), [s, ke(s)];
 }
-function _t(e) {
-  const t = Ae(e);
-  return [He(e), t, He(t)];
+function Dt(e) {
+  const t = ke(e);
+  return [Ne(e), t, Ne(t)];
 }
-function He(e) {
-  return e.replace(/start|end/g, (t) => Ft[t]);
+function Ne(e) {
+  return e.replace(/start|end/g, (t) => It[t]);
 }
-function Vt(e, t, n) {
+function Ot(e, t, n) {
   const o = ["left", "right"], i = ["right", "left"], r = ["top", "bottom"], s = ["bottom", "top"];
   switch (e) {
     case "top":
@@ -61,15 +61,15 @@ function Vt(e, t, n) {
       return [];
   }
 }
-function Pt(e, t, n, o) {
-  const i = xe(e);
-  let r = Vt(J(e), n === "start", o);
-  return i && (r = r.map((s) => s + "-" + i), t && (r = r.concat(r.map(He)))), r;
+function Ft(e, t, n, o) {
+  const i = Ie(e);
+  let r = Ot(ee(e), n === "start", o);
+  return i && (r = r.map((s) => s + "-" + i), t && (r = r.concat(r.map(Ne)))), r;
 }
-function Ae(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => Ot[t]);
+function ke(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => Bt[t]);
 }
-function Ht(e) {
+function zt(e) {
   return {
     top: 0,
     right: 0,
@@ -78,15 +78,15 @@ function Ht(e) {
     ...e
   };
 }
-function Nt(e) {
-  return typeof e != "number" ? Ht(e) : {
+function _t(e) {
+  return typeof e != "number" ? zt(e) : {
     top: e,
     right: e,
     bottom: e,
     left: e
   };
 }
-function ke(e) {
+function Re(e) {
   const {
     x: t,
     y: n,
@@ -104,12 +104,12 @@ function ke(e) {
     y: n
   };
 }
-function tt(e, t, n) {
+function Je(e, t, n) {
   let {
     reference: o,
     floating: i
   } = e;
-  const r = oe(t), s = gt(t), a = pt(s), l = J(t), c = r === "y", u = o.x + o.width / 2 - i.width / 2, d = o.y + o.height / 2 - i.height / 2, h = o[a] / 2 - i[a] / 2;
+  const r = ce(t), s = dt(t), a = ut(s), l = ee(t), c = r === "y", u = o.x + o.width / 2 - i.width / 2, d = o.y + o.height / 2 - i.height / 2, h = o[a] / 2 - i[a] / 2;
   let m;
   switch (l) {
     case "top":
@@ -142,7 +142,7 @@ function tt(e, t, n) {
         y: o.y
       };
   }
-  switch (xe(t)) {
+  switch (Ie(t)) {
     case "start":
       m[s] -= h * (n && c ? -1 : 1);
       break;
@@ -152,7 +152,7 @@ function tt(e, t, n) {
   }
   return m;
 }
-const Wt = async (e, t, n) => {
+const Pt = async (e, t, n) => {
   const {
     placement: o = "bottom",
     strategy: i = "absolute",
@@ -166,17 +166,17 @@ const Wt = async (e, t, n) => {
   }), {
     x: u,
     y: d
-  } = tt(c, o, l), h = o, m = {}, f = 0;
-  for (let v = 0; v < a.length; v++) {
+  } = Je(c, o, l), h = o, m = {}, f = 0;
+  for (let g = 0; g < a.length; g++) {
     const {
-      name: x,
-      fn: y
-    } = a[v], {
+      name: y,
+      fn: x
+    } = a[g], {
       x: L,
       y: S,
       data: $,
-      reset: E
-    } = await y({
+      reset: T
+    } = await x({
       x: u,
       y: d,
       initialPlacement: o,
@@ -192,18 +192,18 @@ const Wt = async (e, t, n) => {
     });
     u = L ?? u, d = S ?? d, m = {
       ...m,
-      [x]: {
-        ...m[x],
+      [y]: {
+        ...m[y],
         ...$
       }
-    }, E && f <= 50 && (f++, typeof E == "object" && (E.placement && (h = E.placement), E.rects && (c = E.rects === !0 ? await s.getElementRects({
+    }, T && f <= 50 && (f++, typeof T == "object" && (T.placement && (h = T.placement), T.rects && (c = T.rects === !0 ? await s.getElementRects({
       reference: e,
       floating: t,
       strategy: i
-    }) : E.rects), {
+    }) : T.rects), {
       x: u,
       y: d
-    } = tt(c, h, l)), v = -1);
+    } = Je(c, h, l)), g = -1);
   }
   return {
     x: u,
@@ -213,7 +213,7 @@ const Wt = async (e, t, n) => {
     middlewareData: m
   };
 };
-async function Ue(e, t) {
+async function ft(e, t) {
   var n;
   t === void 0 && (t = {});
   const {
@@ -229,8 +229,8 @@ async function Ue(e, t) {
     elementContext: d = "floating",
     altBoundary: h = !1,
     padding: m = 0
-  } = we(t, e), f = Nt(m), x = a[h ? d === "floating" ? "reference" : "floating" : d], y = ke(await r.getClippingRect({
-    element: (n = await (r.isElement == null ? void 0 : r.isElement(x))) == null || n ? x : x.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(a.floating)),
+  } = Be(t, e), f = _t(m), y = a[h ? d === "floating" ? "reference" : "floating" : d], x = Re(await r.getClippingRect({
+    element: (n = await (r.isElement == null ? void 0 : r.isElement(y))) == null || n ? y : y.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(a.floating)),
     boundary: c,
     rootBoundary: u,
     strategy: l
@@ -245,20 +245,20 @@ async function Ue(e, t) {
   } : {
     x: 1,
     y: 1
-  }, E = ke(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, T = Re(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: a,
     rect: L,
     offsetParent: S,
     strategy: l
   }) : L);
   return {
-    top: (y.top - E.top + f.top) / $.y,
-    bottom: (E.bottom - y.bottom + f.bottom) / $.y,
-    left: (y.left - E.left + f.left) / $.x,
-    right: (E.right - y.right + f.right) / $.x
+    top: (x.top - T.top + f.top) / $.y,
+    bottom: (T.bottom - x.bottom + f.bottom) / $.y,
+    left: (x.left - T.left + f.left) / $.x,
+    right: (T.right - x.right + f.right) / $.x
   };
 }
-const Ut = function(e) {
+const Vt = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -277,60 +277,60 @@ const Ut = function(e) {
         fallbackPlacements: h,
         fallbackStrategy: m = "bestFit",
         fallbackAxisSideDirection: f = "none",
-        flipAlignment: v = !0,
-        ...x
-      } = we(e, t);
+        flipAlignment: g = !0,
+        ...y
+      } = Be(e, t);
       if ((n = r.arrow) != null && n.alignmentOffset)
         return {};
-      const y = J(i), L = oe(a), S = J(a) === a, $ = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), E = h || (S || !v ? [Ae(a)] : _t(a)), I = f !== "none";
-      !h && I && E.push(...Pt(a, v, f, $));
-      const T = [a, ...E], D = await Ue(t, x), z = [];
-      let _ = ((o = r.flip) == null ? void 0 : o.overflows) || [];
-      if (u && z.push(D[y]), d) {
-        const j = zt(i, s, $);
-        z.push(D[j[0]], D[j[1]]);
+      const x = ee(i), L = ce(a), S = ee(a) === a, $ = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), T = h || (S || !g ? [ke(a)] : Dt(a)), I = f !== "none";
+      !h && I && T.push(...Ft(a, g, f, $));
+      const E = [a, ...T], D = await ft(t, y), H = [];
+      let O = ((o = r.flip) == null ? void 0 : o.overflows) || [];
+      if (u && H.push(D[x]), d) {
+        const Z = Mt(i, s, $);
+        H.push(D[Z[0]], D[Z[1]]);
       }
-      if (_ = [..._, {
+      if (O = [...O, {
         placement: i,
-        overflows: z
-      }], !z.every((j) => j <= 0)) {
-        var ee, Le;
-        const j = (((ee = r.flip) == null ? void 0 : ee.index) || 0) + 1, Y = T[j];
-        if (Y)
+        overflows: H
+      }], !H.every((Z) => Z <= 0)) {
+        var we, ye;
+        const Z = (((we = r.flip) == null ? void 0 : we.index) || 0) + 1, j = E[Z];
+        if (j)
           return {
             data: {
-              index: j,
-              overflows: _
+              index: Z,
+              overflows: O
             },
             reset: {
-              placement: Y
+              placement: j
             }
           };
-        let te = (Le = _.filter((K) => K.overflows[0] <= 0).sort((K, V) => K.overflows[1] - V.overflows[1])[0]) == null ? void 0 : Le.placement;
-        if (!te)
+        let q = (ye = O.filter((Y) => Y.overflows[0] <= 0).sort((Y, z) => Y.overflows[1] - z.overflows[1])[0]) == null ? void 0 : ye.placement;
+        if (!q)
           switch (m) {
             case "bestFit": {
-              var me;
-              const K = (me = _.filter((V) => {
+              var fe;
+              const Y = (fe = O.filter((z) => {
                 if (I) {
-                  const P = oe(V.placement);
-                  return P === L || // Create a bias to the `y` side axis due to horizontal
+                  const _ = ce(z.placement);
+                  return _ === L || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  P === "y";
+                  _ === "y";
                 }
                 return !0;
-              }).map((V) => [V.placement, V.overflows.filter((P) => P > 0).reduce((P, he) => P + he, 0)]).sort((V, P) => V[1] - P[1])[0]) == null ? void 0 : me[0];
-              K && (te = K);
+              }).map((z) => [z.placement, z.overflows.filter((_) => _ > 0).reduce((_, me) => _ + me, 0)]).sort((z, _) => z[1] - _[1])[0]) == null ? void 0 : fe[0];
+              Y && (q = Y);
               break;
             }
             case "initialPlacement":
-              te = a;
+              q = a;
               break;
           }
-        if (i !== te)
+        if (i !== q)
           return {
             reset: {
-              placement: te
+              placement: q
             }
           };
       }
@@ -338,12 +338,12 @@ const Ut = function(e) {
     }
   };
 };
-async function Zt(e, t) {
+async function Nt(e, t) {
   const {
     placement: n,
     platform: o,
     elements: i
-  } = e, r = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), s = J(n), a = xe(n), l = oe(n) === "y", c = ["left", "top"].includes(s) ? -1 : 1, u = r && l ? -1 : 1, d = we(t, e);
+  } = e, r = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), s = ee(n), a = Ie(n), l = ce(n) === "y", c = ["left", "top"].includes(s) ? -1 : 1, u = r && l ? -1 : 1, d = Be(t, e);
   let {
     mainAxis: h,
     crossAxis: m,
@@ -366,7 +366,7 @@ async function Zt(e, t) {
     y: m * u
   };
 }
-const jt = function(e) {
+const Ht = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -377,7 +377,7 @@ const jt = function(e) {
         y: r,
         placement: s,
         middlewareData: a
-      } = t, l = await Zt(t, e);
+      } = t, l = await Nt(t, e);
       return s === ((n = a.offset) == null ? void 0 : n.placement) && (o = a.arrow) != null && o.alignmentOffset ? {} : {
         x: i + l.x,
         y: r + l.y,
@@ -388,7 +388,7 @@ const jt = function(e) {
       };
     }
   };
-}, Xt = function(e) {
+}, Ut = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -401,87 +401,48 @@ const jt = function(e) {
         mainAxis: r = !0,
         crossAxis: s = !1,
         limiter: a = {
-          fn: (x) => {
+          fn: (y) => {
             let {
-              x: y,
+              x,
               y: L
-            } = x;
+            } = y;
             return {
-              x: y,
+              x,
               y: L
             };
           }
         },
         ...l
-      } = we(e, t), c = {
+      } = Be(e, t), c = {
         x: n,
         y: o
-      }, u = await Ue(t, l), d = oe(J(i)), h = ht(d);
+      }, u = await ft(t, l), d = ce(ee(i)), h = ct(d);
       let m = c[h], f = c[d];
       if (r) {
-        const x = h === "y" ? "top" : "left", y = h === "y" ? "bottom" : "right", L = m + u[x], S = m - u[y];
-        m = et(L, m, S);
+        const y = h === "y" ? "top" : "left", x = h === "y" ? "bottom" : "right", L = m + u[y], S = m - u[x];
+        m = qe(L, m, S);
       }
       if (s) {
-        const x = d === "y" ? "top" : "left", y = d === "y" ? "bottom" : "right", L = f + u[x], S = f - u[y];
-        f = et(L, f, S);
+        const y = d === "y" ? "top" : "left", x = d === "y" ? "bottom" : "right", L = f + u[y], S = f - u[x];
+        f = qe(L, f, S);
       }
-      const v = a.fn({
+      const g = a.fn({
         ...t,
         [h]: m,
         [d]: f
       });
       return {
-        ...v,
+        ...g,
         data: {
-          x: v.x - n,
-          y: v.y - o
+          x: g.x - n,
+          y: g.y - o
         }
       };
     }
   };
-}, Yt = function(e) {
-  return e === void 0 && (e = {}), {
-    name: "size",
-    options: e,
-    async fn(t) {
-      const {
-        placement: n,
-        rects: o,
-        platform: i,
-        elements: r
-      } = t, {
-        apply: s = () => {
-        },
-        ...a
-      } = we(e, t), l = await Ue(t, a), c = J(n), u = xe(n), d = oe(n) === "y", {
-        width: h,
-        height: m
-      } = o.floating;
-      let f, v;
-      c === "top" || c === "bottom" ? (f = c, v = u === (await (i.isRTL == null ? void 0 : i.isRTL(r.floating)) ? "start" : "end") ? "left" : "right") : (v = c, f = u === "end" ? "top" : "bottom");
-      const x = m - l.top - l.bottom, y = h - l.left - l.right, L = G(m - l[f], x), S = G(h - l[v], y), $ = !t.middlewareData.shift;
-      let E = L, I = S;
-      if (d ? I = u || $ ? G(S, y) : y : E = u || $ ? G(L, x) : x, $ && !u) {
-        const D = O(l.left, 0), z = O(l.right, 0), _ = O(l.top, 0), ee = O(l.bottom, 0);
-        d ? I = h - 2 * (D !== 0 || z !== 0 ? D + z : O(l.left, l.right)) : E = m - 2 * (_ !== 0 || ee !== 0 ? _ + ee : O(l.top, l.bottom));
-      }
-      await s({
-        ...t,
-        availableWidth: I,
-        availableHeight: E
-      });
-      const T = await i.getDimensions(r.floating);
-      return h !== T.width || m !== T.height ? {
-        reset: {
-          rects: !0
-        }
-      } : {};
-    }
-  };
 };
-function se(e) {
-  return Ze(e) ? (e.nodeName || "").toLowerCase() : "#document";
+function ne(e) {
+  return We(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
 function F(e) {
   var t;
@@ -489,33 +450,33 @@ function F(e) {
 }
 function X(e) {
   var t;
-  return (t = (Ze(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+  return (t = (We(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
-function Ze(e) {
+function We(e) {
   return e instanceof Node || e instanceof F(e).Node;
 }
 function U(e) {
   return e instanceof Element || e instanceof F(e).Element;
 }
-function Z(e) {
+function W(e) {
   return e instanceof HTMLElement || e instanceof F(e).HTMLElement;
 }
-function nt(e) {
+function Qe(e) {
   return typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof F(e).ShadowRoot;
 }
-function ye(e) {
+function be(e) {
   const {
     overflow: t,
     overflowX: n,
     overflowY: o,
     display: i
-  } = W(e);
+  } = N(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && !["inline", "contents"].includes(i);
 }
-function Kt(e) {
-  return ["table", "td", "th"].includes(se(e));
+function Wt(e) {
+  return ["table", "td", "th"].includes(ne(e));
 }
-function Be(e) {
+function Me(e) {
   return [":popover-open", ":modal"].some((t) => {
     try {
       return e.matches(t);
@@ -524,31 +485,31 @@ function Be(e) {
     }
   });
 }
-function je(e) {
-  const t = Xe(), n = W(e);
+function Ze(e) {
+  const t = Xe(), n = N(e);
   return n.transform !== "none" || n.perspective !== "none" || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((o) => (n.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (n.contain || "").includes(o));
 }
-function Gt(e) {
-  let t = Q(e);
-  for (; Z(t) && !fe(t); ) {
-    if (Be(t))
+function Zt(e) {
+  let t = K(e);
+  for (; W(t) && !ue(t); ) {
+    if (Me(t))
       return null;
-    if (je(t))
+    if (Ze(t))
       return t;
-    t = Q(t);
+    t = K(t);
   }
   return null;
 }
 function Xe() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-function fe(e) {
-  return ["html", "body", "#document"].includes(se(e));
+function ue(e) {
+  return ["html", "body", "#document"].includes(ne(e));
 }
-function W(e) {
+function N(e) {
   return F(e).getComputedStyle(e);
 }
-function Ie(e) {
+function De(e) {
   return U(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
@@ -557,107 +518,107 @@ function Ie(e) {
     scrollTop: e.scrollY
   };
 }
-function Q(e) {
-  if (se(e) === "html")
+function K(e) {
+  if (ne(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.
-    nt(e) && e.host || // Fallback.
+    Qe(e) && e.host || // Fallback.
     X(e)
   );
-  return nt(t) ? t.host : t;
+  return Qe(t) ? t.host : t;
 }
-function vt(e) {
-  const t = Q(e);
-  return fe(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : Z(t) && ye(t) ? t : vt(t);
+function mt(e) {
+  const t = K(e);
+  return ue(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : W(t) && be(t) ? t : mt(t);
 }
-function Ce(e, t, n) {
+function ge(e, t, n) {
   var o;
   t === void 0 && (t = []), n === void 0 && (n = !0);
-  const i = vt(e), r = i === ((o = e.ownerDocument) == null ? void 0 : o.body), s = F(i);
-  return r ? t.concat(s, s.visualViewport || [], ye(i) ? i : [], s.frameElement && n ? Ce(s.frameElement) : []) : t.concat(i, Ce(i, [], n));
+  const i = mt(e), r = i === ((o = e.ownerDocument) == null ? void 0 : o.body), s = F(i);
+  return r ? t.concat(s, s.visualViewport || [], be(i) ? i : [], s.frameElement && n ? ge(s.frameElement) : []) : t.concat(i, ge(i, [], n));
 }
-function Ct(e) {
-  const t = W(e);
+function ht(e) {
+  const t = N(e);
   let n = parseFloat(t.width) || 0, o = parseFloat(t.height) || 0;
-  const i = Z(e), r = i ? e.offsetWidth : n, s = i ? e.offsetHeight : o, a = $e(n) !== r || $e(o) !== s;
+  const i = W(e), r = i ? e.offsetWidth : n, s = i ? e.offsetHeight : o, a = Ae(n) !== r || Ae(o) !== s;
   return a && (n = r, o = s), {
     width: n,
     height: o,
     $: a
   };
 }
-function Ye(e) {
+function je(e) {
   return U(e) ? e : e.contextElement;
 }
-function de(e) {
-  const t = Ye(e);
-  if (!Z(t))
-    return q(1);
+function le(e) {
+  const t = je(e);
+  if (!W(t))
+    return G(1);
   const n = t.getBoundingClientRect(), {
     width: o,
     height: i,
     $: r
-  } = Ct(t);
-  let s = (r ? $e(n.width) : n.width) / o, a = (r ? $e(n.height) : n.height) / i;
+  } = ht(t);
+  let s = (r ? Ae(n.width) : n.width) / o, a = (r ? Ae(n.height) : n.height) / i;
   return (!s || !Number.isFinite(s)) && (s = 1), (!a || !Number.isFinite(a)) && (a = 1), {
     x: s,
     y: a
   };
 }
-const qt = /* @__PURE__ */ q(0);
-function bt(e) {
+const Xt = /* @__PURE__ */ G(0);
+function pt(e) {
   const t = F(e);
-  return !Xe() || !t.visualViewport ? qt : {
+  return !Xe() || !t.visualViewport ? Xt : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function Jt(e, t, n) {
+function jt(e, t, n) {
   return t === void 0 && (t = !1), !n || t && n !== F(e) ? !1 : t;
 }
-function ie(e, t, n, o) {
+function te(e, t, n, o) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
-  const i = e.getBoundingClientRect(), r = Ye(e);
-  let s = q(1);
-  t && (o ? U(o) && (s = de(o)) : s = de(e));
-  const a = Jt(r, n, o) ? bt(r) : q(0);
+  const i = e.getBoundingClientRect(), r = je(e);
+  let s = G(1);
+  t && (o ? U(o) && (s = le(o)) : s = le(e));
+  const a = jt(r, n, o) ? pt(r) : G(0);
   let l = (i.left + a.x) / s.x, c = (i.top + a.y) / s.y, u = i.width / s.x, d = i.height / s.y;
   if (r) {
     const h = F(r), m = o && U(o) ? F(o) : o;
-    let f = h, v = f.frameElement;
-    for (; v && o && m !== f; ) {
-      const x = de(v), y = v.getBoundingClientRect(), L = W(v), S = y.left + (v.clientLeft + parseFloat(L.paddingLeft)) * x.x, $ = y.top + (v.clientTop + parseFloat(L.paddingTop)) * x.y;
-      l *= x.x, c *= x.y, u *= x.x, d *= x.y, l += S, c += $, f = F(v), v = f.frameElement;
+    let f = h, g = f.frameElement;
+    for (; g && o && m !== f; ) {
+      const y = le(g), x = g.getBoundingClientRect(), L = N(g), S = x.left + (g.clientLeft + parseFloat(L.paddingLeft)) * y.x, $ = x.top + (g.clientTop + parseFloat(L.paddingTop)) * y.y;
+      l *= y.x, c *= y.y, u *= y.x, d *= y.y, l += S, c += $, f = F(g), g = f.frameElement;
     }
   }
-  return ke({
+  return Re({
     width: u,
     height: d,
     x: l,
     y: c
   });
 }
-function Qt(e) {
+function Yt(e) {
   let {
     elements: t,
     rect: n,
     offsetParent: o,
     strategy: i
   } = e;
-  const r = i === "fixed", s = X(o), a = t ? Be(t.floating) : !1;
+  const r = i === "fixed", s = X(o), a = t ? Me(t.floating) : !1;
   if (o === s || a && r)
     return n;
   let l = {
     scrollLeft: 0,
     scrollTop: 0
-  }, c = q(1);
-  const u = q(0), d = Z(o);
-  if ((d || !d && !r) && ((se(o) !== "body" || ye(s)) && (l = Ie(o)), Z(o))) {
-    const h = ie(o);
-    c = de(o), u.x = h.x + o.clientLeft, u.y = h.y + o.clientTop;
+  }, c = G(1);
+  const u = G(0), d = W(o);
+  if ((d || !d && !r) && ((ne(o) !== "body" || be(s)) && (l = De(o)), W(o))) {
+    const h = te(o);
+    c = le(o), u.x = h.x + o.clientLeft, u.y = h.y + o.clientTop;
   }
   return {
     width: n.width * c.x,
@@ -666,24 +627,24 @@ function Qt(e) {
     y: n.y * c.y - l.scrollTop * c.y + u.y
   };
 }
-function en(e) {
+function Gt(e) {
   return Array.from(e.getClientRects());
 }
-function wt(e) {
-  return ie(X(e)).left + Ie(e).scrollLeft;
+function vt(e) {
+  return te(X(e)).left + De(e).scrollLeft;
 }
-function tn(e) {
-  const t = X(e), n = Ie(e), o = e.ownerDocument.body, i = O(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), r = O(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
-  let s = -n.scrollLeft + wt(e);
+function Kt(e) {
+  const t = X(e), n = De(e), o = e.ownerDocument.body, i = J(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), r = J(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
+  let s = -n.scrollLeft + vt(e);
   const a = -n.scrollTop;
-  return W(o).direction === "rtl" && (s += O(t.clientWidth, o.clientWidth) - i), {
+  return N(o).direction === "rtl" && (s += J(t.clientWidth, o.clientWidth) - i), {
     width: i,
     height: r,
     x: s,
     y: a
   };
 }
-function nn(e, t) {
+function qt(e, t) {
   const n = F(e), o = X(e), i = n.visualViewport;
   let r = o.clientWidth, s = o.clientHeight, a = 0, l = 0;
   if (i) {
@@ -698,8 +659,8 @@ function nn(e, t) {
     y: l
   };
 }
-function on(e, t) {
-  const n = ie(e, !0, t === "fixed"), o = n.top + e.clientTop, i = n.left + e.clientLeft, r = Z(e) ? de(e) : q(1), s = e.clientWidth * r.x, a = e.clientHeight * r.y, l = i * r.x, c = o * r.y;
+function Jt(e, t) {
+  const n = te(e, !0, t === "fixed"), o = n.top + e.clientTop, i = n.left + e.clientLeft, r = W(e) ? le(e) : G(1), s = e.clientWidth * r.x, a = e.clientHeight * r.y, l = i * r.x, c = o * r.y;
   return {
     width: s,
     height: a,
@@ -707,52 +668,52 @@ function on(e, t) {
     y: c
   };
 }
-function ot(e, t, n) {
+function et(e, t, n) {
   let o;
   if (t === "viewport")
-    o = nn(e, n);
+    o = qt(e, n);
   else if (t === "document")
-    o = tn(X(e));
+    o = Kt(X(e));
   else if (U(t))
-    o = on(t, n);
+    o = Jt(t, n);
   else {
-    const i = bt(e);
+    const i = pt(e);
     o = {
       ...t,
       x: t.x - i.x,
       y: t.y - i.y
     };
   }
-  return ke(o);
+  return Re(o);
 }
-function xt(e, t) {
-  const n = Q(e);
-  return n === t || !U(n) || fe(n) ? !1 : W(n).position === "fixed" || xt(n, t);
+function gt(e, t) {
+  const n = K(e);
+  return n === t || !U(n) || ue(n) ? !1 : N(n).position === "fixed" || gt(n, t);
 }
-function sn(e, t) {
+function Qt(e, t) {
   const n = t.get(e);
   if (n)
     return n;
-  let o = Ce(e, [], !1).filter((a) => U(a) && se(a) !== "body"), i = null;
-  const r = W(e).position === "fixed";
-  let s = r ? Q(e) : e;
-  for (; U(s) && !fe(s); ) {
-    const a = W(s), l = je(s);
-    !l && a.position === "fixed" && (i = null), (r ? !l && !i : !l && a.position === "static" && !!i && ["absolute", "fixed"].includes(i.position) || ye(s) && !l && xt(e, s)) ? o = o.filter((u) => u !== s) : i = a, s = Q(s);
+  let o = ge(e, [], !1).filter((a) => U(a) && ne(a) !== "body"), i = null;
+  const r = N(e).position === "fixed";
+  let s = r ? K(e) : e;
+  for (; U(s) && !ue(s); ) {
+    const a = N(s), l = Ze(s);
+    !l && a.position === "fixed" && (i = null), (r ? !l && !i : !l && a.position === "static" && !!i && ["absolute", "fixed"].includes(i.position) || be(s) && !l && gt(e, s)) ? o = o.filter((u) => u !== s) : i = a, s = K(s);
   }
   return t.set(e, o), o;
 }
-function rn(e) {
+function en(e) {
   let {
     element: t,
     boundary: n,
     rootBoundary: o,
     strategy: i
   } = e;
-  const s = [...n === "clippingAncestors" ? Be(t) ? [] : sn(t, this._c) : [].concat(n), o], a = s[0], l = s.reduce((c, u) => {
-    const d = ot(t, u, i);
-    return c.top = O(d.top, c.top), c.right = G(d.right, c.right), c.bottom = G(d.bottom, c.bottom), c.left = O(d.left, c.left), c;
-  }, ot(t, a, i));
+  const s = [...n === "clippingAncestors" ? Me(t) ? [] : Qt(t, this._c) : [].concat(n), o], a = s[0], l = s.reduce((c, u) => {
+    const d = et(t, u, i);
+    return c.top = J(d.top, c.top), c.right = $e(d.right, c.right), c.bottom = $e(d.bottom, c.bottom), c.left = J(d.left, c.left), c;
+  }, et(t, a, i));
   return {
     width: l.right - l.left,
     height: l.bottom - l.top,
@@ -760,28 +721,28 @@ function rn(e) {
     y: l.top
   };
 }
-function ln(e) {
+function tn(e) {
   const {
     width: t,
     height: n
-  } = Ct(e);
+  } = ht(e);
   return {
     width: t,
     height: n
   };
 }
-function an(e, t, n) {
-  const o = Z(t), i = X(t), r = n === "fixed", s = ie(e, !0, r, t);
+function nn(e, t, n) {
+  const o = W(t), i = X(t), r = n === "fixed", s = te(e, !0, r, t);
   let a = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const l = q(0);
+  const l = G(0);
   if (o || !o && !r)
-    if ((se(t) !== "body" || ye(i)) && (a = Ie(t)), o) {
-      const d = ie(t, !0, r, t);
+    if ((ne(t) !== "body" || be(i)) && (a = De(t)), o) {
+      const d = te(t, !0, r, t);
       l.x = d.x + t.clientLeft, l.y = d.y + t.clientTop;
-    } else i && (l.x = wt(i));
+    } else i && (l.x = vt(i));
   const c = s.left + a.scrollLeft - l.x, u = s.top + a.scrollTop - l.y;
   return {
     x: c,
@@ -790,34 +751,34 @@ function an(e, t, n) {
     height: s.height
   };
 }
-function ze(e) {
-  return W(e).position === "static";
+function _e(e) {
+  return N(e).position === "static";
 }
-function it(e, t) {
-  return !Z(e) || W(e).position === "fixed" ? null : t ? t(e) : e.offsetParent;
+function tt(e, t) {
+  return !W(e) || N(e).position === "fixed" ? null : t ? t(e) : e.offsetParent;
 }
-function yt(e, t) {
+function Ct(e, t) {
   const n = F(e);
-  if (Be(e))
+  if (Me(e))
     return n;
-  if (!Z(e)) {
-    let i = Q(e);
-    for (; i && !fe(i); ) {
-      if (U(i) && !ze(i))
+  if (!W(e)) {
+    let i = K(e);
+    for (; i && !ue(i); ) {
+      if (U(i) && !_e(i))
         return i;
-      i = Q(i);
+      i = K(i);
     }
     return n;
   }
-  let o = it(e, t);
-  for (; o && Kt(o) && ze(o); )
-    o = it(o, t);
-  return o && fe(o) && ze(o) && !je(o) ? n : o || Gt(e) || n;
+  let o = tt(e, t);
+  for (; o && Wt(o) && _e(o); )
+    o = tt(o, t);
+  return o && ue(o) && _e(o) && !Ze(o) ? n : o || Zt(e) || n;
 }
-const cn = async function(e) {
-  const t = this.getOffsetParent || yt, n = this.getDimensions, o = await n(e.floating);
+const on = async function(e) {
+  const t = this.getOffsetParent || Ct, n = this.getDimensions, o = await n(e.floating);
   return {
-    reference: an(e.reference, await t(e.floating), e.strategy),
+    reference: nn(e.reference, await t(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -826,22 +787,22 @@ const cn = async function(e) {
     }
   };
 };
-function un(e) {
-  return W(e).direction === "rtl";
+function sn(e) {
+  return N(e).direction === "rtl";
 }
-const dn = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Qt,
+const rn = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Yt,
   getDocumentElement: X,
-  getClippingRect: rn,
-  getOffsetParent: yt,
-  getElementRects: cn,
-  getClientRects: en,
-  getDimensions: ln,
-  getScale: de,
+  getClippingRect: en,
+  getOffsetParent: Ct,
+  getElementRects: on,
+  getClientRects: Gt,
+  getDimensions: tn,
+  getScale: le,
   isElement: U,
-  isRTL: un
+  isRTL: sn
 };
-function fn(e, t) {
+function an(e, t) {
   let n = null, o;
   const i = X(e);
   function r() {
@@ -858,13 +819,13 @@ function fn(e, t) {
     } = e.getBoundingClientRect();
     if (a || t(), !d || !h)
       return;
-    const m = Ee(u), f = Ee(i.clientWidth - (c + d)), v = Ee(i.clientHeight - (u + h)), x = Ee(c), L = {
-      rootMargin: -m + "px " + -f + "px " + -v + "px " + -x + "px",
-      threshold: O(0, G(1, l)) || 1
+    const m = Se(u), f = Se(i.clientWidth - (c + d)), g = Se(i.clientHeight - (u + h)), y = Se(c), L = {
+      rootMargin: -m + "px " + -f + "px " + -g + "px " + -y + "px",
+      threshold: J(0, $e(1, l)) || 1
     };
     let S = !0;
-    function $(E) {
-      const I = E[0].intersectionRatio;
+    function $(T) {
+      const I = T[0].intersectionRatio;
       if (I !== l) {
         if (!S)
           return s();
@@ -887,7 +848,7 @@ function fn(e, t) {
   }
   return s(!0), r;
 }
-function mn(e, t, n, o) {
+function ln(e, t, n, o) {
   o === void 0 && (o = {});
   const {
     ancestorScroll: i = !0,
@@ -895,116 +856,116 @@ function mn(e, t, n, o) {
     elementResize: s = typeof ResizeObserver == "function",
     layoutShift: a = typeof IntersectionObserver == "function",
     animationFrame: l = !1
-  } = o, c = Ye(e), u = i || r ? [...c ? Ce(c) : [], ...Ce(t)] : [];
-  u.forEach((y) => {
-    i && y.addEventListener("scroll", n, {
+  } = o, c = je(e), u = i || r ? [...c ? ge(c) : [], ...ge(t)] : [];
+  u.forEach((x) => {
+    i && x.addEventListener("scroll", n, {
       passive: !0
-    }), r && y.addEventListener("resize", n);
+    }), r && x.addEventListener("resize", n);
   });
-  const d = c && a ? fn(c, n) : null;
+  const d = c && a ? an(c, n) : null;
   let h = -1, m = null;
-  s && (m = new ResizeObserver((y) => {
-    let [L] = y;
+  s && (m = new ResizeObserver((x) => {
+    let [L] = x;
     L && L.target === c && m && (m.unobserve(t), cancelAnimationFrame(h), h = requestAnimationFrame(() => {
       var S;
       (S = m) == null || S.observe(t);
     })), n();
   }), c && !l && m.observe(c), m.observe(t));
-  let f, v = l ? ie(e) : null;
-  l && x();
-  function x() {
-    const y = ie(e);
-    v && (y.x !== v.x || y.y !== v.y || y.width !== v.width || y.height !== v.height) && n(), v = y, f = requestAnimationFrame(x);
+  let f, g = l ? te(e) : null;
+  l && y();
+  function y() {
+    const x = te(e);
+    g && (x.x !== g.x || x.y !== g.y || x.width !== g.width || x.height !== g.height) && n(), g = x, f = requestAnimationFrame(y);
   }
   return n(), () => {
-    var y;
+    var x;
     u.forEach((L) => {
       i && L.removeEventListener("scroll", n), r && L.removeEventListener("resize", n);
-    }), d == null || d(), (y = m) == null || y.disconnect(), m = null, l && cancelAnimationFrame(f);
+    }), d == null || d(), (x = m) == null || x.disconnect(), m = null, l && cancelAnimationFrame(f);
   };
 }
-const hn = jt, pn = Xt, gn = Ut, vn = Yt, Cn = (e, t, n) => {
+const cn = Ht, un = Ut, dn = Vt, fn = (e, t, n) => {
   const o = /* @__PURE__ */ new Map(), i = {
-    platform: dn,
+    platform: rn,
     ...n
   }, r = {
     ...i.platform,
     _c: o
   };
-  return Wt(e, t, {
+  return Pt(e, t, {
     ...i,
     platform: r
   });
 };
-function bn(e) {
+function mn(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
-function st(e) {
-  if (bn(e)) {
+function nt(e) {
+  if (mn(e)) {
     const t = e.$el;
-    return Ze(t) && se(t) === "#comment" ? null : t;
+    return We(t) && ne(t) === "#comment" ? null : t;
   }
   return e;
 }
-function pe(e) {
+function he(e) {
   return typeof e == "function" ? e() : Te(e);
 }
-function Lt(e) {
+function bt(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function rt(e, t) {
-  const n = Lt(e);
+function ot(e, t) {
+  const n = bt(e);
   return Math.round(t * n) / n;
 }
-function wn(e, t, n) {
+function hn(e, t, n) {
   n === void 0 && (n = {});
   const o = n.whileElementsMounted, i = B(() => {
-    var T;
-    return (T = pe(n.open)) != null ? T : !0;
-  }), r = B(() => pe(n.middleware)), s = B(() => {
-    var T;
-    return (T = pe(n.placement)) != null ? T : "bottom";
+    var E;
+    return (E = he(n.open)) != null ? E : !0;
+  }), r = B(() => he(n.middleware)), s = B(() => {
+    var E;
+    return (E = he(n.placement)) != null ? E : "bottom";
   }), a = B(() => {
-    var T;
-    return (T = pe(n.strategy)) != null ? T : "absolute";
+    var E;
+    return (E = he(n.strategy)) != null ? E : "absolute";
   }), l = B(() => {
-    var T;
-    return (T = pe(n.transform)) != null ? T : !0;
-  }), c = B(() => st(e.value)), u = B(() => st(t.value)), d = R(0), h = R(0), m = R(a.value), f = R(s.value), v = It({}), x = R(!1), y = B(() => {
-    const T = {
+    var E;
+    return (E = he(n.transform)) != null ? E : !0;
+  }), c = B(() => nt(e.value)), u = B(() => nt(t.value)), d = R(0), h = R(0), m = R(a.value), f = R(s.value), g = $t({}), y = R(!1), x = B(() => {
+    const E = {
       position: m.value,
       left: "0",
       top: "0"
     };
     if (!u.value)
-      return T;
-    const D = rt(u.value, d.value), z = rt(u.value, h.value);
+      return E;
+    const D = ot(u.value, d.value), H = ot(u.value, h.value);
     return l.value ? {
-      ...T,
-      transform: "translate(" + D + "px, " + z + "px)",
-      ...Lt(u.value) >= 1.5 && {
+      ...E,
+      transform: "translate(" + D + "px, " + H + "px)",
+      ...bt(u.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: m.value,
       left: D + "px",
-      top: z + "px"
+      top: H + "px"
     };
   });
   let L;
   function S() {
-    c.value == null || u.value == null || Cn(c.value, u.value, {
+    c.value == null || u.value == null || fn(c.value, u.value, {
       middleware: r.value,
       placement: s.value,
       strategy: a.value
-    }).then((T) => {
-      d.value = T.x, h.value = T.y, m.value = T.strategy, f.value = T.placement, v.value = T.middlewareData, x.value = !0;
+    }).then((E) => {
+      d.value = E.x, h.value = E.y, m.value = E.strategy, f.value = E.placement, g.value = E.middlewareData, y.value = !0;
     });
   }
   function $() {
     typeof L == "function" && (L(), L = void 0);
   }
-  function E() {
+  function T() {
     if ($(), o === void 0) {
       S();
       return;
@@ -1015,69 +976,69 @@ function wn(e, t, n) {
     }
   }
   function I() {
-    i.value || (x.value = !1);
+    i.value || (y.value = !1);
   }
-  return ue([r, s, a], S, {
+  return ae([r, s, a], S, {
     flush: "sync"
-  }), ue([c, u], E, {
+  }), ae([c, u], T, {
     flush: "sync"
-  }), ue(i, I, {
+  }), ae(i, I, {
     flush: "sync"
-  }), Mt() && Dt($), {
-    x: ae(d),
-    y: ae(h),
-    strategy: ae(m),
-    placement: ae(f),
-    middlewareData: ae(v),
-    isPositioned: ae(x),
-    floatingStyles: y,
+  }), At() && kt($), {
+    x: se(d),
+    y: se(h),
+    strategy: se(m),
+    placement: se(f),
+    middlewareData: se(g),
+    isPositioned: se(y),
+    floatingStyles: x,
     update: S
   };
 }
-const xn = "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", re = (e, t) => {
+const pn = "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", oe = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [o, i] of t)
     n[o] = i;
   return n;
-}, yn = {
+}, vn = {
   name: "Logo"
-}, Ln = {
-  src: xn,
+}, gn = {
+  src: pn,
   alt: "DDict Logo",
   class: "w-6 h-6 cursor-pointer"
 };
-function Sn(e, t, n, o, i, r) {
-  return p(), w("img", Ln);
+function Cn(e, t, n, o, i, r) {
+  return v(), b("img", gn);
 }
-const En = /* @__PURE__ */ re(yn, [["render", Sn]]), Tn = {}, $n = {
+const bn = /* @__PURE__ */ oe(vn, [["render", Cn]]), wn = {}, yn = {
   class: "w-12 h-12 text-primary",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
-}, An = /* @__PURE__ */ Ne('<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), kn = [
-  An
+}, xn = /* @__PURE__ */ He('<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), Ln = [
+  xn
 ];
-function Rn(e, t) {
-  return p(), w("svg", $n, kn);
+function Sn(e, t) {
+  return v(), b("svg", yn, Ln);
 }
-const Bn = /* @__PURE__ */ re(Tn, [["render", Rn]]), In = { class: "rounded-lg bg-base-100 px-4 py-2 border border-base-300 shadow-lg" }, Mn = { class: "flex justify-center" }, Dn = {
+const En = /* @__PURE__ */ oe(wn, [["render", Sn]]), Tn = { class: "rounded-lg bg-base-100 px-4 py-2 border border-base-300 shadow-lg" }, $n = { class: "flex justify-center" }, An = {
   __name: "Loading",
   setup(e) {
-    return (t, n) => (p(), w("div", In, [
-      b("div", Mn, [
-        H(Bn)
+    return (t, n) => (v(), b("div", Tn, [
+      w("div", $n, [
+        P(En)
       ])
     ]));
   }
-}, On = {
+}, kn = {
   name: "Phonetic",
   props: ["phonetic"]
-}, Fn = { class: "p-0 m-0" }, zn = { class: "text-xs font-md text-base-content/60" };
-function _n(e, t, n, o, i, r) {
-  return p(), w("p", Fn, [
-    b("span", zn, "/" + ge(n.phonetic) + "/", 1)
+}, Rn = { class: "p-0 m-0" }, Bn = { class: "text-xs font-md text-base-content/60" };
+function In(e, t, n, o, i, r) {
+  return v(), b("p", Rn, [
+    w("span", Bn, "/" + pe(n.phonetic) + "/", 1)
   ]);
 }
-const Vn = /* @__PURE__ */ re(On, [["render", _n]]), Pn = { class: "flex flex-col gap-2" }, Hn = {
+const Mn = /* @__PURE__ */ oe(kn, [["render", In]]), Dn = { class: "flex flex-col gap-2" }, On = {
   __name: "Sentences",
   props: {
     sentences: {
@@ -1088,20 +1049,20 @@ const Vn = /* @__PURE__ */ re(On, [["render", _n]]), Pn = { class: "flex flex-co
   setup(e) {
     const t = e, n = B(() => t.sentences.split(`
 `));
-    return (o, i) => (p(), w("div", Pn, [
-      (p(!0), w(be, null, Re(n.value, (r, s) => (p(), w("p", {
+    return (o, i) => (v(), b("div", Dn, [
+      (v(!0), b(de, null, Ce(n.value, (r, s) => (v(), b("p", {
         key: s,
         class: "text-base text-base-content leading-tight p-0 mr-2"
-      }, ge(r), 1))), 128))
+      }, pe(r), 1))), 128))
     ]));
   }
-}, Nn = /* @__PURE__ */ b("p", { class: "text-sm font-medium text-primary text-center" }, [
+}, Fn = /* @__PURE__ */ w("p", { class: "text-sm font-medium text-primary text-center" }, [
   /* @__PURE__ */ ve(" 🤔 Don't understand? "),
-  /* @__PURE__ */ b("span", { class: "text-secondary font-semibold" }, "Try AI"),
+  /* @__PURE__ */ w("span", { class: "text-secondary font-semibold" }, "Try AI"),
   /* @__PURE__ */ ve(" ✨ ")
-], -1), Wn = [
-  Nn
-], Un = {
+], -1), zn = [
+  Fn
+], _n = {
   __name: "AIPromptButton",
   props: {
     show: {
@@ -1115,18 +1076,18 @@ const Vn = /* @__PURE__ */ re(On, [["render", _n]]), Pn = { class: "flex flex-co
   },
   emits: ["click"],
   setup(e) {
-    return (t, n) => e.show ? (p(), w("div", {
+    return (t, n) => e.show ? (v(), b("div", {
       key: 0,
       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] = (o) => !e.isLoading && t.$emit("click"))
-    }, Wn, 2)) : M("", !0);
+    }, zn, 2)) : M("", !0);
   }
-}, Zn = /* @__PURE__ */ b("p", { class: "text-sm font-medium text-accent text-center" }, "💡 Need Summary? ✨", -1), jn = [
-  Zn
-], Xn = {
+}, Pn = /* @__PURE__ */ w("p", { class: "text-sm font-medium text-accent text-center" }, "💡 Need Summary? ✨", -1), Vn = [
+  Pn
+], Nn = {
   __name: "AIExplainPromptButton",
   props: {
     show: {
@@ -1140,22 +1101,22 @@ const Vn = /* @__PURE__ */ re(On, [["render", _n]]), Pn = { class: "flex flex-co
   },
   emits: ["click"],
   setup(e) {
-    return (t, n) => e.show ? (p(), w("div", {
+    return (t, n) => e.show ? (v(), b("div", {
       key: 0,
       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] = (o) => !e.isLoading && t.$emit("click"))
-    }, jn, 2)) : M("", !0);
+    }, Vn, 2)) : M("", !0);
   }
-}, Yn = /* @__PURE__ */ b("p", { class: "text-sm font-medium text-success text-center" }, [
+}, Hn = /* @__PURE__ */ w("p", { class: "text-sm font-medium text-success text-center" }, [
   /* @__PURE__ */ ve(" 📚 Learn this? "),
-  /* @__PURE__ */ b("span", { class: "text-warning font-semibold" }, "Study now"),
+  /* @__PURE__ */ w("span", { class: "text-warning font-semibold" }, "Study now"),
   /* @__PURE__ */ ve(" 🎯 ")
-], -1), Kn = [
-  Yn
-], Gn = {
+], -1), Un = [
+  Hn
+], Wn = {
   __name: "LearnPromptButton",
   props: {
     show: {
@@ -1165,35 +1126,35 @@ const Vn = /* @__PURE__ */ re(On, [["render", _n]]), Pn = { class: "flex flex-co
   },
   emits: ["click"],
   setup(e) {
-    return (t, n) => e.show ? (p(), w("div", {
+    return (t, n) => e.show ? (v(), b("div", {
       key: 0,
       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] = (o) => t.$emit("click"))
-    }, Kn)) : M("", !0);
+    }, Un)) : M("", !0);
   }
-}, qn = { class: "capitalize text-base italic font-normal text-base-content/60" }, Jn = { class: "text-base leading-6 text-base-content" }, Qn = {
+}, Zn = { class: "capitalize text-base italic font-normal text-base-content/60" }, Xn = { class: "text-base leading-6 text-base-content" }, jn = {
   __name: "Dict",
   props: {
     dictionary: Array
   },
   setup(e) {
-    return (t, n) => (p(), w("div", null, [
-      (p(!0), w(be, null, Re(e.dictionary, (o, i) => (p(), w("div", {
+    return (t, n) => (v(), b("div", null, [
+      (v(!0), b(de, null, Ce(e.dictionary, (o, i) => (v(), b("div", {
         key: i,
         class: "mt-2"
       }, [
-        b("p", qn, ge(o.pos), 1),
-        b("span", Jn, ge(o.terms.join(", ")), 1)
+        w("p", Zn, pe(o.pos), 1),
+        w("span", Xn, pe(o.terms.join(", ")), 1)
       ]))), 128))
     ]));
   }
-}, eo = { class: "" }, to = /* @__PURE__ */ b("p", { class: "capitalize text-base italic font-normal text-base-content/60 mt-2" }, "Summary", -1), no = {
+}, Yn = { class: "" }, Gn = /* @__PURE__ */ w("p", { class: "capitalize text-base italic font-normal text-base-content/60 mt-2" }, "Summary", -1), Kn = {
   key: 0,
   class: "list-none list-outside mt-2"
-}, oo = ["innerHTML"], io = {
+}, qn = ["innerHTML"], Jn = {
   __name: "Explanation",
   props: {
     explanation: Object
@@ -1201,32 +1162,32 @@ const Vn = /* @__PURE__ */ re(On, [["render", _n]]), Pn = { class: "flex flex-co
   setup(e) {
     return (t, n) => {
       var o, i;
-      return p(), w("div", eo, [
-        to,
-        (o = e.explanation) != null && o.result ? (p(), w("ul", no, [
-          (p(!0), w(be, null, Re(((i = e.explanation) == null ? void 0 : i.result.split(`
-`)) || [], (r, s) => (p(), w("li", {
+      return v(), b("div", Yn, [
+        Gn,
+        (o = e.explanation) != null && o.result ? (v(), b("ul", Kn, [
+          (v(!0), b(de, null, Ce(((i = e.explanation) == null ? void 0 : i.result.split(`
+`)) || [], (r, s) => (v(), b("li", {
             key: `${r}-${s}`,
             innerHTML: r,
             class: "text-base text-base-content"
-          }, null, 8, oo))), 128))
+          }, null, 8, qn))), 128))
         ])) : M("", !0)
       ]);
     };
   }
-}, so = ["disabled"], ro = /* @__PURE__ */ b("path", {
+}, Qn = ["disabled"], eo = /* @__PURE__ */ w("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), lo = [
-  ro
-], ao = ["disabled"], co = /* @__PURE__ */ b("path", {
+}, null, -1), to = [
+  eo
+], no = ["disabled"], oo = /* @__PURE__ */ w("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), uo = [
-  co
-], fo = {
+}, null, -1), io = [
+  oo
+], so = {
   __name: "Player",
   props: {
     tts: {
@@ -1242,7 +1203,7 @@ const Vn = /* @__PURE__ */ re(On, [["render", _n]]), Pn = { class: "flex flex-co
   setup(e, { emit: t }) {
     const n = e, o = t, i = B(() => n.tts), r = R(!1), s = new Audio(), a = new (window.AudioContext || window.webkitAudioContext)();
     let l = null;
-    ue(
+    ae(
       i,
       () => {
         if (!i.value) {
@@ -1252,7 +1213,7 @@ const Vn = /* @__PURE__ */ re(On, [["render", _n]]), Pn = { class: "flex flex-co
         u();
       },
       { immediate: !0 }
-    ), We(() => {
+    ), Ue(() => {
       h(), s.src = "", a.close();
     });
     function c() {
@@ -1276,8 +1237,8 @@ const Vn = /* @__PURE__ */ re(On, [["render", _n]]), Pn = { class: "flex flex-co
     }
     async function d() {
       try {
-        const f = await (await fetch(i.value)).arrayBuffer(), v = await a.decodeAudioData(f);
-        l = a.createBufferSource(), l.buffer = v, l.playbackRate.value = 0.7, l.connect(a.destination), l.start(), l.onended = () => {
+        const f = await (await fetch(i.value)).arrayBuffer(), g = await a.decodeAudioData(f);
+        l = a.createBufferSource(), l.buffer = g, l.playbackRate.value = 0.7, l.connect(a.destination), l.start(), l.onended = () => {
           r.value = !1, l = null;
         };
       } catch {
@@ -1287,7 +1248,7 @@ const Vn = /* @__PURE__ */ re(On, [["render", _n]]), Pn = { class: "flex flex-co
     function h() {
       l && (l.stop(), l.disconnect(), l = null), s.pause(), s.currentTime = 0, r.value = !1;
     }
-    return (m, f) => r.value ? (p(), w("button", {
+    return (m, f) => r.value ? (v(), b("button", {
       key: 1,
       class: k(["btn btn-xs btn-circle", [
         { "btn-ghost": !e.disabled },
@@ -1296,13 +1257,13 @@ const Vn = /* @__PURE__ */ re(On, [["render", _n]]), Pn = { class: "flex flex-co
       disabled: e.disabled,
       onClick: h
     }, [
-      (p(), w("svg", {
+      (v(), b("svg", {
         class: k(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
         viewBox: "0 0 24 24",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
-      }, uo, 2))
-    ], 10, ao)) : (p(), w("button", {
+      }, io, 2))
+    ], 10, no)) : (v(), b("button", {
       key: 0,
       class: k(["btn btn-xs btn-circle", [
         { "btn-ghost": !e.disabled },
@@ -1311,87 +1272,87 @@ const Vn = /* @__PURE__ */ re(On, [["render", _n]]), Pn = { class: "flex flex-co
       disabled: e.disabled,
       onClick: c
     }, [
-      (p(), w("svg", {
+      (v(), b("svg", {
         class: k(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
         viewBox: "0 0 16 16",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
-      }, lo, 2))
-    ], 10, so));
+      }, to, 2))
+    ], 10, Qn));
   }
-}, mo = {
+}, ro = {
   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"
-}, ho = ["disabled"], po = /* @__PURE__ */ b("path", {
+}, ao = ["disabled"], lo = /* @__PURE__ */ w("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), go = [
-  po
-], vo = /* @__PURE__ */ b("path", {
+}, null, -1), co = [
+  lo
+], uo = /* @__PURE__ */ w("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), Co = [
-  vo
-], bo = {
+}, null, -1), fo = [
+  uo
+], mo = {
   __name: "Favorite",
   props: {
     isFilled: Boolean,
     disabled: Boolean
   },
   setup(e) {
-    return (t, n) => (p(), w("div", mo, [
-      b("button", {
+    return (t, n) => (v(), b("div", ro, [
+      w("button", {
         class: k(["btn btn-xs btn-circle", [
           { "btn-ghost": !e.disabled },
           { "!bg-transparent !border-none !shadow-none !ring-0": e.disabled }
         ]]),
         disabled: e.disabled
       }, [
-        e.isFilled ? (p(), w("svg", {
+        e.isFilled ? (v(), b("svg", {
           key: 1,
           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"
-        }, Co, 2)) : (p(), w("svg", {
+        }, fo, 2)) : (v(), b("svg", {
           key: 0,
           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"
-        }, go, 2))
-      ], 10, ho)
+        }, co, 2))
+      ], 10, ao)
     ]));
   }
-}, wo = {}, xo = {
+}, ho = {}, po = {
   class: "w-6 h-6 text-primary",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
-}, yo = /* @__PURE__ */ Ne('<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), Lo = [
-  yo
+}, vo = /* @__PURE__ */ He('<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), go = [
+  vo
 ];
-function So(e, t) {
-  return p(), w("svg", xo, Lo);
+function Co(e, t) {
+  return v(), b("svg", po, go);
 }
-const St = /* @__PURE__ */ re(wo, [["render", So]]), Eo = {
+const wt = /* @__PURE__ */ oe(ho, [["render", Co]]), bo = {
   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"
-}, To = ["disabled"], $o = /* @__PURE__ */ b("path", {
+}, wo = ["disabled"], yo = /* @__PURE__ */ w("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), Ao = /* @__PURE__ */ b("path", {
+}, null, -1), xo = /* @__PURE__ */ w("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), ko = /* @__PURE__ */ b("path", {
+}, null, -1), Lo = /* @__PURE__ */ w("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), Ro = [
-  $o,
-  Ao,
-  ko
-], Bo = /* @__PURE__ */ Ne('<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), Io = [
-  Bo
-], Mo = {
+}, null, -1), So = [
+  yo,
+  xo,
+  Lo
+], Eo = /* @__PURE__ */ He('<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), To = [
+  Eo
+], $o = {
   __name: "AITranslateBtn",
   props: {
     isLoading: Boolean,
@@ -1399,11 +1360,11 @@ const St = /* @__PURE__ */ re(wo, [["render", So]]), Eo = {
     isFilled: Boolean
   },
   setup(e) {
-    return (t, n) => (p(), w("div", Eo, [
-      e.isLoading ? (p(), N(St, {
+    return (t, n) => (v(), b("div", bo, [
+      e.isLoading ? (v(), V(wt, {
         key: 0,
         class: "inset-0 flex items-center justify-center"
-      })) : (p(), w("button", {
+      })) : (v(), b("button", {
         key: 1,
         class: k(["btn btn-xs btn-circle", [
           { "btn-ghost": !e.disabled },
@@ -1411,46 +1372,46 @@ const St = /* @__PURE__ */ re(wo, [["render", So]]), Eo = {
         ]]),
         disabled: e.disabled
       }, [
-        e.isFilled ? (p(), w("svg", {
+        e.isFilled ? (v(), b("svg", {
           key: 1,
           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"
-        }, Io, 2)) : (p(), w("svg", {
+        }, To, 2)) : (v(), b("svg", {
           key: 0,
           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"
-        }, Ro, 2))
-      ], 10, To))
+        }, So, 2))
+      ], 10, wo))
     ]));
   }
-}, Do = {
+}, Ao = {
   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"
-}, Oo = ["disabled"], Fo = /* @__PURE__ */ b("path", {
+}, ko = ["disabled"], Ro = /* @__PURE__ */ w("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), zo = [
-  Fo
-], _o = /* @__PURE__ */ b("path", {
+}, null, -1), Bo = [
+  Ro
+], Io = /* @__PURE__ */ w("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), Vo = /* @__PURE__ */ b("path", {
+}, null, -1), Mo = /* @__PURE__ */ w("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), Po = [
-  _o,
-  Vo
-], Ho = {
+}, null, -1), Do = [
+  Io,
+  Mo
+], Oo = {
   __name: "AIExplainBtn",
   props: {
     isLoading: Boolean,
@@ -1458,8 +1419,8 @@ const St = /* @__PURE__ */ re(wo, [["render", So]]), Eo = {
     isFilled: Boolean
   },
   setup(e) {
-    return (t, n) => (p(), w("div", Do, [
-      e.isLoading ? (p(), N(St, { key: 0 })) : (p(), w("button", {
+    return (t, n) => (v(), b("div", Ao, [
+      e.isLoading ? (v(), V(wt, { key: 0 })) : (v(), b("button", {
         key: 1,
         class: k(["btn btn-xs btn-circle", [
           { "btn-ghost": !e.disabled },
@@ -1467,67 +1428,67 @@ const St = /* @__PURE__ */ re(wo, [["render", So]]), Eo = {
         ]]),
         disabled: e.disabled
       }, [
-        e.isFilled ? (p(), w("svg", {
+        e.isFilled ? (v(), b("svg", {
           key: 1,
           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"
-        }, Po, 2)) : (p(), w("svg", {
+        }, Do, 2)) : (v(), b("svg", {
           key: 0,
           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"
-        }, zo, 2))
-      ], 10, Oo))
+        }, Bo, 2))
+      ], 10, ko))
     ]));
   }
-}, No = {}, Wo = { class: "btn btn-xs btn-ghost btn-circle" }, Uo = /* @__PURE__ */ b("svg", {
+}, Fo = {}, zo = { class: "btn btn-xs btn-ghost btn-circle" }, _o = /* @__PURE__ */ w("svg", {
   class: "w-4 h-4 text-primary",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 }, [
-  /* @__PURE__ */ b("path", {
+  /* @__PURE__ */ w("path", {
     d: "M9.12596 1.63869C9.46935 1.54364 9.83221 1.70329 9.99413 2.02068C10.3672 2.75191 11.1261 3.25 12 3.25C12.8739 3.25 13.6328 2.75191 14.0059 2.02068C14.1678 1.70329 14.5307 1.54364 14.874 1.63869C16.5585 2.10497 18.0759 2.9704 19.3184 4.12574C19.5611 4.35137 19.6269 4.70948 19.4804 5.00666C19.3331 5.30535 19.25 5.6419 19.25 6C19.25 7.24263 20.2574 8.25 21.5 8.25L21.5314 8.24977C21.8629 8.24504 22.1583 8.45859 22.2576 8.77495C22.5777 9.79397 22.75 10.8776 22.75 12C22.75 12.7408 22.6749 13.4649 22.5318 14.1648C22.4548 14.5411 22.1059 14.7985 21.7237 14.7609C21.6504 14.7537 21.5758 14.75 21.5 14.75C20.2574 14.75 19.25 15.7574 19.25 17C19.25 17.5531 19.4486 18.0579 19.7793 18.4498C20.027 18.7434 20.0128 19.1767 19.7465 19.4535C18.4777 20.7719 16.8745 21.7678 15.0721 22.3044C14.6807 22.4209 14.2681 22.2029 14.1437 21.814C13.8535 20.906 13.0024 20.25 12 20.25C10.9976 20.25 10.1465 20.906 9.85629 21.814C9.73195 22.2029 9.31927 22.4209 8.92789 22.3044C7.12545 21.7678 5.52229 20.7719 4.25353 19.4535C3.98716 19.1767 3.97299 18.7434 4.22072 18.4498C4.55139 18.0579 4.75 17.5531 4.75 17C4.75 15.7574 3.74264 14.75 2.5 14.75C2.42423 14.75 2.34963 14.7537 2.27634 14.7609C1.89406 14.7985 1.54519 14.5411 1.46821 14.1648C1.32505 13.4649 1.25 12.7408 1.25 12C1.25 10.8776 1.42227 9.79398 1.74236 8.77494C1.84173 8.45859 2.13705 8.24504 2.4686 8.24977L2.5 8.25C3.74264 8.25 4.75 7.24263 4.75 6C4.75 5.6419 4.66689 5.30535 4.51962 5.00666C4.3731 4.70948 4.43894 4.35137 4.68159 4.12574C5.92411 2.9704 7.44153 2.10497 9.12596 1.63869ZM6.08277 4.88991C6.19152 5.24123 6.25 5.61424 6.25 6C6.25 7.88945 4.85261 9.45253 3.03493 9.71213C2.84898 10.4432 2.75 11.2096 2.75 12C2.75 12.4294 2.77921 12.8516 2.83567 13.2648C4.74948 13.4346 6.25 15.0421 6.25 17C6.25 17.6669 6.0754 18.2941 5.76971 18.8372C6.62645 19.6184 7.63002 20.2404 8.73362 20.657C9.37706 19.5189 10.598 18.75 12 18.75C13.402 18.75 14.6229 19.5189 15.2664 20.657C16.37 20.2404 17.3735 19.6184 18.2303 18.8372C17.9246 18.2941 17.75 17.6669 17.75 17C17.75 15.0421 19.2505 13.4346 21.1643 13.2648C21.2208 12.8516 21.25 12.4294 21.25 12C21.25 11.2096 21.151 10.4432 20.9651 9.71213C19.1474 9.45252 17.75 7.88945 17.75 6C17.75 5.61424 17.8085 5.24123 17.9172 4.88991C17.0618 4.1771 16.0762 3.61614 15.0018 3.24775C14.3184 4.15897 13.2287 4.75 12 4.75C10.7713 4.75 9.68158 4.15897 8.99819 3.24775C7.92382 3.61614 6.93823 4.1771 6.08277 4.88991Z",
     fill: "currentColor"
   }),
-  /* @__PURE__ */ b("path", {
+  /* @__PURE__ */ w("path", {
     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), Zo = [
-  Uo
+], -1), Po = [
+  _o
 ];
-function jo(e, t) {
-  return p(), w("button", Wo, Zo);
+function Vo(e, t) {
+  return v(), b("button", zo, Po);
 }
-const Xo = /* @__PURE__ */ re(No, [["render", jo]]), Yo = {}, Ko = { class: "btn btn-xs btn-circle btn-ghost" }, Go = /* @__PURE__ */ b("svg", {
+const No = /* @__PURE__ */ oe(Fo, [["render", Vo]]), Ho = {}, Uo = { class: "btn btn-xs btn-circle btn-ghost" }, Wo = /* @__PURE__ */ w("svg", {
   class: "w-4 h-4 text-primary",
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 }, [
-  /* @__PURE__ */ b("path", {
+  /* @__PURE__ */ w("path", {
     "fill-rule": "evenodd",
     "clip-rule": "evenodd",
     d: "M3.19102 3.19102C3.44571 2.93633 3.85864 2.93633 4.11333 3.19102L12.809 11.8867C13.0637 12.1414 13.0637 12.5543 12.809 12.809C12.5543 13.0637 12.1414 13.0637 11.8867 12.809L3.19102 4.11333C2.93633 3.85864 2.93633 3.44571 3.19102 3.19102Z",
     fill: "currentColor"
   }),
-  /* @__PURE__ */ b("path", {
+  /* @__PURE__ */ w("path", {
     "fill-rule": "evenodd",
     "clip-rule": "evenodd",
     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), qo = [
-  Go
+], -1), Zo = [
+  Wo
 ];
-function Jo(e, t) {
-  return p(), w("button", Ko, qo);
+function Xo(e, t) {
+  return v(), b("button", Uo, Zo);
 }
-const Qo = /* @__PURE__ */ re(Yo, [["render", Jo]]), ei = {
+const jo = /* @__PURE__ */ oe(Ho, [["render", Xo]]), Yo = {
   name: "ThemeSelector",
   props: {
     currentTheme: {
@@ -1564,55 +1525,55 @@ const Qo = /* @__PURE__ */ re(Yo, [["render", Jo]]), ei = {
       });
     }
   }
-}, ti = { class: "dropdown dropdown-end z-50" }, ni = /* @__PURE__ */ b("div", {
+}, Go = { class: "dropdown dropdown-end z-50" }, Ko = /* @__PURE__ */ w("div", {
   tabindex: "0",
   role: "button",
   class: "btn btn-ghost btn-circle btn-xs"
 }, [
-  /* @__PURE__ */ b("svg", {
+  /* @__PURE__ */ w("svg", {
     class: "w-4 h-4 text-primary",
     fill: "currentColor",
     viewBox: "0 0 20 20"
   }, [
-    /* @__PURE__ */ b("path", { d: "M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" })
+    /* @__PURE__ */ w("path", { d: "M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" })
   ])
-], -1), oi = {
+], -1), qo = {
   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"
-}, ii = ["id", "value", "checked", "onChange"], si = ["for"], ri = { class: "flex items-center gap-2" };
-function li(e, t, n, o, i, r) {
-  return p(), w("div", ti, [
-    ni,
-    b("ul", oi, [
-      (p(!0), w(be, null, Re(i.availableThemes, (s) => (p(), w("li", {
+}, Jo = ["id", "value", "checked", "onChange"], Qo = ["for"], ei = { class: "flex items-center gap-2" };
+function ti(e, t, n, o, i, r) {
+  return v(), b("div", Go, [
+    Ko,
+    w("ul", qo, [
+      (v(!0), b(de, null, Ce(i.availableThemes, (s) => (v(), b("li", {
         key: s.value
       }, [
-        b("input", {
+        w("input", {
           type: "radio",
           id: `theme-${s.value}`,
           value: s.value,
           checked: n.currentTheme === s.value,
           onChange: (a) => r.handleThemeChange(s.value),
           class: "theme-controller sr-only"
-        }, null, 40, ii),
-        b("label", {
+        }, null, 40, Jo),
+        w("label", {
           for: `theme-${s.value}`,
           class: k(["cursor-pointer rounded-lg px-2 py-1 hover:bg-base-200", { "bg-primary text-primary-content": n.currentTheme === s.value }]),
           onClick: t[0] || (t[0] = (...a) => r.handleLabelClick && r.handleLabelClick(...a))
         }, [
-          b("span", ri, [
-            b("span", {
+          w("span", ei, [
+            w("span", {
               class: "w-3 h-3 rounded-full",
-              style: Pe({ backgroundColor: s.color })
+              style: Ve({ backgroundColor: s.color })
             }, null, 4),
-            ve(" " + ge(s.name), 1)
+            ve(" " + pe(s.name), 1)
           ])
-        ], 10, si)
+        ], 10, Qo)
       ]))), 128))
     ])
   ]);
 }
-const ai = /* @__PURE__ */ re(ei, [["render", li]]), ci = { class: "flex flex-col" }, ui = { class: "flex justify-start items-center" }, di = { class: "flex items-center gap-1" }, fi = /* @__PURE__ */ b("div", { class: "w-5" }, null, -1), mi = { class: "flex justify-end items-center" }, lt = {
+const ni = /* @__PURE__ */ oe(Yo, [["render", ti]]), oi = { class: "flex flex-col" }, ii = { class: "flex justify-start items-center" }, si = { class: "flex items-center gap-1" }, ri = /* @__PURE__ */ w("div", { class: "w-5" }, null, -1), ai = { class: "flex justify-end items-center" }, it = {
   __name: "Header",
   props: {
     tts: String,
@@ -1650,109 +1611,99 @@ const ai = /* @__PURE__ */ re(ei, [["render", li]]), ci = { class: "flex flex-co
     }, r = (s) => {
       s.target.closest('button, input, select, textarea, [role="button"]') || (o("dragStart", { type: "touch", event: s }), s.preventDefault());
     };
-    return (s, a) => (p(), w("div", ci, [
-      b("div", {
+    return (s, a) => (v(), b("div", oi, [
+      w("div", {
         class: "flex p-2 pt-2 pb-1 flex-row justify-between cursor-grab active:cursor-grabbing",
         onMousedown: i,
         onTouchstart: r
       }, [
-        b("div", ui, [
-          e.isServiceUnavailable ? M("", !0) : (p(), N(fo, {
+        w("div", ii, [
+          e.isServiceUnavailable ? M("", !0) : (v(), V(so, {
             key: 0,
             disabled: e.isAITranslationLoading || e.isAIExplainLoading,
             tts: n.tts,
             onLoadTTS: a[0] || (a[0] = (l) => s.$emit("loadTTS"))
           }, null, 8, ["disabled", "tts"]))
         ]),
-        b("div", di, [
-          fi,
-          !e.isServiceUnavailable && e.isAITranslateVisible ? (p(), N(Mo, {
+        w("div", si, [
+          ri,
+          !e.isServiceUnavailable && e.isAITranslateVisible ? (v(), V($o, {
             key: 0,
             isLoading: e.isAITranslationLoading,
             isFilled: e.isAITranslate,
             onClick: a[1] || (a[1] = (l) => o("aiTranslate"))
           }, null, 8, ["isLoading", "isFilled"])) : M("", !0),
-          !e.isServiceUnavailable && e.isAIExplainVisible ? (p(), N(Ho, {
+          !e.isServiceUnavailable && e.isAIExplainVisible ? (v(), V(Oo, {
             key: 1,
             isLoading: e.isAIExplainLoading,
             isFilled: e.isAIExplain,
             onClick: a[2] || (a[2] = (l) => o("aiExplain"))
           }, null, 8, ["isLoading", "isFilled"])) : M("", !0),
-          !e.isServiceUnavailable && n.isFavoriteFeatureEnabled ? (p(), N(bo, {
+          !e.isServiceUnavailable && n.isFavoriteFeatureEnabled ? (v(), V(mo, {
             key: 2,
             isFilled: n.isFavorite,
             onClick: a[3] || (a[3] = (l) => o("favorite")),
             disabled: e.isAITranslationLoading || e.isAIExplainLoading
           }, null, 8, ["isFilled", "disabled"])) : M("", !0)
         ]),
-        b("div", mi, [
-          e.showThemeSelector ? (p(), N(ai, {
+        w("div", ai, [
+          e.showThemeSelector ? (v(), V(ni, {
             key: 0,
             "current-theme": e.theme,
             onThemeChange: a[4] || (a[4] = (l) => o("themeChange", l))
           }, null, 8, ["current-theme"])) : M("", !0),
-          H(Xo, {
+          P(No, {
             onClick: a[5] || (a[5] = (l) => o("setting"))
           }),
-          H(Qo, {
+          P(jo, {
             onClick: a[6] || (a[6] = (l) => o("close"))
           })
         ])
       ], 32)
     ]));
   }
-}, hi = /* @__PURE__ */ b("svg", {
-  class: "mb-1 mr-1 h-3 w-3",
-  viewBox: "0 0 12 12",
-  fill: "none",
-  "aria-hidden": "true"
-}, [
-  /* @__PURE__ */ b("path", {
-    d: "M10.5 4.5v6h-6",
-    stroke: "currentColor",
-    "stroke-width": "1.5",
-    "stroke-linecap": "round"
-  }),
-  /* @__PURE__ */ b("path", {
-    d: "M10.5 7.5v3h-3",
-    stroke: "currentColor",
-    "stroke-width": "1.5",
-    "stroke-linecap": "round"
-  })
-], -1), pi = [
-  hi
-], gi = {
+}, li = { class: "pointer-events-none absolute inset-0 z-20" }, ci = ["data-resize", "aria-label", "onPointerdown"], ui = {
   __name: "ResizeHandle",
-  emits: ["resizeStart", "resizeReset"],
+  emits: ["resizeStart"],
   setup(e, { emit: t }) {
-    const n = t, o = (i) => {
-      var r, s;
-      i.pointerType === "mouse" && i.button !== 0 || (i.preventDefault(), i.stopPropagation(), (s = (r = i.currentTarget).setPointerCapture) == null || s.call(r, i.pointerId), n("resizeStart", { axis: "both", event: i }));
+    const n = t, o = [
+      { name: "n", class: "inset-x-3 top-0 h-2 cursor-ns-resize" },
+      { name: "s", class: "inset-x-3 bottom-0 h-2 cursor-ns-resize" },
+      { name: "e", class: "inset-y-3 right-0 w-2 cursor-ew-resize" },
+      { name: "w", class: "inset-y-3 left-0 w-2 cursor-ew-resize" },
+      { name: "nw", class: "left-0 top-0 h-3 w-3 cursor-nwse-resize" },
+      { name: "ne", class: "right-0 top-0 h-3 w-3 cursor-nesw-resize" },
+      { name: "sw", class: "bottom-0 left-0 h-3 w-3 cursor-nesw-resize" },
+      { name: "se", class: "bottom-0 right-0 h-3 w-3 cursor-nwse-resize" }
+    ], i = (r, s) => {
+      var a, l;
+      s.pointerType === "mouse" && s.button !== 0 || (s.preventDefault(), s.stopPropagation(), (l = (a = s.currentTarget).setPointerCapture) == null || l.call(a, s.pointerId), n("resizeStart", { edge: r, event: s }));
     };
-    return (i, r) => (p(), w("div", {
-      "data-resize": "both",
-      class: "absolute bottom-0 right-0 z-20 flex h-6 w-6 cursor-nwse-resize select-none items-end justify-end rounded-be-md text-base-content/50 touch-none hover:bg-base-content/10 hover:text-primary",
-      "aria-label": "Resize",
-      title: "Drag to resize. Double-click to reset.",
-      onPointerdown: o,
-      onDblclick: r[0] || (r[0] = Qe((s) => n("resizeReset"), ["stop", "prevent"])),
-      onClick: r[1] || (r[1] = Qe(() => {
-      }, ["stop"]))
-    }, pi, 32));
+    return (r, s) => (v(), b("div", li, [
+      (v(), b(de, null, Ce(o, (a) => w("div", {
+        key: a.name,
+        "data-resize": a.name,
+        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) => i(a.name, l),
+        onClick: s[0] || (s[0] = Rt(() => {
+        }, ["stop"]))
+      }, null, 42, ci)), 64))
+    ]));
   }
-}, ne = {
+}, Q = {
   LOGO: "LOGO",
   LOADING: "LOADING",
   DATA: "DATA",
   ERROR: "ERROR",
   HIDDEN: "HIDDEN"
-}, at = 500, _e = 250, vi = 120, Ci = 8, bi = ["ar", "fa", "iw", "yi", "ur", "pa"], wi = {
+}, di = 320, fi = 240, mi = 250, hi = 120, pi = 8, vi = ["ar", "fa", "iw", "yi", "ur", "pa"], gi = {
   key: 0,
   class: "flex justify-center"
-}, xi = {
+}, Ci = {
   key: 1,
   class: "flex justify-center"
-}, yi = { class: "p-3 border-t border-base-300" }, Li = {
+}, bi = { class: "p-3 border-t border-base-300" }, wi = {
   name: "Bubble",
   props: [
     "translation",
@@ -1779,8 +1730,7 @@ const ai = /* @__PURE__ */ re(ei, [["render", li]]), ci = { class: "flex flex-co
     "learn",
     "themeChange",
     "dragStart",
-    "resizeStart",
-    "resizeReset"
+    "resizeStart"
   ],
   data() {
     return {
@@ -1842,20 +1792,20 @@ const ai = /* @__PURE__ */ re(ei, [["render", li]]), ci = { class: "flex flex-co
       immediate: !0
     },
     status() {
-      this.status === ne.ERROR && (this.isServiceUnavailable = !0);
+      this.status === Q.ERROR && (this.isServiceUnavailable = !0);
     }
   }
-}, Si = /* @__PURE__ */ Object.assign(Li, {
+}, yi = /* @__PURE__ */ Object.assign(wi, {
   setup(e) {
     return (t, n) => {
       var o, i, r, s, a, l, c, u, d, h, m;
-      return e.status === Te(ne).LOGO ? (p(), w("div", wi, [
-        H(En, {
+      return e.status === Te(Q).LOGO ? (v(), b("div", gi, [
+        P(bn, {
           onClick: n[0] || (n[0] = (f) => t.$emit("logo"))
         })
-      ])) : e.status === Te(ne).LOADING ? (p(), w("div", xi, [
-        H(Dn)
-      ])) : e.status !== Te(ne).HIDDEN ? (p(), w("div", {
+      ])) : e.status === Te(Q).LOADING ? (v(), b("div", Ci, [
+        P(An)
+      ])) : e.status !== Te(Q).HIDDEN ? (v(), b("div", {
         key: 2,
         class: k([
           "wrapper rounded-lg text-base-content text-sm shadow-lg relative bg-[length:300%_300%] bg-[position:0%_50%]",
@@ -1866,13 +1816,13 @@ const ai = /* @__PURE__ */ re(ei, [["render", li]]), ci = { class: "flex flex-co
           }
         ])
       }, [
-        b("div", {
+        w("div", {
           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(), N(lt, {
+          t.isServiceUnavailable ? (v(), V(it, {
             key: 0,
             class: "shrink-0",
             isServiceUnavailable: t.isServiceUnavailable,
@@ -1884,7 +1834,7 @@ const ai = /* @__PURE__ */ re(ei, [["render", li]]), ci = { class: "flex flex-co
             onClose: n[3] || (n[3] = (f) => t.$emit("close")),
             onLoadTTS: n[4] || (n[4] = (f) => t.$emit("loadTTS")),
             onThemeChange: n[5] || (n[5] = (f) => t.$emit("themeChange", f))
-          }, null, 8, ["isServiceUnavailable", "theme", "showThemeSelector"])) : (p(), N(lt, {
+          }, null, 8, ["isServiceUnavailable", "theme", "showThemeSelector"])) : (v(), V(it, {
             key: 1,
             class: "shrink-0",
             tts: e.tts,
@@ -1908,60 +1858,59 @@ const ai = /* @__PURE__ */ re(ei, [["render", li]]), ci = { class: "flex flex-co
             onThemeChange: n[10] || (n[10] = (f) => t.$emit("themeChange", f)),
             onDragStart: n[11] || (n[11] = (f) => t.$emit("dragStart", f))
           }, null, 8, ["tts", "isFavorite", "isAITranslate", "isAITranslateVisible", "isAIExplain", "isAIExplainVisible", "isAITranslationLoading", "isAIExplainLoading", "isFavoriteFeatureEnabled", "isLongSentence", "theme", "showThemeSelector", "onAiTranslate", "onAiExplain"])),
-          b("div", {
+          w("div", {
             class: k(
               e.constrained ? "min-h-0 min-w-0 flex-1 overflow-y-auto overflow-x-hidden break-words overscroll-contain" : ""
             )
           }, [
-            b("div", yi, [
-              (l = (a = t.data) == null ? void 0 : a.phonetic) != null && l.src ? (p(), N(Vn, {
+            w("div", bi, [
+              (l = (a = t.data) == null ? void 0 : a.phonetic) != null && l.src ? (v(), V(Mn, {
                 key: 0,
                 phonetic: (u = (c = t.data) == null ? void 0 : c.phonetic) == null ? void 0 : u.src
               }, null, 8, ["phonetic"])) : M("", !0),
-              H(Hn, {
+              P(On, {
                 sentences: t.isServiceUnavailable ? "Service Unavailable" : (d = t.data) == null ? void 0 : d.result
               }, null, 8, ["sentences"]),
-              H(Un, {
+              P(_n, {
                 show: t.showAIPrompt,
                 isLoading: t.isAITranslationLoading,
                 onClick: t.handleAITranslate
               }, null, 8, ["show", "isLoading", "onClick"]),
-              H(Xn, {
+              P(Nn, {
                 show: t.showAIExplainPrompt,
                 isLoading: t.isAIExplainLoading,
                 onClick: t.handleAIExplain
               }, null, 8, ["show", "isLoading", "onClick"]),
-              H(Gn, {
+              P(Wn, {
                 show: t.showLearnPrompt,
                 onClick: t.handleLearn
               }, null, 8, ["show", "onClick"])
             ]),
-            !t.isServiceUnavailable && ((m = (h = t.data) == null ? void 0 : h.dictionary) == null ? void 0 : m.length) > 0 ? (p(), N(Qn, {
+            !t.isServiceUnavailable && ((m = (h = t.data) == null ? void 0 : h.dictionary) == null ? void 0 : m.length) > 0 ? (v(), V(jn, {
               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(), N(io, {
+            !t.isServiceUnavailable && e.isAIExplain && e.explanation ? (v(), V(Jn, {
               key: 1,
               class: "p-3 pt-0 border-t border-base-300",
               explanation: e.explanation
             }, null, 8, ["explanation"])) : M("", !0)
           ], 2),
-          H(gi, {
-            onResizeStart: n[12] || (n[12] = (f) => t.$emit("resizeStart", f)),
-            onResizeReset: n[13] || (n[13] = (f) => t.$emit("resizeReset"))
+          P(ui, {
+            onResizeStart: n[12] || (n[12] = (f) => t.$emit("resizeStart", f))
           })
         ], 2)
       ], 2)) : M("", !0);
     };
   }
 });
-function Ei(e) {
+function xi(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Ve = { exports: {} }, ct;
-function Ti() {
-  return ct || (ct = 1, function(e) {
+var Pe = { exports: {} }, st;
+function Li() {
+  return st || (st = 1, function(e) {
     (function() {
       var t = [
         "direction",
@@ -2012,25 +1961,25 @@ function Ti() {
         var u = document.createElement("div");
         u.id = "input-textarea-caret-position-mirror-div", document.body.appendChild(u);
         var d = u.style, h = window.getComputedStyle ? window.getComputedStyle(r) : r.currentStyle, m = r.nodeName === "INPUT";
-        d.whiteSpace = "pre-wrap", m || (d.wordWrap = "break-word"), d.position = "absolute", l || (d.visibility = "hidden"), t.forEach(function(x) {
-          m && x === "lineHeight" ? d.lineHeight = h.height : d[x] = h[x];
+        d.whiteSpace = "pre-wrap", m || (d.wordWrap = "break-word"), d.position = "absolute", l || (d.visibility = "hidden"), t.forEach(function(y) {
+          m && y === "lineHeight" ? d.lineHeight = h.height : d[y] = h[y];
         }), o ? r.scrollHeight > parseInt(h.height) && (d.overflowY = "scroll") : d.overflow = "hidden", u.textContent = r.value.substring(0, s), m && (u.textContent = u.textContent.replace(/\s/g, " "));
         var f = document.createElement("span");
         f.textContent = r.value.substring(s) || ".", u.appendChild(f);
-        var v = {
+        var g = {
           top: f.offsetTop + parseInt(h.borderTopWidth),
           left: f.offsetLeft + parseInt(h.borderLeftWidth),
           height: parseInt(h.lineHeight)
         };
-        return l ? f.style.backgroundColor = "#aaa" : document.body.removeChild(u), v;
+        return l ? f.style.backgroundColor = "#aaa" : document.body.removeChild(u), g;
       }
       e.exports = i;
     })();
-  }(Ve)), Ve.exports;
+  }(Pe)), Pe.exports;
 }
-var $i = Ti();
-const ut = /* @__PURE__ */ Ei($i);
-function ce(e) {
+var Si = Li();
+const rt = /* @__PURE__ */ xi(Si);
+function re(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)))
@@ -2039,7 +1988,7 @@ function ce(e) {
   if (!s && !a) {
     if (!e.selectionEnd)
       return !1;
-    let u = ut(e, e.selectionStart), d = ut(e, e.selectionEnd);
+    let u = rt(e, e.selectionStart), d = rt(e, e.selectionEnd);
     i = e.getBoundingClientRect(), a = i.left + u.left, l = d.left - u.left, u.top != d.top && (a = i.left, l = i.width), r = i.top + u.top, s = i.top + d.top + 20;
   }
   return c === 0 && (c = s - r), {
@@ -2055,7 +2004,7 @@ function ce(e) {
     height: c
   };
 }
-function Ai() {
+function Ei() {
   const e = document.getElementsByTagName("ddict-div");
   for (let t of e)
     if (!t.parentNode.matches('wrapper[dir="rtl"]')) {
@@ -2063,57 +2012,76 @@ function Ai() {
       n.setAttribute("dir", "rtl"), t.parentNode.insertBefore(n, t), n.appendChild(t);
     }
 }
-function ki() {
+function Ti() {
   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 dt = {
-  supportRTL: Ai,
-  removeRTL: ki
-}, Ri = 2;
-function Bi(e, t, n = Ri) {
+const at = {
+  supportRTL: Ei,
+  removeRTL: Ti
+}, $i = 2, Ai = {
+  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 },
+  w: { x: !0, y: !1, fromStartX: !0, fromStartY: !1 },
+  ne: { x: !0, y: !0, fromStartX: !1, fromStartY: !0 },
+  nw: { x: !0, y: !0, fromStartX: !0, fromStartY: !0 },
+  se: { x: !0, y: !0, fromStartX: !1, fromStartY: !1 },
+  sw: { x: !0, y: !0, fromStartX: !0, fromStartY: !1 }
+};
+function ki(e, t, n = $i) {
   return Math.abs(e) >= n || Math.abs(t) >= n;
 }
-function ft(e, t, n) {
+function Ee(e, t, n) {
   const o = n > t ? n : t;
   return Math.min(o, Math.max(t, e));
 }
-function Ii({
-  width: e,
-  height: t,
-  dx: n,
-  dy: o,
-  scale: i = 1,
-  axis: r = "both",
-  minWidth: s,
-  minHeight: a,
-  maxWidth: l,
-  maxHeight: c
-}) {
-  const u = i > 0 ? i : 1, d = r === "x" || r === "both", h = r === "y" || r === "both";
-  return {
-    width: d ? Math.round(ft(e + n / u, s, l)) : e,
-    height: h ? Math.round(ft(t + o / u, a, c)) : t
-  };
-}
-function Mi({
-  left: e,
-  top: t,
-  scale: n = 1,
-  viewportWidth: o,
-  viewportHeight: i,
-  margin: r = 8
+function Ri({
+  x: e,
+  y: t,
+  width: n,
+  height: o,
+  dx: i,
+  dy: r,
+  scale: s = 1,
+  edge: a,
+  minWidth: l,
+  minHeight: c,
+  viewportWidth: u,
+  viewportHeight: d,
+  margin: h = 8
 }) {
-  const s = n > 0 ? n : 1;
+  const m = Ai[a];
+  if (!m) return { x: e, y: t, width: n, height: o };
+  const f = s > 0 ? s : 1, g = e + n * f, y = t + o * f, x = u - h, L = d - h;
+  let S = e, $ = t, T = n, I = o;
+  if (m.x && m.fromStartX) {
+    const E = h, D = g - l * f;
+    S = Ee(e + i, E, D), T = (g - S) / f;
+  } else m.x && (T = Ee(
+    n + i / f,
+    l,
+    Math.max(l, (x - e) / f)
+  ));
+  if (m.y && m.fromStartY) {
+    const E = h, D = y - c * f;
+    $ = Ee(t + r, E, D), I = (y - $) / f;
+  } else m.y && (I = Ee(
+    o + r / f,
+    c,
+    Math.max(c, (L - t) / f)
+  ));
   return {
-    maxWidth: (o - e - r) / s,
-    maxHeight: (i - t - r) / s
+    x: Math.round(S),
+    y: Math.round($),
+    width: Math.round(T),
+    height: Math.round(I)
   };
 }
-const Di = {
+const Bi = {
   __name: "HotKeysListener",
   props: {
     textSelected: String
@@ -2144,13 +2112,13 @@ const Di = {
           break;
       }
     };
-    return mt(() => {
+    return lt(() => {
       window.addEventListener("dblclick", i), window.addEventListener("keydown", r), window.addEventListener("keyup", s);
-    }), We(() => {
+    }), Ue(() => {
       window.removeEventListener("dblclick", i), window.removeEventListener("keydown", r), window.removeEventListener("keyup", s);
-    }), (l, c) => (p(), w("div"));
+    }), (l, c) => (v(), b("div"));
   }
-}, Oi = ["data-theme"], zi = {
+}, Ii = ["data-theme"], Di = {
   __name: "BubbleWrapper",
   props: {
     translation: Object,
@@ -2191,217 +2159,218 @@ const Di = {
     "themeChange"
   ],
   setup(e, { emit: t }) {
-    const n = e, o = t, i = R(null), r = R(null), s = R(null), a = R(!1), l = R(""), c = R(n.theme), u = R(!1), d = R(!1), h = R({ x: 0, y: 0 }), m = R(null), f = R(null), v = R(null), x = R(!1);
-    let y = !1, L = 0, S = !1, $ = "", E = "";
+    const n = e, o = t, i = R(null), r = R(null), s = R(null), a = R(!1), l = R(""), c = R(n.theme), u = R(!1), d = R(!1), h = R({ x: 0, y: 0 }), m = R(null), f = R(null), g = R(null), y = R(!1);
+    let x = !1, L = 0, S = !1, $ = "", T = "";
     const I = B(() => typeof window > "u" || !s.value || !l.value ? null : {
-      getBoundingClientRect: () => ce(s.value),
-      getClientRects: () => ce(s.value)
-    }), { floatingStyles: T, update: D } = wn(I, i, {
+      getBoundingClientRect: () => re(s.value),
+      getClientRects: () => re(s.value)
+    }), { floatingStyles: E, update: D } = hn(I, i, {
       placement: "bottom",
-      middleware: [
-        hn(4),
-        gn(),
-        pn(),
-        vn({
-          apply({ rects: g, elements: C }) {
-            if (C.floating.style.zIndex = 9999, f.value) return;
-            let A = g.reference.width > _e ? g.reference.width / n.scale : _e;
-            A > at && (A = at), C.floating.style.maxWidth = A + "px";
-          }
-        })
-      ],
-      whileElementsMounted(g, C, A) {
-        return mn(g, C, A, {
+      middleware: [cn(4), dn(), un()],
+      whileElementsMounted(p, C, A) {
+        return ln(p, C, A, {
           ancestorScroll: !0,
           elementResize: !1
         });
       }
-    }), z = B(
-      () => n.status === ne.DATA || n.status === ne.ERROR
-    ), _ = B(() => !!f.value && z.value), ee = B(() => {
-      let g = T.value;
+    }), H = B(
+      () => n.status === Q.DATA || n.status === Q.ERROR
+    ), O = B(() => {
+      var p, C;
+      return H.value ? {
+        width: ((p = f.value) == null ? void 0 : p.width) ?? di,
+        height: ((C = f.value) == null ? void 0 : C.height) ?? fi
+      } : null;
+    }), we = B(() => {
+      let p = E.value;
       if (m.value)
-        g = {
-          ...g,
+        p = {
+          ...p,
           position: "fixed",
           left: `${m.value.x}px`,
           top: `${m.value.y}px`,
           transform: "none"
         };
-      else if (x.value && s.value && l.value) {
-        const C = ce(s.value);
-        C && (g = {
-          ...g,
+      else if (y.value && s.value && l.value) {
+        const C = re(s.value);
+        C && (p = {
+          ...p,
           position: "fixed",
           left: `${C.x}px`,
           top: `${C.y + C.height + 4}px`,
           transform: "none"
         });
       }
-      return _.value && (g = {
-        ...g,
-        width: `${f.value.width}px`,
-        height: `${f.value.height}px`,
-        maxWidth: `${f.value.width}px`,
+      return p = {
+        ...p,
+        zIndex: 9999
+      }, O.value && (p = {
+        ...p,
+        width: `${O.value.width}px`,
+        height: `${O.value.height}px`,
+        maxWidth: `${O.value.width}px`,
         boxSizing: "border-box"
-      }), g;
-    }), Le = B(() => {
-      const g = {
+      }), p;
+    }), ye = B(() => {
+      const p = {
         transform: n.scale !== 1 ? `scale(${n.scale})` : "none",
         transformOrigin: "top left"
       };
-      return _.value && (g.width = `${f.value.width}px`, g.height = `${f.value.height}px`, g.boxSizing = "border-box"), g;
+      return O.value && (p.width = `${O.value.width}px`, p.height = `${O.value.height}px`, p.boxSizing = "border-box"), p;
     });
-    mt(() => {
-      document.addEventListener("keyup", (g) => {
-        if (!ce(g.target)) {
-          l.value = "", Y();
+    lt(() => {
+      document.addEventListener("keyup", (p) => {
+        if (!re(p.target)) {
+          l.value = "", j();
           return;
         }
-      }), document.documentElement.onclick = (g) => {
-        if (Ke()) return;
-        const C = ce(g.target);
+      }), document.documentElement.onclick = (p) => {
+        if (Ye()) return;
+        const C = re(p.target);
         if (!C) {
-          l.value = "", Y();
+          l.value = "", j();
           return;
         }
-        me(C, g);
-      }, document.documentElement.ontouchend = (g) => {
-        if (Ke()) return;
-        const C = ce(g.target);
+        fe(C, p);
+      }, document.documentElement.ontouchend = (p) => {
+        if (Ye()) return;
+        const C = re(p.target);
         if (!C) {
-          l.value = "", Y();
+          l.value = "", j();
           return;
         }
-        me(C, g);
+        fe(C, p);
       };
-    }), We(() => {
-      document.documentElement.onclick = null, document.documentElement.ontouchend = null, clearTimeout(L), document.removeEventListener("mousemove", V), document.removeEventListener("mouseup", he), document.removeEventListener("touchmove", P), document.removeEventListener("touchend", Me), Oe();
+    }), Ue(() => {
+      document.documentElement.onclick = null, document.documentElement.ontouchend = null, clearTimeout(L), document.removeEventListener("mousemove", z), document.removeEventListener("mouseup", me), document.removeEventListener("touchmove", _), document.removeEventListener("touchend", Oe), ze();
     });
-    const me = (g, C) => {
-      n.status !== ne.LOGO && o("close"), a.value && !x.value && (x.value = !0), s.value = C.target, l.value = g.text, a.value = !0, Fe(D);
-    }, j = (g) => {
-      g.stopPropagation();
-    }, Y = async () => {
-      Oe(), a.value = !1, m.value = null, x.value = !1, o("close");
-    }, te = (g) => {
-      c.value = g, o("themeChange", g);
-    }, K = ({ type: g, event: C }) => {
+    const fe = (p, C) => {
+      n.status !== Q.LOGO && o("close"), a.value && !y.value && (y.value = !0), s.value = C.target, l.value = p.text, a.value = !0, Ke(D);
+    }, Z = (p) => {
+      p.stopPropagation();
+    }, j = async () => {
+      ze(), a.value = !1, m.value = null, y.value = !1, o("close");
+    }, q = (p) => {
+      c.value = p, o("themeChange", p);
+    }, Y = ({ type: p, event: C }) => {
       u.value = !0;
       const A = i.value.getBoundingClientRect();
-      if (g === "mouse")
+      if (p === "mouse")
         h.value = {
           x: C.clientX - A.left,
           y: C.clientY - A.top
-        }, document.addEventListener("mousemove", V), document.addEventListener("mouseup", he);
-      else if (g === "touch") {
-        const le = C.touches[0];
+        }, document.addEventListener("mousemove", z), document.addEventListener("mouseup", me);
+      else if (p === "touch") {
+        const ie = C.touches[0];
         h.value = {
-          x: le.clientX - A.left,
-          y: le.clientY - A.top
-        }, document.addEventListener("touchmove", P), document.addEventListener("touchend", Me);
+          x: ie.clientX - A.left,
+          y: ie.clientY - A.top
+        }, document.addEventListener("touchmove", _), document.addEventListener("touchend", Oe);
       }
-    }, V = (g) => {
+    }, z = (p) => {
       u.value && (m.value = {
-        x: g.clientX - h.value.x,
-        y: g.clientY - h.value.y
+        x: p.clientX - h.value.x,
+        y: p.clientY - h.value.y
       });
-    }, P = (g) => {
+    }, _ = (p) => {
       if (!u.value) return;
-      const C = g.touches[0];
+      const C = p.touches[0];
       m.value = {
         x: C.clientX - h.value.x,
         y: C.clientY - h.value.y
       };
-    }, he = () => {
-      u.value && De(), u.value = !1, document.removeEventListener("mousemove", V), document.removeEventListener("mouseup", he);
-    }, Me = () => {
-      u.value && De(), u.value = !1, document.removeEventListener("touchmove", P), document.removeEventListener("touchend", Me);
-    }, Ke = () => u.value || d.value ? !0 : y ? (y = !1, clearTimeout(L), !0) : !1, De = () => {
-      y = !0, clearTimeout(L), L = window.setTimeout(() => {
-        y = !1;
+    }, me = () => {
+      u.value && Fe(), u.value = !1, document.removeEventListener("mousemove", z), document.removeEventListener("mouseup", me);
+    }, Oe = () => {
+      u.value && Fe(), u.value = !1, document.removeEventListener("touchmove", _), document.removeEventListener("touchend", Oe);
+    }, Ye = () => u.value || d.value ? !0 : x ? (x = !1, clearTimeout(L), !0) : !1, Fe = () => {
+      x = !0, clearTimeout(L), L = window.setTimeout(() => {
+        x = !1;
       }, 50);
-    }, Et = () => {
-      !document.body || S || ($ = document.body.style.cursor, E = document.body.style.userSelect, document.body.style.cursor = "nwse-resize", document.body.style.userSelect = "none", S = !0);
-    }, Tt = () => {
-      !document.body || !S || (document.body.style.cursor = $, document.body.style.userSelect = E, S = !1);
-    }, $t = () => {
-      if (m.value || !i.value) return;
-      const g = i.value.getBoundingClientRect();
-      m.value = { x: g.left, y: g.top };
-    }, At = ({ axis: g, event: C }) => {
-      !r.value || !i.value || !r.value.offsetWidth || !r.value.offsetHeight || (d.value = !0, v.value = {
-        x: C.clientX,
-        y: C.clientY,
+    }, yt = {
+      n: "ns-resize",
+      s: "ns-resize",
+      e: "ew-resize",
+      w: "ew-resize",
+      ne: "nesw-resize",
+      sw: "nesw-resize",
+      nw: "nwse-resize",
+      se: "nwse-resize"
+    }, xt = (p) => {
+      !document.body || S || ($ = document.body.style.cursor, T = document.body.style.userSelect, document.body.style.cursor = yt[p] || "nwse-resize", document.body.style.userSelect = "none", S = !0);
+    }, Lt = () => {
+      !document.body || !S || (document.body.style.cursor = $, document.body.style.userSelect = T, S = !1);
+    }, St = ({ edge: p, event: C }) => {
+      if (!r.value || !i.value || !r.value.offsetWidth || !r.value.offsetHeight) return;
+      const A = i.value.getBoundingClientRect();
+      d.value = !0, g.value = {
+        pointerX: C.clientX,
+        pointerY: C.clientY,
+        left: A.left,
+        top: A.top,
         width: r.value.offsetWidth,
         height: r.value.offsetHeight,
-        axis: g,
+        edge: p,
         moved: !1
-      }, Et(), document.addEventListener("pointermove", Ge), document.addEventListener("pointerup", Se), document.addEventListener("pointercancel", Se));
-    }, kt = (g, C) => {
-      if (!d.value || !v.value || !i.value) return;
-      const A = g - v.value.x, le = C - v.value.y;
-      if (!v.value.moved && !Bi(A, le)) return;
-      v.value.moved || (v.value.moved = !0, $t());
-      const qe = i.value.getBoundingClientRect(), Je = Mi({
-        left: qe.left,
-        top: qe.top,
+      }, xt(p), document.addEventListener("pointermove", Ge), document.addEventListener("pointerup", xe), document.addEventListener("pointercancel", xe);
+    }, Et = (p, C) => {
+      if (!d.value || !g.value || !i.value) return;
+      const A = p - g.value.pointerX, ie = C - g.value.pointerY;
+      if (!g.value.moved && !ki(A, ie)) return;
+      g.value.moved = !0;
+      const Le = Ri({
+        x: g.value.left,
+        y: g.value.top,
+        width: g.value.width,
+        height: g.value.height,
+        dx: A,
+        dy: ie,
         scale: n.scale,
+        edge: g.value.edge,
+        minWidth: mi,
+        minHeight: hi,
         viewportWidth: window.innerWidth,
         viewportHeight: window.innerHeight,
-        margin: Ci
+        margin: pi
       });
-      f.value = Ii({
-        width: v.value.width,
-        height: v.value.height,
-        dx: A,
-        dy: le,
-        scale: n.scale,
-        axis: v.value.axis,
-        minWidth: _e,
-        minHeight: vi,
-        maxWidth: Je.maxWidth,
-        maxHeight: Je.maxHeight
-      });
-    }, Ge = (g) => {
-      g.cancelable && g.preventDefault(), kt(g.clientX, g.clientY);
-    }, Se = () => {
-      Oe();
-    }, Oe = () => {
-      d.value && De(), d.value = !1, v.value = null, Tt(), document.removeEventListener("pointermove", Ge), document.removeEventListener("pointerup", Se), document.removeEventListener("pointercancel", Se);
-    }, Rt = () => {
-      f.value = null, Fe(D);
-    }, Bt = () => {
+      m.value = { x: Le.x, y: Le.y }, f.value = { width: Le.width, height: Le.height };
+    }, Ge = (p) => {
+      p.cancelable && p.preventDefault(), Et(p.clientX, p.clientY);
+    }, xe = () => {
+      ze();
+    }, ze = () => {
+      d.value && Fe(), d.value = !1, g.value = null, Lt(), document.removeEventListener("pointermove", Ge), document.removeEventListener("pointerup", xe), document.removeEventListener("pointercancel", xe);
+    }, Tt = () => {
       var C;
-      const g = (C = n == null ? void 0 : n.translation) == null ? void 0 : C.target;
-      bi.includes(g) ? dt.supportRTL() : dt.removeRTL();
+      const p = (C = n == null ? void 0 : n.translation) == null ? void 0 : C.target;
+      vi.includes(p) ? at.supportRTL() : at.removeRTL();
     };
-    return ue(
+    return ae(
       () => n.status,
       () => {
-        a.value && Fe(D), Bt();
+        a.value && Ke(D), Tt();
       }
-    ), ue(
+    ), ae(
       () => n.theme,
-      (g) => {
-        c.value = g;
+      (p) => {
+        c.value = p;
       }
-    ), (g, C) => (p(), w(be, null, [
-      a.value ? (p(), w("div", {
+    ), (p, C) => (v(), b(de, null, [
+      a.value ? (v(), b("div", {
         key: 0,
         ref_key: "floatingEl",
         ref: i,
-        style: Pe(ee.value),
-        onClick: j
+        style: Ve(we.value),
+        onClick: Z
       }, [
-        b("div", {
+        w("div", {
           ref_key: "contentEl",
           ref: r,
           class: "relative rounded-lg",
-          style: Pe(Le.value),
+          style: Ve(ye.value),
           "data-theme": c.value
         }, [
-          H(Si, {
+          P(yi, {
             translation: n.translation,
             explanation: n.explanation,
             tts: n.tts,
@@ -2413,30 +2382,29 @@ const Di = {
             aiExplainMinLength: n.aiExplainMinLength,
             theme: c.value,
             showThemeSelector: n.showThemeSelector,
-            constrained: _.value,
+            constrained: H.value,
             onLogo: C[0] || (C[0] = (A) => o("logo")),
             onFavorite: C[1] || (C[1] = (A) => o("favorite")),
             onSettings: C[2] || (C[2] = (A) => o("settings")),
-            onClose: Y,
+            onClose: j,
             onLoadTTS: C[3] || (C[3] = (A) => o("loadTTS")),
             onAiTranslate: C[4] || (C[4] = (A) => o("aiTranslate")),
             onAiExplain: C[5] || (C[5] = (A) => o("aiExplain")),
             onLearn: C[6] || (C[6] = (A) => o("learn", A)),
-            onThemeChange: te,
-            onDragStart: K,
-            onResizeStart: At,
-            onResizeReset: Rt
+            onThemeChange: q,
+            onDragStart: Y,
+            onResizeStart: St
           }, null, 8, ["translation", "explanation", "tts", "status", "isFavorite", "isFavoriteFeatureEnabled", "isAITranslate", "isAIExplain", "aiExplainMinLength", "theme", "showThemeSelector", "constrained"])
-        ], 12, Oi)
+        ], 12, Ii)
       ], 4)) : M("", !0),
-      H(Di, {
+      P(Bi, {
         textSelected: l.value,
         onToggleKey: C[7] || (C[7] = (A) => o("toggleKey", A)),
-        onClose: Y
+        onClose: j
       }, null, 8, ["textSelected"])
     ], 64));
   }
 };
 export {
-  zi as default
+  Di as default
 };