@1024pix/epreuves-components 2.9.0 → 4.0.0

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

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

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

@@ -1,6 +1,6 @@
-import { d as u, y as d, c as a, o as l, a as t, t as i, F as o, b as m, _ as f, f as v } from "../_plugin-vue_export-helper-BaC4eJh4.js";
-import { a as p, i as r, b as y } from "../i18n-BJ6FRipD.js";
-import { a as s, u as b } from "../normalize-props-DtfVI0Xg.js";
+import { b as u, g as d, c as a, o as l, a as t, t as i, F as o, e as m, _ as f, d as v } from "../_plugin-vue_export-helper-D0N_62VD.js";
+import { a as p, i as r, b } from "../i18n-ekiZvzf6.js";
+import { a as s, b as y } from "../normalize-props-DH0oPBss.js";
 const S = {}, x = {}, L = {}, j = {}, A = {}, H = {
   "pix-article": { byAuthor: "Par {{author}}" }
 }, E = {}, O = {}, P = ["titleLevel"], B = { class: "article__metadata" }, N = { class: "article__author" }, T = ["innerHTML"], k = /* @__PURE__ */ u({
@@ -38,12 +38,12 @@ const S = {}, x = {}, L = {}, j = {}, A = {}, H = {
 p(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": S, "./locales/en.json": x, "./locales/es-419.json": L, "./locales/es.json": j, "./locales/fr-BE.json": A, "./locales/fr.json": H, "./locales/it.json": E, "./locales/nl.json": O })).catch((e) => console.error(e));
 const c = v(C, {
   configureApp(e) {
-    r.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(y, { i18next: r });
+    r.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(b, { i18next: r });
   }
 });
 c.prototype.normalizeProps = (e) => ({
   ...e,
-  titleLevel: b(e.titleLevel),
+  titleLevel: y(e.titleLevel),
   highlightedSentence: s(e.highlightedSentence),
   colorOfHighlightSentence: s(e.colorOfHighlightSentence)
 });

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

@@ -1,8 +1,8 @@
-import { v as W, q as Y, V as q, W as K, X as O, y as h, s as k, Y as N, Z as V, d as j, c as l, o, n as S, a as g, B, g as X, H as P, t as b, k as f, _ as C, r as T, j as J, E as y, A as D, h as Q, K as $, F as M, b as R, e as z, f as ee } from "../_plugin-vue_export-helper-BaC4eJh4.js";
-import { a as ie, i as E, b as te } from "../i18n-BJ6FRipD.js";
-import { N as H } from "../NavigationButton.ce-DpzmC2Dd.js";
-import { B as I } from "../ButtonTooltip.ce-CIo_7tm0.js";
-import { a as ne, u as A, b as ae } from "../normalize-props-DtfVI0Xg.js";
+import { y as W, x as Y, X as q, Y as K, Z as O, g as h, v as A, L as N, $ as V, b as j, c as l, o, n as S, a as g, B, q as X, H as P, t as b, k as f, _ as C, r as T, j as J, E as y, s as D, h as Q, K as $, F as M, e as R, f as z, d as ee } from "../_plugin-vue_export-helper-D0N_62VD.js";
+import { a as ie, i as E, b as te } from "../i18n-ekiZvzf6.js";
+import { N as H } from "../NavigationButton.ce-CA1M8sgV.js";
+import { B as I } from "../ButtonTooltip.ce-CtHo2Dwx.js";
+import { a as ne, b as k, u 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" }
 }, le = {}, re = {
@@ -36,7 +36,7 @@ function _(e) {
 }
 // @__NO_SIDE_EFFECTS__
 function he() {
-  const e = k(!1), i = O();
+  const e = A(!1), i = O();
   return i && W(() => {
     e.value = !0;
   }, i), e;
@@ -77,7 +77,7 @@ function we(e, i = {
   const { window: s = G, box: c = "content-box" } = a, p = h(() => {
     var t;
     return (t = _(e)) === null || t === void 0 || (t = t.namespaceURI) === null || t === void 0 ? void 0 : t.includes("svg");
-  }), r = k(i.width), d = k(i.height), { stop: x } = be(e, ([t]) => {
+  }), r = A(i.width), d = A(i.height), { stop: x } = be(e, ([t]) => {
     const v = c === "border-box" ? t.borderBoxSize : c === "content-box" ? t.contentBoxSize : t.devicePixelContentBoxSize;
     if (s && p.value) {
       const u = _(e);
@@ -144,7 +144,7 @@ const _e = ["aria-level"], Ce = ["innerHTML"], Se = {
       }, null, 8, Ce)) : e.description ? (o(), l("p", Se, b(e.description), 1)) : B("", !0)
     ], 2));
   }
-}), $e = ".slide-info{transform:translate(100vw);grid-column:1;grid-row:1;height:fit-content;border-left:1px solid transparent;padding-left:16px;padding-top:4px}.slide-info p{margin-top:8px;margin-bottom:0}.slide-info.active{border-left-color:gray;transform:translate(0)}.slide-info .title{font-size:1.25rem;font-family:Nunito,sans-serif;font-style:normal;font-weight:700;line-height:1.75rem;min-height:24px}.slide-info .description{font-size:.875rem}.slide-info .description ul li,.slide-info .description ol li{margin-left:1rem}@media only screen and (max-width:576px){.slide-info.active{border:none;padding-left:0}}", Z = /* @__PURE__ */ C(Le, [["styles", [$e]]]), Ae = ["aria-hidden", "aria-roledescription", "aria-label"], ke = {
+}), $e = ".slide-info{transform:translate(100vw);grid-column:1;grid-row:1;height:fit-content;border-left:1px solid transparent;padding-left:16px;padding-top:4px}.slide-info p{margin-top:8px;margin-bottom:0}.slide-info.active{border-left-color:gray;transform:translate(0)}.slide-info .title{font-size:1.25rem;font-family:Nunito,sans-serif;font-style:normal;font-weight:700;line-height:1.75rem;min-height:24px}.slide-info .description{font-size:.875rem}.slide-info .description ul li,.slide-info .description ol li{margin-left:1rem}@media only screen and (max-width:576px){.slide-info.active{border:none;padding-left:0}}", Z = /* @__PURE__ */ C(Le, [["styles", [$e]]]), ke = ["aria-hidden", "aria-roledescription", "aria-label"], Ae = {
   key: 0,
   class: "image-container"
 }, Be = ["alt", "src"], Te = {
@@ -187,7 +187,7 @@ const _e = ["aria-level"], Ce = ["innerHTML"], Se = {
       "aria-label": e.label,
       ref: "container"
     }, [
-      e.type === "image" ? (o(), l("div", ke, [
+      e.type === "image" ? (o(), l("div", Ae, [
         g("img", {
           style: D({ "--max-width": `${e.slide.displayWidth}px`, "--max-height": `${e.slide.displayHeight}px`, "--svg-image-display": m.value }),
           class: S({ "has-shadow": !e.disableStyleAroundImage }),
@@ -229,7 +229,7 @@ const _e = ["aria-level"], Ce = ["innerHTML"], Se = {
         "title-level": e.titleLevel,
         class: "sr-only"
       }, null, 8, ["description", "title", "is-active", "title-level"])
-    ], 10, Ae));
+    ], 10, ke));
   }
 }), He = ".slide{transition:transform ease-in-out .8s;height:100%}.slide.off,.slide.initStart{transition:none;transform:translate(100vw)}.slide.initStart.is-next,.slide.initEnd{transform:translate(-100vw)}.slide.initEnd.is-next{transform:translate(100vw)}.slide.on{transform:translate(0)}.slide.disable-animation{transition:none}.image-container{position:relative;display:flex;justify-content:center;align-items:center;margin:auto;max-width:890px;border-radius:8px}.image-container--is-not-image{justify-content:left}.image-container img{height:100%;max-width:var(--max-width);max-height:var(--max-height);width:var(--svg-image-display, 100%);object-fit:contain;border-radius:16px}.image-container img.has-shadow{filter:drop-shadow(0px 8px 12px rgba(0,0,0,.2))}.license{position:absolute;font-size:.8rem;bottom:0;margin:0;padding:2px 8px;max-width:50%;border-top-left-radius:8px;border-top-right-radius:8px;text-align:center;background:#ffffffe6}.text-container{margin:auto;width:fit-content}.text-image-container{display:flex;flex:1;gap:12px;padding:16px;border-radius:16px;background:#fff}.text-image-container.has-shadow{filter:drop-shadow(0px 8px 12px rgba(0,0,0,.2))}.text-image-container .img-container{width:calc(var(--image-display) / (var(--image-display) + var(--text-display)) * 100%);display:flex;justify-content:center;align-items:center}.text-image-container .img-container img{max-width:100%;width:auto;height:auto}.text-image-container .text-container{width:calc(var(--text-display) / (var(--image-display) + var(--text-display)) * 100%)}.text-image-container .text-container>*{margin:0}@media only screen and (max-width:576px){.license{font-size:.5rem}.image-container img{border-radius:8px;width:95%}.text-image-container{flex-direction:column}.text-image-container .img-container,.text-image-container .text-container{width:100%}}@media(prefers-reduced-motion:reduce){.slide{transition:none}}", Ie = /* @__PURE__ */ C(Ee, [["styles", [He]]]), We = {}, Oe = {
   width: "25",
@@ -370,12 +370,12 @@ const U = ee(ti, {
 });
 U.prototype.normalizeProps = (e) => ({
   ...e,
-  titleLevel: A(e.titleLevel),
+  titleLevel: k(e.titleLevel),
   imageTextDisplay: ne(e.imageTextDisplay),
   slides: e.slides.map((i) => ({
     ...i,
-    displayHeight: A(i.displayHeight),
-    displayWidth: A(i.displayWidth),
+    displayHeight: k(i.displayHeight),
+    displayWidth: k(i.displayWidth),
     license: ae(i.license)
   }))
 });

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

@@ -0,0 +1,238 @@
+import { b as X, j as S, u as Y, r as h, g as i, G as ee, c as b, o as u, a as e, E as w, K as m, H as f, t as o, s as T, B as te, F as L, e as P, f as ae, m as se, k as oe, x as ie, _ as ne, d as re } from "../_plugin-vue_export-helper-D0N_62VD.js";
+import { u as le, i as B } from "../i18n-lite-t2jNOu0C.js";
+import { B as V } from "../Button.ce-CTKrSDrC.js";
+import { P as ce } from "../Popin.ce-DUQ7-GMT.js";
+import { b as de } from "../normalize-props-DH0oPBss.js";
+const pe = {
+  "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" }
+}, A = "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", ue = "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", fe = { class: "stepper" }, be = ["aria-hidden"], me = { class: "character-value" }, ve = { class: "sr-only" }, ge = { class: "character-info" }, he = ["aria-hidden"], xe = { class: "character-value" }, Ce = { class: "sr-only" }, we = { class: "character-info" }, ye = { class: "cards" }, ke = { class: "card card-left" }, _e = ["aria-level"], Le = ["src"], Pe = {
+  class: "sr-only",
+  "aria-live": "polite"
+}, Ve = {
+  class: "placeholders",
+  id: "letters",
+  "aria-live": "polite"
+}, Be = { class: "letters-and-back" }, $e = ["src"], je = {
+  key: 0,
+  class: "doublon-feedback",
+  "aria-live": "polite"
+}, ze = { class: "card card-right" }, Se = ["aria-level"], Te = ["src"], Ae = ["aria-live"], Ee = /* @__PURE__ */ X({
+  __name: "PixCombinaisons.ce",
+  props: {
+    wontWait: { type: Boolean, default: !1 },
+    titleLevel: { default: 2, type: Number }
+  },
+  setup(d, { expose: M }) {
+    const { t: l } = le(), D = S("combination"), $ = S("wrapper"), F = Y(), n = h([]), x = h(!1), c = h([]), p = h(1), k = h(!1), y = h(!1), N = i(() => n.value.length === C.value.length || v.value), R = i(() => n.value.length === 0 || v.value), H = i(() => n.value.length !== C.value.length && !v.value || y.value), v = i(() => c.value.length >= 7), C = i(() => ["A", "B", "C"].slice(0, p.value + 1)), I = i(() => c.value.length === _.value.length && !k.value), q = i(() => p.value === 1 ? {
+      title: l("pix-combinaisons.fourPasswords"),
+      content: l("pix-combinaisons.easilyTestable"),
+      textButton: l("pix-combinaisons.next")
+    } : {
+      title: l("pix-combinaisons.soManyPasswords"),
+      content: l("pix-combinaisons.feedbackSoManyPasswords"),
+      textButton: l("pix-combinaisons.completed")
+    }), O = i(() => v.value ? l("pix-combinaisons.displayAllCombinations") : l("pix-combinaisons.validate")), Z = i(() => v.value ? l("pix-combinaisons.displayAllCombinations") : l("pix-combinaisons.ariaValidate")), j = i(() => `${(c.value.length * 100 / _.value.length).toFixed(0)}%`), G = i(() => `${p.value === 1 ? "50" : "100"}%`), _ = i(() => z(C.value));
+    function W() {
+      n.value = [], x.value = !1, c.value = [], p.value = 1, k.value = !1, y.value = !1;
+    }
+    function z(t, a = t) {
+      const r = [];
+      for (let s = 0; s < t.length; s++)
+        for (let g = 0; g < a.length; g++)
+          r.push(`${t[s]}${a[g]}`);
+      return r[0].length !== a.length ? z(r, t) : r;
+    }
+    async function K() {
+      if (p.value === 2) {
+        k.value = !0;
+        return;
+      }
+      n.value = [], x.value = !1, c.value = [], await ie(), $.value.focus(), p.value = 2;
+    }
+    function Q(t) {
+      n.value.push(t);
+    }
+    async function U() {
+      if (v.value) {
+        y.value = !0;
+        const a = _.value.filter((r) => !c.value.includes(r));
+        for (const r of a)
+          c.value.push(r), D.value.at(-1).scrollIntoView({ behavior: "smooth" }), d.wontWait || await new Promise((s) => setTimeout(s, 200));
+        return;
+      }
+      const t = n.value.join("");
+      if (J(c.value, t)) {
+        x.value = !0, n.value = [];
+        return;
+      }
+      c.value.push(t), n.value = [], x.value = !1;
+    }
+    function J(t, a) {
+      return t.includes(a);
+    }
+    return M({
+      reset: W
+    }), (t, a) => {
+      const r = ee("i18n");
+      return u(), b("div", {
+        ref_key: "wrapper",
+        ref: $,
+        class: "wrapper",
+        tabindex: "-1"
+      }, [
+        e("div", fe, [
+          e("div", {
+            class: "character",
+            "aria-hidden": p.value !== 1
+          }, [
+            e("p", me, [
+              w(r, { t: "pix-combinaisons.currentStep" }, {
+                step: m(() => [
+                  e("span", ve, o(t.$t("pix-combinaisons.step")), 1)
+                ]),
+                number: m(() => [...a[1] || (a[1] = [
+                  f("1", -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            e("p", ge, [
+              f(o(t.$t("pix-combinaisons.numberOfChars", { number: 2 })), 1),
+              a[2] || (a[2] = e("span", null, "(a,b)", -1))
+            ])
+          ], 8, be),
+          e("div", {
+            class: "stepper-bar",
+            style: T({ "--step-progression": G.value })
+          }, null, 4),
+          e("div", {
+            class: "character",
+            "aria-hidden": p.value !== 2
+          }, [
+            e("p", xe, [
+              w(r, { t: "pix-combinaisons.currentStep" }, {
+                step: m(() => [
+                  e("span", Ce, o(t.$t("pix-combinaisons.step")), 1)
+                ]),
+                number: m(() => [...a[3] || (a[3] = [
+                  f("2", -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            e("p", we, [
+              f(o(t.$t("pix-combinaisons.numberOfChars", { number: 3 })), 1),
+              a[4] || (a[4] = e("span", null, "(a,b,c)", -1))
+            ])
+          ], 8, he)
+        ]),
+        e("div", ye, [
+          e("section", ke, [
+            e("div", {
+              id: "title",
+              role: "heading",
+              "aria-level": d.titleLevel + 1
+            }, [
+              e("img", {
+                alt: "",
+                src: A
+              }, null, 8, Le),
+              f(" " + o(t.$t("pix-combinaisons.findCombinations")), 1)
+            ], 8, _e),
+            e("p", null, o(t.$t("pix-combinaisons.progression")), 1),
+            e("div", {
+              class: "progress-bar",
+              style: T({ "--completion": j.value })
+            }, null, 4),
+            e("p", Pe, o(t.$t("pix-combinaisons.completionState", { percent: j.value })), 1),
+            e("div", Ve, [
+              (u(!0), b(L, null, P(C.value.length, (s, g) => (u(), b("p", {
+                class: "placeholder",
+                key: s
+              }, o(n.value[g]), 1))), 128))
+            ]),
+            e("div", Be, [
+              (u(!0), b(L, null, P(C.value, (s) => (u(), ae(V, {
+                "is-disabled": N.value,
+                class: "letter",
+                onClick: (g) => Q(s),
+                key: s,
+                "aria-controls": "letters"
+              }, {
+                default: m(() => [
+                  f(o(s), 1)
+                ]),
+                _: 2
+              }, 1032, ["is-disabled", "onClick"]))), 128)),
+              w(V, {
+                "is-disabled": R.value,
+                class: "backspace",
+                onClick: a[0] || (a[0] = (s) => n.value.pop()),
+                "aria-label": t.$t("pix-combinaisons.backspace")
+              }, {
+                default: m(() => [
+                  e("img", {
+                    src: ue,
+                    alt: ""
+                  }, null, 8, $e)
+                ]),
+                _: 1
+              }, 8, ["is-disabled", "aria-label"])
+            ]),
+            w(V, {
+              class: "validate",
+              "is-disabled": H.value,
+              onClick: U,
+              "aria-label": Z.value,
+              "aria-describedby": "letters"
+            }, {
+              default: m(() => [
+                f(o(O.value), 1)
+              ]),
+              _: 1
+            }, 8, ["is-disabled", "aria-label"]),
+            x.value ? (u(), b("p", je, o(t.$t("pix-combinaisons.combinationAlreadyTried")), 1)) : te("", !0)
+          ]),
+          e("section", ze, [
+            e("div", {
+              role: "heading",
+              "aria-level": d.titleLevel + 1
+            }, [
+              e("img", {
+                alt: "",
+                src: A
+              }, null, 8, Te),
+              f(" " + o(t.$t("pix-combinaisons.discoverCombinations")), 1)
+            ], 8, Se),
+            e("ul", {
+              class: "results",
+              "aria-live": y.value ? "polite" : "off"
+            }, [
+              (u(!0), b(L, null, P(c.value, (s) => (u(), b("li", {
+                ref_for: !0,
+                ref: "combination",
+                key: s
+              }, o(s), 1))), 128))
+            ], 8, Ae)
+          ])
+        ]),
+        w(ce, se(q.value, {
+          show: I.value,
+          "root-element": oe(F),
+          onPrimaryAction: K
+        }), null, 16, ["show", "root-element"])
+      ], 512);
+    };
+  }
+}), Me = '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}*{box-sizing:border-box;font-family:Nunito,Roboto,sans-serif;color:#122647}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.doublon-feedback{border-radius:8px;background:#eaf1ff;padding:8px}.wrapper{position:relative;padding:24px 16px}.stepper{display:flex;align-items:center;gap:8px;width:60%;margin:0 auto;margin-bottom:calc(28px + 1.5rem)}.stepper .stepper-bar{height:4px;width:100%;background:#cdd1d9;border-radius:4px;position:relative}.stepper .stepper-bar:after{content:"";position:absolute;border-radius:inherit;background:#155dfc;width:var(--step-progression);height:100%}.stepper .character{display:flex;justify-content:center;align-items:center;position:relative;font-size:.875rem;font-weight:700;border-radius:50%;background-color:#3d68ff;aspect-ratio:1;width:32px}.stepper .character-value{color:#fff}.stepper .character-info{position:absolute;width:fit-content;color:#3d68ff;top:100%;left:50%;transform:translate(-50%);line-height:.75rem;text-align:center}.stepper .character-info span{display:block;font-size:.75rem;color:inherit}.cards{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.card{width:100%;max-width:356px;border-radius:24px;background:#fff;box-shadow:0 2px 5px #4a3aff40,0 -2px 5px #4a3aff26 inset,0 1px 1px #ffffff1a inset,0 3px 4px #dfeeff1a inset;padding:24px}.card p{font-family:Roboto,sans-serif;font-size:.875rem;margin-block:8px}.card-left .progress-bar{height:12px;border-radius:12px;background:#cdd1d9;margin-bottom:24px;position:relative}.card-left .progress-bar:after{content:"";position:absolute;left:0;border-radius:12px;background:linear-gradient(90deg,#2b7fff,#00b8db);height:100%;width:var(--completion)}.card-left .placeholders{display:flex;gap:8px;justify-content:center}.card-left .placeholder{font-size:1.25rem;border-radius:10px;border:2px dashed #cdd1d9;background:#f4f5f7;width:64px;height:80px;text-align:center;display:flex;align-items:center;justify-content:center;font-weight:700}.card-left .letters-and-back{display:flex;gap:8px;justify-content:center;cursor:pointer;margin:16px 0}.card-left .letter{padding-block:16px;border-radius:10px;background:#155dfc;color:#fff;font-size:1.25rem;font-weight:700;text-align:center}.card-left .letter:hover{background:#155dfcdd}.card-left .letter[aria-disabled=true]{background:#155dfc50}.card-left .backspace,.card-left .backspace:hover,.card-left .backspace[aria-disabled=true]{background:#f4f5f7}.card-left .backspace[aria-disabled=true] img{opacity:.5}.card-left .validate{width:100%;font-weight:700;font-size:1rem;margin-bottom:24px}.card-right{display:flex;flex-direction:column}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;overflow-y:auto;max-height:300px}.results li{list-style:none;border-radius:10px;border:2px solid #2c75ff;background:#eaf1ff;padding:15px 0;text-align:center;font-weight:700}div[role=heading]{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:24px}button{border:none;border-radius:10px;flex:1;cursor:pointer}', De = /* @__PURE__ */ ne(Ee, [["styles", [Me]]]);
+B.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/fr.json": pe }));
+const E = re(De, {
+  configureApp(d) {
+    B.changeLanguage(document?.documentElement?.lang || navigator.language), d.use(B);
+  }
+});
+E.prototype.normalizeProps = (d) => ({
+  ...d,
+  titleLevel: de(d.titleLevel)
+});
+window.customElements.define("pix-combinaisons", E);