@ddict/bubble 0.0.9 → 0.0.11

package/dist/bubble.es.js

@@ -1,50 +1,1135 @@
-import { openBlock as t, createElementBlock as i, createElementVNode as u, Fragment as $, renderList as m, toDisplayString as g, normalizeClass as _, createBlock as c, createCommentVNode as v, createVNode as p } from "vue";
-const L = "/assets/icons/ddict-logo.svg", d = (n, s) => {
-  const e = n.__vccOpts || n;
-  for (const [o, r] of s)
-    e[o] = r;
-  return e;
-}, w = {
+import { computed as k, ref as H, shallowRef as rt, watch as d2, getCurrentScope as lt, onScopeDispose as ct, shallowReadonly as n2, unref as Z2, openBlock as B, createElementBlock as I, createElementVNode as J, Fragment as C2, renderList as H2, toDisplayString as h2, normalizeClass as x2, createBlock as G, createCommentVNode as j, createVNode as o2, onMounted as at, onUnmounted as ft, nextTick as G2, normalizeStyle as y2 } from "vue";
+const At = "data:image/svg+xml,%3csvg%20width='14'%20height='9'%20viewBox='0%200%2014%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.36153%201.34067C6.15774%200.203232%207.84226%200.203229%208.63846%201.34066L14%209H0L5.36153%201.34067Z'%20fill='white'/%3e%3c/svg%3e", O = Math.min, S = Math.max, m2 = Math.round, u2 = Math.floor, Z = (t) => ({
+  x: t,
+  y: t
+}), ut = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, gt = {
+  start: "end",
+  end: "start"
+};
+function E2(t, e, n) {
+  return S(t, O(e, n));
+}
+function l2(t, e) {
+  return typeof t == "function" ? t(e) : t;
+}
+function P(t) {
+  return t.split("-")[0];
+}
+function c2(t) {
+  return t.split("-")[1];
+}
+function P2(t) {
+  return t === "x" ? "y" : "x";
+}
+function S2(t) {
+  return t === "y" ? "height" : "width";
+}
+function X(t) {
+  return ["top", "bottom"].includes(P(t)) ? "y" : "x";
+}
+function F2(t) {
+  return P2(X(t));
+}
+function dt(t, e, n) {
+  n === void 0 && (n = !1);
+  const o = c2(t), i = F2(t), s = S2(i);
+  let r = i === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
+  return e.reference[s] > e.floating[s] && (r = w2(r)), [r, w2(r)];
+}
+function Ct(t) {
+  const e = w2(t);
+  return [Q2(t), e, Q2(e)];
+}
+function Q2(t) {
+  return t.replace(/start|end/g, (e) => gt[e]);
+}
+function ht(t, e, n) {
+  const o = ["left", "right"], i = ["right", "left"], s = ["top", "bottom"], r = ["bottom", "top"];
+  switch (t) {
+    case "top":
+    case "bottom":
+      return n ? e ? i : o : e ? o : i;
+    case "left":
+    case "right":
+      return e ? s : r;
+    default:
+      return [];
+  }
+}
+function mt(t, e, n, o) {
+  const i = c2(t);
+  let s = ht(P(t), n === "start", o);
+  return i && (s = s.map((r) => r + "-" + i), e && (s = s.concat(s.map(Q2)))), s;
+}
+function w2(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => ut[e]);
+}
+function wt(t) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...t
+  };
+}
+function z2(t) {
+  return typeof t != "number" ? wt(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
+}
+function p2(t) {
+  const {
+    x: e,
+    y: n,
+    width: o,
+    height: i
+  } = t;
+  return {
+    width: o,
+    height: i,
+    top: n,
+    left: e,
+    right: e + o,
+    bottom: n + i,
+    x: e,
+    y: n
+  };
+}
+function O2(t, e, n) {
+  let {
+    reference: o,
+    floating: i
+  } = t;
+  const s = X(e), r = F2(e), l = S2(r), c = P(e), a = s === "y", f = o.x + o.width / 2 - i.width / 2, u = o.y + o.height / 2 - i.height / 2, h = o[l] / 2 - i[l] / 2;
+  let A;
+  switch (c) {
+    case "top":
+      A = {
+        x: f,
+        y: o.y - i.height
+      };
+      break;
+    case "bottom":
+      A = {
+        x: f,
+        y: o.y + o.height
+      };
+      break;
+    case "right":
+      A = {
+        x: o.x + o.width,
+        y: u
+      };
+      break;
+    case "left":
+      A = {
+        x: o.x - i.width,
+        y: u
+      };
+      break;
+    default:
+      A = {
+        x: o.x,
+        y: o.y
+      };
+  }
+  switch (c2(e)) {
+    case "start":
+      A[r] -= h * (n && a ? -1 : 1);
+      break;
+    case "end":
+      A[r] += h * (n && a ? -1 : 1);
+      break;
+  }
+  return A;
+}
+const pt = async (t, e, n) => {
+  const {
+    placement: o = "bottom",
+    strategy: i = "absolute",
+    middleware: s = [],
+    platform: r
+  } = n, l = s.filter(Boolean), c = await (r.isRTL == null ? void 0 : r.isRTL(e));
+  let a = await r.getElementRects({
+    reference: t,
+    floating: e,
+    strategy: i
+  }), {
+    x: f,
+    y: u
+  } = O2(a, o, c), h = o, A = {}, d = 0;
+  for (let m = 0; m < l.length; m++) {
+    const {
+      name: w,
+      fn: p
+    } = l[m], {
+      x: C,
+      y: g,
+      data: x,
+      reset: y
+    } = await p({
+      x: f,
+      y: u,
+      initialPlacement: o,
+      placement: h,
+      strategy: i,
+      middlewareData: A,
+      rects: a,
+      platform: r,
+      elements: {
+        reference: t,
+        floating: e
+      }
+    });
+    f = C ?? f, u = g ?? u, A = {
+      ...A,
+      [w]: {
+        ...A[w],
+        ...x
+      }
+    }, y && d <= 50 && (d++, typeof y == "object" && (y.placement && (h = y.placement), y.rects && (a = y.rects === !0 ? await r.getElementRects({
+      reference: t,
+      floating: e,
+      strategy: i
+    }) : y.rects), {
+      x: f,
+      y: u
+    } = O2(a, h, c)), m = -1);
+  }
+  return {
+    x: f,
+    y: u,
+    placement: h,
+    strategy: i,
+    middlewareData: A
+  };
+};
+async function L2(t, e) {
+  var n;
+  e === void 0 && (e = {});
+  const {
+    x: o,
+    y: i,
+    platform: s,
+    rects: r,
+    elements: l,
+    strategy: c
+  } = t, {
+    boundary: a = "clippingAncestors",
+    rootBoundary: f = "viewport",
+    elementContext: u = "floating",
+    altBoundary: h = !1,
+    padding: A = 0
+  } = l2(e, t), d = z2(A), w = l[h ? u === "floating" ? "reference" : "floating" : u], p = p2(await s.getClippingRect({
+    element: (n = await (s.isElement == null ? void 0 : s.isElement(w))) == null || n ? w : w.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(l.floating)),
+    boundary: a,
+    rootBoundary: f,
+    strategy: c
+  })), C = u === "floating" ? {
+    x: o,
+    y: i,
+    width: r.floating.width,
+    height: r.floating.height
+  } : r.reference, g = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(l.floating)), x = await (s.isElement == null ? void 0 : s.isElement(g)) ? await (s.getScale == null ? void 0 : s.getScale(g)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, y = p2(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: l,
+    rect: C,
+    offsetParent: g,
+    strategy: c
+  }) : C);
+  return {
+    top: (p.top - y.top + d.top) / x.y,
+    bottom: (y.bottom - p.bottom + d.bottom) / x.y,
+    left: (p.left - y.left + d.left) / x.x,
+    right: (y.right - p.right + d.right) / x.x
+  };
+}
+const Bt = (t) => ({
+  name: "arrow",
+  options: t,
+  async fn(e) {
+    const {
+      x: n,
+      y: o,
+      placement: i,
+      rects: s,
+      platform: r,
+      elements: l,
+      middlewareData: c
+    } = e, {
+      element: a,
+      padding: f = 0
+    } = l2(t, e) || {};
+    if (a == null)
+      return {};
+    const u = z2(f), h = {
+      x: n,
+      y: o
+    }, A = F2(i), d = S2(A), m = await r.getDimensions(a), w = A === "y", p = w ? "top" : "left", C = w ? "bottom" : "right", g = w ? "clientHeight" : "clientWidth", x = s.reference[d] + s.reference[A] - h[A] - s.floating[d], y = h[A] - s.reference[A], E = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(a));
+    let v = E ? E[g] : 0;
+    (!v || !await (r.isElement == null ? void 0 : r.isElement(E))) && (v = l.floating[g] || s.floating[d]);
+    const L = x / 2 - y / 2, b = v / 2 - m[d] / 2 - 1, D = O(u[p], b), W = O(u[C], b), $ = D, a2 = v - m[d] - W, Q = v / 2 - m[d] / 2 + L, e2 = E2($, Q, a2), T = !c.arrow && c2(i) != null && Q !== e2 && s.reference[d] / 2 - (Q < $ ? D : W) - m[d] / 2 < 0, R = T ? Q < $ ? Q - $ : Q - a2 : 0;
+    return {
+      [A]: h[A] + R,
+      data: {
+        [A]: e2,
+        centerOffset: Q - e2 - R,
+        ...T && {
+          alignmentOffset: R
+        }
+      },
+      reset: T
+    };
+  }
+}), vt = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "flip",
+    options: t,
+    async fn(e) {
+      var n, o;
+      const {
+        placement: i,
+        middlewareData: s,
+        rects: r,
+        initialPlacement: l,
+        platform: c,
+        elements: a
+      } = e, {
+        mainAxis: f = !0,
+        crossAxis: u = !0,
+        fallbackPlacements: h,
+        fallbackStrategy: A = "bestFit",
+        fallbackAxisSideDirection: d = "none",
+        flipAlignment: m = !0,
+        ...w
+      } = l2(t, e);
+      if ((n = s.arrow) != null && n.alignmentOffset)
+        return {};
+      const p = P(i), C = X(l), g = P(l) === l, x = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), y = h || (g || !m ? [w2(l)] : Ct(l)), E = d !== "none";
+      !h && E && y.push(...mt(l, m, d, x));
+      const v = [l, ...y], L = await L2(e, w), b = [];
+      let D = ((o = s.flip) == null ? void 0 : o.overflows) || [];
+      if (f && b.push(L[p]), u) {
+        const Q = dt(i, r, x);
+        b.push(L[Q[0]], L[Q[1]]);
+      }
+      if (D = [...D, {
+        placement: i,
+        overflows: b
+      }], !b.every((Q) => Q <= 0)) {
+        var W, $;
+        const Q = (((W = s.flip) == null ? void 0 : W.index) || 0) + 1, e2 = v[Q];
+        if (e2)
+          return {
+            data: {
+              index: Q,
+              overflows: D
+            },
+            reset: {
+              placement: e2
+            }
+          };
+        let T = ($ = D.filter((R) => R.overflows[0] <= 0).sort((R, q) => R.overflows[1] - q.overflows[1])[0]) == null ? void 0 : $.placement;
+        if (!T)
+          switch (A) {
+            case "bestFit": {
+              var a2;
+              const R = (a2 = D.filter((q) => {
+                if (E) {
+                  const N = X(q.placement);
+                  return N === C || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  N === "y";
+                }
+                return !0;
+              }).map((q) => [q.placement, q.overflows.filter((N) => N > 0).reduce((N, st) => N + st, 0)]).sort((q, N) => q[1] - N[1])[0]) == null ? void 0 : a2[0];
+              R && (T = R);
+              break;
+            }
+            case "initialPlacement":
+              T = l;
+              break;
+          }
+        if (i !== T)
+          return {
+            reset: {
+              placement: T
+            }
+          };
+      }
+      return {};
+    }
+  };
+};
+async function xt(t, e) {
+  const {
+    placement: n,
+    platform: o,
+    elements: i
+  } = t, s = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), r = P(n), l = c2(n), c = X(n) === "y", a = ["left", "top"].includes(r) ? -1 : 1, f = s && c ? -1 : 1, u = l2(e, t);
+  let {
+    mainAxis: h,
+    crossAxis: A,
+    alignmentAxis: d
+  } = typeof u == "number" ? {
+    mainAxis: u,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: 0,
+    crossAxis: 0,
+    alignmentAxis: null,
+    ...u
+  };
+  return l && typeof d == "number" && (A = l === "end" ? d * -1 : d), c ? {
+    x: A * f,
+    y: h * a
+  } : {
+    x: h * a,
+    y: A * f
+  };
+}
+const yt = function(t) {
+  return t === void 0 && (t = 0), {
+    name: "offset",
+    options: t,
+    async fn(e) {
+      var n, o;
+      const {
+        x: i,
+        y: s,
+        placement: r,
+        middlewareData: l
+      } = e, c = await xt(e, t);
+      return r === ((n = l.offset) == null ? void 0 : n.placement) && (o = l.arrow) != null && o.alignmentOffset ? {} : {
+        x: i + c.x,
+        y: s + c.y,
+        data: {
+          ...c,
+          placement: r
+        }
+      };
+    }
+  };
+}, It = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "shift",
+    options: t,
+    async fn(e) {
+      const {
+        x: n,
+        y: o,
+        placement: i
+      } = e, {
+        mainAxis: s = !0,
+        crossAxis: r = !1,
+        limiter: l = {
+          fn: (w) => {
+            let {
+              x: p,
+              y: C
+            } = w;
+            return {
+              x: p,
+              y: C
+            };
+          }
+        },
+        ...c
+      } = l2(t, e), a = {
+        x: n,
+        y: o
+      }, f = await L2(e, c), u = X(P(i)), h = P2(u);
+      let A = a[h], d = a[u];
+      if (s) {
+        const w = h === "y" ? "top" : "left", p = h === "y" ? "bottom" : "right", C = A + f[w], g = A - f[p];
+        A = E2(C, A, g);
+      }
+      if (r) {
+        const w = u === "y" ? "top" : "left", p = u === "y" ? "bottom" : "right", C = d + f[w], g = d - f[p];
+        d = E2(C, d, g);
+      }
+      const m = l.fn({
+        ...e,
+        [h]: A,
+        [u]: d
+      });
+      return {
+        ...m,
+        data: {
+          x: m.x - n,
+          y: m.y - o
+        }
+      };
+    }
+  };
+}, Et = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "size",
+    options: t,
+    async fn(e) {
+      const {
+        placement: n,
+        rects: o,
+        platform: i,
+        elements: s
+      } = e, {
+        apply: r = () => {
+        },
+        ...l
+      } = l2(t, e), c = await L2(e, l), a = P(n), f = c2(n), u = X(n) === "y", {
+        width: h,
+        height: A
+      } = o.floating;
+      let d, m;
+      a === "top" || a === "bottom" ? (d = a, m = f === (await (i.isRTL == null ? void 0 : i.isRTL(s.floating)) ? "start" : "end") ? "left" : "right") : (m = a, d = f === "end" ? "top" : "bottom");
+      const w = A - c.top - c.bottom, p = h - c.left - c.right, C = O(A - c[d], w), g = O(h - c[m], p), x = !e.middlewareData.shift;
+      let y = C, E = g;
+      if (u ? E = f || x ? O(g, p) : p : y = f || x ? O(C, w) : w, x && !f) {
+        const L = S(c.left, 0), b = S(c.right, 0), D = S(c.top, 0), W = S(c.bottom, 0);
+        u ? E = h - 2 * (L !== 0 || b !== 0 ? L + b : S(c.left, c.right)) : y = A - 2 * (D !== 0 || W !== 0 ? D + W : S(c.top, c.bottom));
+      }
+      await r({
+        ...e,
+        availableWidth: E,
+        availableHeight: y
+      });
+      const v = await i.getDimensions(s.floating);
+      return h !== v.width || A !== v.height ? {
+        reset: {
+          rects: !0
+        }
+      } : {};
+    }
+  };
+};
+function t2(t) {
+  return D2(t) ? (t.nodeName || "").toLowerCase() : "#document";
+}
+function F(t) {
+  var e;
+  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
+}
+function K(t) {
+  var e;
+  return (e = (D2(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+}
+function D2(t) {
+  return t instanceof Node || t instanceof F(t).Node;
+}
+function Y(t) {
+  return t instanceof Element || t instanceof F(t).Element;
+}
+function U(t) {
+  return t instanceof HTMLElement || t instanceof F(t).HTMLElement;
+}
+function J2(t) {
+  return typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof F(t).ShadowRoot;
+}
+function A2(t) {
+  const {
+    overflow: e,
+    overflowX: n,
+    overflowY: o,
+    display: i
+  } = M(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !["inline", "contents"].includes(i);
+}
+function Qt(t) {
+  return ["table", "td", "th"].includes(t2(t));
+}
+function B2(t) {
+  return [":popover-open", ":modal"].some((e) => {
+    try {
+      return t.matches(e);
+    } catch {
+      return !1;
+    }
+  });
+}
+function k2(t) {
+  const e = M2(), n = M(t);
+  return n.transform !== "none" || n.perspective !== "none" || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (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 bt(t) {
+  let e = z(t);
+  for (; U(e) && !r2(e); ) {
+    if (B2(e))
+      return null;
+    if (k2(e))
+      return e;
+    e = z(e);
+  }
+  return null;
+}
+function M2() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+function r2(t) {
+  return ["html", "body", "#document"].includes(t2(t));
+}
+function M(t) {
+  return F(t).getComputedStyle(t);
+}
+function v2(t) {
+  return Y(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.scrollX,
+    scrollTop: t.scrollY
+  };
+}
+function z(t) {
+  if (t2(t) === "html")
+    return t;
+  const e = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    t.assignedSlot || // DOM Element detected.
+    t.parentNode || // ShadowRoot detected.
+    J2(t) && t.host || // Fallback.
+    K(t)
+  );
+  return J2(e) ? e.host : e;
+}
+function $2(t) {
+  const e = z(t);
+  return r2(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : U(e) && A2(e) ? e : $2(e);
+}
+function f2(t, e, n) {
+  var o;
+  e === void 0 && (e = []), n === void 0 && (n = !0);
+  const i = $2(t), s = i === ((o = t.ownerDocument) == null ? void 0 : o.body), r = F(i);
+  return s ? e.concat(r, r.visualViewport || [], A2(i) ? i : [], r.frameElement && n ? f2(r.frameElement) : []) : e.concat(i, f2(i, [], n));
+}
+function X2(t) {
+  const e = M(t);
+  let n = parseFloat(e.width) || 0, o = parseFloat(e.height) || 0;
+  const i = U(t), s = i ? t.offsetWidth : n, r = i ? t.offsetHeight : o, l = m2(n) !== s || m2(o) !== r;
+  return l && (n = s, o = r), {
+    width: n,
+    height: o,
+    $: l
+  };
+}
+function R2(t) {
+  return Y(t) ? t : t.contextElement;
+}
+function s2(t) {
+  const e = R2(t);
+  if (!U(e))
+    return Z(1);
+  const n = e.getBoundingClientRect(), {
+    width: o,
+    height: i,
+    $: s
+  } = X2(e);
+  let r = (s ? m2(n.width) : n.width) / o, l = (s ? m2(n.height) : n.height) / i;
+  return (!r || !Number.isFinite(r)) && (r = 1), (!l || !Number.isFinite(l)) && (l = 1), {
+    x: r,
+    y: l
+  };
+}
+const St = /* @__PURE__ */ Z(0);
+function _2(t) {
+  const e = F(t);
+  return !M2() || !e.visualViewport ? St : {
+    x: e.visualViewport.offsetLeft,
+    y: e.visualViewport.offsetTop
+  };
+}
+function Ft(t, e, n) {
+  return e === void 0 && (e = !1), !n || e && n !== F(t) ? !1 : e;
+}
+function _(t, e, n, o) {
+  e === void 0 && (e = !1), n === void 0 && (n = !1);
+  const i = t.getBoundingClientRect(), s = R2(t);
+  let r = Z(1);
+  e && (o ? Y(o) && (r = s2(o)) : r = s2(t));
+  const l = Ft(s, n, o) ? _2(s) : Z(0);
+  let c = (i.left + l.x) / r.x, a = (i.top + l.y) / r.y, f = i.width / r.x, u = i.height / r.y;
+  if (s) {
+    const h = F(s), A = o && Y(o) ? F(o) : o;
+    let d = h, m = d.frameElement;
+    for (; m && o && A !== d; ) {
+      const w = s2(m), p = m.getBoundingClientRect(), C = M(m), g = p.left + (m.clientLeft + parseFloat(C.paddingLeft)) * w.x, x = p.top + (m.clientTop + parseFloat(C.paddingTop)) * w.y;
+      c *= w.x, a *= w.y, f *= w.x, u *= w.y, c += g, a += x, d = F(m), m = d.frameElement;
+    }
+  }
+  return p2({
+    width: f,
+    height: u,
+    x: c,
+    y: a
+  });
+}
+function Lt(t) {
+  let {
+    elements: e,
+    rect: n,
+    offsetParent: o,
+    strategy: i
+  } = t;
+  const s = i === "fixed", r = K(o), l = e ? B2(e.floating) : !1;
+  if (o === r || l && s)
+    return n;
+  let c = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, a = Z(1);
+  const f = Z(0), u = U(o);
+  if ((u || !u && !s) && ((t2(o) !== "body" || A2(r)) && (c = v2(o)), U(o))) {
+    const h = _(o);
+    a = s2(o), f.x = h.x + o.clientLeft, f.y = h.y + o.clientTop;
+  }
+  return {
+    width: n.width * a.x,
+    height: n.height * a.y,
+    x: n.x * a.x - c.scrollLeft * a.x + f.x,
+    y: n.y * a.y - c.scrollTop * a.y + f.y
+  };
+}
+function Dt(t) {
+  return Array.from(t.getClientRects());
+}
+function tt(t) {
+  return _(K(t)).left + v2(t).scrollLeft;
+}
+function kt(t) {
+  const e = K(t), n = v2(t), o = t.ownerDocument.body, i = S(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), s = S(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
+  let r = -n.scrollLeft + tt(t);
+  const l = -n.scrollTop;
+  return M(o).direction === "rtl" && (r += S(e.clientWidth, o.clientWidth) - i), {
+    width: i,
+    height: s,
+    x: r,
+    y: l
+  };
+}
+function Mt(t, e) {
+  const n = F(t), o = K(t), i = n.visualViewport;
+  let s = o.clientWidth, r = o.clientHeight, l = 0, c = 0;
+  if (i) {
+    s = i.width, r = i.height;
+    const a = M2();
+    (!a || a && e === "fixed") && (l = i.offsetLeft, c = i.offsetTop);
+  }
+  return {
+    width: s,
+    height: r,
+    x: l,
+    y: c
+  };
+}
+function Rt(t, e) {
+  const n = _(t, !0, e === "fixed"), o = n.top + t.clientTop, i = n.left + t.clientLeft, s = U(t) ? s2(t) : Z(1), r = t.clientWidth * s.x, l = t.clientHeight * s.y, c = i * s.x, a = o * s.y;
+  return {
+    width: r,
+    height: l,
+    x: c,
+    y: a
+  };
+}
+function Y2(t, e, n) {
+  let o;
+  if (e === "viewport")
+    o = Mt(t, n);
+  else if (e === "document")
+    o = kt(K(t));
+  else if (Y(e))
+    o = Rt(e, n);
+  else {
+    const i = _2(t);
+    o = {
+      ...e,
+      x: e.x - i.x,
+      y: e.y - i.y
+    };
+  }
+  return p2(o);
+}
+function et(t, e) {
+  const n = z(t);
+  return n === e || !Y(n) || r2(n) ? !1 : M(n).position === "fixed" || et(n, e);
+}
+function Ht(t, e) {
+  const n = e.get(t);
+  if (n)
+    return n;
+  let o = f2(t, [], !1).filter((l) => Y(l) && t2(l) !== "body"), i = null;
+  const s = M(t).position === "fixed";
+  let r = s ? z(t) : t;
+  for (; Y(r) && !r2(r); ) {
+    const l = M(r), c = k2(r);
+    !c && l.position === "fixed" && (i = null), (s ? !c && !i : !c && l.position === "static" && !!i && ["absolute", "fixed"].includes(i.position) || A2(r) && !c && et(t, r)) ? o = o.filter((f) => f !== r) : i = l, r = z(r);
+  }
+  return e.set(t, o), o;
+}
+function Gt(t) {
+  let {
+    element: e,
+    boundary: n,
+    rootBoundary: o,
+    strategy: i
+  } = t;
+  const r = [...n === "clippingAncestors" ? B2(e) ? [] : Ht(e, this._c) : [].concat(n), o], l = r[0], c = r.reduce((a, f) => {
+    const u = Y2(e, f, i);
+    return a.top = S(u.top, a.top), a.right = O(u.right, a.right), a.bottom = O(u.bottom, a.bottom), a.left = S(u.left, a.left), a;
+  }, Y2(e, l, i));
+  return {
+    width: c.right - c.left,
+    height: c.bottom - c.top,
+    x: c.left,
+    y: c.top
+  };
+}
+function Ot(t) {
+  const {
+    width: e,
+    height: n
+  } = X2(t);
+  return {
+    width: e,
+    height: n
+  };
+}
+function Jt(t, e, n) {
+  const o = U(e), i = K(e), s = n === "fixed", r = _(t, !0, s, e);
+  let l = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const c = Z(0);
+  if (o || !o && !s)
+    if ((t2(e) !== "body" || A2(i)) && (l = v2(e)), o) {
+      const u = _(e, !0, s, e);
+      c.x = u.x + e.clientLeft, c.y = u.y + e.clientTop;
+    } else i && (c.x = tt(i));
+  const a = r.left + l.scrollLeft - c.x, f = r.top + l.scrollTop - c.y;
+  return {
+    x: a,
+    y: f,
+    width: r.width,
+    height: r.height
+  };
+}
+function I2(t) {
+  return M(t).position === "static";
+}
+function U2(t, e) {
+  return !U(t) || M(t).position === "fixed" ? null : e ? e(t) : t.offsetParent;
+}
+function nt(t, e) {
+  const n = F(t);
+  if (B2(t))
+    return n;
+  if (!U(t)) {
+    let i = z(t);
+    for (; i && !r2(i); ) {
+      if (Y(i) && !I2(i))
+        return i;
+      i = z(i);
+    }
+    return n;
+  }
+  let o = U2(t, e);
+  for (; o && Qt(o) && I2(o); )
+    o = U2(o, e);
+  return o && r2(o) && I2(o) && !k2(o) ? n : o || bt(t) || n;
+}
+const Yt = async function(t) {
+  const e = this.getOffsetParent || nt, n = this.getDimensions, o = await n(t.floating);
+  return {
+    reference: Jt(t.reference, await e(t.floating), t.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: o.width,
+      height: o.height
+    }
+  };
+};
+function Ut(t) {
+  return M(t).direction === "rtl";
+}
+const Tt = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Lt,
+  getDocumentElement: K,
+  getClippingRect: Gt,
+  getOffsetParent: nt,
+  getElementRects: Yt,
+  getClientRects: Dt,
+  getDimensions: Ot,
+  getScale: s2,
+  isElement: Y,
+  isRTL: Ut
+};
+function Kt(t, e) {
+  let n = null, o;
+  const i = K(t);
+  function s() {
+    var l;
+    clearTimeout(o), (l = n) == null || l.disconnect(), n = null;
+  }
+  function r(l, c) {
+    l === void 0 && (l = !1), c === void 0 && (c = 1), s();
+    const {
+      left: a,
+      top: f,
+      width: u,
+      height: h
+    } = t.getBoundingClientRect();
+    if (l || e(), !u || !h)
+      return;
+    const A = u2(f), d = u2(i.clientWidth - (a + u)), m = u2(i.clientHeight - (f + h)), w = u2(a), C = {
+      rootMargin: -A + "px " + -d + "px " + -m + "px " + -w + "px",
+      threshold: S(0, O(1, c)) || 1
+    };
+    let g = !0;
+    function x(y) {
+      const E = y[0].intersectionRatio;
+      if (E !== c) {
+        if (!g)
+          return r();
+        E ? r(!1, E) : o = setTimeout(() => {
+          r(!1, 1e-7);
+        }, 1e3);
+      }
+      g = !1;
+    }
+    try {
+      n = new IntersectionObserver(x, {
+        ...C,
+        // Handle <iframe>s
+        root: i.ownerDocument
+      });
+    } catch {
+      n = new IntersectionObserver(x, C);
+    }
+    n.observe(t);
+  }
+  return r(!0), s;
+}
+function Vt(t, e, n, o) {
+  o === void 0 && (o = {});
+  const {
+    ancestorScroll: i = !0,
+    ancestorResize: s = !0,
+    elementResize: r = typeof ResizeObserver == "function",
+    layoutShift: l = typeof IntersectionObserver == "function",
+    animationFrame: c = !1
+  } = o, a = R2(t), f = i || s ? [...a ? f2(a) : [], ...f2(e)] : [];
+  f.forEach((p) => {
+    i && p.addEventListener("scroll", n, {
+      passive: !0
+    }), s && p.addEventListener("resize", n);
+  });
+  const u = a && l ? Kt(a, n) : null;
+  let h = -1, A = null;
+  r && (A = new ResizeObserver((p) => {
+    let [C] = p;
+    C && C.target === a && A && (A.unobserve(e), cancelAnimationFrame(h), h = requestAnimationFrame(() => {
+      var g;
+      (g = A) == null || g.observe(e);
+    })), n();
+  }), a && !c && A.observe(a), A.observe(e));
+  let d, m = c ? _(t) : null;
+  c && w();
+  function w() {
+    const p = _(t);
+    m && (p.x !== m.x || p.y !== m.y || p.width !== m.width || p.height !== m.height) && n(), m = p, d = requestAnimationFrame(w);
+  }
+  return n(), () => {
+    var p;
+    f.forEach((C) => {
+      i && C.removeEventListener("scroll", n), s && C.removeEventListener("resize", n);
+    }), u == null || u(), (p = A) == null || p.disconnect(), A = null, c && cancelAnimationFrame(d);
+  };
+}
+const Wt = yt, qt = It, Nt = vt, jt = Et, Zt = Bt, Pt = (t, e, n) => {
+  const o = /* @__PURE__ */ new Map(), i = {
+    platform: Tt,
+    ...n
+  }, s = {
+    ...i.platform,
+    _c: o
+  };
+  return pt(t, e, {
+    ...i,
+    platform: s
+  });
+};
+function zt(t) {
+  return t != null && typeof t == "object" && "$el" in t;
+}
+function b2(t) {
+  if (zt(t)) {
+    const e = t.$el;
+    return D2(e) && t2(e) === "#comment" ? null : e;
+  }
+  return t;
+}
+function i2(t) {
+  return typeof t == "function" ? t() : Z2(t);
+}
+function $t(t) {
+  return {
+    name: "arrow",
+    options: t,
+    fn(e) {
+      const n = b2(i2(t.element));
+      return n == null ? {} : Zt({
+        element: n,
+        padding: t.padding
+      }).fn(e);
+    }
+  };
+}
+function ot(t) {
+  return typeof window > "u" ? 1 : (t.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function T2(t, e) {
+  const n = ot(t);
+  return Math.round(e * n) / n;
+}
+function Xt(t, e, n) {
+  n === void 0 && (n = {});
+  const o = n.whileElementsMounted, i = k(() => {
+    var v;
+    return (v = i2(n.open)) != null ? v : !0;
+  }), s = k(() => i2(n.middleware)), r = k(() => {
+    var v;
+    return (v = i2(n.placement)) != null ? v : "bottom";
+  }), l = k(() => {
+    var v;
+    return (v = i2(n.strategy)) != null ? v : "absolute";
+  }), c = k(() => {
+    var v;
+    return (v = i2(n.transform)) != null ? v : !0;
+  }), a = k(() => b2(t.value)), f = k(() => b2(e.value)), u = H(0), h = H(0), A = H(l.value), d = H(r.value), m = rt({}), w = H(!1), p = k(() => {
+    const v = {
+      position: A.value,
+      left: "0",
+      top: "0"
+    };
+    if (!f.value)
+      return v;
+    const L = T2(f.value, u.value), b = T2(f.value, h.value);
+    return c.value ? {
+      ...v,
+      transform: "translate(" + L + "px, " + b + "px)",
+      ...ot(f.value) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: A.value,
+      left: L + "px",
+      top: b + "px"
+    };
+  });
+  let C;
+  function g() {
+    a.value == null || f.value == null || Pt(a.value, f.value, {
+      middleware: s.value,
+      placement: r.value,
+      strategy: l.value
+    }).then((v) => {
+      u.value = v.x, h.value = v.y, A.value = v.strategy, d.value = v.placement, m.value = v.middlewareData, w.value = !0;
+    });
+  }
+  function x() {
+    typeof C == "function" && (C(), C = void 0);
+  }
+  function y() {
+    if (x(), o === void 0) {
+      g();
+      return;
+    }
+    if (a.value != null && f.value != null) {
+      C = o(a.value, f.value, g);
+      return;
+    }
+  }
+  function E() {
+    i.value || (w.value = !1);
+  }
+  return d2([s, r, l], g, {
+    flush: "sync"
+  }), d2([a, f], y, {
+    flush: "sync"
+  }), d2(i, E, {
+    flush: "sync"
+  }), lt() && ct(x), {
+    x: n2(u),
+    y: n2(h),
+    strategy: n2(A),
+    placement: n2(d),
+    middlewareData: n2(m),
+    isPositioned: n2(w),
+    floatingStyles: p,
+    update: g
+  };
+}
+const _t = "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", V = (t, e) => {
+  const n = t.__vccOpts || t;
+  for (const [o, i] of e)
+    n[o] = i;
+  return n;
+}, t0 = {
   name: "Logo"
-}, C = {
-  src: L,
+}, e0 = {
+  src: _t,
   alt: "DDict Logo",
   class: "w-6 h-6 cursor-pointer"
 };
-function U(n, s, e, o, r, a) {
-  return t(), i("img", C);
+function n0(t, e, n, o, i, s) {
+  return B(), I("img", e0);
 }
-const D = /* @__PURE__ */ d(w, [["render", U]]), E = "/ddict-loading.gif", B = {
+const o0 = /* @__PURE__ */ V(t0, [["render", n0]]), i0 = "data:image/gif;base64,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", s0 = {
   name: "Loading"
-}, P = { class: "rounded bg-white p-1" }, j = /* @__PURE__ */ u("img", {
-  src: E,
+}, r0 = { class: "rounded bg-white p-1" }, l0 = /* @__PURE__ */ J("img", {
+  src: i0,
   alt: "Loading",
   class: "w-12"
-}, null, -1), N = [
-  j
+}, null, -1), c0 = [
+  l0
 ];
-function V(n, s, e, o, r, a) {
-  return t(), i("div", P, N);
+function a0(t, e, n, o, i, s) {
+  return B(), I("div", r0, c0);
 }
-const z = /* @__PURE__ */ d(B, [["render", V]]), O = {
+const f0 = /* @__PURE__ */ V(s0, [["render", a0]]), A0 = {
   name: "Dict",
   props: ["dictionary"]
-}, A = { class: "capitalize text-base italic font-normal text-slate-400" };
-function H(n, s, e, o, r, a) {
-  return t(), i("div", null, [
-    (t(!0), i($, null, m(e.dictionary, (l, k) => (t(), i("div", {
-      key: k,
+}, u0 = { class: "capitalize text-base italic font-normal text-slate-400" };
+function g0(t, e, n, o, i, s) {
+  return B(), I("div", null, [
+    (B(!0), I(C2, null, H2(n.dictionary, (r, l) => (B(), I("div", {
+      key: l,
       class: "mt-2"
     }, [
-      u("p", A, g(l.pos), 1),
-      (t(!0), i($, null, m(l.terms, (F, x) => (t(), i("span", {
-        key: x,
+      J("p", u0, h2(r.pos), 1),
+      (B(!0), I(C2, null, H2(r.terms, (c, a) => (B(), I("span", {
+        key: a,
         class: "text-base leading-6 text-textCustom"
-      }, g(F) + ", ", 1))), 128))
+      }, h2(c) + ", ", 1))), 128))
     ]))), 128))
   ]);
 }
-const I = /* @__PURE__ */ d(O, [["render", H]]), q = "/assets/icons/volume.svg", G = "/assets/icons/volume-stop.svg", J = {
+const d0 = /* @__PURE__ */ V(A0, [["render", g0]]), C0 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.33325%204.66667H3.51125C3.82693%204.6667%204.13239%204.55473%204.37325%204.35067L6.83392%202.26667C6.99592%202.12953%207.19374%202.04156%207.40407%202.01312C7.61441%201.98468%207.82849%202.01696%208.02109%202.10615C8.21369%202.19534%208.37678%202.33772%208.49114%202.51652C8.60551%202.69532%208.66638%202.90309%208.66659%203.11534V12.8847C8.66649%2013.097%208.60565%2013.305%208.49125%2013.4839C8.37685%2013.6628%208.21367%2013.8053%208.02094%2013.8945C7.82822%2013.9837%207.614%2014.0159%207.40356%2013.9874C7.19312%2013.9588%206.99523%2013.8707%206.83325%2013.7333L4.37325%2011.6487C4.13229%2011.4449%203.82685%2011.3331%203.51125%2011.3333H2.33325C2.06804%2011.3333%201.81368%2011.228%201.62615%2011.0404C1.43861%2010.8529%201.33325%2010.5986%201.33325%2010.3333V5.66667C1.33325%205.40145%201.43861%205.1471%201.62615%204.95956C1.81368%204.77203%202.06804%204.66667%202.33325%204.66667ZM11.1779%2011.18C11.5969%2010.763%2011.9294%2010.2674%2012.1562%209.72156C12.3831%209.17572%2012.4999%208.59044%2012.4999%207.99934C12.4999%207.40823%2012.3831%206.82295%2012.1562%206.27711C11.9294%205.73127%2011.5969%205.23564%2011.1779%204.81867C11.1317%204.77098%2011.0765%204.73297%2011.0155%204.70686C10.9544%204.68075%2010.8888%204.66705%2010.8224%204.66657C10.756%204.66609%2010.6902%204.67883%2010.6288%204.70406C10.5674%204.72929%2010.5116%204.76649%2010.4647%204.8135C10.4179%204.86051%2010.3808%204.91639%2010.3558%204.97787C10.3307%205.03935%2010.3181%205.10521%2010.3188%205.17159C10.3195%205.23798%2010.3334%205.30357%2010.3597%205.36453C10.3859%205.42549%2010.4241%205.48061%2010.4719%205.52667C10.7977%205.85079%2011.0562%206.23609%2011.2326%206.66043C11.409%207.08477%2011.4998%207.53979%2011.4998%207.99934C11.4998%208.45888%2011.409%208.9139%2011.2326%209.33824C11.0562%209.76258%2010.7977%2010.1479%2010.4719%2010.472C10.4241%2010.5181%2010.3859%2010.5732%2010.3597%2010.6341C10.3334%2010.6951%2010.3195%2010.7607%2010.3188%2010.8271C10.3181%2010.8935%2010.3307%2010.9593%2010.3558%2011.0208C10.3808%2011.0823%2010.4179%2011.1382%2010.4647%2011.1852C10.5116%2011.2322%2010.5674%2011.2694%2010.6288%2011.2946C10.6902%2011.3198%2010.756%2011.3326%2010.8224%2011.3321C10.8888%2011.3316%2010.9544%2011.3179%2011.0155%2011.2918C11.0765%2011.2657%2011.1317%2011.2277%2011.1779%2011.18ZM12.7113%2013.2127C12.6123%2013.2126%2012.5157%2013.1832%2012.4335%2013.1281C12.3513%2013.0731%2012.2873%2012.9949%2012.2495%2012.9035C12.2118%2012.8121%2012.202%2012.7115%2012.2214%2012.6146C12.2408%2012.5176%2012.2886%2012.4285%2012.3586%2012.3587C12.9317%2011.7866%2013.3865%2011.1071%2013.6967%2010.359C14.0069%209.61101%2014.1666%208.80915%2014.1666%207.99934C14.1666%207.18952%2014.0069%206.38766%2013.6967%205.63963C13.3865%204.8916%2012.9317%204.2121%2012.3586%203.64C12.3122%203.59351%2012.2754%203.53834%2012.2503%203.47764C12.2252%203.41693%2012.2124%203.35188%2012.2124%203.2862C12.2125%203.22052%2012.2255%203.15549%2012.2507%203.09483C12.2759%203.03417%2012.3128%202.97907%2012.3593%202.93267C12.4057%202.88627%2012.4609%202.84948%2012.5216%202.8244C12.5823%202.79932%2012.6474%202.78645%2012.7131%202.78651C12.7787%202.78657%2012.8438%202.79957%2012.9044%202.82476C12.9651%202.84995%2013.0202%202.88685%2013.0666%202.93334C13.7327%203.59825%2014.2612%204.38801%2014.6218%205.25741C14.9824%206.12681%2015.168%207.05879%2015.168%208C15.168%208.94122%2014.9824%209.87319%2014.6218%2010.7426C14.2612%2011.612%2013.7327%2012.4018%2013.0666%2013.0667C13.02%2013.1134%2012.9646%2013.1504%2012.9036%2013.1756C12.8426%2013.2007%2012.7772%2013.2129%2012.7113%2013.2127Z'%20fill='%233B5695'/%3e%3c/svg%3e", h0 = "data:image/svg+xml,%3csvg%20class='swap-on%20fill-current%20h-4%20w-4'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill-rule='evenodd'%20d='M4.5%207.5a3%203%200%200%201%203-3h9a3%203%200%200%201%203%203v9a3%203%200%200%201-3%203h-9a3%203%200%200%201-3-3v-9Z'%20clip-rule='evenodd'%20fill='%238595BE'/%3e%3c/svg%3e", m0 = {
   name: "Player",
   props: ["tts"],
   data() {
@@ -55,8 +1140,8 @@ const I = /* @__PURE__ */ d(O, [["render", H]]), q = "/assets/icons/volume.svg",
     };
   },
   watch: {
-    playing(n) {
-      if (!n) {
+    playing(t) {
+      if (!t) {
         this.player.pause();
         return;
       }
@@ -66,8 +1151,8 @@ const I = /* @__PURE__ */ d(O, [["render", H]]), q = "/assets/icons/volume.svg",
   created() {
     this.player.onended = () => {
       this.playing = !1;
-    }, this.player.onerror = (n) => {
-      this.err = n;
+    }, this.player.onerror = (t) => {
+      this.err = t;
     };
   },
   methods: {
@@ -75,84 +1160,84 @@ const I = /* @__PURE__ */ d(O, [["render", H]]), q = "/assets/icons/volume.svg",
       this.playing = !this.playing;
     }
   }
-}, K = {
+}, w0 = {
   key: 0,
   class: "w-5",
-  src: q,
+  src: C0,
   alt: "Play"
-}, M = {
+}, p0 = {
   key: 1,
   class: "w-5",
-  src: G,
+  src: h0,
   alt: "Stop"
 };
-function Q(n, s, e, o, r, a) {
-  return t(), i("button", {
+function B0(t, e, n, o, i, s) {
+  return B(), I("button", {
     class: "btn btn-xs btn-ghost btn-circle",
-    onClick: s[0] || (s[0] = (...l) => a.play && a.play(...l))
+    onClick: e[0] || (e[0] = (...r) => s.play && s.play(...r))
   }, [
-    r.playing ? (t(), i("img", M)) : (t(), i("img", K))
+    i.playing ? (B(), I("img", p0)) : (B(), I("img", w0))
   ]);
 }
-const f = /* @__PURE__ */ d(J, [["render", Q]]), R = "/assets/icons/favorite-filled.svg", T = "/assets/icons/favorite.svg", W = {
+const K2 = /* @__PURE__ */ V(m0, [["render", B0]]), v0 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.47207%201.31905C7.57125%201.12371%207.77589%201%208.00001%201C8.22413%201%208.42877%201.12367%208.52795%201.31905L10.3721%204.95175L14.4959%205.53427C14.7177%205.5656%2014.9019%205.7166%2014.9712%205.9238C15.0404%206.13101%2014.9827%206.35843%2014.8222%206.51049L11.8382%209.33816L12.5427%2013.3309C12.5806%2013.5456%2012.4897%2013.7626%2012.3084%2013.8906C12.1272%2014.0187%2011.8868%2014.0356%2011.6884%2013.9342L8.00004%2012.0491L4.31158%2013.9343C4.11323%2014.0356%203.87286%2014.0187%203.69157%2013.8907C3.51028%2013.7627%203.4195%2013.5457%203.45736%2013.3309L4.1618%209.33819L1.17781%206.51052C1.01735%206.35846%200.959571%206.13101%201.02884%205.92383C1.09807%205.71663%201.28232%205.56563%201.50409%205.53431L5.62787%204.95178L7.47207%201.31905Z'%20fill='%23FFC857'/%3e%3c/svg%3e", x0 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.9491%205.89315C14.8278%205.53128%2014.5111%205.27252%2014.1226%205.21783L10.5264%204.7114L8.91813%201.55315C8.74435%201.21195%208.39257%201%207.99998%201C7.60739%201%207.25557%201.21195%207.08183%201.55315L5.47358%204.7114L1.8774%205.21783C1.48888%205.27252%201.17219%205.53128%201.05086%205.89315C0.929554%206.25501%201.02881%206.64477%201.30993%206.91038L3.91217%209.36871L3.29786%2012.8399C3.2315%2013.215%203.38755%2013.5868%203.7052%2013.8105C3.88128%2013.9344%204.08938%2014%204.30704%2014C4.47232%2014%204.63705%2013.9606%204.78341%2013.886L7.99995%2012.2471L11.2165%2013.886C11.3628%2013.9606%2011.5276%2014%2011.6929%2014C11.9106%2014%2012.1187%2013.9345%2012.2948%2013.8105C12.6124%2013.5868%2012.7685%2013.215%2012.7021%2012.84L12.0878%209.36871L14.6901%206.91035C14.9712%206.64477%2015.0704%206.25498%2014.9491%205.89315ZM14.0266%206.25082L11.2455%208.87813C11.1335%208.98392%2011.0824%209.13637%2011.1089%209.28575L11.7654%2012.9956C11.7701%2013.0226%2011.759%2013.0493%2011.7362%2013.0653C11.7202%2013.0766%2011.7038%2013.079%2011.6929%2013.079C11.6809%2013.079%2011.6694%2013.0762%2011.6587%2013.0708L8.22108%2011.3192C8.15189%2011.284%208.07593%2011.2663%207.99998%2011.2663C7.92402%2011.2663%207.84807%2011.284%207.77882%2011.3193L4.34118%2013.0708C4.33052%2013.0763%204.31904%2013.079%204.30701%2013.079C4.29611%2013.079%204.27969%2013.0767%204.26373%2013.0654C4.24092%2013.0494%204.22975%2013.0226%204.2345%2012.9957L4.89104%209.28584C4.91747%209.13646%204.86637%208.98401%204.75439%208.87822L1.97327%206.25091C1.95308%206.23184%201.94595%206.20383%201.95466%206.17786C1.9634%206.15185%201.98612%206.13326%202.01405%206.12933L5.85743%205.58807C6.0122%205.56626%206.14599%205.47208%206.21521%205.33616L7.93404%201.9608C7.94653%201.9363%207.97178%201.92107%207.99998%201.92107C8.02818%201.92107%208.05343%201.9363%208.06591%201.9608L9.78468%205.33607C9.85391%205.47199%209.9877%205.5662%2010.1425%205.58799L13.9859%206.12924C14.0138%206.1332%2014.0365%206.15176%2014.0452%206.17777C14.0539%206.20374%2014.0468%206.23175%2014.0266%206.25082Z'%20fill='%23FFC857'/%3e%3c/svg%3e", y0 = {
   name: "Favorite",
   props: ["isFilled"]
-}, X = { class: "btn btn-xs btn-circle btn-ghost" }, Y = {
+}, I0 = { class: "btn btn-xs btn-circle btn-ghost" }, E0 = {
   key: 0,
   class: "w-5",
-  src: R,
+  src: v0,
   alt: "Clear"
-}, Z = {
+}, Q0 = {
   key: 1,
   class: "w-5",
-  src: T,
+  src: x0,
   alt: "Clear"
 };
-function ee(n, s, e, o, r, a) {
-  return t(), i("button", X, [
-    e.isFilled ? (t(), i("img", Y)) : (t(), i("img", Z))
+function b0(t, e, n, o, i, s) {
+  return B(), I("button", I0, [
+    n.isFilled ? (B(), I("img", E0)) : (B(), I("img", Q0))
   ]);
 }
-const b = /* @__PURE__ */ d(W, [["render", ee]]), te = "/assets/icons/setting.svg", se = {}, ne = { class: "btn btn-xs btn-ghost btn-circle" }, ie = /* @__PURE__ */ u("img", {
+const V2 = /* @__PURE__ */ V(y0, [["render", b0]]), S0 = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.12596%201.63869C9.46935%201.54364%209.83221%201.70329%209.99413%202.02068C10.3672%202.75191%2011.1261%203.25%2012%203.25C12.8739%203.25%2013.6328%202.75191%2014.0059%202.02068C14.1678%201.70329%2014.5307%201.54364%2014.874%201.63869C16.5585%202.10497%2018.0759%202.9704%2019.3184%204.12574C19.5611%204.35137%2019.6269%204.70948%2019.4804%205.00666C19.3331%205.30535%2019.25%205.6419%2019.25%206C19.25%207.24263%2020.2574%208.25%2021.5%208.25L21.5314%208.24977C21.8629%208.24504%2022.1583%208.45859%2022.2576%208.77495C22.5777%209.79397%2022.75%2010.8776%2022.75%2012C22.75%2012.7408%2022.6749%2013.4649%2022.5318%2014.1648C22.4548%2014.5411%2022.1059%2014.7985%2021.7237%2014.7609C21.6504%2014.7537%2021.5758%2014.75%2021.5%2014.75C20.2574%2014.75%2019.25%2015.7574%2019.25%2017C19.25%2017.5531%2019.4486%2018.0579%2019.7793%2018.4498C20.027%2018.7434%2020.0128%2019.1767%2019.7465%2019.4535C18.4777%2020.7719%2016.8745%2021.7678%2015.0721%2022.3044C14.6807%2022.4209%2014.2681%2022.2029%2014.1437%2021.814C13.8535%2020.906%2013.0024%2020.25%2012%2020.25C10.9976%2020.25%2010.1465%2020.906%209.85629%2021.814C9.73195%2022.2029%209.31927%2022.4209%208.92789%2022.3044C7.12545%2021.7678%205.52229%2020.7719%204.25353%2019.4535C3.98716%2019.1767%203.97299%2018.7434%204.22072%2018.4498C4.55139%2018.0579%204.75%2017.5531%204.75%2017C4.75%2015.7574%203.74264%2014.75%202.5%2014.75C2.42423%2014.75%202.34963%2014.7537%202.27634%2014.7609C1.89406%2014.7985%201.54519%2014.5411%201.46821%2014.1648C1.32505%2013.4649%201.25%2012.7408%201.25%2012C1.25%2010.8776%201.42227%209.79398%201.74236%208.77494C1.84173%208.45859%202.13705%208.24504%202.4686%208.24977L2.5%208.25C3.74264%208.25%204.75%207.24263%204.75%206C4.75%205.6419%204.66689%205.30535%204.51962%205.00666C4.3731%204.70948%204.43894%204.35137%204.68159%204.12574C5.92411%202.9704%207.44153%202.10497%209.12596%201.63869ZM6.08277%204.88991C6.19152%205.24123%206.25%205.61424%206.25%206C6.25%207.88945%204.85261%209.45253%203.03493%209.71213C2.84898%2010.4432%202.75%2011.2096%202.75%2012C2.75%2012.4294%202.77921%2012.8516%202.83567%2013.2648C4.74948%2013.4346%206.25%2015.0421%206.25%2017C6.25%2017.6669%206.0754%2018.2941%205.76971%2018.8372C6.62645%2019.6184%207.63002%2020.2404%208.73362%2020.657C9.37706%2019.5189%2010.598%2018.75%2012%2018.75C13.402%2018.75%2014.6229%2019.5189%2015.2664%2020.657C16.37%2020.2404%2017.3735%2019.6184%2018.2303%2018.8372C17.9246%2018.2941%2017.75%2017.6669%2017.75%2017C17.75%2015.0421%2019.2505%2013.4346%2021.1643%2013.2648C21.2208%2012.8516%2021.25%2012.4294%2021.25%2012C21.25%2011.2096%2021.151%2010.4432%2020.9651%209.71213C19.1474%209.45252%2017.75%207.88945%2017.75%206C17.75%205.61424%2017.8085%205.24123%2017.9172%204.88991C17.0618%204.1771%2016.0762%203.61614%2015.0018%203.24775C14.3184%204.15897%2013.2287%204.75%2012%204.75C10.7713%204.75%209.68158%204.15897%208.99819%203.24775C7.92382%203.61614%206.93823%204.1771%206.08277%204.88991Z'%20fill='%237E7E7E'/%3e%3cpath%20d='M7.75%2012C7.75%209.65278%209.65279%207.75%2012%207.75C14.3472%207.75%2016.25%209.65278%2016.25%2012C16.25%2014.3472%2014.3472%2016.25%2012%2016.25C9.65279%2016.25%207.75%2014.3472%207.75%2012ZM12%209.25C10.4812%209.25%209.25%2010.4812%209.25%2012C9.25%2013.5188%2010.4812%2014.75%2012%2014.75C13.5188%2014.75%2014.75%2013.5188%2014.75%2012C14.75%2010.4812%2013.5188%209.25%2012%209.25Z'%20fill='%237E7E7E'/%3e%3c/svg%3e", F0 = {}, L0 = { class: "btn btn-xs btn-ghost btn-circle" }, D0 = /* @__PURE__ */ J("img", {
   class: "w-5",
-  src: te,
+  src: S0,
   alt: "Icon description"
-}, null, -1), oe = [
-  ie
+}, null, -1), k0 = [
+  D0
 ];
-function ae(n, s) {
-  return t(), i("button", ne, oe);
+function M0(t, e) {
+  return B(), I("button", L0, k0);
 }
-const y = /* @__PURE__ */ d(se, [["render", ae]]), re = "/assets/icons/cancel.svg", le = {}, ce = { class: "btn btn-xs btn-circle btn-ghost" }, de = /* @__PURE__ */ u("img", {
+const W2 = /* @__PURE__ */ V(F0, [["render", M0]]), R0 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.19102%203.19102C3.44571%202.93633%203.85864%202.93633%204.11333%203.19102L12.809%2011.8867C13.0637%2012.1414%2013.0637%2012.5543%2012.809%2012.809C12.5543%2013.0637%2012.1414%2013.0637%2011.8867%2012.809L3.19102%204.11333C2.93633%203.85864%202.93633%203.44571%203.19102%203.19102Z'%20fill='%231A1F2A'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.809%203.19102C13.0637%203.44571%2013.0637%203.85864%2012.809%204.11333L4.11333%2012.809C3.85864%2013.0637%203.44571%2013.0637%203.19102%2012.809C2.93633%2012.5543%202.93633%2012.1414%203.19102%2011.8867L11.8867%203.19102C12.1414%202.93633%2012.5543%202.93633%2012.809%203.19102Z'%20fill='%231A1F2A'/%3e%3c/svg%3e", H0 = {}, G0 = { class: "btn btn-xs btn-circle btn-ghost" }, O0 = /* @__PURE__ */ J("img", {
   class: "w-5",
-  src: re,
+  src: R0,
   alt: "Clear"
-}, null, -1), ue = [
-  de
+}, null, -1), J0 = [
+  O0
 ];
-function ve(n, s) {
-  return t(), i("button", ce, ue);
+function Y0(t, e) {
+  return B(), I("button", G0, J0);
 }
-const h = /* @__PURE__ */ d(le, [["render", ve]]), pe = {
+const q2 = /* @__PURE__ */ V(H0, [["render", Y0]]), U0 = {
   name: "Sentences",
   props: ["sentences"]
-}, $e = { class: "text-base text-textCustom leading-tight p-0 mr-2" };
-function ge(n, s, e, o, r, a) {
-  return t(), i("p", $e, g(e.sentences), 1);
+}, T0 = { class: "text-base text-textCustom leading-tight p-0 mr-2" };
+function K0(t, e, n, o, i, s) {
+  return B(), I("p", T0, h2(n.sentences), 1);
 }
-const _e = /* @__PURE__ */ d(pe, [["render", ge]]), me = {
+const V0 = /* @__PURE__ */ V(U0, [["render", K0]]), W0 = {
   name: "Phonetic",
   props: ["phonetic"]
-}, fe = { class: "p-0 m-0" }, be = { class: "text-sm font-md text-slate-400" };
-function ye(n, s, e, o, r, a) {
-  return t(), i("p", fe, [
-    u("span", be, "/" + g(e.phonetic) + "/", 1)
+}, q0 = { class: "p-0 m-0" }, N0 = { class: "text-sm font-md text-slate-400" };
+function j0(t, e, n, o, i, s) {
+  return B(), I("p", q0, [
+    J("span", N0, "/" + h2(n.phonetic) + "/", 1)
   ]);
 }
-const he = /* @__PURE__ */ d(me, [["render", ye]]), Se = { class: "flex flex-col" }, ke = {
+const Z0 = /* @__PURE__ */ V(W0, [["render", j0]]), P0 = { class: "flex flex-col" }, z0 = {
   key: 0,
   class: "flex flex-row pb-2 border-b border-[#D3D4D9] pl-10"
-}, S = {
+}, N2 = {
   __name: "Header",
   props: {
     tts: String,
@@ -164,78 +1249,78 @@ const he = /* @__PURE__ */ d(me, [["render", ye]]), Se = { class: "flex flex-col
     isFavoriteFeatureEnabled: Boolean
   },
   emits: ["favorite", "setting", "close"],
-  setup(n, { emit: s }) {
-    const e = n, o = s;
-    return (r, a) => (t(), i("div", Se, [
-      u("div", {
-        class: _(["flex p-2 pt-2 pb-0", {
-          "flex-row-reverse": e.isLongSentence,
-          "flex-row justify-between": !e.isLongSentence
+  setup(t, { emit: e }) {
+    const n = t, o = e;
+    return (i, s) => (B(), I("div", P0, [
+      J("div", {
+        class: x2(["flex p-2 pt-2 pb-0", {
+          "flex-row-reverse": n.isLongSentence,
+          "flex-row justify-between": !n.isLongSentence
         }])
       }, [
-        u("div", {
-          class: _(["flex flex-row gap-2", { "order-2": e.isLongSentence, "items-center": !e.isLongSentence }])
+        J("div", {
+          class: x2(["flex flex-row gap-2", { "order-2": n.isLongSentence, "items-center": !n.isLongSentence }])
         }, [
-          e.tts && !n.isLongSentence ? (t(), c(f, {
+          n.tts && !t.isLongSentence ? (B(), G(K2, {
             key: 0,
-            tts: e.tts
-          }, null, 8, ["tts"])) : v("", !0),
-          p(_e, {
-            sentences: n.isServiceUnavailable ? ["Service Unavailable"] : e.sentences
+            tts: n.tts
+          }, null, 8, ["tts"])) : j("", !0),
+          o2(V0, {
+            sentences: t.isServiceUnavailable ? ["Service Unavailable"] : n.sentences
           }, null, 8, ["sentences"])
         ], 2),
-        u("div", {
-          class: _(["flex", {
-            "flex-col items-end": e.isLongSentence,
-            "flex-row justify-right items-center ml-2": !e.isLongSentence
+        J("div", {
+          class: x2(["flex", {
+            "flex-col items-end": n.isLongSentence,
+            "flex-row justify-right items-center ml-2": !n.isLongSentence
           }])
         }, [
-          e.isLongSentence ? (t(), i($, { key: 0 }, [
-            p(h, {
-              onClick: a[0] || (a[0] = (l) => o("close"))
+          n.isLongSentence ? (B(), I(C2, { key: 0 }, [
+            o2(q2, {
+              onClick: s[0] || (s[0] = (r) => o("close"))
             }),
-            e.tts ? (t(), c(f, {
+            n.tts ? (B(), G(K2, {
               key: 0,
-              tts: e.tts
-            }, null, 8, ["tts"])) : v("", !0),
-            !n.isServiceUnavailable && e.isFavoriteFeatureEnabled ? (t(), c(b, {
+              tts: n.tts
+            }, null, 8, ["tts"])) : j("", !0),
+            !t.isServiceUnavailable && n.isFavoriteFeatureEnabled ? (B(), G(V2, {
               key: 1,
-              isFilled: e.isFavorite,
-              onClick: a[1] || (a[1] = (l) => o("favorite"))
-            }, null, 8, ["isFilled"])) : v("", !0),
-            p(y, {
-              onClick: a[2] || (a[2] = (l) => o("setting"))
+              isFilled: n.isFavorite,
+              onClick: s[1] || (s[1] = (r) => o("favorite"))
+            }, null, 8, ["isFilled"])) : j("", !0),
+            o2(W2, {
+              onClick: s[2] || (s[2] = (r) => o("setting"))
             })
-          ], 64)) : (t(), i($, { key: 1 }, [
-            !n.isServiceUnavailable && e.isFavoriteFeatureEnabled ? (t(), c(b, {
+          ], 64)) : (B(), I(C2, { key: 1 }, [
+            !t.isServiceUnavailable && n.isFavoriteFeatureEnabled ? (B(), G(V2, {
               key: 0,
-              isFilled: e.isFavorite,
-              onClick: a[3] || (a[3] = (l) => o("favorite"))
-            }, null, 8, ["isFilled"])) : v("", !0),
-            p(y, {
-              onClick: a[4] || (a[4] = (l) => o("setting"))
+              isFilled: n.isFavorite,
+              onClick: s[3] || (s[3] = (r) => o("favorite"))
+            }, null, 8, ["isFilled"])) : j("", !0),
+            o2(W2, {
+              onClick: s[4] || (s[4] = (r) => o("setting"))
             }),
-            p(h, {
-              onClick: a[5] || (a[5] = (l) => o("close"))
+            o2(q2, {
+              onClick: s[5] || (s[5] = (r) => o("close"))
             })
           ], 64))
         ], 2)
       ], 2),
-      e.isLongSentence ? v("", !0) : (t(), i("div", ke, [
-        e.phonetic ? (t(), c(he, {
+      n.isLongSentence ? j("", !0) : (B(), I("div", z0, [
+        n.phonetic ? (B(), G(Z0, {
           key: 0,
-          phonetic: e.phonetic
-        }, null, 8, ["phonetic"])) : v("", !0)
+          phonetic: n.phonetic
+        }, null, 8, ["phonetic"])) : j("", !0)
       ]))
     ]));
   }
-}, Fe = {
+}, $0 = {
   key: 0,
   class: "flex justify-center"
-}, xe = {
+}, X0 = {
   key: 1,
   class: "wrapper drop-shadow-2xl rounded-lg text-slate-900 bg-white text-sm border border-solid border-neutral-300"
-}, Le = {
+}, _0 = {
   name: "Bubble",
   props: ["translationData", "tts", "status", "isFavorite", "isFavoriteFeatureEnabled"],
   emits: ["logo", "favorite", "settings", "close"],
@@ -253,41 +1338,268 @@ const he = /* @__PURE__ */ d(me, [["render", ye]]), Se = { class: "flex flex-col
       this.isServiceUnavailable = !0;
     }
   }
-}, Ce = /* @__PURE__ */ Object.assign(Le, {
-  setup(n) {
-    return (s, e) => n.status < 2 ? (t(), i("div", Fe, [
-      n.status === 0 ? (t(), c(D, {
+}, te = /* @__PURE__ */ Object.assign(_0, {
+  setup(t) {
+    return (e, n) => t.status < 2 ? (B(), I("div", $0, [
+      t.status === 0 ? (B(), G(o0, {
         key: 0,
-        onClick: e[0] || (e[0] = (o) => s.$emit("logo"))
-      })) : (t(), c(z, { key: 1 }))
-    ])) : (t(), i("div", xe, [
-      s.isServiceUnavailable ? (t(), c(S, {
+        onClick: n[0] || (n[0] = (o) => e.$emit("logo"))
+      })) : (B(), G(f0, { key: 1 }))
+    ])) : (B(), I("div", X0, [
+      e.isServiceUnavailable ? (B(), G(N2, {
         key: 0,
-        isServiceUnavailable: s.isServiceUnavailable,
+        isServiceUnavailable: e.isServiceUnavailable,
         isLongSentence: !1,
-        onFavorite: e[1] || (e[1] = (o) => s.$emit("favorite")),
-        onSetting: e[2] || (e[2] = (o) => s.$emit("settings")),
-        onClose: e[3] || (e[3] = (o) => s.$emit("close"))
-      }, null, 8, ["isServiceUnavailable"])) : (t(), c(S, {
+        onFavorite: n[1] || (n[1] = (o) => e.$emit("favorite")),
+        onSetting: n[2] || (n[2] = (o) => e.$emit("settings")),
+        onClose: n[3] || (n[3] = (o) => e.$emit("close"))
+      }, null, 8, ["isServiceUnavailable"])) : (B(), G(N2, {
         key: 1,
-        tts: n.tts,
-        sentences: s.data.result,
-        phonetic: s.data.phonetic.src,
-        isFavorite: n.isFavorite,
-        isFavoriteFeatureEnabled: n.isFavoriteFeatureEnabled,
-        onFavorite: e[4] || (e[4] = (o) => s.$emit("favorite")),
-        onSetting: e[5] || (e[5] = (o) => s.$emit("settings")),
-        onClose: e[6] || (e[6] = (o) => s.$emit("close")),
-        isLongSentence: s.isLongSentence
+        tts: t.tts,
+        sentences: e.data.result,
+        phonetic: e.data.phonetic.src,
+        isFavorite: t.isFavorite,
+        isFavoriteFeatureEnabled: t.isFavoriteFeatureEnabled,
+        onFavorite: n[4] || (n[4] = (o) => e.$emit("favorite")),
+        onSetting: n[5] || (n[5] = (o) => e.$emit("settings")),
+        onClose: n[6] || (n[6] = (o) => e.$emit("close")),
+        isLongSentence: e.isLongSentence
       }, null, 8, ["tts", "sentences", "phonetic", "isFavorite", "isFavoriteFeatureEnabled", "isLongSentence"])),
-      s.isServiceUnavailable ? v("", !0) : (t(), c(I, {
+      e.isServiceUnavailable ? j("", !0) : (B(), G(d0, {
         key: 2,
         class: "p-3 pt-0",
-        dictionary: s.data.dictionary
+        dictionary: e.data.dictionary
       }, null, 8, ["dictionary"]))
     ]));
   }
 });
+function ee(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var it = { exports: {} };
+(function(t) {
+  (function() {
+    var e = [
+      "direction",
+      // RTL support
+      "boxSizing",
+      "width",
+      // on Chrome and IE, exclude the scrollbar, so the mirror div wraps exactly as the textarea does
+      "height",
+      "overflowX",
+      "overflowY",
+      // copy the scrollbar for IE
+      "borderTopWidth",
+      "borderRightWidth",
+      "borderBottomWidth",
+      "borderLeftWidth",
+      "borderStyle",
+      "paddingTop",
+      "paddingRight",
+      "paddingBottom",
+      "paddingLeft",
+      // https://developer.mozilla.org/en-US/docs/Web/CSS/font
+      "fontStyle",
+      "fontVariant",
+      "fontWeight",
+      "fontStretch",
+      "fontSize",
+      "fontSizeAdjust",
+      "lineHeight",
+      "fontFamily",
+      "textAlign",
+      "textTransform",
+      "textIndent",
+      "textDecoration",
+      // might not make a difference, but better be safe
+      "letterSpacing",
+      "wordSpacing",
+      "tabSize",
+      "MozTabSize"
+    ], n = typeof window < "u", o = n && window.mozInnerScreenX != null;
+    function i(s, r, l) {
+      if (!n)
+        throw new Error("textarea-caret-position#getCaretCoordinates should only be called in a browser");
+      var c = l && l.debug || !1;
+      if (c) {
+        var a = document.querySelector("#input-textarea-caret-position-mirror-div");
+        a && a.parentNode.removeChild(a);
+      }
+      var f = document.createElement("div");
+      f.id = "input-textarea-caret-position-mirror-div", document.body.appendChild(f);
+      var u = f.style, h = window.getComputedStyle ? window.getComputedStyle(s) : s.currentStyle, A = s.nodeName === "INPUT";
+      u.whiteSpace = "pre-wrap", A || (u.wordWrap = "break-word"), u.position = "absolute", c || (u.visibility = "hidden"), e.forEach(function(w) {
+        A && w === "lineHeight" ? u.lineHeight = h.height : u[w] = h[w];
+      }), o ? s.scrollHeight > parseInt(h.height) && (u.overflowY = "scroll") : u.overflow = "hidden", f.textContent = s.value.substring(0, r), A && (f.textContent = f.textContent.replace(/\s/g, " "));
+      var d = document.createElement("span");
+      d.textContent = s.value.substring(r) || ".", f.appendChild(d);
+      var m = {
+        top: d.offsetTop + parseInt(h.borderTopWidth),
+        left: d.offsetLeft + parseInt(h.borderLeftWidth),
+        height: parseInt(h.lineHeight)
+      };
+      return c ? d.style.backgroundColor = "#aaa" : document.body.removeChild(f), m;
+    }
+    t.exports = i;
+  })();
+})(it);
+var ne = it.exports;
+const j2 = /* @__PURE__ */ ee(ne);
+function g2(t) {
+  const e = window.getSelection();
+  let n = e + "";
+  if (n = n.trim(), !n.length && (!(t && t.selectionEnd) || (n = t.value.substring(t.selectionStart, t.selectionEnd), n = n.trim(), !n.length)))
+    return !1;
+  let i = e.getRangeAt(0).getBoundingClientRect(), { top: s, bottom: r, left: l, width: c, height: a } = i;
+  if (!r && !l) {
+    if (!t.selectionEnd)
+      return !1;
+    let f = j2(t, t.selectionStart), u = j2(t, t.selectionEnd);
+    i = t.getBoundingClientRect(), l = i.left + f.left, c = u.left - f.left, f.top != u.top && (l = i.left, c = i.width), s = i.top + f.top, r = i.top + u.top + 20;
+  }
+  return a === 0 && (a = r - s), {
+    text: n,
+    // position
+    x: l,
+    y: s,
+    top: s,
+    bottom: r,
+    left: l,
+    right: l + c,
+    width: c,
+    height: a
+  };
+}
+const ie = {
+  __name: "BubbleWrapper",
+  props: {
+    translationData: Object,
+    isFavoriteFeatureEnabled: Boolean,
+    isFavorite: Boolean,
+    tts: String,
+    status: Number
+  },
+  emits: ["logo", "favorite", "settings", "close"],
+  setup(t, { emit: e }) {
+    const n = t, o = e, i = H(null), s = H(null), r = H(null), l = H(!1), c = H(""), a = k(() => typeof window > "u" || !r.value || !c.value ? null : {
+      getBoundingClientRect: () => g2(r.value),
+      getClientRects: () => g2(r.value)
+    }), f = k(() => {
+      if (!A.value.arrow || n.status < 1)
+        return {
+          display: "none"
+        };
+      const { x: C, y: g } = A.value.arrow, x = {
+        top: "bottom",
+        right: "left",
+        bottom: "top",
+        left: "right"
+      }[A.value.offset.placement];
+      return {
+        left: C != null ? `${C}px` : "",
+        top: g != null ? `${g}px` : "",
+        [x]: "-8px",
+        position: "absolute"
+      };
+    }), u = k(() => {
+      var g;
+      switch ((g = A.value.offset) == null ? void 0 : g.placement) {
+        case "top":
+          return { transform: "rotate(180deg)" };
+        case "left":
+          return { transform: "rotate(90deg)" };
+        case "right":
+          return { transform: "rotate(-90deg)" };
+        default:
+          return {};
+      }
+    }), { floatingStyles: h, middlewareData: A, update: d } = Xt(a, i, {
+      placement: "bottom",
+      middleware: [
+        Wt(8),
+        Nt(),
+        qt(),
+        $t({ element: s }),
+        jt({
+          apply({ rects: C, elements: g }) {
+            Object.assign(g.floating.style, {
+              maxWidth: `${C.reference.width > 250 ? C.reference.width : 250}px`
+            });
+          }
+        })
+      ],
+      whileElementsMounted(C, g, x) {
+        return Vt(C, g, x, {
+          ancestorScroll: !0
+        });
+      }
+    });
+    at(() => {
+      document.body.onclick = (C) => {
+        const g = g2(C.target);
+        if (!g) {
+          p();
+          return;
+        }
+        m(g, C);
+      }, document.body.ontouchend = (C) => {
+        const g = g2(C.target);
+        if (!g) {
+          p();
+          return;
+        }
+        m(g, C);
+      };
+    }), ft(() => {
+      document.body.onclick = null, document.body.ontouchend = null;
+    });
+    const m = (C, g) => {
+      n.status !== 0 && o("close"), r.value = g.target, c.value = C.text, l.value = !0, G2(d);
+    }, w = (C) => {
+      C.stopPropagation();
+    }, p = async () => {
+      l.value = !1, o("close");
+    };
+    return d2(
+      () => n.status,
+      () => {
+        l.value && G2(d);
+      },
+      { deep: !0 }
+    ), (C, g) => l.value ? (B(), I("div", {
+      key: 0,
+      ref_key: "floatingEl",
+      ref: i,
+      style: y2(Z2(h)),
+      onClick: w
+    }, [
+      J("div", {
+        ref_key: "arrowEl",
+        ref: s,
+        style: y2(f.value),
+        class: "absolute transform"
+      }, [
+        J("img", {
+          style: y2(u.value),
+          class: "w-5",
+          src: At,
+          alt: "arrow"
+        }, null, 4)
+      ], 4),
+      o2(te, {
+        translationData: t.translationData,
+        tts: t.tts,
+        status: t.status,
+        isFavorite: n.isFavorite,
+        isFavoriteFeatureEnabled: n.isFavoriteFeatureEnabled,
+        onLogo: g[0] || (g[0] = (x) => o("logo")),
+        onFavorite: g[1] || (g[1] = (x) => o("favorite")),
+        onSettings: g[2] || (g[2] = (x) => o("settings")),
+        onClose: p
+      }, null, 8, ["translationData", "tts", "status", "isFavorite", "isFavoriteFeatureEnabled"])
+    ], 4)) : j("", !0);
+  }
+};
 export {
-  Ce as default
+  ie as default
 };