@1024pix/epreuves-components 2.2.2 → 2.2.4

package/dist/components/pix-cursor.ce.js.js

@@ -1,7 +1,7 @@
-import { d as B, r as k, J as y, k as m, C as S, c as a, o as i, a as s, l as E, x as d, A as u, F as f, b, N as H, B as g, y as C, M as L, v as F, q as P, _ as D, f as q } from "../_plugin-vue_export-helper-b0PKqEbd.js";
-import { a as G, i as w, b as J } from "../i18n-DwNjk2PP.js";
-import { N as j } from "../NavigationButton.ce-COLdN-XJ.js";
-const R = {}, U = {}, K = {}, Q = {
+import { d as E, r as k, L as y, k as m, E as L, c as a, o as i, a as s, l as S, x as d, A as u, F as f, b, O as B, D as g, y as C, N as H, v as D, q as F, _ as P, f as q } from "../_plugin-vue_export-helper-D7ghZaw4.js";
+import { a as G, i as w, b as R } from "../i18n-DX3ApBSH.js";
+import { N as j } from "../NavigationButton.ce-DF5ScHc4.js";
+const U = {}, J = {}, K = {}, Q = {
   "pix-cursor": { confirm: "Valider", next: "Suivant", previous: "Précédent", selectAnOption: "Sélectionnez une option", youHaveChosen: "Vous avez choisi : { choice }" }
 }, W = {}, X = {}, Y = ["for"], Z = {
   class: "visible-options",
@@ -12,20 +12,20 @@ const R = {}, U = {}, K = {}, Q = {
 }, ce = {
   key: 0,
   class: "confirm"
-}, de = ["innerHTML", "aria-hidden"], ue = /* @__PURE__ */ B({
+}, de = ["innerHTML", "aria-hidden"], ue = /* @__PURE__ */ E({
   __name: "PixCursor.ce",
   props: {
     options: { type: Array }
   },
   setup(n, { expose: M }) {
     const p = n, r = k(Math.floor(p.options.length / 2)), o = k(!1), v = y(), x = y(), N = m(() => r.value === p.options.length - 1), I = m(() => r.value === 0), c = m(() => Number(r.value));
-    function $() {
+    function O() {
       o.value = !0;
     }
-    function z() {
+    function $() {
       o.value || (r.value = Math.max(0, c.value - 1));
     }
-    function O() {
+    function z() {
       o.value || (r.value = Math.min(p.options.length - 1, c.value + 1));
     }
     function _(l) {
@@ -37,10 +37,10 @@ const R = {}, U = {}, K = {}, Q = {
     return M({
       reset: T
     }), (l, h) => {
-      const V = S("i18next");
+      const V = L("i18next");
       return i(), a("form", {
         class: "pix-cursor",
-        onSubmit: P($, ["prevent"])
+        onSubmit: F(O, ["prevent"])
       }, [
         s("div", null, [
           s("label", {
@@ -61,7 +61,7 @@ const R = {}, U = {}, K = {}, Q = {
               label: t.label
             }, u(t.label), 9, te))), 128))
           ], 8, oe),
-          E(s("input", {
+          S(s("input", {
             "onUpdate:modelValue": h[0] || (h[0] = (t) => r.value = t),
             id: d(v),
             type: "range",
@@ -70,11 +70,11 @@ const R = {}, U = {}, K = {}, Q = {
             max: n.options.length - 1,
             disabled: o.value
           }, null, 8, ne), [
-            [H, r.value]
+            [B, r.value]
           ]),
           s("div", ae, [
             g(j, {
-              onClick: z,
+              onClick: $,
               disabled: o.value || I.value,
               label: l.$t("pix-cursor.previous"),
               "aria-controls": d(v),
@@ -94,7 +94,7 @@ const R = {}, U = {}, K = {}, Q = {
                 g(V, {
                   translation: l.$t("pix-cursor.youHaveChosen")
                 }, {
-                  choice: L(() => [
+                  choice: H(() => [
                     s("span", se, u(t.label), 1)
                   ]),
                   _: 2
@@ -102,7 +102,7 @@ const R = {}, U = {}, K = {}, Q = {
               ], 10, re))), 128))
             ]),
             g(j, {
-              onClick: O,
+              onClick: z,
               disabled: o.value || N.value,
               label: l.$t("pix-cursor.next"),
               "aria-controls": d(v),
@@ -114,7 +114,7 @@ const R = {}, U = {}, K = {}, Q = {
           ])
         ]),
         s("div", le, [
-          o.value ? F("", !0) : (i(), a("button", ce, u(l.$t("pix-cursor.confirm")), 1)),
+          o.value ? D("", !0) : (i(), a("button", ce, u(l.$t("pix-cursor.confirm")), 1)),
           (i(!0), a(f, null, b(n.options, (t, e) => (i(), a("p", {
             innerHTML: t.feedback.text,
             key: e,
@@ -128,10 +128,10 @@ const R = {}, U = {}, K = {}, Q = {
       ], 32);
     };
   }
-}), pe = "[data-v-58e704c5]{--pix-neutral-800: #253858;font-family:Nunito,sans-serif;color:var(--pix-neutral-800)}.pix-cursor[data-v-58e704c5]{display:flex;flex-direction:column;justify-content:center;margin:auto;padding:2rem;gap:1rem;overflow:hidden}.pix-cursor p[data-v-58e704c5]{text-align:center;font-size:1.1rem}.pix-cursor .chosen-option[data-v-58e704c5]{font-weight:700}.pix-cursor .visible-options[data-v-58e704c5]{display:flex;justify-content:space-between;margin:0;padding:0}.pix-cursor .visible-options li[data-v-58e704c5]{cursor:pointer;list-style:none}.pix-cursor input[data-v-58e704c5]{width:100%}.pix-cursor .confirm[data-v-58e704c5]{padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1.25rem;letter-spacing:1.1;width:fit-content;margin:auto;border:none;color:#fff;background:#4075ff;grid-row:1;grid-column:1}.pix-cursor .confirm[data-v-58e704c5]:hover{background:#355ac4;transition:background ease .1s}.pix-cursor .navigation-container[data-v-58e704c5]{display:flex;justify-content:center;align-items:center;gap:1rem}.pix-cursor .navigation-container .chosen-text-container[data-v-58e704c5]{display:grid}.pix-cursor .navigation-container .chosen-text-container p[data-v-58e704c5]{grid-row:1;grid-column:1}.pix-cursor .navigation-container .chosen-text-container p.hidden[data-v-58e704c5]{transform:translate(100vw)}.pix-cursor .footer[data-v-58e704c5]{display:grid;grid-template-columns:auto;align-items:center;justify-content:center}.pix-cursor .feedback[data-v-58e704c5]{padding:1rem 1.2rem;border-left:solid 4px;border-radius:8px;grid-column:1;grid-row:1;text-align:start;margin:0}.pix-cursor .feedback.hidden[data-v-58e704c5]{visibility:hidden;transform:translate(100vw)}.pix-cursor .feedback.good[data-v-58e704c5]{background:#e8f5e9;border-left-color:#4caf51}.pix-cursor .feedback.bad[data-v-58e704c5]{background:#ffebee;border-left-color:#f44337}.pix-cursor .feedback.neutral[data-v-58e704c5]{background:#e8f6ff;border-left-color:#464ee0}.pix-cursor .feedback.close[data-v-58e704c5]{background:#fff8e1;border-left-color:#ffc108}", ve = /* @__PURE__ */ D(ue, [["styles", [pe]], ["__scopeId", "data-v-58e704c5"]]);
-G(/* @__PURE__ */ Object.assign({ "./locales/en.json": R, "./locales/es-419.json": U, "./locales/es.json": K, "./locales/fr.json": Q, "./locales/it.json": W, "./locales/nl.json": X })).catch((n) => console.error(n));
+}), pe = "[data-v-58e704c5]{--pix-neutral-800: #253858;font-family:Nunito,sans-serif;color:var(--pix-neutral-800)}.pix-cursor[data-v-58e704c5]{display:flex;flex-direction:column;justify-content:center;margin:auto;padding:2rem;gap:1rem;overflow:hidden}.pix-cursor p[data-v-58e704c5]{text-align:center;font-size:1.1rem}.pix-cursor .chosen-option[data-v-58e704c5]{font-weight:700}.pix-cursor .visible-options[data-v-58e704c5]{display:flex;justify-content:space-between;margin:0;padding:0}.pix-cursor .visible-options li[data-v-58e704c5]{cursor:pointer;list-style:none}.pix-cursor input[data-v-58e704c5]{width:100%}.pix-cursor .confirm[data-v-58e704c5]{padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1.25rem;letter-spacing:1.1;width:fit-content;margin:auto;border:none;color:#fff;background:#4075ff;grid-row:1;grid-column:1}.pix-cursor .confirm[data-v-58e704c5]:hover{background:#355ac4;transition:background ease .1s}.pix-cursor .navigation-container[data-v-58e704c5]{display:flex;justify-content:center;align-items:center;gap:1rem}.pix-cursor .navigation-container .chosen-text-container[data-v-58e704c5]{display:grid}.pix-cursor .navigation-container .chosen-text-container p[data-v-58e704c5]{grid-row:1;grid-column:1}.pix-cursor .navigation-container .chosen-text-container p.hidden[data-v-58e704c5]{transform:translate(100vw)}.pix-cursor .footer[data-v-58e704c5]{display:grid;grid-template-columns:auto;align-items:center;justify-content:center}.pix-cursor .feedback[data-v-58e704c5]{padding:1rem 1.2rem;border-left:solid 4px;border-radius:8px;grid-column:1;grid-row:1;text-align:start;margin:0}.pix-cursor .feedback.hidden[data-v-58e704c5]{visibility:hidden;transform:translate(100vw)}.pix-cursor .feedback.good[data-v-58e704c5]{background:#e8f5e9;border-left-color:#4caf51}.pix-cursor .feedback.bad[data-v-58e704c5]{background:#ffebee;border-left-color:#f44337}.pix-cursor .feedback.neutral[data-v-58e704c5]{background:#e8f6ff;border-left-color:#464ee0}.pix-cursor .feedback.close[data-v-58e704c5]{background:#fff8e1;border-left-color:#ffc108}", ve = /* @__PURE__ */ P(ue, [["styles", [pe]], ["__scopeId", "data-v-58e704c5"]]);
+G(/* @__PURE__ */ Object.assign({ "./locales/en.json": U, "./locales/es-419.json": J, "./locales/es.json": K, "./locales/fr.json": Q, "./locales/it.json": W, "./locales/nl.json": X })).catch((n) => console.error(n));
 window.customElements.define("pix-cursor", q(ve, {
   configureApp(n) {
-    w.changeLanguage(document?.documentElement?.lang || navigator.language), n.use(J, { i18next: w });
+    w.changeLanguage(document?.documentElement?.lang || navigator.language), n.use(R, { i18next: w });
   }
 }));

package/dist/components/qcm-deepfake.ce.js.js

@@ -1,6 +1,6 @@
-import { d as y, k as b, c as i, o, a as s, v, A as c, y as w, _, O as A, P as E, r as x, l as O, D as V, Q as M, L as P, g as G, F as $, b as C, e as Q, x as F, B as k, R as U, M as W, q as H, f as J } from "../_plugin-vue_export-helper-b0PKqEbd.js";
-import { i as a, a as K, b as X } from "../i18n-DwNjk2PP.js";
-import { R as Y } from "../Retry-Df6WpF65.js";
+import { d as y, k as b, c as i, o, a as s, v, A as c, y as w, _, P as A, Q as E, r as x, l as G, G as V, R as O, C as P, g as M, F as $, b as C, e as Q, x as F, D as k, S as U, N as W, q as H, f as J } from "../_plugin-vue_export-helper-D7ghZaw4.js";
+import { i as a, a as K, b as X } from "../i18n-DX3ApBSH.js";
+import { R as Y } from "../Retry-CuUMOAZi.js";
 import { u as Z } from "../normalize-props-AlmAfi_u.js";
 const ee = {}, te = {}, ae = {}, ne = {
   "qcm-deepfake": { options: ["une photo de sa chanteuse préférée", "une chanson de sa chanteuse préférée", "les partitions de la chanson", "une photo de Caroline", "un enregistrement de Caroline qui dit quelques phrases"], iaResultInfo: "Retrouvez ici les résultats du logiciel d'IA générative :", iaResultGenerated: "Résultat généré par le logiciel d'IA générative", in: "Entrée", out: "Sortie", waiting: "Logiciel d'IA générative", selectThreeElements: "Sélectionnez 3 éléments pour générer la vidéo de Caroline :", generateVideo: "Générer la vidéo !", loading: "Chargement…", restart: "Recommencer", element_one: "élément", element_other: "éléments", generateVideoInfo_one: "Plus que {{count}} élément", generateVideoInfo_other: "Plus que {{count}} éléments", restartInfo: "Essayez avec de nouveaux éléments", success: { title: "Bien joué !", description: "C'est bien la vidéo de Caroline. Vous avez utilisé les bons éléments." }, fail: { title: "Pas exactement…", description: "Le résultat ne convient pas. Recommencez en changeant les éléments en entrée." } }
@@ -78,14 +78,14 @@ const ee = {}, te = {}, ae = {}, ne = {
     }), (p, m) => (o(), i("label", {
       class: w({ selected: l.value, disabled: t.value })
     }, [
-      O(s("input", {
+      G(s("input", {
         type: "checkbox",
         name: "options",
         onClick: h,
         "aria-disabled": t.value,
         "onUpdate:modelValue": m[0] || (m[0] = (g) => l.value = g)
       }, null, 8, me), [
-        [M, l.value]
+        [O, l.value]
       ]),
       V(c(e.option), 1)
     ], 2));
@@ -104,7 +104,7 @@ const ee = {}, te = {}, ae = {}, ne = {
       V(" " + c(e.label), 1)
     ], 2));
   }
-}), _e = ".epreuve-button{--pix-neutral-0: #fff;--pix-neutral-800: #253858;--pix-neutral-900: #122647;--pix-secondary-500: #ffcb33;--pix-secondary-700: #a16206}.epreuve-button.primary{--background-color: var(--pix-neutral-800);--background-color-hover: var(--pix-neutral-900);--color: var(--pix-neutral-0);--color-hover: var(--pix-neutral-0)}.epreuve-button.warning{--background-color: var(--pix-secondary-500);--background-color-hover: var(--pix-secondary-700);--color: var(--pix-neutral-900);--color-hover: var(--pix-neutral-0)}.epreuve-button.primary,.epreuve-button.warning{align-items:center;background-color:var(--background-color);border:2px solid transparent;border-radius:8px;color:var(--color);cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:1rem;font-weight:700;justify-content:center;gap:8px;line-height:24px;margin:0 auto;outline:none;padding:8px 24px;transition:background-color ease .5s,color ease .5s;width:fit-content;white-space:nowrap}:is(.epreuve-button.primary,.epreuve-button.warning)[aria-disabled=true]{cursor:not-allowed;opacity:.5}:is(.epreuve-button.primary,.epreuve-button.warning):not([aria-disabled=true]):hover{background-color:var(--background-color-hover);color:var(--color-hover);transition:background-color ease .5s,color ease .5s}:is(.epreuve-button.primary,.epreuve-button.warning):not([aria-disabled=true]):hover svg{color:var(--color-hover);transition:color ease .5s}:is(.epreuve-button.primary,.epreuve-button.warning):focus,:is(.epreuve-button.primary,.epreuve-button.warning):focus-visible{background-color:var(--background-color-hover);color:var(--color-hover);outline:1px solid var(--pix-neutral-0);outline-offset:-5px}", ke = /* @__PURE__ */ _(ye, [["styles", [_e]]]), xe = { class: "container" }, we = { class: "left-side" }, qe = ["aria-level"], Ie = { class: "left-side__description" }, Se = { class: "left-side__action" }, $e = {
+}), _e = ".epreuve-button{--pix-neutral-0: #fff;--pix-neutral-800: #253858;--pix-neutral-900: #122647;--pix-secondary-500: #ffcb33;--pix-secondary-700: #a16206}.epreuve-button.primary{--background-color: var(--pix-neutral-800);--background-color-hover: var(--pix-neutral-900);--color: var(--pix-neutral-0);--color-hover: var(--pix-neutral-0)}.epreuve-button.warning{--background-color: var(--pix-secondary-500);--background-color-hover: var(--pix-secondary-700);--color: var(--pix-neutral-900);--color-hover: var(--pix-neutral-0)}.epreuve-button.primary,.epreuve-button.warning{align-items:center;background-color:var(--background-color);border:2px solid transparent;border-radius:8px;color:var(--color);cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:1rem;font-weight:700;justify-content:center;gap:8px;line-height:24px;margin:0 auto;outline:none;padding:8px 24px;transition:background-color ease .5s,color ease .5s;width:fit-content;white-space:nowrap}:is(.epreuve-button.primary,.epreuve-button.warning)[aria-disabled=true]{cursor:not-allowed;opacity:.5}:is(.epreuve-button.primary,.epreuve-button.warning):not([aria-disabled=true]):hover{background-color:var(--background-color-hover);color:var(--color-hover);transition:background-color ease .5s,color ease .5s}:is(.epreuve-button.primary,.epreuve-button.warning):not([aria-disabled=true]):hover svg{color:var(--color-hover);transition:color ease .5s}:is(.epreuve-button.primary,.epreuve-button.warning):focus,:is(.epreuve-button.primary,.epreuve-button.warning):focus-visible{background-color:var(--background-color-hover);color:var(--color-hover);outline:1px solid var(--pix-neutral-0);outline-offset:-5px}", ke = /* @__PURE__ */ _(ye, [["styles", [_e]]]), xe = { class: "container" }, we = { class: "left-side" }, Se = ["aria-level"], qe = { class: "left-side__description" }, Ie = { class: "left-side__action" }, $e = {
   key: 0,
   id: "optionsSelectedInfo",
   class: "left-side__lower-legend",
@@ -123,7 +123,7 @@ const ee = {}, te = {}, ae = {}, ne = {
     searchDelay: { default: 3e3, type: Number }
   },
   setup(e, { expose: u }) {
-    const n = x([]), l = [2, 4, 5], t = x("info"), h = G("optionsNode"), p = a.t("qcm-deepfake.options", { returnObjects: !0 }), m = ["👩‍🎤", "🎧", "🎶", "👩", "🎙️"], g = p.map((d, r) => `${m[r]} ${d}`), D = g.filter((d, r) => l.includes(r + 1)), B = [
+    const n = x([]), l = [2, 4, 5], t = x("info"), h = M("optionsNode"), p = a.t("qcm-deepfake.options", { returnObjects: !0 }), m = ["👩‍🎤", "🎧", "🎶", "👩", "🎙️"], g = p.map((d, r) => `${m[r]} ${d}`), D = g.filter((d, r) => l.includes(r + 1)), T = [
       {
         type: "info",
         image: e.infoImage
@@ -146,11 +146,11 @@ const ee = {}, te = {}, ae = {}, ne = {
         type: "search",
         image: e.searchImage
       }
-    ], q = b(() => n.value.length !== 3 || t.value === "search"), L = b(() => t.value === "search" ? a.t("qcm-deepfake.loading") : t.value === "info" ? a.t("qcm-deepfake.generateVideo") : a.t("qcm-deepfake.restart")), T = b(() => t.value === "info" ? a.t("qcm-deepfake.generateVideoInfo", { count: l.length - n.value.length }) : t.value === "fail" ? a.t("qcm-deepfake.restartInfo") : "");
-    function z() {
-      return q.value ? !1 : t.value === "info" ? R() : I();
+    ], S = b(() => n.value.length !== 3 || t.value === "search"), z = b(() => t.value === "search" ? a.t("qcm-deepfake.loading") : t.value === "info" ? a.t("qcm-deepfake.generateVideo") : a.t("qcm-deepfake.restart")), B = b(() => t.value === "info" ? a.t("qcm-deepfake.generateVideoInfo", { count: l.length - n.value.length }) : t.value === "fail" ? a.t("qcm-deepfake.restartInfo") : "");
+    function L() {
+      return S.value ? !1 : t.value === "info" ? R() : q();
     }
-    function I() {
+    function q() {
       h.value.forEach((d) => {
         d.isChecked = !1;
       }), n.value = [], t.value = "info";
@@ -160,34 +160,34 @@ const ee = {}, te = {}, ae = {}, ne = {
       t.value = "search", await new Promise((r) => setTimeout(r, e.searchDelay)), d ? t.value = "success" : t.value = "fail";
     }
     return u({
-      reset: I
+      reset: q
     }), (d, r) => (o(), i("div", xe, [
       s("form", we, [
         s("div", {
           class: "left-side__subtitle",
           role: "heading",
           "aria-level": e.titleLevel
-        }, c(d.$t("qcm-deepfake.in")), 9, qe),
+        }, c(d.$t("qcm-deepfake.in")), 9, Se),
         s("fieldset", null, [
-          s("legend", Ie, c(d.$t("qcm-deepfake.selectThreeElements")), 1),
-          (o(!0), i($, null, C(F(g), (f, S) => (o(), Q(he, {
+          s("legend", qe, c(d.$t("qcm-deepfake.selectThreeElements")), 1),
+          (o(!0), i($, null, C(F(g), (f, I) => (o(), Q(he, {
             ref_for: !0,
             ref_key: "optionsNode",
             ref: h,
             modelValue: n.value,
             "onUpdate:modelValue": r[0] || (r[0] = (j) => n.value = j),
-            key: S,
+            key: I,
             class: "left-side__options",
             option: f,
-            value: S + 1,
+            value: I + 1,
             readonly: t.value !== "info"
           }, null, 8, ["modelValue", "option", "value", "readonly"]))), 128))
         ]),
-        s("div", Se, [
+        s("div", Ie, [
           k(ke, {
-            onClick: H(z, ["prevent"]),
-            "aria-disabled": q.value,
-            label: L.value,
+            onClick: H(L, ["prevent"]),
+            "aria-disabled": S.value,
+            label: z.value,
             state: t.value === "info" ? "primary" : "warning",
             "aria-describedby": ["success", "search"].includes(t.value) ? void 0 : "optionsSelectedInfo"
           }, U({ _: 2 }, [
@@ -199,11 +199,11 @@ const ee = {}, te = {}, ae = {}, ne = {
               key: "0"
             } : void 0
           ]), 1032, ["aria-disabled", "label", "state", "aria-describedby"]),
-          ["success", "search"].includes(t.value) ? v("", !0) : (o(), i("p", $e, c(T.value), 1))
+          ["success", "search"].includes(t.value) ? v("", !0) : (o(), i("p", $e, c(B.value), 1))
         ])
       ]),
       s("div", Ce, [
-        (o(), i($, null, C(B, (f) => k(pe, {
+        (o(), i($, null, C(T, (f) => k(pe, {
           key: f,
           "title-level": e.titleLevel,
           type: f.type,
@@ -216,9 +216,9 @@ const ee = {}, te = {}, ae = {}, ne = {
       ])
     ]));
   }
-}), Ne = "legend,label,p,div[role=heading]{font-family:Nunito,Roboto,sans-serif;color:#253858}", De = ".container[data-v-66f8d52f]{display:flex;gap:.8rem}.title[data-v-66f8d52f]{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:16px}.left-side[data-v-66f8d52f]{min-width:60%;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;border-radius:10px}.left-side__lower-legend[data-v-66f8d52f]{font-size:.875rem;color:#5e6c84}.left-side__subtitle[data-v-66f8d52f]{font-size:1.25rem;font-weight:700;text-align:center}.left-side__options[data-v-66f8d52f]{display:flex;border:solid 1px #5e6c84;padding:.6rem;border-radius:5px;gap:.5rem}.left-side__description[data-v-66f8d52f]{font-weight:700}.left-side__button[data-v-66f8d52f]{display:flex;gap:.5rem;align-items:center;border:none;padding:.6rem 1.5rem;background:#ffcb33;color:#000;border-radius:25px;font-weight:700;cursor:pointer}.left-side__button.generate[data-v-66f8d52f]{background:#613fdd;color:#fff}.left-side__button[aria-disabled=true][data-v-66f8d52f]{cursor:not-allowed;background:#d3d3d3}.left-side__action[data-v-66f8d52f]{display:flex;flex-direction:column;align-items:center;text-align:center}.right-side[data-v-66f8d52f]{display:grid;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;text-align:center;border-radius:10px}fieldset[data-v-66f8d52f]{border:none;display:flex;flex-direction:column;gap:.8rem}@media(max-width:770px){.container[data-v-66f8d52f]{flex-wrap:wrap}.left-side[data-v-66f8d52f],.right-side[data-v-66f8d52f]{width:100%}}", Be = /* @__PURE__ */ _(Ve, [["styles", [Ne, De]], ["__scopeId", "data-v-66f8d52f"]]);
+}), Ne = "legend,label,p,div[role=heading]{font-family:Nunito,Roboto,sans-serif;color:#253858}", De = ".container[data-v-66f8d52f]{display:flex;gap:.8rem}.title[data-v-66f8d52f]{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:16px}.left-side[data-v-66f8d52f]{min-width:60%;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;border-radius:10px}.left-side__lower-legend[data-v-66f8d52f]{font-size:.875rem;color:#5e6c84}.left-side__subtitle[data-v-66f8d52f]{font-size:1.25rem;font-weight:700;text-align:center}.left-side__options[data-v-66f8d52f]{display:flex;border:solid 1px #5e6c84;padding:.6rem;border-radius:5px;gap:.5rem}.left-side__description[data-v-66f8d52f]{font-weight:700}.left-side__button[data-v-66f8d52f]{display:flex;gap:.5rem;align-items:center;border:none;padding:.6rem 1.5rem;background:#ffcb33;color:#000;border-radius:25px;font-weight:700;cursor:pointer}.left-side__button.generate[data-v-66f8d52f]{background:#613fdd;color:#fff}.left-side__button[aria-disabled=true][data-v-66f8d52f]{cursor:not-allowed;background:#d3d3d3}.left-side__action[data-v-66f8d52f]{display:flex;flex-direction:column;align-items:center;text-align:center}.right-side[data-v-66f8d52f]{display:grid;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;text-align:center;border-radius:10px}fieldset[data-v-66f8d52f]{border:none;display:flex;flex-direction:column;gap:.8rem}@media(max-width:770px){.container[data-v-66f8d52f]{flex-wrap:wrap}.left-side[data-v-66f8d52f],.right-side[data-v-66f8d52f]{width:100%}}", Te = /* @__PURE__ */ _(Ve, [["styles", [Ne, De]], ["__scopeId", "data-v-66f8d52f"]]);
 K(/* @__PURE__ */ Object.assign({ "./locales/en.json": ee, "./locales/es-419.json": te, "./locales/es.json": ae, "./locales/fr.json": ne, "./locales/it.json": oe, "./locales/nl.json": ie })).catch((e) => console.error(e));
-const N = J(Be, {
+const N = J(Te, {
   configureApp(e) {
     a.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(X, { i18next: a });
   }

package/dist/{i18n-DwNjk2PP.js → i18n-DX3ApBSH.js}

@@ -1,15 +1,15 @@
-import { s as Le, n as we, d as ve, i as Re } from "./_plugin-vue_export-helper-b0PKqEbd.js";
+import { s as we, n as ve, d as Re, i as Ce } from "./_plugin-vue_export-helper-D7ghZaw4.js";
 const d = (o) => typeof o == "string", V = () => {
   let o, e;
   const t = new Promise((i, s) => {
     o = i, e = s;
   });
   return t.resolve = o, t.reject = e, t;
-}, se = (o) => o == null ? "" : "" + o, Ce = (o, e, t) => {
+}, se = (o) => o == null ? "" : "" + o, Pe = (o, e, t) => {
   o.forEach((i) => {
     e[i] && (t[i] = e[i]);
   });
-}, Pe = /###/g, ie = (o) => o && o.indexOf("###") > -1 ? o.replace(Pe, ".") : o, ne = (o) => !o || d(o), A = (o, e, t) => {
+}, $e = /###/g, ie = (o) => o && o.indexOf("###") > -1 ? o.replace($e, ".") : o, ne = (o) => !o || d(o), A = (o, e, t) => {
   const i = d(e) ? e.split(".") : e;
   let s = 0;
   for (; s < i.length - 1; ) {
@@ -34,7 +34,7 @@ const d = (o) => typeof o == "string", V = () => {
   for (; a.obj === void 0 && r.length; )
     n = `${r[r.length - 1]}.${n}`, r = r.slice(0, r.length - 1), a = A(o, r, Object), a?.obj && typeof a.obj[`${a.k}.${n}`] < "u" && (a.obj = void 0);
   a.obj[`${a.k}.${n}`] = t;
-}, $e = (o, e, t, i) => {
+}, Ne = (o, e, t, i) => {
   const {
     obj: s,
     k: n
@@ -47,15 +47,15 @@ const d = (o) => typeof o == "string", V = () => {
   } = A(o, e);
   if (t && Object.prototype.hasOwnProperty.call(t, i))
     return t[i];
-}, Ne = (o, e, t) => {
+}, ke = (o, e, t) => {
   const i = B(o, t);
   return i !== void 0 ? i : B(e, t);
-}, me = (o, e, t) => {
+}, xe = (o, e, t) => {
   for (const i in e)
-    i !== "__proto__" && i !== "constructor" && (i in o ? d(o[i]) || o[i] instanceof String || d(e[i]) || e[i] instanceof String ? t && (o[i] = e[i]) : me(o[i], e[i], t) : o[i] = e[i]);
+    i !== "__proto__" && i !== "constructor" && (i in o ? d(o[i]) || o[i] instanceof String || d(e[i]) || e[i] instanceof String ? t && (o[i] = e[i]) : xe(o[i], e[i], t) : o[i] = e[i]);
   return o;
 }, T = (o) => o.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
-var ke = {
+var Ee = {
   "&": "&amp;",
   "<": "&lt;",
   ">": "&gt;",
@@ -63,8 +63,8 @@ var ke = {
   "'": "&#39;",
   "/": "&#x2F;"
 };
-const Ee = (o) => d(o) ? o.replace(/[&<>"'\/]/g, (e) => ke[e]) : o;
-class Fe {
+const Fe = (o) => d(o) ? o.replace(/[&<>"'\/]/g, (e) => Ee[e]) : o;
+class je {
   constructor(e) {
     this.capacity = e, this.regExpMap = /* @__PURE__ */ new Map(), this.regExpQueue = [];
   }
@@ -76,11 +76,11 @@ class Fe {
     return this.regExpQueue.length === this.capacity && this.regExpMap.delete(this.regExpQueue.shift()), this.regExpMap.set(e, i), this.regExpQueue.push(e), i;
   }
 }
-const je = [" ", ",", "?", "!", ";"], Ie = new Fe(20), Te = (o, e, t) => {
+const Ie = [" ", ",", "?", "!", ";"], Te = new je(20), De = (o, e, t) => {
   e = e || "", t = t || "";
-  const i = je.filter((r) => e.indexOf(r) < 0 && t.indexOf(r) < 0);
+  const i = Ie.filter((r) => e.indexOf(r) < 0 && t.indexOf(r) < 0);
   if (i.length === 0) return !0;
-  const s = Ie.getRegExp(`(${i.map((r) => r === "?" ? "\\?" : r).join("|")})`);
+  const s = Te.getRegExp(`(${i.map((r) => r === "?" ? "\\?" : r).join("|")})`);
   let n = !s.test(o);
   if (!n) {
     const r = o.indexOf(t);
@@ -107,7 +107,7 @@ const je = [" ", ",", "?", "!", ";"], Ie = new Fe(20), Te = (o, e, t) => {
     s = r;
   }
   return s;
-}, M = (o) => o?.replace("_", "-"), De = {
+}, M = (o) => o?.replace("_", "-"), Ke = {
   type: "logger",
   log(o) {
     this.output("log", o);
@@ -127,7 +127,7 @@ class J {
     this.init(e, t);
   }
   init(e, t = {}) {
-    this.prefix = t.prefix || "i18next:", this.logger = e || De, this.options = t, this.debug = t.debug;
+    this.prefix = t.prefix || "i18next:", this.logger = e || Ke, this.options = t, this.debug = t.debug;
   }
   log(...e) {
     return this.forward(e, "log", "", !0);
@@ -229,7 +229,7 @@ class ae extends W {
     let a = [e, t];
     e.indexOf(".") > -1 && (a = e.split("."), s = i, i = t, t = a[1]), this.addNamespaces(t);
     let l = B(this.data, a) || {};
-    r.skipCopy || (i = JSON.parse(JSON.stringify(i))), s ? me(l, i, n) : l = {
+    r.skipCopy || (i = JSON.parse(JSON.stringify(i))), s ? xe(l, i, n) : l = {
       ...l,
       ...i
     }, re(this.data, a, l), r.silent || this.emit("added", e, t, i);
@@ -254,7 +254,7 @@ class ae extends W {
     return this.data;
   }
 }
-var xe = {
+var ye = {
   processors: {},
   addPostProcessor(o) {
     this.processors[o.name] = o;
@@ -265,22 +265,22 @@ var xe = {
     }), e;
   }
 };
-const ye = Symbol("i18next/PATH_KEY");
-function Ke() {
+const Se = Symbol("i18next/PATH_KEY");
+function Ve() {
   const o = [], e = /* @__PURE__ */ Object.create(null);
   let t;
-  return e.get = (i, s) => (t?.revoke?.(), s === ye ? o : (o.push(s), t = Proxy.revocable(i, e), t.proxy)), Proxy.revocable(/* @__PURE__ */ Object.create(null), e).proxy;
+  return e.get = (i, s) => (t?.revoke?.(), s === Se ? o : (o.push(s), t = Proxy.revocable(i, e), t.proxy)), Proxy.revocable(/* @__PURE__ */ Object.create(null), e).proxy;
 }
 function Z(o, e) {
   const {
-    [ye]: t
-  } = o(Ke());
+    [Se]: t
+  } = o(Ve());
   return t.join(e?.keySeparator ?? ".");
 }
 const oe = {}, Y = (o) => !d(o) && typeof o != "boolean" && typeof o != "number";
 class _ extends W {
   constructor(e, t = {}) {
-    super(), Ce(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = P.create("translator");
+    super(), Pe(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = P.create("translator");
   }
   changeLanguage(e) {
     e && (this.language = e);
@@ -302,7 +302,7 @@ class _ extends W {
     i === void 0 && (i = ":");
     const s = t.keySeparator !== void 0 ? t.keySeparator : this.options.keySeparator;
     let n = t.ns || this.options.defaultNS || [];
-    const r = i && e.indexOf(i) > -1, a = !this.options.userDefinedKeySeparator && !t.keySeparator && !this.options.userDefinedNsSeparator && !t.nsSeparator && !Te(e, i, s);
+    const r = i && e.indexOf(i) > -1, a = !this.options.userDefinedKeySeparator && !t.keySeparator && !this.options.userDefinedNsSeparator && !t.nsSeparator && !De(e, i, s);
     if (r && !a) {
       const l = e.match(this.interpolator.nestingRegexp);
       if (l && l.length > 0)
@@ -359,8 +359,8 @@ class _ extends W {
     }) : "", X = O && !s.ordinal && s.count === 0, k = X && s[`defaultValue${this.options.pluralSeparator}zero`] || s[`defaultValue${j}`] || s[`defaultValue${I}`] || s.defaultValue;
     let v = c;
     E && !c && N && (v = k);
-    const be = Y(v), Oe = Object.prototype.toString.apply(v);
-    if (E && v && be && L.indexOf(Oe) < 0 && !(d(y) && Array.isArray(v))) {
+    const Oe = Y(v), Le = Object.prototype.toString.apply(v);
+    if (E && v && Oe && L.indexOf(Le) < 0 && !(d(y) && Array.isArray(v))) {
       if (!s.returnObjects && !this.options.returnObjects) {
         this.options.returnedObjectHandler || this.logger.warn("accessing an object - but returnObjects options is not enabled!");
         const R = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(x, v, {
@@ -455,7 +455,7 @@ class _ extends W {
       !i.lng && s && s.res && (i.lng = this.language || s.usedLng), i.nest !== !1 && (e = this.interpolator.nest(e, (...f) => n?.[0] === f[0] && !i.context ? (this.logger.warn(`It seems you are nesting recursively key: ${f[0]} in key: ${t[0]}`), null) : this.translate(...f, t), i)), i.interpolation && this.interpolator.reset();
     }
     const r = i.postProcess || this.options.postProcess, a = d(r) ? [r] : r;
-    return e != null && a?.length && i.applyPostProcessor !== !1 && (e = xe.handle(a, e, t, this.options && this.options.postProcessPassResolved ? {
+    return e != null && a?.length && i.applyPostProcessor !== !1 && (e = ye.handle(a, e, t, this.options && this.options.postProcessPassResolved ? {
       i18nResolved: {
         ...s,
         usedParams: this.getUsedParamsDetails(i)
@@ -607,7 +607,7 @@ const ue = {
     pluralCategories: ["one", "other"]
   })
 };
-class Ve {
+class Ae {
   constructor(e, t = {}) {
     this.languageUtils = e, this.options = t, this.logger = P.create("pluralResolver"), this.pluralRulesCache = {};
   }
@@ -655,10 +655,10 @@ class Ve {
   }
 }
 const he = (o, e, t, i = ".", s = !0) => {
-  let n = Ne(o, e, t);
+  let n = ke(o, e, t);
   return !n && s && d(t) && (n = G(o, t, i), n === void 0 && (n = G(e, t, i))), n;
 }, Q = (o) => o.replace(/\$/g, "$$$$");
-class Ae {
+class ce {
   constructor(e = {}) {
     this.logger = P.create("interpolator"), this.options = e, this.format = e?.interpolation?.format || ((t) => t), this.init(e);
   }
@@ -685,7 +685,7 @@ class Ae {
       maxReplaces: L,
       alwaysFormat: y
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : Ee, this.escapeValue = i !== void 0 ? i : !0, this.useRawValueToEscape = s !== void 0 ? s : !1, this.prefix = n ? T(n) : r || "{{", this.suffix = a ? T(a) : l || "}}", this.formatSeparator = u || ",", this.unescapePrefix = h ? "" : f || "-", this.unescapeSuffix = this.unescapePrefix ? "" : h || "", this.nestingPrefix = p ? T(p) : g || T("$t("), this.nestingSuffix = c ? T(c) : x || T(")"), this.nestingOptionsSeparator = S || ",", this.maxReplaces = L || 1e3, this.alwaysFormat = y !== void 0 ? y : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : Fe, this.escapeValue = i !== void 0 ? i : !0, this.useRawValueToEscape = s !== void 0 ? s : !1, this.prefix = n ? T(n) : r || "{{", this.suffix = a ? T(a) : l || "}}", this.formatSeparator = u || ",", this.unescapePrefix = h ? "" : f || "-", this.unescapeSuffix = this.unescapePrefix ? "" : h || "", this.nestingPrefix = p ? T(p) : g || T("$t("), this.nestingSuffix = c ? T(c) : x || T(")"), this.nestingOptionsSeparator = S || ",", this.maxReplaces = L || 1e3, this.alwaysFormat = y !== void 0 ? y : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -794,7 +794,7 @@ const Ue = (o) => {
     formatName: e,
     formatOptions: t
   };
-}, ce = (o) => {
+}, de = (o) => {
   const e = {};
   return (t, i, s) => {
     let n = s;
@@ -815,7 +815,7 @@ class He {
     interpolation: {}
   }) {
     this.formatSeparator = t.interpolation.formatSeparator || ",";
-    const i = t.cacheInBuiltFormats ? ce : Me;
+    const i = t.cacheInBuiltFormats ? de : Me;
     this.formats = {
       number: i((s, n) => {
         const r = new Intl.NumberFormat(s, {
@@ -854,7 +854,7 @@ class He {
     this.formats[e.toLowerCase().trim()] = t;
   }
   addCached(e, t) {
-    this.formats[e.toLowerCase().trim()] = ce(t);
+    this.formats[e.toLowerCase().trim()] = de(t);
   }
   format(e, t, i, s = {}) {
     const n = t.split(this.formatSeparator);
@@ -921,7 +921,7 @@ class Be extends W {
     }), this.state[e] = t ? -1 : 2, t && i && (this.state[e] = 0);
     const a = {};
     this.queue.forEach((l) => {
-      $e(l.loaded, [n], r), ze(l, e), t && l.errors.push(t), l.pendingCount === 0 && !l.done && (Object.keys(l.loaded).forEach((u) => {
+      Ne(l.loaded, [n], r), ze(l, e), t && l.errors.push(t), l.pendingCount === 0 && !l.done && (Object.keys(l.loaded).forEach((u) => {
         a[u] || (a[u] = {});
         const h = l.loaded[u];
         h.length && h.forEach((f) => {
@@ -1019,7 +1019,7 @@ class Be extends W {
     }
   }
 }
-const de = () => ({
+const ge = () => ({
   debug: !1,
   initAsync: !0,
   ns: ["translation"],
@@ -1076,7 +1076,7 @@ const de = () => ({
     skipOnVariables: !0
   },
   cacheInBuiltFormats: !0
-}), ge = (o) => (d(o.ns) && (o.ns = [o.ns]), d(o.fallbackLng) && (o.fallbackLng = [o.fallbackLng]), d(o.fallbackNS) && (o.fallbackNS = [o.fallbackNS]), o.supportedLngs?.indexOf?.("cimode") < 0 && (o.supportedLngs = o.supportedLngs.concat(["cimode"])), typeof o.initImmediate == "boolean" && (o.initAsync = o.initImmediate), o), z = () => {
+}), pe = (o) => (d(o.ns) && (o.ns = [o.ns]), d(o.fallbackLng) && (o.fallbackLng = [o.fallbackLng]), d(o.fallbackNS) && (o.fallbackNS = [o.fallbackNS]), o.supportedLngs?.indexOf?.("cimode") < 0 && (o.supportedLngs = o.supportedLngs.concat(["cimode"])), typeof o.initImmediate == "boolean" && (o.initAsync = o.initImmediate), o), z = () => {
 }, Je = (o) => {
   Object.getOwnPropertyNames(Object.getPrototypeOf(o)).forEach((t) => {
     typeof o[t] == "function" && (o[t] = o[t].bind(o));
@@ -1084,7 +1084,7 @@ const de = () => ({
 };
 class U extends W {
   constructor(e = {}, t) {
-    if (super(), this.options = ge(e), this.services = {}, this.logger = P, this.modules = {
+    if (super(), this.options = pe(e), this.services = {}, this.logger = P, this.modules = {
       external: []
     }, Je(this), t && !this.isInitialized && !e.isClone) {
       if (!this.options.initAsync)
@@ -1096,11 +1096,11 @@ class U extends W {
   }
   init(e = {}, t) {
     this.isInitializing = !0, typeof e == "function" && (t = e, e = {}), e.defaultNS == null && e.ns && (d(e.ns) ? e.defaultNS = e.ns : e.ns.indexOf("translation") < 0 && (e.defaultNS = e.ns[0]));
-    const i = de();
+    const i = ge();
     this.options = {
       ...i,
       ...this.options,
-      ...ge(e)
+      ...pe(e)
     }, this.options.interpolation = {
       ...i.interpolation,
       ...this.options.interpolation
@@ -1113,10 +1113,10 @@ class U extends W {
       const h = new le(this.options);
       this.store = new ae(this.options.resources, this.options);
       const f = this.services;
-      f.logger = P, f.resourceStore = this.store, f.languageUtils = h, f.pluralResolver = new Ve(h, {
+      f.logger = P, f.resourceStore = this.store, f.languageUtils = h, f.pluralResolver = new Ae(h, {
         prepend: this.options.pluralSeparator,
         simplifyPluralSuffix: this.options.simplifyPluralSuffix
-      }), this.options.interpolation.format && this.options.interpolation.format !== i.interpolation.format && this.logger.deprecate("init: you are still using the legacy format function, please use the new approach: https://www.i18next.com/translation-function/formatting"), u && (!this.options.interpolation.format || this.options.interpolation.format === i.interpolation.format) && (f.formatter = s(u), f.formatter.init && f.formatter.init(f, this.options), this.options.interpolation.format = f.formatter.format.bind(f.formatter)), f.interpolator = new Ae(this.options), f.utils = {
+      }), this.options.interpolation.format && this.options.interpolation.format !== i.interpolation.format && this.logger.deprecate("init: you are still using the legacy format function, please use the new approach: https://www.i18next.com/translation-function/formatting"), u && (!this.options.interpolation.format || this.options.interpolation.format === i.interpolation.format) && (f.formatter = s(u), f.formatter.init && f.formatter.init(f, this.options), this.options.interpolation.format = f.formatter.format.bind(f.formatter)), f.interpolator = new ce(this.options), f.utils = {
         hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
       }, f.backendConnector = new Be(s(this.modules.backend), f.resourceStore, f, this.options), f.backendConnector.on("*", (g, ...c) => {
         this.emit(g, ...c);
@@ -1170,7 +1170,7 @@ class U extends W {
   use(e) {
     if (!e) throw new Error("You are passing an undefined module! Please check the object you are passing to i18next.use()");
     if (!e.type) throw new Error("You are passing a wrong module! Please check the object you are passing to i18next.use()");
-    return e.type === "backend" && (this.modules.backend = e), (e.type === "logger" || e.log && e.warn && e.error) && (this.modules.logger = e), e.type === "languageDetector" && (this.modules.languageDetector = e), e.type === "i18nFormat" && (this.modules.i18nFormat = e), e.type === "postProcessor" && xe.addPostProcessor(e), e.type === "formatter" && (this.modules.formatter = e), e.type === "3rdParty" && this.modules.external.push(e), this;
+    return e.type === "backend" && (this.modules.backend = e), (e.type === "logger" || e.log && e.warn && e.error) && (this.modules.logger = e), e.type === "languageDetector" && (this.modules.languageDetector = e), e.type === "i18nFormat" && (this.modules.i18nFormat = e), e.type === "postProcessor" && ye.addPostProcessor(e), e.type === "formatter" && (this.modules.formatter = e), e.type === "3rdParty" && this.modules.external.push(e), this;
   }
   setResolvedLanguage(e) {
     if (!(!e || !this.languages) && !(["cimode", "dev"].indexOf(e) > -1)) {
@@ -1271,7 +1271,7 @@ class U extends W {
       }
     } catch {
     }
-    const t = ["ar", "shu", "sqr", "ssh", "xaa", "yhd", "yud", "aao", "abh", "abv", "acm", "acq", "acw", "acx", "acy", "adf", "ads", "aeb", "aec", "afb", "ajp", "apc", "apd", "arb", "arq", "ars", "ary", "arz", "auz", "avl", "ayh", "ayl", "ayn", "ayp", "bbz", "pga", "he", "iw", "ps", "pbt", "pbu", "pst", "prp", "prd", "ug", "ur", "ydd", "yds", "yih", "ji", "yi", "hbo", "men", "xmn", "fa", "jpr", "peo", "pes", "prs", "dv", "sam", "ckb"], i = this.services?.languageUtils || new le(de());
+    const t = ["ar", "shu", "sqr", "ssh", "xaa", "yhd", "yud", "aao", "abh", "abv", "acm", "acq", "acw", "acx", "acy", "adf", "ads", "aeb", "aec", "afb", "ajp", "apc", "apd", "arb", "arq", "ars", "ary", "arz", "auz", "avl", "ayh", "ayl", "ayn", "ayp", "bbz", "pga", "he", "iw", "ps", "pbt", "pbu", "pst", "prp", "prd", "ug", "ur", "ydd", "yds", "yih", "ji", "yi", "hbo", "men", "xmn", "fa", "jpr", "peo", "pes", "prs", "dv", "sam", "ckb"], i = this.services?.languageUtils || new le(ge());
     return e.toLowerCase().indexOf("-latn") > 1 ? "ltr" : t.indexOf(i.getLanguagePartFromCode(e)) > -1 || e.toLowerCase().indexOf("-arab") > 1 ? "rtl" : "ltr";
   }
   static createInstance(e = {}, t) {
@@ -1300,7 +1300,7 @@ class U extends W {
       }, h), l[u]), l), {});
       n.store = new ae(a, s), n.services.resourceStore = n.store;
     }
-    return n.translator = new _(n.services, s), n.translator.on("*", (a, ...l) => {
+    return e.interpolation && (n.services.interpolator = new ce(s)), n.translator = new _(n.services, s), n.translator.on("*", (a, ...l) => {
       n.emit(a, ...l);
     }), n.init(s, t), n.translator.options = s, n.translator.backendConnector.services.utils = {
       hasLoadedNamespace: n.hasLoadedNamespace.bind(n)
@@ -1331,14 +1331,14 @@ m.setDefaultNamespace;
 m.hasLoadedNamespace;
 m.loadNamespaces;
 m.loadLanguages;
-var Se = Symbol();
+var be = Symbol();
 function qe(o, {
   i18next: e,
   rerenderOn: t = ["languageChanged", "loaded", "added", "removed"],
   slotStart: i = "{",
   slotEnd: s = "}"
 }) {
-  const n = Le(/* @__PURE__ */ new Date()), r = () => we(() => {
+  const n = we(/* @__PURE__ */ new Date()), r = () => ve(() => {
     n.value = /* @__PURE__ */ new Date();
   }), a = () => n.value;
   t.forEach((h) => {
@@ -1354,7 +1354,7 @@ function qe(o, {
     }
   }), o.component("i18next", Ye);
   const l = () => e.isInitialized;
-  o.config.globalProperties.$t = pe(
+  o.config.globalProperties.$t = me(
     e.t.bind(e),
     a,
     l
@@ -1364,15 +1364,15 @@ function qe(o, {
       return a(), Reflect.get(h, f);
     }
   });
-  o.config.globalProperties.$i18next = u, o.provide(Se, {
+  o.config.globalProperties.$i18next = u, o.provide(be, {
     i18next: u,
     slotPattern: We(i, s),
     withAccessRecording(h, f) {
-      return pe(h, a, f);
+      return me(h, a, f);
     }
   });
 }
-function pe(o, e, t) {
+function me(o, e, t) {
   return new Proxy(o, {
     apply: function(i, s, n) {
       return e(), t() ? Reflect.apply(i, s, n) : "";
@@ -1380,7 +1380,7 @@ function pe(o, e, t) {
   });
 }
 function _e() {
-  const o = Re(Se);
+  const o = Ce(be);
   if (!o)
     throw new Error(
       "i18next-vue: Make sure to register the i18next-vue plugin using app.use(...)."
@@ -1391,7 +1391,7 @@ function We(o, e) {
   const t = `${o}\\s*([a-z0-9\\-]+)\\s*${e}`;
   return new RegExp(t, "gi");
 }
-var Ye = ve({
+var Ye = Re({
   props: {
     translation: {
       type: String,