@1024pix/epreuves-components 4.0.1 → 4.1.0

package/dist/components/select-conversation.ce.js.js

@@ -1,10 +1,10 @@
-import { b as w, r as g, g as p, c as n, o as i, a as e, t as a, k as l, n as z, H as k, F as u, e as M, B as T, _ as D, d as C } from "../_plugin-vue_export-helper-D0N_62VD.js";
-import { a as j, i as _, b as L } from "../i18n-ekiZvzf6.js";
+import { b as w, r as g, o as n, c as i, a as e, x as a, v as l, t as z, E as k, F as p, e as M, l as T, g as u, _ as D, d as C } from "../_plugin-vue_export-helper-B-lVMTio.js";
+import { a as j, i as _, b as L } from "../i18n-CsT7k7zW.js";
 import { b as S } from "../normalize-props-DH0oPBss.js";
-import { a as F, q as B, t as f } from "../temporal.utils-7Uvm62ss.js";
-const $ = {}, I = {}, N = {}, E = {}, q = {}, A = {
+import { t as f, a as F, q as $ } from "../temporal.utils-DgmGPVba.js";
+const B = {}, E = {}, I = {}, N = {}, q = {}, A = {
   "select-conversation": { "select-response-title": "Sélectionnez le message que {{username}} devrait envoyer :", "message-date": "{{messageDay, relativetime(numeric: auto)}} · {{messageTime, datetime(timeStyle: short)}}", "incoming-message-sr": "Message de {{username}} reçu {{messageDay, relativetime(numeric: auto)}} à {{messageTime, datetime(timeStyle: short)}}", "outgoing-message-sr": "Message envoyé par {{username}} {{messageDay, relativetime(numeric: auto)}} à {{messageTime, datetime(timeStyle: short)}}", "good-idea": "Bonne idée", "bad-idea": "Mauvaise idée" }
-}, R = {}, H = {}, O = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%3e%3c!--!Font%20Awesome%20Free%20v7.1.0%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20Copyright%202025%20Fonticons,%20Inc.--%3e%3cpath%20d='M434.8%2070.1c14.3%2010.4%2017.5%2030.4%207.1%2044.7l-256%20352c-5.5%207.6-14%2012.3-23.4%2013.1s-18.5-2.7-25.1-9.3l-128-128c-12.5-12.5-12.5-32.8%200-45.3s32.8-12.5%2045.3%200l101.5%20101.5%20234-321.7c10.4-14.3%2030.4-17.5%2044.7-7.1z'/%3e%3c/svg%3e", V = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3c!--!Font%20Awesome%20Free%20v7.1.0%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20Copyright%202025%20Fonticons,%20Inc.--%3e%3cpath%20d='M256%2048a208%20208%200%201%201%200%20416%20208%20208%200%201%201%200-416zm0%20464a256%20256%200%201%200%200-512%20256%20256%200%201%200%200%20512zM167%20167c-9.4%209.4-9.4%2024.6%200%2033.9l55%2055-55%2055c-9.4%209.4-9.4%2024.6%200%2033.9s24.6%209.4%2033.9%200l55-55%2055%2055c9.4%209.4%2024.6%209.4%2033.9%200s9.4-24.6%200-33.9l-55-55%2055-55c9.4-9.4%209.4-24.6%200-33.9s-24.6-9.4-33.9%200l-55%2055-55-55c-9.4-9.4-24.6-9.4-33.9%200z'/%3e%3c/svg%3e", G = { class: "messages" }, P = { class: "message" }, X = {
+}, R = {}, O = {}, V = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%3e%3c!--!Font%20Awesome%20Free%20v7.1.0%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20Copyright%202025%20Fonticons,%20Inc.--%3e%3cpath%20d='M434.8%2070.1c14.3%2010.4%2017.5%2030.4%207.1%2044.7l-256%20352c-5.5%207.6-14%2012.3-23.4%2013.1s-18.5-2.7-25.1-9.3l-128-128c-12.5-12.5-12.5-32.8%200-45.3s32.8-12.5%2045.3%200l101.5%20101.5%20234-321.7c10.4-14.3%2030.4-17.5%2044.7-7.1z'/%3e%3c/svg%3e", H = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3c!--!Font%20Awesome%20Free%20v7.1.0%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20Copyright%202025%20Fonticons,%20Inc.--%3e%3cpath%20d='M256%2048a208%20208%200%201%201%200%20416%20208%20208%200%201%201%200-416zm0%20464a256%20256%200%201%200%200-512%20256%20256%200%201%200%200%20512zM167%20167c-9.4%209.4-9.4%2024.6%200%2033.9l55%2055-55%2055c-9.4%209.4-9.4%2024.6%200%2033.9s24.6%209.4%2033.9%200l55-55%2055%2055c9.4%209.4%2024.6%209.4%2033.9%200s9.4-24.6%200-33.9l-55-55%2055-55c9.4-9.4%209.4-24.6%200-33.9s-24.6-9.4-33.9%200l-55%2055-55-55c-9.4-9.4-24.6-9.4-33.9%200z'/%3e%3c/svg%3e", G = { class: "messages" }, P = { class: "message" }, X = {
   class: "message__username",
   "aria-hidden": "true"
 }, J = { class: "sr-only" }, K = { class: "message__content" }, Q = {
@@ -25,7 +25,7 @@ const $ = {}, I = {}, N = {}, E = {}, q = {}, A = {
     responseChoices: { type: Array }
   },
   setup(s, { expose: v }) {
-    const d = g(s.responseChoices.map((t) => ({ ...t, selected: !1 }))), o = g(), c = p(() => F(s.incomingMessage.time)), m = p(() => c.value.day - B.Now.plainDateTimeISO().day);
+    const d = g(s.responseChoices.map((t) => ({ ...t, selected: !1 }))), o = g(), c = u(() => F(s.incomingMessage.time)), m = u(() => c.value.day - $.Now.plainDateTimeISO().day);
     function b(t) {
       t.selected || (t.selected = !0, o.value = t);
     }
@@ -36,7 +36,7 @@ const $ = {}, I = {}, N = {}, E = {}, q = {}, A = {
     }
     return v({
       reset: y
-    }), (t, pe) => (i(), n(u, null, [
+    }), (t, pe) => (n(), i(p, null, [
       e("div", G, [
         e("div", P, [
           e("p", X, a(s.incomingMessage.username), 1),
@@ -54,7 +54,7 @@ const $ = {}, I = {}, N = {}, E = {}, q = {}, A = {
           e("div", Z, [
             e("p", ee, [
               e("img", {
-                src: o.value?.goodIdea ? l(O) : l(V),
+                src: o.value?.goodIdea ? l(V) : l(H),
                 alt: "",
                 width: "16"
               }, null, 8, se),
@@ -72,7 +72,7 @@ const $ = {}, I = {}, N = {}, E = {}, q = {}, A = {
           class: "title"
         }, a(t.$t("select-conversation.select-response-title", { username: s.username })), 9, ne),
         e("div", ie, [
-          (i(!0), n(u, null, M(d.value, (r, x) => (i(), n("button", {
+          (n(!0), i(p, null, M(d.value, (r, x) => (n(), i("button", {
             key: x,
             type: "button",
             class: "response-select__choice",
@@ -81,7 +81,7 @@ const $ = {}, I = {}, N = {}, E = {}, q = {}, A = {
           }, a(r.content), 9, le))), 128))
         ]),
         e("div", ce, [
-          o.value ? (i(), n("p", {
+          o.value ? (n(), i("p", {
             key: 0,
             class: "response-select__feedback",
             innerHTML: o.value.feedback
@@ -91,7 +91,7 @@ const $ = {}, I = {}, N = {}, E = {}, q = {}, A = {
     ], 64));
   }
 }), 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}.messages,.response-select{--primary-font-size: .875rem;--secondary-font-size: .75rem}*{font-family:Roboto,sans-serif;color:#122647;line-height:normal}.messages{display:flex;flex-direction:column;gap:8px;padding:16px}.message{display:flex;flex-direction:column;align-items:start;gap:8px;margin-left:0;margin-right:16px}.message__username,.message__date{color:#5e6c84;font-size:var(--secondary-font-size);font-weight:400}.message__content{padding:16px 8px;border-radius:8px;background:#e8e8e8;font-size:var(--primary-font-size);font-weight:400}.message--hidden{visibility:hidden}.message--outgoing{align-self:end;align-items:end;margin-left:16px;margin-right:0}.message--outgoing .message__content-container{display:flex;flex-direction:column}.message--outgoing .message__content-title{color:#fff;font-size:var(--secondary-font-size);font-weight:700;border-radius:8px 8px 0 0;background:#452d9d;padding:4px 8px;align-self:start;display:flex;gap:4px;align-items:center}.message--outgoing .message__content-title>img{filter:invert(100%);max-height:16px;max-width:16px}.message--outgoing .message__content{border-top-left-radius:0;background:#cec3f4}.response-select{border-radius:16px;border:1px solid #cdd1d9;background-color:#fff;display:flex;padding:24px 16px;flex-direction:column;gap:16px;margin-top:25px}.response-select__choices{display:flex;gap:8px}.response-select__choice{border-style:none;border-radius:8px;background-color:#253858;padding:8px 16px;color:#fff;text-align:center;font-size:var(--primary-font-size);font-weight:400;line-height:18px;flex:1;cursor:pointer}.response-select__choice[aria-disabled=true]{background-color:#f4f5f7;color:#5e6c84;cursor:not-allowed}.response-select__feedback{border-radius:8px;background:#eaf1ff;padding:8px;color:#122647;font-size:var(--secondary-font-size);font-weight:400;line-height:20px}.title{font-family:Nunito,Roboto,sans-serif;font-size:var(--primary-font-size);font-weight:700}@media(max-width:640px){.messages,.response-select{--primary-font-size: .75rem;--secondary-font-size: .688rem}.response-select__choices{flex-direction:column}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}", ge = /* @__PURE__ */ D(de, [["styles", [me]]]);
-j(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": $, "./locales/en.json": I, "./locales/es-419.json": N, "./locales/es.json": E, "./locales/fr-BE.json": q, "./locales/fr.json": A, "./locales/it.json": R, "./locales/nl.json": H })).catch((s) => console.error(s));
+j(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": B, "./locales/en.json": E, "./locales/es-419.json": I, "./locales/es.json": N, "./locales/fr-BE.json": q, "./locales/fr.json": A, "./locales/it.json": R, "./locales/nl.json": O })).catch((s) => console.error(s));
 const h = C(ge, {
   configureApp(s) {
     _.changeLanguage(document?.documentElement?.lang || navigator.language), s.use(L, { i18next: _ });

package/dist/components/template-mail.ce.js.js

@@ -1,8 +1,8 @@
 import { _ as r, a as m, b as _, c as p, d as c, e as u, f as d, g } from "../nl-Bonww6Q2.js";
 import { u as v, a as b, b as f } from "../normalize-props-DH0oPBss.js";
-import { b as j, g as s, f as M, o as x, d as y } from "../_plugin-vue_export-helper-D0N_62VD.js";
-import { i as t } from "../i18n-lite-t2jNOu0C.js";
-import { P as C } from "../PixMailMessage.ce-XPDbJiyC.js";
+import { b as j, o as M, f as x, g as s, d as y } from "../_plugin-vue_export-helper-B-lVMTio.js";
+import { i as t } from "../i18n-lite-BIJ2LVs6.js";
+import { P as C } from "../PixMailMessage.ce-oCccQFGV.js";
 const S = /* @__PURE__ */ j({
   __name: "TemplateMail.ce",
   props: {
@@ -41,7 +41,7 @@ const S = /* @__PURE__ */ j({
       menu: "disabled",
       return: "hidden"
     };
-    return (L, A) => (x(), M(C, {
+    return (L, A) => (M(), x(C, {
       "title-level": a.titleLevel,
       mail: o.value,
       actions: n

package/dist/components/test-top-mdp.ce.js.js

@@ -1,118 +1,127 @@
-import { b as E, g as a, r as j, G as I, c as l, o as i, a as e, B as x, t as s, s as N, F as m, e as z, n as F, H as h, k as w, E as P, K as A, _ as H, d as R } from "../_plugin-vue_export-helper-D0N_62VD.js";
-import { u as S, i as k } from "../i18n-lite-t2jNOu0C.js";
-const U = {}, G = {}, Z = {}, D = {}, K = {}, O = {
-  "test-top-mdp": { passwords: { title: "Top {{count}} des mots de passe en France", cta: "Cliquez sur un mot de passe pour le tester" }, loginForm: { title: "Connexion", login: "Identifiant", loginValue: "Ulysse", password: "Mot de passe", passwordPlaceholder: "Séléctionnez un mot de passe...", submit: "Tester", attemptsCount: "Nombre d’essais : {{count}}" }, feedback: { negative: { title: "Eh non !", content: "Mot de passe incorrect. Réessayez avec un autre mot de passe." }, positive: { title_one: "Vous avez trouvé le mot de passe d’Ulysse en un essai.", title_other: "Vous avez trouvé le mot de passe d’Ulysse en {{count}} essais.", content: `Les pirates ont des listes contenant les mots de passe les plus fréquents, tous les mots du dictionnaire, des prénoms.
-Ils utilisent des programmes informatiques qui permettent de tester des millions de mots en quelques secondes : on appelle ça une attaque par dictionnaire.` } } }
-}, J = {}, Q = {}, W = "data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9%2011.25V12.75M4.5%2015.75H13.5C13.8978%2015.75%2014.2794%2015.592%2014.5607%2015.3107C14.842%2015.0294%2015%2014.6478%2015%2014.25V9.75C15%209.35218%2014.842%208.97064%2014.5607%208.68934C14.2794%208.40804%2013.8978%208.25%2013.5%208.25H4.5C4.10218%208.25%203.72064%208.40804%203.43934%208.68934C3.15804%208.97064%203%209.35218%203%209.75V14.25C3%2014.6478%203.15804%2015.0294%203.43934%2015.3107C3.72064%2015.592%204.10218%2015.75%204.5%2015.75ZM12%208.25V5.25C12%204.45435%2011.6839%203.69129%2011.1213%203.12868C10.5587%202.56607%209.79565%202.25%209%202.25C8.20435%202.25%207.44129%202.56607%206.87868%203.12868C6.31607%203.69129%206%204.45435%206%205.25V8.25H12Z'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", X = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.5%207L9.5%2017L4.5%2012'%20stroke='%23007740'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", Y = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.875%207.125L7.125%2016.875M7.125%207.125L16.875%2016.875'%20stroke='%23A94B0C'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", ee = { class: "container" }, te = { class: "card" }, oe = ["arial-level"], se = ["onClick", "aria-disabled", "aria-selected"], ne = { class: "password" }, ae = { class: "card" }, le = ["arial-level"], ie = { class: "lock-icon" }, re = ["src"], de = { class: "form" }, ce = { class: "form__field" }, pe = { for: "login" }, ue = ["value"], fe = { class: "form__field" }, me = { for: "password" }, ge = ["value", "placeholder"], _e = ["src"], ve = ["aria-disabled"], be = { class: "attempts-count" }, xe = { class: "attempts-count__count" }, he = {
+import { b as $, K as B, o as c, c as p, a as e, x as n, z as H, F as h, e as N, t as w, E as k, v as m, l as y, C as P, D as E, g as r, r as C, _ as I, d as A } from "../_plugin-vue_export-helper-B-lVMTio.js";
+import { u as S, i as v } from "../i18n-lite-BIJ2LVs6.js";
+const R = {}, D = {}, O = {}, Z = {}, q = {}, G = {
+  "test-top-mdp": { passwords: { title: "Top {{count}} des mots de passe en France", cta: "Cliquez sur un mot de passe pour le tester" }, loginForm: { title: "Connexion", login: "Identifiant", loginValue: "Ulysse", password: "Mot de passe", passwordPlaceholder: "Séléctionnez un mot de passe...", submit: "Tester", attemptsCount: "Nombre d’essais : {{count}}" }, feedback: { positive: { title_one: "{{feedback}} en un essai.", title_other: "{{feedback}} en {{count}} essais." } } }
+}, K = {}, U = {}, J = "data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9%2011.25V12.75M4.5%2015.75H13.5C13.8978%2015.75%2014.2794%2015.592%2014.5607%2015.3107C14.842%2015.0294%2015%2014.6478%2015%2014.25V9.75C15%209.35218%2014.842%208.97064%2014.5607%208.68934C14.2794%208.40804%2013.8978%208.25%2013.5%208.25H4.5C4.10218%208.25%203.72064%208.40804%203.43934%208.68934C3.15804%208.97064%203%209.35218%203%209.75V14.25C3%2014.6478%203.15804%2015.0294%203.43934%2015.3107C3.72064%2015.592%204.10218%2015.75%204.5%2015.75ZM12%208.25V5.25C12%204.45435%2011.6839%203.69129%2011.1213%203.12868C10.5587%202.56607%209.79565%202.25%209%202.25C8.20435%202.25%207.44129%202.56607%206.87868%203.12868C6.31607%203.69129%206%204.45435%206%205.25V8.25H12Z'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", Q = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.5%207L9.5%2017L4.5%2012'%20stroke='%23007740'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", W = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.875%207.125L7.125%2016.875M7.125%207.125L16.875%2016.875'%20stroke='%23A94B0C'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", X = { class: "container" }, Y = { class: "card" }, ee = ["arial-level"], te = ["onClick", "aria-disabled", "aria-selected"], oe = { class: "password" }, se = { class: "card" }, ne = ["arial-level"], le = { class: "lock-icon" }, ae = ["src"], ie = { class: "form" }, re = { class: "form__field" }, de = { for: "login" }, ce = ["value"], pe = { class: "form__field" }, ue = { for: "password" }, fe = ["value", "placeholder"], ge = ["src"], _e = ["aria-disabled"], me = { class: "attempts-count" }, ve = { class: "attempts-count__count" }, be = {
   key: 0,
   class: "feedback",
   "aria-live": "polite"
-}, we = ["arial-level"], ke = { class: "feedback__content" }, ye = { key: 0 }, Ce = /* @__PURE__ */ E({
+}, xe = ["arial-level", "innerHTML"], he = ["innerHTML"], we = /* @__PURE__ */ $({
   __name: "TestTopMdp.ce",
   props: {
     titleLevel: { type: Number },
     passwords: { type: Array },
-    expectedPassword: { type: String }
+    expectedPassword: { type: String },
+    feedback: { type: Object }
   },
-  setup(g, { expose: V }) {
-    const c = g, { t: p } = S(), _ = a(() => c.titleLevel ?? 2), n = j(), d = j([]), v = a(() => d.value.at(-1)), b = a(() => c.passwords.map((t) => ({
+  setup(u, { expose: j }) {
+    const l = u, { t: M } = S(), f = r(() => l.titleLevel ?? 2), s = C(), d = C([]), g = r(() => d.value.at(-1)), _ = r(() => l.passwords.map((t) => ({
       password: t,
-      selected: t === n.value,
+      selected: t === s.value,
       attempted: d.value.includes(t),
-      expected: t === c.expectedPassword
-    }))), y = a(() => d.value.length), u = a(() => v.value !== void 0 && n.value === void 0), r = a(() => v.value === c.expectedPassword), M = a(() => r.value ? p("test-top-mdp.feedback.positive.title", { count: y.value }) : p("test-top-mdp.feedback.negative.title")), T = a(() => r.value ? p("test-top-mdp.feedback.positive.content") : p("test-top-mdp.feedback.negative.content"));
-    function L(t) {
-      r.value || t.attempted || (n.value = t.password);
+      expected: t === l.expectedPassword
+    }))), b = r(() => d.value.length), a = r(() => g.value === l.expectedPassword), i = r(() => {
+      if (!(g.value === void 0 || s.value !== void 0))
+        return a.value ? {
+          title: M("test-top-mdp.feedback.positive.title", {
+            feedback: l.feedback.success.title,
+            count: b.value
+          }),
+          content: l.feedback.success.content
+        } : l.feedback.failed;
+    });
+    function T(t) {
+      a.value || t.attempted || (s.value = t.password);
     }
-    function $() {
-      n.value && (d.value.push(n.value), n.value = void 0);
+    function L() {
+      s.value && (d.value.push(s.value), s.value = void 0);
     }
-    function B() {
-      n.value = void 0, d.value = [];
+    function F() {
+      s.value = void 0, d.value = [];
     }
-    return V({
-      reset: B
-    }), (t, C) => {
-      const q = I("i18n");
-      return i(), l(m, null, [
-        e("div", ee, [
-          e("div", te, [
+    return j({
+      reset: F
+    }), (t, x) => {
+      const z = B("i18n");
+      return c(), p(h, null, [
+        e("div", X, [
+          e("div", Y, [
             e("div", {
               class: "title",
               role: "heading",
-              "arial-level": _.value
-            }, s(t.$t("test-top-mdp.passwords.title", { count: b.value.length })), 9, oe),
-            e("p", null, s(t.$t("test-top-mdp.passwords.cta")), 1),
+              "arial-level": f.value
+            }, n(t.$t("test-top-mdp.passwords.title", { count: _.value.length })), 9, ee),
+            e("p", null, n(t.$t("test-top-mdp.passwords.cta")), 1),
             e("div", {
               class: "passwords",
-              style: N({ "--count-per-column": Math.round(b.value.length / 2) })
+              style: H({ "--count-per-column": Math.round(_.value.length / 2) })
             }, [
-              (i(!0), l(m, null, z(b.value, (o, f) => (i(), l("button", {
+              (c(!0), p(h, null, N(_.value, (o, V) => (c(), p("button", {
                 key: o.password,
-                onClick: (Fe) => L(o),
-                class: F({
+                onClick: (Ce) => T(o),
+                class: w({
                   selected: o.selected || o.attempted && o.expected,
                   disabled: o.attempted && !o.expected
                 }),
-                "aria-disabled": r.value || o.attempted,
+                "aria-disabled": a.value || o.attempted,
                 "aria-selected": o.selected
               }, [
-                h(" #" + s(f + 1) + " ", 1),
-                e("span", ne, s(o.password), 1)
-              ], 10, se))), 128))
+                k(" #" + n(V + 1) + " ", 1),
+                e("span", oe, n(o.password), 1)
+              ], 10, te))), 128))
             ], 4)
           ]),
-          e("div", ae, [
+          e("div", se, [
             e("div", {
               class: "title",
               role: "heading",
-              "arial-level": _.value
+              "arial-level": f.value
             }, [
-              e("div", ie, [
+              e("div", le, [
                 e("img", {
-                  src: w(W),
+                  src: m(J),
                   alt: ""
-                }, null, 8, re)
+                }, null, 8, ae)
               ]),
-              h(" " + s(t.$t("test-top-mdp.loginForm.title")), 1)
-            ], 8, le),
-            e("div", de, [
-              e("div", ce, [
-                e("label", pe, s(t.$t("test-top-mdp.loginForm.login")), 1),
+              k(" " + n(t.$t("test-top-mdp.loginForm.title")), 1)
+            ], 8, ne),
+            e("div", ie, [
+              e("div", re, [
+                e("label", de, n(t.$t("test-top-mdp.loginForm.login")), 1),
                 e("input", {
                   id: "login",
                   type: "text",
                   value: t.$t("test-top-mdp.loginForm.loginValue"),
                   readonly: "",
                   tabIndex: "-1"
-                }, null, 8, ue)
+                }, null, 8, ce)
               ]),
-              e("div", fe, [
-                e("label", me, s(t.$t("test-top-mdp.loginForm.password")), 1),
+              e("div", pe, [
+                e("label", ue, n(t.$t("test-top-mdp.loginForm.password")), 1),
                 e("input", {
                   id: "password",
                   type: "text",
-                  value: n.value ?? v.value,
+                  value: s.value ?? g.value,
                   readonly: "",
                   placeholder: t.$t("test-top-mdp.loginForm.passwordPlaceholder"),
                   tabIndex: "-1",
-                  class: F({ right: u.value && r.value, wrong: u.value && !r.value })
-                }, null, 10, ge),
-                u.value ? (i(), l("img", {
+                  class: w({ right: i.value !== void 0 && a.value, wrong: i.value !== void 0 && !a.value })
+                }, null, 10, fe),
+                i.value !== void 0 ? (c(), p("img", {
                   key: 0,
-                  src: r.value ? w(X) : w(Y),
+                  src: a.value ? m(Q) : m(W),
                   alt: "",
                   class: "form__field-icon"
-                }, null, 8, _e)) : x("", !0)
+                }, null, 8, ge)) : y("", !0)
               ]),
               e("button", {
-                "aria-disabled": !n.value,
-                onClick: C[0] || (C[0] = (o) => $())
-              }, s(t.$t("test-top-mdp.loginForm.submit")), 9, ve),
-              e("p", be, [
-                P(q, { t: "test-top-mdp.loginForm.attemptsCount" }, {
-                  count: A(() => [
-                    e("span", xe, s(y.value), 1)
+                "aria-disabled": !s.value,
+                onClick: x[0] || (x[0] = (o) => L())
+              }, n(t.$t("test-top-mdp.loginForm.submit")), 9, _e),
+              e("p", me, [
+                P(z, { t: "test-top-mdp.loginForm.attemptsCount" }, {
+                  count: E(() => [
+                    e("span", ve, n(b.value), 1)
                   ]),
                   _: 1
                 })
@@ -120,27 +129,25 @@ Ils utilisent des programmes informatiques qui permettent de tester des millions
             ])
           ])
         ]),
-        u.value ? (i(), l("div", he, [
+        i.value !== void 0 ? (c(), p("div", be, [
           e("div", {
             class: "feedback__title",
             role: "heading",
-            "arial-level": _.value + 1
-          }, s(M.value), 9, we),
-          e("div", ke, [
-            (i(!0), l(m, null, z(T.value.split(`
-`), (o, f) => (i(), l(m, { key: f }, [
-              f !== 0 ? (i(), l("br", ye)) : x("", !0),
-              h(" " + s(o), 1)
-            ], 64))), 128))
-          ])
-        ])) : x("", !0)
+            "arial-level": f.value + 1,
+            innerHTML: i.value.title
+          }, null, 8, xe),
+          e("div", {
+            class: "feedback__content",
+            innerHTML: i.value.content
+          }, null, 8, he)
+        ])) : y("", !0)
       ], 64);
     };
   }
-}), je = "*{font-family:Roboto,sans-serif;color:#5e6c84;box-sizing:border-box;font-size:14px}p{margin:0}.container{display:flex;flex-direction:row;gap:16px}.card{background:#fff;border-radius:16px;box-shadow:0 2px 5px #4a3aff40,0 -2px 5px #4a3aff26 inset,0 1px 1px #ffffff1a inset,0 3px 4px #dfeeff1a inset;padding:24px;width:50%}.title{color:#122647;font-family:Nunito,Roboto,sans-serif;font-size:20px;font-weight:700;display:flex;align-items:center;gap:8px}.passwords{margin-top:16px;display:grid;grid-template-rows:repeat(var(--count-per-column, 5),1fr);grid-auto-flow:column;gap:8px}.passwords>button{display:flex;padding:8px 16px;gap:4px;border-radius:8px;background-color:#eaf1ff;border-style:none;cursor:pointer;height:44px;align-items:center;color:#122647}.passwords>button.selected{background-color:#3b82f6;color:#fff}.passwords>button.disabled{background-color:#f4f5f7;color:#5e6c84}.passwords>button[aria-disabled=true]{cursor:not-allowed}.lock-icon{border-radius:50%;background-color:#2c75ff;aspect-ratio:1;width:34px;display:flex;align-items:center;justify-content:center}.password{font-weight:700;line-height:20px;color:inherit}.form{margin-top:24px;display:flex;gap:16px;flex-direction:column}.form__field{display:flex;gap:8px;flex-direction:column;position:relative}.form__field-icon{aspect-ratio:1;width:24px;position:absolute;left:12px;bottom:12px}.form input{display:flex;height:50px;padding:12px 16px;align-items:center;border-radius:10px;border:1px solid #cdd1d9;background-color:#f4f5f7;font-size:16px;pointer-events:none;color:#122647}.form input.right{padding-left:40px;border-color:#00a85a;background-color:#e6f6ef;color:#007740}.form input.wrong{padding-left:40px;border-color:#d73328;background-color:#fbebea;color:#99241c}.form label{pointer-events:none}.form button{display:flex;height:50px;padding:12px 16px;align-items:center;border-radius:10px;background-color:#122647;font-size:16px;font-weight:700;color:#fff;justify-content:center;cursor:pointer;border-style:none}.form button[aria-disabled=true]{background-color:#cdd1d9;color:#5e6c84;cursor:not-allowed}.attempts-count{text-align:center}.attempts-count__count{color:#122647;font-weight:700}.feedback{margin-top:24px;display:flex;flex-direction:column}.feedback__title{color:#fff;padding:4px 8px;border-radius:8px 8px 0 0;background-color:#1f53b5;font-weight:700;align-self:start;font-size:12px}.feedback__content{border-radius:0 8px 8px;background-color:#eaf1ff;color:#122647;padding:8px}@media only screen and (max-width:680px){.container{flex-direction:column}.card{width:100%}}", ze = /* @__PURE__ */ H(Ce, [["styles", [je]]]);
-k.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": U, "./locales/en.json": G, "./locales/es-419.json": Z, "./locales/es.json": D, "./locales/fr-BE.json": K, "./locales/fr.json": O, "./locales/it.json": J, "./locales/nl.json": Q }));
-window.customElements.define("test-top-mdp", R(ze, {
-  configureApp(g) {
-    k.changeLanguage(document?.documentElement?.lang || navigator.language), g.use(k);
+}), ke = "*{font-family:Roboto,sans-serif;color:#5e6c84;box-sizing:border-box;font-size:14px}p{margin:0}.container{display:flex;flex-direction:row;gap:16px}.card{background:#fff;border-radius:16px;box-shadow:0 2px 5px #4a3aff40,0 -2px 5px #4a3aff26 inset,0 1px 1px #ffffff1a inset,0 3px 4px #dfeeff1a inset;padding:24px;width:50%}.title{color:#122647;font-family:Nunito,Roboto,sans-serif;font-size:20px;font-weight:700;display:flex;align-items:center;gap:8px}.passwords{margin-top:16px;display:grid;grid-template-rows:repeat(var(--count-per-column, 5),1fr);grid-auto-flow:column;gap:8px}.passwords>button{display:flex;padding:8px 16px;gap:4px;border-radius:8px;background-color:#eaf1ff;border-style:none;cursor:pointer;height:44px;align-items:center;color:#122647}.passwords>button.selected{background-color:#3b82f6;color:#fff}.passwords>button.disabled{background-color:#f4f5f7;color:#5e6c84}.passwords>button[aria-disabled=true]{cursor:not-allowed}.lock-icon{border-radius:50%;background-color:#2c75ff;aspect-ratio:1;width:34px;display:flex;align-items:center;justify-content:center}.password{font-weight:700;line-height:20px;color:inherit}.form{margin-top:24px;display:flex;gap:16px;flex-direction:column}.form__field{display:flex;gap:8px;flex-direction:column;position:relative}.form__field-icon{aspect-ratio:1;width:24px;position:absolute;left:12px;bottom:12px}.form input{display:flex;height:50px;padding:12px 16px;align-items:center;border-radius:10px;border:1px solid #cdd1d9;background-color:#f4f5f7;font-size:16px;pointer-events:none;color:#122647}.form input.right{padding-left:40px;border-color:#00a85a;background-color:#e6f6ef;color:#007740}.form input.wrong{padding-left:40px;border-color:#d73328;background-color:#fbebea;color:#99241c}.form label{pointer-events:none}.form button{display:flex;height:50px;padding:12px 16px;align-items:center;border-radius:10px;background-color:#122647;font-size:16px;font-weight:700;color:#fff;justify-content:center;cursor:pointer;border-style:none}.form button[aria-disabled=true]{background-color:#cdd1d9;color:#5e6c84;cursor:not-allowed}.attempts-count{text-align:center}.attempts-count__count{color:#122647;font-weight:700}.feedback{margin-top:24px;display:flex;flex-direction:column}.feedback__title{color:#fff;padding:4px 8px;border-radius:8px 8px 0 0;background-color:#1f53b5;font-weight:700;align-self:start;font-size:12px}.feedback__title *{color:inherit}.feedback__content{border-radius:0 8px 8px;background-color:#eaf1ff;color:#122647;padding:8px}.feedback__content *{color:inherit}@media only screen and (max-width:680px){.container{flex-direction:column}.card{width:100%}}", ye = /* @__PURE__ */ I(we, [["styles", [ke]]]);
+v.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": R, "./locales/en.json": D, "./locales/es-419.json": O, "./locales/es.json": Z, "./locales/fr-BE.json": q, "./locales/fr.json": G, "./locales/it.json": K, "./locales/nl.json": U }));
+window.customElements.define("test-top-mdp", A(ye, {
+  configureApp(u) {
+    v.changeLanguage(document?.documentElement?.lang || navigator.language), u.use(v);
   }
 }));