@1024pix/epreuves-components 2.8.0 → 2.8.1

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

@@ -1,22 +1,22 @@
-import { d as w, r as g, y as u, c as n, o as i, a as e, t as a, h as r, n as z, H as k, F as p, b as M, B as D, _ as T, f as C } from "../_plugin-vue_export-helper-CGJjSxi7.js";
-import { a as L, i as f, b as S } from "../i18n-BkraEFZL.js";
-import { u as j } from "../normalize-props-DtfVI0Xg.js";
-import { r as F, q as $, t as _ } from "../temporal.utils-CotrC6ao.js";
-const B = {}, I = {}, N = {}, q = {
+import { d as w, r as g, y as u, c as n, o as i, a as e, t as a, k as l, n as z, H as k, F as p, b as M, B as T, _ as D, f as C } from "../_plugin-vue_export-helper-BPDEgOal.js";
+import { a as j, i as _, b as L } from "../i18n-BuCPzaih.js";
+import { u as S } from "../normalize-props-DtfVI0Xg.js";
+import { r as F, q as B, t as f } from "../temporal.utils-CotrC6ao.js";
+const $ = {}, I = {}, N = {}, E = {}, 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" }
-}, E = {}, R = {}, A = "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", O = { class: "messages" }, V = { class: "message" }, G = {
+}, 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 = {
   class: "message__username",
   "aria-hidden": "true"
-}, P = { class: "sr-only" }, X = { class: "message__content" }, J = {
+}, J = { class: "sr-only" }, K = { class: "message__content" }, Q = {
   class: "message__date",
   "aria-hidden": "true"
-}, K = ["aria-hidden"], Q = {
+}, U = ["aria-hidden"], W = {
   class: "message__username",
   "aria-hidden": "true"
-}, U = { class: "sr-only" }, W = { class: "message__content-container" }, Y = { class: "message__content-title" }, Z = ["src"], ee = { class: "message__content" }, se = {
+}, Y = { class: "sr-only" }, Z = { class: "message__content-container" }, ee = { class: "message__content-title" }, se = ["src"], te = { class: "message__content" }, ae = {
   class: "message__date",
   "aria-hidden": "true"
-}, te = { class: "response-select" }, ae = ["aria-level"], oe = { class: "response-select__choices" }, ne = ["aria-disabled", "onClick"], ie = { "aria-live": "polite" }, re = ["innerHTML"], ce = /* @__PURE__ */ w({
+}, oe = { class: "response-select" }, ne = ["aria-level"], ie = { class: "response-select__choices" }, le = ["aria-disabled", "onClick"], re = { "aria-live": "polite" }, ce = ["innerHTML"], de = /* @__PURE__ */ w({
   __name: "SelectConversation.ce",
   props: {
     titleLevel: { default: 2, type: Number },
@@ -25,7 +25,7 @@ const B = {}, I = {}, N = {}, q = {
     responseChoices: { type: Array }
   },
   setup(s, { expose: v }) {
-    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);
+    const d = g(s.responseChoices.map((t) => ({ ...t, selected: !1 }))), o = g(), r = u(() => F(s.incomingMessage.time)), m = u(() => r.value.day - B.Now.plainDateTimeISO().day);
     function b(t) {
       t.selected || (t.selected = !0, o.value = t);
     }
@@ -36,69 +36,69 @@ const B = {}, I = {}, N = {}, q = {
     }
     return v({
       reset: y
-    }), (t, me) => (i(), n(p, null, [
-      e("div", O, [
-        e("div", V, [
-          e("p", G, a(s.incomingMessage.username), 1),
-          e("p", P, a(t.$t("select-conversation.incoming-message-sr", { username: s.incomingMessage.username, messageDay: m.value, messageTime: r(_)(c.value) })), 1),
-          e("p", X, a(s.incomingMessage.content), 1),
-          e("p", J, a(t.$t("select-conversation.message-date", { messageDay: m.value, messageTime: r(_)(c.value) })), 1)
+    }), (t, ue) => (i(), n(p, null, [
+      e("div", G, [
+        e("div", P, [
+          e("p", X, a(s.incomingMessage.username), 1),
+          e("p", J, a(t.$t("select-conversation.incoming-message-sr", { username: s.incomingMessage.username, messageDay: m.value, messageTime: l(f)(r.value) })), 1),
+          e("p", K, a(s.incomingMessage.content), 1),
+          e("p", Q, a(t.$t("select-conversation.message-date", { messageDay: m.value, messageTime: l(f)(r.value) })), 1)
         ]),
         e("div", {
           class: z(["message message--outgoing", { "message--hidden": !o.value }]),
           "aria-hidden": !o.value,
           "aria-live": "polite"
         }, [
-          e("p", Q, a(s.username), 1),
-          e("p", U, a(t.$t("select-conversation.outgoing-message-sr", { username: s.username, messageDay: 0, messageTime: /* @__PURE__ */ new Date() })), 1),
-          e("div", W, [
-            e("p", Y, [
+          e("p", W, a(s.username), 1),
+          e("p", Y, a(t.$t("select-conversation.outgoing-message-sr", { username: s.username, messageDay: 0, messageTime: /* @__PURE__ */ new Date() })), 1),
+          e("div", Z, [
+            e("p", ee, [
               e("img", {
-                src: o.value?.goodIdea ? r(A) : r(H),
+                src: o.value?.goodIdea ? l(O) : l(V),
                 alt: "",
                 width: "16"
-              }, null, 8, Z),
+              }, null, 8, se),
               k(" " + a(t.$t(`select-conversation.${o.value?.goodIdea ? "good-idea" : "bad-idea"}`)), 1)
             ]),
-            e("p", ee, a(o.value?.content ?? "no content"), 1)
+            e("p", te, a(o.value?.content ?? "no content"), 1)
           ]),
-          e("p", se, a(t.$t("select-conversation.message-date", { messageDay: 0, messageTime: /* @__PURE__ */ new Date() })), 1)
-        ], 10, K)
+          e("p", ae, a(t.$t("select-conversation.message-date", { messageDay: 0, messageTime: /* @__PURE__ */ new Date() })), 1)
+        ], 10, U)
       ]),
-      e("div", te, [
+      e("div", oe, [
         e("div", {
           role: "heading",
           "aria-level": s.titleLevel,
           class: "title"
-        }, a(t.$t("select-conversation.select-response-title", { username: s.username })), 9, ae),
-        e("div", oe, [
-          (i(!0), n(p, null, M(d.value, (l, x) => (i(), n("button", {
+        }, a(t.$t("select-conversation.select-response-title", { username: s.username })), 9, ne),
+        e("div", ie, [
+          (i(!0), n(p, null, M(d.value, (c, x) => (i(), n("button", {
             key: x,
             type: "button",
             class: "response-select__choice",
-            "aria-disabled": l.selected,
-            onClick: (ge) => b(l)
-          }, a(l.content), 9, ne))), 128))
+            "aria-disabled": c.selected,
+            onClick: (pe) => b(c)
+          }, a(c.content), 9, le))), 128))
         ]),
-        e("div", ie, [
+        e("div", re, [
           o.value ? (i(), n("p", {
             key: 0,
             class: "response-select__feedback",
             innerHTML: o.value.feedback
-          }, null, 8, re)) : D("", !0)
+          }, null, 8, ce)) : T("", !0)
         ])
       ])
     ], 64));
   }
-}), le = "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}", de = /* @__PURE__ */ T(ce, [["styles", [le]]]);
-L(/* @__PURE__ */ Object.assign({ "./locales/en.json": B, "./locales/es-419.json": I, "./locales/es.json": N, "./locales/fr.json": q, "./locales/it.json": E, "./locales/nl.json": R })).catch((s) => console.error(s));
-const h = C(de, {
+}), 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));
+const h = C(ge, {
   configureApp(s) {
-    f.changeLanguage(document?.documentElement?.lang || navigator.language), s.use(S, { i18next: f });
+    _.changeLanguage(document?.documentElement?.lang || navigator.language), s.use(L, { i18next: _ });
   }
 });
 h.prototype.normalizeProps = (s) => ({
   ...s,
-  titleLevel: j(s.titleLevel)
+  titleLevel: S(s.titleLevel)
 });
 window.customElements.define("select-conversation", h);

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

@@ -1,15 +1,15 @@
-import { b as v, a as b, u as x } from "../normalize-props-DtfVI0Xg.js";
-import { c as p, o as m, a as e, d as C, q as w, v as _, h as i, t as o, B as y, E as k, H as M, F as L, _ as H, f as T } from "../_plugin-vue_export-helper-CGJjSxi7.js";
-import { u as j, i as l } from "../i18n-lite-J-aj5pZd.js";
-import { r as D, t as S } from "../temporal.utils-CotrC6ao.js";
-const z = {
+import { b as v, a as _, u as b } from "../normalize-props-DtfVI0Xg.js";
+import { c as p, o as m, a as e, d as x, j as C, v as w, k as o, t as i, B as y, E as k, H as M, F as L, _ as j, f as T } from "../_plugin-vue_export-helper-BPDEgOal.js";
+import { u as H, i as r } from "../i18n-lite-DBVKHY8J.js";
+import { r as D, t as B } from "../temporal.utils-CotrC6ao.js";
+const S = {}, z = {}, E = {}, V = {}, N = {}, A = {
   "template-mail": { send: "Répondre", forward: "Transférer", menu: "menu", toMe: "À moi", details: "Afficher les détails", previousHeader: "Le {{ date }} à {{time}}, {{ name }}" }
-}, B = "data:image/svg+xml,%3csvg%20width='17'%20height='17'%20viewBox='0%200%2017%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.125%204.25H14.875M2.125%208.5H14.875M2.125%2012.75H14.875'%20stroke='black'%20stroke-width='1.77083'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", V = "data:image/svg+xml,%3csvg%20width='18'%20height='16'%20viewBox='0%200%2018%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.75%206.28086H11.95C18.35%206.28086%2018.35%2014.9722%2011.95%2014.9722M0.75%206.28086L6.35%200.75M0.75%206.28086L6.35%2011.8117'%20stroke='%23122647'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", E = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2744_7877)'%3e%3cpath%20d='M8.57141%202.85714L5.14284%206.28571L8.57141%209.71429'%20stroke='%23122647'%20stroke-width='1.14286'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M15.4286%2013.1429V10.8571C15.4286%209.64472%2014.9469%208.48196%2014.0896%207.62465C13.2323%206.76735%2012.0696%206.28571%2010.8571%206.28571H5.14285M4%202.85714L0.571426%206.28571L4%209.71429'%20stroke='%23122647'%20stroke-width='1.14286'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2744_7877'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", N = "data:image/svg+xml,%3csvg%20width='8'%20height='4'%20viewBox='0%200%208%204'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%200L3.53%203.38803L7.06%200H0Z'%20fill='black'/%3e%3c/svg%3e", q = {
+}, Z = {}, q = {}, F = "data:image/svg+xml,%3csvg%20width='17'%20height='17'%20viewBox='0%200%2017%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.125%204.25H14.875M2.125%208.5H14.875M2.125%2012.75H14.875'%20stroke='black'%20stroke-width='1.77083'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", O = "data:image/svg+xml,%3csvg%20width='18'%20height='16'%20viewBox='0%200%2018%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.75%206.28086H11.95C18.35%206.28086%2018.35%2014.9722%2011.95%2014.9722M0.75%206.28086L6.35%200.75M0.75%206.28086L6.35%2011.8117'%20stroke='%23122647'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", P = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2744_7877)'%3e%3cpath%20d='M8.57141%202.85714L5.14284%206.28571L8.57141%209.71429'%20stroke='%23122647'%20stroke-width='1.14286'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M15.4286%2013.1429V10.8571C15.4286%209.64472%2014.9469%208.48196%2014.0896%207.62465C13.2323%206.76735%2012.0696%206.28571%2010.8571%206.28571H5.14285M4%202.85714L0.571426%206.28571L4%209.71429'%20stroke='%23122647'%20stroke-width='1.14286'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2744_7877'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", R = "data:image/svg+xml,%3csvg%20width='8'%20height='4'%20viewBox='0%200%208%204'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%200L3.53%203.38803L7.06%200H0Z'%20fill='black'/%3e%3c/svg%3e", $ = {
   width: "41",
   height: "41",
   viewBox: "0 0 41 41",
   xmlns: "http://www.w3.org/2000/svg"
-}, Z = ["fill"], A = {
+}, G = ["fill"], I = {
   __name: "UserSVG.ce",
   props: {
     color: {
@@ -18,21 +18,21 @@ const z = {
     }
   },
   setup(t) {
-    return (a, r) => (m(), p("svg", q, [
-      r[0] || (r[0] = e("path", {
+    return (a, l) => (m(), p("svg", $, [
+      l[0] || (l[0] = e("path", {
         d: "M9 33.5484C9.02496 31.6445 9.79268 29.8271 11.1371 28.4893C12.4815 27.1515 14.2944 26.4009 16.1837 26.3999H24.8163C26.7056 26.4009 28.5185 27.1515 29.8629 28.4893C31.2073 29.8271 31.975 31.6445 32 33.5484C28.8446 36.4141 24.7476 38 20.5 38C16.2524 38 12.1554 36.4141 9 33.5484ZM26.9744 15.525C26.9744 16.8155 26.5947 18.077 25.8833 19.1501C25.1719 20.2231 24.1607 21.0594 22.9776 21.5533C21.7946 22.0471 20.4928 22.1763 19.2369 21.9246C17.981 21.6728 16.8274 21.0514 15.9219 20.1388C15.0164 19.2263 14.3998 18.0637 14.15 16.7979C13.9002 15.5322 14.0284 14.2203 14.5184 13.028C15.0085 11.8357 15.8383 10.8166 16.903 10.0997C17.9677 9.38268 19.2195 9 20.5 9C22.2171 9 23.8639 9.68745 25.0781 10.9111C26.2923 12.1348 26.9744 13.7944 26.9744 15.525Z",
         fill: "white"
       }, null, -1)),
       e("path", {
         d: "M36.2655 33.5758C38.3699 31.0459 39.8335 28.0469 40.5326 24.8323C41.2316 21.6177 41.1455 18.2822 40.2815 15.1079C39.4175 11.9336 37.8011 9.0139 35.569 6.59581C33.3368 4.17772 30.5547 2.33238 27.4578 1.21587C24.3609 0.0993725 21.0405 -0.255438 17.7774 0.181459C14.5142 0.618355 11.4044 1.83411 8.71099 3.72586C6.01756 5.61762 3.81975 8.12973 2.30349 11.0497C0.787232 13.9696 -0.00287585 17.2115 7.86538e-06 20.5011C0.00111445 25.2832 1.6877 29.9122 4.7638 33.5758L4.7345 33.6007C4.83707 33.7237 4.9543 33.8291 5.0598 33.9506C5.19168 34.1014 5.33382 34.2435 5.47009 34.3899C5.88039 34.835 6.3024 35.2625 6.74493 35.6637C6.87974 35.7866 7.01895 35.9008 7.15522 36.018C7.62413 36.4221 8.10623 36.8057 8.6059 37.1629C8.67038 37.2068 8.72899 37.264 8.79347 37.3093V37.2918C12.2254 39.7049 16.3196 41 20.5161 41C24.7127 41 28.8068 39.7049 32.2388 37.2918V37.3093C32.3033 37.264 32.3604 37.2068 32.4263 37.1629C32.9246 36.8042 33.4081 36.4221 33.877 36.018C34.0133 35.9008 34.1525 35.7852 34.2873 35.6637C34.7298 35.261 35.1519 34.835 35.5622 34.3899C35.6984 34.2435 35.8391 34.1014 35.9725 33.9506C36.0765 33.8291 36.1952 33.7237 36.2978 33.5992L36.2655 33.5758ZM20.5147 8.78808C21.8188 8.78808 23.0937 9.1745 24.1781 9.89846C25.2625 10.6224 26.1076 11.6514 26.6067 12.8553C27.1058 14.0592 27.2364 15.384 26.982 16.662C26.7275 17.9401 26.0995 19.1141 25.1773 20.0355C24.2551 20.9569 23.0802 21.5844 21.8011 21.8387C20.522 22.0929 19.1961 21.9624 17.9912 21.4637C16.7864 20.9651 15.7565 20.1206 15.032 19.0371C14.3074 17.9536 13.9207 16.6798 13.9207 15.3767C13.9207 13.6293 14.6154 11.9534 15.852 10.7178C17.0886 9.48224 18.7658 8.78808 20.5147 8.78808ZM8.80226 33.5758C8.82768 31.6534 9.60958 29.8182 10.9788 28.4674C12.348 27.1165 14.1945 26.3586 16.1187 26.3576H24.9107C26.8349 26.3586 28.6813 27.1165 30.0505 28.4674C31.4197 29.8182 32.2016 31.6534 32.2271 33.5758C29.0134 36.4694 24.8407 38.0708 20.5147 38.0708C16.1886 38.0708 12.016 36.4694 8.80226 33.5758Z",
         fill: t.color
-      }, null, 8, Z)
+      }, null, 8, G)
     ]));
   }
-}, F = { class: "nav" }, O = { "aria-disabled": "true" }, P = ["src"], R = { class: "sr-only-mobile" }, $ = { "aria-disabled": "true" }, G = ["src"], I = { class: "sr-only-mobile" }, U = { "aria-disabled": "true" }, X = ["src"], J = { class: "sr-only" }, K = { class: "main" }, Q = { class: "header" }, W = ["aria-level"], Y = { class: "date" }, ee = { class: "expeditor" }, te = ["aria-level"], ie = { class: "expeditor-mail" }, oe = { class: "recipient" }, ae = ["aria-label"], se = ["src"], ne = ["innerHTML"], re = {
+}, U = { class: "nav" }, X = { "aria-disabled": "true" }, J = ["src"], K = { class: "sr-only-mobile" }, Q = { "aria-disabled": "true" }, W = ["src"], Y = { class: "sr-only-mobile" }, ee = { "aria-disabled": "true" }, te = ["src"], oe = { class: "sr-only" }, ie = { class: "main" }, ae = { class: "header" }, se = ["aria-level"], ne = { class: "date" }, le = { class: "expeditor" }, re = ["aria-level"], de = { class: "expeditor-mail" }, ce = { class: "recipient" }, pe = ["aria-label"], me = ["src"], ue = ["innerHTML"], ge = {
   key: 0,
   class: "previous-message"
-}, le = { class: "previous-message__header" }, de = ["innerHTML"], ce = /* @__PURE__ */ C({
+}, he = { class: "previous-message__header" }, fe = ["innerHTML"], ve = /* @__PURE__ */ x({
   __name: "TemplateMail.ce",
   props: {
     titleLevel: { default: 2, type: Number },
@@ -45,17 +45,17 @@ const z = {
     previousMail: { type: Object }
   },
   setup(t) {
-    const { t: a } = j(), r = w("content");
-    _(() => {
-      r.value.querySelectorAll("a").forEach((s) => {
+    const { t: a } = H(), l = C("content");
+    w(() => {
+      l.value.querySelectorAll("a").forEach((s) => {
         s.addEventListener("click", (c) => {
           c.preventDefault();
         });
       });
     });
     function d(n, s) {
-      const c = D(n), f = S(c);
-      return new Intl.DateTimeFormat(l.language, s).format(f);
+      const c = D(n), f = B(c);
+      return new Intl.DateTimeFormat(r.language, s).format(f);
     }
     const g = d(t.time, {
       weekday: "short",
@@ -78,40 +78,40 @@ const z = {
       return a("template-mail.previousHeader", { name: t.previousMail.name, time: s, date: n, interpolation: { escapeValue: !1 } });
     }
     return (n, s) => (m(), p(L, null, [
-      e("div", F, [
-        e("button", O, [
+      e("div", U, [
+        e("button", X, [
           e("img", {
-            src: i(V),
+            src: o(O),
             alt: ""
-          }, null, 8, P),
-          e("span", R, o(i(a)("template-mail.send")), 1)
+          }, null, 8, J),
+          e("span", K, i(o(a)("template-mail.send")), 1)
         ]),
-        e("button", $, [
+        e("button", Q, [
           e("img", {
             class: "forward",
-            src: i(E),
+            src: o(P),
             alt: ""
-          }, null, 8, G),
-          e("span", I, o(i(a)("template-mail.forward")), 1)
+          }, null, 8, W),
+          e("span", Y, i(o(a)("template-mail.forward")), 1)
         ]),
-        e("button", U, [
+        e("button", ee, [
           e("img", {
-            src: i(B),
+            src: o(F),
             alt: ""
-          }, null, 8, X),
-          e("span", J, o(i(a)("template-mail.menu")), 1)
+          }, null, 8, te),
+          e("span", oe, i(o(a)("template-mail.menu")), 1)
         ])
       ]),
-      e("div", K, [
-        e("div", Q, [
+      e("div", ie, [
+        e("div", ae, [
           e("div", {
             role: "heading",
             "aria-level": t.titleLevel
-          }, o(t.subject), 9, W),
-          e("p", Y, o(i(g)), 1)
+          }, i(t.subject), 9, se),
+          e("p", ne, i(o(g)), 1)
         ]),
-        e("div", ee, [
-          k(A, {
+        e("div", le, [
+          k(I, {
             class: "avatar",
             color: t.avatarColor
           }, null, 8, ["color"]),
@@ -119,47 +119,47 @@ const z = {
             role: "heading",
             "aria-level": t.titleLevel + 1
           }, [
-            M(o(t.expeditor) + " ", 1),
-            e("span", ie, " <" + o(t.mailAddress) + ">", 1)
-          ], 8, te),
-          e("div", oe, [
-            e("p", null, o(i(a)("template-mail.toMe")), 1),
+            M(i(t.expeditor) + " ", 1),
+            e("span", de, " <" + i(t.mailAddress) + ">", 1)
+          ], 8, re),
+          e("div", ce, [
+            e("p", null, i(o(a)("template-mail.toMe")), 1),
             e("button", {
               "aria-disabled": "true",
-              "aria-label": i(a)("template-mail.details")
+              "aria-label": o(a)("template-mail.details")
             }, [
               e("img", {
-                src: i(N),
+                src: o(R),
                 alt: ""
-              }, null, 8, se)
-            ], 8, ae)
+              }, null, 8, me)
+            ], 8, pe)
           ])
         ]),
         e("p", {
           ref: "content",
           class: "content",
           innerHTML: t.content
-        }, null, 8, ne),
-        t.previousMail ? (m(), p("div", re, [
-          e("p", le, o(h()), 1),
+        }, null, 8, ue),
+        t.previousMail ? (m(), p("div", ge, [
+          e("p", he, i(h()), 1),
           e("blockquote", {
             innerHTML: t.previousMail.content
-          }, null, 8, de)
+          }, null, 8, fe)
         ])) : y("", !0)
       ])
     ], 64));
   }
-}), pe = "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}button,p,div[role=heading]{font-family:Roboto,sans-serif;color:#253858}.nav{border-radius:8px 8px 0 0;padding:12px 16px;display:flex;gap:8px;background:#fff;border-right:1px solid #cdd1d9;border-top:1px solid #cdd1d9;border-left:1px solid #cdd1d9}.nav button{display:flex;gap:8px;align-items:center;cursor:not-allowed;padding:4px 16px;border:1px solid #cdd1d9;background:#fff;border-radius:8px;color:#122647;font-size:.875rem;font-weight:700}.nav button:last-child{margin-left:auto}.nav .forward{transform:scaleX(-1)}.main{border-radius:0 0 8px 8px;border-right:1px solid #cdd1d9;border-bottom:1px solid #cdd1d9;border-left:1px solid #cdd1d9;background:#f4f5f7;padding:24px 16px}.header{display:flex;justify-content:space-between}.header div[role]{font-family:open-sans,sans-serif;font-size:1.125rem}.header .date{color:#5e6c84;font-size:.75rem}.expeditor{display:grid;column-gap:4px;width:fit-content;margin:12px 0;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(2,auto)}.expeditor div[role]{font-weight:700}.expeditor-mail,.expeditor .recipient p{align-self:end;font-size:.75rem;color:#5e6c84;font-weight:400;word-break:break-word}.expeditor .recipient{display:flex}.expeditor .recipient button{border:none;background:transparent;display:flex;align-items:center;cursor:not-allowed}.expeditor .avatar{grid-row:1/span 2;margin-right:12px}.content{color:#122647;font-size:.875rem}.previous-message{font-size:.875rem;margin-top:24px}.previous-message__header{font-style:italic;font-size:.875rem;color:#5e6c84;margin-bottom:8px}.previous-message blockquote{border-left:1px solid #cdd1d9;margin-left:8px;padding-left:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}@media screen and (max-width:576px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}.date{display:none}}", me = /* @__PURE__ */ H(ce, [["styles", [pe]]]);
-l.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/fr.json": z }));
-const u = T(me, {
+}), _e = "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}button,p,div[role=heading]{font-family:Roboto,sans-serif;color:#253858}.nav{border-radius:8px 8px 0 0;padding:12px 16px;display:flex;gap:8px;background:#fff;border-right:1px solid #cdd1d9;border-top:1px solid #cdd1d9;border-left:1px solid #cdd1d9}.nav button{display:flex;gap:8px;align-items:center;cursor:not-allowed;padding:4px 16px;border:1px solid #cdd1d9;background:#fff;border-radius:8px;color:#122647;font-size:.875rem;font-weight:700}.nav button:last-child{margin-left:auto}.nav .forward{transform:scaleX(-1)}.main{border-radius:0 0 8px 8px;border-right:1px solid #cdd1d9;border-bottom:1px solid #cdd1d9;border-left:1px solid #cdd1d9;background:#f4f5f7;padding:24px 16px}.header{display:flex;justify-content:space-between}.header div[role]{font-family:open-sans,sans-serif;font-size:1.125rem}.header .date{color:#5e6c84;font-size:.75rem}.expeditor{display:grid;column-gap:4px;width:fit-content;margin:12px 0;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(2,auto)}.expeditor div[role]{font-weight:700}.expeditor-mail,.expeditor .recipient p{align-self:end;font-size:.75rem;color:#5e6c84;font-weight:400;word-break:break-word}.expeditor .recipient{display:flex}.expeditor .recipient button{border:none;background:transparent;display:flex;align-items:center;cursor:not-allowed}.expeditor .avatar{grid-row:1/span 2;margin-right:12px}.content{color:#122647;font-size:.875rem}.previous-message{font-size:.875rem;margin-top:24px}.previous-message__header{font-style:italic;font-size:.875rem;color:#5e6c84;margin-bottom:8px}.previous-message blockquote{border-left:1px solid #cdd1d9;margin-left:8px;padding-left:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}@media screen and (max-width:576px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}.date{display:none}}", be = /* @__PURE__ */ j(ve, [["styles", [_e]]]);
+r.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": S, "./locales/en.json": z, "./locales/es-419.json": E, "./locales/es.json": V, "./locales/fr-BE.json": N, "./locales/fr.json": A, "./locales/it.json": Z, "./locales/nl.json": q }));
+const u = T(be, {
   configureApp(t) {
-    l.changeLanguage(document?.documentElement?.lang || navigator.language), t.use(l);
+    r.changeLanguage(document?.documentElement?.lang || navigator.language), t.use(r);
   }
 });
 u.prototype.normalizeProps = (t) => ({
   ...t,
-  titleLevel: x(t.titleLevel),
-  avatarColor: b(t.avatarColor),
+  titleLevel: b(t.titleLevel),
+  avatarColor: _(t.avatarColor),
   previousMail: v(t.previousMail)
 });
 window.customElements.define("template-mail", u);

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

@@ -1,118 +1,118 @@
-import { d as I, y as a, r as z, G as N, c as l, o as i, a as e, B as b, t as s, A as P, F as m, b as F, n as V, H as _, h as w, E, K as A, _ as H, f as R } from "../_plugin-vue_export-helper-CGJjSxi7.js";
-import { u as S, i as k } from "../i18n-lite-J-aj5pZd.js";
-const U = {
+import { d as E, y as a, r as j, G as I, c as l, o as i, a as e, B as b, t as s, A as N, F as m, b as z, n as F, H as h, k as w, E as P, K as A, _ as H, f as R } from "../_plugin-vue_export-helper-BPDEgOal.js";
+import { u as S, i as k } from "../i18n-lite-DBVKHY8J.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.` } } }
-}, G = "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", Z = "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", D = "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", K = { class: "container" }, O = { class: "card" }, J = ["arial-level"], Q = ["onClick", "aria-disabled", "aria-selected"], W = { class: "password" }, X = { class: "card" }, Y = ["arial-level"], ee = { class: "lock-icon" }, te = ["src"], oe = { class: "form" }, se = { class: "form__field" }, ne = { for: "login" }, ae = ["value"], le = { class: "form__field" }, ie = { for: "password" }, re = ["value", "placeholder"], de = ["src"], ce = ["aria-disabled"], pe = { class: "attempts-count" }, ue = { class: "attempts-count__count" }, fe = {
+}, 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"], xe = { class: "attempts-count" }, be = { class: "attempts-count__count" }, he = {
   key: 0,
   class: "feedback",
   "aria-live": "polite"
-}, me = ["arial-level"], ge = { class: "feedback__content" }, ve = { key: 0 }, xe = /* @__PURE__ */ I({
+}, we = ["arial-level"], ke = { class: "feedback__content" }, ye = { key: 0 }, Ce = /* @__PURE__ */ E({
   __name: "TestTopMdp.ce",
   props: {
     titleLevel: { type: Number },
     passwords: { type: Array },
     expectedPassword: { type: String }
   },
-  setup(g, { expose: M }) {
-    const c = g, { t: p } = S(), v = a(() => c.titleLevel ?? 2), n = z(), d = z([]), x = a(() => d.value.at(-1)), h = a(() => c.passwords.map((t) => ({
+  setup(g, { expose: V }) {
+    const c = g, { t: p } = S(), _ = a(() => c.titleLevel ?? 2), n = j(), d = j([]), v = a(() => d.value.at(-1)), x = a(() => c.passwords.map((t) => ({
       password: t,
       selected: t === n.value,
       attempted: d.value.includes(t),
       expected: t === c.expectedPassword
-    }))), y = a(() => d.value.length), u = a(() => x.value !== void 0 && n.value === void 0), r = a(() => x.value === c.expectedPassword), L = 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 $(t) {
+    }))), 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);
     }
-    function B() {
+    function $() {
       n.value && (d.value.push(n.value), n.value = void 0);
     }
-    function j() {
+    function B() {
       n.value = void 0, d.value = [];
     }
-    return M({
-      reset: j
+    return V({
+      reset: B
     }), (t, C) => {
-      const q = N("i18next");
+      const q = I("i18next");
       return i(), l(m, null, [
-        e("div", K, [
-          e("div", O, [
+        e("div", ee, [
+          e("div", te, [
             e("div", {
               class: "title",
               role: "heading",
-              "arial-level": v.value
-            }, s(t.$t("test-top-mdp.passwords.title", { count: h.value.length })), 9, J),
+              "arial-level": _.value
+            }, s(t.$t("test-top-mdp.passwords.title", { count: x.value.length })), 9, oe),
             e("p", null, s(t.$t("test-top-mdp.passwords.cta")), 1),
             e("div", {
               class: "passwords",
-              style: P({ "--count-per-column": Math.round(h.value.length / 2) })
+              style: N({ "--count-per-column": Math.round(x.value.length / 2) })
             }, [
-              (i(!0), l(m, null, F(h.value, (o, f) => (i(), l("button", {
+              (i(!0), l(m, null, z(x.value, (o, f) => (i(), l("button", {
                 key: o.password,
-                onClick: (_e) => $(o),
-                class: V({
+                onClick: (Fe) => L(o),
+                class: F({
                   selected: o.selected || o.attempted && o.expected,
                   disabled: o.attempted && !o.expected
                 }),
                 "aria-disabled": r.value || o.attempted,
                 "aria-selected": o.selected
               }, [
-                _(" #" + s(f + 1) + " ", 1),
-                e("span", W, s(o.password), 1)
-              ], 10, Q))), 128))
+                h(" #" + s(f + 1) + " ", 1),
+                e("span", ne, s(o.password), 1)
+              ], 10, se))), 128))
             ], 4)
           ]),
-          e("div", X, [
+          e("div", ae, [
             e("div", {
               class: "title",
               role: "heading",
-              "arial-level": v.value
+              "arial-level": _.value
             }, [
-              e("div", ee, [
+              e("div", ie, [
                 e("img", {
-                  src: w(G),
+                  src: w(W),
                   alt: ""
-                }, null, 8, te)
+                }, null, 8, re)
               ]),
-              _(" " + s(t.$t("test-top-mdp.loginForm.title")), 1)
-            ], 8, Y),
-            e("div", oe, [
-              e("div", se, [
-                e("label", ne, s(t.$t("test-top-mdp.loginForm.login")), 1),
+              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),
                 e("input", {
                   id: "login",
                   type: "text",
                   value: t.$t("test-top-mdp.loginForm.loginValue"),
                   readonly: "",
                   tabIndex: "-1"
-                }, null, 8, ae)
+                }, null, 8, ue)
               ]),
-              e("div", le, [
-                e("label", ie, s(t.$t("test-top-mdp.loginForm.password")), 1),
+              e("div", fe, [
+                e("label", me, s(t.$t("test-top-mdp.loginForm.password")), 1),
                 e("input", {
                   id: "password",
                   type: "text",
-                  value: n.value ?? x.value,
+                  value: n.value ?? v.value,
                   readonly: "",
                   placeholder: t.$t("test-top-mdp.loginForm.passwordPlaceholder"),
                   tabIndex: "-1",
-                  class: V({ right: u.value && r.value, wrong: u.value && !r.value })
-                }, null, 10, re),
+                  class: F({ right: u.value && r.value, wrong: u.value && !r.value })
+                }, null, 10, ge),
                 u.value ? (i(), l("img", {
                   key: 0,
-                  src: r.value ? w(Z) : w(D),
+                  src: r.value ? w(X) : w(Y),
                   alt: "",
                   class: "form__field-icon"
-                }, null, 8, de)) : b("", !0)
+                }, null, 8, _e)) : b("", !0)
               ]),
               e("button", {
                 "aria-disabled": !n.value,
-                onClick: C[0] || (C[0] = (o) => B())
-              }, s(t.$t("test-top-mdp.loginForm.submit")), 9, ce),
-              e("p", pe, [
-                E(q, { name: "test-top-mdp.loginForm.attemptsCount" }, {
+                onClick: C[0] || (C[0] = (o) => $())
+              }, s(t.$t("test-top-mdp.loginForm.submit")), 9, ve),
+              e("p", xe, [
+                P(q, { name: "test-top-mdp.loginForm.attemptsCount" }, {
                   count: A(() => [
-                    e("span", ue, s(y.value), 1)
+                    e("span", be, s(y.value), 1)
                   ]),
                   _: 1
                 })
@@ -120,26 +120,26 @@ Ils utilisent des programmes informatiques qui permettent de tester des millions
             ])
           ])
         ]),
-        u.value ? (i(), l("div", fe, [
+        u.value ? (i(), l("div", he, [
           e("div", {
             class: "feedback__title",
             role: "heading",
-            "arial-level": v.value + 1
-          }, s(L.value), 9, me),
-          e("div", ge, [
-            (i(!0), l(m, null, F(T.value.split(`
+            "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", ve)) : b("", !0),
-              _(" " + s(o), 1)
+              f !== 0 ? (i(), l("br", ye)) : b("", !0),
+              h(" " + s(o), 1)
             ], 64))), 128))
           ])
         ])) : b("", !0)
       ], 64);
     };
   }
-}), he = "*{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%}}", be = /* @__PURE__ */ H(xe, [["styles", [he]]]);
-k.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/fr.json": U }));
-window.customElements.define("test-top-mdp", R(be, {
+}), 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);
   }