@1024pix/epreuves-components 4.0.0 → 4.0.2

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

@@ -1,9 +1,9 @@
-import { b as V, i as Q, j as Z, g as o, w as U, f as S, o as a, K as s, q as W, n as X, N as z, l as L, k as M, R as Y, _ as D, r as N, S as ee, G as te, c, E as u, a as n, B as x, H as y, t as l, F as w, e as A, p as ae, d as se } from "../_plugin-vue_export-helper-D0N_62VD.js";
-import { u as ne, i as P } from "../i18n-lite-t2jNOu0C.js";
+import { b as V, i as Q, h as D, w as U, o as a, f as S, D 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, C as u, a as n, E 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-VRfPs3B6.js";
+import { u as ne, i as P } from "../i18n-lite-CZIis7T7.js";
 import { b as le } from "../normalize-props-DH0oPBss.js";
-import { _ as oe, a as ie, F as re } from "../Cross.ce.vue_vue_type_script_setup_true_lang-CVBFTfq5.js";
-import { S as ce } from "../Stepper.ce-B1yDelzC.js";
-import { l as de } from "../index-BpqxFmwz.js";
+import { _ as oe, a as ie, F as re } from "../Cross.ce.vue_vue_type_script_setup_true_lang-BZa1HfxH.js";
+import { S as ce } from "../Stepper.ce-DwjG4jda.js";
+import { l as de } from "../index-DgWpXIzq.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({
@@ -13,7 +13,7 @@ const ue = {}, pe = {}, me = {}, he = {}, fe = {}, _e = {
     path: { type: String }
   },
   setup(t) {
-    const { selectedPath: f, correct: $, paths: b, pathToIndex: _ } = Q("store"), p = Z("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: _ } = 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);
     function O() {
       f.value = t.path;
     }
@@ -48,7 +48,7 @@ const ue = {}, pe = {}, me = {}, he = {}, fe = {}, _e = {
       _: 3
     }, 40, ["class", "aria-selected", "tabindex"]));
   }
