@1024pix/epreuves-components 4.4.0 → 4.6.0

package/dist/components/analyse-mails-phishing.ce.js.js

@@ -1,10 +1,10 @@
-import { b as V, i as Q, h as D, w as U, o as a, f as S, E as s, q as W, N as z, y as L, t as X, v as M, R as Y, g as o, _ as Z, K as ee, c, D as u, a as n, B as y, x as l, F as w, e as N, l as x, S as te, r as A, p as ae, d as se } from "../_plugin-vue_export-helper-Dz58mCLm.js";
-import { u as ne, i as P } from "../i18n-lite-CzqISEWm.js";
+import { a as V, i as W, h as D, w as J, o as a, f as S, E as s, q as U, Q as z, y as L, t as X, v as M, V as Y, g as o, _ as Z, K as ee, c, D as u, b as n, A as y, x as l, F as w, e as A, l as x, W as te, r as N, p as ae, d as se } from "../_plugin-vue_export-helper-DJlRxzRH.js";
+import { u as ne, i as P } from "../i18n-lite-X2ADNonj.js";
 import { b as le } from "../normalize-props-DH0oPBss.js";
-import { F as oe } from "../Feedback.ce-CnZRBGWf.js";
-import { _ as ie, a as re } from "../Cross.ce.vue_vue_type_script_setup_true_lang-DVLRq2sO.js";
-import { S as ce } from "../Stepper.ce-DEMN02yr.js";
-import { l as de } from "../index-BUPiE5WR.js";
+import { F as oe } from "../Feedback.ce-CeyQhenY.js";
+import { _ as ie, a as re } from "../Cross.ce.vue_vue_type_script_setup_true_lang-Cc1FblLh.js";
+import { S as ce } from "../Stepper.ce-cG0al2pY.js";
+import { l as de } from "../index-Ck6CFpiq.js";
 const ue = {}, pe = {}, me = {}, he = {}, fe = {}, _e = {
   "analyse-mails-phishing": { continue: "Continuer", subject: "{{srOnly}}{{subject}}", subjectSrOnly: "Sujet : ", sender: "{{srOnly}}{{sender}}", senderSrOnly: "Expéditeur : ", recipient: "{{srOnly}}{{recipient}}", recipientSrOnly: "Destinataire : ", to: "À moi", feedbackTitle: { correct: "Bien joué", incorrect: "Ce n’est pas ça" }, feedbackSrOnly: "Vous pouvez cliquer sur Continuer pour afficher le prochain mail." }
 }, ve = {}, ge = {}, ye = "data:image/svg+xml,%3csvg%20width='41'%20height='41'%20viewBox='0%200%2041%2041'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9%2033.5484C9.02496%2031.6445%209.79268%2029.8271%2011.1371%2028.4893C12.4815%2027.1515%2014.2944%2026.4009%2016.1837%2026.3999H24.8163C26.7056%2026.4009%2028.5185%2027.1515%2029.8629%2028.4893C31.2073%2029.8271%2031.975%2031.6445%2032%2033.5484C28.8446%2036.4141%2024.7476%2038%2020.5%2038C16.2524%2038%2012.1554%2036.4141%209%2033.5484ZM26.9744%2015.525C26.9744%2016.8155%2026.5947%2018.077%2025.8833%2019.1501C25.1719%2020.2231%2024.1607%2021.0594%2022.9776%2021.5533C21.7946%2022.0471%2020.4928%2022.1763%2019.2369%2021.9246C17.981%2021.6728%2016.8274%2021.0514%2015.9219%2020.1388C15.0164%2019.2263%2014.3998%2018.0637%2014.15%2016.7979C13.9002%2015.5322%2014.0284%2014.2203%2014.5184%2013.028C15.0085%2011.8357%2015.8383%2010.8166%2016.903%2010.0997C17.9677%209.38268%2019.2195%209%2020.5%209C22.2171%209%2023.8639%209.68745%2025.0781%2010.9111C26.2923%2012.1348%2026.9744%2013.7944%2026.9744%2015.525Z'%20fill='white'/%3e%3cpath%20d='M36.2655%2033.5758C38.3699%2031.0459%2039.8335%2028.0469%2040.5326%2024.8323C41.2316%2021.6177%2041.1455%2018.2822%2040.2815%2015.1079C39.4175%2011.9336%2037.8011%209.0139%2035.569%206.59581C33.3368%204.17772%2030.5547%202.33238%2027.4578%201.21587C24.3609%200.0993725%2021.0405%20-0.255438%2017.7774%200.181459C14.5142%200.618355%2011.4044%201.83411%208.71099%203.72586C6.01756%205.61762%203.81975%208.12973%202.30349%2011.0497C0.787232%2013.9696%20-0.00287585%2017.2115%207.86538e-06%2020.5011C0.00111445%2025.2832%201.6877%2029.9122%204.7638%2033.5758L4.7345%2033.6007C4.83707%2033.7237%204.9543%2033.8291%205.0598%2033.9506C5.19168%2034.1014%205.33382%2034.2435%205.47009%2034.3899C5.88039%2034.835%206.3024%2035.2625%206.74493%2035.6637C6.87974%2035.7866%207.01895%2035.9008%207.15522%2036.018C7.62413%2036.4221%208.10623%2036.8057%208.6059%2037.1629C8.67038%2037.2068%208.72899%2037.264%208.79347%2037.3093V37.2918C12.2254%2039.7049%2016.3196%2041%2020.5161%2041C24.7127%2041%2028.8068%2039.7049%2032.2388%2037.2918V37.3093C32.3033%2037.264%2032.3604%2037.2068%2032.4263%2037.1629C32.9246%2036.8042%2033.4081%2036.4221%2033.877%2036.018C34.0133%2035.9008%2034.1525%2035.7852%2034.2873%2035.6637C34.7298%2035.261%2035.1519%2034.835%2035.5622%2034.3899C35.6984%2034.2435%2035.8391%2034.1014%2035.9725%2033.9506C36.0765%2033.8291%2036.1952%2033.7237%2036.2978%2033.5992L36.2655%2033.5758ZM20.5147%208.78808C21.8188%208.78808%2023.0937%209.1745%2024.1781%209.89846C25.2625%2010.6224%2026.1076%2011.6514%2026.6067%2012.8553C27.1058%2014.0592%2027.2364%2015.384%2026.982%2016.662C26.7275%2017.9401%2026.0995%2019.1141%2025.1773%2020.0355C24.2551%2020.9569%2023.0802%2021.5844%2021.8011%2021.8387C20.522%2022.0929%2019.1961%2021.9624%2017.9912%2021.4637C16.7864%2020.9651%2015.7565%2020.1206%2015.032%2019.0371C14.3074%2017.9536%2013.9207%2016.6798%2013.9207%2015.3767C13.9207%2013.6293%2014.6154%2011.9534%2015.852%2010.7178C17.0886%209.48224%2018.7658%208.78808%2020.5147%208.78808ZM8.80226%2033.5758C8.82768%2031.6534%209.60958%2029.8182%2010.9788%2028.4674C12.348%2027.1165%2014.1945%2026.3586%2016.1187%2026.3576H24.9107C26.8349%2026.3586%2028.6813%2027.1165%2030.0505%2028.4674C31.4197%2029.8182%2032.2016%2031.6534%2032.2271%2033.5758C29.0134%2036.4694%2024.8407%2038.0708%2020.5147%2038.0708C16.1886%2038.0708%2012.016%2036.4694%208.80226%2033.5758Z'%20fill='%232F80ED'/%3e%3c/svg%3e", be = "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", Ce = /* @__PURE__ */ V({
@@ -14,7 +14,7 @@ const ue = {}, pe = {}, me = {}, he = {}, fe = {}, _e = {
     path: { type: String }
   },
   setup(t) {
-    const { selectedPath: f, correct: $, paths: b, pathToIndex: _ } = Q("store"), p = D("el"), m = o(() => f.value === t.path), v = o(() => _.value[t.path]), d = o(() => m.value || f.value === void 0 && v.value === 0);
+    const { selectedPath: f, correct: $, paths: b, pathToIndex: _ } = W("store"), p = D("el"), m = o(() => f.value === t.path), v = o(() => _.value[t.path]), d = o(() => m.value || f.value === void 0 && v.value === 0);
     function O() {
       f.value = t.path;
     }
@@ -24,7 +24,7 @@ const ue = {}, pe = {}, me = {}, he = {}, fe = {}, _e = {
     function E() {
       v.value !== b.value.length - 1 && (f.value = b.value[v.value + 1]);
     }
-    return U(() => {
+    return J(() => {
       m.value && p.value.focus();
     }), (T, i) => (a(), S(Y(t.block ? "div" : "span"), {
       class: X(["mail-element", {
@@ -44,7 +44,7 @@ const ue = {}, pe = {}, me = {}, he = {}, fe = {}, _e = {
       ref: p
     }, {
       default: s(() => [
-        W(T.$slots, "default")
+        U(T.$slots, "default")
       ]),
       _: 3
     }, 40, ["class", "aria-selected", "tabindex"]));
@@ -58,17 +58,17 @@ const ue = {}, pe = {}, me = {}, he = {}, fe = {}, _e = {
 }, Fe = {
   key: 1,
   class: "mail__button"
-}, Ne = {
+}, Ae = {
   key: 0,
   class: "sr-only"
-}, Ae = /* @__PURE__ */ V({
+}, Ne = /* @__PURE__ */ V({
   __name: "AnalyseMailsPhishing.ce",
   props: {
     titleLevel: { type: Number },
     mails: { type: Array }
   },
   setup(t, { expose: f }) {
-    const $ = te(t, ["mails"]), { t: b } = ne(), _ = A(0), p = A(), m = D("container"), v = o(() => $.titleLevel ?? 2), d = o(() => t.mails[_.value]), O = o(() => p.value !== void 0), g = o(() => d.value.answers.includes(p.value)), E = o(() => g.value ? b("analyse-mails-phishing.feedbackTitle.correct") : b("analyse-mails-phishing.feedbackTitle.incorrect")), T = o(() => g.value ? d.value.correctFeedback : d.value.incorrectFeedback), i = o(() => g.value && _.value < t.mails.length - 1), C = o(
+    const $ = te(t, ["mails"]), { t: b } = ne(), _ = N(0), p = N(), m = D("container"), v = o(() => $.titleLevel ?? 2), d = o(() => t.mails[_.value]), O = o(() => p.value !== void 0), g = o(() => d.value.answers.includes(p.value)), E = o(() => g.value ? b("analyse-mails-phishing.feedbackTitle.correct") : b("analyse-mails-phishing.feedbackTitle.incorrect")), T = o(() => g.value ? d.value.correctFeedback : d.value.incorrectFeedback), i = o(() => g.value && _.value < t.mails.length - 1), C = o(
       () => d.value.body.map((e, r) => {
         if (e.type === "paragraph")
           return {
@@ -192,15 +192,15 @@ const ue = {}, pe = {}, me = {}, he = {}, fe = {}, _e = {
               ])
             ])
           ]),
-          (a(!0), c(w, null, N(C.value, (h, I) => (a(), c(w, { key: I }, [
+          (a(!0), c(w, null, A(C.value, (h, I) => (a(), c(w, { key: I }, [
             h.type === "paragraph" ? (a(), c("p", Be, [
-              (a(!0), c(w, null, N(h.content, ({ path: G, text: J }, F) => (a(), c(w, { key: F }, [
+              (a(!0), c(w, null, A(h.content, ({ path: G, text: Q }, F) => (a(), c(w, { key: F }, [
                 F !== 0 ? (a(), c(w, { key: 0 }, [
                   y(l(" "))
                 ], 64)) : x("", !0),
                 u(j, { path: G }, {
                   default: s(() => [
-                    y(l(J), 1)
+                    y(l(Q), 1)
                   ]),
                   _: 2
                 }, 1032, ["path"])
@@ -233,7 +233,7 @@ const ue = {}, pe = {}, me = {}, he = {}, fe = {}, _e = {
           ]),
           content: s(() => [
             y(l(T.value) + " ", 1),
-            i.value ? (a(), c("span", Ne, l(e.$t("analyse-mails-phishing.feedbackSrOnly")), 1)) : x("", !0)
+            i.value ? (a(), c("span", Ae, l(e.$t("analyse-mails-phishing.feedbackSrOnly")), 1)) : x("", !0)
           ]),
           _: 1
         }, 8, ["title"])) : x("", !0),
@@ -245,7 +245,7 @@ const ue = {}, pe = {}, me = {}, he = {}, fe = {}, _e = {
       ], 512);
     };
   }
-}), Ve = "*{font-family:Nunito,Roboto,sans-serif;color:#122647}p{margin:0}.analyse-mails-phishing{display:flex;flex-direction:column;gap:24px}.mail{display:flex;padding:16px;flex-direction:column;gap:12px;border-radius:8px;background:#f4f5f7;align-items:start}.mail__subject{font-size:18px}.mail-header{display:flex;gap:16px;align-items:center}.mail-header__content{display:flex;flex-direction:column;gap:4px}.mail-header__from-name{font-size:15px;font-weight:700}.mail-header__from-address{color:#757575;font-size:12px}.mail-header__to{color:#818488;font-size:12px;font-weight:500;display:flex;align-items:center;gap:6px}.mail__paragraph{font-size:14px;line-height:24px}.mail__button{padding:8px 24px;border-radius:8px;border:1px solid #cdd1d9;background-color:#fff;color:#253858;font-size:14px;font-weight:700;text-align:center}.mail-element--correct .mail-header__from-address,.mail-element--incorrect .mail-header__from-address{color:#122647}.feedback-icon{height:16px;width:16px}.continue-button{border-style:none;padding:8px 24px;border-radius:8px;background-color:#253858;color:#fff;font-size:14px;font-weight:700;cursor:pointer;align-self:center}@media only screen and (max-width:576px){.analyse-mails-phishing{gap:12px}.mail__subject{font-size:16px}.mail__button{padding:8px 12px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}", De = /* @__PURE__ */ Z(Ae, [["styles", [Ve]]]);
+}), Ve = "*{font-family:Nunito,Roboto,sans-serif;color:#122647}p{margin:0}.analyse-mails-phishing{display:flex;flex-direction:column;gap:24px}.mail{display:flex;padding:16px;flex-direction:column;gap:12px;border-radius:8px;background:#f4f5f7;align-items:start}.mail__subject{font-size:18px}.mail-header{display:flex;gap:16px;align-items:center}.mail-header__content{display:flex;flex-direction:column;gap:4px}.mail-header__from-name{font-size:15px;font-weight:700}.mail-header__from-address{color:#757575;font-size:12px}.mail-header__to{color:#818488;font-size:12px;font-weight:500;display:flex;align-items:center;gap:6px}.mail__paragraph{font-size:14px;line-height:24px}.mail__button{padding:8px 24px;border-radius:8px;border:1px solid #cdd1d9;background-color:#fff;color:#253858;font-size:14px;font-weight:700;text-align:center}.mail-element--correct .mail-header__from-address,.mail-element--incorrect .mail-header__from-address{color:#122647}.feedback-icon{height:16px;width:16px}.continue-button{border-style:none;padding:8px 24px;border-radius:8px;background-color:#253858;color:#fff;font-size:14px;font-weight:700;cursor:pointer;align-self:center}@media only screen and (max-width:576px){.analyse-mails-phishing{gap:12px}.mail__subject{font-size:16px}.mail__button{padding:8px 12px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}", De = /* @__PURE__ */ Z(Ne, [["styles", [Ve]]]);
 P.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": ue, "./locales/en.json": pe, "./locales/es-419.json": me, "./locales/es.json": he, "./locales/fr-BE.json": fe, "./locales/fr.json": _e, "./locales/it.json": ve, "./locales/nl.json": ge }));
 de();
 const R = se(De, {

package/dist/components/autocompletion-mdp.ce.js.js

@@ -0,0 +1,256 @@
+import { a as C, o as v, f as J, E as r, D as a, A as n, x as l, h as b, c as g, F as W, b as i, l as F, y as R, _ as N, v as X, Q as B, r as f, g as Y, n as M, d as ee } from "../_plugin-vue_export-helper-DJlRxzRH.js";
+import { i as y } from "../i18n-lite-X2ADNonj.js";
+import { b as oe } from "../normalize-props-DH0oPBss.js";
+import { p as te } from "../shadow-dom-Dh5hLXcx.js";
+import { B as V, I as j } from "../Icon.ce-AUDpzQic.js";
+import { M as L, I as S } from "../Modal.ce-CRJ7RcAX.js";
+const le = {
+  "autocompletion-mdp": { title: "Connexion", "label-email": "Adresse e-mail", "label-password": "Mot de passe", connect: "Se connecter", forgot: "Mot de passe oublié ?", "a11y-info": "le menu d'auto-completion de votre gestionnaire de mot de passe est disponible. Appuyez sur flèche du bas pour le sélectionner.", vault: { url: "www.toptracteur.pix.org", email: "elio@pixmail.org", placeholder: "mon-email@pixmail.org" }, button: { "email-label": "Remplir le champ adresse e-mail avec la valeur: elio@pixmail.org", "password-label": "Remplir le champ mot de passe avec la valeur enregistrée", label: "Remplir" }, feedback: { title: "Bravo !", content: "Grâce à une extension de navigateur proposée par le gestionnaire de mot de passe, vous pouvez vous connecter facilement en remplissant automatiquement les champs d'identification." } }
+}, ae = {
+  "unavailable-feature": { title: "Fonctionnalité désactivée", content: "Vous n'avez pas accès à cette fonctionnalité.", close: "Fermer" }
+}, ie = "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='M8.99976%2011.25V12.75M4.49976%2015.75H13.4998C13.8976%2015.75%2014.2791%2015.592%2014.5604%2015.3107C14.8417%2015.0294%2014.9998%2014.6478%2014.9998%2014.25V9.75C14.9998%209.35218%2014.8417%208.97064%2014.5604%208.68934C14.2791%208.40804%2013.8976%208.25%2013.4998%208.25H4.49976C4.10193%208.25%203.7204%208.40804%203.4391%208.68934C3.15779%208.97064%202.99976%209.35218%202.99976%209.75V14.25C2.99976%2014.6478%203.15779%2015.0294%203.4391%2015.3107C3.7204%2015.592%204.10193%2015.75%204.49976%2015.75ZM11.9998%208.25V5.25C11.9998%204.45435%2011.6837%203.69129%2011.1211%203.12868C10.5585%202.56607%209.79541%202.25%208.99976%202.25C8.20411%202.25%207.44104%202.56607%206.87844%203.12868C6.31583%203.69129%205.99976%204.45435%205.99976%205.25V8.25H11.9998Z'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", ne = /* @__PURE__ */ C({
+  __name: "UnavailableFeatureModal.ce",
+  props: {
+    show: { type: Boolean }
+  },
+  emits: ["close"],
+  setup(o) {
+    return (s, p) => (v(), J(L, {
+      loop: !0,
+      show: o.show
+    }, {
+      title: r(() => [
+        n(l(s.$t("unavailable-feature.title")), 1)
+      ]),
+      content: r(() => [
+        n(l(s.$t("unavailable-feature.content")), 1)
+      ]),
+      footer: r(() => [
+        a(V, {
+          onClick: p[0] || (p[0] = (d) => s.$emit("close"))
+        }, {
+          default: r(() => [
+            n(l(s.$t("unavailable-feature.close")), 1)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["show"]));
+  }
+}), se = { "aria-live": "polite" }, de = {
+  key: 0,
+  class: "sr-only"
+}, ue = {
+  key: 0,
+  "aria-labelledby": "dialog-label",
+  class: "autocompletion-modal",
+  role: "dialog"
+}, re = {
+  id: "dialog-label",
+  class: "autocompletion-modal__url"
+}, pe = { class: "autocompletion-modal__identity" }, ce = { key: 0 }, me = /* @__PURE__ */ C({
+  __name: "AutocompletionModal.ce",
+  props: {
+    valueToFill: { type: String },
+    relatedValueToFill: { type: String },
+    savedUrl: { type: String },
+    buttonAriaLabel: { type: String },
+    displayModal: { type: Boolean }
+  },
+  emits: ["fill-input", "hide-modal"],
+  setup(o, { expose: s }) {
+    const p = b("buttonFill");
+    return s({ buttonFill: p }), (d, t) => (v(), g(W, null, [
+      i("div", se, [
+        o.displayModal ? (v(), g("p", de, l(d.$t("autocompletion-mdp.a11y-info")), 1)) : F("", !0)
+      ]),
+      o.displayModal ? (v(), g("div", ue, [
+        i("p", re, l(o.savedUrl), 1),
+        i("div", pe, [
+          a(j, {
+            "background-color": "#bed4ff",
+            class: "dialog-label-icon"
+          }, {
+            default: r(() => [
+              n(l(d.$t("autocompletion-mdp.vault.email").at(0).toUpperCase()), 1)
+            ]),
+            _: 1
+          }),
+          i("p", null, [
+            o.relatedValueToFill ? (v(), g("span", ce, [
+              n(l(o.relatedValueToFill), 1),
+              t[2] || (t[2] = i("br", null, null, -1))
+            ])) : F("", !0),
+            n(l(o.valueToFill), 1)
+          ]),
+          a(V, {
+            ref_key: "buttonFill",
+            ref: p,
+            tabindex: "-1",
+            "aria-label": o.buttonAriaLabel,
+            variant: "secondary",
+            onClick: t[0] || (t[0] = R((u) => d.$emit("fill-input", o.valueToFill), ["prevent"])),
+            onFocusout: t[1] || (t[1] = (u) => d.$emit("hide-modal"))
+          }, {
+            default: r(() => [
+              n(l(d.$t("autocompletion-mdp.button.label")), 1)
+            ]),
+            _: 1
+          }, 8, ["aria-label"])
+        ])
+      ])) : F("", !0)
+    ], 64));
+  }
+}), fe = ".autocompletion-modal[data-v-2dd3430d]{position:absolute;z-index:1;border-radius:8px;border:1px solid #c8cfd9;box-shadow:0 6px 12px #07142e14;padding:8px 16px 16px;width:100%;margin-top:8px;background-color:#fff}.autocompletion-modal__url[data-v-2dd3430d]{color:#4f6384;margin-bottom:8px}.autocompletion-modal__identity[data-v-2dd3430d]{display:flex;gap:16px;align-items:center}.autocompletion-modal__identity button[data-v-2dd3430d]{margin-left:auto}.autocompletion-modal[data-v-2dd3430d] .rounded-icon{width:2rem;height:2rem;display:flex;justify-content:center;font-size:1rem;font-weight:700}@media(max-width:576px){.autocompletion-modal__identity[data-v-2dd3430d]{flex-wrap:wrap}.autocompletion-modal__identity button[data-v-2dd3430d]{margin-left:0;flex-grow:1}}", P = /* @__PURE__ */ N(me, [["styles", [fe]], ["__scopeId", "data-v-2dd3430d"]]), be = { class: "wrapper" }, ve = ["aria-level"], ge = ["src"], he = { class: "wrapper__input" }, we = { class: "wrapper__input" }, ye = /* @__PURE__ */ C({
+  __name: "AutocompletionMdp.ce",
+  props: {
+    titleLevel: { type: Number }
+  },
+  setup(o, { expose: s }) {
+    te();
+    function p() {
+      t.value = "", u.value = "", x.value = !1, c.value = !1, m.value = !1, h.value = !1;
+    }
+    const d = b("success-modal"), t = f(""), u = f(""), x = f(!1), c = f(!1), m = f(!1), h = f(!1), E = b("emailInput"), I = b("passwordInput"), _ = b("fillEmailModal"), k = b("fillPasswordModal"), H = Y(() => !(t.value && u.value));
+    async function q() {
+      x.value = !0, await M(), d.value.dialogElement.focus();
+    }
+    function D() {
+      t.value || (c.value = !0, m.value = !1);
+    }
+    function G() {
+      u.value || (c.value = !1, m.value = !0);
+    }
+    function A(e) {
+      e?.relatedTarget !== _?.value?.buttonFill?.buttonElement && (c.value = !1);
+    }
+    function z(e) {
+      e?.relatedTarget !== k?.value?.buttonFill?.buttonElement && (m.value = !1);
+    }
+    async function K(e) {
+      t.value = e, await M(), c.value = !1, E.value.inputField.focus();
+    }
+    async function O(e) {
+      u.value = e, await M(), m.value = !1, I.value.inputField.focus();
+    }
+    function Z() {
+      _?.value?.buttonFill?.buttonElement.focus();
+    }
+    function Q() {
+      k?.value?.buttonFill?.buttonElement.focus();
+    }
+    function T() {
+      h.value = !h.value;
+    }
+    return s({
+      reset: p
+    }), (e, w) => (v(), g("div", be, [
+      i("div", {
+        "aria-level": o.titleLevel ?? 2,
+        class: "title",
+        role: "heading"
+      }, [
+        a(j, { "background-color": "#2c75ff" }, {
+          default: r(() => [
+            i("img", {
+              src: X(ie),
+              alt: ""
+            }, null, 8, ge)
+          ]),
+          _: 1
+        }),
+        n(" " + l(e.$t("autocompletion-mdp.title")), 1)
+      ], 8, ve),
+      i("form", null, [
+        i("div", he, [
+          a(S, {
+            ref_key: "emailInput",
+            ref: E,
+            modelValue: t.value,
+            "onUpdate:modelValue": w[0] || (w[0] = ($) => t.value = $),
+            label: e.$t("autocompletion-mdp.label-email"),
+            readonly: !0,
+            placeholder: e.$t("autocompletion-mdp.vault.placeholder"),
+            type: "text",
+            onFocusin: D,
+            onFocusout: A,
+            onKeydown: B(Z, ["down"])
+          }, null, 8, ["modelValue", "label", "placeholder"]),
+          a(P, {
+            ref_key: "fillEmailModal",
+            ref: _,
+            "display-modal": c.value,
+            "saved-url": e.$t("autocompletion-mdp.vault.url"),
+            "value-to-fill": e.$t("autocompletion-mdp.vault.email"),
+            "button-aria-label": e.$t("autocompletion-mdp.button.email-label"),
+            onFillInput: K,
+            onHideModal: A
+          }, null, 8, ["display-modal", "saved-url", "value-to-fill", "button-aria-label"])
+        ]),
+        i("div", we, [
+          a(S, {
+            ref_key: "passwordInput",
+            ref: I,
+            modelValue: u.value,
+            "onUpdate:modelValue": w[1] || (w[1] = ($) => u.value = $),
+            label: e.$t("autocompletion-mdp.label-password"),
+            readonly: !0,
+            type: "text",
+            onFocusin: G,
+            onFocusout: z,
+            onKeydown: B(Q, ["down"])
+          }, null, 8, ["modelValue", "label"]),
+          a(P, {
+            ref_key: "fillPasswordModal",
+            ref: k,
+            "display-modal": m.value,
+            "saved-url": e.$t("autocompletion-mdp.vault.url"),
+            "value-to-fill": "************",
+            "related-value-to-fill": e.$t("autocompletion-mdp.vault.email"),
+            "button-aria-label": e.$t("autocompletion-mdp.button.password-label"),
+            onFillInput: O,
+            onHideModal: z
+          }, null, 8, ["display-modal", "saved-url", "related-value-to-fill", "button-aria-label"])
+        ]),
+        a(V, {
+          "is-disabled": H.value,
+          class: "connect",
+          onClick: q
+        }, {
+          default: r(() => [
+            n(l(e.$t("autocompletion-mdp.connect")), 1)
+          ]),
+          _: 1
+        }, 8, ["is-disabled"])
+      ]),
+      i("a", {
+        class: "forgot-link",
+        href: "#",
+        onClick: R(T, ["prevent"])
+      }, l(e.$t("autocompletion-mdp.forgot")), 1),
+      a(L, {
+        ref: "success-modal",
+        content: e.$t("autocompletion-mdp.feedback.content"),
+        loop: !1,
+        show: x.value,
+        title: e.$t("autocompletion-mdp.feedback.title")
+      }, null, 8, ["content", "show", "title"]),
+      a(ne, {
+        show: h.value,
+        onClose: T
+      }, null, 8, ["show"])
+    ]));
+  }
+}), xe = "*{--text-blue: #122647;--background-blue: #253858;font-family:Nunito,Roboto,sans-serif;font-size:14px;box-sizing:border-box}h1,h2,h3,h4,h5,h6{color:var(--text-blue);font-family:Nunito,sans-serif}h2{color:var(--text-blue);font-size:20px}p,a,span,li{color:var(--text-blue);font-family:Roboto,sans-serif}button{border-radius:8px;background:var(--background-blue);font-weight:700;font-size:16px}button:disabled{background:#c8cfd9}input{border-radius:10px;border:#cdd1d9;background:#f4f5f7}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}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,dialog{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}*{color:#253858}", _e = ".wrapper[data-v-b47b4dfe]{padding:25px;border-radius:14px;position:relative;background:#fff;box-shadow:0 2px 5px #4a3aff40,0 -2px 5px #4a3aff26 inset,0 1px 1px #ffffff1a inset,0 3px 4px #dfeeff1a inset}.wrapper__input[data-v-b47b4dfe]{position:relative;width:100%}[data-v-b47b4dfe] label{margin-top:16px}.title[data-v-b47b4dfe]{display:flex;align-items:center;gap:8px;font-size:1.25rem;font-weight:700}.connect[data-v-b47b4dfe]{display:block;width:100%;margin:16px auto}.forgot-link[data-v-b47b4dfe]{display:block;width:100%;text-align:center;font-size:.875rem}", ke = /* @__PURE__ */ N(ye, [["styles", [xe, _e]], ["__scopeId", "data-v-b47b4dfe"]]);
+y.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/fr.json": le }));
+y.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "../common/poi-design-system/unavailable-feature/locales/fr.json": ae }));
+const U = ee(ke, {
+  configureApp(o) {
+    y.changeLanguage(document?.documentElement?.lang || navigator.language), o.use(y);
+  }
+});
+U.prototype.normalizeProps = (o) => ({
+  titleLevel: oe(o.titleLevel)
+});
+window.customElements.define("autocompletion-mdp", U);

package/dist/components/button.ce.js.js

@@ -1,4 +1,4 @@
-import { d as t } from "../_plugin-vue_export-helper-Dz58mCLm.js";
-import { B as o } from "../Button.ce-Dvxeebpx.js";
+import { d as t } from "../_plugin-vue_export-helper-DJlRxzRH.js";
+import { B as o } from "../Button.ce-C-lBihdF.js";
 const e = t(o);
 window.customElements.define("pix-button", e);

package/dist/components/calcul-impact.ce.js.js

@@ -1,5 +1,5 @@
-import { b as V, K as R, o as d, c as p, F as K, D as v, E as r, a as e, x as a, B as _, l as C, T as D, _ as z, v as E, H as j, Q as x, f as U, r as l, d as H } from "../_plugin-vue_export-helper-Dz58mCLm.js";
-import { a as Q, i as N, b as G } from "../i18n-H4HokXDX.js";
+import { a as V, K as R, o as d, c as p, F as U, D as v, E as r, b as e, x as a, A as _, l as C, U as D, _ as z, v as E, H as j, T as x, f as K, r as l, d as H } from "../_plugin-vue_export-helper-DJlRxzRH.js";
+import { a as G, i as N, b as Q } from "../i18n-C0iMUvqX.js";
 import { b as J } from "../normalize-props-DH0oPBss.js";
 const X = {}, Z = {}, ee = {}, te = {}, ae = {}, le = {
   "calcul-impact": { title: "Calculez votre impact IA", subtitle: "Quels ont été vos usages de l'IA la semaine dernière ?", numberOfConversationLabel: "Nombre de conversations courtes :", numberOfImagesLabel: "Nombre de créations d’images :", seePersonalImpact: "Voir votre impact personnel sur une semaine", seeCollectiveImpact: "Si 1 million de personnes faisaient comme vous toutes les semaines pendant un an", legals: "Estimations basées sur l'étude Hugging Face, Carnegie Mellon University, Allen Institute for AI, Oct 2024", yourPersonalImpact: "Votre impact personnel", consumptionForAWeek: "Votre consommation sur une semaine", consumptionForAYear: "1 million de personnes toutes les semaines pendant un an", personalConsumption: "Vous avez consommé environ {{energy}} Wh", personalDuration: "Cela équivaut à {{number}} minutes de micro-ondes", collectiveConsumption: "Cela représenterait {{energy}} kWh, soit l'équivalent de la consommation en électricité de {{homes}} foyers français", collectiveDuration: "Équivalent à {{number}} minutes de micro-ondes", planeKilometers: "Et {{kilometers}} km parcourus en avion", yourCollectiveImpact: "Impact collectif simulé" }
@@ -21,7 +21,7 @@ const X = {}, Z = {}, ee = {}, te = {}, ae = {}, le = {
   setup(t) {
     return (o, n) => {
       const i = R("i18next");
-      return d(), p(K, null, [
+      return d(), p(U, null, [
         v(D, { name: "fade-perso" }, {
           default: r(() => [
             t.isPersonal ? (d(), p("div", ie, [
@@ -109,25 +109,25 @@ const X = {}, Z = {}, ee = {}, te = {}, ae = {}, le = {
       ], 64);
     };
   }
-}), _e = ".result-calculation[data-v-b69dd4ff]{background:#e0f7fa;border-left:solid 3px #00796b;padding:1rem;border-radius:10px}.header[data-v-b69dd4ff]{font-size:1.125rem;font-weight:700}.consumption[data-v-b69dd4ff]{font-style:italic}.fade-perso-enter-active[data-v-b69dd4ff],.fade-collectif-enter-active[data-v-b69dd4ff]{transition:all .3s ease-out}.fade-perso-leave-active[data-v-b69dd4ff],.fade-collectif-leave-active[data-v-b69dd4ff]{transition:all .8s cubic-bezier(1,.5,.8,1)}.fade-perso-enter-from[data-v-b69dd4ff],.fade-collectif-enter-from[data-v-b69dd4ff],.fade-perso-leave-to[data-v-b69dd4ff],.fade-collectif-leave-to[data-v-b69dd4ff]{transform:translate(20px);opacity:0}", Ce = /* @__PURE__ */ z(ge, [["styles", [_e]], ["__scopeId", "data-v-b69dd4ff"]]), he = { class: "container" }, ke = ["arial-level"], Ie = { for: "numberOfConversation" }, we = { for: "numberOfImage" }, Be = { class: "legals" }, $e = /* @__PURE__ */ V({
+}), _e = ".result-calculation[data-v-b69dd4ff]{background:#e0f7fa;border-left:solid 3px #00796b;padding:1rem;border-radius:10px}.header[data-v-b69dd4ff]{font-size:1.125rem;font-weight:700}.consumption[data-v-b69dd4ff]{font-style:italic}.fade-perso-enter-active[data-v-b69dd4ff],.fade-collectif-enter-active[data-v-b69dd4ff]{transition:all .3s ease-out}.fade-perso-leave-active[data-v-b69dd4ff],.fade-collectif-leave-active[data-v-b69dd4ff]{transition:all .8s cubic-bezier(1,.5,.8,1)}.fade-perso-enter-from[data-v-b69dd4ff],.fade-collectif-enter-from[data-v-b69dd4ff],.fade-perso-leave-to[data-v-b69dd4ff],.fade-collectif-leave-to[data-v-b69dd4ff]{transform:translate(20px);opacity:0}", Ce = /* @__PURE__ */ z(ge, [["styles", [_e]], ["__scopeId", "data-v-b69dd4ff"]]), he = { class: "container" }, ke = ["arial-level"], Ie = { for: "numberOfConversation" }, we = { for: "numberOfImage" }, $e = { class: "legals" }, Be = /* @__PURE__ */ V({
   __name: "CalculImpact.ce",
   props: {
     titleLevel: { type: Number }
   },
   setup(t, { expose: o }) {
-    const i = t.titleLevel ?? 2, b = l(10), f = l(2), w = l(0), B = l(0), $ = l(0), c = l(!1), y = l(!1);
+    const i = t.titleLevel ?? 2, b = l(10), f = l(2), w = l(0), $ = l(0), B = l(0), c = l(!1), y = l(!1);
     function q() {
-      b.value = 10, f.value = 2, u.value = {}, m.value = {}, w.value = 0, B.value = 0, $.value = 0, c.value = !1, y.value = !1, k.value = 0, F.value = 0, g.value = 0, A.value = 0, L.value = 0;
+      b.value = 10, f.value = 2, u.value = {}, m.value = {}, w.value = 0, $.value = 0, B.value = 0, c.value = !1, y.value = !1, k.value = 0, A.value = 0, g.value = 0, F.value = 0, L.value = 0;
     }
     const h = {
       text: { energy: 2.9, co2: 1.5 },
       image: { energy: 32, co2: 20 }
-    }, u = l({}), m = l({}), k = l(0), F = l(0), g = l(0), A = l(0), L = l(0);
+    }, u = l({}), m = l({}), k = l(0), A = l(0), g = l(0), F = l(0), L = l(0);
     function P() {
-      k.value = b.value * h.text.energy + f.value * h.image.energy, F.value = b.value * h.text.co2 + f.value * h.image.co2, w.value = Number((k.value / 0.8).toFixed(1)), u.value.energyByWeek = k.value.toFixed(1), u.value.personalMicrowavesDuration = w.value, u.value.co2ByWeek = F.value.toFixed(1);
+      k.value = b.value * h.text.energy + f.value * h.image.energy, A.value = b.value * h.text.co2 + f.value * h.image.co2, w.value = Number((k.value / 0.8).toFixed(1)), u.value.energyByWeek = k.value.toFixed(1), u.value.personalMicrowavesDuration = w.value, u.value.co2ByWeek = A.value.toFixed(1);
     }
     function M() {
-      g.value = u.value.energyByWeek * 52 * 1e6 / 1e3, A.value = u.value.co2ByWeek * 52 * 1e6 / 1e6, L.value = Math.round(g.value / 2300), B.value = g.value / 0.8, $.value = A.value * 2410, m.value.collectiveMicrowavesDuration = B.value.toLocaleString(), m.value.kilometerByPlane = $.value.toLocaleString(), m.value.equivalentPopulationByCity = L.value.toLocaleString(), m.value.collectiveAnnualEnergy = g.value.toLocaleString();
+      g.value = u.value.energyByWeek * 52 * 1e6 / 1e3, F.value = u.value.co2ByWeek * 52 * 1e6 / 1e6, L.value = Math.round(g.value / 2300), $.value = g.value / 0.8, B.value = F.value * 2410, m.value.collectiveMicrowavesDuration = $.value.toLocaleString(), m.value.kilometerByPlane = B.value.toLocaleString(), m.value.equivalentPopulationByCity = L.value.toLocaleString(), m.value.collectiveAnnualEnergy = g.value.toLocaleString();
     }
     function S() {
       P(), c.value = !0;
@@ -165,7 +165,7 @@ const X = {}, Z = {}, ee = {}, te = {}, ae = {}, le = {
       }, null, 544), [
         [x, f.value]
       ]),
-      c.value ? (d(), U(Ce, {
+      c.value ? (d(), K(Ce, {
         key: 0,
         "is-collective": y.value,
         "is-personal": c.value,
@@ -181,14 +181,14 @@ const X = {}, Z = {}, ee = {}, te = {}, ae = {}, le = {
         key: 2,
         onClick: T
       }, "🌍 " + a(s.$t("calcul-impact.seeCollectiveImpact")), 1)) : C("", !0),
-      e("p", Be, "📝 " + a(s.$t("calcul-impact.legals")), 1)
+      e("p", $e, "📝 " + a(s.$t("calcul-impact.legals")), 1)
     ]));
   }
-}), Fe = "[data-v-7fbb31b5]{font-family:Nunito,Roboto,sans-serif;color:#253858}p[data-v-7fbb31b5]{padding:0}.container[data-v-7fbb31b5]{display:flex;flex-direction:column;gap:1rem}.container button[data-v-7fbb31b5]{border:0;border-radius:5px;font-size:.9rem;background:#357abd;color:#fff;width:50%;padding:.4rem .8rem;margin:auto;cursor:pointer}.container button[data-v-7fbb31b5]:hover{background:#225d93}.container input[data-v-7fbb31b5]{border:solid 1px lightgrey;border-radius:5px;padding-block:.2rem;width:40%}.container label[data-v-7fbb31b5]{font-weight:700}.container .legals[data-v-7fbb31b5]{font-size:.9rem;font-style:italic}.container .title[data-v-7fbb31b5]{font-size:1.3rem;font-weight:700}@media only screen and (max-width:768px){.container button[data-v-7fbb31b5]{width:100%}.container input[data-v-7fbb31b5]{width:80%}}", Ae = /* @__PURE__ */ z($e, [["styles", [Fe]], ["__scopeId", "data-v-7fbb31b5"]]);
-Q(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": X, "./locales/en.json": Z, "./locales/es-419.json": ee, "./locales/es.json": te, "./locales/fr-BE.json": ae, "./locales/fr.json": le, "./locales/it.json": oe, "./locales/nl.json": ne })).catch((t) => console.error(t));
-const Y = H(Ae, {
+}), Ae = "[data-v-7fbb31b5]{font-family:Nunito,Roboto,sans-serif;color:#253858}p[data-v-7fbb31b5]{padding:0}.container[data-v-7fbb31b5]{display:flex;flex-direction:column;gap:1rem}.container button[data-v-7fbb31b5]{border:0;border-radius:5px;font-size:.9rem;background:#357abd;color:#fff;width:50%;padding:.4rem .8rem;margin:auto;cursor:pointer}.container button[data-v-7fbb31b5]:hover{background:#225d93}.container input[data-v-7fbb31b5]{border:solid 1px lightgrey;border-radius:5px;padding-block:.2rem;width:40%}.container label[data-v-7fbb31b5]{font-weight:700}.container .legals[data-v-7fbb31b5]{font-size:.9rem;font-style:italic}.container .title[data-v-7fbb31b5]{font-size:1.3rem;font-weight:700}@media only screen and (max-width:768px){.container button[data-v-7fbb31b5]{width:100%}.container input[data-v-7fbb31b5]{width:80%}}", Fe = /* @__PURE__ */ z(Be, [["styles", [Ae]], ["__scopeId", "data-v-7fbb31b5"]]);
+G(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": X, "./locales/en.json": Z, "./locales/es-419.json": ee, "./locales/es.json": te, "./locales/fr-BE.json": ae, "./locales/fr.json": le, "./locales/it.json": oe, "./locales/nl.json": ne })).catch((t) => console.error(t));
+const Y = H(Fe, {
   configureApp(t) {
-    N.changeLanguage(document?.documentElement?.lang || navigator.language), t.use(G, {
+    N.changeLanguage(document?.documentElement?.lang || navigator.language), t.use(Q, {
       i18next: N,
       slotStart: "{{",
       slotEnd: "}}"

package/dist/components/capacity-calculation.ce.js.js

@@ -1,8 +1,8 @@
-import { b as g, o as r, c as u, t as p, q as E, B as L, x as s, _, U as C, a as t, F as D, e as R, v as T, D as x, y as V, W as Z, E as O, r as y, g as w, f, l as $, d as z } from "../_plugin-vue_export-helper-Dz58mCLm.js";
-import { u as F, a as P, i as k, b as W } from "../i18n-H4HokXDX.js";
+import { a as g, o as r, c as u, t as p, q as E, A as L, x as s, _, N as C, b as t, F as D, e as R, v as T, D as x, y as V, X as Z, E as O, r as y, g as w, f, l as $, d as z } from "../_plugin-vue_export-helper-DJlRxzRH.js";
+import { u as F, a as P, i as k, b as W } from "../i18n-C0iMUvqX.js";
 import { b as G } from "../normalize-props-DH0oPBss.js";
-import { R as H } from "../Retry-C3g7zhz8.js";
-const K = {}, J = {}, X = {}, Y = {}, aa = {}, ea = {
+import { R as H } from "../Retry-fzluiEoj.js";
+const K = {}, X = {}, J = {}, Y = {}, aa = {}, ea = {
   "capacity-calculation": { in: { aiQuestion: "Quelle est la demande à l’IA ?", aiOptions: ["Fais une vidéo d’une durée d’une minute.", "Écris un texte de 10 lignes.", "Fais un dessin de haute qualité."], userQuestion: "Combien d’utilisateurs font la demande en même temps ?", buttonLabel: { primary: "Observer l’effet", warning: "Recommencer" } }, out: { title: "Impact des demandes", consumption: { label: "Consommation d’électricité :", normal_weak: "Moyenne", normal_medium: "Moyenne", warning: "Très forte", error: "Très forte", initial: "À l’arrêt" }, capacity: { label: "État du centre de données :", normal_weak: "Normal", normal_medium: "Normal", warning: "Sollicitation maximale", error: "Ne peut pas répondre à la demande", initial: "À l’arrêt" } } }
 }, ta = {}, ca = {}, la = /* @__PURE__ */ g({
   __name: "Button.ce",
@@ -45,7 +45,7 @@ const K = {}, J = {}, X = {}, Y = {}, aa = {}, ea = {
     const { t: c } = F(), n = C(a, "selectedAiQuestion"), e = C(a, "selectedNbUser"), l = C(a, "currentLevel"), i = y(!1), d = w(() => ({
       state: l.value === "initial" ? "primary" : "warning",
       label: c(`capacity-calculation.in.buttonLabel.${l.value === "initial" ? "primary" : "warning"}`)
-    })), h = w(() => Number.isInteger(n.value)), q = [800, 8e3, 14e3, 25e3, 9e4, 15e4], U = /* @__PURE__ */ new Set([
+    })), h = w(() => Number.isInteger(n.value)), q = [800, 8e3, 14e3, 25e3, 9e4, 15e4], A = /* @__PURE__ */ new Set([
       // Valeurs de base
       10,
       20,
@@ -78,7 +78,7 @@ const K = {}, J = {}, X = {}, Y = {}, aa = {}, ea = {
       75e3,
       1e5,
       125e3
-    ]), b = Array.from(U).sort((o, v) => o - v), M = w(() => {
+    ]), b = Array.from(A).sort((o, v) => o - v), M = w(() => {
       const o = b.indexOf(e.value);
       return Math.max(0, o);
     }), Q = (o) => {
@@ -89,7 +89,7 @@ const K = {}, J = {}, X = {}, Y = {}, aa = {}, ea = {
         o.preventDefault();
         return;
       }
-    }, j = () => {
+    }, U = () => {
       if (h.value) {
         if (l.value !== "initial") {
           I();
@@ -98,7 +98,7 @@ const K = {}, J = {}, X = {}, Y = {}, aa = {}, ea = {
         n.value === 0 ? e.value >= 10 && e.value <= 400 ? l.value = "normal_weak" : e.value >= 401 && e.value <= 700 ? l.value = "normal_medium" : e.value >= 701 && e.value <= 1e3 ? l.value = "warning" : l.value = "error" : n.value === 1 ? e.value >= 10 && e.value <= 4e4 ? l.value = "normal_weak" : e.value >= 40001 && e.value <= 7e4 ? l.value = "normal_medium" : e.value >= 70001 && e.value <= 1e5 ? l.value = "warning" : l.value = "error" : n.value === 2 && (e.value >= 10 && e.value <= 8e3 ? l.value = "normal_weak" : e.value >= 8001 && e.value <= 14e3 ? l.value = "normal_medium" : e.value >= 14001 && e.value <= 2e4 ? l.value = "warning" : l.value = "error"), i.value = !0;
       }
     };
-    function A(o) {
+    function j(o) {
       if (i.value) {
         o.preventDefault();
         return;
@@ -120,7 +120,7 @@ const K = {}, J = {}, X = {}, Y = {}, aa = {}, ea = {
               "aria-disabled": i.value,
               name: "ai-answer",
               value: m,
-              onClick: A,
+              onClick: j,
               checked: n.value === m
             }, null, 8, ua),
             L(" " + s(B), 1)
@@ -146,7 +146,7 @@ const K = {}, J = {}, X = {}, Y = {}, aa = {}, ea = {
         ])
       ]),
       x(ia, {
-        onClick: V(j, ["prevent"]),
+        onClick: V(U, ["prevent"]),
         "aria-disabled": !h.value,
         label: d.value.label,
         state: d.value.state
@@ -198,7 +198,7 @@ const $a = /* @__PURE__ */ _(ha, [["render", La]]), Na = {}, qa = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Ua(a, c) {
+function Aa(a, c) {
   return r(), u("svg", qa, [...c[0] || (c[0] = [
     t("path", {
       d: "M5.00009 37.8074C4.62175 37.8074 4.27999 37.7135 3.9748 37.5257C3.66962 37.3379 3.43238 37.0903 3.26307 36.783C3.09226 36.4785 2.99939 36.1476 2.98446 35.7905C2.96953 35.4333 3.0624 35.0848 3.26307 34.745L19.7182 6.27096C19.9186 5.92965 20.1806 5.67538 20.5043 5.50816C20.828 5.34093 21.1602 5.25732 21.5009 5.25732C21.8416 5.25732 22.1735 5.34093 22.4966 5.50816C22.8197 5.67538 23.0814 5.92965 23.2818 6.27096L39.7369 34.745C39.9376 35.0848 40.0305 35.4333 40.0155 35.7905C40.0006 36.1476 39.9077 36.4785 39.7369 36.783C39.5661 37.0873 39.3286 37.3341 39.0243 37.5234C38.7197 37.7128 38.3782 37.8074 37.9999 37.8074H5.00009ZM21.5 32.2179C22.0148 32.2179 22.4511 32.039 22.8088 31.6813C23.1665 31.3238 23.3454 30.8877 23.3454 30.3729C23.3454 29.8581 23.1665 29.4236 22.8088 29.0695C22.4511 28.7153 22.0148 28.5382 21.5 28.5382C20.9852 28.5382 20.5489 28.7153 20.1912 29.0695C19.8334 29.4236 19.6546 29.8581 19.6546 30.3729C19.6546 30.8877 19.8334 31.3238 20.1912 31.6813C20.5489 32.039 20.9852 32.2179 21.5 32.2179ZM21.5 26.8751C22.0076 26.8751 22.4332 26.7034 22.7766 26.36C23.12 26.0166 23.2917 25.5911 23.2917 25.0835V19.8263C23.2917 19.3186 23.12 18.8931 22.7766 18.5497C22.4332 18.2063 22.0076 18.0346 21.5 18.0346C20.9924 18.0346 20.5668 18.2063 20.2234 18.5497C19.88 18.8931 19.7083 19.3186 19.7083 19.8263V25.0835C19.7083 25.5911 19.88 26.0166 20.2234 26.36C20.5668 26.7034 20.9924 26.8751 21.5 26.8751Z",
@@ -206,7 +206,7 @@ function Ua(a, c) {
     }, null, -1)
   ])]);
 }
-const Ma = /* @__PURE__ */ _(Na, [["render", Ua]]), Qa = ["aria-level"], Sa = { class: "capacity-calculation__card" }, ja = { class: "capacity-calculation__text capacity-calculation__text--strong" }, Aa = { class: "capacity-calculation__img" }, Ia = ["src"], Ba = { class: "capacity-calculation__text" }, Ea = { class: "capacity-calculation__answers" }, Da = { class: "capacity-calculation__card" }, Ra = { class: "capacity-calculation__text capacity-calculation__text--strong" }, Ta = { class: "capacity-calculation__text" }, Va = /* @__PURE__ */ g({
+const Ma = /* @__PURE__ */ _(Na, [["render", Aa]]), Qa = ["aria-level"], Sa = { class: "capacity-calculation__card" }, Ua = { class: "capacity-calculation__text capacity-calculation__text--strong" }, ja = { class: "capacity-calculation__img" }, Ia = ["src"], Ba = { class: "capacity-calculation__text" }, Ea = { class: "capacity-calculation__answers" }, Da = { class: "capacity-calculation__card" }, Ra = { class: "capacity-calculation__text capacity-calculation__text--strong" }, Ta = { class: "capacity-calculation__text" }, Va = /* @__PURE__ */ g({
   __name: "Answers.ce",
   props: {
     currentLevel: { type: String },
@@ -224,8 +224,8 @@ const Ma = /* @__PURE__ */ _(Na, [["render", Ua]]), Qa = ["aria-level"], Sa = {
         class: "capacity-calculation__title"
       }, s(c.$t("capacity-calculation.out.title")), 9, Qa),
       t("div", Sa, [
-        t("p", ja, s(c.$t("capacity-calculation.out.capacity.label")), 1),
-        t("div", Aa, [
+        t("p", Ua, s(c.$t("capacity-calculation.out.capacity.label")), 1),
+        t("div", ja, [
           t("img", {
             src: a.capacityImage,
             alt: ""
@@ -287,7 +287,7 @@ const Ma = /* @__PURE__ */ _(Na, [["render", Ua]]), Qa = ["aria-level"], Sa = {
     ]));
   }
 }), Wa = ".capacity-calculation__title{color:#122647;font-family:Nunito,serif;font-weight:700;text-align:center;font-size:1.25rem;line-height:1.75rem;margin-bottom:1rem}.capacity-calculation__grid{display:grid;gap:1rem;grid-template-columns:5fr 2.6fr}.capacity-calculation__grid .initial-state{grid-column:1/span 2}.capacity-calculation__column{display:flex;border-radius:8px;flex-direction:column;padding:16px}@media screen and (max-width:720px){.capacity-calculation__grid{display:flex;flex-direction:column}}", Ga = /* @__PURE__ */ _(Pa, [["styles", [Wa]]]);
-P(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": K, "./locales/en.json": J, "./locales/es-419.json": X, "./locales/es.json": Y, "./locales/fr-BE.json": aa, "./locales/fr.json": ea, "./locales/it.json": ta, "./locales/nl.json": ca })).catch((a) => console.error(a));
+P(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": K, "./locales/en.json": X, "./locales/es-419.json": J, "./locales/es.json": Y, "./locales/fr-BE.json": aa, "./locales/fr.json": ea, "./locales/it.json": ta, "./locales/nl.json": ca })).catch((a) => console.error(a));
 const N = z(Ga, {
   configureApp(a) {
     k.changeLanguage(document?.documentElement?.lang || navigator.language), a.use(W, { i18next: k });