@1024pix/epreuves-components 4.2.0 → 4.3.0

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

@@ -1,13 +1,13 @@
-import { b as y, o, c as i, a as s, x as d, l as v, t as w, g as b, _, U as R, H as A, P as O, E as V, V as P, r as x, q as G, h as M, F as $, e as C, f as F, v as Q, C as k, W as U, D as W, y as H, d as J } from "../_plugin-vue_export-helper-B-lVMTio.js";
-import { i as a, a as K, b as X } from "../i18n-CsT7k7zW.js";
-import { R as Y } from "../Retry-C7C78Wpj.js";
+import { b as y, o, c as i, a as s, x as c, l as v, t as w, g as b, _, U as R, H as A, P as O, B as V, V as P, r as x, q as G, h as M, F as $, e as C, f as F, v as Q, D as k, W as U, E as W, y as H, d as J } from "../_plugin-vue_export-helper-Dz58mCLm.js";
+import { i as a, a as K, b as X } from "../i18n-H4HokXDX.js";
+import { R as Y } from "../Retry-C3g7zhz8.js";
 import { b as Z } from "../normalize-props-DH0oPBss.js";
 const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
   "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." } }
-}, re = {}, se = {}, le = ["aria-hidden"], ce = ["aria-level"], de = ["src"], ue = {
+}, re = {}, se = {}, le = ["aria-hidden"], de = ["aria-level"], ce = ["src"], ue = {
   key: 1,
   class: "description"
-}, fe = ["src"], ge = ["aria-level"], pe = /* @__PURE__ */ y({
+}, pe = ["src"], ge = ["aria-level"], fe = /* @__PURE__ */ y({
   __name: "NarrativeAnswer.ce",
   props: {
     messageTitle: { type: String },
@@ -28,18 +28,18 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
         class: "subtitle",
         role: "heading",
         "aria-level": e.titleLevel
-      }, d(n.value), 9, ce),
+      }, c(n.value), 9, de),
       e.type === "search" ? (o(), i("img", {
         key: 0,
         src: e.image,
         alt: ""
-      }, null, 8, de)) : v("", !0),
-      e.type === "success" || e.type === "fail" ? (o(), i("p", ue, d(e.title), 1)) : v("", !0),
+      }, null, 8, ce)) : v("", !0),
+      e.type === "success" || e.type === "fail" ? (o(), i("p", ue, c(e.title), 1)) : v("", !0),
       e.type !== "search" ? (o(), i("img", {
         key: 2,
         src: e.image,
         alt: ""
-      }, null, 8, fe)) : v("", !0),
+      }, null, 8, pe)) : v("", !0),
       e.messageTitle ? (o(), i("div", {
         key: 3,
         class: w(["answer-block", e.stateAnswer])
@@ -48,12 +48,12 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
           class: "answer-block__title",
           role: "heading",
           "aria-level": e.titleLevel + 1
-        }, d(e.messageTitle), 9, ge),
-        s("p", null, d(e.messageDescription), 1)
+        }, c(e.messageTitle), 9, ge),
+        s("p", null, c(e.messageDescription), 1)
       ], 2)) : v("", !0)
     ], 8, le));
   }