-}), xe = ".mail-element{background-color:transparent;border:1px solid #cdd1d9;border-radius:4px;cursor:pointer;font-weight:inherit;padding:0 2px}.mail-element--correct{background-color:#54c590}.mail-element--incorrect{background-color:#e4766f}", j = /* @__PURE__ */ D(Ce, [["styles", [xe]]]), ke = {
+}), xe = ".mail-element{background-color:transparent;border:1px solid #cdd1d9;border-radius:4px;cursor:pointer;font-weight:inherit;padding:0 2px}.mail-element--correct{background-color:#54c590}.mail-element--incorrect{background-color:#e4766f}", j = /* @__PURE__ */ Z(Ce, [["styles", [xe]]]), ke = {
   class: "mail",
   role: "listbox"
 }, we = ["arial-level"], je = { class: "sr-only" }, $e = { class: "mail-header" }, Oe = ["src"], Se = { class: "mail-header__content" }, Me = { class: "sr-only" }, Ee = { class: "mail-header__from-name" }, Te = { class: "mail-header__from-address" }, ze = { class: "mail-header__to" }, Le = { class: "sr-only" }, Pe = ["src"], Be = {
@@ -67,7 +67,7 @@ const ue = {}, pe = {}, me = {}, he = {}, fe = {}, _e = {
     mails: { type: Array }
   },
   setup(t, { expose: f }) {
-    const $ = ee(t, ["mails"]), { t: b } = ne(), _ = N(0), p = N(), m = Z("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(), _ = 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(
       () => d.value.body.map((e, r) => {
         if (e.type === "paragraph")
           return {
@@ -110,7 +110,7 @@ const ue = {}, pe = {}, me = {}, he = {}, fe = {}, _e = {
     return f({
       reset: q
     }), (e, r) => {
-      const k = te("i18n");
+      const k = ee("i18n");
       return a(), c("div", {
         class: "analyse-mails-phishing",
         tabindex: "-1",
@@ -191,13 +191,13 @@ const ue = {}, pe = {}, me = {}, he = {}, fe = {}, _e = {
               ])
             ])
           ]),
-          (a(!0), c(w, null, A(C.value, (h, G) => (a(), c(w, { key: G }, [
+          (a(!0), c(w, null, N(C.value, (h, I) => (a(), c(w, { key: I }, [
             h.type === "paragraph" ? (a(), c("p", Be, [
-              (a(!0), c(w, null, A(h.content, ({ path: I, text: J }, F) => (a(), c(w, { key: F }, [
+              (a(!0), c(w, null, N(h.content, ({ path: G, text: J }, F) => (a(), c(w, { key: F }, [
                 F !== 0 ? (a(), c(w, { key: 0 }, [
                   y(l(" "))
                 ], 64)) : x("", !0),
-                u(j, { path: I }, {
+                u(j, { path: G }, {
                   default: s(() => [
                     y(l(J), 1)
                   ]),
@@ -244,10 +244,10 @@ 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}", Ze = /* @__PURE__ */ D(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(Ae, [["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(Ze, {
+const R = se(De, {
   configureApp(t) {
     P.changeLanguage(document?.documentElement?.lang || navigator.language), t.use(P);
   }

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

@@ -1,5 +1,5 @@
-import { b as V, G as R, c as p, o as d, F as K, E as v, K as r, B as C, a as e, t as a, H as _, T as D, _ as z, r as l, A as E, f as U, k as j, Q as N, d as G } from "../_plugin-vue_export-helper-D0N_62VD.js";
-import { a as H, i as x, b as Q } from "../i18n-ekiZvzf6.js";
+import { b as V, K as R, o as d, c as p, F as K, C as v, D as r, a as e, x as a, E 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-VRfPs3B6.js";
+import { a as Q, i as N, b as G } from "../i18n-C-9bWDxP.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é" }
@@ -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, 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), B.value = g.value / 0.8, $.value = F.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, 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;
@@ -144,32 +144,32 @@ const X = {}, Z = {}, ee = {}, te = {}, ae = {}, le = {
       e("div", {
         class: "title",
         role: "heading",
-        "arial-level": j(i)
+        "arial-level": E(i)
       }, "📊 " + a(s.$t("calcul-impact.title")), 9, ke),
       e("p", null, a(s.$t("calcul-impact.subtitle")), 1),
       e("label", Ie, "🤖 " + a(s.$t("calcul-impact.numberOfConversationLabel")), 1),
-      E(e("input", {
+      j(e("input", {
         onChange: W,
         type: "number",
         id: "numberOfConversation",
         "onUpdate:modelValue": I[0] || (I[0] = (O) => b.value = O)
       }, null, 544), [
-        [N, b.value]
+        [x, b.value]
       ]),
       e("label", we, "🖼️ " + a(s.$t("calcul-impact.numberOfImagesLabel")), 1),
-      E(e("input", {
+      j(e("input", {
         onChange: W,
         type: "number",
         id: "numberOfImage",
         "onUpdate:modelValue": I[1] || (I[1] = (O) => f.value = O)
       }, null, 544), [
-        [N, f.value]
+        [x, f.value]
       ]),
       c.value ? (d(), U(Ce, {
         key: 0,
         "is-collective": y.value,
         "is-personal": c.value,
-        "title-level": j(i),
+        "title-level": E(i),
         "by-week-for-one": u.value,
         "by-year-for-a-million": m.value
       }, null, 8, ["is-collective", "is-personal", "title-level", "by-week-for-one", "by-year-for-a-million"])) : C("", !0),
@@ -181,15 +181,15 @@ 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)
     ]));
   }
-}), 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($e, [["styles", [Ae]], ["__scopeId", "data-v-7fbb31b5"]]);
-H(/* @__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 = G(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"]]);
+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, {
   configureApp(t) {
-    x.changeLanguage(document?.documentElement?.lang || navigator.language), t.use(Q, {
-      i18next: x,
+    N.changeLanguage(document?.documentElement?.lang || navigator.language), t.use(G, {
+      i18next: N,
       slotStart: "{{",
       slotEnd: "}}"
     });

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

@@ -1,7 +1,7 @@
-import { b, c as s, o as n, n as v, q as V, H as N, t as o, _ as p, U as R, V as w, r as g, g as h, a as t, E as x, F as T, e as Z, k as D, l as O, W as F, K as P, f, B as q, d as W } from "../_plugin-vue_export-helper-D0N_62VD.js";
-import { u as H, a as K, i as $, b as G } from "../i18n-ekiZvzf6.js";
+import { b, o as n, c as s, t as v, q as V, E as N, x as o, _ as p, U as w, a as t, F as D, e as R, v as T, C as x, y as Z, W as O, D as F, V as P, r as g, g as h, f, l as q, d as W } from "../_plugin-vue_export-helper-VRfPs3B6.js";
+import { u as G, a as H, i as $, b as K } from "../i18n-C-9bWDxP.js";
 import { b as J } from "../normalize-props-DH0oPBss.js";
-import { R as X } from "../Retry-BZf7NJz9.js";
+import { R as X } from "../Retry-vIN7ZGdK.js";
 const Y = {}, aa = {}, ea = {}, ta = {}, ca = {}, la = {
   "capacity-calculation": { title: "L’impact des requêtes à l’IA générative", in: { title: "Choisissez le type et le nombre de requêtes, puis observez ce qui se passe.", 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" } } }
 }, ia = {}, na = {}, oa = /* @__PURE__ */ b({
@@ -23,7 +23,7 @@ const Y = {}, aa = {}, ea = {}, ta = {}, ca = {}, la = {
   class: "capacity-calculation__range-label"
 }, ba = /* @__PURE__ */ b({
   __name: "Questions.ce",
-  props: /* @__PURE__ */ R({
+  props: /* @__PURE__ */ P({
     titleLevel: { type: Number }
   }, {
     selectedAiQuestion: {
@@ -44,7 +44,7 @@ const Y = {}, aa = {}, ea = {}, ta = {}, ca = {}, la = {
   }),
   emits: ["update:selectedAiQuestion", "update:selectedNbUser", "update:currentLevel"],
   setup(a) {
-    const l = a, { t: u } = H(), d = l.titleLevel + 1, r = w(a, "selectedAiQuestion"), e = w(a, "selectedNbUser"), c = w(a, "currentLevel"), _ = g(!1), L = h(() => ({
+    const l = a, { t: u } = G(), d = l.titleLevel + 1, r = w(a, "selectedAiQuestion"), e = w(a, "selectedNbUser"), c = w(a, "currentLevel"), _ = g(!1), L = h(() => ({
       state: c.value === "initial" ? "primary" : "warning",
       label: u(`capacity-calculation.in.buttonLabel.${c.value === "initial" ? "primary" : "warning"}`)
     })), k = h(() => Number.isInteger(r.value)), U = [800, 8e3, 14e3, 25e3, 9e4, 15e4], A = /* @__PURE__ */ new Set([
@@ -118,7 +118,7 @@ const Y = {}, aa = {}, ea = {}, ta = {}, ca = {}, la = {
       }, o(i.$t("capacity-calculation.in.title")), 1),
       t("fieldset", da, [
         t("legend", _a, o(i.$t("capacity-calculation.in.aiQuestion")), 1),
-        (n(!0), s(T, null, Z(i.$t("capacity-calculation.in.aiOptions", { returnObjects: !0 }), (z, y) => (n(), s("div", { key: y }, [
+        (n(!0), s(D, null, R(i.$t("capacity-calculation.in.aiOptions", { returnObjects: !0 }), (z, y) => (n(), s("div", { key: y }, [
           t("label", {
             class: v(["capacity-calculation__ai-option", { "capacity-calculation__ai-option--active": r.value === y, disabled: _.value }])
           }, [
@@ -142,7 +142,7 @@ const Y = {}, aa = {}, ea = {}, ta = {}, ca = {}, la = {
             id: "nbUser",
             name: "nbUser",
             min: 0,
-            max: D(C).length - 1,
+            max: T(C).length - 1,
             value: Q.value,
             onChange: S,
             onKeydown: j,
@@ -153,14 +153,14 @@ const Y = {}, aa = {}, ea = {}, ta = {}, ca = {}, la = {
         ])
       ]),
       x(sa, {
-        onClick: O(I, ["prevent"]),
+        onClick: Z(I, ["prevent"]),
         "aria-disabled": !k.value,
         label: L.value.label,
         state: L.value.state
-      }, F({ _: 2 }, [
+      }, O({ _: 2 }, [
         c.value !== "initial" ? {
           name: "icon",
-          fn: P(() => [
+          fn: F(() => [
             x(X)
           ]),
           key: "0"
@@ -213,7 +213,7 @@ function Qa(a, l) {
     }, null, -1)
   ])]);
 }
-const Sa = /* @__PURE__ */ p(Ua, [["render", Qa]]), ja = ["aria-level"], Ia = { class: "capacity-calculation__card" }, Ba = { class: "capacity-calculation__text capacity-calculation__text--strong" }, Ea = { class: "capacity-calculation__img" }, za = ["src"], Va = { class: "capacity-calculation__text" }, Ra = { class: "capacity-calculation__answers" }, Ta = { class: "capacity-calculation__card" }, Za = { class: "capacity-calculation__text capacity-calculation__text--strong" }, Da = { class: "capacity-calculation__text" }, Oa = /* @__PURE__ */ b({
+const Sa = /* @__PURE__ */ p(Ua, [["render", Qa]]), ja = ["aria-level"], Ia = { class: "capacity-calculation__card" }, Ba = { class: "capacity-calculation__text capacity-calculation__text--strong" }, Ea = { class: "capacity-calculation__img" }, za = ["src"], Va = { class: "capacity-calculation__text" }, Da = { class: "capacity-calculation__answers" }, Ra = { class: "capacity-calculation__card" }, Ta = { class: "capacity-calculation__text capacity-calculation__text--strong" }, Za = { class: "capacity-calculation__text" }, Oa = /* @__PURE__ */ b({
   __name: "Answers.ce",
   props: {
     currentLevel: { type: String },
@@ -250,21 +250,21 @@ const Sa = /* @__PURE__ */ p(Ua, [["render", Qa]]), ja = ["aria-level"], Ia = {
         ]),
         t("p", Va, o(l.$t(`capacity-calculation.out.capacity.${a.currentLevel}`)), 1)
       ]),
-      t("div", Ra, [
-        t("div", Ta, [
-          t("p", Za, o(l.$t("capacity-calculation.out.consumption.label")), 1),
+      t("div", Da, [
+        t("div", Ra, [
+          t("p", Ta, o(l.$t("capacity-calculation.out.consumption.label")), 1),
           t("div", {
             class: v(["capacity-calculation__progress-bar", a.currentLevel])
           }, null, 2),
-          t("p", Da, o(l.$t(`capacity-calculation.out.consumption.${a.currentLevel}`)), 1)
+          t("p", Za, o(l.$t(`capacity-calculation.out.consumption.${a.currentLevel}`)), 1)
         ])
       ])
     ], 2));
   }
-}), Fa = ".capacity-calculation__column--answers[data-v-ea19b1c6]{display:flex;gap:.3rem;border:0px}.capacity-calculation__column--answers--normal_weak[data-v-ea19b1c6],.capacity-calculation__column--answers--normal_medium[data-v-ea19b1c6]{background:#eaf1ff}.capacity-calculation__column--answers--warning[data-v-ea19b1c6]{background:#fffaeb}.capacity-calculation__column--answers--error[data-v-ea19b1c6]{background:#fbebea}.capacity-calculation__column--answers .capacity-calculation__answers[data-v-ea19b1c6]{display:flex;flex-direction:column;align-items:stretch;gap:8px;justify-content:center;margin-bottom:1rem}.capacity-calculation__column--answers .capacity-calculation__card[data-v-ea19b1c6]{border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px}.capacity-calculation__column--answers .capacity-calculation__text[data-v-ea19b1c6]{font-size:.875rem;font-weight:400;line-height:1.5rem;text-align:center;margin:0}.capacity-calculation__column--answers .capacity-calculation__text--strong[data-v-ea19b1c6]{font-weight:700;margin:0}.capacity-calculation__column--answers img[data-v-ea19b1c6]{max-width:100%}.capacity-calculation__column--answers .capacity-calculation__img[data-v-ea19b1c6]{position:relative}.capacity-calculation__column--answers .capacity-calculation__img img[data-v-ea19b1c6]{width:100px;height:100px;border-radius:24px}.capacity-calculation__column--answers .capacity-calculation__img--status[data-v-ea19b1c6]{position:absolute;top:0;right:0;transform:translate(30%,-30%)}.capacity-calculation__column--answers .capacity-calculation__progress-bar[data-v-ea19b1c6]{width:100%;height:32px;border-radius:24px;border:solid 2px #253858}.capacity-calculation__column--answers .capacity-calculation__progress-bar.normal_weak[data-v-ea19b1c6],.capacity-calculation__column--answers .capacity-calculation__progress-bar.normal_medium[data-v-ea19b1c6]{background:linear-gradient(90deg,#1f53b5 10%,#fff 36%)}.capacity-calculation__column--answers .capacity-calculation__progress-bar.warning[data-v-ea19b1c6]{background:linear-gradient(90deg,#ee6911 30%,#fff 66%)}.capacity-calculation__column--answers .capacity-calculation__progress-bar.error[data-v-ea19b1c6]{background:linear-gradient(90deg,#d24140 51%,#fff 88%)}@media(max-width:720px){.capacity-calculation__column--answers .capacity-calculation__answers[data-v-ea19b1c6]{flex-direction:row;justify-content:center;gap:16px}}", Pa = /* @__PURE__ */ p(Oa, [["styles", [Fa]], ["__scopeId", "data-v-ea19b1c6"]]), Wa = { class: "capacity-calculation" }, Ha = ["aria-level"], Ka = {
+}), Fa = ".capacity-calculation__column--answers[data-v-ea19b1c6]{display:flex;gap:.3rem;border:0px}.capacity-calculation__column--answers--normal_weak[data-v-ea19b1c6],.capacity-calculation__column--answers--normal_medium[data-v-ea19b1c6]{background:#eaf1ff}.capacity-calculation__column--answers--warning[data-v-ea19b1c6]{background:#fffaeb}.capacity-calculation__column--answers--error[data-v-ea19b1c6]{background:#fbebea}.capacity-calculation__column--answers .capacity-calculation__answers[data-v-ea19b1c6]{display:flex;flex-direction:column;align-items:stretch;gap:8px;justify-content:center;margin-bottom:1rem}.capacity-calculation__column--answers .capacity-calculation__card[data-v-ea19b1c6]{border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px}.capacity-calculation__column--answers .capacity-calculation__text[data-v-ea19b1c6]{font-size:.875rem;font-weight:400;line-height:1.5rem;text-align:center;margin:0}.capacity-calculation__column--answers .capacity-calculation__text--strong[data-v-ea19b1c6]{font-weight:700;margin:0}.capacity-calculation__column--answers img[data-v-ea19b1c6]{max-width:100%}.capacity-calculation__column--answers .capacity-calculation__img[data-v-ea19b1c6]{position:relative}.capacity-calculation__column--answers .capacity-calculation__img img[data-v-ea19b1c6]{width:100px;height:100px;border-radius:24px}.capacity-calculation__column--answers .capacity-calculation__img--status[data-v-ea19b1c6]{position:absolute;top:0;right:0;transform:translate(30%,-30%)}.capacity-calculation__column--answers .capacity-calculation__progress-bar[data-v-ea19b1c6]{width:100%;height:32px;border-radius:24px;border:solid 2px #253858}.capacity-calculation__column--answers .capacity-calculation__progress-bar.normal_weak[data-v-ea19b1c6],.capacity-calculation__column--answers .capacity-calculation__progress-bar.normal_medium[data-v-ea19b1c6]{background:linear-gradient(90deg,#1f53b5 10%,#fff 36%)}.capacity-calculation__column--answers .capacity-calculation__progress-bar.warning[data-v-ea19b1c6]{background:linear-gradient(90deg,#ee6911 30%,#fff 66%)}.capacity-calculation__column--answers .capacity-calculation__progress-bar.error[data-v-ea19b1c6]{background:linear-gradient(90deg,#d24140 51%,#fff 88%)}@media(max-width:720px){.capacity-calculation__column--answers .capacity-calculation__answers[data-v-ea19b1c6]{flex-direction:row;justify-content:center;gap:16px}}", Pa = /* @__PURE__ */ p(Oa, [["styles", [Fa]], ["__scopeId", "data-v-ea19b1c6"]]), Wa = { class: "capacity-calculation" }, Ga = ["aria-level"], Ha = {
   class: "capacity-calculation__grid",
   "aria-live": "polite"
-}, Ga = /* @__PURE__ */ b({
+}, Ka = /* @__PURE__ */ b({
   __name: "CapacityCalculation.ce",
   props: {
     titleLevel: { default: 2, type: Number },
@@ -277,8 +277,8 @@ const Sa = /* @__PURE__ */ p(Ua, [["render", Qa]]), ja = ["aria-level"], Ia = {
         role: "heading",
         "aria-level": a.titleLevel,
         class: "capacity-calculation__title"
-      }, o(r.$t("capacity-calculation.title")), 9, Ha),
-      t("div", Ka, [
+      }, o(r.$t("capacity-calculation.title")), 9, Ga),
+      t("div", Ha, [
         x(wa, {
           "title-level": a.titleLevel,
           "selected-ai-question": l.value,
@@ -299,11 +299,11 @@ const Sa = /* @__PURE__ */ p(Ua, [["render", Qa]]), ja = ["aria-level"], Ia = {
       ])
     ]));
   }
-}), Ja = ".capacity-calculation__title,.capacity-calculation__subtitle{color:#122647;font-family:Nunito,serif;font-weight:700;text-align:center}.capacity-calculation__title{font-size:1.75rem;line-height:2.25rem;margin-bottom:1rem}.capacity-calculation__subtitle{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}}", Xa = /* @__PURE__ */ p(Ga, [["styles", [Ja]]]);
-K(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": Y, "./locales/en.json": aa, "./locales/es-419.json": ea, "./locales/es.json": ta, "./locales/fr-BE.json": ca, "./locales/fr.json": la, "./locales/it.json": ia, "./locales/nl.json": na })).catch((a) => console.error(a));
+}), Ja = ".capacity-calculation__title,.capacity-calculation__subtitle{color:#122647;font-family:Nunito,serif;font-weight:700;text-align:center}.capacity-calculation__title{font-size:1.75rem;line-height:2.25rem;margin-bottom:1rem}.capacity-calculation__subtitle{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}}", Xa = /* @__PURE__ */ p(Ka, [["styles", [Ja]]]);
+H(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": Y, "./locales/en.json": aa, "./locales/es-419.json": ea, "./locales/es.json": ta, "./locales/fr-BE.json": ca, "./locales/fr.json": la, "./locales/it.json": ia, "./locales/nl.json": na })).catch((a) => console.error(a));
 const M = W(Xa, {
   configureApp(a) {
-    $.changeLanguage(document?.documentElement?.lang || navigator.language), a.use(G, { i18next: $ });
+    $.changeLanguage(document?.documentElement?.lang || navigator.language), a.use(K, { i18next: $ });
   }
 });
 M.prototype.normalizeProps = (a) => ({

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

@@ -1,14 +1,14 @@
-import { b as R, j as E, r as y, y as O, z as W, g as d, c as p, o as v, a as C, A as _, m as j, F as D, e as L, l as V, s as b, B as T, k as U, n as X, C as Y, t as q, _ as G, d as H } from "../_plugin-vue_export-helper-D0N_62VD.js";
-import { b as z, a as J } from "../normalize-props-DH0oPBss.js";
-const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "aria-label"], m = 10, Z = /* @__PURE__ */ R({
+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, z 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-VRfPs3B6.js";
+import { a as J, b as z } from "../normalize-props-DH0oPBss.js";
+const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "aria-label"], m = 10, Z = /* @__PURE__ */ B({
   __name: "ClickableImage.ce",
   props: {
     image: { type: Object },
     areas: { type: Array }
   },
   setup(a, { expose: i }) {
-    const l = E("image"), r = y(1), g = new ResizeObserver(() => $());
-    function $() {
+    const l = E("image"), r = b(1), g = new ResizeObserver(() => h());
+    function h() {
       l.value.naturalWidth && (r.value = l.value.offsetWidth / l.value.naturalWidth);
     }
     O(() => {
@@ -16,12 +16,12 @@ const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "
     }), W(() => {
       g.disconnect();
     });
-    const A = a.areas.some(({ spot: e }) => !!e), h = d(() => a.areas.map((e) => ({
+    const I = a.areas.some(({ spot: e }) => !!e), $ = v(() => a.areas.map((e) => ({
       ...e,
-      coords: I(e.coords),
-      spot: M(e.spot)
+      coords: M(e.coords),
+      spot: A(e.spot)
     })));
-    function I(e) {
+    function M(e) {
       return {
         x1: e.x1 * r.value,
         y1: e.y1 * r.value,
@@ -29,30 +29,30 @@ const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "
         y2: e.y2 * r.value
       };
     }
-    function M({ x: e = 0, y: t = 0 } = {}) {
+    function A({ x: e = 0, y: t = 0 } = {}) {
       return {
         x: e * r.value,
         y: t * r.value
       };
     }
-    const f = y();
+    const f = b();
     function k(e) {
       f.value = e;
     }
     function w() {
       f.value = void 0;
     }
-    const u = y();
+    const u = b();
     function F(e) {
       u.value = e;
     }
     function P() {
       u.value = void 0;
     }
-    const x = d(() => u.value ?? f.value), c = d(() => {
+    const x = v(() => u.value ?? f.value), c = v(() => {
       if (x.value !== void 0)
-        return h.value[x.value];
-    }), B = d(() => {
+        return $.value[x.value];
+    }), N = v(() => {
       if (!c.value) return {};
       const { tooltipPosition: e, coords: { x1: t, y1: o, x2: n, y2: s } } = c.value;
       switch (e) {
@@ -82,19 +82,19 @@ const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "
           };
       }
     });
-    function N() {
+    function R() {
       u.value = void 0;
     }
-    return i({ reset: N }), (e, t) => (v(), p("div", K, [
-      C("img", j(a.image, {
+    return i({ reset: R }), (e, t) => (d(), p("div", K, [
+      C("img", _(a.image, {
         ref: "image",
-        onLoad: t[0] || (t[0] = (o) => $()),
+        onLoad: t[0] || (t[0] = (o) => h()),
         onClick: t[1] || (t[1] = (o) => P()),
         alt: ""
       }), null, 16),
-      (v(!0), p(D, null, L(h.value, (o, n) => (v(), p("button", {
+      (d(!0), p(D, null, L($.value, (o, n) => (d(), p("button", {
         key: n,
-        style: b({
+        style: y({
           "--y1": `${o.coords.y1}px`,
           "--y2": `${o.coords.y2}px`,
           "--x1": `${o.coords.x1}px`,
@@ -108,25 +108,25 @@ const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "
         onClick: V((s) => F(n), ["stop"]),
         "aria-label": o.info
       }, [
-        U(A) ? (v(), p("span", {
+        j(I) ? (d(), p("span", {
           key: 0,
-          class: X(["spot", { active: x.value === n }]),
-          style: b({
+          class: G(["spot", { active: x.value === n }]),
+          style: y({
             "--s-x": `${o.spot.x}px`,
             "--s-y": `${o.spot.y}px`
           })
-        }, null, 6)) : T("", !0)
+        }, null, 6)) : H("", !0)
       ], 44, Q))), 128)),
-      _(C("p", {
+      T(C("p", {
         class: "tooltip",
         "aria-hidden": "true",
-        style: b(B.value)
-      }, q(c.value?.info), 5), [
-        [Y, c.value]
+        style: y(N.value)
+      }, X(c.value?.info), 5), [
+        [U, c.value]
       ])
     ]));
   }
-}), ee = "*{font-family:Nunito,Roboto,sans-serif;color:var(#253858)}.container{position:relative;max-width:100%;border:1px solid #ccc}.container img{width:100%;height:auto;display:block}.container .area{cursor:pointer;position:absolute;top:var(--y1);left:var(--x1);height:calc(var(--y2) - var(--y1));width:calc(var(--x2) - var(--x1));border:none;background:transparent}.container .spot{cursor:pointer;position:absolute;width:32px;aspect-ratio:1;border:solid 4px #d9d9d9;background:#d9d9d999;border-radius:50%;top:50%;left:50%;transform:translate(calc(-50% + var(--s-x)),calc(-50% + var(--s-y)))}.container .spot.active{border-color:#6495ed}.container .tooltip{position:absolute;background-color:#000000d9;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;max-width:260px;z-index:10}", te = /* @__PURE__ */ G(Z, [["styles", [ee]]]), S = H(te);
+}), ee = "*{font-family:Nunito,Roboto,sans-serif;color:var(#253858)}.container{position:relative;max-width:100%;border:1px solid #ccc}.container img{width:100%;height:auto;display:block}.container .area{cursor:pointer;position:absolute;top:var(--y1);left:var(--x1);height:calc(var(--y2) - var(--y1));width:calc(var(--x2) - var(--x1));border:none;background:transparent}.container .spot{cursor:pointer;position:absolute;width:32px;aspect-ratio:1;border:solid 4px #d9d9d9;background:#d9d9d999;border-radius:50%;top:50%;left:50%;transform:translate(calc(-50% + var(--s-x)),calc(-50% + var(--s-y)))}.container .spot.active{border-color:#6495ed}.container .tooltip{position:absolute;background-color:#000000d9;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;max-width:260px;z-index:10}", te = /* @__PURE__ */ Y(Z, [["styles", [ee]]]), S = q(te);
 S.prototype.normalizeProps = (a) => ({
   ...a,
   image: {

package/dist/components/complete-phrase.ce.js.js

@@ -1,10 +1,10 @@
-import { b as h, c as n, o, a, t as c, s as A, _ as f, n as P, q as S, H as N, r as y, g as m, B as z, F as x, e as k, f as v, E as L, d as E } from "../_plugin-vue_export-helper-D0N_62VD.js";
-import { u as M, a as O, i as q, b as T } from "../i18n-ekiZvzf6.js";
+import { b as h, o, c as n, a, x as c, z as A, _ as f, t as C, q as S, E as z, F as y, e as x, l as N, r as k, g as m, C as L, f as v, d as E } from "../_plugin-vue_export-helper-VRfPs3B6.js";
+import { u as M, a as O, i as q, b as T } from "../i18n-C-9bWDxP.js";
 import { b as I } from "../normalize-props-DH0oPBss.js";
-import { L as B } from "../LLMMessage.ce-Dv4hVX0C.js";
-const R = {}, V = {}, D = {}, F = {}, H = {}, Q = {
+import { L as B } from "../LLMMessage.ce-m7gAgj3M.js";
+const R = {}, V = {}, D = {}, F = {}, Q = {}, W = {
   "complete-phrase": { title: "Probabilité du mot suivant", description: "Quand la barre est longue, le mot a une plus forte probabilité de convenir pour continuer cette phrase.", ariaLabelDescription: "Le mot {{name}} a une probabilité de {{percent}}%", clickHereButton: "Révéler le mot", successfullyCompletedSentence: "Cliquez sur le mot choisi par l’IA dans les propositions suivantes :", feedback: { sure: "En effet, c'est le mot le plus probable !", probably: "C’est possible ! L’IA peut aussi choisir le mot « {{word}} », qui est très probable...", notSure: "Pas sûr... L’IA choisira sans doute un mot plus probable : {{words, list(style: 'long'; type: 'disjunction';)}}." } }
-}, W = {}, U = {}, G = { class: "probability-bar" }, J = { "aria-hidden": "true" }, K = { class: "sr-only" }, X = /* @__PURE__ */ h({
+}, H = {}, U = {}, G = { class: "probability-bar" }, J = { "aria-hidden": "true" }, K = { class: "sr-only" }, X = /* @__PURE__ */ h({
   __name: "ProbabilityBar.ce",
   props: {
     name: { type: String },
@@ -33,10 +33,10 @@ const R = {}, V = {}, D = {}, F = {}, H = {}, Q = {
   },
   setup(e) {
     return (d, t) => (o(), n("button", {
-      class: P(["complete-phrase_button", e.state])
+      class: C(["complete-phrase_button", e.state])
     }, [
       S(d.$slots, "icon"),
-      N(" " + c(e.label), 1)
+      z(" " + c(e.label), 1)
     ], 2));
   }
 }), te = ".complete-phrase_button.primary{--background-color: #253858;--background-color-hover: #122647;--color: #fff;--color-hover: #fff}.complete-phrase_button.warning{--background-color: #ffcb33;--background-color-hover: #a16206;--color: #122647;--color-hover: #fff}.complete-phrase_button.primary,.complete-phrase_button.warning{align-items:center;background-color:var(--background-color);border:2px solid transparent;border-radius:8px;color:var(--color);cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:1rem;font-weight:700;justify-content:center;gap:8px;line-height:24px;margin:0 auto;outline:none;padding:8px 24px;transition:background-color ease .5s,color ease .5s;width:fit-content;white-space:nowrap}:is(.complete-phrase_button.primary,.complete-phrase_button.warning)[aria-disabled=true]{cursor:not-allowed;opacity:.5}:is(.complete-phrase_button.primary,.complete-phrase_button.warning):not([aria-disabled=true]):hover{background-color:var(--background-color-hover);color:var(--color-hover);transition:background-color ease .5s,color ease .5s}:is(.complete-phrase_button.primary,.complete-phrase_button.warning):not([aria-disabled=true]):hover svg{color:var(--color-hover);transition:color ease .5s}", oe = /* @__PURE__ */ f(ee, [["styles", [te]]]), ae = { class: "qcu" }, se = { class: "qcu__list" }, ie = ["id", "onClick", "aria-label", "checked", "disabled"], re = { for: "`choice${index}`" }, ne = {
@@ -50,14 +50,14 @@ const R = {}, V = {}, D = {}, F = {}, H = {}, Q = {
   },
   emits: ["answer"],
   setup(e, { emit: d }) {
-    const t = d, s = y(null), { t: p } = M(), _ = m(() => s.value.percent === 100 ? p("complete-phrase.feedback.sure") : s.value.percent >= 50 ? p("complete-phrase.feedback.probably", { word: e.list.find((i) => i.percent === 100).name }) : p("complete-phrase.feedback.notSure", { words: e.list.filter((i) => i.percent >= 50).map((i) => i.name) }));
+    const t = d, s = k(null), { t: p } = M(), _ = m(() => s.value.percent === 100 ? p("complete-phrase.feedback.sure") : s.value.percent >= 50 ? p("complete-phrase.feedback.probably", { word: e.list.find((i) => i.percent === 100).name }) : p("complete-phrase.feedback.notSure", { words: e.list.filter((i) => i.percent >= 50).map((i) => i.name) }));
     function g(i) {
       s.value = i, t("answer", i.name);
     }
     return (i, w) => (o(), n("div", ae, [
       a("p", null, c(e.title), 1),
       a("section", se, [
-        (o(!0), n(x, null, k(e.list, (r, l) => (o(), n("div", {
+        (o(!0), n(y, null, x(e.list, (r, l) => (o(), n("div", {
           class: "qcu__list-choice",
           key: l
         }, [
@@ -73,7 +73,7 @@ const R = {}, V = {}, D = {}, F = {}, H = {}, Q = {
           a("label", re, c(r.name), 1)
         ]))), 128))
       ]),
-      s.value ? (o(), n("section", ne, c(_.value), 1)) : z("", !0)
+      s.value ? (o(), n("section", ne, c(_.value), 1)) : N("", !0)
     ]));
   }
 }), ce = "[data-v-74566fe6]{font-family:Roboto,sans-serif;color:#122647}.qcu[data-v-74566fe6]{align-items:center;display:flex;flex-direction:column;gap:16px}.qcu p[data-v-74566fe6]{margin:0}.qcu__list[data-v-74566fe6]{display:flex;gap:16px}.qcu__list-choice[data-v-74566fe6]{position:relative}.qcu__list-choice input[data-v-74566fe6]{appearance:none;height:100%;outline:none;position:absolute;width:100%}.qcu__list-choice input:checked+label[data-v-74566fe6]{background-color:#3b82f6;color:#fff}.qcu__list-choice input[data-v-74566fe6]:hover{cursor:pointer}.qcu__list-choice input:hover+label[data-v-74566fe6]{background-color:#3b82f6;color:#fff;transition:background-color .5s ease,color .5s ease}.qcu__list-choice input:disabled+label[data-v-74566fe6],.qcu__list-choice input[data-v-74566fe6]:disabled:hover{cursor:not-allowed}.qcu__list-choice input:disabled:not(:checked)+label[data-v-74566fe6],.qcu__list-choice input:disabled:hover:not(:checked)+label[data-v-74566fe6]{background:#e6f2fe;color:#122647;cursor:not-allowed;opacity:.5;transition:none}.qcu__list-choice label[data-v-74566fe6]{align-items:center;background:#e6f2fe;border-radius:4px;color:inherit;display:flex;font-weight:700;gap:10px;justify-content:center;padding:4px 8px;transition:background-color .5s ease,color .5s ease}.qcu .feedback[data-v-74566fe6]{display:flex;padding:8px 16px;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch;border-radius:8px;background:#e6f2fe}", de = /* @__PURE__ */ f(le, [["styles", [ce]], ["__scopeId", "data-v-74566fe6"]]), pe = { class: "complete-phrase" }, ue = ["aria-level"], be = { class: "complete-phrase__description" }, me = { class: "complete-phrase__container" }, he = { class: "complete-phrase-container__conversation" }, fe = { class: "complete-phrase-container__probabilities" }, _e = ["id", "aria-hidden"], ge = /* @__PURE__ */ h({
@@ -86,7 +86,7 @@ const R = {}, V = {}, D = {}, F = {}, H = {}, Q = {
     titleLevel: { type: Number }
   },
   setup(e, { expose: d }) {
-    const t = y(0), s = y(null), p = m(() => t.value === e.listOfProbabilityBarsLists.length - 1), _ = m(() => e.listOfProbabilityBarsLists[e.listOfProbabilityBarsLists.length - 1]), g = m(() => {
+    const t = k(0), s = k(null), p = m(() => t.value === e.listOfProbabilityBarsLists.length - 1), _ = m(() => e.listOfProbabilityBarsLists[e.listOfProbabilityBarsLists.length - 1]), g = m(() => {
       const r = e.wordsToAdd[t.value] ?? s.value ?? e.listOfProbabilityBarsLists[t.value][0].name, l = ["complete-message-word"];
       return p.value && l.push(`complete-message-word--${s.value ? "visible" : "hidden"}`), `<p>
   ${e.llmMessage}
@@ -121,13 +121,13 @@ const R = {}, V = {}, D = {}, F = {}, H = {}, Q = {
           }, null, 8, ["message"])
         ]),
         a("div", fe, [
-          (o(!0), n(x, null, k(e.listOfProbabilityBarsLists, (u, b) => (o(), n("div", {
-            class: P(["probability", { hidden: b !== t.value }]),
+          (o(!0), n(y, null, x(e.listOfProbabilityBarsLists, (u, b) => (o(), n("div", {
+            class: C(["probability", { hidden: b !== t.value }]),
             key: b,
             id: `currentProbability${b}`,
             "aria-hidden": b !== t.value
           }, [
-            (o(!0), n(x, null, k(u, ($, j) => (o(), v(Z, {
+            (o(!0), n(y, null, x(u, ($, j) => (o(), v(Z, {
               name: $.name,
               percent: $.percent,
               key: j
@@ -150,14 +150,14 @@ const R = {}, V = {}, D = {}, F = {}, H = {}, Q = {
     ]));
   }
 }), ve = "*{font-family:Roboto,sans-serif;color:#122647}.complete-phrase__title{font-family:Nunito,sans-serif;font-size:1.75rem;font-weight:700;line-height:36px;text-align:center}.complete-phrase__description{text-align:center;font-size:1rem;font-weight:400;line-height:24px}.complete-phrase__container{display:grid;gap:32px;grid-template-columns:3fr 2fr;margin-bottom:24px}.complete-phrase-container__conversation{background:#fff;border:1px solid #cdd1d9;border-radius:16px;display:flex;flex-direction:column;gap:32px;padding:1rem}.complete-phrase-container__conversation .message{align-items:center}.complete-phrase-container__probabilities{display:grid}.complete-phrase-container__probabilities .probability{display:flex;flex-direction:column;gap:16px;grid-row:1;grid-column:1}.complete-phrase-container__probabilities .probability.hidden{visibility:hidden}.complete-message-word:last-child{border:none;filter:blur(4px);font-weight:600;height:auto;width:auto}.complete-message-word--visible:last-child{color:inherit;filter:none;font-weight:700}.complete-message-word--hidden:last-child{background-color:#f4f5f7;border-radius:4px;border:1px dashed #5e6c84;color:transparent;display:inline-block;filter:none;padding:2px 4px}.complete-message-word:nth-last-child(2){font-weight:600}@media(max-width:600px){.complete-phrase__container{grid-template-columns:1fr}.complete-phrase-container__probabilities .probability.hidden{display:none}}", ye = /* @__PURE__ */ f(ge, [["styles", [ve]]]);
-O(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": R, "./locales/en.json": V, "./locales/es-419.json": D, "./locales/es.json": F, "./locales/fr-BE.json": H, "./locales/fr.json": Q, "./locales/it.json": W, "./locales/nl.json": U })).catch((e) => console.error(e));
-const C = E(ye, {
+O(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": R, "./locales/en.json": V, "./locales/es-419.json": D, "./locales/es.json": F, "./locales/fr-BE.json": Q, "./locales/fr.json": W, "./locales/it.json": H, "./locales/nl.json": U })).catch((e) => console.error(e));
+const P = E(ye, {
   configureApp(e) {
     q.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(T, { i18next: q });
   }
 });
-C.prototype.normalizeProps = (e) => ({
+P.prototype.normalizeProps = (e) => ({
   ...e,
   titleLevel: I(e.titleLevel)
 });
-window.customElements.define("complete-phrase", C);
+window.customElements.define("complete-phrase", P);