@ddict/popup 1.0.10 → 1.0.11

package/dist/popup.es.js

@@ -54,18 +54,18 @@ function ye(e, o, t) {
     let u;
     t.key && ((r = t.debug) != null && r.call(t)) && (u = Date.now());
     const v = e();
-    if (!(v.length !== n.length || v.some((m, p) => n[p] !== m)))
+    if (!(v.length !== n.length || v.some((m, h) => n[h] !== m)))
       return l;
     n = v;
-    let h;
-    if (t.key && ((i = t.debug) != null && i.call(t)) && (h = Date.now()), l = o(...v), t.key && ((s = t.debug) != null && s.call(t))) {
-      const m = Math.round((Date.now() - u) * 100) / 100, p = Math.round((Date.now() - h) * 100) / 100, $ = p / 16, N = (L, I) => {
+    let p;
+    if (t.key && ((i = t.debug) != null && i.call(t)) && (p = Date.now()), l = o(...v), t.key && ((s = t.debug) != null && s.call(t))) {
+      const m = Math.round((Date.now() - u) * 100) / 100, h = Math.round((Date.now() - p) * 100) / 100, $ = h / 16, N = (L, I) => {
         for (L = String(L); L.length < I; )
           L = " " + L;
         return L;
       };
       console.info(
-        `%c⏱ ${N(p, 5)} /${N(m, 5)} ms`,
+        `%c⏱ ${N(h, 5)} /${N(m, 5)} ms`,
         `
             font-size: .6rem;
             font-weight: bold;
@@ -295,8 +295,8 @@ class Bn {
         this.pendingMeasuredCacheIndexes = [];
         const v = this.measurementsCache.slice(0, u);
         for (let c = u; c < t; c++) {
-          let h = (a = this.measurementsCache[c]) == null ? void 0 : a.measureElement;
-          h || (h = (A) => {
+          let p = (a = this.measurementsCache[c]) == null ? void 0 : a.measureElement;
+          p || (p = (A) => {
             const _ = r(c), P = this.elementsCache.get(_);
             if (!A) {
               P && (this.observer.unobserve(P), this.elementsCache.delete(_));
@@ -307,7 +307,7 @@ class Bn {
               this.options.measureElement(A, void 0, this)
             );
           });
-          const m = r(c), p = this.options.lanes === 1 ? v[c - 1] : this.getFurthestMeasurement(v, c), $ = p ? p.end + this.options.gap : n + l, N = s.get(m), L = typeof N == "number" ? N : this.options.estimateSize(c), I = $ + L, R = p ? p.lane : c % this.options.lanes;
+          const m = r(c), h = this.options.lanes === 1 ? v[c - 1] : this.getFurthestMeasurement(v, c), $ = h ? h.end + this.options.gap : n + l, N = s.get(m), L = typeof N == "number" ? N : this.options.estimateSize(c), I = $ + L, R = h ? h.lane : c % this.options.lanes;
           v[c] = {
             index: c,
             start: $,
@@ -315,7 +315,7 @@ class Bn {
             end: I,
             key: m,
             lane: R,
-            measureElement: h
+            measureElement: p
           };
         }
         return this.measurementsCache = v, v;
@@ -773,20 +773,20 @@ function Ge({ props: e, attrs: o, slots: t, slot: n, name: l }) {
   var r, i;
   let { as: s, ...a } = je(e, ["unmount", "static"]), u = (r = t.default) == null ? void 0 : r.call(t, n), v = {};
   if (n) {
-    let c = !1, h = [];
-    for (let [m, p] of Object.entries(n)) typeof p == "boolean" && (c = !0), p === !0 && h.push(m);
-    c && (v["data-headlessui-state"] = h.join(" "));
+    let c = !1, p = [];
+    for (let [m, h] of Object.entries(n)) typeof h == "boolean" && (c = !0), h === !0 && p.push(m);
+    c && (v["data-headlessui-state"] = p.join(" "));
   }
   if (s === "template") {
     if (u = kt(u ?? []), Object.keys(a).length > 0 || Object.keys(o).length > 0) {
-      let [c, ...h] = u ?? [];
-      if (!mo(c) || h.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(a).concat(Object.keys(o)).map(($) => $.trim()).filter(($, N, L) => L.indexOf($) === N).sort(($, N) => $.localeCompare(N)).map(($) => `  - ${$}`).join(`
+      let [c, ...p] = u ?? [];
+      if (!mo(c) || p.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(a).concat(Object.keys(o)).map(($) => $.trim()).filter(($, N, L) => L.indexOf($) === N).sort(($, N) => $.localeCompare(N)).map(($) => `  - ${$}`).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(($) => `  - ${$}`).join(`
 `)].join(`
 `));
-      let m = Rt((i = c.props) != null ? i : {}, a, v), p = Et(c, m, !0);
-      for (let $ in m) $.startsWith("on") && (p.props || (p.props = {}), p.props[$] = m[$]);
-      return p;
+      let m = Rt((i = c.props) != null ? i : {}, a, v), h = Et(c, m, !0);
+      for (let $ in m) $.startsWith("on") && (h.props || (h.props = {}), h.props[$] = m[$]);
+      return h;
     }
     return Array.isArray(u) && u.length === 1 ? u[0] : u;
   }
@@ -935,8 +935,8 @@ let zt = Symbol("VirtualContext"), Oo = ae({ name: "VirtualProvider", setup(e, {
     }
   } }, l.value.getVirtualItems().map((s) => Et(o.default({ option: t.virtual.value.options[s.index], open: t.comboboxState.value === 0 })[0], { key: `${i.value}-${s.index}`, "data-index": s.index, "aria-setsize": t.virtual.value.options.length, "aria-posinset": s.index + 1, style: { position: "absolute", top: 0, left: 0, transform: `translateY(${s.start}px)`, overflowAnchor: "none" } })))];
 } }), $o = ae({ name: "Combobox", emits: { "update:modelValue": (e) => !0 }, props: { as: { type: [Object, String], default: "template" }, disabled: { type: [Boolean], default: !1 }, by: { type: [String, Function], nullable: !0, default: null }, modelValue: { type: [Object, String, Number, Boolean], default: void 0 }, defaultValue: { type: [Object, String, Number, Boolean], default: void 0 }, form: { type: String, optional: !0 }, name: { type: String, optional: !0 }, nullable: { type: Boolean, default: !1 }, multiple: { type: [Boolean], default: !1 }, immediate: { type: [Boolean], default: !1 }, virtual: { type: Object, default: null } }, inheritAttrs: !1, setup(e, { slots: o, attrs: t, emit: n }) {
-  let l = E(1), r = E(null), i = E(null), s = E(null), a = E(null), u = E({ static: !1, hold: !1 }), v = E([]), c = E(null), h = E(2), m = E(!1);
-  function p(d = (f) => f) {
+  let l = E(1), r = E(null), i = E(null), s = E(null), a = E(null), u = E({ static: !1, hold: !1 }), v = E([]), c = E(null), p = E(2), m = E(!1);
+  function h(d = (f) => f) {
     let f = c.value !== null ? v.value[c.value] : null, x = d(v.value.slice()), S = x.length > 0 && x[0].dataRef.order.value !== null ? x.sort((D, G) => D.dataRef.order.value - G.dataRef.order.value) : so(x, (D) => M(D.dataRef.domRef)), k = f ? S.indexOf(f) : null;
     return k === -1 && (k = null), { options: S, activeOptionIndex: k };
   }
@@ -980,7 +980,7 @@ let zt = Symbol("VirtualContext"), Oo = ae({ name: "VirtualProvider", setup(e, {
       if (d !== -1) return d;
     }
     return c.value;
-  }), activationTrigger: h, optionsPropsRef: u, closeCombobox() {
+  }), activationTrigger: p, optionsPropsRef: u, closeCombobox() {
     m.value = !1, !e.disabled && l.value !== 1 && (l.value = 1, c.value = null);
   }, openCombobox() {
     if (m.value = !0, !e.disabled && l.value !== 0) {
@@ -991,7 +991,7 @@ let zt = Symbol("VirtualContext"), Oo = ae({ name: "VirtualProvider", setup(e, {
       l.value = 0;
     }
   }, setActivationTrigger(d) {
-    h.value = d;
+    p.value = d;
   }, goToOption(d, f, x) {
     m.value = !1, A !== null && cancelAnimationFrame(A), A = requestAnimationFrame(() => {
       if (e.disabled || a.value && !u.value.static && l.value === 1) return;
@@ -1004,16 +1004,16 @@ let zt = Symbol("VirtualContext"), Oo = ae({ name: "VirtualProvider", setup(e, {
           })) != null ? G : null;
         }, resolveDisabled: (D) => b.virtual.value.disabled(D), resolveId() {
           throw new Error("Function not implemented.");
-        } }), h.value = x ?? 2;
+        } }), p.value = x ?? 2;
         return;
       }
-      let S = p();
+      let S = h();
       if (S.activeOptionIndex === null) {
         let D = S.options.findIndex((G) => !G.dataRef.disabled);
         D !== -1 && (S.activeOptionIndex = D);
       }
       let k = d === z.Specific ? f : pt({ focus: d }, { resolveItems: () => S.options, resolveActiveIndex: () => S.activeOptionIndex, resolveId: (D) => D.id, resolveDisabled: (D) => D.dataRef.disabled });
-      c.value = k, h.value = x ?? 2, v.value = S.options;
+      c.value = k, p.value = x ?? 2, v.value = S.options;
     });
   }, selectOption(d) {
     let f = v.value.find((S) => S.id === d);
@@ -1036,9 +1036,9 @@ let zt = Symbol("VirtualContext"), Oo = ae({ name: "VirtualProvider", setup(e, {
       return;
     }
     _ && cancelAnimationFrame(_);
-    let S = p((k) => (k.push(x), k));
-    c.value === null && b.isSelected(f.value.value) && (S.activeOptionIndex = S.options.indexOf(x)), v.value = S.options, c.value = S.activeOptionIndex, h.value = 2, S.options.some((k) => !M(k.dataRef.domRef)) && (_ = requestAnimationFrame(() => {
-      let k = p();
+    let S = h((k) => (k.push(x), k));
+    c.value === null && b.isSelected(f.value.value) && (S.activeOptionIndex = S.options.indexOf(x)), v.value = S.options, c.value = S.activeOptionIndex, p.value = 2, S.options.some((k) => !M(k.dataRef.domRef)) && (_ = requestAnimationFrame(() => {
+      let k = h();
       v.value = k.options, c.value = k.activeOptionIndex;
     }));
   }, unregisterOption(d, f) {
@@ -1046,11 +1046,11 @@ let zt = Symbol("VirtualContext"), Oo = ae({ name: "VirtualProvider", setup(e, {
       v.value = v.value.filter((S) => S.id !== d);
       return;
     }
-    let x = p((S) => {
+    let x = h((S) => {
       let k = S.findIndex((D) => D.id === d);
       return k !== -1 && S.splice(k, 1), S;
     });
-    v.value = x.options, c.value = x.activeOptionIndex, h.value = 2;
+    v.value = x.options, c.value = x.activeOptionIndex, p.value = 2;
   }, isSelected(d) {
     return le($.value, { 0: () => b.compare(K(b.value.value), K(d)), 1: () => K(b.value.value).some((f) => b.compare(K(f), K(d))) });
   }, isActive(d) {
@@ -1128,8 +1128,8 @@ let Io = ae({ name: "ComboboxButton", props: { as: { type: [Object, String], def
   let u = co(y(() => ({ as: e.as, type: o.type })), i.buttonRef);
   return () => {
     var v, c;
-    let h = { open: i.comboboxState.value === 0, disabled: i.disabled.value, value: i.value.value }, { ...m } = e, p = { ref: i.buttonRef, id: r, type: u.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": (v = M(i.optionsRef)) == null ? void 0 : v.id, "aria-expanded": i.comboboxState.value === 0, "aria-labelledby": i.labelRef.value ? [(c = M(i.labelRef)) == null ? void 0 : c.id, r].join(" ") : void 0, disabled: i.disabled.value === !0 ? !0 : void 0, onKeydown: a, onClick: s };
-    return pe({ ourProps: p, theirProps: m, slot: h, attrs: o, slots: t, name: "ComboboxButton" });
+    let p = { open: i.comboboxState.value === 0, disabled: i.disabled.value, value: i.value.value }, { ...m } = e, h = { ref: i.buttonRef, id: r, type: u.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": (v = M(i.optionsRef)) == null ? void 0 : v.id, "aria-expanded": i.comboboxState.value === 0, "aria-labelledby": i.labelRef.value ? [(c = M(i.labelRef)) == null ? void 0 : c.id, r].join(" ") : void 0, disabled: i.disabled.value === !0 ? !0 : void 0, onKeydown: a, onClick: s };
+    return pe({ ourProps: h, theirProps: m, slot: p, attrs: o, slots: t, name: "ComboboxButton" });
   };
 } }), Lo = ae({ 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: o, attrs: t, slots: n, expose: l }) {
   var r;
@@ -1165,13 +1165,13 @@ let Io = ae({ name: "ComboboxButton", props: { as: { type: [Object, String], def
       }
     });
   });
-  let h = E(!1);
+  let p = E(!1);
   function m() {
-    h.value = !0;
+    p.value = !0;
   }
-  function p() {
+  function h() {
     De().nextFrame(() => {
-      h.value = !1;
+      p.value = !1;
     });
   }
   let $ = qn();
@@ -1180,7 +1180,7 @@ let Io = ae({ name: "ComboboxButton", props: { as: { type: [Object, String], def
       u.value = !1;
     }), _.key) {
       case Z.Enter:
-        if (u.value = !1, s.comboboxState.value !== 0 || h.value) return;
+        if (u.value = !1, s.comboboxState.value !== 0 || p.value) return;
         if (_.preventDefault(), _.stopPropagation(), s.activeOptionIndex.value === null) {
           s.closeCombobox();
           return;
@@ -1236,7 +1236,7 @@ let Io = ae({ name: "ComboboxButton", props: { as: { type: [Object, String], def
   });
   return () => {
     var _, P, C, b, V, d, f;
-    let x = { open: s.comboboxState.value === 0 }, { displayValue: S, onChange: k, ...D } = e, G = { "aria-controls": (_ = s.optionsRef.value) == null ? void 0 : _.id, "aria-expanded": s.comboboxState.value === 0, "aria-activedescendant": s.activeOptionIndex.value === null ? void 0 : s.virtual.value ? (P = s.options.value.find((q) => !s.virtual.value.disabled(q.dataRef.value) && s.compare(q.dataRef.value, s.virtual.value.options[s.activeOptionIndex.value]))) == null ? void 0 : P.id : (C = s.options.value[s.activeOptionIndex.value]) == null ? void 0 : C.id, "aria-labelledby": (d = (b = M(s.labelRef)) == null ? void 0 : b.id) != null ? d : (V = M(s.buttonRef)) == null ? void 0 : V.id, "aria-autocomplete": "list", id: i, onCompositionstart: m, onCompositionend: p, onKeydown: N, onInput: L, onFocus: R, onBlur: I, role: "combobox", type: (f = t.type) != null ? f : "text", tabIndex: 0, ref: s.inputRef, defaultValue: A.value, disabled: s.disabled.value === !0 ? !0 : void 0 };
+    let x = { open: s.comboboxState.value === 0 }, { displayValue: S, onChange: k, ...D } = e, G = { "aria-controls": (_ = s.optionsRef.value) == null ? void 0 : _.id, "aria-expanded": s.comboboxState.value === 0, "aria-activedescendant": s.activeOptionIndex.value === null ? void 0 : s.virtual.value ? (P = s.options.value.find((q) => !s.virtual.value.disabled(q.dataRef.value) && s.compare(q.dataRef.value, s.virtual.value.options[s.activeOptionIndex.value]))) == null ? void 0 : P.id : (C = s.options.value[s.activeOptionIndex.value]) == null ? void 0 : C.id, "aria-labelledby": (d = (b = M(s.labelRef)) == null ? void 0 : b.id) != null ? d : (V = M(s.buttonRef)) == null ? void 0 : V.id, "aria-autocomplete": "list", id: i, onCompositionstart: m, onCompositionend: h, onKeydown: N, onInput: L, onFocus: R, onBlur: I, role: "combobox", type: (f = t.type) != null ? f : "text", tabIndex: 0, ref: s.inputRef, defaultValue: A.value, disabled: s.disabled.value === !0 ? !0 : void 0 };
     return pe({ ourProps: G, theirProps: D, slot: x, attrs: t, slots: n, features: Oe.RenderStrategy | Oe.Static, name: "ComboboxInput" });
   };
 } }), To = ae({ 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: o, slots: t, expose: n }) {
@@ -1257,8 +1257,8 @@ let Io = ae({ name: "ComboboxButton", props: { as: { type: [Object, String], def
   }
   return () => {
     var u, v, c;
-    let h = { open: l.comboboxState.value === 0 }, m = { "aria-labelledby": (c = (u = M(l.labelRef)) == null ? void 0 : u.id) != null ? c : (v = M(l.buttonRef)) == null ? void 0 : v.id, id: r, ref: l.optionsRef, role: "listbox", "aria-multiselectable": l.mode.value === 1 ? !0 : void 0, onMousedown: a }, p = je(e, ["hold"]);
-    return pe({ ourProps: m, theirProps: p, slot: h, attrs: o, slots: l.virtual.value && l.comboboxState.value === 0 ? { ...t, default: () => [Se(Oo, {}, t.default)] } : t, features: Oe.RenderStrategy | Oe.Static, visible: s.value, name: "ComboboxOptions" });
+    let p = { open: l.comboboxState.value === 0 }, m = { "aria-labelledby": (c = (u = M(l.labelRef)) == null ? void 0 : u.id) != null ? c : (v = M(l.buttonRef)) == null ? void 0 : v.id, id: r, ref: l.optionsRef, role: "listbox", "aria-multiselectable": l.mode.value === 1 ? !0 : void 0, onMousedown: a }, h = je(e, ["hold"]);
+    return pe({ ourProps: m, theirProps: h, slot: p, attrs: o, slots: l.virtual.value && l.comboboxState.value === 0 ? { ...t, default: () => [Se(Oo, {}, t.default)] } : t, features: Oe.RenderStrategy | Oe.Static, visible: s.value, name: "ComboboxOptions" });
   };
 } }), Vo = ae({ 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: o, attrs: t, expose: n }) {
   let l = he("ComboboxOption"), r = `headlessui-combobox-option-${Te()}`, i = E(null), s = y(() => e.disabled);
@@ -1276,7 +1276,7 @@ let Io = ae({ name: "ComboboxButton", props: { as: { type: [Object, String], def
       return (R = (I = M(i)) == null ? void 0 : I.scrollIntoView) == null ? void 0 : R.call(I, { block: "nearest" });
     }));
   });
-  function h(I) {
+  function p(I) {
     I.preventDefault(), I.button === At.Left && (s.value || (l.selectOption(r), Mt() || requestAnimationFrame(() => {
       var R;
       return (R = M(l.inputRef)) == null ? void 0 : R.focus({ preventScroll: !0 });
@@ -1288,22 +1288,22 @@ let Io = ae({ name: "ComboboxButton", props: { as: { type: [Object, String], def
     let R = l.calculateIndex(e.value);
     l.goToOption(z.Specific, R);
   }
-  let p = fo();
+  let h = fo();
   function $(I) {
-    p.update(I);
+    h.update(I);
   }
   function N(I) {
     var R;
-    if (!p.wasMoved(I) || e.disabled || (R = l.virtual.value) != null && R.disabled(e.value) || a.value) return;
+    if (!h.wasMoved(I) || e.disabled || (R = l.virtual.value) != null && R.disabled(e.value) || a.value) return;
     let A = l.calculateIndex(e.value);
     l.goToOption(z.Specific, A, 0);
   }
   function L(I) {
     var R;
-    p.wasMoved(I) && (e.disabled || (R = l.virtual.value) != null && R.disabled(e.value) || a.value && (l.optionsPropsRef.value.hold || l.goToOption(z.Nothing)));
+    h.wasMoved(I) && (e.disabled || (R = l.virtual.value) != null && R.disabled(e.value) || a.value && (l.optionsPropsRef.value.hold || l.goToOption(z.Nothing)));
   }
   return () => {
-    let { disabled: I } = e, R = { active: a.value, selected: u.value, disabled: I }, A = { id: r, ref: i, role: "option", tabIndex: I === !0 ? void 0 : -1, "aria-disabled": I === !0 ? !0 : void 0, "aria-selected": u.value, disabled: void 0, onMousedown: h, onFocus: m, onPointerenter: $, onMouseenter: $, onPointermove: N, onMousemove: N, onPointerleave: L, onMouseleave: L }, _ = je(e, ["order", "value"]);
+    let { disabled: I } = e, R = { active: a.value, selected: u.value, disabled: I }, A = { id: r, ref: i, role: "option", tabIndex: I === !0 ? void 0 : -1, "aria-disabled": I === !0 ? !0 : void 0, "aria-selected": u.value, disabled: void 0, onMousedown: p, onFocus: m, onPointerenter: $, onMouseenter: $, onPointermove: N, onMousemove: N, onPointerleave: L, onMouseleave: L }, _ = je(e, ["order", "value"]);
     return pe({ ourProps: A, theirProps: _, slot: R, attrs: t, slots: o, name: "ComboboxOption" });
   };
 } });
@@ -1403,7 +1403,7 @@ const ht = {
               key: u,
               value: u
             }, {
-              default: Ve(({ active: c, selected: h }) => [
+              default: Ve(({ active: c, selected: p }) => [
                 g("li", {
                   class: _e([
                     "relative cursor-default select-none py-2 pl-3 pr-9",
@@ -1411,7 +1411,7 @@ const ht = {
                   ])
                 }, [
                   g("span", {
-                    class: _e(["block truncate", h && "font-semibold"])
+                    class: _e(["block truncate", p && "font-semibold"])
                   }, ee(v), 3)
                 ], 2)
               ]),
@@ -2177,10 +2177,10 @@ function _t(e, o, t, n) {
       // use ref() to unwrap refs inside state TODO: check if this is still necessary
       at(E(l ? l() : {}).value)
     ) : at(t.state.value[e]);
-    return J(v, r, Object.keys(i || {}).reduce((c, h) => (process.env.NODE_ENV !== "production" && h in v && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${h}" in store "${e}".`), c[h] = de(y(() => {
+    return J(v, r, Object.keys(i || {}).reduce((c, p) => (process.env.NODE_ENV !== "production" && p in v && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${p}" in store "${e}".`), c[p] = de(y(() => {
       Ie(t);
       const m = t._s.get(e);
-      return i[h].call(m, m);
+      return i[p].call(m, m);
     })), c), {}));
   }
   return a = Qe(e, u, o, t, n, !0), a;
@@ -2197,9 +2197,9 @@ function Qe(e, o, t = {}, n, l, r) {
   process.env.NODE_ENV !== "production" && !Zt && (a.onTrigger = (d) => {
     u ? m = d : u == !1 && !C._hotUpdating && (Array.isArray(m) ? m.push(d) : console.error("🍍 debuggerEvents should be an array. This is most likely an internal Pinia bug."));
   });
-  let u, v, c = [], h = [], m;
-  const p = n.state.value[e];
-  !r && !p && (process.env.NODE_ENV === "production" || !l) && (n.state.value[e] = {});
+  let u, v, c = [], p = [], m;
+  const h = n.state.value[e];
+  !r && !h && (process.env.NODE_ENV === "production" || !l) && (n.state.value[e] = {});
   const $ = E({});
   let N;
   function L(d) {
@@ -2231,7 +2231,7 @@ function Qe(e, o, t = {}, n, l, r) {
     } : ln
   );
   function R() {
-    i.stop(), c = [], h = [], n._s.delete(e);
+    i.stop(), c = [], p = [], n._s.delete(e);
   }
   function A(d, f) {
     return function() {
@@ -2243,7 +2243,7 @@ function Qe(e, o, t = {}, n, l, r) {
       function G(j) {
         k.push(j);
       }
-      be(h, {
+      be(p, {
         args: x,
         name: d,
         store: C,
@@ -2268,7 +2268,7 @@ function Qe(e, o, t = {}, n, l, r) {
     _p: n,
     // _s: scope,
     $id: e,
-    $onAction: bt.bind(null, h),
+    $onAction: bt.bind(null, p),
     $patch: L,
     $reset: I,
     $subscribe(d, f = {}) {
@@ -2297,7 +2297,7 @@ function Qe(e, o, t = {}, n, l, r) {
   for (const d in V) {
     const f = V[d];
     if (xe(f) && !Ct(f) || tt(f))
-      process.env.NODE_ENV !== "production" && l ? Me($.value, d, Ze(V, d)) : r || (p && p2(f) && (xe(f) ? f.value = p[d] : Ye(f, p[d])), n.state.value[e][d] = f), process.env.NODE_ENV !== "production" && _.state.push(d);
+      process.env.NODE_ENV !== "production" && l ? Me($.value, d, Ze(V, d)) : r || (h && p2(f) && (xe(f) ? f.value = h[d] : Ye(f, h[d])), n.state.value[e][d] = f), process.env.NODE_ENV !== "production" && _.state.push(d);
     else if (typeof f == "function") {
       const x = process.env.NODE_ENV !== "production" && l ? f : A(d, f);
       V[d] = x, process.env.NODE_ENV !== "production" && (_.actions[d] = f), s.actions[d] = f;
@@ -2373,7 +2373,7 @@ function Qe(e, o, t = {}, n, l, r) {
       })));
   }), process.env.NODE_ENV !== "production" && C.$state && typeof C.$state == "object" && typeof C.$state.constructor == "function" && !C.$state.constructor.toString().includes("[native code]") && console.warn(`[🍍]: The "state" must be a plain object. It cannot be
 	state: () => new MyClass()
-Found in store "${C.$id}".`), p && r && t.hydrate && t.hydrate(C.$state, p), u = !0, v = !0, C;
+Found in store "${C.$id}".`), h && r && t.hydrate && t.hydrate(C.$state, h), u = !0, v = !0, C;
 }
 function rt(e, o, t) {
   let n, l;
@@ -2393,14 +2393,14 @@ This will fail in production.`);
     s = we, s._s.has(n) || (r ? Qe(n, o, l, s) : _t(n, l, s), process.env.NODE_ENV !== "production" && (i._pinia = s));
     const v = s._s.get(n);
     if (process.env.NODE_ENV !== "production" && a) {
-      const c = "__hot:" + n, h = r ? Qe(c, o, l, s, !0) : _t(c, J({}, l), s, !0);
-      a._hotUpdate(h), delete s.state.value[c], s._s.delete(c);
+      const c = "__hot:" + n, p = r ? Qe(c, o, l, s, !0) : _t(c, J({}, l), s, !0);
+      a._hotUpdate(p), delete s.state.value[c], s._s.delete(c);
     }
     if (process.env.NODE_ENV !== "production" && Be) {
       const c = $t();
       if (c && c.proxy && // avoid adding stores that are just built for hot module replacement
       !a) {
-        const h = c.proxy, m = "_pStores" in h ? h._pStores : h._pStores = {};
+        const p = c.proxy, m = "_pStores" in p ? p._pStores : p._pStores = {};
         m[n] = v;
       }
     }
@@ -2470,7 +2470,7 @@ function _2(e, o) {
 const x2 = /* @__PURE__ */ ze(b2, [["render", _2]]), y2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.33325%204.66667H3.51125C3.82693%204.6667%204.13239%204.55473%204.37325%204.35067L6.83392%202.26667C6.99592%202.12953%207.19374%202.04156%207.40407%202.01312C7.61441%201.98468%207.82849%202.01696%208.02109%202.10615C8.21369%202.19534%208.37678%202.33772%208.49114%202.51652C8.60551%202.69532%208.66638%202.90309%208.66659%203.11534V12.8847C8.66649%2013.097%208.60565%2013.305%208.49125%2013.4839C8.37685%2013.6628%208.21367%2013.8053%208.02094%2013.8945C7.82822%2013.9837%207.614%2014.0159%207.40356%2013.9874C7.19312%2013.9588%206.99523%2013.8707%206.83325%2013.7333L4.37325%2011.6487C4.13229%2011.4449%203.82685%2011.3331%203.51125%2011.3333H2.33325C2.06804%2011.3333%201.81368%2011.228%201.62615%2011.0404C1.43861%2010.8529%201.33325%2010.5986%201.33325%2010.3333V5.66667C1.33325%205.40145%201.43861%205.1471%201.62615%204.95956C1.81368%204.77203%202.06804%204.66667%202.33325%204.66667ZM11.1779%2011.18C11.5969%2010.763%2011.9294%2010.2674%2012.1562%209.72156C12.3831%209.17572%2012.4999%208.59044%2012.4999%207.99934C12.4999%207.40823%2012.3831%206.82295%2012.1562%206.27711C11.9294%205.73127%2011.5969%205.23564%2011.1779%204.81867C11.1317%204.77098%2011.0765%204.73297%2011.0155%204.70686C10.9544%204.68075%2010.8888%204.66705%2010.8224%204.66657C10.756%204.66609%2010.6902%204.67883%2010.6288%204.70406C10.5674%204.72929%2010.5116%204.76649%2010.4647%204.8135C10.4179%204.86051%2010.3808%204.91639%2010.3558%204.97787C10.3307%205.03935%2010.3181%205.10521%2010.3188%205.17159C10.3195%205.23798%2010.3334%205.30357%2010.3597%205.36453C10.3859%205.42549%2010.4241%205.48061%2010.4719%205.52667C10.7977%205.85079%2011.0562%206.23609%2011.2326%206.66043C11.409%207.08477%2011.4998%207.53979%2011.4998%207.99934C11.4998%208.45888%2011.409%208.9139%2011.2326%209.33824C11.0562%209.76258%2010.7977%2010.1479%2010.4719%2010.472C10.4241%2010.5181%2010.3859%2010.5732%2010.3597%2010.6341C10.3334%2010.6951%2010.3195%2010.7607%2010.3188%2010.8271C10.3181%2010.8935%2010.3307%2010.9593%2010.3558%2011.0208C10.3808%2011.0823%2010.4179%2011.1382%2010.4647%2011.1852C10.5116%2011.2322%2010.5674%2011.2694%2010.6288%2011.2946C10.6902%2011.3198%2010.756%2011.3326%2010.8224%2011.3321C10.8888%2011.3316%2010.9544%2011.3179%2011.0155%2011.2918C11.0765%2011.2657%2011.1317%2011.2277%2011.1779%2011.18ZM12.7113%2013.2127C12.6123%2013.2126%2012.5157%2013.1832%2012.4335%2013.1281C12.3513%2013.0731%2012.2873%2012.9949%2012.2495%2012.9035C12.2118%2012.8121%2012.202%2012.7115%2012.2214%2012.6146C12.2408%2012.5176%2012.2886%2012.4285%2012.3586%2012.3587C12.9317%2011.7866%2013.3865%2011.1071%2013.6967%2010.359C14.0069%209.61101%2014.1666%208.80915%2014.1666%207.99934C14.1666%207.18952%2014.0069%206.38766%2013.6967%205.63963C13.3865%204.8916%2012.9317%204.2121%2012.3586%203.64C12.3122%203.59351%2012.2754%203.53834%2012.2503%203.47764C12.2252%203.41693%2012.2124%203.35188%2012.2124%203.2862C12.2125%203.22052%2012.2255%203.15549%2012.2507%203.09483C12.2759%203.03417%2012.3128%202.97907%2012.3593%202.93267C12.4057%202.88627%2012.4609%202.84948%2012.5216%202.8244C12.5823%202.79932%2012.6474%202.78645%2012.7131%202.78651C12.7787%202.78657%2012.8438%202.79957%2012.9044%202.82476C12.9651%202.84995%2013.0202%202.88685%2013.0666%202.93334C13.7327%203.59825%2014.2612%204.38801%2014.6218%205.25741C14.9824%206.12681%2015.168%207.05879%2015.168%208C15.168%208.94122%2014.9824%209.87319%2014.6218%2010.7426C14.2612%2011.612%2013.7327%2012.4018%2013.0666%2013.0667C13.02%2013.1134%2012.9646%2013.1504%2012.9036%2013.1756C12.8426%2013.2007%2012.7772%2013.2129%2012.7113%2013.2127Z'%20fill='%233B5695'/%3e%3c/svg%3e", w2 = "data:image/svg+xml,%3csvg%20class='swap-on%20fill-current%20h-4%20w-4'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill-rule='evenodd'%20d='M4.5%207.5a3%203%200%200%201%203-3h9a3%203%200%200%201%203%203v9a3%203%200%200%201-3%203h-9a3%203%200%200%201-3-3v-9Z'%20clip-rule='evenodd'%20fill='%238595BE'/%3e%3c/svg%3e";
 function E2(e, { volume: o = 1, playbackRate: t = 1, soundEnabled: n = !0, interrupt: l = !1, autoplay: r = !1, onload: i, ...s } = {}) {
   const a = E(null), u = E(!1), v = E(null), c = E(null);
-  function h() {
+  function p() {
     var L;
     typeof i == "function" && i.call(this), v.value = (v.value || ((L = c.value) == null ? void 0 : L.duration()) || 0) * 1e3, r === !0 && (u.value = !0);
   }
@@ -2480,7 +2480,7 @@ function E2(e, { volume: o = 1, playbackRate: t = 1, soundEnabled: n = !0, inter
       src: T(e),
       volume: T(o),
       rate: T(t),
-      onload: h,
+      onload: p,
       ...s
     });
   }), F(
@@ -2490,7 +2490,7 @@ function E2(e, { volume: o = 1, playbackRate: t = 1, soundEnabled: n = !0, inter
         src: T(e),
         volume: T(o),
         rate: T(t),
-        onload: h,
+        onload: p,
         ...s
       }));
     }
@@ -2662,8 +2662,8 @@ const k2 = /* @__PURE__ */ ze(L2, [["render", M2]]), R2 = "data:image/svg+xml,%3
     src: null,
     target: null
   }), u = He(), v = y(() => u.getLabel(e.value)), c = y(() => u.getLabel(o.value));
-  function h(p) {
-    e.value = p.src, o.value = p.target, t.value = p.phonetic, n.value = p.result, l.value = p.dictionary, r.value = p.definitions, i.value = p.synonyms, s.value = p.examples, a.value = p.tts;
+  function p(h) {
+    e.value = h.src, o.value = h.target, t.value = h.phonetic, n.value = h.result, l.value = h.dictionary, r.value = h.definitions, i.value = h.synonyms, s.value = h.examples, a.value = h.tts;
   }
   function m() {
     e.value = null, o.value = null, t.value = {
@@ -2686,7 +2686,7 @@ const k2 = /* @__PURE__ */ ze(L2, [["render", M2]]), R2 = "data:image/svg+xml,%3
     synonyms: i,
     examples: s,
     tts: a,
-    init: h,
+    init: p,
     reset: m
   };
 });
@@ -2756,8 +2756,8 @@ function X2(e, o, t = {}) {
     (c) => {
       if (s(), i.value && n) {
         r = new ResizeObserver(o);
-        for (const h of c)
-          h && r.observe(h, l);
+        for (const p of c)
+          p && r.observe(p, l);
       }
     },
     { immediate: !0, flush: "post" }
@@ -2799,15 +2799,15 @@ const el = {
   emits: ["change", "clear"],
   setup(e, { emit: o }) {
     const t = me(), n = e, l = E(n.text), r = y(() => t.src), i = y(() => t.srcLabel), s = y(() => {
-      var p;
-      return (p = t.phonetic) == null ? void 0 : p.src;
+      var h;
+      return (h = t.phonetic) == null ? void 0 : h.src;
     }), a = y(() => {
-      var p;
-      return (p = t.tts) == null ? void 0 : p.src;
+      var h;
+      return (h = t.tts) == null ? void 0 : h.src;
     }), { textarea: u } = rn({ input: l, styleProp: "minHeight" }), v = o, c = J2(() => {
       v("change", l.value);
     }, g2.INPUT_DEBOUNCE);
-    function h() {
+    function p() {
       if (!l.value) {
         m();
         return;
@@ -2819,10 +2819,10 @@ const el = {
     }
     return F(
       () => n.text,
-      (p) => {
-        l.value = p;
+      (h) => {
+        l.value = h;
       }
-    ), (p, $) => (w(), O(W, null, [
+    ), (h, $) => (w(), O(W, null, [
       H(sn, {
         src: r.value,
         srcLabel: i.value,
@@ -2838,7 +2838,8 @@ const el = {
         class: "w-full border rounded-b-md border-t-0 outline-none outline-0 px-3 pl-5 bg-white text-gray-800 font-semibold resize-none pb-3",
         autofocus: "",
         rows: "2",
-        onInput: h
+        onInput: p,
+        onFocus: $[1] || ($[1] = (N) => N.target.select())
       }, null, 544), [
         [
           Tt,
@@ -2849,7 +2850,7 @@ const el = {
       ])
     ], 64));
   }
-}, tl = /* @__PURE__ */ ze(el, [["__scopeId", "data-v-ef4399dd"]]), nl = "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='M13.2018%204.409H8.2373L7.46364%202H2.79867C2.35907%202%202%202.3595%202%202.7995V10.937C2%2011.376%202.36008%2011.7355%202.79867%2011.7355H7.79971L8.53636%2014H13.2013C13.6404%2014%2014%2013.6465%2014%2013.214V5.195C14%204.7625%2013.6404%204.409%2013.2018%204.409ZM5.3702%208.749C4.33499%208.749%203.49481%207.909%203.49481%206.874C3.49481%205.839%204.33499%204.999%205.3702%204.999C5.87631%204.999%206.3004%205.1865%206.62646%205.487L6.13136%205.963C5.9244%205.77181%205.65196%205.66729%205.3702%205.671C4.71757%205.671%204.18846%206.211%204.18846%206.8755C4.18846%207.54%204.71757%208.08%205.3697%208.08C6.12336%208.08%206.43492%207.54%206.46493%207.176L5.3707%207.175V6.533H7.12607C7.15107%206.648%207.17108%206.7615%207.17108%206.915C7.17108%207.9885%206.45393%208.7495%205.3697%208.7495L5.3702%208.749ZM13.7504%2013.214C13.7504%2013.509%2013.5044%2013.75%2013.2018%2013.75H8.76341L10.5883%2011.735H10.5908L10.2207%2010.584L10.2237%2010.5815C10.2237%2010.5815%2010.5078%2010.3375%2010.8623%209.9615C11.2184%2010.347%2011.6775%2010.811%2012.2716%2011.364L12.6572%2010.978C12.0211%2010.401%2011.555%209.943%2011.2119%209.5755C11.6715%209.032%2012.1381%208.348%2012.2366%207.722H13.2538V7.723H13.2548V7.253H10.9884V6.493H10.2527V7.253H9.15049L8.31432%204.648L8.31732%204.659H13.2018C13.5044%204.659%2013.7504%204.899%2013.7504%205.195V13.214ZM10.5078%209.5585C10.2397%209.8325%2010.0362%209.995%2010.0362%209.995L10.0322%209.997L9.30202%207.723H11.6845C11.531%208.265%2011.1904%208.777%2010.8588%209.175C10.2707%208.479%2010.2687%208.253%2010.2687%208.253H9.6576C9.6576%208.253%209.6826%208.5925%2010.5078%209.5585Z'%20fill='%237E7E7E'/%3e%3c/svg%3e", an = rt("loader", () => ({ loading: E(!1) })), ol = (e) => (mn("data-v-5a9dbf88"), e = e(), gn(), e), ll = { class: "flex flex-col" }, sl = /* @__PURE__ */ ol(() => /* @__PURE__ */ g("div", { class: "w-full flex align-item-center justify-end" }, [
+}, tl = /* @__PURE__ */ ze(el, [["__scopeId", "data-v-5ce52ee5"]]), nl = "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='M13.2018%204.409H8.2373L7.46364%202H2.79867C2.35907%202%202%202.3595%202%202.7995V10.937C2%2011.376%202.36008%2011.7355%202.79867%2011.7355H7.79971L8.53636%2014H13.2013C13.6404%2014%2014%2013.6465%2014%2013.214V5.195C14%204.7625%2013.6404%204.409%2013.2018%204.409ZM5.3702%208.749C4.33499%208.749%203.49481%207.909%203.49481%206.874C3.49481%205.839%204.33499%204.999%205.3702%204.999C5.87631%204.999%206.3004%205.1865%206.62646%205.487L6.13136%205.963C5.9244%205.77181%205.65196%205.66729%205.3702%205.671C4.71757%205.671%204.18846%206.211%204.18846%206.8755C4.18846%207.54%204.71757%208.08%205.3697%208.08C6.12336%208.08%206.43492%207.54%206.46493%207.176L5.3707%207.175V6.533H7.12607C7.15107%206.648%207.17108%206.7615%207.17108%206.915C7.17108%207.9885%206.45393%208.7495%205.3697%208.7495L5.3702%208.749ZM13.7504%2013.214C13.7504%2013.509%2013.5044%2013.75%2013.2018%2013.75H8.76341L10.5883%2011.735H10.5908L10.2207%2010.584L10.2237%2010.5815C10.2237%2010.5815%2010.5078%2010.3375%2010.8623%209.9615C11.2184%2010.347%2011.6775%2010.811%2012.2716%2011.364L12.6572%2010.978C12.0211%2010.401%2011.555%209.943%2011.2119%209.5755C11.6715%209.032%2012.1381%208.348%2012.2366%207.722H13.2538V7.723H13.2548V7.253H10.9884V6.493H10.2527V7.253H9.15049L8.31432%204.648L8.31732%204.659H13.2018C13.5044%204.659%2013.7504%204.899%2013.7504%205.195V13.214ZM10.5078%209.5585C10.2397%209.8325%2010.0362%209.995%2010.0362%209.995L10.0322%209.997L9.30202%207.723H11.6845C11.531%208.265%2011.1904%208.777%2010.8588%209.175C10.2707%208.479%2010.2687%208.253%2010.2687%208.253H9.6576C9.6576%208.253%209.6826%208.5925%2010.5078%209.5585Z'%20fill='%237E7E7E'/%3e%3c/svg%3e", an = rt("loader", () => ({ loading: E(!1) })), ol = (e) => (mn("data-v-5a9dbf88"), e = e(), gn(), e), ll = { class: "flex flex-col" }, sl = /* @__PURE__ */ ol(() => /* @__PURE__ */ g("div", { class: "w-full flex align-item-center justify-end" }, [
   /* @__PURE__ */ g("span", { class: "text-sm" }, "Powered by Google Translate"),
   /* @__PURE__ */ g("img", {
     src: nl,
@@ -2863,13 +2864,13 @@ const el = {
   },
   setup(e) {
     const o = me(), t = E(!1), n = y(() => o.result), l = y(() => o.target), r = y(() => o.targetLabel), i = y(() => {
-      var h;
-      return (h = o.phonetic) == null ? void 0 : h.target;
+      var p;
+      return (p = o.phonetic) == null ? void 0 : p.target;
     }), s = y(() => {
-      var h;
-      return (h = o.tts) == null ? void 0 : h.target;
+      var p;
+      return (p = o.tts) == null ? void 0 : p.target;
     }), a = e, u = an(), { textarea: v, input: c } = rn({ input: n, styleProp: "minHeight" });
-    return (h, m) => (w(), O(W, null, [
+    return (p, m) => (w(), O(W, null, [
       H(sn, {
         loading: T(u).loading,
         src: l.value,
@@ -2878,13 +2879,13 @@ const el = {
         isFavoriteBtn: a.isFavoriteFeatureEnabled,
         isFavorite: t.value,
         phonetic: i.value,
-        onFavorite: m[0] || (m[0] = (p) => t.value = !t.value)
+        onFavorite: m[0] || (m[0] = (h) => t.value = !t.value)
       }, null, 8, ["loading", "src", "srcLabel", "tts", "isFavoriteBtn", "isFavorite", "phonetic"]),
       g("div", ll, [
         Lt(g("textarea", {
           ref_key: "textarea",
           ref: v,
-          "onUpdate:modelValue": m[1] || (m[1] = (p) => xe(c) ? c.value = p : null),
+          "onUpdate:modelValue": m[1] || (m[1] = (h) => xe(c) ? c.value = h : null),
           class: "w-full border rounded-b-md border-t-0 outline-none outline-0 px-3 pl-5 bg-white text-gray-800 font-semibold resize-none pb-3",
           readonly: "",
           rows: "2",
@@ -2920,8 +2921,7 @@ const el = {
     const t = E(!0), n = me(), l = He(), r = y(() => n.dictionary), i = o, s = () => {
       t.value = !t.value;
     }, a = (u) => {
-      const v = n.src, c = n.target;
-      l.src = c, l.target = v, i("translate", u);
+      i("translate", u, n.target, n.src), l.src = n.target, l.target = n.src;
     };
     return (u, v) => (w(), O("div", ul, [
       g("div", cl, [
@@ -2936,14 +2936,14 @@ const el = {
           class: _e(["overflow-hidden transition-all duration-300 ease-in-out", t.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
         }, [
           g("ul", null, [
-            (w(!0), O(W, null, se(r.value, (c, h) => (w(), O("li", {
-              key: `${c.pos}-${h}`,
+            (w(!0), O(W, null, se(r.value, (c, p) => (w(), O("li", {
+              key: `${c.pos}-${p}`,
               class: "mb-2"
             }, [
               g("h5", vl, ee(c.pos), 1),
               g("ul", pl, [
-                (w(!0), O(W, null, se(c.items, (m, p) => (w(), O("li", {
-                  key: `${m.word}-${p}`
+                (w(!0), O(W, null, se(c.items, (m, h) => (w(), O("li", {
+                  key: `${m.word}-${h}`
                 }, [
                   g("span", {
                     class: "p-3 m-0.5 font-normal badge badge-ghost bg-primaryColor text-white cursor-pointer border-0 rounded-lg",
@@ -3057,16 +3057,16 @@ const el = {
             }, [
               g("h5", Al, ee(v.pos), 1),
               g("ul", Fl, [
-                (w(!0), O(W, null, se(v.items, (h, m) => (w(), O("li", {
-                  key: `${h.word}-${m}`,
+                (w(!0), O(W, null, se(v.items, (p, m) => (w(), O("li", {
+                  key: `${p.word}-${m}`,
                   class: "mb-2"
                 }, [
                   g("div", jl, [
-                    (w(!0), O(W, null, se(h.synonym, (p, $) => (w(), O("span", {
-                      key: `${p}-${$}`,
+                    (w(!0), O(W, null, se(p.synonym, (h, $) => (w(), O("span", {
+                      key: `${h}-${$}`,
                       class: "p-3 m-0.5 ml-0 font-normal badge badge-ghost bg-primaryColor text-white cursor-pointer border-0 rounded-lg",
-                      onClick: (N) => s(p)
-                    }, ee(p), 9, Bl))), 128))
+                      onClick: (N) => s(h)
+                    }, ee(h), 9, Bl))), 128))
                   ])
                 ]))), 128))
               ])
@@ -3104,40 +3104,39 @@ const el = {
   },
   emits: ["opt", "translate", "reader", "settings", "fullscreen"],
   setup(e, { emit: o }) {
-    var h;
-    const t = d2(), n = me(t), l = He(t), r = an(t), i = e, s = o, a = E((h = i.translation) == null ? void 0 : h.text);
+    const t = d2(), n = me(t), l = He(t), r = an(t), i = e, s = o, a = E("");
     F(
       () => i.translation,
-      (m) => {
-        r.loading = !1, n.init(m);
+      (p) => {
+        r.loading = !1, a.value = p.text, n.init(p);
       },
       { immediate: !0 }
-    ), F([() => i.opt, () => i.languages], ([m, p]) => {
-      l.init(m, p);
-    }), F([() => l.src, () => l.target], ([m, p]) => {
-      s("opt", { src: m, target: p }), a.value && c(a.value);
+    ), F([() => i.opt, () => i.languages], ([p, m]) => {
+      l.init(p, m), c(a.value);
+    }), F([() => l.src, () => l.target], ([p, m]) => {
+      s("opt", { src: p, target: m }), a.value && c(a.value);
     }), ve(() => {
       l.init(i.opt, i.languages);
     });
     function u() {
       a.value = "", n.reset();
     }
-    function v(m) {
-      m && c(m);
+    function v(p) {
+      p && c(p);
     }
-    function c(m) {
-      a.value = m, r.loading = !0, s("translate", {
-        src: l.src,
-        target: l.target,
-        text: m
+    function c(p, m = l.src, h = l.target) {
+      a.value = p, r.loading = !0, s("translate", {
+        src: m,
+        target: h,
+        text: p
       });
     }
-    return (m, p) => (w(), O("div", zl, [
+    return (p, m) => (w(), O("div", zl, [
       g("div", Ul, [
         H(Vn, {
-          onReader: p[0] || (p[0] = ($) => s("reader")),
-          onSettings: p[1] || (p[1] = ($) => s("settings")),
-          onFullScreen: p[2] || (p[2] = ($) => s("fullscreen"))
+          onReader: m[0] || (m[0] = (h) => s("reader")),
+          onSettings: m[1] || (m[1] = (h) => s("settings")),
+          onFullScreen: m[2] || (m[2] = (h) => s("fullscreen"))
         })
       ]),
       g("div", Zl, [