@1024pix/epreuves-components 4.0.1 → 4.1.0

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

@@ -1,6 +1,6 @@
-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";
+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 f, e as b, H, Q 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-B-lVMTio.js";
+import { a as K, i as w, b as Q } from "../i18n-CsT7k7zW.js";
+import { N as j } from "../NavigationButton.ce-BnnVUwGr.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 = {
@@ -12,13 +12,13 @@ const R = {}, U = {}, q = {}, J = {}, W = {}, X = {
 }, ue = {
   key: 0,
   class: "confirm"
-}, pe = ["innerHTML", "aria-hidden"], ve = /* @__PURE__ */ O({
+}, pe = ["innerHTML", "aria-hidden"], ve = /* @__PURE__ */ B({
   __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 = g(() => s.value === p.options.length - 1), N = g(() => s.value === 0), c = g(() => Number(s.value));
+    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));
     function T() {
       o.value = !0;
     }
@@ -28,19 +28,19 @@ const R = {}, U = {}, q = {}, J = {}, W = {}, X = {
     function z() {
       o.value || (s.value = Math.min(p.options.length - 1, c.value + 1));
     }
-    function h(l) {
+    function x(l) {
       o.value || (s.value = l);
     }
-    function A() {
+    function O() {
       o.value = !1, s.value = Math.floor(p.options.length / 2);
     }
     return M({
-      reset: A
-    }), (l, x) => {
-      const B = V("i18next");
-      return i(), a("form", {
+      reset: O
+    }), (l, h) => {
+      const V = E("i18next");
+      return a(), i("form", {
         class: "pix-cursor",
-        onSubmit: P(T, ["prevent"])
+        onSubmit: F(T, ["prevent"])
       }, [
         r("div", null, [
           r("label", {
@@ -48,21 +48,21 @@ const R = {}, U = {}, q = {}, J = {}, W = {}, X = {
             for: d(v)
           }, u(l.$t("pix-cursor.selectAnOption")), 9, ee),
           r("ul", oe, [
-            (i(!0), a(f, null, b(n.options, (t, e) => (i(), a("li", {
-              onClick: (E) => h(e),
+            (a(!0), i(f, null, b(n.options, (t, e) => (a(), i("li", {
+              onClick: (A) => x(e),
               key: e
             }, u(t.label), 9, te))), 128))
           ]),
           r("datalist", { id: d(_) }, [
-            (i(!0), a(f, null, b(n.options, (t, e) => (i(), a("option", {
-              onClick: (E) => h(e),
+            (a(!0), i(f, null, b(n.options, (t, e) => (a(), i("option", {
+              onClick: (A) => x(e),
               key: e,
               value: e,
               label: t.label
             }, u(t.label), 9, ae))), 128))
           ], 8, ne),
-          S(r("input", {
-            "onUpdate:modelValue": x[0] || (x[0] = (t) => s.value = t),
+          H(r("input", {
+            "onUpdate:modelValue": h[0] || (h[0] = (t) => s.value = t),
             id: d(v),
             type: "range",
             list: d(_),
@@ -70,10 +70,10 @@ const R = {}, U = {}, q = {}, J = {}, W = {}, X = {
             max: n.options.length - 1,
             disabled: o.value
           }, null, 8, ie), [
-            [H, s.value]
+            [S, s.value]
           ]),
           r("div", se, [
-            m(j, {
+            g(j, {
               onClick: $,
               disabled: o.value || N.value,
               label: l.$t("pix-cursor.previous"),
@@ -84,14 +84,14 @@ const R = {}, U = {}, q = {}, J = {}, W = {}, X = {
               type: "button"
             }, null, 8, ["disabled", "label", "aria-controls", "aria-disabled"]),
             r("div", re, [
-              (i(!0), a(f, null, b(n.options, (t, e) => (i(), a("p", {
+              (a(!0), i(f, null, b(n.options, (t, e) => (a(), i("p", {
                 key: e,
                 class: C({
                   hidden: e !== c.value
                 }),
                 "aria-hidden": e !== c.value
               }, [
-                m(B, {
+                g(V, {
                   translation: l.$t("pix-cursor.youHaveChosen")
                 }, {
                   choice: L(() => [
@@ -101,7 +101,7 @@ const R = {}, U = {}, q = {}, J = {}, W = {}, X = {
                 }, 1032, ["translation"])
               ], 10, le))), 128))
             ]),
-            m(j, {
+            g(j, {
               onClick: z,
               disabled: o.value || I.value,
               label: l.$t("pix-cursor.next"),
@@ -114,8 +114,8 @@ const R = {}, U = {}, q = {}, J = {}, W = {}, X = {
           ])
         ]),
         r("div", de, [
-          o.value ? F("", !0) : (i(), a("button", ue, u(l.$t("pix-cursor.confirm")), 1)),
-          (i(!0), a(f, null, b(n.options, (t, e) => (i(), a("p", {
+          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,
             key: e,
             class: C(["feedback", {
@@ -128,7 +128,7 @@ const R = {}, U = {}, q = {}, J = {}, W = {}, X = {
       ], 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__ */ D(ve, [["styles", [fe]], ["__scopeId", "data-v-58e704c5"]]);
+}), 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"]]);
 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) {

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

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

@@ -1,6 +1,6 @@
-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 y, o, c as i, a as s, x as d, l as v, t as w, g as b, _, U as R, H as A, P as O, E as V, V as P, r as x, q as G, h as M, F as $, e as C, f as F, v as Q, C as k, W as U, D as W, y as H, d as J } from "../_plugin-vue_export-helper-B-lVMTio.js";
+import { i as a, a as K, b as X } from "../i18n-CsT7k7zW.js";
+import { R as Y } from "../Retry-C7C78Wpj.js";
 import { b as 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." } }
@@ -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__ */ E({
+  props: /* @__PURE__ */ P({
     option: { type: String },
     value: { type: Number },
     readonly: { type: Boolean }
@@ -78,14 +78,14 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
     }), (p, m) => (o(), i("label", {
       class: w({ selected: l.value, disabled: t.value })
     }, [
-      O(s("input", {
+      A(s("input", {
         type: "checkbox",
         name: "options",
         onClick: h,
         "aria-disabled": t.value,
         "onUpdate:modelValue": m[0] || (m[0] = (g) => l.value = g)
       }, null, 8, be), [
-        [P, l.value]
+        [O, l.value]
       ]),
       V(d(e.option), 1)
     ], 2));
@@ -112,7 +112,7 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
 }, Ne = {
   class: "right-side",
   "aria-live": "polite"
-}, Be = /* @__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"), 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}`), D = g.filter((c, r) => l.includes(r + 1)), T = [
       {
         type: "info",
         image: e.infoImage
@@ -146,7 +146,7 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
         type: "search",
         image: e.searchImage
       }
-    ], 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") : "");
+    ], 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") : "");
     function z() {
       return q.value ? !1 : t.value === "info" ? L() : I();
     }
@@ -156,7 +156,7 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
       }), n.value = [], t.value = "info";
     }
     async function L() {
-      const c = n.value.every((r) => B.includes(r.trim()));
+      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({
@@ -175,7 +175,7 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
             ref_key: "optionsNode",
             ref: h,
             modelValue: n.value,
-            "onUpdate:modelValue": r[0] || (r[0] = (A) => n.value = A),
+            "onUpdate:modelValue": r[0] || (r[0] = (E) => n.value = E),
             key: S,
             class: "left-side__options",
             option: f,
@@ -187,7 +187,7 @@ const ee = {}, te = {}, ae = {}, ne = {}, oe = {}, ie = {
           k(we, {
             onClick: H(z, ["prevent"]),
             "aria-disabled": q.value,
-            label: j.value,
+            label: B.value,
             state: t.value === "info" ? "primary" : "warning",
             "aria-describedby": ["success", "search"].includes(t.value) ? void 0 : "optionsSelectedInfo"
           }, U({ _: 2 }, [
@@ -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(D.value), 1))
+          ["success", "search"].includes(t.value) ? v("", !0) : (o(), i("p", Ve, d(j.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%}}", 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(De, {
+}), Te = "legend,label,p,div[role=heading]{font-family:Nunito,Roboto,sans-serif;color:#253858}", Be = ".container[data-v-66f8d52f]{display:flex;gap:.8rem}.title[data-v-66f8d52f]{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:16px}.left-side[data-v-66f8d52f]{min-width:60%;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;border-radius:10px}.left-side__lower-legend[data-v-66f8d52f]{font-size:.875rem;color:#5e6c84}.left-side__subtitle[data-v-66f8d52f]{font-size:1.25rem;font-weight:700;text-align:center}.left-side__options[data-v-66f8d52f]{display:flex;border:solid 1px #5e6c84;padding:.6rem;border-radius:5px;gap:.5rem}.left-side__description[data-v-66f8d52f]{font-weight:700}.left-side__button[data-v-66f8d52f]{display:flex;gap:.5rem;align-items:center;border:none;padding:.6rem 1.5rem;background:#ffcb33;color:#000;border-radius:25px;font-weight:700;cursor:pointer}.left-side__button.generate[data-v-66f8d52f]{background:#613fdd;color:#fff}.left-side__button[aria-disabled=true][data-v-66f8d52f]{cursor:not-allowed;background:#d3d3d3}.left-side__action[data-v-66f8d52f]{display:flex;flex-direction:column;align-items:center;text-align:center}.right-side[data-v-66f8d52f]{display:grid;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;text-align:center;border-radius:10px}fieldset[data-v-66f8d52f]{border:none;display:flex;flex-direction:column;gap:.8rem}@media(max-width:770px){.container[data-v-66f8d52f]{flex-wrap:wrap}.left-side[data-v-66f8d52f],.right-side[data-v-66f8d52f]{width:100%}}", je = /* @__PURE__ */ _(De, [["styles", [Te, Be]], ["__scopeId", "data-v-66f8d52f"]]);
+K(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": ee, "./locales/en.json": te, "./locales/es-419.json": ae, "./locales/es.json": ne, "./locales/fr-BE.json": oe, "./locales/fr.json": ie, "./locales/it.json": re, "./locales/nl.json": se })).catch((e) => console.error(e));
+const N = J(je, {
   configureApp(e) {
     a.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(X, { i18next: a });
   }

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

@@ -1,9 +1,9 @@
-import { b as q, c as m, o as r, n as B, a as l, B as g, t as u, _ as j, r as b, j as V, g as p, E as h, f as v, K as k, H as G, l as Q, d as R } from "../_plugin-vue_export-helper-D0N_62VD.js";
-import { u as O, a as P, i as z, b as D } from "../i18n-ekiZvzf6.js";
-import { _ as H, a as I, F as K } from "../Cross.ce.vue_vue_type_script_setup_true_lang-CVBFTfq5.js";
-import { S as M } from "../Stepper.ce-B1yDelzC.js";
-import { a as f, b as J } from "../normalize-props-DH0oPBss.js";
-import { l as U } from "../index-BpqxFmwz.js";
+import { b as q, o as r, c as m, t as B, a as l, x as u, l as g, _ as A, h as V, C as b, f as h, D as k, E as G, y as Q, r as v, g as p, d as R } from "../_plugin-vue_export-helper-B-lVMTio.js";
+import { u as D, a as O, i as z, b as P } from "../i18n-CsT7k7zW.js";
+import { _ as I, a as M, F as H } from "../Cross.ce.vue_vue_type_script_setup_true_lang-l4hAa4eW.js";
+import { S as J } from "../Stepper.ce-Dttf3Dsf.js";
+import { a as f, b as K } from "../normalize-props-DH0oPBss.js";
+import { l as U } from "../index-BaI3Qosp.js";
 const W = {}, X = {}, Y = {}, Z = {}, ee = {}, te = {
   "quiz-stepper": { submitButton: "Valider", nextStepButton: "Continuer", feedback: { success: "Bien joué", failed: "Pas tout à fait" } }
 }, ne = {}, se = {}, ie = ["id", "aria-disabled", "checked"], oe = ["for"], ae = {
@@ -41,14 +41,14 @@ const W = {}, X = {}, Y = {}, Z = {}, ee = {}, te = {
       ], 8, oe)
     ], 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__ */ j(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__ */ A(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 = b(0), t = b(), n = b(!1), o = V("form"), { t: _ } = O(), a = p(() => e.steps?.[s.value]), w = p(() => !n.value), $ = p(() => {
+    const s = v(0), t = v(), n = v(!1), o = V("form"), { t: _ } = D(), a = p(() => e.steps?.[s.value]), w = p(() => !n.value), $ = p(() => {
       const i = s.value === e.steps.length - 1;
       return i ? i && !n.value : !0;
     }), C = p(() => w.value ? _("quiz-stepper.submitButton") : _("quiz-stepper.nextStepButton"));
@@ -88,7 +88,7 @@ const W = {}, X = {}, Y = {}, Z = {}, ee = {}, te = {
       tabindex: "-1"
     }, [
       l("div", ue, [
-        h(M, {
+        b(J, {
           step: s.value,
           "steps-count": e.steps.length
         }, null, 8, ["step", "steps-count"]),
@@ -101,14 +101,14 @@ const W = {}, X = {}, Y = {}, Z = {}, ee = {}, te = {
             }, u(a.value.question), 9, de)
           ]),
           l("div", pe, [
-            h(S, {
+            b(S, {
               id: "choice1",
               choice: a.value.choice1,
               "show-feedback": n.value,
               "is-selected": y(a.value.choice1),
               onSelectAnswer: d[0] || (d[0] = (L) => x(a.value.choice1))
             }, null, 8, ["choice", "show-feedback", "is-selected"]),
-            h(S, {
+            b(S, {
               id: "choice2",
               choice: a.value.choice2,
               "show-feedback": n.value,
@@ -117,15 +117,15 @@ const W = {}, X = {}, Y = {}, Z = {}, ee = {}, te = {
             }, null, 8, ["choice", "show-feedback", "is-selected"])
           ])
         ]),
-        n.value ? (r(), v(K, {
+        n.value ? (r(), h(H, {
           key: 0,
           title: t.value?.isGoodAnswer ? i.$t("quiz-stepper.feedback.success") : i.$t("quiz-stepper.feedback.failed")
         }, {
           icon: k(() => [
-            t.value?.isGoodAnswer ? (r(), v(H, {
+            t.value?.isGoodAnswer ? (r(), h(I, {
               key: 0,
               class: "icon-size"
-            })) : (r(), v(I, {
+            })) : (r(), h(M, {
               key: 1,
               class: "icon-size"
             }))
@@ -144,15 +144,15 @@ const W = {}, X = {}, Y = {}, Z = {}, ee = {}, te = {
       ])
     ], 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__ */ j(me, [["styles", [be]]]);
-P(/* @__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));
+}), 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]]]);
+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 A = R(he, {
+const j = R(he, {
   configureApp(e) {
-    z.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(D, { i18next: z });
+    z.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(P, { i18next: z });
   }
 });
-A.prototype.normalizeProps = (e) => {
+j.prototype.normalizeProps = (e) => {
   let { steps: c, titleLevel: s } = e;
   return c = c.map((t) => {
     let { choice1: n, choice2: o } = t;
@@ -171,7 +171,7 @@ A.prototype.normalizeProps = (e) => {
     };
   }), {
     steps: c,
-    titleLevel: J(s)
+    titleLevel: K(s)
   };
 };
-window.customElements.define("quiz-stepper", A);
+window.customElements.define("quiz-stepper", j);