@1024pix/epreuves-components 2.7.0 → 2.8.0

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

@@ -0,0 +1,165 @@
+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 = {
+  "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 = {
+  width: "41",
+  height: "41",
+  viewBox: "0 0 41 41",
+  xmlns: "http://www.w3.org/2000/svg"
+}, Z = ["fill"], A = {
+  __name: "UserSVG.ce",
+  props: {
+    color: {
+      type: String,
+      default: "#2F80ED"
+    }
+  },
+  setup(t) {
+    return (a, r) => (m(), p("svg", q, [
+      r[0] || (r[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)
+    ]));
+  }
+}, 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 = {
+  key: 0,
+  class: "previous-message"
+}, le = { class: "previous-message__header" }, de = ["innerHTML"], ce = /* @__PURE__ */ C({
+  __name: "TemplateMail.ce",
+  props: {
+    titleLevel: { default: 2, type: Number },
+    subject: { type: String },
+    mailAddress: { type: String },
+    avatarColor: { type: String },
+    expeditor: { type: String },
+    time: { type: Object },
+    content: { type: String },
+    previousMail: { type: Object }
+  },
+  setup(t) {
+    const { t: a } = j(), r = w("content");
+    _(() => {
+      r.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 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", F, [
+        e("button", O, [
+          e("img", {
+            src: i(V),
+            alt: ""
+          }, null, 8, P),
+          e("span", R, o(i(a)("template-mail.send")), 1)
+        ]),
+        e("button", $, [
+          e("img", {
+            class: "forward",
+            src: i(E),
+            alt: ""
+          }, null, 8, G),
+          e("span", I, o(i(a)("template-mail.forward")), 1)
+        ]),
+        e("button", U, [
+          e("img", {
+            src: i(B),
+            alt: ""
+          }, null, 8, X),
+          e("span", J, o(i(a)("template-mail.menu")), 1)
+        ])
+      ]),
+      e("div", K, [
+        e("div", Q, [
+          e("div", {
+            role: "heading",
+            "aria-level": t.titleLevel
+          }, o(t.subject), 9, W),
+          e("p", Y, o(i(g)), 1)
+        ]),
+        e("div", ee, [
+          k(A, {
+            class: "avatar",
+            color: t.avatarColor
+          }, null, 8, ["color"]),
+          e("div", {
+            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),
+            e("button", {
+              "aria-disabled": "true",
+              "aria-label": i(a)("template-mail.details")
+            }, [
+              e("img", {
+                src: i(N),
+                alt: ""
+              }, null, 8, se)
+            ], 8, ae)
+          ])
+        ]),
+        e("p", {
+          ref: "content",
+          class: "content",
+          innerHTML: t.content
+        }, null, 8, ne),
+        t.previousMail ? (m(), p("div", re, [
+          e("p", le, o(h()), 1),
+          e("blockquote", {
+            innerHTML: t.previousMail.content
+          }, null, 8, de)
+        ])) : 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, {
+  configureApp(t) {
+    l.changeLanguage(document?.documentElement?.lang || navigator.language), t.use(l);
+  }
+});
+u.prototype.normalizeProps = (t) => ({
+  ...t,
+  titleLevel: x(t.titleLevel),
+  avatarColor: b(t.avatarColor),
+  previousMail: v(t.previousMail)
+});
+window.customElements.define("template-mail", u);

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

@@ -0,0 +1,146 @@
+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 = {
+  "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 = {
+  key: 0,
+  class: "feedback",
+  "aria-live": "polite"
+}, me = ["arial-level"], ge = { class: "feedback__content" }, ve = { key: 0 }, xe = /* @__PURE__ */ I({
+  __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) => ({
+      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) {
+      r.value || t.attempted || (n.value = t.password);
+    }
+    function B() {
+      n.value && (d.value.push(n.value), n.value = void 0);
+    }
+    function j() {
+      n.value = void 0, d.value = [];
+    }
+    return M({
+      reset: j
+    }), (t, C) => {
+      const q = N("i18next");
+      return i(), l(m, null, [
+        e("div", K, [
+          e("div", O, [
+            e("div", {
+              class: "title",
+              role: "heading",
+              "arial-level": v.value
+            }, s(t.$t("test-top-mdp.passwords.title", { count: h.value.length })), 9, J),
+            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) })
+            }, [
+              (i(!0), l(m, null, F(h.value, (o, f) => (i(), l("button", {
+                key: o.password,
+                onClick: (_e) => $(o),
+                class: V({
+                  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))
+            ], 4)
+          ]),
+          e("div", X, [
+            e("div", {
+              class: "title",
+              role: "heading",
+              "arial-level": v.value
+            }, [
+              e("div", ee, [
+                e("img", {
+                  src: w(G),
+                  alt: ""
+                }, null, 8, te)
+              ]),
+              _(" " + 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),
+                e("input", {
+                  id: "login",
+                  type: "text",
+                  value: t.$t("test-top-mdp.loginForm.loginValue"),
+                  readonly: "",
+                  tabIndex: "-1"
+                }, null, 8, ae)
+              ]),
+              e("div", le, [
+                e("label", ie, s(t.$t("test-top-mdp.loginForm.password")), 1),
+                e("input", {
+                  id: "password",
+                  type: "text",
+                  value: n.value ?? x.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),
+                u.value ? (i(), l("img", {
+                  key: 0,
+                  src: r.value ? w(Z) : w(D),
+                  alt: "",
+                  class: "form__field-icon"
+                }, null, 8, de)) : 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" }, {
+                  count: A(() => [
+                    e("span", ue, s(y.value), 1)
+                  ]),
+                  _: 1
+                })
+              ])
+            ])
+          ])
+        ]),
+        u.value ? (i(), l("div", fe, [
+          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(`
+`), (o, f) => (i(), l(m, { key: f }, [
+              f !== 0 ? (i(), l("br", ve)) : b("", !0),
+              _(" " + 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, {
+  configureApp(g) {
+    k.changeLanguage(document?.documentElement?.lang || navigator.language), g.use(k);
+  }
+}));

package/dist/{i18n-DTnP_5xC.js → i18n-BkraEFZL.js}

@@ -1,4 +1,4 @@
-import { s as ve, k as Re, d as Ce, l as Pe } from "./_plugin-vue_export-helper-BcRm04ZH.js";
+import { s as ve, l as Re, d as Ce, i as Pe } from "./_plugin-vue_export-helper-CGJjSxi7.js";
 const d = (o) => typeof o == "string", V = () => {
   let o, e;
   const t = new Promise((i, s) => {

package/dist/i18n-lite-J-aj5pZd.js

@@ -0,0 +1,86 @@
+import { d as f, i as g } from "./_plugin-vue_export-helper-CGJjSxi7.js";
+const c = /* @__PURE__ */ Symbol("i18n-lite"), o = /* @__PURE__ */ Symbol("isPluralized"), a = /\{\{\s*(\w+)\s*}}/g;
+class l {
+  static #i = "fr";
+  #e = l.#i;
+  /**
+   * @type {Record<string, Record<string, object>>}
+   */
+  #t = {};
+  /**
+   * @param {Record<string, object>} globResults
+   */
+  addTranslationsFromGlobResults(e) {
+    for (const [t, n] of Object.entries(e)) {
+      const r = t.match(/\/([^/]+)\.json$/)[1];
+      r in this.#t || (this.#t[r] = {}), Object.assign(this.#t[r], this.#n(n));
+    }
+  }
+  #n(e) {
+    return typeof e != "object" || e === null ? e : Array.isArray(e) ? e.map(this.#n, this) : Object.entries(e).reduce((t, [n, r]) => {
+      const { key: i, pluralTag: s } = /^(?<key>.*?)(_(?<pluralTag>zero|one|two|few|many|other))?$/.exec(n).groups, u = this.#n(r);
+      return s === void 0 ? { ...t, [i]: u } : i in t ? (t[i][s] = u, t) : { ...t, [i]: { [o]: !0, [s]: u } };
+    }, {});
+  }
+  /**
+   * @param {string} locale
+   */
+  changeLanguage(e) {
+    const t = Object.keys(this.#t), n = t.find((i) => new Intl.Locale(i).baseName === e);
+    if (n) {
+      this.#e = n;
+      return;
+    }
+    const r = t.find((i) => new Intl.Locale(i).language === e);
+    if (r) {
+      this.#e = r;
+      return;
+    }
+  }
+  get language() {
+    return this.#e;
+  }
+  /**
+   * @param {string} key
+   * @param {object=} options
+   */
+  t(e, t) {
+    return this.#r(e, t).split(a).reduce((r, i, s) => s % 2 === 0 ? r + i : r + t?.[i]);
+  }
+  #r(e, t) {
+    const n = this.#s(e);
+    return n[o] ? this.#u(n, t) : n;
+  }
+  #s(e) {
+    return e.split(".").reduce((t, n) => t?.[n], this.#t[this.#e]) ?? e;
+  }
+  #u(e, t) {
+    return t?.count == null ? e.other : e[this.#l.select(t.count)] ?? e.other;
+  }
+  get #l() {
+    return new Intl.PluralRules(this.#e);
+  }
+  /**
+   * @param {import('vue').App} app
+   */
+  install(e) {
+    const t = (n, r) => this.t(n, r);
+    e.config.globalProperties.$i18next = this, e.config.globalProperties.$t = t, e.provide(c, { i18next: this, t }), e.component("i18next", f({
+      props: {
+        name: {
+          type: String,
+          required: !0
+        }
+      },
+      setup: (n, { slots: r }) => () => this.#r(n.name).split(a).reduce((s, u, h) => h % 2 === 0 ? [...s, u] : [...s, ...r[u]?.() ?? [`{{${u}}}`]], [])
+    }));
+  }
+}
+const m = new l();
+function b() {
+  return g(c);
+}
+export {
+  m as i,
+  b as u
+};