@1024pix/epreuves-components 4.6.0 → 4.6.2

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

@@ -1,24 +1,24 @@
-import { a as A, r as y, s as k, K as B, o as a, c as i, b as r, v as d, x as u, F as f, e as b, H, T as S, D as g, t as C, E as L, l as D, y as F, g as m, _ as P, d as G } from "../_plugin-vue_export-helper-DJlRxzRH.js";
-import { a as K, i as w, b as R } from "../i18n-C0iMUvqX.js";
-import { N as j } from "../NavigationButton.ce-DqFqWt9V.js";
+import { b as B, r as y, s as k, K as E, o as a, c as i, a as r, v as d, x as u, F as p, e as v, H, T as S, C as g, t as C, D as L, l as D, y as F, g as m, _ as P, d as G } from "../_plugin-vue_export-helper-CD1RUA2y.js";
+import { a as K, i as w, b as R } from "../i18n-C-1Ne5JG.js";
+import { N as j } from "../NavigationButton.ce-CIOKG2O0.js";
 const U = {}, q = {}, J = {}, Q = {}, 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",
   "aria-hidden": "true"
-}, te = ["onClick"], ne = ["id"], ae = ["onClick", "value", "label"], ie = ["id", "list", "max", "disabled"], se = { class: "navigation-container" }, re = { class: "chosen-text-container" }, le = ["aria-hidden"], ce = { class: "chosen-option" }, de = {
+}, te = ["onClick"], ne = ["id"], ae = ["value", "label", "onClick"], ie = ["id", "list", "max", "disabled"], se = { class: "navigation-container" }, re = { class: "chosen-text-container" }, le = ["aria-hidden"], ce = { class: "chosen-option" }, de = {
   class: "footer",
   "aria-live": "polite"
 }, ue = {
   key: 0,
   class: "confirm"
-}, pe = ["innerHTML", "aria-hidden"], ve = /* @__PURE__ */ A({
+}, be = ["aria-hidden", "innerHTML"], fe = /* @__PURE__ */ B({
   __name: "PixCursor.ce",
   props: {
     options: { type: Array }
   },
   setup(n, { expose: M }) {
-    const p = n, s = y(Math.floor(p.options.length / 2)), o = y(!1), v = k(), _ = k(), I = m(() => s.value === p.options.length - 1), N = m(() => s.value === 0), c = m(() => Number(s.value));
+    const b = n, s = y(Math.floor(b.options.length / 2)), o = y(!1), f = k(), _ = k(), I = m(() => s.value === b.options.length - 1), N = m(() => s.value === 0), c = m(() => Number(s.value));
     function T() {
       o.value = !0;
     }
@@ -26,18 +26,18 @@ const U = {}, q = {}, J = {}, Q = {}, W = {}, X = {
       o.value || (s.value = Math.max(0, c.value - 1));
     }
     function z() {
-      o.value || (s.value = Math.min(p.options.length - 1, c.value + 1));
+      o.value || (s.value = Math.min(b.options.length - 1, c.value + 1));
     }
     function x(l) {
       o.value || (s.value = l);
     }
-    function E() {
-      o.value = !1, s.value = Math.floor(p.options.length / 2);
+    function O() {
+      o.value = !1, s.value = Math.floor(b.options.length / 2);
     }
     return M({
-      reset: E
+      reset: O
     }), (l, h) => {
-      const O = B("i18next");
+      const V = E("i18next");
       return a(), i("form", {
         class: "pix-cursor",
         onSubmit: F(T, ["prevent"])
@@ -45,25 +45,25 @@ const U = {}, q = {}, J = {}, Q = {}, W = {}, X = {
         r("div", null, [
           r("label", {
             class: "sr-only",
-            for: d(v)
+            for: d(f)
           }, u(l.$t("pix-cursor.selectAnOption")), 9, ee),
           r("ul", oe, [
-            (a(!0), i(f, null, b(n.options, (t, e) => (a(), i("li", {
-              onClick: (V) => x(e),
-              key: e
+            (a(!0), i(p, null, v(n.options, (t, e) => (a(), i("li", {
+              key: e,
+              onClick: (A) => x(e)
             }, u(t.label), 9, te))), 128))
           ]),
           r("datalist", { id: d(_) }, [
-            (a(!0), i(f, null, b(n.options, (t, e) => (a(), i("option", {
-              onClick: (V) => x(e),
+            (a(!0), i(p, null, v(n.options, (t, e) => (a(), i("option", {
               key: e,
               value: e,
-              label: t.label
+              label: t.label,
+              onClick: (A) => x(e)
             }, u(t.label), 9, ae))), 128))
           ], 8, ne),
           H(r("input", {
+            id: d(f),
             "onUpdate:modelValue": h[0] || (h[0] = (t) => s.value = t),
-            id: d(v),
             type: "range",
             list: d(_),
             min: "0",
@@ -74,24 +74,24 @@ const U = {}, q = {}, J = {}, Q = {}, W = {}, X = {
           ]),
           r("div", se, [
             g(j, {
-              onClick: $,
               disabled: o.value || N.value,
               label: l.$t("pix-cursor.previous"),
-              "aria-controls": d(v),
+              "aria-controls": d(f),
               "aria-disabled": o.value,
               "tooltip-position": "bottom",
               direction: "previous",
-              type: "button"
+              type: "button",
+              onClick: $
             }, null, 8, ["disabled", "label", "aria-controls", "aria-disabled"]),
             r("div", re, [
-              (a(!0), i(f, null, b(n.options, (t, e) => (a(), i("p", {
+              (a(!0), i(p, null, v(n.options, (t, e) => (a(), i("p", {
                 key: e,
                 class: C({
                   hidden: e !== c.value
                 }),
                 "aria-hidden": e !== c.value
               }, [
-                g(O, {
+                g(V, {
                   translation: l.$t("pix-cursor.youHaveChosen")
                 }, {
                   choice: L(() => [
@@ -102,35 +102,35 @@ const U = {}, q = {}, J = {}, Q = {}, W = {}, X = {
               ], 10, le))), 128))
             ]),
             g(j, {
-              onClick: z,
               disabled: o.value || I.value,
               label: l.$t("pix-cursor.next"),
-              "aria-controls": d(v),
+              "aria-controls": d(f),
               "aria-disabled": o.value,
               "tooltip-position": "bottom",
               direction: "next",
-              type: "button"
+              type: "button",
+              onClick: z
             }, null, 8, ["disabled", "label", "aria-controls", "aria-disabled"])
           ])
         ]),
         r("div", de, [
           o.value ? D("", !0) : (a(), i("button", ue, u(l.$t("pix-cursor.confirm")), 1)),
-          (a(!0), i(f, null, b(n.options, (t, e) => (a(), i("p", {
-            innerHTML: t.feedback.text,
+          (a(!0), i(p, null, v(n.options, (t, e) => (a(), i("p", {
             key: e,
             class: C(["feedback", {
               [t.feedback.type]: !0,
               hidden: !o.value || c.value !== e
             }]),
-            "aria-hidden": c.value !== e
-          }, null, 10, pe))), 128))
+            "aria-hidden": c.value !== e,
+            innerHTML: t.feedback.text
+          }, null, 10, be))), 128))
         ])
       ], 32);
     };
   }
-}), 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__ */ P(ve, [["styles", [fe]], ["__scopeId", "data-v-58e704c5"]]);
+}), pe = "[data-v-7c9bfb73]{--pix-neutral-800: #253858;font-family:Nunito,sans-serif;color:var(--pix-neutral-800)}.pix-cursor[data-v-7c9bfb73]{display:flex;flex-direction:column;justify-content:center;margin:auto;padding:2rem;gap:1rem;overflow:hidden}.pix-cursor p[data-v-7c9bfb73]{text-align:center;font-size:1.1rem}.pix-cursor .chosen-option[data-v-7c9bfb73]{font-weight:700}.pix-cursor .visible-options[data-v-7c9bfb73]{display:flex;justify-content:space-between;margin:0;padding:0}.pix-cursor .visible-options li[data-v-7c9bfb73]{cursor:pointer;list-style:none}.pix-cursor input[data-v-7c9bfb73]{width:100%}.pix-cursor .confirm[data-v-7c9bfb73]{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-7c9bfb73]:hover{background:#355ac4;transition:background ease .1s}.pix-cursor .navigation-container[data-v-7c9bfb73]{display:flex;justify-content:center;align-items:center;gap:1rem}.pix-cursor .navigation-container .chosen-text-container[data-v-7c9bfb73]{display:grid}.pix-cursor .navigation-container .chosen-text-container p[data-v-7c9bfb73]{grid-row:1;grid-column:1}.pix-cursor .navigation-container .chosen-text-container p.hidden[data-v-7c9bfb73]{transform:translate(100vw)}.pix-cursor .footer[data-v-7c9bfb73]{display:grid;grid-template-columns:auto;align-items:center;justify-content:center}.pix-cursor .feedback[data-v-7c9bfb73]{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-7c9bfb73]{visibility:hidden;transform:translate(100vw)}.pix-cursor .feedback.good[data-v-7c9bfb73]{background:#e8f5e9;border-left-color:#4caf51}.pix-cursor .feedback.bad[data-v-7c9bfb73]{background:#ffebee;border-left-color:#f44337}.pix-cursor .feedback.neutral[data-v-7c9bfb73]{background:#e8f6ff;border-left-color:#464ee0}.pix-cursor .feedback.close[data-v-7c9bfb73]{background:#fff8e1;border-left-color:#ffc108}", ve = /* @__PURE__ */ P(fe, [["styles", [pe]], ["__scopeId", "data-v-7c9bfb73"]]);
 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));
-window.customElements.define("pix-cursor", G(be, {
+window.customElements.define("pix-cursor", G(ve, {
   configureApp(n) {
     w.changeLanguage(document?.documentElement?.lang || navigator.language), n.use(R, { i18next: w });
   }

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-DJlRxzRH.js";
-import { i as e } from "../i18n-lite-X2ADNonj.js";
-import { P as c } from "../PixMailMessage.ce-Cqrs9R3i.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-DUSt6eGF.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 { a as T, h as k, o as l, c as N, b 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-DJlRxzRH.js";
-import { u as V, i as b } from "../i18n-lite-X2ADNonj.js";
-import { S as D } from "../Stepper.ce-cG0al2pY.js";
-import { F as I } from "../Feedback.ce-CeyQhenY.js";
-import { _ as K, a as G } from "../Cross.ce.vue_vue_type_script_setup_true_lang-Cc1FblLh.js";
-import { P as H } from "../Popin.ce-D1V8wzxE.js";
-import { B as J } from "../Button.ce-C-lBihdF.js";
-import { P as Q } from "../PixMailMessage.ce-Cqrs9R3i.js";
-import { p as U } from "../shadow-dom-Dh5hLXcx.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-OnxaZNvT.js";
+import { B as H } from "../Button.ce-CsTDnAGh.js";
+import { P as J } from "../PixMailMessage.ce-DUSt6eGF.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 = {
-  class: "main-container",
+}, ne = {}, ae = {}, se = {
   ref: "container",
+  class: "main-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),
-          class: "next-button"
+          class: "next-button",
+          onClick: y[0] || (y[0] = (pe) => l.value = !0)
         }, {
-          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,10 +1,10 @@
-import { a as y, o, c as i, b as s, x as c, l as v, t as w, g as b, _, N as E, H as R, S as O, A as V, 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-DJlRxzRH.js";
-import { i as a, a as J, b as K } from "../i18n-C0iMUvqX.js";
-import { R as Y } from "../Retry-fzluiEoj.js";
+import { b as y, o, c as i, a as s, x as d, 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." } }
-}, re = {}, se = {}, le = ["aria-hidden"], de = ["aria-level"], ce = ["src"], ue = {
+}, re = {}, se = {}, le = ["aria-hidden"], ce = ["aria-level"], de = ["src"], ue = {
   key: 1,
   class: "description"
 }, pe = ["src"], ge = ["aria-level"], fe = /* @__PURE__ */ y({
@@ -28,13 +28,13 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
         class: "subtitle",
         role: "heading",
         "aria-level": e.titleLevel
-      }, c(n.value), 9, de),
+      }, d(n.value), 9, ce),
       e.type === "search" ? (o(), i("img", {
         key: 0,
         src: e.image,
         alt: ""
-      }, null, 8, ce)) : v("", !0),
-      e.type === "success" || e.type === "fail" ? (o(), i("p", ue, c(e.title), 1)) : v("", !0),
+      }, null, 8, de)) : v("", !0),
+      e.type === "success" || e.type === "fail" ? (o(), i("p", ue, d(e.title), 1)) : v("", !0),
       e.type !== "search" ? (o(), i("img", {
         key: 2,
         src: e.image,
@@ -48,12 +48,12 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
           class: "answer-block__title",
           role: "heading",
           "aria-level": e.titleLevel + 1
-        }, c(e.messageTitle), 9, ge),
-        s("p", null, c(e.messageDescription), 1)
+        }, d(e.messageTitle), 9, ge),
+        s("p", null, d(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__ */ _(fe, [["styles", [me]], ["__scopeId", "data-v-2a82aa38"]]), be = ["aria-disabled"], he = /* @__PURE__ */ y({
+}), me = ".right-container[data-v-0a30902c]{grid-row:1/1;grid-column:1/1}.right-container[aria-hidden=true][data-v-0a30902c]{visibility:hidden}img[data-v-0a30902c]{margin-block:.5rem}.subtitle[data-v-0a30902c]{font-size:1.25rem;font-weight:700;text-align:center}.description[data-v-0a30902c]{font-weight:700;margin-top:0;margin-bottom:0}img[data-v-0a30902c]{width:200px;height:auto}.answer-block[data-v-0a30902c]{background:#e8e8e8;margin-inline:1rem;padding:.5rem;border-radius:10px}.answer-block p[data-v-0a30902c]{margin-bottom:0}.answer-block.success[data-v-0a30902c]{background:#e8f3ef}.answer-block.fail[data-v-0a30902c]{border-radius:16px;background:#fbecec}", ve = /* @__PURE__ */ _(fe, [["styles", [me]], ["__scopeId", "data-v-0a30902c"]]), be = ["aria-disabled"], he = /* @__PURE__ */ y({
   __name: "Option.ce",
   props: /* @__PURE__ */ P({
     option: { type: String },
@@ -65,7 +65,7 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: u }) {
-    const n = E(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,19 +78,19 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
     }), (f, m) => (o(), i("label", {
       class: w({ selected: l.value, disabled: t.value })
     }, [
-      R(s("input", {
+      A(s("input", {
+        "onUpdate:modelValue": m[0] || (m[0] = (g) => l.value = g),
         type: "checkbox",
         name: "options",
-        onClick: h,
         "aria-disabled": t.value,
-        "onUpdate:modelValue": m[0] || (m[0] = (g) => l.value = g)
+        onClick: h
       }, null, 8, be), [
         [O, l.value]
       ]),
-      V(c(e.option), 1)
+      V(d(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({
+}), ye = ".selected[data-v-ce61a014]{background:#f7f5ff}.disabled[data-v-ce61a014]{cursor:not-allowed;background:#efefef}.disabled.selected[data-v-ce61a014]{background:#d6d5dd}", _e = /* @__PURE__ */ _(he, [["styles", [ye]], ["__scopeId", "data-v-ce61a014"]]), ke = /* @__PURE__ */ y({
   __name: "Button.ce",
   props: {
     label: { type: String },
@@ -101,7 +101,7 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
       class: w(["epreuve-button", e.state])
     }, [
       G(u.$slots, "icon"),
-      V(" " + c(e.label), 1)
+      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]]]), Se = { class: "container" }, qe = { class: "left-side" }, Ie = ["aria-level"], $e = { class: "sr-only" }, Ce = { class: "left-side__action" }, Ve = {
@@ -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}`), D = g.filter((d, 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((c, r) => `${m[r]} ${c}`), D = g.filter((c, r) => l.includes(r + 1)), T = [
       {
         type: "info",
         image: e.infoImage
@@ -151,32 +151,32 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
       return S.value ? !1 : t.value === "info" ? L() : q();
     }
     function q() {
-      h.value.forEach((d) => {
-        d.isChecked = !1;
+      h.value.forEach((c) => {
+        c.isChecked = !1;
       }), n.value = [], t.value = "info";
     }
     async function L() {
-      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";
+      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";
     }
     return u({
       reset: q
-    }), (d, r) => (o(), i("div", Se, [
+    }), (c, 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, Ie),
+        }, d(c.$t("qcm-deepfake.in")), 9, Ie),
         s("fieldset", null, [
-          s("legend", $e, c(d.$t("qcm-deepfake.selectThreeElements")), 1),
+          s("legend", $e, d(c.$t("qcm-deepfake.selectThreeElements")), 1),
           (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] = (A) => n.value = A),
             key: I,
+            modelValue: n.value,
+            "onUpdate:modelValue": r[0] || (r[0] = (E) => n.value = E),
             class: "left-side__options",
             option: p,
             value: I + 1,
@@ -185,11 +185,11 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
         ]),
         s("div", Ce, [
           k(we, {
-            onClick: W(z, ["prevent"]),
             "aria-disabled": S.value,
             label: B.value,
             state: t.value === "info" ? "primary" : "warning",
-            "aria-describedby": ["success", "search"].includes(t.value) ? void 0 : "optionsSelectedInfo"
+            "aria-describedby": ["success", "search"].includes(t.value) ? void 0 : "optionsSelectedInfo",
+            onClick: W(z, ["prevent"])
           }, U({ _: 2 }, [
             t.value === "success" || t.value === "fail" ? {
               name: "icon",
@@ -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, c(j.value), 1))
+          ["success", "search"].includes(t.value) ? v("", !0) : (o(), i("p", Ve, d(j.value), 1))
         ])
       ]),
       s("div", Ne, [
@@ -216,7 +216,7 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
       ])
     ]));
   }
-}), 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"]]);
+}), Te = "legend,label,p,div[role=heading]{font-family:Nunito,Roboto,sans-serif;color:#253858}", Be = ".container[data-v-c5c2069c]{display:flex;gap:.8rem}.title[data-v-c5c2069c]{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:16px}.left-side[data-v-c5c2069c]{min-width:60%;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;border-radius:10px}.left-side__lower-legend[data-v-c5c2069c]{font-size:.875rem;color:#5e6c84}.left-side__subtitle[data-v-c5c2069c]{font-size:1.25rem;font-weight:700;text-align:center}.left-side__options[data-v-c5c2069c]{display:flex;border:solid 1px #5e6c84;padding:.6rem;border-radius:5px;gap:.5rem}.left-side__button[data-v-c5c2069c]{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-c5c2069c]{background:#613fdd;color:#fff}.left-side__button[aria-disabled=true][data-v-c5c2069c]{cursor:not-allowed;background:#d3d3d3}.left-side__action[data-v-c5c2069c]{display:flex;flex-direction:column;align-items:center;text-align:center}.right-side[data-v-c5c2069c]{display:grid;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;text-align:center;border-radius:10px}fieldset[data-v-c5c2069c]{border:none;display:flex;flex-direction:column;gap:.8rem}.sr-only[data-v-c5c2069c]{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-c5c2069c]{flex-wrap:wrap}.left-side[data-v-c5c2069c],.right-side[data-v-c5c2069c]{width:100%}}", je = /* @__PURE__ */ _(De, [["styles", [Te, Be]], ["__scopeId", "data-v-c5c2069c"]]);
 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) {