@1024pix/epreuves-components 4.6.0 → 4.6.2

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

@@ -1,130 +1,130 @@
-import { a as E, h as V, o, c as n, b as a, F as u, e as m, B as k, t as h, x as d, H as F, S as T, D as q, E as w, A as S, l as _, f as D, r as x, g as p, _ as I, d as G } from "../_plugin-vue_export-helper-DJlRxzRH.js";
-import { a as H, i as $, b as M } from "../i18n-C0iMUvqX.js";
+import { b as E, h as V, o as d, c as o, a as e, F as m, e as g, A as k, t as h, x as n, H as F, S as T, C as q, D as w, E as S, l as _, f as D, r as x, g as f, _ as I, d as G } from "../_plugin-vue_export-helper-CD1RUA2y.js";
+import { a as H, i as $, b as M } from "../i18n-C-1Ne5JG.js";
 import { b as O } from "../normalize-props-DH0oPBss.js";
-import { B as C } from "../Button.ce-C-lBihdF.js";
+import { B as C } from "../Button.ce-CsTDnAGh.js";
 const U = {}, J = {}, K = {}, Q = {}, W = {}, X = {
   "pix-anonymisation": { prompt: { title: "Prompt" }, rephrase: { title: "Reformulation" }, buttons: { checkNow: "Suivant", displayRephrasing: "Suivant", nextPrompt: "Suivant" }, correction: "élements qui doivent être anonymisés:" }
-}, Y = {}, Z = {}, aa = {
+}, Y = {}, Z = {}, ee = {
   ref: "prompt-container",
   tabindex: "-1"
-}, ta = { class: "stepper-container" }, ea = { key: 0 }, oa = { class: "prompt-card" }, na = ["aria-level"], da = { class: "prompt-card-content" }, ra = ["for"], sa = ["id", "value"], ia = { class: "prompt-card-content-part" }, la = { class: "prompt-card" }, ba = ["aria-level"], pa = { class: "prompt-card-content" }, fa = { class: "sr-only" }, va = { class: "sr-only" }, ca = {
+}, ae = { class: "stepper-container" }, te = { key: 0 }, de = { class: "prompt-card" }, oe = ["aria-level"], ne = { class: "prompt-card-content" }, re = ["for"], se = ["id", "value"], ie = { class: "prompt-card-content-part" }, le = { class: "prompt-card" }, pe = ["aria-level"], fe = { class: "prompt-card-content" }, ve = { class: "sr-only" }, ce = { class: "sr-only" }, ue = {
   key: 0,
   class: "prompt-card rephrase"
-}, ua = ["aria-level"], ma = { class: "prompt-card-content" }, ga = {
+}, me = ["aria-level"], ge = { class: "prompt-card-content" }, be = {
   key: 1,
   class: "feedback"
-}, ha = /* @__PURE__ */ E({
+}, he = /* @__PURE__ */ E({
   __name: "PixAnonymisation.ce",
   props: {
     titleLevel: { default: 2, type: Number },
     steps: { type: Array }
   },
-  setup(e, { expose: z }) {
-    const i = x(0), b = x([]), l = x(1), N = V("prompt-container"), f = p(() => e.steps[i.value]), L = p(() => l.value === 3 && i.value + 1 === e.steps.length), v = p(() => l.value === 3), B = p(() => f.value.fullSentence.map(({ content: t }) => t)), P = p(() => f.value.fullSentence.map(({ content: t, isAnonymizable: c }) => c ? { content: t, color: "green" } : {
-      content: t,
-      color: b.value.includes(t) ? "red" : "neutral"
-    })), R = p(() => f.value.fullSentence.filter(({ isAnonymizable: t }) => t).map(({ content: t }) => t));
-    function A() {
-      l.value = 1, i.value = 0, b.value = [];
+  setup(t, { expose: z }) {
+    const i = x(0), p = x([]), l = x(1), N = V("prompt-container"), v = f(() => t.steps[i.value]), L = f(() => l.value === 3 && i.value + 1 === t.steps.length), c = f(() => l.value === 3), P = f(() => v.value.fullSentence.map(({ content: a }) => a)), R = f(() => v.value.fullSentence.map(({ content: a, isAnonymizable: u }) => u ? { content: a, color: "green" } : {
+      content: a,
+      color: p.value.includes(a) ? "red" : "neutral"
+    })), A = f(() => v.value.fullSentence.filter(({ isAnonymizable: a }) => a).map(({ content: a }) => a));
+    function B() {
+      l.value = 1, i.value = 0, p.value = [];
     }
     function y() {
-      if (v.value) {
-        l.value = 1, i.value++, b.value = [];
+      if (c.value) {
+        l.value = 1, i.value++, p.value = [];
         return;
       }
       l.value++, N.value.focus();
     }
     return z({
-      reset: A
-    }), (t, c) => (o(), n("div", aa, [
-      a("header", null, [
-        a("div", ta, [
-          (o(!0), n(u, null, m(e.steps, (r, s) => (o(), n("div", {
+      reset: B
+    }), (a, u) => (d(), o("div", ee, [
+      e("header", null, [
+        e("div", ae, [
+          (d(!0), o(m, null, g(t.steps, (r, s) => (d(), o("div", {
             key: s,
             class: h(["stepper-background", { "is-active": i.value === s, "is-finished": s < i.value }]),
-            style: k({ "--step-width": `${100 / e.steps.length}%` })
+            style: k({ "--step-width": `${100 / t.steps.length}%` })
           }, [
-            a("div", {
+            e("div", {
               class: "progress-bar",
-              style: k({ "--progress-bar-width": `${100 / e.steps.length * l.value}%` })
+              style: k({ "--progress-bar-width": `${100 / t.steps.length * l.value}%` })
             }, null, 4)
           ], 6))), 128)),
-          a("span", null, d(i.value + 1) + " / " + d(e.steps.length), 1)
+          e("span", null, n(i.value + 1) + " / " + n(t.steps.length), 1)
         ])
       ]),
-      a("main", null, [
-        l.value === 1 ? (o(), n("form", ea, [
-          a("div", oa, [
-            a("div", {
+      e("main", null, [
+        l.value === 1 ? (d(), o("form", te, [
+          e("div", de, [
+            e("div", {
               role: "heading",
               class: "prompt-card__heading",
-              "aria-level": e.titleLevel
-            }, d(t.$t("pix-anonymisation.prompt.title")), 9, na),
-            a("div", da, [
-              (o(!0), n(u, null, m(B.value, (r, s) => (o(), n("label", {
-                for: `${r}-${s}`,
-                key: r
+              "aria-level": t.titleLevel
+            }, n(a.$t("pix-anonymisation.prompt.title")), 9, oe),
+            e("div", ne, [
+              (d(!0), o(m, null, g(P.value, (r, s) => (d(), o("label", {
+                key: r,
+                for: `${r}-${s}`
               }, [
-                F(a("input", {
+                F(e("input", {
                   id: `${r}-${s}`,
+                  "onUpdate:modelValue": u[0] || (u[0] = (b) => p.value = b),
                   value: r,
                   class: "sr-only",
-                  type: "checkbox",
-                  "onUpdate:modelValue": c[0] || (c[0] = (g) => b.value = g)
-                }, null, 8, sa), [
-                  [T, b.value]
+                  type: "checkbox"
+                }, null, 8, se), [
+                  [T, p.value]
                 ]),
-                a("span", ia, d(r), 1)
-              ], 8, ra))), 128))
+                e("span", ie, n(r), 1)
+              ], 8, re))), 128))
             ])
           ]),
           q(C, {
-            "is-disabled": b.value.length === 0,
+            "is-disabled": p.value.length === 0,
             onClick: y
           }, {
             default: w(() => [
-              S(d(t.$t("pix-anonymisation.buttons.checkNow")), 1)
+              S(n(a.$t("pix-anonymisation.buttons.checkNow")), 1)
             ]),
             _: 1
           }, 8, ["is-disabled"])
-        ])) : (o(), n("div", {
+        ])) : (d(), o("div", {
           key: 1,
-          class: h(["results", { "prompt-and-rephrase": v.value }])
+          class: h(["results", { "prompt-and-rephrase": c.value }])
         }, [
-          a("div", la, [
-            a("div", {
+          e("div", le, [
+            e("div", {
               role: "heading",
               class: "prompt-card__heading",
-              "aria-level": e.titleLevel
-            }, d(t.$t("pix-anonymisation.prompt.title")), 9, ba),
-            a("p", pa, [
-              (o(!0), n(u, null, m(P.value, ({ content: r, color: s }, g) => (o(), n("span", { key: g }, [
-                a("span", {
+              "aria-level": t.titleLevel
+            }, n(a.$t("pix-anonymisation.prompt.title")), 9, pe),
+            e("p", fe, [
+              (d(!0), o(m, null, g(R.value, ({ content: r, color: s }, b) => (d(), o("span", { key: b }, [
+                e("span", {
                   class: h(["prompt-card-content-part", s])
-                }, d(r), 3)
+                }, n(r), 3)
               ]))), 128))
             ]),
-            a("p", fa, d(t.$t("pix-anonymisation.correction")), 1),
-            a("ul", va, [
-              (o(!0), n(u, null, m(R.value, (r) => (o(), n("li", { key: r }, d(r), 1))), 128))
+            e("p", ve, n(a.$t("pix-anonymisation.correction")), 1),
+            e("ul", ce, [
+              (d(!0), o(m, null, g(A.value, (r) => (d(), o("li", { key: r }, n(r), 1))), 128))
             ])
           ]),
-          v.value ? (o(), n("div", ca, [
-            a("div", {
+          c.value ? (d(), o("div", ue, [
+            e("div", {
               role: "heading",
               class: "prompt-card__heading",
-              "aria-level": e.titleLevel
-            }, d(t.$t("pix-anonymisation.rephrase.title")), 9, ua),
-            a("p", ma, d(f.value.rephrase), 1)
+              "aria-level": t.titleLevel
+            }, n(a.$t("pix-anonymisation.rephrase.title")), 9, me),
+            e("p", ge, n(v.value.rephrase), 1)
           ])) : _("", !0),
-          v.value ? (o(), n("p", ga, d(f.value.feedback), 1)) : _("", !0),
-          L.value ? _("", !0) : (o(), D(C, {
+          c.value ? (d(), o("p", be, n(v.value.feedback), 1)) : _("", !0),
+          L.value ? _("", !0) : (d(), D(C, {
             key: 2,
-            onClick: y,
-            class: "feedback-button"
+            class: "feedback-button",
+            onClick: y
           }, {
             default: w(() => [
-              S(d(v.value ? t.$t("pix-anonymisation.buttons.nextPrompt") : t.$t("pix-anonymisation.buttons.displayRephrasing")), 1)
+              S(n(c.value ? a.$t("pix-anonymisation.buttons.nextPrompt") : a.$t("pix-anonymisation.buttons.displayRephrasing")), 1)
             ]),
             _: 1
           }))
@@ -132,15 +132,15 @@ const U = {}, J = {}, K = {}, Q = {}, W = {}, X = {
       ])
     ], 512));
   }
-}), _a = "html[data-v-a2b3f4a1],body[data-v-a2b3f4a1],div[data-v-a2b3f4a1],span[data-v-a2b3f4a1],applet[data-v-a2b3f4a1],object[data-v-a2b3f4a1],iframe[data-v-a2b3f4a1],h1[data-v-a2b3f4a1],h2[data-v-a2b3f4a1],h3[data-v-a2b3f4a1],h4[data-v-a2b3f4a1],h5[data-v-a2b3f4a1],h6[data-v-a2b3f4a1],p[data-v-a2b3f4a1],blockquote[data-v-a2b3f4a1],pre[data-v-a2b3f4a1],a[data-v-a2b3f4a1],abbr[data-v-a2b3f4a1],acronym[data-v-a2b3f4a1],address[data-v-a2b3f4a1],big[data-v-a2b3f4a1],cite[data-v-a2b3f4a1],code[data-v-a2b3f4a1],del[data-v-a2b3f4a1],dfn[data-v-a2b3f4a1],em[data-v-a2b3f4a1],img[data-v-a2b3f4a1],ins[data-v-a2b3f4a1],kbd[data-v-a2b3f4a1],q[data-v-a2b3f4a1],s[data-v-a2b3f4a1],samp[data-v-a2b3f4a1],small[data-v-a2b3f4a1],strike[data-v-a2b3f4a1],strong[data-v-a2b3f4a1],sub[data-v-a2b3f4a1],sup[data-v-a2b3f4a1],tt[data-v-a2b3f4a1],var[data-v-a2b3f4a1],b[data-v-a2b3f4a1],u[data-v-a2b3f4a1],i[data-v-a2b3f4a1],center[data-v-a2b3f4a1],dl[data-v-a2b3f4a1],dt[data-v-a2b3f4a1],dd[data-v-a2b3f4a1],ol[data-v-a2b3f4a1],ul[data-v-a2b3f4a1],li[data-v-a2b3f4a1],fieldset[data-v-a2b3f4a1],form[data-v-a2b3f4a1],label[data-v-a2b3f4a1],legend[data-v-a2b3f4a1],table[data-v-a2b3f4a1],caption[data-v-a2b3f4a1],tbody[data-v-a2b3f4a1],tfoot[data-v-a2b3f4a1],thead[data-v-a2b3f4a1],tr[data-v-a2b3f4a1],th[data-v-a2b3f4a1],td[data-v-a2b3f4a1],article[data-v-a2b3f4a1],aside[data-v-a2b3f4a1],canvas[data-v-a2b3f4a1],details[data-v-a2b3f4a1],embed[data-v-a2b3f4a1],figure[data-v-a2b3f4a1],figcaption[data-v-a2b3f4a1],footer[data-v-a2b3f4a1],header[data-v-a2b3f4a1],hgroup[data-v-a2b3f4a1],menu[data-v-a2b3f4a1],nav[data-v-a2b3f4a1],output[data-v-a2b3f4a1],ruby[data-v-a2b3f4a1],section[data-v-a2b3f4a1],summary[data-v-a2b3f4a1],time[data-v-a2b3f4a1],mark[data-v-a2b3f4a1],audio[data-v-a2b3f4a1],video[data-v-a2b3f4a1],dialog[data-v-a2b3f4a1]{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article[data-v-a2b3f4a1],aside[data-v-a2b3f4a1],details[data-v-a2b3f4a1],figcaption[data-v-a2b3f4a1],figure[data-v-a2b3f4a1],footer[data-v-a2b3f4a1],header[data-v-a2b3f4a1],hgroup[data-v-a2b3f4a1],menu[data-v-a2b3f4a1],nav[data-v-a2b3f4a1],section[data-v-a2b3f4a1]{display:block}body[data-v-a2b3f4a1]{line-height:1}ol[data-v-a2b3f4a1],ul[data-v-a2b3f4a1]{list-style:none}table[data-v-a2b3f4a1]{border-collapse:collapse;border-spacing:0}[data-v-a2b3f4a1]{color:#122647;font-style:normal;box-sizing:border-box}p[data-v-a2b3f4a1],label[data-v-a2b3f4a1],button[data-v-a2b3f4a1]{font-family:Roboto,sans-serif;font-size:.875rem;font-weight:400}form[data-v-a2b3f4a1],.results[data-v-a2b3f4a1]{display:flex;flex-direction:column;gap:16px}button[data-v-a2b3f4a1]{font-weight:700;margin:0 auto}.heading[data-v-a2b3f4a1]{font-family:Nunito,Roboto,sans-serif;text-align:center;font-size:1.25rem;font-weight:700}.stepper-container[data-v-a2b3f4a1]{display:flex;gap:6px;margin-bottom:16px;align-items:center}.stepper-container span[data-v-a2b3f4a1]{font-size:.875rem;white-space:nowrap}.stepper-background[data-v-a2b3f4a1]{background-color:#e8eaed;height:8px;flex:1 1 var(--step-width);border-radius:64px}.stepper-background.is-active .progress-bar[data-v-a2b3f4a1]{background:#613fdd;height:8px;border-radius:64px;width:var(--progress-bar-width)}.stepper-background.is-finished[data-v-a2b3f4a1]{background:#613fdd;height:8px;border-radius:64px;width:100%}.prompt-card[data-v-a2b3f4a1]{border-radius:16px;border:1px solid #cdd1d9;padding:16px}.prompt-card__heading[data-v-a2b3f4a1]{font-family:Roboto,sans-serif;font-size:1rem;font-weight:700;margin-bottom:8px}.prompt-card-content[data-v-a2b3f4a1]{display:flex;flex-wrap:wrap;border-radius:8px;background:#f4f5f7;padding:16px;gap:4px}.prompt-card-content>span[data-v-a2b3f4a1]{padding:2px}.prompt-card-content-part[data-v-a2b3f4a1]{padding:1px 4px;border-radius:4px;border:1px solid #cdd1d9;margin-bottom:5px}.prompt-card-content-part.red[data-v-a2b3f4a1]{border-color:transparent;background:#e4766f}.prompt-card-content-part.green[data-v-a2b3f4a1]{border-color:transparent;background:#54c590}input:checked~.prompt-card-content-part[data-v-a2b3f4a1]{background:#ffdc76;border-color:transparent}input:focus~.prompt-card-content-part[data-v-a2b3f4a1]{outline:1px solid black}.prompt-and-rephrase[data-v-a2b3f4a1]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.prompt-and-rephrase .feedback[data-v-a2b3f4a1]{grid-column:1/span 2;border-radius:16px;background:#eaf1ff;padding:16px}.feedback-button[data-v-a2b3f4a1]{grid-column:1/span 2}.sr-only[data-v-a2b3f4a1]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}@media screen and (max-width:768px){.prompt-card[data-v-a2b3f4a1]{grid-column:1/span 2;margin-top:8px}.prompt-card.rephrase[data-v-a2b3f4a1]{margin-top:0}.feedback[data-v-a2b3f4a1]{margin-block:8px}}", xa = /* @__PURE__ */ I(ha, [["styles", [_a]], ["__scopeId", "data-v-a2b3f4a1"]]);
-H(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": U, "./locales/en.json": J, "./locales/es-419.json": K, "./locales/es.json": Q, "./locales/fr-BE.json": W, "./locales/fr.json": X, "./locales/it.json": Y, "./locales/nl.json": Z })).catch((e) => console.error(e));
-const j = G(xa, {
-  configureApp(e) {
-    $.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(M, { i18next: $ });
+}), _e = "html[data-v-98f0ed02],body[data-v-98f0ed02],div[data-v-98f0ed02],span[data-v-98f0ed02],applet[data-v-98f0ed02],object[data-v-98f0ed02],iframe[data-v-98f0ed02],h1[data-v-98f0ed02],h2[data-v-98f0ed02],h3[data-v-98f0ed02],h4[data-v-98f0ed02],h5[data-v-98f0ed02],h6[data-v-98f0ed02],p[data-v-98f0ed02],blockquote[data-v-98f0ed02],pre[data-v-98f0ed02],a[data-v-98f0ed02],abbr[data-v-98f0ed02],acronym[data-v-98f0ed02],address[data-v-98f0ed02],big[data-v-98f0ed02],cite[data-v-98f0ed02],code[data-v-98f0ed02],del[data-v-98f0ed02],dfn[data-v-98f0ed02],em[data-v-98f0ed02],img[data-v-98f0ed02],ins[data-v-98f0ed02],kbd[data-v-98f0ed02],q[data-v-98f0ed02],s[data-v-98f0ed02],samp[data-v-98f0ed02],small[data-v-98f0ed02],strike[data-v-98f0ed02],strong[data-v-98f0ed02],sub[data-v-98f0ed02],sup[data-v-98f0ed02],tt[data-v-98f0ed02],var[data-v-98f0ed02],b[data-v-98f0ed02],u[data-v-98f0ed02],i[data-v-98f0ed02],center[data-v-98f0ed02],dl[data-v-98f0ed02],dt[data-v-98f0ed02],dd[data-v-98f0ed02],ol[data-v-98f0ed02],ul[data-v-98f0ed02],li[data-v-98f0ed02],fieldset[data-v-98f0ed02],form[data-v-98f0ed02],label[data-v-98f0ed02],legend[data-v-98f0ed02],table[data-v-98f0ed02],caption[data-v-98f0ed02],tbody[data-v-98f0ed02],tfoot[data-v-98f0ed02],thead[data-v-98f0ed02],tr[data-v-98f0ed02],th[data-v-98f0ed02],td[data-v-98f0ed02],article[data-v-98f0ed02],aside[data-v-98f0ed02],canvas[data-v-98f0ed02],details[data-v-98f0ed02],embed[data-v-98f0ed02],figure[data-v-98f0ed02],figcaption[data-v-98f0ed02],footer[data-v-98f0ed02],header[data-v-98f0ed02],hgroup[data-v-98f0ed02],menu[data-v-98f0ed02],nav[data-v-98f0ed02],output[data-v-98f0ed02],ruby[data-v-98f0ed02],section[data-v-98f0ed02],summary[data-v-98f0ed02],time[data-v-98f0ed02],mark[data-v-98f0ed02],audio[data-v-98f0ed02],video[data-v-98f0ed02],dialog[data-v-98f0ed02]{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article[data-v-98f0ed02],aside[data-v-98f0ed02],details[data-v-98f0ed02],figcaption[data-v-98f0ed02],figure[data-v-98f0ed02],footer[data-v-98f0ed02],header[data-v-98f0ed02],hgroup[data-v-98f0ed02],menu[data-v-98f0ed02],nav[data-v-98f0ed02],section[data-v-98f0ed02]{display:block}body[data-v-98f0ed02]{line-height:1}ol[data-v-98f0ed02],ul[data-v-98f0ed02]{list-style:none}table[data-v-98f0ed02]{border-collapse:collapse;border-spacing:0}[data-v-98f0ed02]{color:#122647;font-style:normal;box-sizing:border-box}p[data-v-98f0ed02],label[data-v-98f0ed02],button[data-v-98f0ed02]{font-family:Roboto,sans-serif;font-size:.875rem;font-weight:400}form[data-v-98f0ed02],.results[data-v-98f0ed02]{display:flex;flex-direction:column;gap:16px}button[data-v-98f0ed02]{font-weight:700;margin:0 auto}.heading[data-v-98f0ed02]{font-family:Nunito,Roboto,sans-serif;text-align:center;font-size:1.25rem;font-weight:700}.stepper-container[data-v-98f0ed02]{display:flex;gap:6px;margin-bottom:16px;align-items:center}.stepper-container span[data-v-98f0ed02]{font-size:.875rem;white-space:nowrap}.stepper-background[data-v-98f0ed02]{background-color:#e8eaed;height:8px;flex:1 1 var(--step-width);border-radius:64px}.stepper-background.is-active .progress-bar[data-v-98f0ed02]{background:#613fdd;height:8px;border-radius:64px;width:var(--progress-bar-width)}.stepper-background.is-finished[data-v-98f0ed02]{background:#613fdd;height:8px;border-radius:64px;width:100%}.prompt-card[data-v-98f0ed02]{border-radius:16px;border:1px solid #cdd1d9;padding:16px}.prompt-card__heading[data-v-98f0ed02]{font-family:Roboto,sans-serif;font-size:1rem;font-weight:700;margin-bottom:8px}.prompt-card-content[data-v-98f0ed02]{display:flex;flex-wrap:wrap;border-radius:8px;background:#f4f5f7;padding:16px;gap:4px}.prompt-card-content>span[data-v-98f0ed02]{padding:2px}.prompt-card-content-part[data-v-98f0ed02]{padding:1px 4px;border-radius:4px;border:1px solid #cdd1d9;margin-bottom:5px}.prompt-card-content-part.red[data-v-98f0ed02]{border-color:transparent;background:#e4766f}.prompt-card-content-part.green[data-v-98f0ed02]{border-color:transparent;background:#54c590}input:checked~.prompt-card-content-part[data-v-98f0ed02]{background:#ffdc76;border-color:transparent}input:focus~.prompt-card-content-part[data-v-98f0ed02]{outline:1px solid black}.prompt-and-rephrase[data-v-98f0ed02]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.prompt-and-rephrase .feedback[data-v-98f0ed02]{grid-column:1/span 2;border-radius:16px;background:#eaf1ff;padding:16px}.feedback-button[data-v-98f0ed02]{grid-column:1/span 2}.sr-only[data-v-98f0ed02]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}@media screen and (max-width:768px){.prompt-card[data-v-98f0ed02]{grid-column:1/span 2;margin-top:8px}.prompt-card.rephrase[data-v-98f0ed02]{margin-top:0}.feedback[data-v-98f0ed02]{margin-block:8px}}", xe = /* @__PURE__ */ I(he, [["styles", [_e]], ["__scopeId", "data-v-98f0ed02"]]);
+H(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": U, "./locales/en.json": J, "./locales/es-419.json": K, "./locales/es.json": Q, "./locales/fr-BE.json": W, "./locales/fr.json": X, "./locales/it.json": Y, "./locales/nl.json": Z })).catch((t) => console.error(t));
+const j = G(xe, {
+  configureApp(t) {
+    $.changeLanguage(document?.documentElement?.lang || navigator.language), t.use(M, { i18next: $ });
   }
 });
-j.prototype.normalizeProps = (e) => ({
-  ...e,
-  titleLevel: O(e.titleLevel)
+j.prototype.normalizeProps = (t) => ({
+  ...t,
+  titleLevel: O(t.titleLevel)
 });
 window.customElements.define("pix-anonymisation", j);

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

@@ -1,9 +1,9 @@
-import { a as d, o as n, c as l, b as t, x as i, F as o, e as u, g as m, _ as f, d as v } from "../_plugin-vue_export-helper-DJlRxzRH.js";
-import { a as p, i as r, b } from "../i18n-C0iMUvqX.js";
+import { b as u, o as n, c as l, a as t, x as i, F as o, e as d, g as m, _ as f, d as v } from "../_plugin-vue_export-helper-CD1RUA2y.js";
+import { a as p, i as r, b } from "../i18n-C-1Ne5JG.js";
 import { a as s, b as y } from "../normalize-props-DH0oPBss.js";
 const S = {}, x = {}, j = {}, A = {}, L = {}, H = {
   "pix-article": { byAuthor: "Par {{author}}" }
-}, T = {}, E = {}, O = ["aria-level"], P = { class: "article__metadata" }, B = { class: "article__author" }, N = ["innerHTML"], k = /* @__PURE__ */ d({
+}, T = {}, E = {}, O = ["aria-level"], P = { class: "article__metadata" }, B = { class: "article__author" }, N = ["innerHTML"], k = /* @__PURE__ */ u({
   __name: "PixArticle.ce",
   props: {
     titleLevel: { default: 2, type: Number },
@@ -28,13 +28,13 @@ const S = {}, x = {}, j = {}, A = {}, L = {}, H = {
         t("span", B, i(a.$t("pix-article.byAuthor", { author: e.author })), 1),
         t("time", null, i(e.date), 1)
       ]),
-      (n(!0), l(o, null, u(g.value, (_, h) => (n(), l("p", {
-        innerHTML: _,
-        key: h
+      (n(!0), l(o, null, d(g.value, (_, h) => (n(), l("p", {
+        key: h,
+        innerHTML: _
       }, null, 8, N))), 128))
     ], 64));
   }
-}), w = "[data-v-a4da82ef]{--pix-neutral-800: #253858;font-family:Nunito,Roboto,sans-serif;color:var(--pix-neutral-800)}.article__title[data-v-a4da82ef]{font-size:1.3rem;font-weight:700}.article__metadata[data-v-a4da82ef]{font-style:italic}.article__author[data-v-a4da82ef]{border-right:solid 1px var(--pix-neutral-800);padding-right:.7rem;margin-right:.5rem}", C = /* @__PURE__ */ f(k, [["styles", [w]], ["__scopeId", "data-v-a4da82ef"]]);
+}), w = "[data-v-e971f15a]{--pix-neutral-800: #253858;font-family:Nunito,Roboto,sans-serif;color:var(--pix-neutral-800)}.article__title[data-v-e971f15a]{font-size:1.3rem;font-weight:700}.article__metadata[data-v-e971f15a]{font-style:italic}.article__author[data-v-e971f15a]{border-right:solid 1px var(--pix-neutral-800);padding-right:.7rem;margin-right:.5rem}", C = /* @__PURE__ */ f(k, [["styles", [w]], ["__scopeId", "data-v-e971f15a"]]);
 p(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": S, "./locales/en.json": x, "./locales/es-419.json": j, "./locales/es.json": A, "./locales/fr-BE.json": L, "./locales/fr.json": H, "./locales/it.json": T, "./locales/nl.json": E })).catch((e) => console.error(e));
 const c = v(C, {
   configureApp(e) {

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

@@ -1,7 +1,7 @@
-import { k as W, n as Y, Y as q, Z as J, $ as O, z as k, j as N, g as h, a0 as V, a as D, o, c as l, t as S, b as g, q as K, A as P, x as b, v as f, l as B, _ as C, r as T, h as Q, B as j, D as y, s as X, E as $, F as z, e as M, f as R, d as ee } from "../_plugin-vue_export-helper-DJlRxzRH.js";
-import { a as ie, i as E, b as te } from "../i18n-C0iMUvqX.js";
-import { N as I } from "../NavigationButton.ce-DqFqWt9V.js";
-import { B as H } from "../ButtonTooltip.ce-B071jWM0.js";
+import { k as W, n as Y, Y as q, Z as J, $ as O, z as k, j as N, g as h, a0 as V, b as D, o, c as l, t as S, a as g, q as K, E as P, x as b, v as f, l as B, _ as C, r as T, h as Q, A as j, C as y, s as X, D as $, F as z, e as M, f as R, d as ee } from "../_plugin-vue_export-helper-CD1RUA2y.js";
+import { a as ie, i as E, b as te } from "../i18n-C-1Ne5JG.js";
+import { N as I } from "../NavigationButton.ce-CIOKG2O0.js";
+import { B as H } from "../ButtonTooltip.ce-CUxXoH9n.js";
 import { u as ne, b as A, a as ae } from "../normalize-props-DH0oPBss.js";
 const se = {}, oe = {
   "pix-carousel": { license: "Image license", next: "Next", of: "{{ currentSlide }} of {{ slideLength }}", previous: "Previous", slide: "Slide", title: "Carousel" }
@@ -180,12 +180,12 @@ const _e = ["aria-level"], Ce = ["innerHTML"], Se = {
         return p.width.value + "px";
     });
     return (n, t) => (o(), l("div", {
+      ref: "container",
       role: "group",
       class: S(["slide", { active: e.isActive, [s.value]: s.value, "is-next": x.value, "disable-animation": f(a) }]),
       "aria-hidden": !e.isActive,
       "aria-roledescription": n.$t("pix-carousel.slide"),
-      "aria-label": e.label,
-      ref: "container"
+      "aria-label": e.label
     }, [
       e.type === "image" ? (o(), l("div", ke, [
         g("img", {
@@ -219,8 +219,8 @@ const _e = ["aria-level"], Ce = ["innerHTML"], Se = {
         }, null, 8, ze)) : e.slide.text ? (o(), l("p", Me, b(e.slide.text), 1)) : B("", !0)
       ], 6)) : (o(), l("div", {
         key: 2,
-        innerHTML: e.slide.text,
-        class: "text-container"
+        class: "text-container",
+        innerHTML: e.slide.text
       }, null, 8, Re)),
       y(Z, {
         description: e.slide.description,
@@ -236,7 +236,8 @@ const _e = ["aria-level"], Ce = ["innerHTML"], Se = {
   height: "24",
   viewBox: "0 0 25 24",
   fill: "inherit",
-  xmlns: "http://www.w3.org/2000/svg"
+  xmlns: "http://www.w3.org/2000/svg",
+  "aria-hidden": "true"
 };
 function Ve(e, i) {
   return o(), l("svg", Oe, [...i[0] || (i[0] = [
@@ -251,7 +252,8 @@ const Pe = /* @__PURE__ */ C(We, [["render", Ve]]), Ge = {}, Fe = {
   height: "24",
   viewBox: "0 0 25 24",
   fill: "inherit",
-  xmlns: "http://www.w3.org/2000/svg"
+  xmlns: "http://www.w3.org/2000/svg",
+  "aria-hidden": "true"
 };
 function Ze(e, i) {
   return o(), l("svg", Fe, [...i[0] || (i[0] = [
@@ -283,20 +285,20 @@ const Ue = /* @__PURE__ */ C(Ge, [["render", Ze]]), Ye = ["aria-roledescription"
       "aria-roledescription": n.$t("pix-carousel.title")
     }, [
       g("div", {
+        id: f(m),
         "aria-live": "polite",
-        class: "slides",
-        id: f(m)
+        class: "slides"
       }, [
         y(H, {
           class: "carousel__nav previous",
           disabled: r.value,
           "aria-controls": f(m),
-          onClick: t[0] || (t[0] = (v) => x(1)),
           label: n.$t("pix-carousel.previous"),
-          "tooltip-position": "right"
+          "tooltip-position": "right",
+          onClick: t[0] || (t[0] = (v) => x(1))
         }, {
           default: $(() => [
-            y(Pe, { "aria-hidden": "true" })
+            y(Pe)
           ]),
           _: 1
         }, 8, ["disabled", "aria-controls", "label"]),
@@ -316,12 +318,12 @@ const Ue = /* @__PURE__ */ C(Ge, [["render", Ze]]), Ye = ["aria-roledescription"
           class: "carousel__nav next",
           disabled: d.value,
           "aria-controls": f(m),
-          onClick: t[1] || (t[1] = (v) => x(-1)),
           label: n.$t("pix-carousel.next"),
-          "tooltip-position": "left"
+          "tooltip-position": "left",
+          onClick: t[1] || (t[1] = (v) => x(-1))
         }, {
           default: $(() => [
-            y(Ue, { "aria-hidden": "true" })
+            y(Ue)
           ]),
           _: 1
         }, 8, ["disabled", "aria-controls", "label"])
@@ -329,18 +331,18 @@ const Ue = /* @__PURE__ */ C(Ge, [["render", Ze]]), Ye = ["aria-roledescription"
       g("div", Je, [
         g("div", Ke, [
           y(I, {
-            onClick: t[2] || (t[2] = (v) => x(1)),
             label: n.$t("pix-carousel.previous"),
             "aria-controls": f(m),
             direction: "previous",
-            disabled: r.value
+            disabled: r.value,
+            onClick: t[2] || (t[2] = (v) => x(1))
           }, null, 8, ["label", "aria-controls", "disabled"]),
           y(I, {
-            onClick: t[3] || (t[3] = (v) => x(-1)),
             label: n.$t("pix-carousel.next"),
             "aria-controls": f(m),
             direction: "next",
-            disabled: d.value
+            disabled: d.value,
+            onClick: t[3] || (t[3] = (v) => x(-1))
           }, null, 8, ["label", "aria-controls", "disabled"])
         ]),
         g("div", Qe, [

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

@@ -1,17 +1,17 @@
-import { a as X, h as S, K as Y, o as u, c as f, b as e, D as _, E as m, A as b, x as s, B as A, F as L, e as B, f as ee, l as te, m as ae, r as h, g as i, n as se, _ as oe, d as ie } from "../_plugin-vue_export-helper-DJlRxzRH.js";
-import { u as ne, i as V } from "../i18n-lite-X2ADNonj.js";
-import { B as P } from "../Button.ce-C-lBihdF.js";
-import { P as le } from "../Popin.ce-D1V8wzxE.js";
-import { p as re } from "../shadow-dom-Dh5hLXcx.js";
+import { b as X, h as S, K as Y, o as u, c as f, a as e, C as _, D as m, E as b, x as s, A, F as L, e as P, f as ee, l as te, m as ae, r as h, g as i, n as se, _ as oe, d as ie } from "../_plugin-vue_export-helper-CD1RUA2y.js";
+import { u as ne, i as V } from "../i18n-lite-WQsHAHqG.js";
+import { B } from "../Button.ce-CsTDnAGh.js";
+import { P as le } from "../Popin.ce-OnxaZNvT.js";
+import { p as re } from "../shadow-dom-DSLDIcsa.js";
 import { b as ce } from "../normalize-props-DH0oPBss.js";
 const de = {}, pe = {}, ue = {}, be = {}, fe = {}, me = {
   "pix-combinaisons": { findCombinations: "Trouvez les combinaisons", discoverCombinations: "Combinaisons découvertes", progression: "Progression", validate: "Valider", ariaValidate: "Valider la combinaison", displayAllCombinations: "Voir toutes les combinaisons", combinationAlreadyTried: "Vous avez déjà essayé cette combinaison", fourPasswords: "4 mots de passe sont possibles. C’est peu !", easilyTestable: "Une personne peut facilement tester toutes les combinaisons à la main.", next: "Suivant", soManyPasswords: "27 mots de passe sont possibles !", feedbackSoManyPasswords: "Environ 7 fois plus de combinaisons qu’avant. Ça augmente vite dis donc ! 😱\u2028Quand on ajoute des caractères et qu’on allonge le mot de passe, il faut beaucoup plus de temps pour tout tester à la main.", completed: "Terminé", backspace: "Retour en arrière", currentStep: "{{step}} {{number}}", step: "Étape", numberOfChars: "{{number}} caractères", completionState: "Vous avez trouvé {{percent}} des combinaisons possibles" }
-}, ve = {}, ge = {}, E = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.8333%209.16675H4.16667C3.24619%209.16675%202.5%209.91294%202.5%2010.8334V16.6667C2.5%2017.5872%203.24619%2018.3334%204.16667%2018.3334H15.8333C16.7538%2018.3334%2017.5%2017.5872%2017.5%2016.6667V10.8334C17.5%209.91294%2016.7538%209.16675%2015.8333%209.16675Z'%20stroke='%235E6C84'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5.83331%209.16675V5.83341C5.83331%204.72835%206.2723%203.66854%207.0537%202.88714C7.8351%202.10573%208.89491%201.66675%209.99998%201.66675C11.105%201.66675%2012.1649%202.10573%2012.9463%202.88714C13.7277%203.66854%2014.1666%204.72835%2014.1666%205.83341V9.16675'%20stroke='%235E6C84'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", he = "data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.83713%207.37459C10.522%206.70686%2011.4406%206.33317%2012.3971%206.33325H26.1265C26.9238%206.33325%2027.8518%206.55459%2028.6105%207.02525C29.3825%207.50259%2030.0905%208.32392%2030.0905%209.49992V22.4999C30.0905%2023.6759%2029.3825%2024.4959%2028.6105%2024.9746C27.8597%2025.4244%2027.0016%2025.6635%2026.1265%2025.6666H12.3971C11.4406%2025.6667%2010.522%2025.293%209.83713%2024.6253L2.70379%2017.6706C2.48084%2017.4532%202.30365%2017.1934%202.18267%2016.9065C2.06169%2016.6195%201.99936%2016.3113%201.99936%2015.9999C1.99936%2015.6885%202.06169%2015.3803%202.18267%2015.0934C2.30365%2014.8064%202.48084%2014.5466%202.70379%2014.3293L9.83713%207.37459ZM18.7065%2012.6266C18.6149%2012.5283%2018.5045%2012.4495%2018.3818%2012.3949C18.2592%2012.3402%2018.1268%2012.3108%2017.9925%2012.3085C17.8582%2012.3061%2017.7248%2012.3308%2017.6003%2012.3811C17.4758%2012.4314%2017.3627%2012.5062%2017.2677%2012.6012C17.1728%2012.6962%2017.0979%2012.8093%2017.0476%2012.9338C16.9973%2013.0583%2016.9726%2013.1917%2016.975%2013.3259C16.9774%2013.4602%2017.0068%2013.5926%2017.0614%2013.7153C17.1161%2013.838%2017.1949%2013.9484%2017.2931%2014.0399L19.2531%2015.9999L17.2931%2017.9599C17.1949%2018.0515%2017.1161%2018.1619%2017.0614%2018.2845C17.0068%2018.4072%2016.9774%2018.5396%2016.975%2018.6739C16.9726%2018.8082%2016.9973%2018.9415%2017.0476%2019.066C17.0979%2019.1906%2017.1728%2019.3037%2017.2677%2019.3986C17.3627%2019.4936%2017.4758%2019.5685%2017.6003%2019.6187C17.7248%2019.669%2017.8582%2019.6937%2017.9925%2019.6914C18.1268%2019.689%2018.2592%2019.6596%2018.3818%2019.605C18.5045%2019.5503%2018.6149%2019.4715%2018.7065%2019.3733L20.6665%2017.4133L22.6265%2019.3733C22.718%2019.4715%2022.8284%2019.5503%2022.9511%2019.605C23.0737%2019.6596%2023.2062%2019.689%2023.3404%2019.6914C23.4747%2019.6937%2023.6081%2019.669%2023.7326%2019.6187C23.8571%2019.5685%2023.9702%2019.4936%2024.0652%2019.3986C24.1601%2019.3037%2024.235%2019.1906%2024.2853%2019.066C24.3356%2018.9415%2024.3603%2018.8082%2024.3579%2018.6739C24.3555%2018.5396%2024.3262%2018.4072%2024.2715%2018.2845C24.2168%2018.1619%2024.138%2018.0515%2024.0398%2017.9599L22.0798%2015.9999L24.0398%2014.0399C24.138%2013.9484%2024.2168%2013.838%2024.2715%2013.7153C24.3262%2013.5926%2024.3555%2013.4602%2024.3579%2013.3259C24.3603%2013.1917%2024.3356%2013.0583%2024.2853%2012.9338C24.235%2012.8093%2024.1601%2012.6962%2024.0652%2012.6012C23.9702%2012.5062%2023.8571%2012.4314%2023.7326%2012.3811C23.6081%2012.3308%2023.4747%2012.3061%2023.3404%2012.3085C23.2062%2012.3108%2023.0737%2012.3402%2022.9511%2012.3949C22.8284%2012.4495%2022.718%2012.5283%2022.6265%2012.6266L20.6665%2014.5866L18.7065%2012.6266Z'%20fill='%232C75FF'/%3e%3c/svg%3e", xe = { class: "stepper" }, Ce = ["aria-hidden"], _e = { class: "character-value" }, ye = { class: "sr-only" }, we = { class: "character-info" }, ke = ["aria-hidden"], je = { class: "character-value" }, Le = { class: "sr-only" }, Be = { class: "character-info" }, Pe = { class: "cards" }, Ve = { class: "card card-left" }, $e = ["aria-level"], ze = ["src"], Te = {
+}, ve = {}, ge = {}, E = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.8333%209.16675H4.16667C3.24619%209.16675%202.5%209.91294%202.5%2010.8334V16.6667C2.5%2017.5872%203.24619%2018.3334%204.16667%2018.3334H15.8333C16.7538%2018.3334%2017.5%2017.5872%2017.5%2016.6667V10.8334C17.5%209.91294%2016.7538%209.16675%2015.8333%209.16675Z'%20stroke='%235E6C84'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5.83331%209.16675V5.83341C5.83331%204.72835%206.2723%203.66854%207.0537%202.88714C7.8351%202.10573%208.89491%201.66675%209.99998%201.66675C11.105%201.66675%2012.1649%202.10573%2012.9463%202.88714C13.7277%203.66854%2014.1666%204.72835%2014.1666%205.83341V9.16675'%20stroke='%235E6C84'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", he = "data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.83713%207.37459C10.522%206.70686%2011.4406%206.33317%2012.3971%206.33325H26.1265C26.9238%206.33325%2027.8518%206.55459%2028.6105%207.02525C29.3825%207.50259%2030.0905%208.32392%2030.0905%209.49992V22.4999C30.0905%2023.6759%2029.3825%2024.4959%2028.6105%2024.9746C27.8597%2025.4244%2027.0016%2025.6635%2026.1265%2025.6666H12.3971C11.4406%2025.6667%2010.522%2025.293%209.83713%2024.6253L2.70379%2017.6706C2.48084%2017.4532%202.30365%2017.1934%202.18267%2016.9065C2.06169%2016.6195%201.99936%2016.3113%201.99936%2015.9999C1.99936%2015.6885%202.06169%2015.3803%202.18267%2015.0934C2.30365%2014.8064%202.48084%2014.5466%202.70379%2014.3293L9.83713%207.37459ZM18.7065%2012.6266C18.6149%2012.5283%2018.5045%2012.4495%2018.3818%2012.3949C18.2592%2012.3402%2018.1268%2012.3108%2017.9925%2012.3085C17.8582%2012.3061%2017.7248%2012.3308%2017.6003%2012.3811C17.4758%2012.4314%2017.3627%2012.5062%2017.2677%2012.6012C17.1728%2012.6962%2017.0979%2012.8093%2017.0476%2012.9338C16.9973%2013.0583%2016.9726%2013.1917%2016.975%2013.3259C16.9774%2013.4602%2017.0068%2013.5926%2017.0614%2013.7153C17.1161%2013.838%2017.1949%2013.9484%2017.2931%2014.0399L19.2531%2015.9999L17.2931%2017.9599C17.1949%2018.0515%2017.1161%2018.1619%2017.0614%2018.2845C17.0068%2018.4072%2016.9774%2018.5396%2016.975%2018.6739C16.9726%2018.8082%2016.9973%2018.9415%2017.0476%2019.066C17.0979%2019.1906%2017.1728%2019.3037%2017.2677%2019.3986C17.3627%2019.4936%2017.4758%2019.5685%2017.6003%2019.6187C17.7248%2019.669%2017.8582%2019.6937%2017.9925%2019.6914C18.1268%2019.689%2018.2592%2019.6596%2018.3818%2019.605C18.5045%2019.5503%2018.6149%2019.4715%2018.7065%2019.3733L20.6665%2017.4133L22.6265%2019.3733C22.718%2019.4715%2022.8284%2019.5503%2022.9511%2019.605C23.0737%2019.6596%2023.2062%2019.689%2023.3404%2019.6914C23.4747%2019.6937%2023.6081%2019.669%2023.7326%2019.6187C23.8571%2019.5685%2023.9702%2019.4936%2024.0652%2019.3986C24.1601%2019.3037%2024.235%2019.1906%2024.2853%2019.066C24.3356%2018.9415%2024.3603%2018.8082%2024.3579%2018.6739C24.3555%2018.5396%2024.3262%2018.4072%2024.2715%2018.2845C24.2168%2018.1619%2024.138%2018.0515%2024.0398%2017.9599L22.0798%2015.9999L24.0398%2014.0399C24.138%2013.9484%2024.2168%2013.838%2024.2715%2013.7153C24.3262%2013.5926%2024.3555%2013.4602%2024.3579%2013.3259C24.3603%2013.1917%2024.3356%2013.0583%2024.2853%2012.9338C24.235%2012.8093%2024.1601%2012.6962%2024.0652%2012.6012C23.9702%2012.5062%2023.8571%2012.4314%2023.7326%2012.3811C23.6081%2012.3308%2023.4747%2012.3061%2023.3404%2012.3085C23.2062%2012.3108%2023.0737%2012.3402%2022.9511%2012.3949C22.8284%2012.4495%2022.718%2012.5283%2022.6265%2012.6266L20.6665%2014.5866L18.7065%2012.6266Z'%20fill='%232C75FF'/%3e%3c/svg%3e", xe = { class: "stepper" }, Ce = ["aria-hidden"], _e = { class: "character-value" }, ye = { class: "sr-only" }, we = { class: "character-info" }, ke = ["aria-hidden"], je = { class: "character-value" }, Le = { class: "sr-only" }, Pe = { class: "character-info" }, Be = { class: "cards" }, Ve = { class: "card card-left" }, $e = ["aria-level"], ze = ["src"], Te = {
   class: "sr-only",
   "aria-live": "polite"
 }, Se = {
-  class: "placeholders",
   id: "letters",
+  class: "placeholders",
   "aria-live": "polite"
 }, Ae = { class: "letters-and-back" }, Ee = ["src"], De = {
   key: 0,
@@ -93,7 +93,7 @@ const de = {}, pe = {}, ue = {}, be = {}, fe = {}, me = {
                   e("span", ye, s(t.$t("pix-combinaisons.step")), 1)
                 ]),
                 number: m(() => [...o[1] || (o[1] = [
-                  b("1", -1)
+                  b(" 1 ", -1)
                 ])]),
                 _: 1
               })
@@ -117,18 +117,18 @@ const de = {}, pe = {}, ue = {}, be = {}, fe = {}, me = {
                   e("span", Le, s(t.$t("pix-combinaisons.step")), 1)
                 ]),
                 number: m(() => [...o[2] || (o[2] = [
-                  b("2", -1)
+                  b(" 2 ", -1)
                 ])]),
                 _: 1
               })
             ]),
-            e("p", Be, [
+            e("p", Pe, [
               b(s(t.$t("pix-combinaisons.numberOfChars", { number: 3 })), 1),
               e("span", null, "(" + s(k[1].join(",")) + ")", 1)
             ])
           ], 8, ke)
         ]),
-        e("div", Pe, [
+        e("div", Be, [
           e("section", Ve, [
             e("div", {
               id: "title",
@@ -148,29 +148,29 @@ const de = {}, pe = {}, ue = {}, be = {}, fe = {}, me = {
             }, null, 4),
             e("p", Te, s(t.$t("pix-combinaisons.completionState", { percent: z.value })), 1),
             e("div", Se, [
-              (u(!0), f(L, null, B(C.value.length, (a, g) => (u(), f("p", {
-                class: "placeholder",
-                key: a
+              (u(!0), f(L, null, P(C.value.length, (a, g) => (u(), f("p", {
+                key: a,
+                class: "placeholder"
               }, s(n.value[g]), 1))), 128))
             ]),
             e("div", Ae, [
-              (u(!0), f(L, null, B(C.value, (a) => (u(), ee(P, {
+              (u(!0), f(L, null, P(C.value, (a) => (u(), ee(B, {
+                key: a,
                 "is-disabled": N.value,
                 class: "letter",
-                onClick: (g) => Q(a),
-                key: a,
-                "aria-controls": "letters"
+                "aria-controls": "letters",
+                onClick: (g) => Q(a)
               }, {
                 default: m(() => [
                   b(s(a), 1)
                 ]),
                 _: 2
               }, 1032, ["is-disabled", "onClick"]))), 128)),
-              _(P, {
+              _(B, {
                 "is-disabled": R.value,
                 class: "backspace",
-                onClick: o[0] || (o[0] = (a) => n.value.pop()),
-                "aria-label": t.$t("pix-combinaisons.backspace")
+                "aria-label": t.$t("pix-combinaisons.backspace"),
+                onClick: o[0] || (o[0] = (a) => n.value.pop())
               }, {
                 default: m(() => [
                   e("img", {
@@ -181,12 +181,12 @@ const de = {}, pe = {}, ue = {}, be = {}, fe = {}, me = {
                 _: 1
               }, 8, ["is-disabled", "aria-label"])
             ]),
-            _(P, {
+            _(B, {
               class: "validate",
               "is-disabled": I.value,
-              onClick: U,
               "aria-label": Z.value,
-              "aria-describedby": "letters"
+              "aria-describedby": "letters",
+              onClick: U
             }, {
               default: m(() => [
                 b(s(O.value), 1)
@@ -210,7 +210,7 @@ const de = {}, pe = {}, ue = {}, be = {}, fe = {}, me = {
               class: "results",
               "aria-live": y.value ? "polite" : "off"
             }, [
-              (u(!0), f(L, null, B(c.value, (a) => (u(), f("li", {
+              (u(!0), f(L, null, P(c.value, (a) => (u(), f("li", {
                 ref_for: !0,
                 ref: "combination",
                 key: a