@1024pix/epreuves-components 2.8.1 → 4.0.0

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

@@ -1,7 +1,7 @@
-import { d as V, r as k, h as y, y as m, G as A, c as a, o as i, a as r, z as S, k as d, t as u, F as f, b, O as H, E as g, n as C, K as L, B as F, l as P, _ as D, f as G } from "../_plugin-vue_export-helper-BPDEgOal.js";
-import { a as K, i as w, b as R } from "../i18n-BuCPzaih.js";
-import { N as j } from "../NavigationButton.ce-DRBC3gta.js";
-const U = {}, q = {}, J = {}, Q = {}, W = {}, X = {
+import { b as O, r as k, h as y, g, G as V, c as a, o as i, a as r, A as S, k as d, t as u, F as f, e as b, Q as H, E as m, n as C, K as L, B as F, l as P, _ as D, d as G } from "../_plugin-vue_export-helper-D0N_62VD.js";
+import { a as K, i as w, b as Q } from "../i18n-ekiZvzf6.js";
+import { N as j } from "../NavigationButton.ce-CA1M8sgV.js";
+const R = {}, U = {}, q = {}, J = {}, W = {}, X = {
   "pix-cursor": { confirm: "Valider", next: "Suivant", previous: "Précédent", selectAnOption: "Sélectionnez une option", youHaveChosen: "Vous avez choisi : { choice }" }
 }, Y = {}, Z = {}, ee = ["for"], oe = {
   class: "visible-options",
@@ -12,35 +12,35 @@ const U = {}, q = {}, J = {}, Q = {}, W = {}, X = {
 }, ue = {
   key: 0,
   class: "confirm"
-}, pe = ["innerHTML", "aria-hidden"], ve = /* @__PURE__ */ V({
+}, pe = ["innerHTML", "aria-hidden"], ve = /* @__PURE__ */ O({
   __name: "PixCursor.ce",
   props: {
     options: { type: Array }
   },
   setup(n, { expose: M }) {
-    const p = n, s = k(Math.floor(p.options.length / 2)), o = k(!1), v = y(), _ = y(), I = m(() => s.value === p.options.length - 1), N = m(() => s.value === 0), c = m(() => Number(s.value));
-    function z() {
+    const p = n, s = k(Math.floor(p.options.length / 2)), o = k(!1), v = y(), _ = y(), I = g(() => s.value === p.options.length - 1), N = g(() => s.value === 0), c = g(() => Number(s.value));
+    function T() {
       o.value = !0;
     }
-    function O() {
+    function $() {
       o.value || (s.value = Math.max(0, c.value - 1));
     }
-    function T() {
+    function z() {
       o.value || (s.value = Math.min(p.options.length - 1, c.value + 1));
     }
     function h(l) {
       o.value || (s.value = l);
     }
-    function $() {
+    function A() {
       o.value = !1, s.value = Math.floor(p.options.length / 2);
     }
     return M({
-      reset: $
+      reset: A
     }), (l, x) => {
-      const B = A("i18next");
+      const B = V("i18next");
       return i(), a("form", {
         class: "pix-cursor",
-        onSubmit: P(z, ["prevent"])
+        onSubmit: P(T, ["prevent"])
       }, [
         r("div", null, [
           r("label", {
@@ -73,8 +73,8 @@ const U = {}, q = {}, J = {}, Q = {}, W = {}, X = {
             [H, s.value]
           ]),
           r("div", se, [
-            g(j, {
-              onClick: O,
+            m(j, {
+              onClick: $,
               disabled: o.value || N.value,
               label: l.$t("pix-cursor.previous"),
               "aria-controls": d(v),
@@ -91,7 +91,7 @@ const U = {}, q = {}, J = {}, Q = {}, W = {}, X = {
                 }),
                 "aria-hidden": e !== c.value
               }, [
-                g(B, {
+                m(B, {
                   translation: l.$t("pix-cursor.youHaveChosen")
                 }, {
                   choice: L(() => [
@@ -101,8 +101,8 @@ const U = {}, q = {}, J = {}, Q = {}, W = {}, X = {
                 }, 1032, ["translation"])
               ], 10, le))), 128))
             ]),
-            g(j, {
-              onClick: T,
+            m(j, {
+              onClick: z,
               disabled: o.value || I.value,
               label: l.$t("pix-cursor.next"),
               "aria-controls": d(v),
@@ -129,9 +129,9 @@ const U = {}, q = {}, J = {}, Q = {}, W = {}, X = {
     };
   }
 }), fe = "[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}", be = /* @__PURE__ */ D(ve, [["styles", [fe]], ["__scopeId", "data-v-58e704c5"]]);
-K(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": U, "./locales/en.json": q, "./locales/es-419.json": J, "./locales/es.json": Q, "./locales/fr-BE.json": W, "./locales/fr.json": X, "./locales/it.json": Y, "./locales/nl.json": Z })).catch((n) => console.error(n));
+K(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": R, "./locales/en.json": U, "./locales/es-419.json": q, "./locales/es.json": J, "./locales/fr-BE.json": W, "./locales/fr.json": X, "./locales/it.json": Y, "./locales/nl.json": Z })).catch((n) => console.error(n));
 window.customElements.define("pix-cursor", G(be, {
   configureApp(n) {
-    w.changeLanguage(document?.documentElement?.lang || navigator.language), n.use(R, { i18next: w });
+    w.changeLanguage(document?.documentElement?.lang || navigator.language), n.use(Q, { i18next: w });
   }
 }));

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

@@ -0,0 +1,11 @@
+import { _ as o, a as _, b as a, c as l, d as n, e as i, f as t, g } from "../nl-Bonww6Q2.js";
+import { d as m } from "../_plugin-vue_export-helper-D0N_62VD.js";
+import { i as e } from "../i18n-lite-t2jNOu0C.js";
+import { P as c } from "../PixMailMessage.ce-XPDbJiyC.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) {
+    e.changeLanguage(document?.documentElement?.lang || navigator.language), s.use(e);
+  }
+});
+window.customElements.define("pix-mail-message", r);

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

@@ -0,0 +1,129 @@
+import { b as M, r as f, j as k, u as j, g as o, c as F, o as r, a as l, E as g, f as p, B as y, t as d, K as v, n as O, H as $, k as u, x as S, _ as V, d as K } from "../_plugin-vue_export-helper-D0N_62VD.js";
+import { u as D, i as b } from "../i18n-lite-t2jNOu0C.js";
+import { S as I } from "../Stepper.ce-B1yDelzC.js";
+import { _ as G, a as H, F as J } from "../Cross.ce.vue_vue_type_script_setup_true_lang-CVBFTfq5.js";
+import { P as Q } from "../Popin.ce-DUQ7-GMT.js";
+import { B as U } from "../Button.ce-CTKrSDrC.js";
+import { P as W } from "../PixMailMessage.ce-XPDbJiyC.js";
+import { u as w, a as X, b as Y } from "../normalize-props-DH0oPBss.js";
+const Z = {
+  "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." } } }
+}, ee = {
+  class: "main-container",
+  ref: "container",
+  tabindex: "-1"
+}, te = ["aria-level"], ae = { class: "header__description" }, ne = /* @__PURE__ */ M({
+  __name: "ProtegerMailSpam.ce",
+  props: {
+    titleLevel: { default: 2, type: Number },
+    steps: { type: Array }
+  },
+  setup(e, { expose: m }) {
+    const { t: a } = D(), t = f(0), n = f(""), c = f(!1), P = k("continue-button"), B = k("container"), C = j(), s = o(() => e.steps.at(t.value)), i = o(() => s.value.goodAction === n.value), h = o(() => t.value === e.steps.length - 1), q = o(() => n.value ? a(`proteger-mail-spam.feedback.step${t.value + 1}.${n.value}`) : ""), R = o(() => i.value ? a("proteger-mail-spam.feedback.titleOk") : a("proteger-mail-spam.feedback.titleKo")), A = o(() => i.value ? {
+      return: "disabled",
+      reply: "disabled",
+      forward: "disabled",
+      menu: "disabled"
+    } : s.value.actions);
+    function E() {
+      n.value = "", t.value = 0, c.value = !1;
+    }
+    async function L(x) {
+      n.value = x, await S(), i.value && !h.value && P.value?.buttonElement.focus();
+    }
+    async function N() {
+      t.value += 1, n.value = "", await S(), B.value.focus();
+    }
+    async function T() {
+      await N(), c.value = !1;
+    }
+    return m({
+      reset: E
+    }), (x, _) => (r(), F("div", ee, [
+      l("div", null, [
+        l("div", {
+          role: "heading",
+          "aria-level": e.titleLevel,
+          class: "header__title"
+        }, d(s.value.title), 9, te),
+        l("p", ae, d(s.value.description), 1)
+      ]),
+      g(I, {
+        step: t.value,
+        "steps-count": e.steps.length
+      }, null, 8, ["step", "steps-count"]),
+      g(W, {
+        actions: A.value,
+        mail: s.value.mail,
+        onAction: L
+      }, null, 8, ["actions", "mail"]),
+      l("div", {
+        class: O(["feedback", { "is-hidden": !n.value }]),
+        "aria-live": "polite"
+      }, [
+        n.value ? (r(), p(J, {
+          key: 0,
+          title: R.value
+        }, {
+          icon: v(() => [
+            i.value ? (r(), p(G, {
+              key: 0,
+              class: "feedback__icon",
+              "aria-hiden": "true"
+            })) : (r(), p(H, {
+              key: 1,
+              class: "feedback__icon",
+              "aria-hiden": "true"
+            }))
+          ]),
+          content: v(() => [
+            l("p", null, d(q.value), 1)
+          ]),
+          _: 1
+        }, 8, ["title"])) : y("", !0)
+      ], 2),
+      i.value && !h.value ? (r(), p(U, {
+        key: 0,
+        ref: "continue-button",
+        onClick: _[0] || (_[0] = (ie) => c.value = !0),
+        class: "next-button"
+      }, {
+        default: v(() => [
+          $(d(u(a)("proteger-mail-spam.nextStepButton")), 1)
+        ]),
+        _: 1
+      }, 512)) : y("", !0),
+      g(Q, {
+        content: u(a)("proteger-mail-spam.successPopin.content"),
+        title: u(a)("proteger-mail-spam.successPopin.title"),
+        show: c.value,
+        "text-button": u(a)("proteger-mail-spam.successPopin.buttonLabel"),
+        "root-element": u(C),
+        onPrimaryAction: T
+      }, null, 8, ["content", "title", "show", "text-button", "root-element"])
+    ], 512));
+  }
+}), oe = "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}.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{display:flex;flex-direction:column;align-items:center;color:#122647;padding:.5rem}.main-container>: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}", se = /* @__PURE__ */ V(ne, [["styles", [oe]]]);
+b.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/fr.json": Z }));
+const z = K(se, {
+  configureApp(e) {
+    b.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(b);
+  }
+});
+z.prototype.normalizeProps = (e) => {
+  const m = e.steps.map((a) => {
+    const t = {
+      ...a,
+      actions: w({
+        ...e.actions,
+        menuActions: w(e.actions?.menuActions)
+      })
+    };
+    return t.mail.sender.avatarColor = X(t.mail.sender.avatarColor), t;
+  });
+  return {
+    titleLevel: Y(e.titleLevel),
+    steps: m
+  };
+};
+window.customElements.define("proteger-mail-spam", z);

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

@@ -1,7 +1,7 @@
-import { d as y, y as b, c as i, o, a as s, B as v, t as d, n as w, _, U as R, V as A, r as x, z as O, H as V, N as G, g as M, j as P, F as $, b as C, e as F, k as Q, E as k, W as U, K as W, l as H, f as K } from "../_plugin-vue_export-helper-BPDEgOal.js";
-import { i as a, a as J, b as X } from "../i18n-BuCPzaih.js";
-import { R as Y } from "../Retry-CoaWKuPG.js";
-import { u as Z } from "../normalize-props-DtfVI0Xg.js";
+import { b as y, g as b, c as i, o, a as s, B as v, t as d, n as w, _, U as E, V as R, r as x, A as O, H as V, P, q as G, j as M, F as $, e as C, f as F, k as Q, E as k, W as U, K as W, l as H, d as K } from "../_plugin-vue_export-helper-D0N_62VD.js";
+import { i as a, a as J, b as X } from "../i18n-ekiZvzf6.js";
+import { R as Y } from "../Retry-BZf7NJz9.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 = {
@@ -55,7 +55,7 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
   }
 }), 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({
   __name: "Option.ce",
-  props: /* @__PURE__ */ R({
+  props: /* @__PURE__ */ E({
     option: { type: String },
     value: { type: Number },
     readonly: { type: Boolean }
@@ -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(p) {
       if (t.value) {
         p.preventDefault();
@@ -85,7 +85,7 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
         "aria-disabled": t.value,
         "onUpdate:modelValue": m[0] || (m[0] = (g) => l.value = g)
       }, null, 8, be), [
-        [G, l.value]
+        [P, l.value]
       ]),
       V(d(e.option), 1)
     ], 2));
@@ -100,11 +100,11 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
     return (u, n) => (o(), i("button", {
       class: w(["epreuve-button", e.state])
     }, [
-      M(u.$slots, "icon"),
+      G(u.$slots, "icon"),
       V(" " + d(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]]]), Ie = { class: "container" }, Se = { class: "left-side" }, qe = ["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: "left-side__description" }, Ce = { class: "left-side__action" }, Ve = {
   key: 0,
   id: "optionsSelectedInfo",
   class: "left-side__lower-legend",
@@ -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 = P("optionsNode"), p = a.t("qcm-deepfake.options", { returnObjects: !0 }), m = ["👩‍🎤", "🎧", "🎶", "👩", "🎙️"], g = p.map((c, r) => `${m[r]} ${c}`), B = g.filter((c, r) => l.includes(r + 1)), T = [
+    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}`), B = g.filter((c, r) => l.includes(r + 1)), T = [
       {
         type: "info",
         image: e.infoImage
@@ -146,11 +146,11 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
         type: "search",
         image: e.searchImage
       }
-    ], I = b(() => n.value.length !== 3 || t.value === "search"), j = b(() => t.value === "search" ? a.t("qcm-deepfake.loading") : t.value === "info" ? a.t("qcm-deepfake.generateVideo") : a.t("qcm-deepfake.restart")), z = b(() => t.value === "info" ? a.t("qcm-deepfake.generateVideoInfo", { count: l.length - n.value.length }) : t.value === "fail" ? a.t("qcm-deepfake.restartInfo") : "");
-    function D() {
-      return I.value ? !1 : t.value === "info" ? L() : S();
+    ], q = b(() => n.value.length !== 3 || t.value === "search"), j = b(() => t.value === "search" ? a.t("qcm-deepfake.loading") : t.value === "info" ? a.t("qcm-deepfake.generateVideo") : a.t("qcm-deepfake.restart")), D = 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 S() {
+    function I() {
       h.value.forEach((c) => {
         c.isChecked = !1;
       }), n.value = [], t.value = "info";
@@ -160,33 +160,33 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
       t.value = "search", await new Promise((r) => setTimeout(r, e.searchDelay)), c ? t.value = "success" : t.value = "fail";
     }
     return u({
-      reset: S
-    }), (c, r) => (o(), i("div", Ie, [
-      s("form", Se, [
+      reset: I
+    }), (c, 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, qe),
+        }, d(c.$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, q) => (o(), F(_e, {
+          (o(!0), i($, null, C(Q(g), (f, S) => (o(), F(_e, {
             ref_for: !0,
             ref_key: "optionsNode",
             ref: h,
             modelValue: n.value,
-            "onUpdate:modelValue": r[0] || (r[0] = (E) => n.value = E),
-            key: q,
+            "onUpdate:modelValue": r[0] || (r[0] = (A) => n.value = A),
+            key: S,
             class: "left-side__options",
             option: f,
-            value: q + 1,
+            value: S + 1,
             readonly: t.value !== "info"
           }, null, 8, ["modelValue", "option", "value", "readonly"]))), 128))
         ]),
         s("div", Ce, [
           k(we, {
-            onClick: H(D, ["prevent"]),
-            "aria-disabled": I.value,
+            onClick: H(z, ["prevent"]),
+            "aria-disabled": q.value,
             label: j.value,
             state: t.value === "info" ? "primary" : "warning",
             "aria-describedby": ["success", "search"].includes(t.value) ? void 0 : "optionsSelectedInfo"
@@ -199,7 +199,7 @@ 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(z.value), 1))
+          ["success", "search"].includes(t.value) ? v("", !0) : (o(), i("p", Ve, d(D.value), 1))
         ])
       ]),
       s("div", Ne, [
@@ -216,9 +216,9 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
       ])
     ]));
   }
-}), Te = "legend,label,p,div[role=heading]{font-family:Nunito,Roboto,sans-serif;color:#253858}", je = ".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%}}", ze = /* @__PURE__ */ _(Be, [["styles", [Te, je]], ["__scopeId", "data-v-66f8d52f"]]);
+}), Te = "legend,label,p,div[role=heading]{font-family:Nunito,Roboto,sans-serif;color:#253858}", je = ".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%}}", De = /* @__PURE__ */ _(Be, [["styles", [Te, je]], ["__scopeId", "data-v-66f8d52f"]]);
 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 = K(ze, {
+const N = K(De, {
   configureApp(e) {
     a.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(X, { i18next: a });
   }