-}), me = ".right-container[data-v-2a82aa38]{grid-row:1/1;grid-column:1/1}.right-container[aria-hidden=true][data-v-2a82aa38]{visibility:hidden}img[data-v-2a82aa38]{margin-block:.5rem}.subtitle[data-v-2a82aa38]{font-size:1.25rem;font-weight:700;text-align:center}.description[data-v-2a82aa38]{font-weight:700;margin-top:0;margin-bottom:0}img[data-v-2a82aa38]{width:200px;height:auto}.answer-block[data-v-2a82aa38]{background:#e8e8e8;margin-inline:1rem;padding:.5rem;border-radius:10px}.answer-block p[data-v-2a82aa38]{margin-bottom:0}.answer-block.success[data-v-2a82aa38]{background:#e8f3ef}.answer-block.fail[data-v-2a82aa38]{border-radius:16px;background:#fbecec}", ve = /* @__PURE__ */ _(pe, [["styles", [me]], ["__scopeId", "data-v-2a82aa38"]]), be = ["aria-disabled"], he = /* @__PURE__ */ y({
+}), me = ".right-container[data-v-2a82aa38]{grid-row:1/1;grid-column:1/1}.right-container[aria-hidden=true][data-v-2a82aa38]{visibility:hidden}img[data-v-2a82aa38]{margin-block:.5rem}.subtitle[data-v-2a82aa38]{font-size:1.25rem;font-weight:700;text-align:center}.description[data-v-2a82aa38]{font-weight:700;margin-top:0;margin-bottom:0}img[data-v-2a82aa38]{width:200px;height:auto}.answer-block[data-v-2a82aa38]{background:#e8e8e8;margin-inline:1rem;padding:.5rem;border-radius:10px}.answer-block p[data-v-2a82aa38]{margin-bottom:0}.answer-block.success[data-v-2a82aa38]{background:#e8f3ef}.answer-block.fail[data-v-2a82aa38]{border-radius:16px;background:#fbecec}", ve = /* @__PURE__ */ _(fe, [["styles", [me]], ["__scopeId", "data-v-2a82aa38"]]), be = ["aria-disabled"], he = /* @__PURE__ */ y({
   __name: "Option.ce",
   props: /* @__PURE__ */ P({
     option: { type: String },
@@ -66,16 +66,16 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
   emits: ["update:modelValue"],
   setup(e, { expose: u }) {
     const n = R(e, "modelValue"), l = x(!1), t = b(() => n.value.length === 3 && !l.value || e.readonly);
-    function h(p) {
+    function h(f) {
       if (t.value) {
-        p.preventDefault();
+        f.preventDefault();
         return;
       }
-      p.target.checked ? n.value.push(e.option) : n.value = n.value.filter((g) => g !== e.option);
+      f.target.checked ? n.value.push(e.option) : n.value = n.value.filter((g) => g !== e.option);
     }
     return u({
       isChecked: l
-    }), (p, m) => (o(), i("label", {
+    }), (f, m) => (o(), i("label", {
       class: w({ selected: l.value, disabled: t.value })
     }, [
       A(s("input", {
@@ -87,7 +87,7 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
       }, null, 8, be), [
         [O, l.value]
       ]),
-      V(d(e.option), 1)
+      V(c(e.option), 1)
     ], 2));
   }
 }), ye = ".selected[data-v-a067b43a]{background:#f7f5ff}.disabled[data-v-a067b43a]{cursor:not-allowed;background:#efefef}.disabled.selected[data-v-a067b43a]{background:#d6d5dd}", _e = /* @__PURE__ */ _(he, [["styles", [ye]], ["__scopeId", "data-v-a067b43a"]]), ke = /* @__PURE__ */ y({
@@ -101,10 +101,10 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
       class: w(["epreuve-button", e.state])
     }, [
       G(u.$slots, "icon"),
-      V(" " + d(e.label), 1)
+      V(" " + c(e.label), 1)
     ], 2));
   }
-}), xe = ".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}", we = /* @__PURE__ */ _(ke, [["styles", [xe]]]), qe = { class: "container" }, Ie = { class: "left-side" }, Se = ["aria-level"], $e = { class: "left-side__description" }, Ce = { class: "left-side__action" }, Ve = {
+}), xe = ".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}", we = /* @__PURE__ */ _(ke, [["styles", [xe]]]), qe = { class: "container" }, Ie = { class: "left-side" }, Se = ["aria-level"], $e = { class: "sr-only" }, Ce = { class: "left-side__action" }, Ve = {
   key: 0,
   id: "optionsSelectedInfo",
   class: "left-side__lower-legend",
@@ -112,7 +112,7 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
 }, Ne = {
   class: "right-side",
   "aria-live": "polite"
-}, De = /* @__PURE__ */ y({
+}, Be = /* @__PURE__ */ y({
   __name: "QcmDeepfake.ce",
   props: {
     titleLevel: { default: 2, type: Number },
@@ -123,7 +123,7 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
     searchDelay: { default: 3e3, type: Number }
   },
   setup(e, { expose: u }) {
-    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((c, r) => `${m[r]} ${c}`), D = g.filter((c, r) => l.includes(r + 1)), T = [
+    const n = x([]), l = [2, 4, 5], t = x("info"), h = M("optionsNode"), f = a.t("qcm-deepfake.options", { returnObjects: !0 }), m = ["👩‍🎤", "🎧", "🎶", "👩", "🎙️"], g = f.map((d, r) => `${m[r]} ${d}`), B = g.filter((d, r) => l.includes(r + 1)), D = [
       {
         type: "info",
         image: e.infoImage
@@ -146,31 +146,31 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
         type: "search",
         image: e.searchImage
       }
-    ], q = b(() => n.value.length !== 3 || t.value === "search"), B = b(() => t.value === "search" ? a.t("qcm-deepfake.loading") : t.value === "info" ? a.t("qcm-deepfake.generateVideo") : a.t("qcm-deepfake.restart")), j = b(() => t.value === "info" ? a.t("qcm-deepfake.generateVideoInfo", { count: l.length - n.value.length }) : t.value === "fail" ? a.t("qcm-deepfake.restartInfo") : "");
+    ], q = b(() => n.value.length !== 3 || t.value === "search"), T = b(() => t.value === "search" ? a.t("qcm-deepfake.loading") : t.value === "info" ? a.t("qcm-deepfake.generateVideo") : a.t("qcm-deepfake.restart")), j = 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" ? L() : I();
     }
     function I() {
-      h.value.forEach((c) => {
-        c.isChecked = !1;
+      h.value.forEach((d) => {
+        d.isChecked = !1;
       }), n.value = [], t.value = "info";
     }
     async function L() {
-      const c = n.value.every((r) => D.includes(r.trim()));
-      t.value = "search", await new Promise((r) => setTimeout(r, e.searchDelay)), c ? t.value = "success" : t.value = "fail";
+      const d = n.value.every((r) => B.includes(r.trim()));
+      t.value = "search", await new Promise((r) => setTimeout(r, e.searchDelay)), d ? t.value = "success" : t.value = "fail";
     }
     return u({
       reset: I
-    }), (c, r) => (o(), i("div", qe, [
+    }), (d, r) => (o(), i("div", qe, [
       s("form", Ie, [
         s("div", {
           class: "left-side__subtitle",
           role: "heading",
           "aria-level": e.titleLevel
-        }, d(c.$t("qcm-deepfake.in")), 9, Se),
+        }, c(d.$t("qcm-deepfake.in")), 9, Se),
         s("fieldset", null, [
-          s("legend", $e, d(c.$t("qcm-deepfake.selectThreeElements")), 1),
-          (o(!0), i($, null, C(Q(g), (f, S) => (o(), F(_e, {
+          s("legend", $e, c(d.$t("qcm-deepfake.selectThreeElements")), 1),
+          (o(!0), i($, null, C(Q(g), (p, S) => (o(), F(_e, {
             ref_for: !0,
             ref_key: "optionsNode",
             ref: h,
@@ -178,7 +178,7 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
             "onUpdate:modelValue": r[0] || (r[0] = (E) => n.value = E),
             key: S,
             class: "left-side__options",
-            option: f,
+            option: p,
             value: S + 1,
             readonly: t.value !== "info"
           }, null, 8, ["modelValue", "option", "value", "readonly"]))), 128))
@@ -187,7 +187,7 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
           k(we, {
             onClick: H(z, ["prevent"]),
             "aria-disabled": q.value,
-            label: B.value,
+            label: T.value,
             state: t.value === "info" ? "primary" : "warning",
             "aria-describedby": ["success", "search"].includes(t.value) ? void 0 : "optionsSelectedInfo"
           }, U({ _: 2 }, [
@@ -199,24 +199,24 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
               key: "0"
             } : void 0
           ]), 1032, ["aria-disabled", "label", "state", "aria-describedby"]),
-          ["success", "search"].includes(t.value) ? v("", !0) : (o(), i("p", Ve, d(j.value), 1))
+          ["success", "search"].includes(t.value) ? v("", !0) : (o(), i("p", Ve, c(j.value), 1))
         ])
       ]),
       s("div", Ne, [
-        (o(), i($, null, C(T, (f) => k(ve, {
-          key: f,
+        (o(), i($, null, C(D, (p) => k(ve, {
+          key: p.type,
           "title-level": e.titleLevel,
-          type: f.type,
-          image: f.image,
-          title: f.title,
-          "message-title": f.messageTitle,
-          "message-description": f.messageDescription,
+          type: p.type,
+          image: p.image,
+          title: p.title,
+          "message-title": p.messageTitle,
+          "message-description": p.messageDescription,
           "state-answer": t.value
         }, null, 8, ["title-level", "type", "image", "title", "message-title", "message-description", "state-answer"])), 64))
       ])
     ]));
   }
-}), Te = "legend,label,p,div[role=heading]{font-family:Nunito,Roboto,sans-serif;color:#253858}", Be = ".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%}}", je = /* @__PURE__ */ _(De, [["styles", [Te, Be]], ["__scopeId", "data-v-66f8d52f"]]);
+}), De = "legend,label,p,div[role=heading]{font-family:Nunito,Roboto,sans-serif;color:#253858}", Te = ".container[data-v-da7e2b08]{display:flex;gap:.8rem}.title[data-v-da7e2b08]{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:16px}.left-side[data-v-da7e2b08]{min-width:60%;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;border-radius:10px}.left-side__lower-legend[data-v-da7e2b08]{font-size:.875rem;color:#5e6c84}.left-side__subtitle[data-v-da7e2b08]{font-size:1.25rem;font-weight:700;text-align:center}.left-side__options[data-v-da7e2b08]{display:flex;border:solid 1px #5e6c84;padding:.6rem;border-radius:5px;gap:.5rem}.left-side__button[data-v-da7e2b08]{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-da7e2b08]{background:#613fdd;color:#fff}.left-side__button[aria-disabled=true][data-v-da7e2b08]{cursor:not-allowed;background:#d3d3d3}.left-side__action[data-v-da7e2b08]{display:flex;flex-direction:column;align-items:center;text-align:center}.right-side[data-v-da7e2b08]{display:grid;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;text-align:center;border-radius:10px}fieldset[data-v-da7e2b08]{border:none;display:flex;flex-direction:column;gap:.8rem}.sr-only[data-v-da7e2b08]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}@media(max-width:770px){.container[data-v-da7e2b08]{flex-wrap:wrap}.left-side[data-v-da7e2b08],.right-side[data-v-da7e2b08]{width:100%}}", je = /* @__PURE__ */ _(Be, [["styles", [De, Te]], ["__scopeId", "data-v-da7e2b08"]]);
 K(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": ee, "./locales/en.json": te, "./locales/es-419.json": ae, "./locales/es.json": ne, "./locales/fr-BE.json": oe, "./locales/fr.json": ie, "./locales/it.json": re, "./locales/nl.json": se })).catch((e) => console.error(e));
 const N = J(je, {
   configureApp(e) {

package/dist/components/quiz-stepper.ce.js.js

@@ -1,12 +1,13 @@
-import { b as q, o as r, c as m, t as B, a as l, x as u, l as g, _ as A, h as V, C as b, f as h, D as k, E as G, y as Q, r as v, g as p, d as R } from "../_plugin-vue_export-helper-B-lVMTio.js";
-import { u as D, a as O, i as z, b as P } from "../i18n-CsT7k7zW.js";
-import { _ as I, a as M, F as H } from "../Cross.ce.vue_vue_type_script_setup_true_lang-l4hAa4eW.js";
-import { S as J } from "../Stepper.ce-Dttf3Dsf.js";
+import { b as q, o as r, c as m, t as B, a as l, x as u, l as g, _ as A, h as V, D as b, f as h, E as k, B as G, y as Q, r as v, g as p, d as R } from "../_plugin-vue_export-helper-Dz58mCLm.js";
+import { u as D, a as O, i as z, b as P } from "../i18n-H4HokXDX.js";
+import { F as I } from "../Feedback.ce-CnZRBGWf.js";
+import { _ as M, a as H } from "../Cross.ce.vue_vue_type_script_setup_true_lang-DVLRq2sO.js";
+import { S as J } from "../Stepper.ce-DEMN02yr.js";
 import { a as f, b as K } from "../normalize-props-DH0oPBss.js";
-import { l as U } from "../index-BaI3Qosp.js";
+import { l as U } from "../index-BUPiE5WR.js";
 const W = {}, X = {}, Y = {}, Z = {}, ee = {}, te = {
   "quiz-stepper": { submitButton: "Valider", nextStepButton: "Continuer", feedback: { success: "Bien joué", failed: "Pas tout à fait" } }
-}, ne = {}, se = {}, ie = ["id", "aria-disabled", "checked"], oe = ["for"], ae = {
+}, ne = {}, se = {}, oe = ["id", "aria-disabled", "checked"], ie = ["for"], ae = {
   key: 0,
   class: "answer__subtitle"
 }, le = { class: "answer__content" }, ce = /* @__PURE__ */ q({
@@ -23,7 +24,7 @@ const W = {}, X = {}, Y = {}, Z = {}, ee = {}, te = {
     function t() {
       s("select-answer", e.choice);
     }
-    return (n, o) => (r(), m("div", {
+    return (n, i) => (r(), m("div", {
       class: B(["answer", { "is-selected": e.isSelected, "is-disabled": e.showFeedback }])
     }, [
       l("input", {
@@ -34,11 +35,11 @@ const W = {}, X = {}, Y = {}, Z = {}, ee = {}, te = {
         checked: e.isSelected,
         onChange: t,
         class: "sr-only"
-      }, null, 40, ie),
+      }, null, 40, oe),
       l("label", { for: e.id }, [
         e.choice.title ? (r(), m("span", ae, u(e.choice.title), 1)) : g("", !0),
         l("span", le, u(e.choice.content), 1)
-      ], 8, oe)
+      ], 8, ie)
     ], 2));
   }
 }), re = ".answer{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:.25em;border-radius:8px;border:1px solid #cdd1d9;background:#fff;color:var(--neutral-900);text-align:left;font-size:.875em}.answer label{cursor:pointer;height:100%;padding:1em}.answer.is-selected{border-radius:8px;border:1px solid #fff;background:var(--neutral-800);color:#fff}.answer__subtitle{font-size:1em;font-weight:700;line-height:24px;display:block}.answer__content{text-wrap-mode:wrap;white-space-collapse:preserve}.answer .is-disabled{cursor:not-allowed}.answer:focus-within{outline:2px solid black}", S = /* @__PURE__ */ A(ce, [["styles", [re]]]), ue = { class: "quiz-stepper-container__layout" }, de = ["aria-level"], pe = { class: "card-wrapper" }, fe = ["aria-disable"], me = /* @__PURE__ */ q({
@@ -48,22 +49,22 @@ const W = {}, X = {}, Y = {}, Z = {}, ee = {}, te = {
     titleLevel: { default: 2, type: Number }
   },
   setup(e, { expose: c }) {
-    const s = v(0), t = v(), n = v(!1), o = V("form"), { t: _ } = D(), a = p(() => e.steps?.[s.value]), w = p(() => !n.value), $ = p(() => {
-      const i = s.value === e.steps.length - 1;
-      return i ? i && !n.value : !0;
+    const s = v(0), t = v(), n = v(!1), i = V("form"), { t: _ } = D(), a = p(() => e.steps?.[s.value]), w = p(() => !n.value), $ = p(() => {
+      const o = s.value === e.steps.length - 1;
+      return o ? o && !n.value : !0;
     }), C = p(() => w.value ? _("quiz-stepper.submitButton") : _("quiz-stepper.nextStepButton"));
-    function x(i) {
-      n.value || (t.value = i);
+    function x(o) {
+      n.value || (t.value = o);
     }
     function F() {
       if (s.value + 1 > e.steps.length) {
         s.value = e.steps.length;
         return;
       }
-      s.value++, n.value = !1, t.value = void 0, o.value?.focus();
+      s.value++, n.value = !1, t.value = void 0, i.value?.focus();
     }
     function N() {
-      t.value && (n.value = !0, s.value + 1 === e.steps.length && o.value?.focus());
+      t.value && (n.value = !0, s.value + 1 === e.steps.length && i.value?.focus());
     }
     function T() {
       if (w.value) {
@@ -72,19 +73,19 @@ const W = {}, X = {}, Y = {}, Z = {}, ee = {}, te = {
       }
       F();
     }
-    function y(i) {
-      return i.content ? i.content === t.value?.content : i.title === t.value?.title;
+    function y(o) {
+      return o.content ? o.content === t.value?.content : o.title === t.value?.title;
     }
     function E() {
       s.value = 0, t.value = void 0, n.value = !1;
     }
     return c({
       reset: E
-    }), (i, d) => (r(), m("form", {
+    }), (o, d) => (r(), m("form", {
       class: "quiz-stepper-container",
       onSubmit: Q(T, ["prevent"]),
       ref_key: "form",
-      ref: o,
+      ref: i,
       tabindex: "-1"
     }, [
       l("div", ue, [
@@ -117,15 +118,15 @@ const W = {}, X = {}, Y = {}, Z = {}, ee = {}, te = {
             }, null, 8, ["choice", "show-feedback", "is-selected"])
           ])
         ]),
-        n.value ? (r(), h(H, {
+        n.value ? (r(), h(I, {
           key: 0,
-          title: t.value?.isGoodAnswer ? i.$t("quiz-stepper.feedback.success") : i.$t("quiz-stepper.feedback.failed")
+          title: t.value?.isGoodAnswer ? o.$t("quiz-stepper.feedback.success") : o.$t("quiz-stepper.feedback.failed")
         }, {
           icon: k(() => [
-            t.value?.isGoodAnswer ? (r(), h(I, {
+            t.value?.isGoodAnswer ? (r(), h(M, {
               key: 0,
               class: "icon-size"
-            })) : (r(), h(M, {
+            })) : (r(), h(H, {
               key: 1,
               class: "icon-size"
             }))
@@ -155,19 +156,19 @@ const j = R(he, {
 j.prototype.normalizeProps = (e) => {
   let { steps: c, titleLevel: s } = e;
   return c = c.map((t) => {
-    let { choice1: n, choice2: o } = t;
+    let { choice1: n, choice2: i } = t;
     return n = {
       ...t.choice1,
       title: f(n.title),
       content: f(n.content)
-    }, o = {
+    }, i = {
       ...t.choice2,
-      title: f(o.title),
-      content: f(o.content)
+      title: f(i.title),
+      content: f(i.content)
     }, {
       ...t,
       choice1: n,
-      choice2: o
+      choice2: i
     };
   }), {
     steps: c,

package/dist/components/select-conversation.ce.js.js

@@ -1,8 +1,8 @@
-import { b as w, r as g, o as n, c as i, a as e, x as a, v as l, t as z, E as k, F as p, e as M, l as T, g as u, _ as D, d as C } from "../_plugin-vue_export-helper-B-lVMTio.js";
-import { a as j, i as _, b as L } from "../i18n-CsT7k7zW.js";
+import { b as w, r as g, o as n, c as i, a as e, x as a, v as l, t as z, B as k, F as p, e as M, l as T, g as u, _ as D, d as C } from "../_plugin-vue_export-helper-Dz58mCLm.js";
+import { a as j, i as _, b as L } from "../i18n-H4HokXDX.js";
 import { b as S } from "../normalize-props-DH0oPBss.js";
-import { t as f, a as F, q as $ } from "../temporal.utils-DgmGPVba.js";
-const B = {}, E = {}, I = {}, N = {}, q = {}, A = {
+import { t as f, a as F, q as B } from "../temporal.utils-DgmGPVba.js";
+const $ = {}, I = {}, N = {}, E = {}, q = {}, A = {
   "select-conversation": { "select-response-title": "Sélectionnez le message que {{username}} devrait envoyer :", "message-date": "{{messageDay, relativetime(numeric: auto)}} · {{messageTime, datetime(timeStyle: short)}}", "incoming-message-sr": "Message de {{username}} reçu {{messageDay, relativetime(numeric: auto)}} à {{messageTime, datetime(timeStyle: short)}}", "outgoing-message-sr": "Message envoyé par {{username}} {{messageDay, relativetime(numeric: auto)}} à {{messageTime, datetime(timeStyle: short)}}", "good-idea": "Bonne idée", "bad-idea": "Mauvaise idée" }
 }, R = {}, O = {}, V = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%3e%3c!--!Font%20Awesome%20Free%20v7.1.0%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20Copyright%202025%20Fonticons,%20Inc.--%3e%3cpath%20d='M434.8%2070.1c14.3%2010.4%2017.5%2030.4%207.1%2044.7l-256%20352c-5.5%207.6-14%2012.3-23.4%2013.1s-18.5-2.7-25.1-9.3l-128-128c-12.5-12.5-12.5-32.8%200-45.3s32.8-12.5%2045.3%200l101.5%20101.5%20234-321.7c10.4-14.3%2030.4-17.5%2044.7-7.1z'/%3e%3c/svg%3e", H = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3c!--!Font%20Awesome%20Free%20v7.1.0%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20Copyright%202025%20Fonticons,%20Inc.--%3e%3cpath%20d='M256%2048a208%20208%200%201%201%200%20416%20208%20208%200%201%201%200-416zm0%20464a256%20256%200%201%200%200-512%20256%20256%200%201%200%200%20512zM167%20167c-9.4%209.4-9.4%2024.6%200%2033.9l55%2055-55%2055c-9.4%209.4-9.4%2024.6%200%2033.9s24.6%209.4%2033.9%200l55-55%2055%2055c9.4%209.4%2024.6%209.4%2033.9%200s9.4-24.6%200-33.9l-55-55%2055-55c9.4-9.4%209.4-24.6%200-33.9s-24.6-9.4-33.9%200l-55%2055-55-55c-9.4-9.4-24.6-9.4-33.9%200z'/%3e%3c/svg%3e", G = { class: "messages" }, P = { class: "message" }, X = {
   class: "message__username",
@@ -25,7 +25,7 @@ const B = {}, E = {}, I = {}, N = {}, q = {}, A = {
     responseChoices: { type: Array }
   },
   setup(s, { expose: v }) {
-    const d = g(s.responseChoices.map((t) => ({ ...t, selected: !1 }))), o = g(), c = u(() => F(s.incomingMessage.time)), m = u(() => c.value.day - $.Now.plainDateTimeISO().day);
+    const d = g(s.responseChoices.map((t) => ({ ...t, selected: !1 }))), o = g(), c = u(() => F(s.incomingMessage.time)), m = u(() => c.value.day - B.Now.plainDateTimeISO().day);
     function b(t) {
       t.selected || (t.selected = !0, o.value = t);
     }
@@ -91,7 +91,7 @@ const B = {}, E = {}, I = {}, N = {}, q = {}, A = {
     ], 64));
   }
 }), me = "html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}.messages,.response-select{--primary-font-size: .875rem;--secondary-font-size: .75rem}*{font-family:Roboto,sans-serif;color:#122647;line-height:normal}.messages{display:flex;flex-direction:column;gap:8px;padding:16px}.message{display:flex;flex-direction:column;align-items:start;gap:8px;margin-left:0;margin-right:16px}.message__username,.message__date{color:#5e6c84;font-size:var(--secondary-font-size);font-weight:400}.message__content{padding:16px 8px;border-radius:8px;background:#e8e8e8;font-size:var(--primary-font-size);font-weight:400}.message--hidden{visibility:hidden}.message--outgoing{align-self:end;align-items:end;margin-left:16px;margin-right:0}.message--outgoing .message__content-container{display:flex;flex-direction:column}.message--outgoing .message__content-title{color:#fff;font-size:var(--secondary-font-size);font-weight:700;border-radius:8px 8px 0 0;background:#452d9d;padding:4px 8px;align-self:start;display:flex;gap:4px;align-items:center}.message--outgoing .message__content-title>img{filter:invert(100%);max-height:16px;max-width:16px}.message--outgoing .message__content{border-top-left-radius:0;background:#cec3f4}.response-select{border-radius:16px;border:1px solid #cdd1d9;background-color:#fff;display:flex;padding:24px 16px;flex-direction:column;gap:16px;margin-top:25px}.response-select__choices{display:flex;gap:8px}.response-select__choice{border-style:none;border-radius:8px;background-color:#253858;padding:8px 16px;color:#fff;text-align:center;font-size:var(--primary-font-size);font-weight:400;line-height:18px;flex:1;cursor:pointer}.response-select__choice[aria-disabled=true]{background-color:#f4f5f7;color:#5e6c84;cursor:not-allowed}.response-select__feedback{border-radius:8px;background:#eaf1ff;padding:8px;color:#122647;font-size:var(--secondary-font-size);font-weight:400;line-height:20px}.title{font-family:Nunito,Roboto,sans-serif;font-size:var(--primary-font-size);font-weight:700}@media(max-width:640px){.messages,.response-select{--primary-font-size: .75rem;--secondary-font-size: .688rem}.response-select__choices{flex-direction:column}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}", ge = /* @__PURE__ */ D(de, [["styles", [me]]]);
-j(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": B, "./locales/en.json": E, "./locales/es-419.json": I, "./locales/es.json": N, "./locales/fr-BE.json": q, "./locales/fr.json": A, "./locales/it.json": R, "./locales/nl.json": O })).catch((s) => console.error(s));
+j(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": $, "./locales/en.json": I, "./locales/es-419.json": N, "./locales/es.json": E, "./locales/fr-BE.json": q, "./locales/fr.json": A, "./locales/it.json": R, "./locales/nl.json": O })).catch((s) => console.error(s));
 const h = C(ge, {
   configureApp(s) {
     _.changeLanguage(document?.documentElement?.lang || navigator.language), s.use(L, { i18next: _ });

package/dist/components/template-mail.ce.js.js

@@ -1,8 +1,8 @@
 import { _ as r, a as m, b as _, c as p, d as c, e as u, f as d, g } from "../nl-euPrf5s3.js";
 import { u as v, a as b, b as f } from "../normalize-props-DH0oPBss.js";
-import { b as j, o as M, f as x, g as s, d as y } from "../_plugin-vue_export-helper-B-lVMTio.js";
-import { i as t } from "../i18n-lite-BIJ2LVs6.js";
-import { P as C } from "../PixMailMessage.ce-oCccQFGV.js";
+import { b as j, o as M, f as x, g as s, d as y } from "../_plugin-vue_export-helper-Dz58mCLm.js";
+import { i as t } from "../i18n-lite-CzqISEWm.js";
+import { P as C } from "../PixMailMessage.ce-TnjyOfiH.js";
 const S = /* @__PURE__ */ j({
   __name: "TemplateMail.ce",
   props: {

package/dist/components/test-top-mdp.ce.js.js

@@ -1,12 +1,12 @@
-import { b as $, K as B, o as c, c as p, a as e, x as n, z as H, F as h, e as N, t as w, E as k, v as m, l as y, C as P, D as E, g as r, r as C, _ as I, d as A } from "../_plugin-vue_export-helper-B-lVMTio.js";
-import { u as S, i as v } from "../i18n-lite-BIJ2LVs6.js";
-const R = {}, D = {}, O = {}, Z = {}, q = {}, G = {
-  "test-top-mdp": { passwords: { title: "Top {{count}} des mots de passe en France", cta: "Cliquez sur un mot de passe pour le tester" }, loginForm: { title: "Connexion", login: "Identifiant", loginValue: "Ulysse", password: "Mot de passe", passwordPlaceholder: "Séléctionnez un mot de passe...", submit: "Tester", attemptsCount: "Nombre d’essais : {{count}}" }, feedback: { positive: { title_one: "{{feedback}} en un essai.", title_other: "{{feedback}} en {{count}} essais." } } }
-}, K = {}, U = {}, J = "data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9%2011.25V12.75M4.5%2015.75H13.5C13.8978%2015.75%2014.2794%2015.592%2014.5607%2015.3107C14.842%2015.0294%2015%2014.6478%2015%2014.25V9.75C15%209.35218%2014.842%208.97064%2014.5607%208.68934C14.2794%208.40804%2013.8978%208.25%2013.5%208.25H4.5C4.10218%208.25%203.72064%208.40804%203.43934%208.68934C3.15804%208.97064%203%209.35218%203%209.75V14.25C3%2014.6478%203.15804%2015.0294%203.43934%2015.3107C3.72064%2015.592%204.10218%2015.75%204.5%2015.75ZM12%208.25V5.25C12%204.45435%2011.6839%203.69129%2011.1213%203.12868C10.5587%202.56607%209.79565%202.25%209%202.25C8.20435%202.25%207.44129%202.56607%206.87868%203.12868C6.31607%203.69129%206%204.45435%206%205.25V8.25H12Z'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", Q = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.5%207L9.5%2017L4.5%2012'%20stroke='%23007740'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", W = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.875%207.125L7.125%2016.875M7.125%207.125L16.875%2016.875'%20stroke='%23A94B0C'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", X = { class: "container" }, Y = { class: "card" }, ee = ["arial-level"], te = ["onClick", "aria-disabled", "aria-selected"], oe = { class: "password" }, se = { class: "card" }, ne = ["arial-level"], le = { class: "lock-icon" }, ae = ["src"], ie = { class: "form" }, re = { class: "form__field" }, de = { for: "login" }, ce = ["value"], pe = { class: "form__field" }, ue = { for: "password" }, fe = ["value", "placeholder"], ge = ["src"], _e = ["aria-disabled"], me = { class: "attempts-count" }, ve = { class: "attempts-count__count" }, be = {
+import { b as B, K as $, o as c, c as p, a as e, x as n, z as H, F as h, e as N, t as w, B as k, v as m, l as y, D as P, E, g as r, r as C, _ as I, d as A } from "../_plugin-vue_export-helper-Dz58mCLm.js";
+import { u as S, i as v } from "../i18n-lite-CzqISEWm.js";
+const R = {}, D = {}, O = {}, Z = {}, G = {}, K = {
+  "test-top-mdp": { passwords: { title: "Top {{count}} des mots de passe en France" }, loginForm: { title: "Connexion", login: "Identifiant", loginValue: "Ulysse", password: "Mot de passe", passwordPlaceholder: "Séléctionnez un mot de passe...", submit: "Tester", attemptsCount: "Nombre d’essais : {{count}}" }, feedback: { positive: { title_one: "{{feedback}} en un essai.", title_other: "{{feedback}} en {{count}} essais." } } }
+}, U = {}, q = {}, J = "data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9%2011.25V12.75M4.5%2015.75H13.5C13.8978%2015.75%2014.2794%2015.592%2014.5607%2015.3107C14.842%2015.0294%2015%2014.6478%2015%2014.25V9.75C15%209.35218%2014.842%208.97064%2014.5607%208.68934C14.2794%208.40804%2013.8978%208.25%2013.5%208.25H4.5C4.10218%208.25%203.72064%208.40804%203.43934%208.68934C3.15804%208.97064%203%209.35218%203%209.75V14.25C3%2014.6478%203.15804%2015.0294%203.43934%2015.3107C3.72064%2015.592%204.10218%2015.75%204.5%2015.75ZM12%208.25V5.25C12%204.45435%2011.6839%203.69129%2011.1213%203.12868C10.5587%202.56607%209.79565%202.25%209%202.25C8.20435%202.25%207.44129%202.56607%206.87868%203.12868C6.31607%203.69129%206%204.45435%206%205.25V8.25H12Z'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", Q = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.5%207L9.5%2017L4.5%2012'%20stroke='%23007740'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", W = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.875%207.125L7.125%2016.875M7.125%207.125L16.875%2016.875'%20stroke='%23A94B0C'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", X = { class: "container" }, Y = { class: "card" }, ee = ["arial-level"], te = ["onClick", "aria-disabled", "aria-selected"], oe = { class: "password" }, se = { class: "card" }, ne = ["arial-level"], le = { class: "lock-icon" }, ae = ["src"], ie = { class: "form" }, re = { class: "form__field" }, de = { for: "login" }, ce = ["value"], pe = { class: "form__field" }, ue = { for: "password" }, fe = ["value", "placeholder"], ge = ["src"], _e = ["aria-disabled"], me = { class: "attempts-count" }, ve = { class: "attempts-count__count" }, be = {
   key: 0,
   class: "feedback",
   "aria-live": "polite"
-}, xe = ["arial-level", "innerHTML"], he = ["innerHTML"], we = /* @__PURE__ */ $({
+}, xe = ["arial-level", "innerHTML"], he = ["innerHTML"], we = /* @__PURE__ */ B({
   __name: "TestTopMdp.ce",
   props: {
     titleLevel: { type: Number },
@@ -42,7 +42,7 @@ const R = {}, D = {}, O = {}, Z = {}, q = {}, G = {
     return j({
       reset: F
     }), (t, x) => {
-      const z = B("i18n");
+      const V = $("i18n");
       return c(), p(h, null, [
         e("div", X, [
           e("div", Y, [
@@ -51,12 +51,11 @@ const R = {}, D = {}, O = {}, Z = {}, q = {}, G = {
               role: "heading",
               "arial-level": f.value
             }, n(t.$t("test-top-mdp.passwords.title", { count: _.value.length })), 9, ee),
-            e("p", null, n(t.$t("test-top-mdp.passwords.cta")), 1),
             e("div", {
               class: "passwords",
               style: H({ "--count-per-column": Math.round(_.value.length / 2) })
             }, [
-              (c(!0), p(h, null, N(_.value, (o, V) => (c(), p("button", {
+              (c(!0), p(h, null, N(_.value, (o, z) => (c(), p("button", {
                 key: o.password,
                 onClick: (Ce) => T(o),
                 class: w({
@@ -66,7 +65,7 @@ const R = {}, D = {}, O = {}, Z = {}, q = {}, G = {
                 "aria-disabled": a.value || o.attempted,
                 "aria-selected": o.selected
               }, [
-                k(" #" + n(V + 1) + " ", 1),
+                k(" #" + n(z + 1) + " ", 1),
                 e("span", oe, n(o.password), 1)
               ], 10, te))), 128))
             ], 4)
@@ -119,7 +118,7 @@ const R = {}, D = {}, O = {}, Z = {}, q = {}, G = {
                 onClick: x[0] || (x[0] = (o) => L())
               }, n(t.$t("test-top-mdp.loginForm.submit")), 9, _e),
               e("p", me, [
-                P(z, { t: "test-top-mdp.loginForm.attemptsCount" }, {
+                P(V, { t: "test-top-mdp.loginForm.attemptsCount" }, {
                   count: E(() => [
                     e("span", ve, n(b.value), 1)
                   ]),
@@ -145,7 +144,7 @@ const R = {}, D = {}, O = {}, Z = {}, q = {}, G = {
     };
   }
 }), ke = "*{font-family:Roboto,sans-serif;color:#5e6c84;box-sizing:border-box;font-size:14px}p{margin:0}.container{display:flex;flex-direction:row;gap:16px}.card{background:#fff;border-radius:16px;box-shadow:0 2px 5px #4a3aff40,0 -2px 5px #4a3aff26 inset,0 1px 1px #ffffff1a inset,0 3px 4px #dfeeff1a inset;padding:24px;width:50%}.title{color:#122647;font-family:Nunito,Roboto,sans-serif;font-size:20px;font-weight:700;display:flex;align-items:center;gap:8px}.passwords{margin-top:16px;display:grid;grid-template-rows:repeat(var(--count-per-column, 5),1fr);grid-auto-flow:column;gap:8px}.passwords>button{display:flex;padding:8px 16px;gap:4px;border-radius:8px;background-color:#eaf1ff;border-style:none;cursor:pointer;height:44px;align-items:center;color:#122647}.passwords>button.selected{background-color:#3b82f6;color:#fff}.passwords>button.disabled{background-color:#f4f5f7;color:#5e6c84}.passwords>button[aria-disabled=true]{cursor:not-allowed}.lock-icon{border-radius:50%;background-color:#2c75ff;aspect-ratio:1;width:34px;display:flex;align-items:center;justify-content:center}.password{font-weight:700;line-height:20px;color:inherit}.form{margin-top:24px;display:flex;gap:16px;flex-direction:column}.form__field{display:flex;gap:8px;flex-direction:column;position:relative}.form__field-icon{aspect-ratio:1;width:24px;position:absolute;left:12px;bottom:12px}.form input{display:flex;height:50px;padding:12px 16px;align-items:center;border-radius:10px;border:1px solid #cdd1d9;background-color:#f4f5f7;font-size:16px;pointer-events:none;color:#122647}.form input.right{padding-left:40px;border-color:#00a85a;background-color:#e6f6ef;color:#007740}.form input.wrong{padding-left:40px;border-color:#d73328;background-color:#fbebea;color:#99241c}.form label{pointer-events:none}.form button{display:flex;height:50px;padding:12px 16px;align-items:center;border-radius:10px;background-color:#122647;font-size:16px;font-weight:700;color:#fff;justify-content:center;cursor:pointer;border-style:none}.form button[aria-disabled=true]{background-color:#cdd1d9;color:#5e6c84;cursor:not-allowed}.attempts-count{text-align:center}.attempts-count__count{color:#122647;font-weight:700}.feedback{margin-top:24px;display:flex;flex-direction:column}.feedback__title{color:#fff;padding:4px 8px;border-radius:8px 8px 0 0;background-color:#1f53b5;font-weight:700;align-self:start;font-size:12px}.feedback__title *{color:inherit}.feedback__content{border-radius:0 8px 8px;background-color:#eaf1ff;color:#122647;padding:8px}.feedback__content *{color:inherit}@media only screen and (max-width:680px){.container{flex-direction:column}.card{width:100%}}", ye = /* @__PURE__ */ I(we, [["styles", [ke]]]);
-v.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": R, "./locales/en.json": D, "./locales/es-419.json": O, "./locales/es.json": Z, "./locales/fr-BE.json": q, "./locales/fr.json": G, "./locales/it.json": K, "./locales/nl.json": U }));
+v.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": R, "./locales/en.json": D, "./locales/es-419.json": O, "./locales/es.json": Z, "./locales/fr-BE.json": G, "./locales/fr.json": K, "./locales/it.json": U, "./locales/nl.json": q }));
 window.customElements.define("test-top-mdp", A(ye, {
   configureApp(u) {
     v.changeLanguage(document?.documentElement?.lang || navigator.language), u.use(v);