@1024pix/epreuves-components 2.9.0 → 4.0.1

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

@@ -1,8 +1,9 @@
-import { d as q, c as m, o as r, n as B, a as l, B as g, t as u, _ as j, r as b, j as V, y as p, E as h, e as v, K as k, H as G, l as Q, f as R } from "../_plugin-vue_export-helper-BaC4eJh4.js";
-import { u as O, a as P, i as z, b as D } from "../i18n-BJ6FRipD.js";
-import { _ as H, a as I, F as K } from "../Cross.ce.vue_vue_type_script_setup_true_lang-C2TfFGJP.js";
-import { S as M, l as J } from "../index-BCutQvmP.js";
-import { a as f, u as U } from "../normalize-props-DtfVI0Xg.js";
+import { b as q, c as m, o as r, n as B, a as l, B as g, t as u, _ as j, r as b, j as V, g as p, E as h, f as v, K as k, H as G, l as Q, d as R } from "../_plugin-vue_export-helper-D0N_62VD.js";
+import { u as O, a as P, i as z, b as D } from "../i18n-ekiZvzf6.js";
+import { _ as H, a as I, F as K } from "../Cross.ce.vue_vue_type_script_setup_true_lang-CVBFTfq5.js";
+import { S as M } from "../Stepper.ce-B1yDelzC.js";
+import { a as f, b as J } from "../normalize-props-DH0oPBss.js";
+import { l as U } from "../index-BpqxFmwz.js";
 const W = {}, X = {}, Y = {}, Z = {}, ee = {}, te = {
   "quiz-stepper": { submitButton: "Valider", nextStepButton: "Continuer", feedback: { success: "Bien joué", failed: "Pas tout à fait" } }
 }, ne = {}, se = {}, ie = ["id", "aria-disabled", "checked"], oe = ["for"], ae = {
@@ -145,7 +146,7 @@ const W = {}, X = {}, Y = {}, Z = {}, ee = {}, te = {
   }
 }), be = "*{--neutral-800: #253858;--neutral-900: #122647;font-family:Roboto,sans-serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}.icon-size{width:16px;height:16px}.quiz-stepper-container{display:flex;flex-direction:column;align-items:center;color:var(--neutral-800)}.quiz-stepper-container button{cursor:pointer}.quiz-stepper-container fieldset{border:none}.quiz-stepper-container legend{margin-bottom:1.5em}.quiz-stepper-container__layout{width:80%;display:flex;flex-direction:column;gap:1.5em;align-items:center;padding:1.5em 1em}.quiz-stepper-container .question{color:var(--neutral-900);text-align:center;font-family:Nunito;font-size:1.25em;font-style:normal;font-weight:700;line-height:28px}.quiz-stepper-container .card-wrapper{display:flex;padding:1.5em;justify-content:center;gap:1.5em;border-radius:16px;background:#f4f5f7;width:calc(100% - 3em)}.quiz-stepper-container .submit-button{display:flex;padding:.5em 1.5em;justify-content:center;align-items:center;gap:.5em;border-radius:8px;background:#253858;border:none;color:#fff;font-weight:700}.quiz-stepper-container .submit-button.is-disabled{background:#cdd1d9;cursor:not-allowed}@media screen and (max-width:630px){.quiz-stepper-container__layout{width:calc(100% - 1em);padding:1em .5em}.quiz-stepper-container .card-wrapper{padding:1em;flex-direction:column;width:calc(100% - 2em)}}", he = /* @__PURE__ */ j(me, [["styles", [be]]]);
 P(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": W, "./locales/en.json": X, "./locales/es-419.json": Y, "./locales/es.json": Z, "./locales/fr-BE.json": ee, "./locales/fr.json": te, "./locales/it.json": ne, "./locales/nl.json": se })).catch((e) => console.error(e));
-J();
+U();
 const A = R(he, {
   configureApp(e) {
     z.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(D, { i18next: z });
@@ -170,7 +171,7 @@ A.prototype.normalizeProps = (e) => {
     };
   }), {
     steps: c,
-    titleLevel: U(s)
+    titleLevel: J(s)
   };
 };
 window.customElements.define("quiz-stepper", A);

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

@@ -1,7 +1,7 @@
-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-BaC4eJh4.js";
-import { a as j, i as _, b as L } from "../i18n-BJ6FRipD.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";
+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 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 = {
   "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 = {
@@ -16,7 +16,7 @@ const $ = {}, I = {}, N = {}, E = {}, q = {}, A = {
 }, 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"
-}, 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({
+}, oe = { class: "response-select" }, ne = ["aria-level"], ie = { class: "response-select__choices" }, le = ["aria-disabled", "onClick"], ce = { "aria-live": "polite" }, re = ["innerHTML"], de = /* @__PURE__ */ w({
   __name: "SelectConversation.ce",
   props: {
     titleLevel: { default: 2, type: Number },
@@ -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(), r = u(() => F(s.incomingMessage.time)), m = u(() => r.value.day - B.Now.plainDateTimeISO().day);
+    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);
     function b(t) {
       t.selected || (t.selected = !0, o.value = t);
     }
@@ -36,13 +36,13 @@ const $ = {}, I = {}, N = {}, E = {}, q = {}, A = {
     }
     return v({
       reset: y
-    }), (t, ue) => (i(), n(p, null, [
+    }), (t, pe) => (i(), n(u, 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", J, a(t.$t("select-conversation.incoming-message-sr", { username: s.incomingMessage.username, messageDay: m.value, messageTime: l(f)(c.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("p", Q, a(t.$t("select-conversation.message-date", { messageDay: m.value, messageTime: l(f)(c.value) })), 1)
         ]),
         e("div", {
           class: z(["message message--outgoing", { "message--hidden": !o.value }]),
@@ -72,20 +72,20 @@ 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(p, null, M(d.value, (c, x) => (i(), n("button", {
+          (i(!0), n(u, null, M(d.value, (r, x) => (i(), n("button", {
             key: x,
             type: "button",
             class: "response-select__choice",
-            "aria-disabled": c.selected,
-            onClick: (pe) => b(c)
-          }, a(c.content), 9, le))), 128))
+            "aria-disabled": r.selected,
+            onClick: (ue) => b(r)
+          }, a(r.content), 9, le))), 128))
         ]),
-        e("div", re, [
+        e("div", ce, [
           o.value ? (i(), n("p", {
             key: 0,
             class: "response-select__feedback",
             innerHTML: o.value.feedback
-          }, null, 8, ce)) : T("", !0)
+          }, null, 8, re)) : T("", !0)
         ])
       ])
     ], 64));

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

