@1024pix/epreuves-components 4.5.0 → 4.6.1

package/dist/components/pix-mail-message.ce.js.js

@@ -1,7 +1,7 @@
 import { _ as o, a as _, b as a, c as l, d as n, e as i, f as t, g } from "../nl-euPrf5s3.js";
-import { d as m } from "../_plugin-vue_export-helper-DROOAHrz.js";
-import { i as e } from "../i18n-lite-V7Z5qwB2.js";
-import { P as c } from "../PixMailMessage.ce-CNULZecQ.js";
+import { d as m } from "../_plugin-vue_export-helper-CD1RUA2y.js";
+import { i as e } from "../i18n-lite-WQsHAHqG.js";
+import { P as c } from "../PixMailMessage.ce-CH6CVQ3H.js";
 e.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": g, "./locales/en.json": t, "./locales/es-419.json": i, "./locales/es.json": n, "./locales/fr-BE.json": l, "./locales/fr.json": a, "./locales/it.json": _, "./locales/nl.json": o }));
 const r = m(c, {
   configureApp(s) {

package/dist/components/proteger-mail-spam.ce.js.js

@@ -1,122 +1,110 @@
-import { b as T, h as k, o as l, c as N, a as o, x as u, D as f, t as M, f as p, E as g, l as y, A as F, v as d, r as v, g as s, n as S, _ as O, d as $ } from "../_plugin-vue_export-helper-DROOAHrz.js";
-import { u as V, i as b } from "../i18n-lite-V7Z5qwB2.js";
-import { S as D } from "../Stepper.ce-gx2YaVCo.js";
-import { F as I } from "../Feedback.ce-MqHV98f3.js";
-import { _ as K, a as G } from "../Cross.ce.vue_vue_type_script_setup_true_lang-CUc-5ZVt.js";
-import { P as H } from "../Popin.ce-VvQiVxjk.js";
-import { B as J } from "../Button.ce-DNrjLa1r.js";
-import { P as Q } from "../PixMailMessage.ce-CNULZecQ.js";
-import { p as U } from "../shadow-dom-4LHwwhYa.js";
-import { u as w, a as W, b as X } from "../normalize-props-DH0oPBss.js";
-const Y = {}, Z = {}, ee = {}, te = {}, ne = {}, ae = {
+import { b as T, h as S, o as c, c as N, a as u, x as r, C as p, D as d, E as g, f as v, v as m, l as M, r as b, g as a, n as k, _ as O, d as $ } from "../_plugin-vue_export-helper-CD1RUA2y.js";
+import { u as V, i as _ } from "../i18n-lite-WQsHAHqG.js";
+import { S as D } from "../Stepper.ce-MmSadTrx.js";
+import { _ as F, a as I, F as K } from "../Cross.ce.vue_vue_type_script_setup_true_lang-CGq82iLD.js";
+import { P as G } from "../Popin.ce-CQtpIOkM.js";
+import { B as H } from "../Button.ce-Ccv3OLk2.js";
+import { P as J } from "../PixMailMessage.ce-CH6CVQ3H.js";
+import { p as Q } from "../shadow-dom-DSLDIcsa.js";
+import { u as w, a as U, b as W } from "../normalize-props-DH0oPBss.js";
+const X = {}, Y = {}, Z = {}, ee = {}, te = {}, oe = {
   "proteger-mail-spam": { step: "Étape {{step}} sur {{totalStep}}", mailRecipent: "À moi", nextStepButton: "Continuer", successPopin: { title: "Se protéger, mais protéger aussi les autres.", content: "Dans le prochain exemple, l’interface dispose d'avantage de possibilités.", buttonLabel: "Suivant" }, feedback: { titleOk: "Bonne décision", titleKo: "Mauvais choix", step1: { reply: "Répondre confirme votre adresse mail et peut encourager l’escroc. Sélectionnez une autre action de l’interface pour vous protéger de cet expéditeur.", forward: "Transférer ce message expose quelqu’un d’autre à l’arnaque, et ne vous empêche pas de recevoir d’autres mails de cet expéditeur. Sélectionnez une autre action de l’interface pour vous protéger de cet expéditeur.", delete: "Supprimer ce message ne vous empêche pas d’en recevoir d’autres de cet expéditeur. Sélectionnez une autre action de l’interface pour vous protéger de cet expéditeur.", blockSender: "En choisissant de bloquer l’expéditeur, vous ne recevrez plus de message de cet expéditeur." }, step2: { reply: "Répondre valide votre adresse mail et ne vous permet ni de vous protéger, ni de protéger les autres de cet escroc.  Sélectionnez une autre action de l’interface pour protéger tous les utilisateurs.", forward: "Transférer ce message expose quelqu’un d’autre à l’arnaque. Sélectionnez une autre action de l’interface pour protéger tous les utilisateurs.", delete: "Supprimer ce message ne vous permet ni de vous protéger, ni de protéger les autres de cet escroc.  Sélectionnez une autre action de l’interface pour protéger tous les utilisateurs.", blockSender: "En choisissant de bloquer l’expéditeur, vous vous protégez de cet escroc mais vous ne protégez pas les autres.  Sélectionnez une autre action de l’interface pour protéger tous les utilisateurs.", reportSpam: " En signalant ce message, vous vous protégez et vous contribuez à la protection des autres, car cela améliore les filtres anti-spam de tous les utilisateurs." } } }
-}, oe = {}, se = {}, ie = {
+}, ne = {}, ae = {}, se = {
   class: "main-container",
   ref: "container",
   tabindex: "-1"
-}, re = ["aria-level"], le = { class: "header__description" }, ce = /* @__PURE__ */ T({
+}, ie = ["aria-level"], re = { class: "header__description" }, le = /* @__PURE__ */ T({
   __name: "ProtegerMailSpam.ce",
   props: {
     titleLevel: { default: 2, type: Number },
     steps: { type: Array }
   },
-  setup(n, { expose: m }) {
+  setup(o, { expose: f }) {
     const { t: e } = V();
-    U();
-    const t = v(0), a = v(""), c = v(!1), P = k("continue-button"), B = k("container"), i = s(() => n.steps.at(t.value)), r = s(() => i.value.goodAction === a.value), _ = s(() => t.value === n.steps.length - 1), C = s(() => a.value ? e(`proteger-mail-spam.feedback.step${t.value + 1}.${a.value}`) : ""), j = s(() => r.value ? e("proteger-mail-spam.feedback.titleOk") : e("proteger-mail-spam.feedback.titleKo")), A = s(() => r.value ? {
+    Q();
+    const t = b(0), n = b(""), l = b(!1), P = S("continue-button"), C = S("container"), s = a(() => o.steps.at(t.value)), i = a(() => s.value.goodAction === n.value), h = a(() => t.value === o.steps.length - 1), j = a(() => n.value ? e(`proteger-mail-spam.feedback.step${t.value + 1}.${n.value}`) : ""), B = a(() => i.value ? e("proteger-mail-spam.feedback.titleOk") : e("proteger-mail-spam.feedback.titleKo")), q = a(() => i.value ? {
       return: "disabled",
       reply: "disabled",
       forward: "disabled",
       menu: "disabled"
-    } : i.value.actions);
-    function q() {
-      a.value = "", t.value = 0, c.value = !1;
+    } : s.value.actions);
+    function A() {
+      n.value = "", t.value = 0, l.value = !1;
     }
-    async function E(h) {
-      a.value = h, await S(), r.value && !_.value && P.value?.buttonElement.focus();
+    async function E(x) {
+      n.value = x, await k(), i.value && !h.value && P.value?.buttonElement.focus();
     }
     async function L() {
-      t.value += 1, a.value = "", await S(), B.value.focus();
+      t.value += 1, n.value = "", await k(), C.value.focus();
     }
     async function R() {
-      await L(), c.value = !1;
+      await L(), l.value = !1;
     }
-    return m({
-      reset: q
-    }), (h, x) => (l(), N("div", ie, [
-      o("section", null, [
-        o("div", null, [
-          o("div", {
+    return f({
+      reset: A
+    }), (x, y) => (c(), N("div", se, [
+      u("section", null, [
+        u("div", null, [
+          u("div", {
             role: "heading",
-            "aria-level": n.titleLevel,
+            "aria-level": o.titleLevel,
             class: "header__title"
-          }, u(i.value.title), 9, re),
-          o("p", le, u(i.value.description), 1)
+          }, r(s.value.title), 9, ie),
+          u("p", re, r(s.value.description), 1)
         ]),
-        f(D, {
+        p(D, {
           step: t.value,
-          "steps-count": n.steps.length
+          "steps-count": o.steps.length
         }, null, 8, ["step", "steps-count"]),
-        f(Q, {
-          actions: A.value,
-          mail: i.value.mail,
+        p(J, {
+          actions: q.value,
+          mail: s.value.mail,
           onAction: E
         }, null, 8, ["actions", "mail"]),
-        o("div", {
-          class: M(["feedback", { "is-hidden": !a.value }]),
-          "aria-live": "polite"
-        }, [
-          a.value ? (l(), p(I, {
-            key: 0,
-            title: j.value
-          }, {
-            icon: g(() => [
-              r.value ? (l(), p(K, {
-                key: 0,
-                class: "feedback__icon",
-                "aria-hiden": "true"
-              })) : (l(), p(G, {
-                key: 1,
-                class: "feedback__icon",
-                "aria-hiden": "true"
-              }))
-            ]),
-            content: g(() => [
-              o("p", null, u(C.value), 1)
-            ]),
-            _: 1
-          }, 8, ["title"])) : y("", !0)
-        ], 2),
-        r.value && !_.value ? (l(), p(J, {
+        p(K, {
+          "display-feedback": !!n.value
+        }, {
+          icon: d(() => [
+            i.value ? (c(), v(F, { key: 0 })) : (c(), v(I, { key: 1 }))
+          ]),
+          title: d(() => [
+            g(r(B.value), 1)
+          ]),
+          content: d(() => [
+            g(r(j.value), 1)
+          ]),
+          _: 1
+        }, 8, ["display-feedback"]),
+        i.value && !h.value ? (c(), v(H, {
           key: 0,
           ref: "continue-button",
-          onClick: x[0] || (x[0] = (de) => c.value = !0),
+          onClick: y[0] || (y[0] = (pe) => l.value = !0),
           class: "next-button"
         }, {
-          default: g(() => [
-            F(u(d(e)("proteger-mail-spam.nextStepButton")), 1)
+          default: d(() => [
+            g(r(m(e)("proteger-mail-spam.nextStepButton")), 1)
           ]),
           _: 1
-        }, 512)) : y("", !0)
+        }, 512)) : M("", !0)
       ]),
-      f(H, {
-        content: d(e)("proteger-mail-spam.successPopin.content"),
-        title: d(e)("proteger-mail-spam.successPopin.title"),
-        show: c.value,
-        "text-button": d(e)("proteger-mail-spam.successPopin.buttonLabel"),
+      p(G, {
+        content: m(e)("proteger-mail-spam.successPopin.content"),
+        title: m(e)("proteger-mail-spam.successPopin.title"),
+        show: l.value,
+        "text-button": m(e)("proteger-mail-spam.successPopin.buttonLabel"),
         onPrimaryAction: R
       }, null, 8, ["content", "title", "show", "text-button"])
     ], 512));
   }
-}), ue = "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,dialog{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}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}*{font-family:Roboto,Nunito,sans-serif}.main-container{position:relative}.main-container section{display:flex;flex-direction:column;align-items:center;color:#122647;padding:.5rem}.main-container section>:not(:first-child){margin-top:1.5rem}.main-container .header{font-style:normal;text-align:center}.main-container .header__title{font-family:Nunito,sans-serif;text-align:center;font-size:1.25rem;font-weight:700;line-height:28px;margin-bottom:.25rem}.main-container .header__description{text-align:center;font-family:Roboto,sans-serif;font-size:.875rem;line-height:20px}.main-container .feedback{width:100%}.main-container .feedback.is-hidden{margin-top:unset}.main-container .feedback__icon{width:1rem}.main-container .next-button{font-size:.875rem;font-weight:700;line-height:24px}", pe = /* @__PURE__ */ O(ce, [["styles", [ue]]]);
-b.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": Y, "./locales/en.json": Z, "./locales/es-419.json": ee, "./locales/es.json": te, "./locales/fr-BE.json": ne, "./locales/fr.json": ae, "./locales/it.json": oe, "./locales/nl.json": se }));
-const z = $(pe, {
-  configureApp(n) {
-    b.changeLanguage(document?.documentElement?.lang || navigator.language), n.use(b);
+}), ce = "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,dialog{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}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}*{font-family:Roboto,Nunito,sans-serif}.main-container{position:relative}.main-container section{display:flex;flex-direction:column;align-items:center;color:#122647;padding:.5rem}.main-container section>:not(:first-child){margin-top:1.5rem}.main-container .header{font-style:normal;text-align:center}.main-container .header__title{font-family:Nunito,sans-serif;text-align:center;font-size:1.25rem;font-weight:700;line-height:28px;margin-bottom:.25rem}.main-container .header__description{text-align:center;font-family:Roboto,sans-serif;font-size:.875rem;line-height:20px}.main-container .next-button{font-size:.875rem;font-weight:700;line-height:24px}", ue = /* @__PURE__ */ O(le, [["styles", [ce]]]);
+_.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": X, "./locales/en.json": Y, "./locales/es-419.json": Z, "./locales/es.json": ee, "./locales/fr-BE.json": te, "./locales/fr.json": oe, "./locales/it.json": ne, "./locales/nl.json": ae }));
+const z = $(ue, {
+  configureApp(o) {
+    _.changeLanguage(document?.documentElement?.lang || navigator.language), o.use(_);
   }
 });
-z.prototype.normalizeProps = (n) => {
-  const m = n.steps.map((e) => {
+z.prototype.normalizeProps = (o) => {
+  const f = o.steps.map((e) => {
     const t = {
       ...e,
       actions: w({
@@ -124,11 +112,11 @@ z.prototype.normalizeProps = (n) => {
         menuActions: w(e.actions?.menuActions)
       })
     };
-    return t.mail.sender.avatarColor = W(t.mail.sender.avatarColor), t;
+    return t.mail.sender.avatarColor = U(t.mail.sender.avatarColor), t;
   });
   return {
-    titleLevel: X(n.titleLevel),
-    steps: m
+    titleLevel: W(o.titleLevel),
+    steps: f
   };
 };
 window.customElements.define("proteger-mail-spam", z);

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

@@ -1,6 +1,6 @@
-import { b as y, o, c as i, a as s, x as c, l as v, t as w, g as b, _, R as A, H as E, P as O, A as V, T 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, X as U, E as H, y as W, d as X } from "../_plugin-vue_export-helper-DROOAHrz.js";
-import { i as a, a as J, b as K } from "../i18n-BVfGnSnP.js";
-import { R as Y } from "../Retry-CGkQcck5.js";
+import { b as y, o, c as i, a as s, x as c, l as v, t as w, g as b, _, N as R, H as A, S as O, E as V, P, r as x, q as G, h as M, F as $, e as C, f as F, v as Q, C as k, X as U, D as H, y as W, d as X } from "../_plugin-vue_export-helper-CD1RUA2y.js";
+import { i as a, a as J, b as K } from "../i18n-C-1Ne5JG.js";
+import { R as Y } from "../Retry-DLOo5neI.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." } }
@@ -65,7 +65,7 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: u }) {
-    const n = A(e, "modelValue"), l = x(!1), t = b(() => n.value.length === 3 && !l.value || e.readonly);
+    const n = R(e, "modelValue"), l = x(!1), t = b(() => n.value.length === 3 && !l.value || e.readonly);
     function h(f) {
       if (t.value) {
         f.preventDefault();
@@ -78,7 +78,7 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
     }), (f, m) => (o(), i("label", {
       class: w({ selected: l.value, disabled: t.value })
     }, [
-      E(s("input", {
+      A(s("input", {
         type: "checkbox",
         name: "options",
         onClick: h,
@@ -104,7 +104,7 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
       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: "sr-only" }, 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]]]), Se = { class: "container" }, qe = { class: "left-side" }, Ie = ["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"
-}, Te = /* @__PURE__ */ y({
+}, De = /* @__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"), f = a.t("qcm-deepfake.options", { returnObjects: !0 }), m = ["👩‍🎤", "🎧", "🎶", "👩", "🎙️"], g = f.map((d, r) => `${m[r]} ${d}`), T = g.filter((d, r) => l.includes(r + 1)), D = [
+    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}`), D = g.filter((d, r) => l.includes(r + 1)), T = [
       {
         type: "info",
         image: e.infoImage
@@ -146,47 +146,47 @@ 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") : "");
+    ], S = 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") : "");
     function z() {
-      return q.value ? !1 : t.value === "info" ? L() : I();
+      return S.value ? !1 : t.value === "info" ? L() : q();
     }
-    function I() {
+    function q() {
       h.value.forEach((d) => {
         d.isChecked = !1;
       }), n.value = [], t.value = "info";
     }
     async function L() {
-      const d = n.value.every((r) => T.includes(r.trim()));
+      const d = n.value.every((r) => D.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
-    }), (d, r) => (o(), i("div", qe, [
-      s("form", Ie, [
+      reset: q
+    }), (d, r) => (o(), i("div", Se, [
+      s("form", qe, [
         s("div", {
           class: "left-side__subtitle",
           role: "heading",
           "aria-level": e.titleLevel
-        }, c(d.$t("qcm-deepfake.in")), 9, Se),
+        }, c(d.$t("qcm-deepfake.in")), 9, Ie),
         s("fieldset", null, [
           s("legend", $e, c(d.$t("qcm-deepfake.selectThreeElements")), 1),
-          (o(!0), i($, null, C(Q(g), (p, S) => (o(), F(_e, {
+          (o(!0), i($, null, C(Q(g), (p, I) => (o(), F(_e, {
             ref_for: !0,
             ref_key: "optionsNode",
             ref: h,
             modelValue: n.value,
-            "onUpdate:modelValue": r[0] || (r[0] = (R) => n.value = R),
-            key: S,
+            "onUpdate:modelValue": r[0] || (r[0] = (E) => n.value = E),
+            key: I,
             class: "left-side__options",
             option: p,
-            value: S + 1,
+            value: I + 1,
             readonly: t.value !== "info"
           }, null, 8, ["modelValue", "option", "value", "readonly"]))), 128))
         ]),
         s("div", Ce, [
           k(we, {
             onClick: W(z, ["prevent"]),
-            "aria-disabled": q.value,
+            "aria-disabled": S.value,
             label: B.value,
             state: t.value === "info" ? "primary" : "warning",
             "aria-describedby": ["success", "search"].includes(t.value) ? void 0 : "optionsSelectedInfo"
@@ -203,7 +203,7 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
         ])
       ]),
       s("div", Ne, [
-        (o(), i($, null, C(D, (p) => k(ve, {
+        (o(), i($, null, C(T, (p) => k(ve, {
           key: p.type,
           "title-level": e.titleLevel,
           type: p.type,
@@ -216,7 +216,7 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
       ])
     ]));
   }
-}), De = "legend,label,p,div[role=heading]{font-family:Nunito,Roboto,sans-serif;color:#253858}", Be = ".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__ */ _(Te, [["styles", [De, Be]], ["__scopeId", "data-v-da7e2b08"]]);
+}), Te = "legend,label,p,div[role=heading]{font-family:Nunito,Roboto,sans-serif;color:#253858}", Be = ".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__ */ _(De, [["styles", [Te, Be]], ["__scopeId", "data-v-da7e2b08"]]);
 J(/* @__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 = X(je, {
   configureApp(e) {

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

@@ -1,13 +1,12 @@
-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, A as G, y as Q, r as v, g as p, d as R } from "../_plugin-vue_export-helper-DROOAHrz.js";
-import { u as D, a as O, i as z, b as P } from "../i18n-BVfGnSnP.js";
-import { F as I } from "../Feedback.ce-MqHV98f3.js";
-import { _ as M, a as H } from "../Cross.ce.vue_vue_type_script_setup_true_lang-CUc-5ZVt.js";
-import { S as J } from "../Stepper.ce-gx2YaVCo.js";
-import { a as f, b as K } from "../normalize-props-DH0oPBss.js";
-import { l as U } from "../index-BgVc_wZ5.js";
+import { b as q, o as r, c as b, t as B, a as l, x as u, l as A, _ as j, h as G, C as p, D as v, E as y, f as k, y as Q, r as h, g as f, d as R } from "../_plugin-vue_export-helper-CD1RUA2y.js";
+import { u as D, a as O, i as z, b as P } from "../i18n-C-1Ne5JG.js";
+import { _ as I, a as M, F as H } from "../Cross.ce.vue_vue_type_script_setup_true_lang-CGq82iLD.js";
+import { S as J } from "../Stepper.ce-MmSadTrx.js";
+import { a as m, b as K } from "../normalize-props-DH0oPBss.js";
+import { l as U } from "../index-C8-9QxHJ.js";
 const W = {}, X = {}, Y = {}, Z = {}, ee = {}, te = {
   "quiz-stepper": { submitButton: "Valider", nextStepButton: "Continuer", feedback: { success: "Bien joué", failed: "Pas tout à fait" } }
-}, ne = {}, se = {}, oe = ["id", "aria-disabled", "checked"], ie = ["for"], ae = {
+}, ne = {}, se = {}, oe = ["id", "aria-disabled", "checked"], ae = ["for"], ie = {
   key: 0,
   class: "answer__subtitle"
 }, le = { class: "answer__content" }, ce = /* @__PURE__ */ q({
@@ -24,7 +23,7 @@ const W = {}, X = {}, Y = {}, Z = {}, ee = {}, te = {
     function t() {
       s("select-answer", e.choice);
     }
-    return (n, i) => (r(), m("div", {
+    return (n, a) => (r(), b("div", {
       class: B(["answer", { "is-selected": e.isSelected, "is-disabled": e.showFeedback }])
     }, [
       l("input", {
@@ -37,59 +36,59 @@ const W = {}, X = {}, Y = {}, Z = {}, ee = {}, te = {
         class: "sr-only"
       }, null, 40, oe),
       l("label", { for: e.id }, [
-        e.choice.title ? (r(), m("span", ae, u(e.choice.title), 1)) : g("", !0),
+        e.choice.title ? (r(), b("span", ie, u(e.choice.title), 1)) : A("", !0),
         l("span", le, u(e.choice.content), 1)
-      ], 8, ie)
+      ], 8, ae)
     ], 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({
+}), 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__ */ j(ce, [["styles", [re]]]), ue = { class: "quiz-stepper-container__layout" }, de = ["aria-level"], pe = { class: "card-wrapper" }, fe = ["aria-disable"], me = /* @__PURE__ */ q({
   __name: "QuizStepper.ce",
   props: {
     steps: { type: Array },
     titleLevel: { default: 2, type: Number }
   },
   setup(e, { expose: c }) {
-    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 s = h(0), t = h(), n = h(!1), a = G("form"), { t: g } = D(), i = f(() => e.steps?.[s.value]), _ = f(() => !n.value), C = f(() => {
       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(o) {
+    }), F = f(() => _.value ? g("quiz-stepper.submitButton") : g("quiz-stepper.nextStepButton"));
+    function w(o) {
       n.value || (t.value = o);
     }
-    function F() {
+    function N() {
       if (s.value + 1 > e.steps.length) {
         s.value = e.steps.length;
         return;
       }
-      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 && i.value?.focus());
+      s.value++, n.value = !1, t.value = void 0, a.value?.focus();
     }
     function T() {
-      if (w.value) {
-        N();
+      t.value && (n.value = !0, s.value + 1 === e.steps.length && a.value?.focus());
+    }
+    function E() {
+      if (_.value) {
+        T();
         return;
       }
-      F();
+      N();
     }
-    function y(o) {
+    function x(o) {
       return o.content ? o.content === t.value?.content : o.title === t.value?.title;
     }
-    function E() {
+    function L() {
       s.value = 0, t.value = void 0, n.value = !1;
     }
     return c({
-      reset: E
-    }), (o, d) => (r(), m("form", {
+      reset: L
+    }), (o, d) => (r(), b("form", {
       class: "quiz-stepper-container",
-      onSubmit: Q(T, ["prevent"]),
+      onSubmit: Q(E, ["prevent"]),
       ref_key: "form",
-      ref: i,
+      ref: a,
       tabindex: "-1"
     }, [
       l("div", ue, [
-        b(J, {
+        p(J, {
           step: s.value,
           "steps-count": e.steps.length
         }, null, 8, ["step", "steps-count"]),
@@ -99,80 +98,74 @@ const W = {}, X = {}, Y = {}, Z = {}, ee = {}, te = {
               role: "heading",
               "aria-level": e.titleLevel,
               class: "question"
-            }, u(a.value.question), 9, de)
+            }, u(i.value.question), 9, de)
           ]),
           l("div", pe, [
-            b(S, {
+            p(S, {
               id: "choice1",
-              choice: a.value.choice1,
+              choice: i.value.choice1,
               "show-feedback": n.value,
-              "is-selected": y(a.value.choice1),
-              onSelectAnswer: d[0] || (d[0] = (L) => x(a.value.choice1))
+              "is-selected": x(i.value.choice1),
+              onSelectAnswer: d[0] || (d[0] = (V) => w(i.value.choice1))
             }, null, 8, ["choice", "show-feedback", "is-selected"]),
-            b(S, {
+            p(S, {
               id: "choice2",
-              choice: a.value.choice2,
+              choice: i.value.choice2,
               "show-feedback": n.value,
-              "is-selected": y(a.value.choice2),
-              onSelectAnswer: d[1] || (d[1] = (L) => x(a.value.choice2))
+              "is-selected": x(i.value.choice2),
+              onSelectAnswer: d[1] || (d[1] = (V) => w(i.value.choice2))
             }, null, 8, ["choice", "show-feedback", "is-selected"])
           ])
         ]),
-        n.value ? (r(), h(I, {
-          key: 0,
-          title: t.value?.isGoodAnswer ? o.$t("quiz-stepper.feedback.success") : o.$t("quiz-stepper.feedback.failed")
-        }, {
-          icon: k(() => [
-            t.value?.isGoodAnswer ? (r(), h(M, {
-              key: 0,
-              class: "icon-size"
-            })) : (r(), h(H, {
-              key: 1,
-              class: "icon-size"
-            }))
+        p(H, { "display-feedback": n.value }, {
+          icon: v(() => [
+            t.value?.isGoodAnswer ? (r(), k(I, { key: 0 })) : (r(), k(M, { key: 1 }))
           ]),
-          content: k(() => [
-            G(u(t.value?.isGoodAnswer ? a.value.feedback.success : a.value.feedback.failed), 1)
+          title: v(() => [
+            y(u(t.value?.isGoodAnswer ? o.$t("quiz-stepper.feedback.success") : o.$t("quiz-stepper.feedback.failed")), 1)
+          ]),
+          content: v(() => [
+            y(u(t.value?.isGoodAnswer ? i.value.feedback.success : i.value.feedback.failed), 1)
           ]),
           _: 1
-        }, 8, ["title"])) : g("", !0),
-        $.value ? (r(), m("button", {
-          key: 1,
+        }, 8, ["display-feedback"]),
+        C.value ? (r(), b("button", {
+          key: 0,
           type: "submit",
           class: B(["submit-button", { "is-disabled": !t.value }]),
           "aria-disable": !t.value
-        }, u(C.value), 11, fe)) : g("", !0)
+        }, u(F.value), 11, fe)) : A("", !0)
       ])
     ], 544));
   }
-}), be = "*{--neutral-800: #253858;--neutral-900: #122647;font-family:Roboto,sans-serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}.icon-size{width:16px;height:16px}.quiz-stepper-container{display:flex;flex-direction:column;align-items:center;color:var(--neutral-800)}.quiz-stepper-container button{cursor:pointer}.quiz-stepper-container fieldset{border:none}.quiz-stepper-container legend{margin-bottom:1.5em}.quiz-stepper-container__layout{width:80%;display:flex;flex-direction:column;gap:1.5em;align-items:center;padding:1.5em 1em}.quiz-stepper-container .question{color:var(--neutral-900);text-align:center;font-family:Nunito;font-size:1.25em;font-style:normal;font-weight:700;line-height:28px}.quiz-stepper-container .card-wrapper{display:flex;padding:1.5em;justify-content:center;gap:1.5em;border-radius:16px;background:#f4f5f7;width:calc(100% - 3em)}.quiz-stepper-container .submit-button{display:flex;padding:.5em 1.5em;justify-content:center;align-items:center;gap:.5em;border-radius:8px;background:#253858;border:none;color:#fff;font-weight:700}.quiz-stepper-container .submit-button.is-disabled{background:#cdd1d9;cursor:not-allowed}@media screen and (max-width:630px){.quiz-stepper-container__layout{width:calc(100% - 1em);padding:1em .5em}.quiz-stepper-container .card-wrapper{padding:1em;flex-direction:column;width:calc(100% - 2em)}}", he = /* @__PURE__ */ A(me, [["styles", [be]]]);
+}), be = "*{--neutral-800: #253858;--neutral-900: #122647;font-family:Roboto,sans-serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}.quiz-stepper-container{display:flex;flex-direction:column;align-items:center;color:var(--neutral-800)}.quiz-stepper-container button{cursor:pointer}.quiz-stepper-container fieldset{border:none}.quiz-stepper-container legend{margin-bottom:1.5em}.quiz-stepper-container__layout{width:80%;display:flex;flex-direction:column;gap:1.5em;align-items:center;padding:1.5em 1em}.quiz-stepper-container .question{color:var(--neutral-900);text-align:center;font-family:Nunito;font-size:1.25em;font-style:normal;font-weight:700;line-height:28px}.quiz-stepper-container .card-wrapper{display:flex;padding:1.5em;justify-content:center;gap:1.5em;border-radius:16px;background:#f4f5f7;width:calc(100% - 3em)}.quiz-stepper-container .submit-button{display:flex;padding:.5em 1.5em;justify-content:center;align-items:center;gap:.5em;border-radius:8px;background:#253858;border:none;color:#fff;font-weight:700}.quiz-stepper-container .submit-button.is-disabled{background:#cdd1d9;cursor:not-allowed}@media screen and (max-width:630px){.quiz-stepper-container__layout{width:calc(100% - 1em);padding:1em .5em}.quiz-stepper-container .card-wrapper{padding:1em;flex-direction:column;width:calc(100% - 2em)}}", ve = /* @__PURE__ */ j(me, [["styles", [be]]]);
 O(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": W, "./locales/en.json": X, "./locales/es-419.json": Y, "./locales/es.json": Z, "./locales/fr-BE.json": ee, "./locales/fr.json": te, "./locales/it.json": ne, "./locales/nl.json": se })).catch((e) => console.error(e));
 U();
-const j = R(he, {
+const $ = R(ve, {
   configureApp(e) {
     z.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(P, { i18next: z });
   }
 });
-j.prototype.normalizeProps = (e) => {
+$.prototype.normalizeProps = (e) => {
   let { steps: c, titleLevel: s } = e;
   return c = c.map((t) => {
-    let { choice1: n, choice2: i } = t;
+    let { choice1: n, choice2: a } = t;
     return n = {
       ...t.choice1,
-      title: f(n.title),
-      content: f(n.content)
-    }, i = {
+      title: m(n.title),
+      content: m(n.content)
+    }, a = {
       ...t.choice2,
-      title: f(i.title),
-      content: f(i.content)
+      title: m(a.title),
+      content: m(a.content)
     }, {
       ...t,
       choice1: n,
-      choice2: i
+      choice2: a
     };
   }), {
     steps: c,
     titleLevel: K(s)
   };
 };
-window.customElements.define("quiz-stepper", j);
+window.customElements.define("quiz-stepper", $);