@1024pix/epreuves-components 4.5.0 → 4.6.1

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

@@ -0,0 +1,256 @@
+import { b as C, o as v, f as J, D as r, C as a, E as i, x as t, h as b, c as g, F as W, a as n, l as F, y as P, _ as R, v as X, Q as z, r as f, g as Y, n as M, d as ee } from "../_plugin-vue_export-helper-CD1RUA2y.js";
+import { i as _ } from "../i18n-lite-WQsHAHqG.js";
+import { b as oe } from "../normalize-props-DH0oPBss.js";
+import { p as le } from "../shadow-dom-DSLDIcsa.js";
+import { B as V, I as N } from "../Icon.ce-Be0LymfA.js";
+import { M as L, I as B } from "../Modal.ce-DCTwYJKJ.js";
+const te = {}, ae = {}, ne = {
+  "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." } }
+}, ie = {}, se = {}, de = {}, ue = {
+  "unavailable-feature": { title: "Fonctionnalité désactivée", content: "Vous n'avez pas accès à cette fonctionnalité.", close: "Fermer" }
+}, re = {}, pe = "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", ce = /* @__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(() => [
+        i(t(s.$t("unavailable-feature.title")), 1)
+      ]),
+      content: r(() => [
+        i(t(s.$t("unavailable-feature.content")), 1)
+      ]),
+      footer: r(() => [
+        a(V, {
+          onClick: p[0] || (p[0] = (d) => s.$emit("close"))
+        }, {
+          default: r(() => [
+            i(t(s.$t("unavailable-feature.close")), 1)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["show"]));
+  }
+}), me = { "aria-live": "polite" }, fe = {
+  key: 0,
+  class: "sr-only"
+}, be = {
+  key: 0,
+  "aria-labelledby": "dialog-label",
+  class: "autocompletion-modal",
+  role: "dialog"
+}, ve = {
+  id: "dialog-label",
+  class: "autocompletion-modal__url"
+}, ge = { class: "autocompletion-modal__identity" }, he = { key: 0 }, we = /* @__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, l) => (v(), g(W, null, [
+      n("div", me, [
+        o.displayModal ? (v(), g("p", fe, t(d.$t("autocompletion-mdp.a11y-info")), 1)) : F("", !0)
+      ]),
+      o.displayModal ? (v(), g("div", be, [
+        n("p", ve, t(o.savedUrl), 1),
+        n("div", ge, [
+          a(N, {
+            "background-color": "#bed4ff",
+            class: "dialog-label-icon"
+          }, {
+            default: r(() => [
+              i(t(d.$t("autocompletion-mdp.vault.email").at(0).toUpperCase()), 1)
+            ]),
+            _: 1
+          }),
+          n("p", null, [
+            o.relatedValueToFill ? (v(), g("span", he, [
+              i(t(o.relatedValueToFill), 1),
+              l[2] || (l[2] = n("br", null, null, -1))
+            ])) : F("", !0),
+            i(t(o.valueToFill), 1)
+          ]),
+          a(V, {
+            ref_key: "buttonFill",
+            ref: p,
+            tabindex: "-1",
+            "aria-label": o.buttonAriaLabel,
+            variant: "secondary",
+            onClick: l[0] || (l[0] = P((u) => d.$emit("fill-input", o.valueToFill), ["prevent"])),
+            onFocusout: l[1] || (l[1] = (u) => d.$emit("hide-modal"))
+          }, {
+            default: r(() => [
+              i(t(d.$t("autocompletion-mdp.button.label")), 1)
+            ]),
+            _: 1
+          }, 8, ["aria-label"])
+        ])
+      ])) : F("", !0)
+    ], 64));
+  }
+}), _e = ".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}}", S = /* @__PURE__ */ R(we, [["styles", [_e]], ["__scopeId", "data-v-2dd3430d"]]), ye = { class: "wrapper" }, xe = ["aria-level"], ke = ["src"], $e = { class: "wrapper__input" }, Fe = { class: "wrapper__input" }, Me = /* @__PURE__ */ C({
+  __name: "AutocompletionMdp.ce",
+  props: {
+    titleLevel: { type: Number }
+  },
+  setup(o, { expose: s }) {
+    le();
+    function p() {
+      l.value = "", u.value = "", y.value = !1, c.value = !1, m.value = !1, h.value = !1;
+    }
+    const d = b("success-modal"), l = f(""), u = f(""), y = f(!1), c = f(!1), m = f(!1), h = f(!1), E = b("emailInput"), A = b("passwordInput"), x = b("fillEmailModal"), k = b("fillPasswordModal"), H = Y(() => !(l.value && u.value));
+    async function q() {
+      y.value = !0, await M(), d.value.dialogElement.focus();
+    }
+    function D() {
+      l.value || (c.value = !0, m.value = !1);
+    }
+    function G() {
+      u.value || (c.value = !1, m.value = !0);
+    }
+    function I(e) {
+      e?.relatedTarget !== x?.value?.buttonFill?.buttonElement && (c.value = !1);
+    }
+    function T(e) {
+      e?.relatedTarget !== k?.value?.buttonFill?.buttonElement && (m.value = !1);
+    }
+    async function K(e) {
+      l.value = e, await M(), c.value = !1, E.value.inputField.focus();
+    }
+    async function O(e) {
+      u.value = e, await M(), m.value = !1, A.value.inputField.focus();
+    }
+    function Z() {
+      x?.value?.buttonFill?.buttonElement.focus();
+    }
+    function Q() {
+      k?.value?.buttonFill?.buttonElement.focus();
+    }
+    function j() {
+      h.value = !h.value;
+    }
+    return s({
+      reset: p
+    }), (e, w) => (v(), g("div", ye, [
+      n("div", {
+        "aria-level": o.titleLevel ?? 2,
+        class: "title",
+        role: "heading"
+      }, [
+        a(N, { "background-color": "#2c75ff" }, {
+          default: r(() => [
+            n("img", {
+              src: X(pe),
+              alt: ""
+            }, null, 8, ke)
+          ]),
+          _: 1
+        }),
+        i(" " + t(e.$t("autocompletion-mdp.title")), 1)
+      ], 8, xe),
+      n("form", null, [
+        n("div", $e, [
+          a(B, {
+            ref_key: "emailInput",
+            ref: E,
+            modelValue: l.value,
+            "onUpdate:modelValue": w[0] || (w[0] = ($) => l.value = $),
+            label: e.$t("autocompletion-mdp.label-email"),
+            readonly: !0,
+            placeholder: e.$t("autocompletion-mdp.vault.placeholder"),
+            type: "text",
+            onFocusin: D,
+            onFocusout: I,
+            onKeydown: z(Z, ["down"])
+          }, null, 8, ["modelValue", "label", "placeholder"]),
+          a(S, {
+            ref_key: "fillEmailModal",
+            ref: x,
+            "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: I
+          }, null, 8, ["display-modal", "saved-url", "value-to-fill", "button-aria-label"])
+        ]),
+        n("div", Fe, [
+          a(B, {
+            ref_key: "passwordInput",
+            ref: A,
+            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: T,
+            onKeydown: z(Q, ["down"])
+          }, null, 8, ["modelValue", "label"]),
+          a(S, {
+            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: T
+          }, 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(() => [
+            i(t(e.$t("autocompletion-mdp.connect")), 1)
+          ]),
+          _: 1
+        }, 8, ["is-disabled"])
+      ]),
+      n("a", {
+        class: "forgot-link",
+        href: "#",
+        onClick: P(j, ["prevent"])
+      }, t(e.$t("autocompletion-mdp.forgot")), 1),
+      a(L, {
+        ref: "success-modal",
+        content: e.$t("autocompletion-mdp.feedback.content"),
+        loop: !1,
+        show: y.value,
+        title: e.$t("autocompletion-mdp.feedback.title")
+      }, null, 8, ["content", "show", "title"]),
+      a(ce, {
+        show: h.value,
+        onClose: j
+      }, null, 8, ["show"])
+    ]));
+  }
+}), Ce = "*{--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}", Ve = ".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}", Ee = /* @__PURE__ */ R(Me, [["styles", [Ce, Ve]], ["__scopeId", "data-v-b47b4dfe"]]);
+_.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": te, "./locales/es.json": ae, "./locales/fr.json": ne, "./locales/it.json": ie }));
+_.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "../common/poi-design-system/unavailable-feature/locales/de-AT.json": se, "../common/poi-design-system/unavailable-feature/locales/es.json": de, "../common/poi-design-system/unavailable-feature/locales/fr.json": ue, "../common/poi-design-system/unavailable-feature/locales/it.json": re }));
+const U = ee(Ee, {
+  configureApp(o) {
+    _.changeLanguage(document?.documentElement?.lang || navigator.language), o.use(_);
+  }
+});
+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-DROOAHrz.js";
-import { B as o } from "../Button.ce-DNrjLa1r.js";
+import { d as t } from "../_plugin-vue_export-helper-CD1RUA2y.js";
+import { B as o } from "../Button.ce-Ccv3OLk2.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 T, o as d, c as p, F as U, D as v, E as r, a as e, x as a, A as _, l as C, U as D, _ as z, v as E, H as j, Q as x, f as K, r as l, d as H } from "../_plugin-vue_export-helper-DROOAHrz.js";
-import { a as Q, i as N, b as G } from "../i18n-BVfGnSnP.js";
+import { b as V, K as R, o as d, c as p, F as U, C as v, D as r, a as e, x as a, E 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-CD1RUA2y.js";
+import { a as G, i as N, b as Q } from "../i18n-C-1Ne5JG.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é" }
@@ -20,7 +20,7 @@ const X = {}, Z = {}, ee = {}, te = {}, ae = {}, le = {
   },
   setup(t) {
     return (o, n) => {
-      const i = T("i18next");
+      const i = R("i18next");
       return d(), p(U, null, [
         v(D, { name: "fade-perso" }, {
           default: r(() => [
@@ -117,22 +117,22 @@ const X = {}, Z = {}, ee = {}, te = {}, ae = {}, le = {
   setup(t, { expose: o }) {
     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, $.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;
+      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, F.value = 0, g.value = 0, A.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), A = l(0), g = l(0), F = l(0), L = l(0);
+    }, u = l({}), m = l({}), k = l(0), F = l(0), g = l(0), A = l(0), L = l(0);
     function P() {
-      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);
+      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);
     }
     function M() {
-      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();
+      g.value = u.value.energyByWeek * 52 * 1e6 / 1e3, A.value = u.value.co2ByWeek * 52 * 1e6 / 1e6, L.value = Math.round(g.value / 2300), $.value = g.value / 0.8, B.value = A.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;
     }
-    function R() {
+    function T() {
       M(), y.value = !0;
     }
     function W() {
@@ -179,16 +179,16 @@ const X = {}, Z = {}, ee = {}, te = {}, ae = {}, le = {
       }, "📌 " + a(s.$t("calcul-impact.seePersonalImpact")), 1)),
       c.value && !y.value ? (d(), p("button", {
         key: 2,
-        onClick: R
+        onClick: T
       }, "🌍 " + a(s.$t("calcul-impact.seeCollectiveImpact")), 1)) : C("", !0),
       e("p", $e, "📝 " + a(s.$t("calcul-impact.legals")), 1)
     ]));
   }
-}), 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"]]);
-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(Fe, {
+}), 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(Be, [["styles", [Fe]], ["__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(Ae, {
   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,7 +1,7 @@
-import { b as g, o as r, c as u, t as p, q as E, A as L, x as s, _, R as C, a as t, F as R, e as D, 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-DROOAHrz.js";
-import { u as F, a as P, i as k, b as W } from "../i18n-BVfGnSnP.js";
+import { b as g, o as r, c as u, t as p, q as E, E as L, x as s, _, N as C, a as t, F as D, e as R, v as T, C as h, y as V, X as Z, D as O, r as y, g as w, f, l as $, d as z } from "../_plugin-vue_export-helper-CD1RUA2y.js";
+import { u as F, a as P, i as k, b as W } from "../i18n-C-1Ne5JG.js";
 import { b as G } from "../normalize-props-DH0oPBss.js";
-import { R as H } from "../Retry-CGkQcck5.js";
+import { R as H } from "../Retry-DLOo5neI.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({
@@ -45,7 +45,7 @@ const K = {}, X = {}, J = {}, 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], A = /* @__PURE__ */ new Set([
+    })), x = w(() => Number.isInteger(n.value)), q = [800, 8e3, 14e3, 25e3, 9e4, 15e4], M = /* @__PURE__ */ new Set([
       // Valeurs de base
       10,
       20,
@@ -78,19 +78,19 @@ const K = {}, X = {}, J = {}, Y = {}, aa = {}, ea = {
       75e3,
       1e5,
       125e3
-    ]), b = Array.from(A).sort((o, v) => o - v), M = w(() => {
+    ]), b = Array.from(M).sort((o, v) => o - v), Q = w(() => {
       const o = b.indexOf(e.value);
       return Math.max(0, o);
-    }), Q = (o) => {
+    }), S = (o) => {
       const v = o.target;
       e.value = b[Number(v.value)];
-    }, S = (o) => {
+    }, U = (o) => {
       if (i.value) {
         o.preventDefault();
         return;
       }
-    }, U = () => {
-      if (h.value) {
+    }, j = () => {
+      if (x.value) {
         if (l.value !== "initial") {
           I();
           return;
@@ -98,7 +98,7 @@ const K = {}, X = {}, J = {}, 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 j(o) {
+    function A(o) {
       if (i.value) {
         o.preventDefault();
         return;
@@ -111,7 +111,7 @@ const K = {}, X = {}, J = {}, Y = {}, aa = {}, ea = {
     return (o, v) => (r(), u("div", oa, [
       t("fieldset", ra, [
         t("legend", sa, s(o.$t("capacity-calculation.in.aiQuestion")), 1),
-        (r(!0), u(R, null, D(o.$t("capacity-calculation.in.aiOptions", { returnObjects: !0 }), (B, m) => (r(), u("div", { key: m }, [
+        (r(!0), u(D, null, R(o.$t("capacity-calculation.in.aiOptions", { returnObjects: !0 }), (B, m) => (r(), u("div", { key: m }, [
           t("label", {
             class: p(["capacity-calculation__ai-option", { "capacity-calculation__ai-option--active": n.value === m, disabled: i.value }])
           }, [
@@ -120,7 +120,7 @@ const K = {}, X = {}, J = {}, Y = {}, aa = {}, ea = {
               "aria-disabled": i.value,
               name: "ai-answer",
               value: m,
-              onClick: j,
+              onClick: A,
               checked: n.value === m
             }, null, 8, ua),
             L(" " + s(B), 1)
@@ -136,25 +136,25 @@ const K = {}, X = {}, J = {}, Y = {}, aa = {}, ea = {
             name: "nbUser",
             min: 0,
             max: T(b).length - 1,
-            value: M.value,
-            onChange: Q,
-            onKeydown: S,
+            value: Q.value,
+            onChange: S,
+            onKeydown: U,
             "aria-disabled": i.value,
             class: "capacity-calculation__range"
           }, null, 40, va),
           t("label", ma, s(e.value.toLocaleString()), 1)
         ])
       ]),
-      x(ia, {
-        onClick: V(U, ["prevent"]),
-        "aria-disabled": !h.value,
+      h(ia, {
+        onClick: V(j, ["prevent"]),
+        "aria-disabled": !x.value,
         label: d.value.label,
         state: d.value.state
       }, Z({ _: 2 }, [
         l.value !== "initial" ? {
           name: "icon",
           fn: O(() => [
-            x(H)
+            h(H)
           ]),
           key: "0"
         } : void 0
@@ -166,7 +166,8 @@ const K = {}, X = {}, J = {}, Y = {}, aa = {}, ea = {
   height: "43",
   viewBox: "0 0 43 43",
   fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
+  xmlns: "http://www.w3.org/2000/svg",
+  "aria-hidden": "true"
 };
 function wa(a, c) {
   return r(), u("svg", Ca, [...c[0] || (c[0] = [
@@ -176,12 +177,13 @@ function wa(a, c) {
     }, null, -1)
   ])]);
 }
-const xa = /* @__PURE__ */ _(ba, [["render", wa]]), ha = {}, ka = {
+const ha = /* @__PURE__ */ _(ba, [["render", wa]]), xa = {}, ka = {
   width: "43",
   height: "43",
   viewBox: "0 0 43 43",
   fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
+  xmlns: "http://www.w3.org/2000/svg",
+  "aria-hidden": "true"
 };
 function La(a, c) {
   return r(), u("svg", ka, [...c[0] || (c[0] = [
@@ -191,14 +193,15 @@ function La(a, c) {
     }, null, -1)
   ])]);
 }
-const $a = /* @__PURE__ */ _(ha, [["render", La]]), Na = {}, qa = {
+const $a = /* @__PURE__ */ _(xa, [["render", La]]), Na = {}, qa = {
   width: "43",
   height: "43",
   viewBox: "0 0 43 43",
   fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
+  xmlns: "http://www.w3.org/2000/svg",
+  "aria-hidden": "true"
 };
-function Aa(a, c) {
+function Ma(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 +209,7 @@ function Aa(a, c) {
     }, null, -1)
   ])]);
 }
-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" }, Ra = { class: "capacity-calculation__card" }, Da = { class: "capacity-calculation__text capacity-calculation__text--strong" }, Ta = { class: "capacity-calculation__text" }, Va = /* @__PURE__ */ g({
+const Qa = /* @__PURE__ */ _(Na, [["render", Ma]]), Sa = ["aria-level"], Ua = { 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({
   __name: "Answers.ce",
   props: {
     currentLevel: { type: String },
@@ -222,10 +225,10 @@ const Ma = /* @__PURE__ */ _(Na, [["render", Aa]]), Qa = ["aria-level"], Sa = {
         role: "heading",
         "aria-level": a.titleLevel,
         class: "capacity-calculation__title"
-      }, s(c.$t("capacity-calculation.out.title")), 9, Qa),
-      t("div", Sa, [
-        t("p", Ua, s(c.$t("capacity-calculation.out.capacity.label")), 1),
-        t("div", ja, [
+      }, s(c.$t("capacity-calculation.out.title")), 9, Sa),
+      t("div", Ua, [
+        t("p", ja, s(c.$t("capacity-calculation.out.capacity.label")), 1),
+        t("div", Aa, [
           t("img", {
             src: a.capacityImage,
             alt: ""
@@ -233,10 +236,10 @@ const Ma = /* @__PURE__ */ _(Na, [["render", Aa]]), Qa = ["aria-level"], Sa = {
           a.currentLevel.startsWith("normal_") ? (r(), f($a, {
             key: 0,
             class: "capacity-calculation__img--status"
-          })) : a.currentLevel === "warning" ? (r(), f(Ma, {
+          })) : a.currentLevel === "warning" ? (r(), f(Qa, {
             key: 1,
             class: "capacity-calculation__img--status"
-          })) : a.currentLevel === "error" ? (r(), f(xa, {
+          })) : a.currentLevel === "error" ? (r(), f(ha, {
             key: 2,
             class: "capacity-calculation__img--status"
           })) : $("", !0)
@@ -244,8 +247,8 @@ const Ma = /* @__PURE__ */ _(Na, [["render", Aa]]), Qa = ["aria-level"], Sa = {
         t("p", Ba, s(c.$t(`capacity-calculation.out.capacity.${a.currentLevel}`)), 1)
       ]),
       t("div", Ea, [
-        t("div", Ra, [
-          t("p", Da, s(c.$t("capacity-calculation.out.consumption.label")), 1),
+        t("div", Da, [
+          t("p", Ra, s(c.$t("capacity-calculation.out.consumption.label")), 1),
           t("div", {
             class: p(["capacity-calculation__progress-bar", a.currentLevel])
           }, null, 2),
@@ -267,7 +270,7 @@ const Ma = /* @__PURE__ */ _(Na, [["render", Aa]]), Qa = ["aria-level"], Sa = {
     const c = y(void 0), n = y(10), e = y("initial");
     return (l, i) => (r(), u("div", za, [
       t("div", Fa, [
-        x(ga, {
+        h(ga, {
           "selected-ai-question": c.value,
           "onUpdate:selectedAiQuestion": i[0] || (i[0] = (d) => c.value = d),
           "selected-nb-user": n.value,

package/dist/components/clickable-image.ce.js.js

@@ -1,6 +1,6 @@
-import { b as R, h as E, k as O, G as W, o as d, c as p, a as C, m as _, F as D, e as L, y as V, B as y, v as j, t as G, l as H, H as T, I as U, x as X, r as b, g as v, _ as Y, d as q } from "../_plugin-vue_export-helper-DROOAHrz.js";
+import { b as B, h as E, k as O, G as W, o as d, c as p, a as C, m as _, F as D, e as L, y as V, A as y, v as j, t as G, l as H, H as T, I as U, x as X, r as b, g as v, _ as Y, d as q } from "../_plugin-vue_export-helper-CD1RUA2y.js";
 import { a as J, b as S } from "../normalize-props-DH0oPBss.js";
-const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "aria-label"], m = 10, Z = /* @__PURE__ */ R({
+const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "aria-label"], m = 10, Z = /* @__PURE__ */ B({
   __name: "ClickableImage.ce",
   props: {
     image: { type: Object },
@@ -18,10 +18,10 @@ const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "
     });
     const I = a.areas.some(({ spot: e }) => !!e), $ = v(() => a.areas.map((e) => ({
       ...e,
-      coords: M(e.coords),
-      spot: A(e.spot)
+      coords: A(e.coords),
+      spot: M(e.spot)
     })));
-    function M(e) {
+    function A(e) {
       return {
         x1: e.x1 * r.value,
         y1: e.y1 * r.value,
@@ -29,7 +29,7 @@ const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "
         y2: e.y2 * r.value
       };
     }
-    function A({ x: e = 0, y: t = 0 } = {}) {
+    function M({ x: e = 0, y: t = 0 } = {}) {
       return {
         x: e * r.value,
         y: t * r.value
@@ -52,7 +52,7 @@ const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "
     const x = v(() => u.value ?? f.value), c = v(() => {
       if (x.value !== void 0)
         return $.value[x.value];
-    }), B = v(() => {
+    }), N = v(() => {
       if (!c.value) return {};
       const { tooltipPosition: e, coords: { x1: t, y1: o, x2: n, y2: s } } = c.value;
       switch (e) {
@@ -82,10 +82,10 @@ const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "
           };
       }
     });
-    function N() {
+    function R() {
       u.value = void 0;
     }
-    return i({ reset: N }), (e, t) => (d(), p("div", K, [
+    return i({ reset: R }), (e, t) => (d(), p("div", K, [
       C("img", _(a.image, {
         ref: "image",
         onLoad: t[0] || (t[0] = (o) => h()),
@@ -120,7 +120,7 @@ const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "
       T(C("p", {
         class: "tooltip",
         "aria-hidden": "true",
-        style: y(B.value)
+        style: y(N.value)
       }, X(c.value?.info), 5), [
         [U, c.value]
       ])