@@ -1,41 +1,12 @@
-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-BaC4eJh4.js";
-import { u as H, i as r } from "../i18n-lite-Dn1Iqj1Y.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 }}" }
-}, 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"
-}, G = ["fill"], I = {
-  __name: "UserSVG.ce",
-  props: {
-    color: {
-      type: String,
-      default: "#2F80ED"
-    }
-  },
-  setup(t) {
-    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, G)
-    ]));
-  }
-}, 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"
-}, he = { class: "previous-message__header" }, fe = ["innerHTML"], ve = /* @__PURE__ */ x({
+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";
+const S = /* @__PURE__ */ j({
   __name: "TemplateMail.ce",
   props: {
-    titleLevel: { default: 2, type: Number },
+    titleLevel: { type: Number },
     subject: { type: String },
     mailAddress: { type: String },
     avatarColor: { type: String },
@@ -44,122 +15,49 @@ const S = {}, z = {}, E = {}, V = {}, N = {}, A = {
     content: { type: String },
     previousMail: { type: Object }
   },
-  setup(t) {
-    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 = B(c);
-      return new Intl.DateTimeFormat(r.language, s).format(f);
-    }
-    const g = d(t.time, {
-      weekday: "short",
-      day: "numeric",
-      month: "numeric",
-      year: "2-digit",
-      hour: "2-digit",
-      minute: "2-digit"
-    });
-    function h() {
-      const n = d(t.previousMail.time, {
-        weekday: "short",
-        day: "numeric",
-        month: "numeric",
-        year: "2-digit"
-      }), s = d(t.previousMail.time, {
-        hour: "2-digit",
-        minute: "2-digit"
-      });
-      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", U, [
-        e("button", X, [
-          e("img", {
-            src: o(O),
-            alt: ""
-          }, null, 8, J),
-          e("span", K, i(o(a)("template-mail.send")), 1)
-        ]),
-        e("button", Q, [
-          e("img", {
-            class: "forward",
-            src: o(P),
-            alt: ""
-          }, null, 8, W),
-          e("span", Y, i(o(a)("template-mail.forward")), 1)
-        ]),
-        e("button", ee, [
-          e("img", {
-            src: o(F),
-            alt: ""
-          }, null, 8, te),
-          e("span", oe, i(o(a)("template-mail.menu")), 1)
-        ])
-      ]),
-      e("div", ie, [
-        e("div", ae, [
-          e("div", {
-            role: "heading",
-            "aria-level": t.titleLevel
-          }, i(t.subject), 9, se),
-          e("p", ne, i(o(g)), 1)
-        ]),
-        e("div", le, [
-          k(I, {
-            class: "avatar",
-            color: t.avatarColor
-          }, null, 8, ["color"]),
-          e("div", {
-            role: "heading",
-            "aria-level": t.titleLevel + 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": o(a)("template-mail.details")
-            }, [
-              e("img", {
-                src: o(R),
-                alt: ""
-              }, null, 8, me)
-            ], 8, pe)
-          ])
-        ]),
-        e("p", {
-          ref: "content",
-          class: "content",
-          innerHTML: t.content
-        }, null, 8, ue),
-        t.previousMail ? (m(), p("div", ge, [
-          e("p", he, i(h()), 1),
-          e("blockquote", {
-            innerHTML: t.previousMail.content
-          }, null, 8, fe)
-        ])) : y("", !0)
-      ])
-    ], 64));
+  setup(a) {
+    const e = a, l = s(() => {
+      if (e.previousMail)
+        return {
+          sender: {
+            name: e.previousMail.name
+          },
+          time: e.previousMail.time,
+          body: e.previousMail.content
+        };
+    }), o = s(() => ({
+      subject: e.subject,
+      sender: {
+        name: e.expeditor,
+        address: e.mailAddress,
+        avatarColor: e.avatarColor
+      },
+      time: e.time,
+      body: e.content,
+      previousMail: l.value
+    })), n = {
+      reply: "disabled",
+      forward: "disabled",
+      menu: "disabled",
+      return: "hidden"
+    };
+    return (L, A) => (x(), M(C, {
+      "title-level": a.titleLevel,
+      mail: o.value,
+      actions: n
+    }, null, 8, ["title-level", "mail"]));
   }
