@1024pix/epreuves-components 2.8.1 → 4.0.0

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

@@ -0,0 +1,259 @@
+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 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";
+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({
+  __name: "MailElement.ce",
+  props: {
+    block: { type: Boolean, default: !1 },
+    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);
+    function O() {
+      f.value = t.path;
+    }
+    function g() {
+      v.value !== 0 && (f.value = b.value[v.value - 1]);
+    }
+    function E() {
+      v.value !== b.value.length - 1 && (f.value = b.value[v.value + 1]);
+    }
+    return U(() => {
+      m.value && p.value.focus();
+    }), (T, i) => (a(), S(Y(t.block ? "div" : "span"), {
+      class: X(["mail-element", {
+        "mail-element--correct": m.value && M($),
+        "mail-element--incorrect": m.value && !M($)
+      }]),
+      role: "option",
+      "aria-selected": m.value,
+      tabindex: d.value ? 0 : -1,
+      onClick: i[0] || (i[0] = (C) => O()),
+      onKeydown: [
+        i[1] || (i[1] = z(L((C) => O(), ["stop", "prevent"]), ["space"])),
+        i[2] || (i[2] = z(L((C) => g(), ["stop", "prevent"]), ["up", "left"])),
+        i[3] || (i[3] = z(L((C) => E(), ["stop", "prevent"]), ["down", "right"]))
+      ],
+      ref_key: "el",
+      ref: p
+    }, {
+      default: s(() => [
+        W(T.$slots, "default")
+      ]),
+      _: 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 = {
+  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 = {
+  key: 0,
+  class: "mail__paragraph"
+}, Fe = {
+  key: 1,
+  class: "mail__button"
+}, Ne = {
+  key: 0,
+  class: "sr-only"
+}, Ae = /* @__PURE__ */ V({
+  __name: "AnalyseMailsPhishing.ce",
+  props: {
+    titleLevel: { type: Number },
+    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(
+      () => d.value.body.map((e, r) => {
+        if (e.type === "paragraph")
+          return {
+            ...e,
+            content: e.content.map((k, h) => ({
+              text: k,
+              path: `body[${r}][${h}]`
+            }))
+          };
+        if (e.type === "button")
+          return {
+            ...e,
+            path: `body[${r}]`
+          };
+      })
+    ), B = o(() => [
+      "subject",
+      "from.name",
+      "from.address",
+      ...C.value.flatMap((e) => {
+        if (e.type === "paragraph")
+          return e.content.map(({ path: r }) => r);
+        if (e.type === "button") return [e.path];
+      })
+    ]), H = o(() => Object.fromEntries(
+      B.value.map((e, r) => [e, r])
+    ));
+    ae("store", {
+      selectedPath: p,
+      correct: g,
+      paths: B,
+      pathToIndex: H
+    });
+    function K() {
+      _.value++, p.value = void 0, m.value.focus();
+    }
+    function q() {
+      _.value = 0, p.value = void 0;
+    }
+    return f({
+      reset: q
+    }), (e, r) => {
+      const k = te("i18n");
+      return a(), c("div", {
+        class: "analyse-mails-phishing",
+        tabindex: "-1",
+        ref_key: "container",
+        ref: m
+      }, [
+        u(ce, {
+          step: _.value,
+          "steps-count": t.mails.length
+        }, null, 8, ["step", "steps-count"]),
+        n("div", ke, [
+          u(j, {
+            path: "subject",
+            block: !0
+          }, {
+            default: s(() => [
+              n("div", {
+                class: "mail__subject",
+                role: "heading",
+                "arial-level": v.value
+              }, [
+                u(k, { t: "analyse-mails-phishing.subject" }, {
+                  srOnly: s(() => [
+                    n("span", je, l(e.$t("analyse-mails-phishing.subjectSrOnly")), 1)
+                  ]),
+                  subject: s(() => [
+                    y(l(d.value.subject), 1)
+                  ]),
+                  _: 1
+                })
+              ], 8, we)
+            ]),
+            _: 1
+          }),
+          n("div", $e, [
+            n("img", {
+              src: M(ye),
+              alt: ""
+            }, null, 8, Oe),
+            n("div", Se, [
+              n("div", null, [
+                u(k, { t: "analyse-mails-phishing.sender" }, {
+                  srOnly: s(() => [
+                    n("span", Me, l(e.$t("analyse-mails-phishing.senderSrOnly")), 1)
+                  ]),
+                  sender: s(() => [
+                    u(j, { path: "from.name" }, {
+                      default: s(() => [
+                        n("span", Ee, l(d.value.from.name), 1)
+                      ]),
+                      _: 1
+                    }),
+                    r[1] || (r[1] = y()),
+                    u(j, { path: "from.address" }, {
+                      default: s(() => [
+                        n("span", Te, "<" + l(d.value.from.address) + ">", 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              n("div", ze, [
+                u(k, { t: "analyse-mails-phishing.recipient" }, {
+                  srOnly: s(() => [
+                    n("span", Le, l(e.$t("analyse-mails-phishing.recipientSrOnly")), 1)
+                  ]),
+                  recipient: s(() => [
+                    y(l(e.$t("analyse-mails-phishing.to")) + " ", 1),
+                    n("img", {
+                      src: M(be),
+                      alt: ""
+                    }, null, 8, Pe)
+                  ]),
+                  _: 1
+                })
+              ])
+            ])
+          ]),
+          (a(!0), c(w, null, A(C.value, (h, G) => (a(), c(w, { key: G }, [
+            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 }, [
+                F !== 0 ? (a(), c(w, { key: 0 }, [
+                  y(l(" "))
+                ], 64)) : x("", !0),
+                u(j, { path: I }, {
+                  default: s(() => [
+                    y(l(J), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["path"])
+              ], 64))), 128))
+            ])) : x("", !0),
+            h.type === "button" ? (a(), c("div", Fe, [
+              u(j, {
+                path: h.path
+              }, {
+                default: s(() => [
+                  y(l(h.name), 1)
+                ]),
+                _: 2
+              }, 1032, ["path"])
+            ])) : x("", !0)
+          ], 64))), 128))
+        ]),
+        O.value ? (a(), S(re, {
+          key: 0,
+          title: E.value
+        }, {
+          icon: s(() => [
+            g.value ? (a(), S(oe, {
+              key: 0,
+              class: "feedback-icon"
+            })) : (a(), S(ie, {
+              key: 1,
+              class: "feedback-icon"
+            }))
+          ]),
+          content: s(() => [
+            y(l(T.value) + " ", 1),
+            i.value ? (a(), c("span", Ne, l(e.$t("analyse-mails-phishing.feedbackSrOnly")), 1)) : x("", !0)
+          ]),
+          _: 1
+        }, 8, ["title"])) : x("", !0),
+        i.value ? (a(), c("button", {
+          key: 1,
+          class: "continue-button",
+          onClick: r[0] || (r[0] = (h) => K())
+        }, l(e.$t("analyse-mails-phishing.continue")), 1)) : x("", !0)
+      ], 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]]]);
+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, {
+  configureApp(t) {
+    P.changeLanguage(document?.documentElement?.lang || navigator.language), t.use(P);
+  }
+});
+R.prototype.normalizeProps = (t) => ({
+  ...t,
+  titleLevel: le(t.titleLevel)
+});
+window.customElements.define("analyse-mails-phishing", R);

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

@@ -1,6 +1,6 @@
-import { d 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, z as E, e as U, k as j, O as N, f as G } from "../_plugin-vue_export-helper-BPDEgOal.js";
-import { a as H, i as x, b as Q } from "../i18n-BuCPzaih.js";
-import { u as J } from "../normalize-props-DtfVI0Xg.js";
+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 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é" }
 }, oe = {}, ne = {}, ie = {
@@ -117,17 +117,17 @@ 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), B = l(0), $ = l(0), c = l(!1), y = l(!1);
     function q() {
-      b.value = 10, f.value = 2, u.value = {}, m.value = {}, w.value = 0, B.value = 0, $.value = 0, c.value = !1, y.value = !1, k.value = 0, F.value = 0, g.value = 0, A.value = 0, L.value = 0;
+      b.value = 10, f.value = 2, u.value = {}, m.value = {}, w.value = 0, 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;
     }
     const h = {
       text: { energy: 2.9, co2: 1.5 },
       image: { energy: 32, co2: 20 }
-    }, u = l({}), m = l({}), k = l(0), F = l(0), g = l(0), A = l(0), L = l(0);
+    }, u = l({}), m = l({}), k = l(0), A = l(0), g = l(0), F = l(0), L = l(0);
     function P() {
-      k.value = b.value * h.text.energy + f.value * h.image.energy, F.value = b.value * h.text.co2 + f.value * h.image.co2, w.value = Number((k.value / 0.8).toFixed(1)), u.value.energyByWeek = k.value.toFixed(1), u.value.personalMicrowavesDuration = w.value, u.value.co2ByWeek = F.value.toFixed(1);
+      k.value = b.value * h.text.energy + f.value * h.image.energy, A.value = b.value * h.text.co2 + f.value * h.image.co2, w.value = Number((k.value / 0.8).toFixed(1)), u.value.energyByWeek = k.value.toFixed(1), u.value.personalMicrowavesDuration = w.value, u.value.co2ByWeek = A.value.toFixed(1);
     }
     function M() {
-      g.value = u.value.energyByWeek * 52 * 1e6 / 1e3, A.value = u.value.co2ByWeek * 52 * 1e6 / 1e6, L.value = Math.round(g.value / 2300), B.value = g.value / 0.8, $.value = A.value * 2410, m.value.collectiveMicrowavesDuration = B.value.toLocaleString(), m.value.kilometerByPlane = $.value.toLocaleString(), m.value.equivalentPopulationByCity = L.value.toLocaleString(), m.value.collectiveAnnualEnergy = g.value.toLocaleString();
+      g.value = u.value.energyByWeek * 52 * 1e6 / 1e3, F.value = u.value.co2ByWeek * 52 * 1e6 / 1e6, L.value = Math.round(g.value / 2300), 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();
     }
     function S() {
       P(), c.value = !0;
@@ -184,9 +184,9 @@ const X = {}, Z = {}, ee = {}, te = {}, ae = {}, le = {
       e("p", Be, "📝 " + a(s.$t("calcul-impact.legals")), 1)
     ]));
   }
-}), Fe = "[data-v-7fbb31b5]{font-family:Nunito,Roboto,sans-serif;color:#253858}p[data-v-7fbb31b5]{padding:0}.container[data-v-7fbb31b5]{display:flex;flex-direction:column;gap:1rem}.container button[data-v-7fbb31b5]{border:0;border-radius:5px;font-size:.9rem;background:#357abd;color:#fff;width:50%;padding:.4rem .8rem;margin:auto;cursor:pointer}.container button[data-v-7fbb31b5]:hover{background:#225d93}.container input[data-v-7fbb31b5]{border:solid 1px lightgrey;border-radius:5px;padding-block:.2rem;width:40%}.container label[data-v-7fbb31b5]{font-weight:700}.container .legals[data-v-7fbb31b5]{font-size:.9rem;font-style:italic}.container .title[data-v-7fbb31b5]{font-size:1.3rem;font-weight:700}@media only screen and (max-width:768px){.container button[data-v-7fbb31b5]{width:100%}.container input[data-v-7fbb31b5]{width:80%}}", Ae = /* @__PURE__ */ z($e, [["styles", [Fe]], ["__scopeId", "data-v-7fbb31b5"]]);
+}), 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(Ae, {
+const Y = G(Fe, {
   configureApp(t) {
     x.changeLanguage(document?.documentElement?.lang || navigator.language), t.use(Q, {
       i18next: x,

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

@@ -1,7 +1,7 @@
-import { d as b, c as s, o as n, n as v, g as V, H as N, t as o, _ as p, U as R, V as w, r as g, y as h, a as t, E as x, F as T, b as Z, k as D, l as O, W as F, K as P, e as f, B as q, f as W } from "../_plugin-vue_export-helper-BPDEgOal.js";
-import { u as H, a as K, i as $, b as G } from "../i18n-BuCPzaih.js";
-import { u as J } from "../normalize-props-DtfVI0Xg.js";
-import { R as X } from "../Retry-CoaWKuPG.js";
+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 as J } from "../normalize-props-DH0oPBss.js";
+import { R as X } from "../Retry-BZf7NJz9.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({

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

@@ -1,6 +1,6 @@
-import { d as R, j as E, r as y, v as O, x as W, y as d, c as p, o as v, a as C, z as _, m as j, F as D, b as L, l as V, A as b, B as T, k as U, n as X, C as Y, t as q, _ as G, f as H } from "../_plugin-vue_export-helper-BPDEgOal.js";
-import { u as z, a as J } from "../normalize-props-DtfVI0Xg.js";
-const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "aria-label"], f = 10, Z = /* @__PURE__ */ R({
+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({
   __name: "ClickableImage.ce",
   props: {
     image: { type: Object },
@@ -35,12 +35,12 @@ const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "
         y: t * r.value
       };
     }
-    const m = y();
+    const f = y();
     function k(e) {
-      m.value = e;
+      f.value = e;
     }
     function w() {
-      m.value = void 0;
+      f.value = void 0;
     }
     const u = y();
     function F(e) {
@@ -49,7 +49,7 @@ const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "
     function P() {
       u.value = void 0;
     }
-    const x = d(() => u.value ?? m.value), c = d(() => {
+    const x = d(() => u.value ?? f.value), c = d(() => {
       if (x.value !== void 0)
         return h.value[x.value];
     }), B = d(() => {
@@ -60,23 +60,23 @@ const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "
           return {
             left: `${t + (n - t) / 2}px`,
             transform: "translate(-50%, -100%)",
-            top: `${o - f}px`
+            top: `${o - m}px`
           };
         case "bottom":
           return {
             left: `${t + (n - t) / 2}px`,
             transform: "translateX(-50%)",
-            top: `${s + f}px`
+            top: `${s + m}px`
           };
         case "left":
           return {
-            left: `${t - f}px`,
+            left: `${t - m}px`,
             top: `${o + (s - o) / 2}px`,
             transform: "translate(-100%, -50%)"
           };
         default:
           return {
-            left: `${n + f}px`,
+            left: `${n + m}px`,
             top: `${o + (s - o) / 2}px`,
             transform: "translateY(-50%)"
           };

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

@@ -1,7 +1,7 @@
-import { d as h, c as n, o, a, t as c, A as j, _ as f, n as P, g as S, H as N, r as y, y as m, B as z, F as x, b as k, e as v, E as L, f as E } from "../_plugin-vue_export-helper-BPDEgOal.js";
-import { u as M, a as O, i as q, b as T } from "../i18n-BuCPzaih.js";
-import { u as I } from "../normalize-props-DtfVI0Xg.js";
-import { L as B } from "../LLMMessage.ce-B4Tg1zsn.js";
+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 I } from "../normalize-props-DH0oPBss.js";
+import { L as B } from "../LLMMessage.ce-Dv4hVX0C.js";
 const R = {}, V = {}, D = {}, F = {}, H = {}, Q = {
   "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({
@@ -15,7 +15,7 @@ const R = {}, V = {}, D = {}, F = {}, H = {}, Q = {
       a("p", J, c(e.name), 1),
       a("p", K, c(d.$t("complete-phrase.ariaLabelDescription", { name: e.name, percent: e.percent })), 1),
       a("div", {
-        style: j(`width: ${e.percent}%`),
+        style: A(`width: ${e.percent}%`),
         class: "probability-bar__percent",
         "aria-hidden": "true"
       }, null, 4),
@@ -127,10 +127,10 @@ const R = {}, V = {}, D = {}, F = {}, H = {}, Q = {
             id: `currentProbability${b}`,
             "aria-hidden": b !== t.value
           }, [
-            (o(!0), n(x, null, k(u, ($, A) => (o(), v(Z, {
+            (o(!0), n(x, null, k(u, ($, j) => (o(), v(Z, {
               name: $.name,
               percent: $.percent,
-              key: A
+              key: j
             }, null, 8, ["name", "percent"]))), 128))
           ], 10, _e))), 128))
         ])

package/dist/components/flip-cards.ce.js.js

@@ -1,6 +1,6 @@
-import { d as g, c as r, o as n, F as m, a as i, n as f, t as l, B as x, _ as u, r as y, b as k, L as v, E as w, f as F } from "../_plugin-vue_export-helper-BPDEgOal.js";
-import { u as _ } from "../normalize-props-DtfVI0Xg.js";
-const L = ["aria-hidden"], C = ["src"], z = ["aria-level"], N = ["aria-hidden"], S = ["aria-level"], $ = { class: "description" }, B = { class: "image-container" }, E = ["src"], j = /* @__PURE__ */ g({
+import { b as g, c as r, o as n, F as m, a as i, n as f, t as l, B as x, _ as u, r as y, e as k, N as v, E as w, d as F } from "../_plugin-vue_export-helper-D0N_62VD.js";
+import { b as _ } from "../normalize-props-DH0oPBss.js";
+const L = ["aria-hidden"], C = ["src"], N = ["aria-level"], z = ["aria-hidden"], S = ["aria-level"], $ = { class: "description" }, B = { class: "image-container" }, E = ["src"], j = /* @__PURE__ */ g({
   __name: "FlipCard.ce",
   props: {
     titleLevel: { type: Number },
@@ -26,7 +26,7 @@ const L = ["aria-hidden"], C = ["src"], z = ["aria-level"], N = ["aria-hidden"],
           role: "heading",
           "aria-level": e.titleLevel,
           class: "title"
-        }, l(e.name), 9, z)
+        }, l(e.name), 9, N)
       ], 10, L),
       i("div", {
         class: f(["card verso", { flipped: e.isFlipped, [e.color]: e.color }]),
@@ -45,7 +45,7 @@ const L = ["aria-hidden"], C = ["src"], z = ["aria-level"], N = ["aria-hidden"],
             alt: ""
           }, null, 8, E)) : x("", !0)
         ])
-      ], 10, N)
+      ], 10, z)
     ], 64));
   }
 }), K = "[data-v-c0da3f12]{box-sizing:border-box}.card[data-v-c0da3f12]{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;border-radius:12px;color:#253858;display:flex;flex-direction:column;gap:1.2rem;inset:0;justify-content:center;padding:18px;position:absolute;transform:translateZ(0);transition:transform ease .5s}.card .title[data-v-c0da3f12]{font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;line-height:29px}.card.recto.red[data-v-c0da3f12]{background:linear-gradient(150deg,#fff,#ff7373)}.card.recto.yellow[data-v-c0da3f12]{background:linear-gradient(150deg,#fff,#ffec73)}.card.recto.blue[data-v-c0da3f12]{background:linear-gradient(150deg,#fff,#2491ff)}.card.recto.purple[data-v-c0da3f12]{background:linear-gradient(150deg,#fff,#9177f2)}.card.recto.green[data-v-c0da3f12]{background:linear-gradient(150deg,#fff,#52d987)}.card.recto.pink[data-v-c0da3f12]{background:linear-gradient(150deg,#fff,#f041bf)}.card.recto .icon[data-v-c0da3f12]{display:block;height:auto;width:40px}.card.verso[data-v-c0da3f12]{line-height:1.2rem;padding:8px;text-align:center;transform:rotateY(180deg) translateZ(0)}.card.verso.flipped.red[data-v-c0da3f12]{border:2px solid #ff7373}.card.verso.flipped.yellow[data-v-c0da3f12]{border:2px solid #ffec73}.card.verso.flipped.blue[data-v-c0da3f12]{border:2px solid #2491ff}.card.verso.flipped.purple[data-v-c0da3f12]{border:2px solid #9177f2}.card.verso.flipped.green[data-v-c0da3f12]{border:2px solid #52d987}.card.verso.flipped.pink[data-v-c0da3f12]{border:2px solid #f041bf}.card.verso .description[data-v-c0da3f12]{font-size:.9rem;margin:0 0 8px}.card.verso .image-container[data-v-c0da3f12]{margin:8px 8px 16px;overflow:hidden;width:160px}.card.verso img[data-v-c0da3f12]{display:block;height:100%;object-fit:contain;width:100%}", V = /* @__PURE__ */ u(j, [["styles", [K]], ["__scopeId", "data-v-c0da3f12"]]), D = { class: "flip-cards" }, I = ["aria-level"], Y = ["aria-expanded", "onClick", "onKeydown"], Z = { class: "flip-container" }, A = /* @__PURE__ */ g({

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

@@ -1,7 +1,7 @@
-import { n as t } from "../image-quiz.ce-CXOFcx1H.js";
-import "../_plugin-vue_export-helper-BPDEgOal.js";
-import "../normalize-props-DtfVI0Xg.js";
-import "../i18n-lite-DBVKHY8J.js";
+import { n as t } from "../image-quiz.ce-DqalWHKw.js";
+import "../_plugin-vue_export-helper-D0N_62VD.js";
+import "../normalize-props-DH0oPBss.js";
+import "../i18n-lite-t2jNOu0C.js";
 export {
   t as normalizeImageQuizProps
 };

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

@@ -1,6 +1,6 @@
-import { I as g, _ as f, a as z, b as v, c as w, d, e as p, f as b, g as j, n as A } from "../image-quiz.ce-CXOFcx1H.js";
-import { d as q, r as E, w as h, c as y, o as l, b as I, e as k, m as B, F as Q, f as C } from "../_plugin-vue_export-helper-BPDEgOal.js";
-import { i as n } from "../i18n-lite-DBVKHY8J.js";
+import { I as g, _ as f, a as z, b as v, c as w, d, e as p, f as b, g as j, n as A } from "../image-quiz.ce-DqalWHKw.js";
+import { b as q, r as E, w as h, c as y, o as l, e as I, f as k, m as B, F as Q, d as C } from "../_plugin-vue_export-helper-D0N_62VD.js";
+import { i as n } from "../i18n-lite-t2jNOu0C.js";
 const F = /* @__PURE__ */ q({
   __name: "ImageQuizzes.ce",
   props: {

package/dist/components/llm-compare-messages.ce.js.js

@@ -1,6 +1,6 @@
-import { d as c, c as t, o as s, a as e, t as n, F as r, b as m, E as i, _ as p, f as g } from "../_plugin-vue_export-helper-BPDEgOal.js";
-import { L as l } from "../LLMMessage.ce-B4Tg1zsn.js";
-import { p as u } from "../shadow-dom-By5w43W7.js";
+import { b as c, c as t, o as s, a as e, t as n, F as r, e as m, E as i, _ as p, d as g } from "../_plugin-vue_export-helper-D0N_62VD.js";
+import { L as l } from "../LLMMessage.ce-Dv4hVX0C.js";
+import { p as u } from "../shadow-dom-C3AZuSZe.js";
 const f = {
   class: "header",
   "aria-hidden": "true"

package/dist/components/llm-messages.ce.js.js

@@ -1,6 +1,6 @@
-import { d as c, I as m, J as i, c as t, o as e, F as p, b as d, e as f, _ as g, f as u } from "../_plugin-vue_export-helper-BPDEgOal.js";
-import { L as h } from "../LLMMessage.ce-B4Tg1zsn.js";
-import { p as _ } from "../shadow-dom-By5w43W7.js";
+import { b as c, I as m, J as i, c as t, o as e, F as p, e as d, f, _ as g, d as u } from "../_plugin-vue_export-helper-D0N_62VD.js";
+import { L as h } from "../LLMMessage.ce-Dv4hVX0C.js";
+import { p as _ } from "../shadow-dom-C3AZuSZe.js";
 const x = {
   class: "llm-messages",
   "aria-live": "polite"

package/dist/components/llm-prompt-select.ce.js.js

@@ -1,5 +1,5 @@
-import { d as h, r as c, G as y, c as d, o as m, E as w, a, H as k, F as b, b as L, t as S, _ as C, f as P } from "../_plugin-vue_export-helper-BPDEgOal.js";
-import { u as N } from "../normalize-props-DtfVI0Xg.js";
+import { b as h, r as c, G as y, c as d, o as m, E as w, a, H as k, F as b, e as L, t as S, _ as C, d as P } from "../_plugin-vue_export-helper-D0N_62VD.js";
+import { b as N } from "../normalize-props-DH0oPBss.js";
 import "./llm-messages.ce.js.js";
 const E = { class: "prompt-select" }, M = { class: "prompt-select__options" }, B = ["disabled", "onClick"], V = /* @__PURE__ */ h({
   __name: "LLMPromptSelect.ce",