@ddict/popup 1.4.5 → 1.4.6

package/dist/popup.es.js

@@ -1,4 +1,4 @@
-import { openBlock as C, createElementBlock as y, createElementVNode as p, createCommentVNode as H, computed as $, unref as T, shallowRef as ze, watch as R, triggerRef as F0, onScopeDispose as _0, ref as I, onUnmounted as R2, inject as l2, watchEffect as f2, onMounted as s2, cloneVNode as le, h as V2, Fragment as j, defineComponent as p2, provide as c2, reactive as se, nextTick as Q, toRaw as n2, effectScope as ie, markRaw as C2, hasInjectionContext as Ue, getCurrentInstance as ae, isRef as S2, isReactive as E0, toRef as a0, getCurrentScope as re, toRefs as A0, mergeModels as We, useModel as qe, createBlock as q, withCtx as Z2, createVNode as D, renderList as X, normalizeClass as N, toDisplayString as J, withModifiers as d0, createTextVNode as F2, withDirectives as e0, vModelText as t0, pushScopeId as L0, popScopeId as S0, withKeys as Ge } from "vue";
+import { openBlock as C, createElementBlock as y, createElementVNode as p, createCommentVNode as H, computed as T, unref as $, shallowRef as ze, watch as R, triggerRef as F0, onScopeDispose as _0, ref as I, onUnmounted as R2, inject as l2, watchEffect as f2, onMounted as s2, cloneVNode as le, h as V2, Fragment as j, defineComponent as p2, provide as c2, reactive as se, nextTick as Q, toRaw as n2, effectScope as ie, markRaw as C2, hasInjectionContext as Ue, getCurrentInstance as ae, isRef as S2, isReactive as E0, toRef as a0, getCurrentScope as re, toRefs as A0, mergeModels as We, useModel as qe, createBlock as q, withCtx as Z2, createVNode as D, renderList as X, normalizeClass as N, toDisplayString as J, withModifiers as d0, createTextVNode as F2, withDirectives as e0, vModelText as t0, pushScopeId as L0, popScopeId as S0, withKeys as Ge } from "vue";
 const f0 = navigator.userAgent.match(
   /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i
 ), j2 = {
@@ -101,8 +101,8 @@ function I2(e, n, t) {
     o = c;
     let x;
     if (t.key && ((a = t.debug) != null && a.call(t)) && (x = Date.now()), l = n(...c), t.key && ((i = t.debug) != null && i.call(t))) {
-      const h = Math.round((Date.now() - u) * 100) / 100, b = Math.round((Date.now() - x) * 100) / 100, m = b / 16, V = (w, g) => {
-        for (w = String(w); w.length < g; )
+      const h = Math.round((Date.now() - u) * 100) / 100, b = Math.round((Date.now() - x) * 100) / 100, g = b / 16, V = (w, m) => {
+        for (w = String(w); w.length < m; )
           w = " " + w;
         return w;
       };
@@ -113,7 +113,7 @@ function I2(e, n, t) {
             font-weight: bold;
             color: hsl(${Math.max(
           0,
-          Math.min(120 - 120 * m, 120)
+          Math.min(120 - 120 * g, 120)
         )}deg 100% 31%);`,
         t == null ? void 0 : t.key
       );
@@ -349,12 +349,12 @@ class Et {
               this.options.measureElement(M, void 0, this)
             );
           });
-          const h = s(d), b = this.options.lanes === 1 ? c[d - 1] : this.getFurthestMeasurement(c, d), m = b ? b.end + this.options.gap : o + l, V = i.get(h), w = typeof V == "number" ? V : this.options.estimateSize(d), g = m + w, S = b ? b.lane : d % this.options.lanes;
+          const h = s(d), b = this.options.lanes === 1 ? c[d - 1] : this.getFurthestMeasurement(c, d), g = b ? b.end + this.options.gap : o + l, V = i.get(h), w = typeof V == "number" ? V : this.options.estimateSize(d), m = g + w, S = b ? b.lane : d % this.options.lanes;
           c[d] = {
             index: d,
-            start: m,
+            start: g,
             size: w,
-            end: g,
+            end: m,
             key: h,
             lane: S,
             measureElement: x
@@ -541,9 +541,9 @@ function Lt({
   return { startIndex: s, endIndex: a };
 }
 function St(e) {
-  const n = new Et(T(e)), t = ze(n), o = n._didMount();
+  const n = new Et($(e)), t = ze(n), o = n._didMount();
   return R(
-    () => T(e).getScrollElement(),
+    () => $(e).getScrollElement(),
     (l) => {
       l && n._willUpdate();
     },
@@ -551,7 +551,7 @@ function St(e) {
       immediate: !0
     }
   ), R(
-    () => T(e),
+    () => $(e),
     (l) => {
       n.setOptions({
         ...l,
@@ -566,19 +566,19 @@ function St(e) {
     }
   ), _0(o), t;
 }
-function $t(e) {
+function Tt(e) {
   return St(
-    $(() => ({
+    T(() => ({
       observeElementRect: bt,
       observeElementOffset: wt,
       scrollToFn: _t,
-      ...T(e)
+      ...$(e)
     }))
   );
 }
-function Tt(e, n, t) {
-  let o = I(t == null ? void 0 : t.value), l = $(() => e.value !== void 0);
-  return [$(() => l.value ? e.value : o.value), function(s) {
+function $t(e, n, t) {
+  let o = I(t == null ? void 0 : t.value), l = T(() => e.value !== void 0);
+  return [T(() => l.value ? e.value : o.value), function(s) {
     return l.value || (o.value = s), n == null ? void 0 : n(s);
   }];
 }
@@ -676,9 +676,9 @@ let Bt = class {
   detect() {
     return typeof window > "u" || typeof document > "u" ? "server" : "client";
   }
-}, $0 = new Bt();
-function T0(e) {
-  if ($0.isServer) return null;
+}, T0 = new Bt();
+function $0(e) {
+  if (T0.isServer) return null;
   if (e instanceof Node) return e.ownerDocument;
   if (e != null && e.hasOwnProperty("value")) {
     let n = B(e);
@@ -690,7 +690,7 @@ let D0 = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "butt
 var Ht = ((e) => (e[e.First = 1] = "First", e[e.Previous = 2] = "Previous", e[e.Next = 4] = "Next", e[e.Last = 8] = "Last", e[e.WrapAround = 16] = "WrapAround", e[e.NoScroll = 32] = "NoScroll", e))(Ht || {}), Dt = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(Dt || {}), Rt = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(Rt || {}), ce = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(ce || {});
 function Pt(e, n = 0) {
   var t;
-  return e === ((t = T0(e)) == null ? void 0 : t.body) ? !1 : u2(n, { 0() {
+  return e === ((t = $0(e)) == null ? void 0 : t.body) ? !1 : u2(n, { 0() {
     return e.matches(D0);
   }, 1() {
     let o = e;
@@ -725,16 +725,16 @@ function de() {
   return jt() || zt();
 }
 function z2(e, n, t) {
-  $0.isServer || f2((o) => {
+  T0.isServer || f2((o) => {
     document.addEventListener(e, n, t), o(() => document.removeEventListener(e, n, t));
   });
 }
 function Ut(e, n, t) {
-  $0.isServer || f2((o) => {
+  T0.isServer || f2((o) => {
     window.addEventListener(e, n, t), o(() => window.removeEventListener(e, n, t));
   });
 }
-function Wt(e, n, t = $(() => !0)) {
+function Wt(e, n, t = T(() => !0)) {
   function o(s, a) {
     if (!t.value || s.defaultPrevented) return;
     let i = a(s);
@@ -790,7 +790,7 @@ function Jt({ container: e, accept: n, walk: t, enabled: o }) {
   f2(() => {
     let l = e.value;
     if (!l || o !== void 0 && !o.value) return;
-    let s = T0(e);
+    let s = $0(e);
     if (!s) return;
     let a = Object.assign((r) => n(r), { acceptNode: n }), i = s.createTreeWalker(l, NodeFilter.SHOW_ELEMENT, a, !1);
     for (; i.nextNode(); ) t(i.currentNode);
@@ -822,12 +822,12 @@ function u0({ props: e, attrs: n, slots: t, slot: o, name: l }) {
   if (i === "template") {
     if (u = fe(u ?? []), Object.keys(r).length > 0 || Object.keys(n).length > 0) {
       let [d, ...x] = u ?? [];
-      if (!Xt(d) || x.length > 0) throw new Error(['Passing props on "template"!', "", `The current component <${l} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(r).concat(Object.keys(n)).map((m) => m.trim()).filter((m, V, w) => w.indexOf(m) === V).sort((m, V) => m.localeCompare(V)).map((m) => `  - ${m}`).join(`
-`), "", "You can apply a few solutions:", ['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".', "Render a single element as the child so that we can forward the props onto that element."].map((m) => `  - ${m}`).join(`
+      if (!Xt(d) || x.length > 0) throw new Error(['Passing props on "template"!', "", `The current component <${l} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(r).concat(Object.keys(n)).map((g) => g.trim()).filter((g, V, w) => w.indexOf(g) === V).sort((g, V) => g.localeCompare(V)).map((g) => `  - ${g}`).join(`
+`), "", "You can apply a few solutions:", ['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".', "Render a single element as the child so that we can forward the props onto that element."].map((g) => `  - ${g}`).join(`
 `)].join(`
 `));
       let h = ve((a = d.props) != null ? a : {}, r, c), b = le(d, h, !0);
-      for (let m in h) m.startsWith("on") && (b.props || (b.props = {}), b.props[m] = h[m]);
+      for (let g in h) g.startsWith("on") && (b.props || (b.props = {}), b.props[g] = h[g]);
       return b;
     }
     return Array.isArray(u) && u.length === 1 ? u[0] : u;
@@ -955,16 +955,16 @@ function y2(e) {
   return n;
 }
 let we = Symbol("VirtualContext"), r1 = p2({ name: "VirtualProvider", setup(e, { slots: n }) {
-  let t = y2("VirtualProvider"), o = $(() => {
+  let t = y2("VirtualProvider"), o = T(() => {
     let i = B(t.optionsRef);
     if (!i) return { start: 0, end: 0 };
     let r = window.getComputedStyle(i);
     return { start: parseFloat(r.paddingBlockStart || r.paddingTop), end: parseFloat(r.paddingBlockEnd || r.paddingBottom) };
-  }), l = $t($(() => ({ scrollPaddingStart: o.value.start, scrollPaddingEnd: o.value.end, count: t.virtual.value.options.length, estimateSize() {
+  }), l = Tt(T(() => ({ scrollPaddingStart: o.value.start, scrollPaddingEnd: o.value.end, count: t.virtual.value.options.length, estimateSize() {
     return 40;
   }, getScrollElement() {
     return B(t.optionsRef);
-  }, overscan: 12 }))), s = $(() => {
+  }, overscan: 12 }))), s = T(() => {
     var i;
     return (i = t.virtual.value) == null ? void 0 : i.options;
   }), a = I(0);
@@ -982,16 +982,16 @@ let we = Symbol("VirtualContext"), r1 = p2({ name: "VirtualProvider", setup(e, {
     let v = d.value !== null ? c.value[d.value] : null, O = f(c.value.slice()), k = O.length > 0 && O[0].dataRef.order.value !== null ? O.sort((Z, K) => Z.dataRef.order.value - K.dataRef.order.value) : Zt(O, (Z) => B(Z.dataRef.domRef)), P = v ? k.indexOf(v) : null;
     return P === -1 && (P = null), { options: k, activeOptionIndex: P };
   }
-  let m = $(() => e.multiple ? 1 : 0), V = $(() => e.nullable), [w, g] = Tt($(() => e.modelValue), (f) => o("update:modelValue", f), $(() => e.defaultValue)), S = $(() => w.value === void 0 ? u2(m.value, { 1: [], 0: void 0 }) : w.value), M = null, _ = null;
+  let g = T(() => e.multiple ? 1 : 0), V = T(() => e.nullable), [w, m] = $t(T(() => e.modelValue), (f) => o("update:modelValue", f), T(() => e.defaultValue)), S = T(() => w.value === void 0 ? u2(g.value, { 1: [], 0: void 0 }) : w.value), M = null, _ = null;
   function F(f) {
-    return u2(m.value, { 0() {
-      return g == null ? void 0 : g(f);
+    return u2(g.value, { 0() {
+      return m == null ? void 0 : m(f);
     }, 1: () => {
       let v = n2(L.value.value).slice(), O = n2(f), k = v.findIndex((P) => L.compare(O, n2(P)));
-      return k === -1 ? v.push(O) : v.splice(k, 1), g == null ? void 0 : g(v);
+      return k === -1 ? v.push(O) : v.splice(k, 1), m == null ? void 0 : m(v);
     } });
   }
-  let E = $(() => {
+  let E = T(() => {
   });
   R([E], ([f], [v]) => {
     if (L.virtual.value && f && v && d.value !== null) {
@@ -999,7 +999,7 @@ let we = Symbol("VirtualContext"), r1 = p2({ name: "VirtualProvider", setup(e, {
       O !== -1 ? d.value = O : d.value = null;
     }
   });
-  let L = { comboboxState: l, value: S, mode: m, compare(f, v) {
+  let L = { comboboxState: l, value: S, mode: g, compare(f, v) {
     if (typeof e.by == "string") {
       let O = e.by;
       return (f == null ? void 0 : f[O]) === (v == null ? void 0 : v[O]);
@@ -1007,9 +1007,9 @@ let we = Symbol("VirtualContext"), r1 = p2({ name: "VirtualProvider", setup(e, {
     return e.by === null ? l1(f, v) : e.by(f, v);
   }, calculateIndex(f) {
     return L.virtual.value ? e.by === null ? L.virtual.value.options.indexOf(f) : L.virtual.value.options.findIndex((v) => L.compare(v, f)) : c.value.findIndex((v) => L.compare(v.dataRef.value, f));
-  }, defaultValue: $(() => e.defaultValue), nullable: V, immediate: $(() => !1), virtual: $(() => null), inputRef: a, labelRef: s, buttonRef: i, optionsRef: r, disabled: $(() => e.disabled), options: c, change(f) {
-    g(f);
-  }, activeOptionIndex: $(() => {
+  }, defaultValue: T(() => e.defaultValue), nullable: V, immediate: T(() => !1), virtual: T(() => null), inputRef: a, labelRef: s, buttonRef: i, optionsRef: r, disabled: T(() => e.disabled), options: c, change(f) {
+    m(f);
+  }, activeOptionIndex: T(() => {
     if (h.value && d.value === null && (L.virtual.value ? L.virtual.value.options.length > 0 : c.value.length > 0)) {
       if (L.virtual.value) {
         let v = L.virtual.value.options.findIndex((O) => {
@@ -1094,12 +1094,12 @@ let we = Symbol("VirtualContext"), r1 = p2({ name: "VirtualProvider", setup(e, {
     });
     c.value = O.options, d.value = O.activeOptionIndex, x.value = 2;
   }, isSelected(f) {
-    return u2(m.value, { 0: () => L.compare(n2(L.value.value), n2(f)), 1: () => n2(L.value.value).some((v) => L.compare(n2(v), n2(f))) });
+    return u2(g.value, { 0: () => L.compare(n2(L.value.value), n2(f)), 1: () => n2(L.value.value).some((v) => L.compare(n2(v), n2(f))) });
   }, isActive(f) {
     return d.value === L.calculateIndex(f);
   } };
-  Wt([a, i, r], () => L.closeCombobox(), $(() => l.value === 0)), c2(xe, L), t1($(() => u2(l.value, { 0: B2.Open, 1: B2.Closed })));
-  let A = $(() => {
+  Wt([a, i, r], () => L.closeCombobox(), T(() => l.value === 0)), c2(xe, L), t1(T(() => u2(l.value, { 0: B2.Open, 1: B2.Closed })));
+  let A = T(() => {
     var f;
     return (f = B(a)) == null ? void 0 : f.closest("form");
   });
@@ -1167,7 +1167,7 @@ let c1 = p2({ name: "ComboboxButton", props: { as: { type: [Object, String], def
         return;
     }
   }
-  let u = qt($(() => ({ as: e.as, type: n.type })), a.buttonRef);
+  let u = qt(T(() => ({ as: e.as, type: n.type })), a.buttonRef);
   return () => {
     var c, d;
     let x = { open: a.comboboxState.value === 0, disabled: a.disabled.value, value: a.value.value }, { ...h } = e, b = { ref: a.buttonRef, id: s, type: u.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": (c = B(a.optionsRef)) == null ? void 0 : c.id, "aria-expanded": a.comboboxState.value === 0, "aria-labelledby": a.labelRef.value ? [(d = B(a.labelRef)) == null ? void 0 : d.id, s].join(" ") : void 0, disabled: a.disabled.value === !0 ? !0 : void 0, onKeydown: r, onClick: i };
@@ -1175,14 +1175,14 @@ let c1 = p2({ name: "ComboboxButton", props: { as: { type: [Object, String], def
   };
 } }), d1 = p2({ name: "ComboboxInput", props: { as: { type: [Object, String], default: "input" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, displayValue: { type: Function }, defaultValue: { type: String, default: void 0 }, id: { type: String, default: null } }, emits: { change: (e) => !0 }, setup(e, { emit: n, attrs: t, slots: o, expose: l }) {
   var s;
-  let a = (s = e.id) != null ? s : `headlessui-combobox-input-${P2()}`, i = y2("ComboboxInput"), r = $(() => T0(B(i.inputRef))), u = { value: !1 };
+  let a = (s = e.id) != null ? s : `headlessui-combobox-input-${P2()}`, i = y2("ComboboxInput"), r = T(() => $0(B(i.inputRef))), u = { value: !1 };
   l({ el: i.inputRef, $el: i.inputRef });
   function c() {
     i.change(null);
     let _ = B(i.optionsRef);
     _ && (_.scrollTop = 0), i.goToOption(W.Nothing);
   }
-  let d = $(() => {
+  let d = T(() => {
     var _;
     let F = i.value.value;
     return B(i.inputRef) ? typeof e.displayValue < "u" && F !== void 0 ? (_ = e.displayValue(F)) != null ? _ : "" : typeof F == "string" ? F : "" : "";
@@ -1216,9 +1216,9 @@ let c1 = p2({ name: "ComboboxButton", props: { as: { type: [Object, String], def
       x.value = !1;
     });
   }
-  let m = Mt();
+  let g = Mt();
   function V(_) {
-    switch (u.value = !0, m(() => {
+    switch (u.value = !0, g(() => {
       u.value = !1;
     }), _.key) {
       case Y.Enter:
@@ -1260,7 +1260,7 @@ let c1 = p2({ name: "ComboboxButton", props: { as: { type: [Object, String], def
   function w(_) {
     n("change", _), i.nullable.value && i.mode.value === 0 && _.target.value === "" && c(), i.openCombobox();
   }
-  function g(_) {
+  function m(_) {
     var F, E, L;
     let A = (F = _.relatedTarget) != null ? F : m2.find((f) => f !== _.currentTarget);
     if (u.value = !1, !((E = B(i.optionsRef)) != null && E.contains(A)) && !((L = B(i.buttonRef)) != null && L.contains(A)) && i.comboboxState.value === 0) return _.preventDefault(), i.mode.value === 0 && (i.nullable.value && i.value.value === null ? c() : i.activationTrigger.value !== 1 && i.selectActiveOption()), i.closeCombobox();
@@ -1272,13 +1272,13 @@ let c1 = p2({ name: "ComboboxButton", props: { as: { type: [Object, String], def
       i.setActivationTrigger(1);
     }));
   }
-  let M = $(() => {
+  let M = T(() => {
     var _, F, E, L;
     return (L = (E = (F = e.defaultValue) != null ? F : i.defaultValue.value !== void 0 ? (_ = e.displayValue) == null ? void 0 : _.call(e, i.defaultValue.value) : null) != null ? E : i.defaultValue.value) != null ? L : "";
   });
   return () => {
     var _, F, E, L, A, f, v;
-    let O = { open: i.comboboxState.value === 0 }, { displayValue: k, onChange: P, ...Z } = e, K = { "aria-controls": (_ = i.optionsRef.value) == null ? void 0 : _.id, "aria-expanded": i.comboboxState.value === 0, "aria-activedescendant": i.activeOptionIndex.value === null ? void 0 : i.virtual.value ? (F = i.options.value.find((e2) => !i.virtual.value.disabled(e2.dataRef.value) && i.compare(e2.dataRef.value, i.virtual.value.options[i.activeOptionIndex.value]))) == null ? void 0 : F.id : (E = i.options.value[i.activeOptionIndex.value]) == null ? void 0 : E.id, "aria-labelledby": (f = (L = B(i.labelRef)) == null ? void 0 : L.id) != null ? f : (A = B(i.buttonRef)) == null ? void 0 : A.id, "aria-autocomplete": "list", id: a, onCompositionstart: h, onCompositionend: b, onKeydown: V, onInput: w, onFocus: S, onBlur: g, role: "combobox", type: (v = t.type) != null ? v : "text", tabIndex: 0, ref: i.inputRef, defaultValue: M.value, disabled: i.disabled.value === !0 ? !0 : void 0 };
+    let O = { open: i.comboboxState.value === 0 }, { displayValue: k, onChange: P, ...Z } = e, K = { "aria-controls": (_ = i.optionsRef.value) == null ? void 0 : _.id, "aria-expanded": i.comboboxState.value === 0, "aria-activedescendant": i.activeOptionIndex.value === null ? void 0 : i.virtual.value ? (F = i.options.value.find((e2) => !i.virtual.value.disabled(e2.dataRef.value) && i.compare(e2.dataRef.value, i.virtual.value.options[i.activeOptionIndex.value]))) == null ? void 0 : F.id : (E = i.options.value[i.activeOptionIndex.value]) == null ? void 0 : E.id, "aria-labelledby": (f = (L = B(i.labelRef)) == null ? void 0 : L.id) != null ? f : (A = B(i.buttonRef)) == null ? void 0 : A.id, "aria-autocomplete": "list", id: a, onCompositionstart: h, onCompositionend: b, onKeydown: V, onInput: w, onFocus: S, onBlur: m, role: "combobox", type: (v = t.type) != null ? v : "text", tabIndex: 0, ref: i.inputRef, defaultValue: M.value, disabled: i.disabled.value === !0 ? !0 : void 0 };
     return w2({ ourProps: K, theirProps: Z, slot: O, attrs: t, slots: o, features: A2.RenderStrategy | A2.Static, name: "ComboboxInput" });
   };
 } }), f1 = p2({ name: "ComboboxOptions", props: { as: { type: [Object, String], default: "ul" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, hold: { type: [Boolean], default: !1 } }, setup(e, { attrs: n, slots: t, expose: o }) {
@@ -1288,8 +1288,8 @@ let c1 = p2({ name: "ComboboxButton", props: { as: { type: [Object, String], def
   }), f2(() => {
     l.optionsPropsRef.value.hold = e.hold;
   });
-  let a = e1(), i = $(() => a !== null ? (a.value & B2.Open) === B2.Open : l.comboboxState.value === 0);
-  Jt({ container: $(() => B(l.optionsRef)), enabled: $(() => l.comboboxState.value === 0), accept(u) {
+  let a = e1(), i = T(() => a !== null ? (a.value & B2.Open) === B2.Open : l.comboboxState.value === 0);
+  Jt({ container: T(() => B(l.optionsRef)), enabled: T(() => l.comboboxState.value === 0), accept(u) {
     return u.getAttribute("role") === "option" ? NodeFilter.FILTER_REJECT : u.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
   }, walk(u) {
     u.setAttribute("role", "none");
@@ -1303,49 +1303,49 @@ let c1 = p2({ name: "ComboboxButton", props: { as: { type: [Object, String], def
     return w2({ ourProps: h, theirProps: b, slot: x, attrs: n, slots: l.virtual.value && l.comboboxState.value === 0 ? { ...t, default: () => [V2(r1, {}, t.default)] } : t, features: A2.RenderStrategy | A2.Static, visible: i.value, name: "ComboboxOptions" });
   };
 } }), v1 = p2({ name: "ComboboxOption", props: { as: { type: [Object, String], default: "li" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: !1 }, order: { type: [Number], default: null } }, setup(e, { slots: n, attrs: t, expose: o }) {
-  let l = y2("ComboboxOption"), s = `headlessui-combobox-option-${P2()}`, a = I(null), i = $(() => e.disabled);
+  let l = y2("ComboboxOption"), s = `headlessui-combobox-option-${P2()}`, a = I(null), i = T(() => e.disabled);
   o({ el: a, $el: a });
-  let r = $(() => {
-    var g;
-    return l.virtual.value ? l.activeOptionIndex.value === l.calculateIndex(e.value) : l.activeOptionIndex.value === null ? !1 : ((g = l.options.value[l.activeOptionIndex.value]) == null ? void 0 : g.id) === s;
-  }), u = $(() => l.isSelected(e.value)), c = l2(we, null), d = $(() => ({ disabled: e.disabled, value: e.value, domRef: a, order: $(() => e.order) }));
+  let r = T(() => {
+    var m;
+    return l.virtual.value ? l.activeOptionIndex.value === l.calculateIndex(e.value) : l.activeOptionIndex.value === null ? !1 : ((m = l.options.value[l.activeOptionIndex.value]) == null ? void 0 : m.id) === s;
+  }), u = T(() => l.isSelected(e.value)), c = l2(we, null), d = T(() => ({ disabled: e.disabled, value: e.value, domRef: a, order: T(() => e.order) }));
   s2(() => l.registerOption(s, d)), R2(() => l.unregisterOption(s, r.value)), f2(() => {
-    let g = B(a);
-    g && (c == null || c.value.measureElement(g));
+    let m = B(a);
+    m && (c == null || c.value.measureElement(m));
   }), f2(() => {
     l.comboboxState.value === 0 && r.value && (l.virtual.value || l.activationTrigger.value !== 0 && Q(() => {
-      var g, S;
-      return (S = (g = B(a)) == null ? void 0 : g.scrollIntoView) == null ? void 0 : S.call(g, { block: "nearest" });
+      var m, S;
+      return (S = (m = B(a)) == null ? void 0 : m.scrollIntoView) == null ? void 0 : S.call(m, { block: "nearest" });
     }));
   });
-  function x(g) {
-    g.preventDefault(), g.button === ge.Left && (i.value || (l.selectOption(s), de() || requestAnimationFrame(() => {
+  function x(m) {
+    m.preventDefault(), m.button === ge.Left && (i.value || (l.selectOption(s), de() || requestAnimationFrame(() => {
       var S;
       return (S = B(l.inputRef)) == null ? void 0 : S.focus({ preventScroll: !0 });
     }), l.mode.value === 0 && l.closeCombobox()));
   }
   function h() {
-    var g;
-    if (e.disabled || (g = l.virtual.value) != null && g.disabled(e.value)) return l.goToOption(W.Nothing);
+    var m;
+    if (e.disabled || (m = l.virtual.value) != null && m.disabled(e.value)) return l.goToOption(W.Nothing);
     let S = l.calculateIndex(e.value);
     l.goToOption(W.Specific, S);
   }
   let b = Gt();
-  function m(g) {
-    b.update(g);
+  function g(m) {
+    b.update(m);
   }
-  function V(g) {
+  function V(m) {
     var S;
-    if (!b.wasMoved(g) || e.disabled || (S = l.virtual.value) != null && S.disabled(e.value) || r.value) return;
+    if (!b.wasMoved(m) || e.disabled || (S = l.virtual.value) != null && S.disabled(e.value) || r.value) return;
     let M = l.calculateIndex(e.value);
     l.goToOption(W.Specific, M, 0);
   }
-  function w(g) {
+  function w(m) {
     var S;
-    b.wasMoved(g) && (e.disabled || (S = l.virtual.value) != null && S.disabled(e.value) || r.value && (l.optionsPropsRef.value.hold || l.goToOption(W.Nothing)));
+    b.wasMoved(m) && (e.disabled || (S = l.virtual.value) != null && S.disabled(e.value) || r.value && (l.optionsPropsRef.value.hold || l.goToOption(W.Nothing)));
   }
   return () => {
-    let { disabled: g } = e, S = { active: r.value, selected: u.value, disabled: g }, M = { id: s, ref: a, role: "option", tabIndex: g === !0 ? void 0 : -1, "aria-disabled": g === !0 ? !0 : void 0, "aria-selected": u.value, disabled: void 0, onMousedown: x, onFocus: h, onPointerenter: m, onMouseenter: m, onPointermove: V, onMousemove: V, onPointerleave: w, onMouseleave: w }, _ = n0(e, ["order", "value"]);
+    let { disabled: m } = e, S = { active: r.value, selected: u.value, disabled: m }, M = { id: s, ref: a, role: "option", tabIndex: m === !0 ? void 0 : -1, "aria-disabled": m === !0 ? !0 : void 0, "aria-selected": u.value, disabled: void 0, onMousedown: x, onFocus: h, onPointerenter: g, onMouseenter: g, onPointermove: V, onMousemove: V, onPointerleave: w, onMouseleave: w }, _ = n0(e, ["order", "value"]);
     return w2({ ourProps: M, theirProps: _, slot: S, attrs: t, slots: n, name: "ComboboxOption" });
   };
 } });
@@ -1519,7 +1519,7 @@ function E1(e, { autoBom: n = !1 } = {}) {
 function I0(e, n, t) {
   const o = new XMLHttpRequest();
   o.open("GET", e), o.responseType = "blob", o.onload = function() {
-    Te(o.response, n, t);
+    $e(o.response, n, t);
   }, o.onerror = function() {
     console.error("could not download file");
   }, o.send();
@@ -1541,13 +1541,13 @@ function q2(e) {
     t.initMouseEvent("click", !0, !0, window, 0, 0, 0, 80, 20, !1, !1, !1, !1, 0, null), e.dispatchEvent(t);
   }
 }
-const G2 = typeof navigator == "object" ? navigator : { userAgent: "" }, $e = /Macintosh/.test(G2.userAgent) && /AppleWebKit/.test(G2.userAgent) && !/Safari/.test(G2.userAgent), Te = o0 ? (
+const G2 = typeof navigator == "object" ? navigator : { userAgent: "" }, Te = /Macintosh/.test(G2.userAgent) && /AppleWebKit/.test(G2.userAgent) && !/Safari/.test(G2.userAgent), $e = o0 ? (
   // Use download attribute first if possible (#193 Lumia mobile) unless this is a macOS WebView or mini program
-  typeof HTMLAnchorElement < "u" && "download" in HTMLAnchorElement.prototype && !$e ? L1 : (
+  typeof HTMLAnchorElement < "u" && "download" in HTMLAnchorElement.prototype && !Te ? L1 : (
     // Use msSaveOrOpenBlob as a second approach
     "msSaveOrOpenBlob" in G2 ? S1 : (
       // Fallback to using FileReader and a popup
-      $1
+      T1
     )
   )
 ) : () => {
@@ -1573,11 +1573,11 @@ function S1(e, n = "download", t) {
   else
     navigator.msSaveOrOpenBlob(E1(e, t), n);
 }
-function $1(e, n, t, o) {
+function T1(e, n, t, o) {
   if (o = o || open("", "_blank"), o && (o.document.title = o.document.body.innerText = "downloading..."), typeof e == "string")
     return I0(e, n, t);
   const l = e.type === "application/octet-stream", s = /constructor/i.test(String(Z0.HTMLElement)) || "safari" in Z0, a = /CriOS\/[\d]+/.test(navigator.userAgent);
-  if ((a || l && s || $e) && typeof FileReader < "u") {
+  if ((a || l && s || Te) && typeof FileReader < "u") {
     const i = new FileReader();
     i.onloadend = function() {
       let r = i.result;
@@ -1606,7 +1606,7 @@ function Ie() {
 function Oe(e) {
   return e instanceof Error && e.message.toLowerCase().includes("document is not focused") ? (U('You need to activate the "Emulate a focused page" setting in the "Rendering" panel of devtools.', "warn"), !0) : !1;
 }
-async function T1(e) {
+async function $1(e) {
   if (!Ie())
     try {
       await navigator.clipboard.writeText(JSON.stringify(e.state.value)), U("Global state copied to clipboard.");
@@ -1628,7 +1628,7 @@ async function I1(e) {
 }
 async function O1(e) {
   try {
-    Te(new Blob([JSON.stringify(e.state.value)], {
+    $e(new Blob([JSON.stringify(e.state.value)], {
       type: "text/plain;charset=utf-8"
     }), "pinia-state.json");
   } catch (n) {
@@ -1771,7 +1771,7 @@ function D1(e, n) {
         {
           icon: "content_copy",
           action: () => {
-            T1(n);
+            $1(n);
           },
           tooltip: "Serialize and copy the state"
         },
@@ -1954,7 +1954,7 @@ function R1(e, n) {
         });
       });
     }, !0), n._customProperties.forEach((a) => {
-      R(() => T(n[a]), (i, r) => {
+      R(() => $(n[a]), (i, r) => {
         t.notifyComponentUpdate(), t.sendInspectorState(G), L2 && t.addTimelineEvent({
           layerId: g2,
           event: {
@@ -2118,7 +2118,7 @@ function W0(e, n, t, o) {
       // use ref() to unwrap refs inside state TODO: check if this is still necessary
       A0(I(l ? l() : {}).value)
     ) : A0(t.state.value[e]);
-    return t2(c, s, Object.keys(a || {}).reduce((d, x) => (process.env.NODE_ENV !== "production" && x in c && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${x}" in store "${e}".`), d[x] = C2($(() => {
+    return t2(c, s, Object.keys(a || {}).reduce((d, x) => (process.env.NODE_ENV !== "production" && x in c && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${x}" in store "${e}".`), d[x] = C2(T(() => {
       H2(t);
       const h = t._s.get(e);
       return a[x].call(h, h);
@@ -2141,7 +2141,7 @@ function g0(e, n, t = {}, o, l, s) {
   let u, c, d = [], x = [], h;
   const b = o.state.value[e];
   !s && !b && (process.env.NODE_ENV === "production" || !l) && (o.state.value[e] = {});
-  const m = I({});
+  const g = I({});
   let V;
   function w(f) {
     let v;
@@ -2160,7 +2160,7 @@ function g0(e, n, t = {}, o, l, s) {
       V === O && (u = !0);
     }), c = !0, E2(d, v, o.state.value[e]);
   }
-  const g = s ? function() {
+  const m = s ? function() {
     const { state: v } = t, O = v ? v() : {};
     this.$patch((k) => {
       t2(k, O);
@@ -2204,14 +2204,14 @@ function g0(e, n, t = {}, o, l, s) {
     actions: {},
     getters: {},
     state: [],
-    hotState: m
+    hotState: g
   }), F = {
     _p: o,
     // _s: scope,
     $id: e,
     $onAction: z0.bind(null, x),
     $patch: w,
-    $reset: g,
+    $reset: m,
     $subscribe(f, v = {}) {
       const O = z0(d, f, v.detached, () => k()), k = a.run(() => R(() => o.state.value[e], (P) => {
         (v.flush === "sync" ? c : u) && f({
@@ -2238,7 +2238,7 @@ function g0(e, n, t = {}, o, l, s) {
   for (const f in A) {
     const v = A[f];
     if (S2(v) && !U0(v) || E0(v))
-      process.env.NODE_ENV !== "production" && l ? U2(m.value, f, a0(A, f)) : s || (b && z1(v) && (S2(v) ? v.value = b[f] : h0(v, b[f])), o.state.value[e][f] = v), process.env.NODE_ENV !== "production" && _.state.push(f);
+      process.env.NODE_ENV !== "production" && l ? U2(g.value, f, a0(A, f)) : s || (b && z1(v) && (S2(v) ? v.value = b[f] : h0(v, b[f])), o.state.value[e][f] = v), process.env.NODE_ENV !== "production" && _.state.push(f);
     else if (typeof v == "function") {
       const O = process.env.NODE_ENV !== "production" && l ? v : M(f, v);
       A[f] = O, process.env.NODE_ENV !== "production" && (_.actions[f] = v), i.actions[f] = v;
@@ -2249,7 +2249,7 @@ function g0(e, n, t = {}, o, l, s) {
     (A._getters = C2([]))).push(f));
   }
   if (t2(E, A), t2(n2(E), A), Object.defineProperty(E, "$state", {
-    get: () => process.env.NODE_ENV !== "production" && l ? m.value : o.state.value[e],
+    get: () => process.env.NODE_ENV !== "production" && l ? g.value : o.state.value[e],
     set: (f) => {
       if (process.env.NODE_ENV !== "production" && l)
         throw new Error("cannot set hotState");
@@ -2276,7 +2276,7 @@ function g0(e, n, t = {}, o, l, s) {
     for (const v in f._hmrPayload.getters) {
       const O = f._hmrPayload.getters[v], k = s ? (
         // special handling of options api
-        $(() => (H2(o), O.call(E, E)))
+        T(() => (H2(o), O.call(E, E)))
       ) : O;
       U2(E, v, k);
     }
@@ -2371,32 +2371,32 @@ const x2 = N2("loader", () => {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = x2(), t = e, o = qe(e, "modelValue"), l = I(""), s = I(null), a = $(() => Object.entries(t.languages).filter(
+    const n = x2(), t = e, o = qe(e, "modelValue"), l = I(""), s = I(null), a = T(() => Object.entries(t.languages).filter(
       ([, r]) => r.toLowerCase().includes(l.value.toLowerCase())
     )), i = (r) => {
       r.target.value = "", l.value = "", s.value && s.value.$el.click();
     };
-    return (r, u) => (C(), q(T(u1), {
+    return (r, u) => (C(), q($(u1), {
       modelValue: o.value,
       "onUpdate:modelValue": u[3] || (u[3] = (c) => o.value = c),
-      disabled: T(n).loading,
+      disabled: $(n).loading,
       as: "div",
       class: "relative mt-1"
     }, {
       default: Z2(() => [
-        D(T(d1), {
+        D($(d1), {
           class: "w-full bg-white border border-gray-300 rounded py-2.5 pl-3 pr-10 text-sm text-gray-800 font-medium focus:outline-none focus:ring-0.5 focus:ring-gray-400 focus:border-gray-400",
           onChange: u[0] || (u[0] = (c) => l.value = c.target.value),
           displayValue: (c) => e.languages[c],
           onFocus: u[1] || (u[1] = (c) => i(c))
         }, null, 8, ["displayValue"]),
-        D(T(c1), {
+        D($(c1), {
           ref_key: "btnSelect",
           ref: s,
           class: "absolute inset-y-0 right-0 flex items-center pr-2"
         }, {
           default: Z2(() => [
-            D(T(h1), {
+            D($(h1), {
               class: "h-5 w-5 text-gray-400",
               "aria-hidden": "true",
               onClick: u[2] || (u[2] = (c) => i(c))
@@ -2404,9 +2404,9 @@ const x2 = N2("loader", () => {
           ]),
           _: 1
         }, 512),
-        D(T(f1), { class: "absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm z-50" }, {
+        D($(f1), { class: "absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm z-50" }, {
           default: Z2(() => [
-            (C(!0), y(j, null, X(a.value, ([c, d]) => (C(), q(T(v1), {
+            (C(!0), y(j, null, X(a.value, ([c, d]) => (C(), q($(v1), {
               key: c,
               value: c
             }, {
@@ -2453,7 +2453,7 @@ const x2 = N2("loader", () => {
   },
   emits: ["swap"],
   setup(e, { emit: n }) {
-    const t = x2(), o = $(() => t.isLoading("translation")), l = n;
+    const t = x2(), o = T(() => t.isLoading("translation")), l = n;
     return (s, a) => e.isBidirect ? (C(), y("button", {
       key: 1,
       onClick: a[0] || (a[0] = (i) => l("swap")),
@@ -2463,11 +2463,11 @@ const x2 = N2("loader", () => {
       disabled: o.value
     }, q1, 8, U1));
   }
-}, $2 = N2("language", () => {
+}, T2 = N2("language", () => {
   const e = I("auto"), n = I("vi"), t = I({
     src: [],
     target: []
-  }), o = $(() => t.value.src[e.value]), l = $(() => t.value.target[n.value]);
+  }), o = T(() => t.value.src[e.value]), l = T(() => t.value.target[n.value]);
   function s(r, u) {
     e.value = r == null ? void 0 : r.src, n.value = r == null ? void 0 : r.target, t.value = u;
   }
@@ -2492,7 +2492,7 @@ const x2 = N2("loader", () => {
 }, sn = ["onClick"], an = { class: "flex" }, rn = { class: "grow flex flex-col" }, un = { class: "grow flex flex-col" }, G0 = 3, cn = {
   __name: "Selects",
   setup(e) {
-    const n = $2(), t = I([]), o = I([]);
+    const n = T2(), t = I([]), o = I([]);
     function l() {
       n.swap();
     }
@@ -2509,15 +2509,15 @@ const x2 = N2("loader", () => {
       (s) => {
         s && (o.value.includes(s) || (o.value.unshift(s), o.value = o.value.slice(0, G0), j2.setLocalStorage("recentTarget", o.value)));
       }
-    ), (s, a) => T(n).languages ? (C(), y("div", X1, [
+    ), (s, a) => $(n).languages ? (C(), y("div", X1, [
       p("div", K1, [
         p("div", en, [
           t.value.length > 0 ? (C(), y("div", tn, [
             (C(!0), y(j, null, X(t.value, (i) => (C(), y("button", {
               key: i,
               class: "px-1 bg-baseColor border border-primaryColor text-primaryColor text-xs rounded hover:bg-primaryColor hover:text-baseColor",
-              onClick: (r) => T(n).src = i
-            }, J(T(n).languages.src[i]), 9, nn))), 128))
+              onClick: (r) => $(n).src = i
+            }, J($(n).languages.src[i]), 9, nn))), 128))
           ])) : H("", !0)
         ]),
         p("div", on, [
@@ -2525,37 +2525,37 @@ const x2 = N2("loader", () => {
             (C(!0), y(j, null, X(o.value, (i) => (C(), y("button", {
               key: i,
               class: "px-1 bg-baseColor border border-primaryColor text-primaryColor text-xs rounded hover:bg-primaryColor hover:text-baseColor",
-              onClick: (r) => T(n).target = i
-            }, J(T(n).languages.target[i]), 9, sn))), 128))
+              onClick: (r) => $(n).target = i
+            }, J($(n).languages.target[i]), 9, sn))), 128))
           ])) : H("", !0)
         ])
       ]),
       p("div", an, [
         p("div", rn, [
           D(q0, {
-            modelValue: T(n).src,
-            "onUpdate:modelValue": a[0] || (a[0] = (i) => T(n).src = i),
-            languages: T(n).languages.src,
+            modelValue: $(n).src,
+            "onUpdate:modelValue": a[0] || (a[0] = (i) => $(n).src = i),
+            languages: $(n).languages.src,
             class: "grow"
           }, null, 8, ["modelValue", "languages"])
         ]),
         D(Q1, {
-          isBidirect: T(n).src !== "auto",
+          isBidirect: $(n).src !== "auto",
           class: "grow-0 mx-3 mt-4 self-start",
           onSwap: l
         }, null, 8, ["isBidirect"]),
         p("div", un, [
           D(q0, {
-            modelValue: T(n).target,
-            "onUpdate:modelValue": a[1] || (a[1] = (i) => T(n).target = i),
-            languages: T(n).languages.target,
+            modelValue: $(n).target,
+            "onUpdate:modelValue": a[1] || (a[1] = (i) => $(n).target = i),
+            languages: $(n).languages.target,
             class: "grow"
           }, null, 8, ["modelValue", "languages"])
         ])
       ])
     ])) : H("", !0);
   }
-}, T2 = {
+}, $2 = {
   INPUT_MAX_LENGTH: 5e3,
   INPUT_DEBOUNCE: 1e3,
   IMPROVE_INPUT_MIN_LENGTH: 4,
@@ -2604,7 +2604,7 @@ const M0 = /* @__PURE__ */ h2(dn, [["render", vn]]), m0 = N2("tts", () => {
   },
   emits: ["loadTTS"],
   setup(e, { emit: n }) {
-    const t = m0(), o = e, l = n, s = $(() => t.tts[o.type]), a = I(!1), i = new Audio();
+    const t = m0(), o = e, l = n, s = T(() => t.tts[o.type]), a = I(!1), i = new Audio();
     R(
       s,
       () => {
@@ -2641,7 +2641,7 @@ const M0 = /* @__PURE__ */ h2(dn, [["render", vn]]), m0 = N2("tts", () => {
       onClick: d0(c, ["prevent"])
     }, [
       p("img", {
-        src: T(hn),
+        src: $(hn),
         alt: "Stop",
         class: "w-4"
       }, null, 8, Cn)
@@ -2655,7 +2655,7 @@ const M0 = /* @__PURE__ */ h2(dn, [["render", vn]]), m0 = N2("tts", () => {
       onClick: d0(r, ["prevent"])
     }, [
       p("img", {
-        src: T(pn),
+        src: $(pn),
         alt: "Play",
         class: N(["w-4", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
       }, null, 10, mn)
@@ -2679,7 +2679,7 @@ const M0 = /* @__PURE__ */ h2(dn, [["render", vn]]), m0 = N2("tts", () => {
         disabled: e.disabled
       }, [
         p("img", {
-          src: T(xn),
+          src: $(xn),
           alt: "Clear",
           class: N(["w-4", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
         }, null, 10, _n)
@@ -2689,7 +2689,7 @@ const M0 = /* @__PURE__ */ h2(dn, [["render", vn]]), m0 = N2("tts", () => {
 }, En = "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", Ln = "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='%231A1F2A'/%3e%3c/svg%3e", Sn = {
   class: "tooltip tooltip-bottom tooltip-small before:!bg-baseColor before:!border before:!border-solid before:!border-gray-200 before:![box-shadow:0px_1px_8px_0px_#3D44514D] before:!rounded-md before:!text-textSecondary before:!top-[90%] before:!text-xs before:!py-1 before:!px-2",
   "data-tip": "Favorite"
-}, $n = ["disabled"], Tn = ["src"], In = {
+}, Tn = ["disabled"], $n = ["src"], In = {
   __name: "FavoriteBtn",
   props: {
     disabled: Boolean,
@@ -2705,11 +2705,11 @@ const M0 = /* @__PURE__ */ h2(dn, [["render", vn]]), m0 = N2("tts", () => {
         disabled: e.disabled
       }, [
         p("img", {
-          src: e.isFilled ? T(En) : T(Ln),
+          src: e.isFilled ? $(En) : $(Ln),
           alt: "Favorite",
           class: N(["w-4", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
-        }, null, 10, Tn)
-      ], 10, $n)
+        }, null, 10, $n)
+      ], 10, Tn)
     ]));
   }
 }, On = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.8544%203.20309C5.39975%202.89815%204.26277%201.76117%203.95787%200.30649C3.92042%200.12792%203.76292%200%203.58041%200C3.3979%200%203.2404%200.12792%203.20297%200.30652C2.89805%201.76117%201.76107%202.89812%200.306418%203.20302C0.127818%203.24045%20-0.00012207%203.39798%20-0.00012207%203.58046C-0.00012207%203.76295%200.127798%203.92047%200.306418%203.9579C1.76105%204.26285%202.89798%205.3998%203.2029%206.85448C3.24033%207.03307%203.39783%207.16102%203.58034%207.16102C3.76282%207.16102%203.92035%207.0331%203.95778%206.85448C4.26272%205.39983%205.39973%204.26287%206.85438%203.95799C7.03297%203.92056%207.16092%203.76306%207.16092%203.58056C7.1609%203.39805%207.03297%203.24052%206.8544%203.20309ZM3.58036%205.60938C3.14292%204.73132%202.42956%204.01792%201.55151%203.58049C2.42958%203.14305%203.14297%202.42968%203.58041%201.55161C4.01785%202.4297%204.73122%203.14307%205.60926%203.58053C4.73119%204.01797%204.0178%204.73132%203.58036%205.60938Z'%20fill='%23FFC857'/%3e%3cpath%20d='M6.21683%209.574C5.53147%209.4303%204.99578%208.8947%204.85209%208.2093C4.81466%208.0307%204.65716%207.90271%204.47465%207.90271C4.29217%207.90271%204.13464%208.0306%204.09721%208.2092C3.95352%208.8946%203.4178%209.4303%202.73244%209.574C2.55385%209.6114%202.4259%209.7689%202.4259%209.9514C2.4259%2010.1339%202.55383%2010.2914%202.73244%2010.3288C3.41778%2010.4725%203.95349%2011.0082%204.09716%2011.6936C4.13459%2011.8722%204.2921%2012.0002%204.4746%2012.0002C4.65709%2012.0002%204.81461%2011.8723%204.85204%2011.6936C4.99574%2011.0082%205.53145%2010.4725%206.21683%2010.3289C6.39543%2010.2914%206.52337%2010.1339%206.52337%209.9514C6.52337%209.7689%206.39545%209.6114%206.21683%209.574ZM4.47463%2010.6408C4.29163%2010.3688%204.05725%2010.1345%203.78526%209.9515C4.0573%209.7684%204.29163%209.5341%204.47463%209.2621C4.65765%209.5341%204.892%209.7685%205.164%209.9515C4.892%2010.1345%204.65763%2010.3688%204.47463%2010.6408Z'%20fill='%23FFC857'/%3e%3cpath%20d='M11.4271%206.00324C10.5007%205.80904%209.7766%205.08496%209.5825%204.15859C9.545%203.98%209.3875%203.85205%209.205%203.85205C9.0225%203.85205%208.865%203.97995%208.8276%204.15857C8.6334%205.08496%207.90932%205.80902%206.98293%206.0032C6.80434%206.04063%206.67639%206.19815%206.67639%206.38064C6.67639%206.56312%206.80431%206.72062%206.98293%206.75807C7.9093%206.95228%208.6334%207.67633%208.8275%208.6027C8.865%208.7813%209.0225%208.9093%209.205%208.9093C9.3875%208.9093%209.545%208.7814%209.5824%208.6027C9.7766%207.67633%2010.5007%206.95228%2011.4271%206.75812C11.6057%206.72067%2011.7336%206.56317%2011.7336%206.38068C11.7336%206.1982%2011.6057%206.04067%2011.4271%206.00324ZM9.205%207.47681C8.9365%207.02634%208.5593%206.64914%208.1089%206.38066C8.5593%206.11218%208.9365%205.73502%209.205%205.28453C9.4735%205.73502%209.8507%206.11221%2010.3012%206.38068C9.8507%206.64916%209.4735%207.02636%209.205%207.47681Z'%20fill='%23FFC857'/%3e%3ccircle%20cx='3.5'%20cy='3.5'%20r='1.5'%20fill='%23FFC857'/%3e%3cellipse%20cx='4.5'%20cy='10'%20rx='0.5'%20ry='1'%20fill='%23FFC857'/%3e%3cpath%20d='M3.5%201L4.79904%202.5H2.20096L3.5%201Z'%20fill='%23FFC857'/%3e%3cpath%20d='M6%203.5L4.5%204.79904L4.5%202.20096L6%203.5Z'%20fill='%23FFC857'/%3e%3cpath%20d='M10.3697%206.67832L8.22108%207.01422L9.5776%204.65296L10.3697%206.67832Z'%20fill='%23FFC857'/%3e%3cpath%20d='M8.27756%205.34149L10.768%206.00067L9.11199%207.77878L8.27756%205.34149Z'%20fill='%23FFC857'/%3e%3cpath%20d='M1%203.5L2.5%202.20096L2.5%204.79904L1%203.5Z'%20fill='%23FFC857'/%3e%3cpath%20d='M3.5%206L2.20096%204.5L4.79904%204.5L3.5%206Z'%20fill='%23FFC857'/%3e%3ccircle%20cx='9'%20cy='6'%20r='1'%20fill='%23FFC857'/%3e%3cpath%20d='M5.49718%209.92495L4.03391%2010.4693L3.96891%209.60573L5.49718%209.92495Z'%20fill='%23FFC857'/%3e%3cpath%20d='M3.54089%209.71696L5.10212%209.72621L4.857%2010.5568L3.54089%209.71696Z'%20fill='%23FFC857'/%3e%3cpath%20d='M3.50071%209.96247L5.0159%209.58606L4.9834%2010.4515L3.50071%209.96247Z'%20fill='%23FFC857'/%3e%3c/svg%3e", Mn = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.8544%203.20309C5.39975%202.89815%204.26277%201.76117%203.95787%200.30649C3.92042%200.12792%203.76292%200%203.58041%200C3.3979%200%203.2404%200.12792%203.20297%200.30652C2.89805%201.76117%201.76107%202.89812%200.306418%203.20302C0.127818%203.24045%20-0.00012207%203.39798%20-0.00012207%203.58046C-0.00012207%203.76295%200.127798%203.92047%200.306418%203.9579C1.76105%204.26285%202.89798%205.3998%203.2029%206.85448C3.24033%207.03307%203.39783%207.16102%203.58034%207.16102C3.76282%207.16102%203.92035%207.0331%203.95778%206.85448C4.26272%205.39983%205.39973%204.26287%206.85438%203.95799C7.03297%203.92056%207.16092%203.76306%207.16092%203.58056C7.1609%203.39805%207.03297%203.24052%206.8544%203.20309ZM3.58036%205.60938C3.14292%204.73132%202.42956%204.01792%201.55151%203.58049C2.42958%203.14305%203.14297%202.42968%203.58041%201.55161C4.01785%202.4297%204.73122%203.14307%205.60926%203.58053C4.73119%204.01797%204.0178%204.73132%203.58036%205.60938Z'%20fill='%23FFC857'/%3e%3cpath%20d='M6.21683%209.574C5.53147%209.4303%204.99578%208.8947%204.85209%208.2093C4.81466%208.0307%204.65716%207.90271%204.47465%207.90271C4.29217%207.90271%204.13464%208.0306%204.09721%208.2092C3.95352%208.8946%203.4178%209.4303%202.73244%209.574C2.55385%209.6114%202.4259%209.7689%202.4259%209.9514C2.4259%2010.1339%202.55383%2010.2914%202.73244%2010.3288C3.41778%2010.4725%203.95349%2011.0082%204.09716%2011.6936C4.13459%2011.8722%204.2921%2012.0002%204.4746%2012.0002C4.65709%2012.0002%204.81461%2011.8723%204.85204%2011.6936C4.99574%2011.0082%205.53145%2010.4725%206.21683%2010.3289C6.39543%2010.2914%206.52337%2010.1339%206.52337%209.9514C6.52337%209.7689%206.39545%209.6114%206.21683%209.574ZM4.47463%2010.6408C4.29163%2010.3688%204.05725%2010.1345%203.78526%209.9515C4.0573%209.7684%204.29163%209.5341%204.47463%209.2621C4.65765%209.5341%204.892%209.7685%205.164%209.9515C4.892%2010.1345%204.65763%2010.3688%204.47463%2010.6408Z'%20fill='%23FFC857'/%3e%3cpath%20d='M11.4271%206.00324C10.5007%205.80904%209.7766%205.08496%209.5825%204.15859C9.545%203.98%209.3875%203.85205%209.205%203.85205C9.0225%203.85205%208.865%203.97995%208.8276%204.15857C8.6334%205.08496%207.90932%205.80902%206.98293%206.0032C6.80434%206.04063%206.67639%206.19815%206.67639%206.38064C6.67639%206.56312%206.80431%206.72062%206.98293%206.75807C7.9093%206.95228%208.6334%207.67633%208.8275%208.6027C8.865%208.7813%209.0225%208.9093%209.205%208.9093C9.3875%208.9093%209.545%208.7814%209.5824%208.6027C9.7766%207.67633%2010.5007%206.95228%2011.4271%206.75812C11.6057%206.72067%2011.7336%206.56317%2011.7336%206.38068C11.7336%206.1982%2011.6057%206.04067%2011.4271%206.00324ZM9.205%207.47681C8.9365%207.02634%208.5593%206.64914%208.1089%206.38066C8.5593%206.11218%208.9365%205.73502%209.205%205.28453C9.4735%205.73502%209.8507%206.11221%2010.3012%206.38068C9.8507%206.64916%209.4735%207.02636%209.205%207.47681Z'%20fill='%23FFC857'/%3e%3c/svg%3e", kn = {
@@ -2731,7 +2731,7 @@ const M0 = /* @__PURE__ */ h2(dn, [["render", vn]]), m0 = N2("tts", () => {
         disabled: e.disabled
       }, [
         p("img", {
-          src: e.isFilled ? T(On) : T(Mn),
+          src: e.isFilled ? $(On) : $(Mn),
           alt: "AI",
           class: N(["w-4", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
         }, null, 10, Fn)
@@ -2762,7 +2762,7 @@ const M0 = /* @__PURE__ */ h2(dn, [["render", vn]]), m0 = N2("tts", () => {
         onClick: t
       }, [
         p("img", {
-          src: T(Bn),
+          src: $(Bn),
           alt: "Copy",
           class: N(["w-3", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
         }, null, 10, Rn)
@@ -2779,6 +2779,10 @@ const M0 = /* @__PURE__ */ h2(dn, [["render", vn]]), m0 = N2("tts", () => {
       type: Boolean,
       default: !1
     },
+    isTTS: {
+      type: Boolean,
+      default: !0
+    },
     src: {
       type: String,
       default: ""
@@ -2829,21 +2833,21 @@ const M0 = /* @__PURE__ */ h2(dn, [["render", vn]]), m0 = N2("tts", () => {
   setup(e, { emit: n }) {
     const t = n;
     return (o, l) => (C(), y("div", Pn, [
-      e.src ? (C(), q(bn, {
+      e.src && e.isTTS ? (C(), q(bn, {
         key: 0,
         type: e.type,
         onLoadTTS: l[0] || (l[0] = (s) => t("loadTTS"))
       }, null, 8, ["type"])) : H("", !0),
       p("div", Nn, [
         F2(J(e.srcLabel) + " ", 1),
-        e.phonetic ? (C(), y("span", Zn, "- [" + J(e.phonetic) + "]", 1)) : H("", !0)
+        e.phonetic ? (C(), y("span", Zn, "- " + J(e.phonetic), 1)) : H("", !0)
       ]),
       e.loading ? (C(), q(M0, {
         key: 1,
         class: "absolute right-6 top-2"
       })) : H("", !0),
       p("div", jn, [
-        e.hasClearBtn && e.src ? (C(), q(He, {
+        e.hasClearBtn ? (C(), q(He, {
           key: 0,
           onClick: l[1] || (l[1] = (s) => t("clear")),
           disabled: e.loading
@@ -2868,16 +2872,16 @@ const M0 = /* @__PURE__ */ h2(dn, [["render", vn]]), m0 = N2("tts", () => {
       ])
     ]));
   }
-}, Re = /* @__PURE__ */ h2(zn, [["__scopeId", "data-v-02c4ffe0"]]), v2 = N2("translation", () => {
+}, Re = /* @__PURE__ */ h2(zn, [["__scopeId", "data-v-a687b916"]]), v2 = N2("translation", () => {
   const e = I(null), n = I(null), t = I(null), o = I({
     src: null,
     target: null
   }), l = I(null), s = I([]), a = I([]), i = I([]), r = I([]), u = I({
     src: null,
     target: null
-  }), c = $2(), d = $(() => c.getLabel(e.value)), x = $(() => c.getLabel(n.value));
-  function h(m) {
-    e.value = m.src, n.value = m.target, t.value = m.text, o.value = m.phonetic, l.value = m.result, s.value = m.dictionary, a.value = m.definitions, i.value = m.synonyms, r.value = m.examples, u.value = m.tts;
+  }), c = T2(), d = T(() => c.getLabel(e.value)), x = T(() => c.getLabel(n.value));
+  function h(g) {
+    e.value = g.src, n.value = g.target, t.value = g.text, o.value = g.phonetic, l.value = g.result, s.value = g.dictionary, a.value = g.definitions, i.value = g.synonyms, r.value = g.examples, u.value = g.tts;
   }
   function b() {
     e.value = null, n.value = null, t.value = null, o.value = {
@@ -2909,7 +2913,7 @@ function Un(e) {
   return re() ? (_0(e), !0) : !1;
 }
 function X2(e) {
-  return typeof e == "function" ? e() : T(e);
+  return typeof e == "function" ? e() : $(e);
 }
 const Wn = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
@@ -2959,14 +2963,14 @@ function Qn() {
 }
 function Xn(e) {
   const n = Qn();
-  return $(() => (n.value, !!e()));
+  return T(() => (n.value, !!e()));
 }
 function Kn(e, n, t = {}) {
   const { window: o = Yn, ...l } = t;
   let s;
   const a = Xn(() => o && "ResizeObserver" in o), i = () => {
     s && (s.disconnect(), s = void 0);
-  }, r = $(() => Array.isArray(e) ? e.map((d) => Y0(d)) : [Y0(e)]), u = R(
+  }, r = T(() => Array.isArray(e) ? e.map((d) => Y0(d)) : [Y0(e)]), u = R(
     r,
     (d) => {
       if (i(), a.value && o) {
@@ -3009,16 +3013,20 @@ const eo = { class: "bg-white relative z-10 border rounded" }, to = {
     text: {
       type: String,
       default: ""
+    },
+    isTTS: {
+      type: Boolean,
+      default: !0
     }
   },
   emits: ["change", "clear", "loadTTS"],
   setup(e, { emit: n }) {
-    const t = v2(), o = e, l = I(o.text), s = $(() => t.src), a = $(() => t.srcLabel), i = $(() => {
+    const t = v2(), o = e, l = I(o.text), s = T(() => t.src), a = T(() => t.srcLabel), i = T(() => {
       var b;
       return (b = t.phonetic) == null ? void 0 : b.src;
     }), { textarea: r } = l0({ input: l, styleProp: "minHeight" }), u = n, c = Jn(() => {
       u("change", l.value);
-    }, T2.INPUT_DEBOUNCE);
+    }, $2.INPUT_DEBOUNCE);
     s2(() => {
       h();
     });
@@ -3040,20 +3048,21 @@ const eo = { class: "bg-white relative z-10 border rounded" }, to = {
       (b) => {
         l.value !== b && h(), l.value = b;
       }
-    ), (b, m) => (C(), y("div", eo, [
+    ), (b, g) => (C(), y("div", eo, [
       D(Re, {
         src: s.value,
         srcLabel: a.value,
+        isTTS: e.isTTS,
         type: "src",
         phonetic: i.value,
-        hasClearBtn: !0,
+        hasClearBtn: l.value.length > 0,
         onClear: x,
-        onLoadTTS: m[0] || (m[0] = (V) => u("loadTTS"))
-      }, null, 8, ["src", "srcLabel", "phonetic"]),
+        onLoadTTS: g[0] || (g[0] = (V) => u("loadTTS"))
+      }, null, 8, ["src", "srcLabel", "isTTS", "phonetic", "hasClearBtn"]),
       e0(p("textarea", {
         ref_key: "textarea",
         ref: r,
-        "onUpdate:modelValue": m[1] || (m[1] = (V) => l.value = V),
+        "onUpdate:modelValue": g[1] || (g[1] = (V) => l.value = V),
         class: "w-full outline-none px-2 pr-8 bg-transparent text-gray-800 resize-none pb-3 overflow-x-hidden overflow-y-hidden",
         autofocus: "",
         rows: "2",
@@ -3069,20 +3078,24 @@ const eo = { class: "bg-white relative z-10 border rounded" }, to = {
       ])
     ]));
   }
-}, no = /* @__PURE__ */ h2(to, [["__scopeId", "data-v-cc5ad887"]]), oo = { class: "bg-white relative z-10 rounded-md h-full" }, lo = { class: "bg-transparent" }, so = {
+}, no = /* @__PURE__ */ h2(to, [["__scopeId", "data-v-0133ec1c"]]), oo = { class: "bg-white relative z-10 rounded-md h-full" }, lo = { class: "bg-transparent" }, so = {
   __name: "Result",
   props: {
     isFavoriteFeatureEnabled: Boolean,
     isAITranslateFeatureEnabled: Boolean,
     isAITranslate: Boolean,
-    isFavorite: Boolean
+    isFavorite: Boolean,
+    isTTS: {
+      type: Boolean,
+      default: !0
+    }
   },
   emits: ["loadTTS", "favorite", "aiTranslate", "copy"],
   setup(e, { emit: n }) {
-    const t = v2(), o = $(() => t.result), l = $(() => t.target), s = $(() => t.targetLabel), a = $(() => {
+    const t = v2(), o = T(() => t.result), l = T(() => t.target), s = T(() => t.targetLabel), a = T(() => {
       var x;
       return (x = t.phonetic) == null ? void 0 : x.target;
-    }), i = x2(), r = $(() => i.isLoading("translation")), { textarea: u, input: c } = l0({ input: o, styleProp: "minHeight" }), d = n;
+    }), i = x2(), r = T(() => i.isLoading("translation")), { textarea: u, input: c } = l0({ input: o, styleProp: "minHeight" }), d = n;
     return (x, h) => (C(), y("div", {
       class: N([
         "relative p-0.5 bg-[length:300%_300%] bg-[position:0%_50%] border rounded",
@@ -3096,6 +3109,7 @@ const eo = { class: "bg-white relative z-10 border rounded" }, to = {
           loading: r.value,
           src: l.value,
           srcLabel: s.value,
+          isTTS: e.isTTS,
           type: "target",
           hasFavoriteBtn: e.isFavoriteFeatureEnabled,
           hasAIBtn: e.isAITranslateFeatureEnabled,
@@ -3107,7 +3121,7 @@ const eo = { class: "bg-white relative z-10 border rounded" }, to = {
           onLoadTTS: h[1] || (h[1] = (b) => d("loadTTS")),
           onAiTranslate: h[2] || (h[2] = (b) => d("aiTranslate")),
           onCopy: h[3] || (h[3] = (b) => d("copy"))
-        }, null, 8, ["loading", "src", "srcLabel", "hasFavoriteBtn", "hasAIBtn", "isFavorite", "isAITranslate", "phonetic"]),
+        }, null, 8, ["loading", "src", "srcLabel", "isTTS", "hasFavoriteBtn", "hasAIBtn", "isFavorite", "isAITranslate", "phonetic"]),
         p("div", lo, [
           e0(p("textarea", {
             ref_key: "textarea",
@@ -3118,13 +3132,13 @@ const eo = { class: "bg-white relative z-10 border rounded" }, to = {
             rows: "2",
             spellcheck: "false"
           }, null, 512), [
-            [t0, T(c)]
+            [t0, $(c)]
           ])
         ])
       ])
     ], 2));
   }
-}, io = /* @__PURE__ */ h2(so, [["__scopeId", "data-v-08a8c85c"]]), ao = { class: "btn btn-xs btn-circle btn-ghost" }, s0 = {
+}, io = /* @__PURE__ */ h2(so, [["__scopeId", "data-v-439ecf6b"]]), ao = { class: "btn btn-xs btn-circle btn-ghost" }, s0 = {
   __name: "ToggleBtn",
   props: {
     isExpanded: Boolean
@@ -3132,10 +3146,10 @@ const eo = { class: "bg-white relative z-10 border rounded" }, to = {
   setup(e) {
     const n = e;
     return (t, o) => (C(), y("button", ao, [
-      n.isExpanded ? (C(), q(T(g1), {
+      n.isExpanded ? (C(), q($(g1), {
         key: 0,
         class: "w-7 text-gray-400"
-      })) : (C(), q(T(p1), {
+      })) : (C(), q($(p1), {
         key: 1,
         class: "w-7 text-gray-400"
       }))
@@ -3145,7 +3159,7 @@ const eo = { class: "bg-white relative z-10 border rounded" }, to = {
   __name: "Dictionary",
   emits: ["translate"],
   setup(e, { emit: n }) {
-    const t = I(!0), o = v2(), l = $2(), s = $(() => o.dictionary), a = n, i = () => {
+    const t = I(!0), o = v2(), l = T2(), s = T(() => o.dictionary), a = n, i = () => {
       t.value = !t.value;
     }, r = (u) => {
       a("translate", u, o.target, o.src), l.src = o.target, l.target = o.src, window.scrollTo(0, 0);
@@ -3173,7 +3187,7 @@ const eo = { class: "bg-white relative z-10 border rounded" }, to = {
               }, [
                 p("span", {
                   class: "m-0.5 font-normal badge badge-ghost bg-primaryColor text-white cursor-pointer border-0 rounded",
-                  onClick: (m) => r(h.word)
+                  onClick: (g) => r(h.word)
                 }, J(h.word), 9, fo),
                 p("small", vo, " - " + J(h.reverse_translation.join(", ")), 1)
               ]))), 128))
@@ -3189,7 +3203,7 @@ const eo = { class: "bg-white relative z-10 border rounded" }, to = {
 }, xo = {
   __name: "Definition",
   setup(e) {
-    const n = I(!0), t = v2(), o = $(() => t.definitions), l = () => {
+    const n = I(!0), t = v2(), o = T(() => t.definitions), l = () => {
       n.value = !n.value;
     };
     return (s, a) => (C(), y(j, null, [
@@ -3227,7 +3241,7 @@ const eo = { class: "bg-white relative z-10 border rounded" }, to = {
 }, wo = /* @__PURE__ */ p("h2", { class: "card-title text-base font-bold text-textCustom" }, "Examples", -1), yo = { class: "text-textCustom text-sm list-disc list-outside ml-5 my-2" }, _o = ["innerHTML"], Eo = {
   __name: "Example",
   setup(e) {
-    const n = I(!0), t = v2(), o = $(() => t.examples), l = () => {
+    const n = I(!0), t = v2(), o = T(() => t.examples), l = () => {
       n.value = !n.value;
     };
     return (s, a) => (C(), y(j, null, [
@@ -3250,11 +3264,11 @@ const eo = { class: "bg-white relative z-10 border rounded" }, to = {
       ], 2)
     ], 64));
   }
-}, Lo = /* @__PURE__ */ p("h2", { class: "card-title text-base font-bold text-textCustom" }, "Synonyms", -1), So = { class: "capitalize text-xs font-normal text-textSecondary mb-1" }, $o = { class: "list-none list-inside" }, To = { class: "flex flex-wrap" }, Io = ["onClick"], Oo = {
+}, Lo = /* @__PURE__ */ p("h2", { class: "card-title text-base font-bold text-textCustom" }, "Synonyms", -1), So = { class: "capitalize text-xs font-normal text-textSecondary mb-1" }, To = { class: "list-none list-inside" }, $o = { class: "flex flex-wrap" }, Io = ["onClick"], Oo = {
   __name: "Synonyms",
   emits: ["translate"],
   setup(e, { emit: n }) {
-    const t = I(!0), o = v2(), l = $(() => o.synonyms), s = n, a = () => {
+    const t = I(!0), o = v2(), l = T(() => o.synonyms), s = n, a = () => {
       t.value = !t.value;
     }, i = (r) => {
       s("translate", r), window.scrollTo(0, 0);
@@ -3276,14 +3290,14 @@ const eo = { class: "bg-white relative z-10 border rounded" }, to = {
             class: "mb-2"
           }, [
             p("h5", So, J(c.pos), 1),
-            p("ul", $o, [
+            p("ul", To, [
               (C(!0), y(j, null, X(c.items, (x, h) => (C(), y("li", {
                 key: `${x.word}-${h}`,
                 class: "mb-2"
               }, [
-                p("div", To, [
-                  (C(!0), y(j, null, X(x.synonym, (b, m) => (C(), y("span", {
-                    key: `${b}-${m}`,
+                p("div", $o, [
+                  (C(!0), y(j, null, X(x.synonym, (b, g) => (C(), y("span", {
+                    key: `${b}-${g}`,
                     class: "m-0.5 ml-0 font-normal badge badge-ghost bg-primaryColor text-white cursor-pointer border-0 rounded",
                     onClick: (V) => i(b)
                   }, J(b), 9, Io))), 128))
@@ -3310,7 +3324,7 @@ const eo = { class: "bg-white relative z-10 border rounded" }, to = {
       disabled: e.disabled
     }, [
       p("img", {
-        src: e.isExpanded ? T(Mo) : T(ko),
+        src: e.isExpanded ? $(Mo) : $(ko),
         alt: "AI",
         class: N(["w-6", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
       }, null, 10, Fo)
@@ -3337,7 +3351,7 @@ const eo = { class: "bg-white relative z-10 border rounded" }, to = {
   },
   emits: ["aiExplain"],
   setup(e, { emit: n }) {
-    const t = x2(), o = $(() => t.isLoading("aiExplanation")), l = n;
+    const t = x2(), o = T(() => t.isLoading("aiExplanation")), l = n;
     function s() {
       l("aiExplain");
     }
@@ -3381,7 +3395,7 @@ function Uo() {
 const Q0 = {
   supportRTL: zo,
   removeRTL: Uo
-}, Wo = ["ar", "fa", "iw", "yi", "ur", "pa"], qo = (e) => (L0("data-v-443f76ab"), e = e(), S0(), e), Go = { class: "pb-6" }, Jo = { class: "flex flex-col lg:flex-row lg:gap-2" }, Yo = {
+}, Wo = ["ar", "fa", "iw", "yi", "ur", "pa"], qo = (e) => (L0("data-v-77944531"), e = e(), S0(), e), Go = { class: "pb-6" }, Jo = { class: "flex flex-col lg:flex-row lg:gap-2" }, Yo = {
   id: "input",
   class: "w-full lg:w-[calc(50%-1rem)] flex mt-1"
 }, Qo = /* @__PURE__ */ qo(() => /* @__PURE__ */ p("div", { class: "w-6 h-4 mx-auto hidden lg:block" }, null, -1)), Xo = { class: "w-full lg:w-[calc(50%-1rem)] flex mt-1" }, Ko = {
@@ -3413,6 +3427,7 @@ const Q0 = {
     translation: Object,
     explanation: Object,
     tts: Object,
+    isTTS: Boolean,
     isFavoriteFeatureEnabled: Boolean,
     isAITranslateFeatureEnabled: Boolean,
     isFavorite: Boolean,
@@ -3456,10 +3471,10 @@ const Q0 = {
         s.set(w);
       },
       { immediate: !0 }
-    ), R([() => o.opt, () => o.languages], ([w, g]) => {
-      a.init(w, g), u();
-    }), R([() => a.src, () => a.target], ([w, g]) => {
-      r("opt", { src: w, target: g }), h(t.value);
+    ), R([() => o.opt, () => o.languages], ([w, m]) => {
+      a.init(w, m), u();
+    }), R([() => a.src, () => a.target], ([w, m]) => {
+      r("opt", { src: w, target: m }), h(t.value);
     }), s2(() => {
       a.init(o.opt, o.languages), u();
     });
@@ -3470,12 +3485,12 @@ const Q0 = {
       t.value = w, h(w);
     }
     function x(w) {
-      const g = w === "src" ? l.text : l.result;
-      r("loadTTS", { type: w, data: g });
+      const m = w === "src" ? l.text : l.result;
+      r("loadTTS", { type: w, data: m });
     }
-    function h(w, g = a.src, S = a.target) {
+    function h(w, m = a.src, S = a.target) {
       w && (V(), t.value = w, i.setLoading("translation", !0), r("translate", {
-        src: g,
+        src: m,
         target: S,
         text: w
       }));
@@ -3487,7 +3502,7 @@ const Q0 = {
         text: t.value
       });
     }
-    function m() {
+    function g() {
       o.isAIExplain || i.setLoading("aiExplanation", !0), r("aiExplain", {
         src: a.src,
         target: a.target,
@@ -3498,7 +3513,7 @@ const Q0 = {
       const w = document.getElementById("input");
       w && w.getBoundingClientRect().top < 0 && w.scrollIntoView({ behavior: "smooth" });
     }
-    return (w, g) => {
+    return (w, m) => {
       var S, M, _, F, E;
       return C(), y("div", Go, [
         D(cn),
@@ -3506,11 +3521,12 @@ const Q0 = {
           p("div", Yo, [
             D(no, {
               text: t.value,
+              isTTS: e.isTTS,
               onChange: d,
               onClear: c,
-              onLoadTTS: g[0] || (g[0] = (L) => x("src")),
+              onLoadTTS: m[0] || (m[0] = (L) => x("src")),
               class: "flex-grow flex flex-col"
-            }, null, 8, ["text"])
+            }, null, 8, ["text", "isTTS"])
           ]),
           Qo,
           p("div", Xo, [
@@ -3519,41 +3535,42 @@ const Q0 = {
               isAITranslateFeatureEnabled: e.isAITranslateFeatureEnabled,
               isAITranslate: e.isAITranslate,
               isFavorite: e.isFavorite,
-              onCopy: g[1] || (g[1] = (L) => {
+              isTTS: e.isTTS,
+              onCopy: m[1] || (m[1] = (L) => {
                 var A;
-                return w.$emit("copy", (A = T(l)) == null ? void 0 : A.result);
+                return w.$emit("copy", (A = $(l)) == null ? void 0 : A.result);
               }),
               onAiTranslate: b,
-              onFavorite: g[2] || (g[2] = (L) => w.$emit("favorite")),
-              onLoadTTS: g[3] || (g[3] = (L) => x("target")),
+              onFavorite: m[2] || (m[2] = (L) => w.$emit("favorite")),
+              onLoadTTS: m[3] || (m[3] = (L) => x("target")),
               class: "flex-grow flex flex-col"
-            }, null, 8, ["isFavoriteFeatureEnabled", "isAITranslateFeatureEnabled", "isAITranslate", "isFavorite"])
+            }, null, 8, ["isFavoriteFeatureEnabled", "isAITranslateFeatureEnabled", "isAITranslate", "isFavorite", "isTTS"])
           ])
         ]),
         e.translation ? (C(), y("div", Ko, [
-          ((S = T(l).result) == null ? void 0 : S.length) > e.aiExplainMinLength ? (C(), y("div", el, [
+          ((S = $(l).result) == null ? void 0 : S.length) > e.aiExplainMinLength ? (C(), y("div", el, [
             D(jo, {
               isAIExplain: e.isAIExplain,
               explanation: e.explanation,
-              onAiExplain: m
+              onAiExplain: g
             }, null, 8, ["isAIExplain", "explanation"])
           ])) : H("", !0),
-          (M = T(l).dictionary) != null && M.length ? (C(), y("div", tl, [
+          (M = $(l).dictionary) != null && M.length ? (C(), y("div", tl, [
             p("div", nl, [
               D(po, { onTranslate: h })
             ])
           ])) : H("", !0),
-          (_ = T(l).definitions) != null && _.length ? (C(), y("div", ol, [
+          (_ = $(l).definitions) != null && _.length ? (C(), y("div", ol, [
             p("div", ll, [
               D(xo)
             ])
           ])) : H("", !0),
-          (F = T(l).synonyms) != null && F.length ? (C(), y("div", sl, [
+          (F = $(l).synonyms) != null && F.length ? (C(), y("div", sl, [
             p("div", il, [
               D(Oo, { onTranslate: h })
             ])
           ])) : H("", !0),
-          (E = T(l).examples) != null && E.length ? (C(), y("div", al, [
+          (E = $(l).examples) != null && E.length ? (C(), y("div", al, [
             p("div", rl, [
               D(Eo)
             ])
@@ -3562,7 +3579,7 @@ const Q0 = {
       ]);
     };
   }
-}, dl = /* @__PURE__ */ h2(cl, [["__scopeId", "data-v-443f76ab"]]), fl = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%20stroke='%233B5695'%3e%3cpath%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20d='M4%204v5h.582m15.356%202A8.001%208.001%200%20004.582%209m0%200H9m11%2011v-5h-.581m0%200a8.003%208.003%200%2001-15.357-2m15.357%202H15'%20/%3e%3c/svg%3e", vl = ["disabled"], pl = ["src"], hl = {
+}, dl = /* @__PURE__ */ h2(cl, [["__scopeId", "data-v-77944531"]]), fl = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%20stroke='%233B5695'%3e%3cpath%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20d='M4%204v5h.582m15.356%202A8.001%208.001%200%20004.582%209m0%200H9m11%2011v-5h-.581m0%200a8.003%208.003%200%2001-15.357-2m15.357%202H15'%20/%3e%3c/svg%3e", vl = ["disabled"], pl = ["src"], hl = {
   __name: "RetryBtn",
   props: {
     disabled: Boolean
@@ -3576,7 +3593,7 @@ const Q0 = {
       "aria-label": "Retry"
     }, [
       p("img", {
-        src: T(fl),
+        src: $(fl),
         alt: "Retry",
         class: N(["h-5 w-5 text-primaryColor", { "opacity-50": e.disabled }])
       }, null, 10, pl)
@@ -3603,7 +3620,7 @@ const Q0 = {
         onClick: t[0] || (t[0] = (o) => n.$emit("toggle"))
       }, [
         p("img", {
-          src: e.isDiffMode ? T(gl) : T(ml),
+          src: e.isDiffMode ? $(gl) : $(ml),
           alt: e.isDiffMode ? "Hide Differences" : "Show Differences",
           class: N(["w-4", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
         }, null, 10, xl)
@@ -3722,7 +3739,7 @@ const Q0 = {
         onInput: a,
         onFocus: r,
         onKeydown: Ge(d0(u, ["ctrl", "prevent"]), ["enter"]),
-        placeholder: `Min ${T(T2).IMPROVE_INPUT_MIN_LENGTH} characters. ${T(f0) ? "" : "Ctrl+Enter to improve"}`
+        placeholder: `Min ${$($2).IMPROVE_INPUT_MIN_LENGTH} characters. ${$(f0) ? "" : "Ctrl+Enter to improve"}`
       }, null, 40, Ll), [
         [
           t0,
@@ -3733,7 +3750,7 @@ const Q0 = {
       ])
     ]));
   }
-}, $l = /* @__PURE__ */ h2(Sl, [["__scopeId", "data-v-0b6444b1"]]);
+}, Tl = /* @__PURE__ */ h2(Sl, [["__scopeId", "data-v-0b6444b1"]]);
 function a2() {
 }
 a2.prototype = {
@@ -3752,11 +3769,11 @@ a2.prototype = {
     var x = (o = l.timeout) !== null && o !== void 0 ? o : 1 / 0, h = Date.now() + x, b = [{
       oldPos: -1,
       lastComponent: void 0
-    }], m = this.extractCommon(b[0], t, n, 0, l);
-    if (b[0].oldPos + 1 >= u && m + 1 >= r)
+    }], g = this.extractCommon(b[0], t, n, 0, l);
+    if (b[0].oldPos + 1 >= u && g + 1 >= r)
       return i(X0(a, b[0].lastComponent, t, n, a.useLongestToken));
     var V = -1 / 0, w = 1 / 0;
-    function g() {
+    function m() {
       for (var M = Math.max(V, -c); M <= Math.min(w, c); M += 2) {
         var _ = void 0, F = b[M - 1], E = b[M + 1];
         F && (b[M - 1] = void 0);
@@ -3770,9 +3787,9 @@ a2.prototype = {
           b[M] = void 0;
           continue;
         }
-        if (!f || L && F.oldPos < E.oldPos ? _ = a.addToPath(E, !0, !1, 0, l) : _ = a.addToPath(F, !1, !0, 1, l), m = a.extractCommon(_, t, n, M, l), _.oldPos + 1 >= u && m + 1 >= r)
+        if (!f || L && F.oldPos < E.oldPos ? _ = a.addToPath(E, !0, !1, 0, l) : _ = a.addToPath(F, !1, !0, 1, l), g = a.extractCommon(_, t, n, M, l), _.oldPos + 1 >= u && g + 1 >= r)
           return i(X0(a, _.lastComponent, t, n, a.useLongestToken));
-        b[M] = _, _.oldPos + 1 >= u && (w = Math.min(w, M - 1)), m + 1 >= r && (V = Math.max(V, M + 1));
+        b[M] = _, _.oldPos + 1 >= u && (w = Math.min(w, M - 1)), g + 1 >= r && (V = Math.max(V, M + 1));
       }
       c++;
     }
@@ -3781,12 +3798,12 @@ a2.prototype = {
         setTimeout(function() {
           if (c > d || Date.now() > h)
             return s();
-          g() || M();
+          m() || M();
         }, 0);
       })();
     else
       for (; c <= d && Date.now() <= h; ) {
-        var S = g();
+        var S = m();
         if (S)
           return S;
       }
@@ -3859,8 +3876,8 @@ function X0(e, n, t, o, l) {
       if (!d.added && l) {
         var x = t.slice(u, u + d.count);
         x = x.map(function(h, b) {
-          var m = o[c + b];
-          return m.length > h.length ? m : h;
+          var g = o[c + b];
+          return g.length > h.length ? g : h;
         }), d.value = e.join(x);
       } else
         d.value = e.join(t.slice(u, u + d.count));
@@ -3904,9 +3921,9 @@ function W2(e, n) {
   return b0(e, n, "");
 }
 function te(e, n) {
-  return n.slice(0, Tl(e, n));
+  return n.slice(0, $l(e, n));
 }
-function Tl(e, n) {
+function $l(e, n) {
   var t = 0;
   e.length > n.length && (t = e.length - n.length);
   var o = n.length;
@@ -3977,10 +3994,10 @@ function ne(e, n, t, o) {
     var b = ee(O2(c, h), x);
     n.value = W2(n.value, b), o.value = C0(o.value, c, b), e.value = b0(e.value, c, c.slice(0, c.length - b.length));
   } else if (o) {
-    var m = o.value.match(/^\s*/)[0], V = n.value.match(/\s*$/)[0], w = te(V, m);
+    var g = o.value.match(/^\s*/)[0], V = n.value.match(/\s*$/)[0], w = te(V, g);
     n.value = W2(n.value, w);
   } else if (e) {
-    var g = e.value.match(/\s*$/)[0], S = n.value.match(/^\s*/)[0], M = te(g, S);
+    var m = e.value.match(/\s*$/)[0], S = n.value.match(/^\s*/)[0], M = te(m, S);
     n.value = O2(n.value, M);
   }
 }
@@ -4088,7 +4105,7 @@ const Vl = { class: "bg-white relative z-10 border rounded" }, Fl = { class: "fl
   },
   emits: ["copy", "change", "clear"],
   setup(e, { emit: n }) {
-    const t = e, o = x2(), l = $(() => o.isLoading("writing")), s = $(() => l.value ? "" : t.text), a = I(""), i = I(T2.DEFAULT_DIFF_MODE), { textarea: r } = l0({ input: s, styleProp: "minHeight" }), u = n;
+    const t = e, o = x2(), l = T(() => o.isLoading("writing")), s = T(() => l.value ? "" : t.text), a = I(""), i = I($2.DEFAULT_DIFF_MODE), { textarea: r } = l0({ input: s, styleProp: "minHeight" }), u = n;
     function c() {
       !l.value && s.value && u("copy", s.value);
     }
@@ -4096,7 +4113,7 @@ const Vl = { class: "bg-white relative z-10 border rounded" }, Fl = { class: "fl
       return Ol(h, b).map((V) => V.added ? `<span class="bg-addedBg inline leading-snug animate-addedText">${V.value}</span>` : V.removed ? `<span class="bg-removedBg inline leading-snug animate-removedText">${V.value}</span>` : V.value).join("");
     }
     function x() {
-      i.value = !i.value, T2.DEFAULT_DIFF_MODE = i.value;
+      i.value = !i.value, $2.DEFAULT_DIFF_MODE = i.value;
     }
     return R(
       () => t.text,
@@ -4123,7 +4140,7 @@ const Vl = { class: "bg-white relative z-10 border rounded" }, Fl = { class: "fl
           key: 0,
           ref_key: "textarea",
           ref: r,
-          "onUpdate:modelValue": b[0] || (b[0] = (m) => s.value = m),
+          "onUpdate:modelValue": b[0] || (b[0] = (g) => s.value = g),
           class: "w-full outline-none px-1 pr-8 bg-transparent text-textCustom resize-none pb-3 overflow-x-hidden overflow-y-hidden font-sans text-base leading-normal",
           readonly: "",
           spellcheck: "false"
@@ -4179,7 +4196,7 @@ const Vl = { class: "bg-white relative z-10 border rounded" }, Fl = { class: "fl
   },
   emits: ["update:modelValue", "action"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = I(!1), s = I(t.modelValue), a = I(null), i = $(() => t.options.find((h) => h.value === s.value) || t.options[0]);
+    const t = e, o = n, l = I(!1), s = I(t.modelValue), a = I(null), i = T(() => t.options.find((h) => h.value === s.value) || t.options[0]);
     function r() {
       o("action");
     }
@@ -4254,27 +4271,27 @@ const Vl = { class: "bg-white relative z-10 border rounded" }, Fl = { class: "fl
       ], 2),
       l.value ? (C(), y("div", Cs, [
         p("div", bs, [
-          (C(!0), y(j, null, X(e.options, (m) => (C(), y("a", {
-            key: m.value,
-            onClick: (V) => c(m),
+          (C(!0), y(j, null, X(e.options, (g) => (C(), y("a", {
+            key: g.value,
+            onClick: (V) => c(g),
             href: "#",
             class: "block px-1 py-1 text-sm text-textCustom hover:bg-gray-100 hover:text-primaryColor",
             role: "menuitem"
           }, [
             p("div", ws, [
               p("img", {
-                src: d(m.icon),
+                src: d(g.icon),
                 alt: "",
                 class: "w-4 h-4 mr-2"
               }, null, 8, ys),
-              F2(" " + J(m.label), 1)
+              F2(" " + J(g.label), 1)
             ])
           ], 8, xs))), 128))
         ])
       ])) : H("", !0)
     ], 512));
   }
-}, Es = /* @__PURE__ */ h2(_s, [["__scopeId", "data-v-9c9633b7"]]), Ls = { class: "w-full mt-1" }, Ss = { class: "flex flex-col lg:flex-row lg:items-stretch lg:space-x-4 lg:min-h-[50vh]" }, $s = { class: "lg:flex-grow lg:w-0 flex flex-col" }, Ts = { class: "flex flex-row lg:flex-col items-center justify-center place-content-center min-h-full" }, Is = {
+}, Es = /* @__PURE__ */ h2(_s, [["__scopeId", "data-v-9c9633b7"]]), Ls = { class: "w-full mt-1" }, Ss = { class: "flex flex-col lg:flex-row lg:items-stretch lg:space-x-4 lg:min-h-[50vh]" }, Ts = { class: "lg:flex-grow lg:w-0 flex flex-col" }, $s = { class: "flex flex-row lg:flex-col items-center justify-center place-content-center min-h-full" }, Is = {
   class: "flex items-center",
   style: { "max-width": "300px" }
 }, Os = { class: "lg:flex-grow lg:w-0 flex flex-col" }, Ms = {
@@ -4304,89 +4321,89 @@ const Vl = { class: "bg-white relative z-10 border rounded" }, Fl = { class: "fl
     ];
     R(
       () => l.writing,
-      (m) => {
-        o.setLoading("writing", !1), m && (t.reset(), t.init(m));
+      (g) => {
+        o.setLoading("writing", !1), g && (t.reset(), t.init(g));
       },
       { immediate: !0 }
     ), R(
       () => l.opt,
-      (m) => {
-        m.src !== t.src && t.init({ ...t.$state, src: m.src });
+      (g) => {
+        g.src !== t.src && t.init({ ...t.$state, src: g.src });
       },
       { deep: !0 }
     );
-    function i(m) {
-      t.init({ ...t.$state, text: m });
+    function i(g) {
+      t.init({ ...t.$state, text: g });
     }
     function r() {
       t.reset();
     }
-    function u(m) {
-      t.init({ ...t.$state, result: m });
+    function u(g) {
+      t.init({ ...t.$state, result: g });
     }
     function c() {
       t.init({ ...t.$state, result: "", suggestions: [] });
     }
-    function d(m = null) {
-      t.text.length < T2.IMPROVE_INPUT_MIN_LENGTH || (o.setLoading("writing", !0), h(t.text, l.opt.type, m));
+    function d(g = null) {
+      t.text.length < $2.IMPROVE_INPUT_MIN_LENGTH || (o.setLoading("writing", !0), h(t.text, l.opt.type, g));
     }
     function x() {
       d("retry");
     }
-    function h(m, V = l.opt.type, w) {
-      m && (o.setLoading("writing", !0), s("write", {
+    function h(g, V = l.opt.type, w) {
+      g && (o.setLoading("writing", !0), s("write", {
         src: l.opt.src,
-        text: m,
+        text: g,
         action: V,
         flag: w
       }));
     }
-    function b(m) {
-      o.setLoading("writing", !0), s("opt", { ...l.opt, type: m, text: t.text });
+    function b(g) {
+      o.setLoading("writing", !0), s("opt", { ...l.opt, type: g, text: t.text });
     }
-    return (m, V) => {
-      var w, g;
+    return (g, V) => {
+      var w, m;
       return C(), y("div", Ls, [
         p("div", Ss, [
-          p("div", $s, [
-            D($l, {
+          p("div", Ts, [
+            D(Tl, {
               class: "my-2 lg:my-0 w-full flex-grow lg:min-h-[50vh]",
-              text: T(t).text,
+              text: $(t).text,
               onChange: i,
               onClear: r,
               onImprove: d
             }, null, 8, ["text"])
           ]),
-          p("div", Ts, [
+          p("div", $s, [
             p("div", Is, [
               D(Es, {
                 class: "w-full",
                 modelValue: l.opt.type,
                 options: a,
-                loading: T(o).isLoading("writing"),
-                isTextEmpty: T(t).text && ((w = T(t).text) == null ? void 0 : w.length) < T(T2).IMPROVE_INPUT_MIN_LENGTH,
-                hasResult: !!T(t).result,
+                loading: $(o).isLoading("writing"),
+                isTextEmpty: $(t).text && ((w = $(t).text) == null ? void 0 : w.length) < $($2).IMPROVE_INPUT_MIN_LENGTH,
+                hasResult: !!$(t).result,
                 "onUpdate:modelValue": b,
                 onAction: d
               }, null, 8, ["modelValue", "loading", "isTextEmpty", "hasResult"])
             ]),
             D(hl, {
               class: "ml-2 lg:m-2",
-              disabled: ((g = T(t).text) == null ? void 0 : g.length) < 5 || !T(t).result,
+              disabled: ((m = $(t).text) == null ? void 0 : m.length) < 5 || !$(t).result,
               onClick: x
             }, null, 8, ["disabled"])
           ]),
           p("div", Os, [
             D(Hl, {
               class: "my-2 lg:my-0 w-full flex-grow lg:min-h-[50vh]",
-              text: T(t).result,
-              originalText: T(t).text,
+              text: $(t).result,
+              originalText: $(t).text,
               type: l.opt.type,
               onChange: u,
               onClear: c,
               onCopy: V[0] || (V[0] = (S) => {
                 var M;
-                return s("copy", (M = T(t)) == null ? void 0 : M.result);
+                return s("copy", (M = $(t)) == null ? void 0 : M.result);
               })
             }, null, 8, ["text", "originalText", "type"])
           ])
@@ -4395,7 +4412,7 @@ const Vl = { class: "bg-white relative z-10 border rounded" }, Fl = { class: "fl
     };
   }
 }, oe = N2("writing", () => {
-  const e = I(null), n = I(""), t = I(""), o = I([]), l = I(null), s = $2(), a = $(() => s.getLabel(e.value));
+  const e = I(null), n = I(""), t = I(""), o = I([]), l = I(null), s = T2(), a = T(() => s.getLabel(e.value));
   function i(u) {
     e.value = u.src, n.value = u.text, t.value = u.result, o.value = u.suggestions, l.value = u.action;
   }
@@ -4412,7 +4429,7 @@ const Vl = { class: "bg-white relative z-10 border rounded" }, Fl = { class: "fl
     init: i,
     reset: r
   };
-}), Ze = (e) => (L0("data-v-552ad1d6"), e = e(), S0(), e), ks = { class: "h-screen flex flex-col bg-baseColor" }, Vs = { class: "flex-none py-2 pl-3 pr-2 shadow border" }, Fs = { class: "flex-none" }, As = { class: "flex w-full border-b border-gray-200 items-center" }, Bs = {
+}), Ze = (e) => (L0("data-v-e46db1a9"), e = e(), S0(), e), ks = { class: "h-screen flex flex-col bg-baseColor" }, Vs = { class: "flex-none py-2 pl-3 pr-2 shadow border" }, Fs = { class: "flex-none" }, As = { class: "flex w-full border-b border-gray-200 items-center" }, Bs = {
   key: 0,
   class: "text-xs text-gray-400 ml-1 italic"
 }, Hs = /* @__PURE__ */ Ze(() => /* @__PURE__ */ p("small", null, "(Ctrl+1)", -1)), Ds = [
@@ -4461,17 +4478,17 @@ const Vl = { class: "bg-white relative z-10 border rounded" }, Fl = { class: "fl
   emits: ["nav", "translate", "write", "common"],
   setup(e, { emit: n }) {
     const t = N1();
-    v2(t), m0(t), $2(t), x2(t), oe(t);
-    const o = v2(), l = m0(), s = $2(), a = x2(), i = oe();
+    v2(t), m0(t), T2(t), x2(t), oe(t);
+    const o = v2(), l = m0(), s = T2(), a = x2(), i = oe();
     c2("translationStore", o), c2("ttsStore", l), c2("languageStore", s), c2("loaderStore", a), c2("writingStore", i);
-    const r = n, u = (w, g) => {
-      r("nav", { action: w, payload: g });
-    }, c = (w, g = {}) => {
-      r("translate", { action: w, payload: g });
-    }, d = (w, g = {}) => {
-      r("write", { action: w, payload: g });
-    }, x = (w, g = {}) => {
-      r("common", { action: w, payload: g });
+    const r = n, u = (w, m) => {
+      r("nav", { action: w, payload: m });
+    }, c = (w, m = {}) => {
+      r("translate", { action: w, payload: m });
+    }, d = (w, m = {}) => {
+      r("write", { action: w, payload: m });
+    }, x = (w, m = {}) => {
+      r("common", { action: w, payload: m });
     }, h = e, b = {
       activeTab: "translate",
       translateOpts: { src: "auto", target: "en" },
@@ -4486,8 +4503,9 @@ const Vl = { class: "bg-white relative z-10 border rounded" }, Fl = { class: "fl
       isFavorite: !1,
       isAITranslate: !1,
       isAIExplain: !1,
-      aiExplainMinLength: 5
-    }, m = $(() => Object.assign({}, b, h.options)), V = (w) => {
+      aiExplainMinLength: 5,
+      isTTS: !0
+    }, g = T(() => Object.assign({}, b, h.options)), V = (w) => {
       if (w.ctrlKey)
         switch (w.key) {
           case "1":
@@ -4502,14 +4520,14 @@ const Vl = { class: "bg-white relative z-10 border rounded" }, Fl = { class: "fl
       window.addEventListener("keydown", V);
     }), R2(() => {
       window.removeEventListener("keydown", V);
-    }), (w, g) => (C(), y("div", ks, [
+    }), (w, m) => (C(), y("div", ks, [
       p("div", Vs, [
         D(pt, {
           "header-settings": e.headerSettings,
-          onReader: g[0] || (g[0] = (S) => u("reader")),
-          onSettings: g[1] || (g[1] = (S) => u("settings")),
-          onFullScreen: g[2] || (g[2] = (S) => u("fullscreen")),
-          onAccount: g[3] || (g[3] = (S) => u("account"))
+          onReader: m[0] || (m[0] = (S) => u("reader")),
+          onSettings: m[1] || (m[1] = (S) => u("settings")),
+          onFullScreen: m[2] || (m[2] = (S) => u("fullscreen")),
+          onAccount: m[3] || (m[3] = (S) => u("account"))
         }, null, 8, ["header-settings"])
       ]),
       p("div", Fs, [
@@ -4517,62 +4535,63 @@ const Vl = { class: "bg-white relative z-10 border rounded" }, Fl = { class: "fl
           p("button", {
             class: N([
               "w-1/2 px-4 py-2 text-sm font-medium",
-              m.value.activeTab === "translate" ? "text-primaryColor border-b-2 border-primaryColor" : "text-textSecondary hover:text-primaryColor"
+              g.value.activeTab === "translate" ? "text-primaryColor border-b-2 border-primaryColor" : "text-textSecondary hover:text-primaryColor"
             ]),
-            onClick: g[4] || (g[4] = (S) => u("activeTab", "translate"))
+            onClick: m[4] || (m[4] = (S) => u("activeTab", "translate"))
           }, [
             F2(" Translate "),
-            T(f0) ? H("", !0) : (C(), y("span", Bs, Ds))
+            $(f0) ? H("", !0) : (C(), y("span", Bs, Ds))
           ], 2),
           p("button", {
             class: N([
               "w-1/2 px-4 py-2 text-sm font-medium",
-              m.value.activeTab === "write" ? "text-primaryColor border-b-2 border-primaryColor" : "text-textSecondary hover:text-primaryColor"
+              g.value.activeTab === "write" ? "text-primaryColor border-b-2 border-primaryColor" : "text-textSecondary hover:text-primaryColor"
             ]),
-            onClick: g[5] || (g[5] = (S) => u("activeTab", "write"))
+            onClick: m[5] || (m[5] = (S) => u("activeTab", "write"))
           }, [
             F2(" Write "),
-            T(f0) ? H("", !0) : (C(), y("span", Rs, Ns))
+            $(f0) ? H("", !0) : (C(), y("span", Rs, Ns))
           ], 2)
         ])
       ]),
       p("div", Zs, [
         p("div", js, [
-          m.value.activeTab === "translate" ? (C(), q(dl, {
+          g.value.activeTab === "translate" ? (C(), q(dl, {
             key: 0,
-            opt: m.value.translateOpts,
-            languages: m.value.languages,
+            opt: g.value.translateOpts,
+            languages: g.value.languages,
             translation: e.data.translation,
             explanation: e.data.explanation,
             tts: e.data.tts,
-            isFavoriteFeatureEnabled: m.value.isFavoriteFeatureEnabled,
-            isAITranslateFeatureEnabled: m.value.isAITranslateFeatureEnabled,
-            isFavorite: m.value.isFavorite,
-            isAITranslate: m.value.isAITranslate,
-            isAIExplain: m.value.isAIExplain,
-            aiExplainMinLength: m.value.aiExplainMinLength,
-            onOpt: g[6] || (g[6] = (S) => c("updateOpts", S)),
-            onTranslate: g[7] || (g[7] = (S) => c("translate", S)),
-            onLoadTTS: g[8] || (g[8] = (S) => c("loadTTS", S)),
-            onFavorite: g[9] || (g[9] = (S) => c("favorite")),
-            onAiTranslate: g[10] || (g[10] = (S) => c("aiTranslate", S)),
-            onAiExplain: g[11] || (g[11] = (S) => c("aiExplain", S)),
-            onCopy: g[12] || (g[12] = (S) => x("copy", S))
-          }, null, 8, ["opt", "languages", "translation", "explanation", "tts", "isFavoriteFeatureEnabled", "isAITranslateFeatureEnabled", "isFavorite", "isAITranslate", "isAIExplain", "aiExplainMinLength"])) : H("", !0),
-          m.value.activeTab === "write" ? (C(), q(Ms, {
+            isTTS: g.value.isTTS,
+            isFavoriteFeatureEnabled: g.value.isFavoriteFeatureEnabled,
+            isAITranslateFeatureEnabled: g.value.isAITranslateFeatureEnabled,
+            isFavorite: g.value.isFavorite,
+            isAITranslate: g.value.isAITranslate,
+            isAIExplain: g.value.isAIExplain,
+            aiExplainMinLength: g.value.aiExplainMinLength,
+            onOpt: m[6] || (m[6] = (S) => c("updateOpts", S)),
+            onTranslate: m[7] || (m[7] = (S) => c("translate", S)),
+            onLoadTTS: m[8] || (m[8] = (S) => c("loadTTS", S)),
+            onFavorite: m[9] || (m[9] = (S) => c("favorite")),
+            onAiTranslate: m[10] || (m[10] = (S) => c("aiTranslate", S)),
+            onAiExplain: m[11] || (m[11] = (S) => c("aiExplain", S)),
+            onCopy: m[12] || (m[12] = (S) => x("copy", S))
+          }, null, 8, ["opt", "languages", "translation", "explanation", "tts", "isTTS", "isFavoriteFeatureEnabled", "isAITranslateFeatureEnabled", "isFavorite", "isAITranslate", "isAIExplain", "aiExplainMinLength"])) : H("", !0),
+          g.value.activeTab === "write" ? (C(), q(Ms, {
             key: 1,
-            opt: m.value.writeOpts,
-            languages: m.value.languages,
+            opt: g.value.writeOpts,
+            languages: g.value.languages,
             writing: e.data.writing,
-            onOpt: g[13] || (g[13] = (S) => d("updateOpts", S)),
-            onWrite: g[14] || (g[14] = (S) => d("write", S)),
-            onCopy: g[15] || (g[15] = (S) => x("copy", S))
+            onOpt: m[13] || (m[13] = (S) => d("updateOpts", S)),
+            onWrite: m[14] || (m[14] = (S) => d("write", S)),
+            onCopy: m[15] || (m[15] = (S) => x("copy", S))
           }, null, 8, ["opt", "languages", "writing"])) : H("", !0)
         ])
       ])
     ]));
   }
-}, qs = /* @__PURE__ */ h2(zs, [["__scopeId", "data-v-552ad1d6"]]);
+}, qs = /* @__PURE__ */ h2(zs, [["__scopeId", "data-v-e46db1a9"]]);
 export {
   qs as default
 };