-}), _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) {
-    r.changeLanguage(document?.documentElement?.lang || navigator.language), t.use(r);
+});
+t.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "../pix-mail-message/locales/de-AT.json": g, "../pix-mail-message/locales/en.json": d, "../pix-mail-message/locales/es-419.json": u, "../pix-mail-message/locales/es.json": c, "../pix-mail-message/locales/fr-BE.json": p, "../pix-mail-message/locales/fr.json": _, "../pix-mail-message/locales/it.json": m, "../pix-mail-message/locales/nl.json": r }));
+const i = y(S, {
+  configureApp(a) {
+    t.changeLanguage(document?.documentElement?.lang || navigator.language), a.use(t);
   }
 });
-u.prototype.normalizeProps = (t) => ({
-  ...t,
-  titleLevel: b(t.titleLevel),
-  avatarColor: _(t.avatarColor),
-  previousMail: v(t.previousMail)
+i.prototype.normalizeProps = (a) => ({
+  ...a,
+  titleLevel: f(a.titleLevel),
+  avatarColor: b(a.avatarColor),
+  previousMail: v(a.previousMail)
 });
-window.customElements.define("template-mail", u);
+window.customElements.define("template-mail", i);

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

@@ -1,9 +1,9 @@
-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-BaC4eJh4.js";
-import { u as S, i as k } from "../i18n-lite-Dn1Iqj1Y.js";
+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"], xe = { class: "attempts-count" }, be = { class: "attempts-count__count" }, he = {
+}, 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 = {
   key: 0,
   class: "feedback",
   "aria-live": "polite"
@@ -15,7 +15,7 @@ Ils utilisent des programmes informatiques qui permettent de tester des millions
     expectedPassword: { type: String }
   },
   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) => ({
+    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) => ({
       password: t,
       selected: t === n.value,
       attempted: d.value.includes(t),
@@ -33,7 +33,7 @@ Ils utilisent des programmes informatiques qui permettent de tester des millions
     return V({
       reset: B
     }), (t, C) => {
-      const q = I("i18next");
+      const q = I("i18n");
       return i(), l(m, null, [
         e("div", ee, [
           e("div", te, [
@@ -41,13 +41,13 @@ Ils utilisent des programmes informatiques qui permettent de tester des millions
               class: "title",
               role: "heading",
               "arial-level": _.value
-            }, s(t.$t("test-top-mdp.passwords.title", { count: x.value.length })), 9, oe),
+            }, 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),
             e("div", {
               class: "passwords",
-              style: N({ "--count-per-column": Math.round(x.value.length / 2) })
+              style: N({ "--count-per-column": Math.round(b.value.length / 2) })
             }, [
-              (i(!0), l(m, null, z(x.value, (o, f) => (i(), l("button", {
+              (i(!0), l(m, null, z(b.value, (o, f) => (i(), l("button", {
                 key: o.password,
                 onClick: (Fe) => L(o),
                 class: F({
@@ -103,16 +103,16 @@ Ils utilisent des programmes informatiques qui permettent de tester des millions
                   src: r.value ? w(X) : w(Y),
                   alt: "",
                   class: "form__field-icon"
-                }, null, 8, _e)) : b("", !0)
+                }, null, 8, _e)) : x("", !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", xe, [
-                P(q, { name: "test-top-mdp.loginForm.attemptsCount" }, {
+              e("p", be, [
+                P(q, { t: "test-top-mdp.loginForm.attemptsCount" }, {
                   count: A(() => [
-                    e("span", be, s(y.value), 1)
+                    e("span", xe, s(y.value), 1)
                   ]),
                   _: 1
                 })
@@ -129,11 +129,11 @@ Ils utilisent des programmes informatiques qui permettent de tester des millions
           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)) : b("", !0),
+              f !== 0 ? (i(), l("br", ye)) : x("", !0),
               h(" " + s(o), 1)
             ], 64))), 128))
           ])
-        ])) : b("", !0)
+        ])) : x("", !0)
       ], 64);
     };
   }