@1024pix/epreuves-components 1.3.0 → 1.4.0

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

@@ -1,11 +1,11 @@
-import { a as z, z as T, c as p, o as v, F as U, y as u, M as s, E as C, f as e, t, A as _, T as D, _ as Y, r as l, l as E, e as K, I as N, N as V, d as G } from "../_plugin-vue_export-helper-DK91u00G.js";
-import { a as H, i as j, b as Q } from "../i18n-Gv3Ze5vF.js";
-const x = {}, J = {}, X = {
+import { a as z, z as T, c as p, o as v, F as U, y as u, M as s, J as C, f as e, t as a, A as _, T as D, _ as Y, r as l, l as N, e as G, G as E, N as V, d as K } from "../_plugin-vue_export-helper-BaT1QC5Q.js";
+import { a as H, i as j, b as J } from "../i18n-BOk_ejZ-.js";
+const Q = {}, x = {}, X = {
   "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 {{homes}} foyers français", collectiveDuration: "Équivalent à {{number}} minutes de micro-ondes", planeKilometers: "Et {{kilometers}} km parcourus en avion", yourCollectiveImpact: "Impact collectif simulé" }
-}, Z = {}, ee = {}, ae = {
+}, Z = {}, ee = {}, te = {
   key: 0,
   class: "result-calculation"
-}, te = ["aria-level"], le = { class: "consumption" }, oe = { style: { "font-weight": "bold" } }, ne = { style: { "font-weight": "bold" } }, ie = {
+}, ae = ["aria-level"], le = { class: "consumption" }, oe = { style: { "font-weight": "bold" } }, ne = { style: { "font-weight": "bold" } }, ie = {
   key: 0,
   class: "result-calculation"
 }, se = ["titleLevel"], re = { class: "consumption" }, ce = { style: { "font-weight": "bold" } }, ue = { style: { "font-weight": "bold" } }, ve = { style: { "font-weight": "bold" } }, de = { style: { "font-weight": "bold" } }, me = /* @__PURE__ */ z({
@@ -18,36 +18,36 @@ const x = {}, J = {}, X = {
     isCollective: { type: Boolean }
   },
   setup(d) {
-    return (a, o) => {
+    return (t, o) => {
       const n = T("i18next");
       return v(), p(U, null, [
         u(D, { name: "fade-perso" }, {
           default: s(() => [
-            a.isPersonal ? (v(), p("div", ae, [
+            t.isPersonal ? (v(), p("div", te, [
               e("div", {
                 class: "header",
                 role: "heading",
-                "aria-level": a.titleLevel + 1
-              }, "📌 " + t(a.$t("calcul-impact.yourPersonalImpact")), 9, te),
-              e("p", le, t(a.$t("calcul-impact.consumptionForAWeek")), 1),
+                "aria-level": t.titleLevel + 1
+              }, "📌 " + a(t.$t("calcul-impact.yourPersonalImpact")), 9, ae),
+              e("p", le, a(t.$t("calcul-impact.consumptionForAWeek")), 1),
               e("p", null, [
-                o[0] || (o[0] = _("⚡ ", -1)),
+                o[0] || (o[0] = _(" ⚡ ", -1)),
                 u(n, {
-                  translation: a.$t("calcul-impact.personalConsumption")
+                  translation: t.$t("calcul-impact.personalConsumption")
                 }, {
                   energy: s(() => [
-                    e("span", oe, t(a.byWeekForOne.energyByWeek), 1)
+                    e("span", oe, a(t.byWeekForOne.energyByWeek), 1)
                   ]),
                   _: 1
                 }, 8, ["translation"])
               ]),
               e("p", null, [
-                o[1] || (o[1] = _("🍽️ ", -1)),
+                o[1] || (o[1] = _(" 🍽️ ", -1)),
                 u(n, {
-                  translation: a.$t("calcul-impact.personalDuration")
+                  translation: t.$t("calcul-impact.personalDuration")
                 }, {
                   number: s(() => [
-                    e("span", ne, t(a.byWeekForOne.personalMicrowavesDuration), 1)
+                    e("span", ne, a(t.byWeekForOne.personalMicrowavesDuration), 1)
                   ]),
                   _: 1
                 }, 8, ["translation"])
@@ -58,45 +58,45 @@ const x = {}, J = {}, X = {
         }),
         u(D, { name: "fade-collectif" }, {
           default: s(() => [
-            a.isCollective ? (v(), p("div", ie, [
+            t.isCollective ? (v(), p("div", ie, [
               e("div", {
                 class: "header",
                 role: "heading",
-                titleLevel: a.titleLevel + 1
-              }, "🌍 " + t(a.$t("calcul-impact.yourCollectiveImpact")), 9, se),
-              e("p", re, t(a.$t("calcul-impact.consumptionForAYear")), 1),
+                titleLevel: t.titleLevel + 1
+              }, "🌍 " + a(t.$t("calcul-impact.yourCollectiveImpact")), 9, se),
+              e("p", re, a(t.$t("calcul-impact.consumptionForAYear")), 1),
               e("p", null, [
-                o[2] || (o[2] = _("⚡ ", -1)),
+                o[2] || (o[2] = _(" ⚡ ", -1)),
                 u(n, {
-                  translation: a.$t("calcul-impact.collectiveConsumption")
+                  translation: t.$t("calcul-impact.collectiveConsumption")
                 }, {
                   energy: s(() => [
-                    e("span", ce, t(a.byYearForAMillion.collectiveAnnualEnergy), 1)
+                    e("span", ce, a(t.byYearForAMillion.collectiveAnnualEnergy), 1)
                   ]),
                   homes: s(() => [
-                    e("span", ue, t(a.byYearForAMillion.equivalentPopulationByCity), 1)
+                    e("span", ue, a(t.byYearForAMillion.equivalentPopulationByCity), 1)
                   ]),
                   _: 1
                 }, 8, ["translation"])
               ]),
               e("p", null, [
-                o[3] || (o[3] = _("🍽️ ", -1)),
+                o[3] || (o[3] = _(" 🍽️ ", -1)),
                 u(n, {
-                  translation: a.$t("calcul-impact.collectiveDuration")
+                  translation: t.$t("calcul-impact.collectiveDuration")
                 }, {
                   number: s(() => [
-                    e("span", ve, t(a.byYearForAMillion.collectiveMicrowavesDuration), 1)
+                    e("span", ve, a(t.byYearForAMillion.collectiveMicrowavesDuration), 1)
                   ]),
                   _: 1
                 }, 8, ["translation"])
               ]),
               e("p", null, [
-                o[4] || (o[4] = _("✈️ ", -1)),
+                o[4] || (o[4] = _(" ✈️ ", -1)),
                 u(n, {
-                  translation: a.$t("calcul-impact.planeKilometers")
+                  translation: t.$t("calcul-impact.planeKilometers")
                 }, {
                   kilometers: s(() => [
-                    e("span", de, t(a.byYearForAMillion.kilometerByPlane), 1)
+                    e("span", de, a(t.byYearForAMillion.kilometerByPlane), 1)
                   ]),
                   _: 1
                 }, 8, ["translation"])
@@ -108,12 +108,12 @@ const x = {}, J = {}, X = {
       ], 64);
     };
   }
-}), pe = ".result-calculation[data-v-350a9de7]{background:#e0f7fa;border-left:solid 3px #00796b;padding:1rem;border-radius:10px}.header[data-v-350a9de7]{font-size:1.125rem;font-weight:700}.consumption[data-v-350a9de7]{font-style:italic}.fade-perso-enter-active[data-v-350a9de7],.fade-collectif-enter-active[data-v-350a9de7]{transition:all .3s ease-out}.fade-perso-leave-active[data-v-350a9de7],.fade-collectif-leave-active[data-v-350a9de7]{transition:all .8s cubic-bezier(1,.5,.8,1)}.fade-perso-enter-from[data-v-350a9de7],.fade-collectif-enter-from[data-v-350a9de7],.fade-perso-leave-to[data-v-350a9de7],.fade-collectif-leave-to[data-v-350a9de7]{transform:translate(20px);opacity:0}", be = /* @__PURE__ */ Y(me, [["styles", [pe]], ["__scopeId", "data-v-350a9de7"]]), fe = { class: "container" }, ye = ["arial-level"], ge = { for: "numberOfConversation" }, _e = { for: "numberOfImage" }, Ce = { class: "legals" }, he = /* @__PURE__ */ z({
+}), pe = ".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}", be = /* @__PURE__ */ Y(me, [["styles", [pe]], ["__scopeId", "data-v-b69dd4ff"]]), fe = { class: "container" }, ye = ["arial-level"], ge = { for: "numberOfConversation" }, _e = { for: "numberOfImage" }, Ce = { class: "legals" }, he = /* @__PURE__ */ z({
   __name: "CalculImpact.ce",
   props: {
     titleLevel: { type: Number }
   },
-  setup(d, { expose: a }) {
+  setup(d, { expose: t }) {
     const n = d.titleLevel ?? 2, b = l(10), f = l(2), w = l(0), $ = l(0), B = l(0), r = l(!1), y = l(!1);
     function q() {
       b.value = 10, f.value = 2, c.value = {}, m.value = {}, w.value = 0, $.value = 0, B.value = 0, r.value = !1, y.value = !1, k.value = 0, F.value = 0, g.value = 0, A.value = 0, O.value = 0;
@@ -137,17 +137,17 @@ const x = {}, J = {}, X = {
     function W() {
       r.value && y.value && (P(), M());
     }
-    return a({
+    return t({
       reset: q
     }), (i, I) => (v(), p("div", fe, [
       e("div", {
         class: "title",
         role: "heading",
-        "arial-level": N(n)
-      }, "📊 " + t(i.$t("calcul-impact.title")), 9, ye),
-      e("p", null, t(i.$t("calcul-impact.subtitle")), 1),
-      e("label", ge, "🤖 " + t(i.$t("calcul-impact.numberOfConversationLabel")), 1),
-      E(e("input", {
+        "arial-level": E(n)
+      }, "📊 " + a(i.$t("calcul-impact.title")), 9, ye),
+      e("p", null, a(i.$t("calcul-impact.subtitle")), 1),
+      e("label", ge, "🤖 " + a(i.$t("calcul-impact.numberOfConversationLabel")), 1),
+      N(e("input", {
         onChange: W,
         type: "number",
         id: "numberOfConversation",
@@ -155,8 +155,8 @@ const x = {}, J = {}, X = {
       }, null, 544), [
         [V, b.value]
       ]),
-      e("label", _e, "🖼️ " + t(i.$t("calcul-impact.numberOfImagesLabel")), 1),
-      E(e("input", {
+      e("label", _e, "🖼️ " + a(i.$t("calcul-impact.numberOfImagesLabel")), 1),
+      N(e("input", {
         onChange: W,
         type: "number",
         id: "numberOfImage",
@@ -164,30 +164,30 @@ const x = {}, J = {}, X = {
       }, null, 544), [
         [V, f.value]
       ]),
-      r.value ? (v(), K(be, {
+      r.value ? (v(), G(be, {
         key: 0,
         "is-collective": y.value,
         "is-personal": r.value,
-        "title-level": N(n),
+        "title-level": E(n),
         "by-week-for-one": c.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),
       r.value ? C("", !0) : (v(), p("button", {
         key: 1,
         onClick: S
-      }, "📌 " + t(i.$t("calcul-impact.seePersonalImpact")), 1)),
+      }, "📌 " + a(i.$t("calcul-impact.seePersonalImpact")), 1)),
       r.value && !y.value ? (v(), p("button", {
         key: 2,
         onClick: R
-      }, "🌍 " + t(i.$t("calcul-impact.seeCollectiveImpact")), 1)) : C("", !0),
-      e("p", Ce, "📝 " + t(i.$t("calcul-impact.legals")), 1)
+      }, "🌍 " + a(i.$t("calcul-impact.seeCollectiveImpact")), 1)) : C("", !0),
+      e("p", Ce, "📝 " + a(i.$t("calcul-impact.legals")), 1)
     ]));
   }
-}), ke = "[data-v-9b2dbaaa]{font-family:Nunito,Roboto,sans-serif;color:#253858}p[data-v-9b2dbaaa]{padding:0}.container[data-v-9b2dbaaa]{display:flex;flex-direction:column;gap:1rem}.container button[data-v-9b2dbaaa]{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-9b2dbaaa]:hover{background:#225d93}.container input[data-v-9b2dbaaa]{border:solid 1px lightgrey;border-radius:5px;padding-block:.2rem;width:40%}.container label[data-v-9b2dbaaa]{font-weight:700}.container .legals[data-v-9b2dbaaa]{font-size:.9rem;font-style:italic}.container .title[data-v-9b2dbaaa]{font-size:1.3rem;font-weight:700}@media only screen and (max-width: 768px){.container button[data-v-9b2dbaaa]{width:100%}.container input[data-v-9b2dbaaa]{width:80%}}", Ie = /* @__PURE__ */ Y(he, [["styles", [ke]], ["__scopeId", "data-v-9b2dbaaa"]]);
-H(/* @__PURE__ */ Object.assign({ "./locales/en.json": x, "./locales/es.json": J, "./locales/fr.json": X, "./locales/it.json": Z, "./locales/nl.json": ee })).catch((d) => console.error(d));
-window.customElements.define("calcul-impact", G(Ie, {
+}), ke = "[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%}}", Ie = /* @__PURE__ */ Y(he, [["styles", [ke]], ["__scopeId", "data-v-7fbb31b5"]]);
+H(/* @__PURE__ */ Object.assign({ "./locales/en.json": Q, "./locales/es.json": x, "./locales/fr.json": X, "./locales/it.json": Z, "./locales/nl.json": ee })).catch((d) => console.error(d));
+window.customElements.define("calcul-impact", K(Ie, {
   configureApp(d) {
-    j.changeLanguage(document?.documentElement?.lang || navigator.language), d.use(Q, {
+    j.changeLanguage(document?.documentElement?.lang || navigator.language), d.use(J, {
       i18next: j,
       slotStart: "{{",
       slotEnd: "}}"

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

@@ -0,0 +1,279 @@
+import { a as x, c as u, o as s, H as k, L as M, A as L, t as n, _ as m, f as e, O, P as w, r as b, k as g, J as f, e as B, F as E, b as V, G as z, Q as D, M as F, y as C, q as P, d as R } from "../_plugin-vue_export-helper-BaT1QC5Q.js";
+import { i as $, a as T, b as H } from "../i18n-BOk_ejZ-.js";
+const G = {
+  "capacity-calculation": { title: "Observer l'impact des demandes", in: { title: "Demandes à l'IA", aiQuestion: "Quelle est la demande à l'IA ?", aiOptions: ["Fais une vidéo d’une minute d’un chat qui fait du ski.", "Écris un poème de 10 vers à la manière de Victor Hugo.", "Fais le dessin d’une salle de concert à la manière d’un manga."], userQuestion: "Combien d’utilisateurs font la demande en même temps ?", buttonLabel: { primary: "Observer l'effet", warning: "Recommencer", information: "Essayer une nouvelle demande" } }, out: { title: "Impact des demandes", tryAgain: "Essayez avec une autre demande", consumption: { label: "Consommation d’électricité :", normal_weak: "Faible", normal_medium: "Moyenne", warning: "Très forte", error: "Très forte", initial: "À l'arrêt" }, capacity: { label: "État du supercalculateur :", normal_weak: "Normal", normal_medium: "Normal", warning: "Sollicitation maximale", error: "Ne peut pas répondre à la demande", initial: "À l'arrêt" } } }
+}, J = ["aria-disabled"], K = /* @__PURE__ */ x({
+  __name: "PixButton.ce",
+  props: {
+    disabled: { type: Boolean },
+    label: { type: String },
+    state: { type: String }
+  },
+  setup(o) {
+    return (i, d) => (s(), u("button", {
+      class: k(["pix-button", i.state]),
+      "aria-disabled": i.disabled
+    }, [
+      M(i.$slots, "icon"),
+      L(" " + n(i.label), 1)
+    ], 10, J));
+  }
+}), Z = ".pix-button{--pix-neutral-0: #fff;--pix-primary-500: #613fdd;--pix-primary-700: #452d9d;--pix-primary-900: #291a5d;--pix-secondary-500: #ffcb33;--pix-secondary-700: #a16206;--pix-secondary-900: #5b3808;align-items:center;border:2px solid transparent;border-radius:100px;background-color:var(--pix-primary-500);color:var(--pix-neutral-0);cursor:pointer;display:flex;font-weight:700;gap:8px;justify-content:center;line-height:24px;margin:0 auto;outline:none;padding:8px 24px;text-decoration:none;width:fit-content;white-space:nowrap}.pix-button.primary[aria-disabled=true]{cursor:not-allowed;opacity:.5}.pix-button.primary:not([aria-disabled=true]):hover{background-color:var(--pix-primary-700)}.pix-button.primary:not([aria-disabled=true]):focus,.pix-button.primary:not([aria-disabled=true]):focus-visible{background-color:var(--pix-primary-700);outline:1px solid var(--pix-neutral-0);outline-offset:-5px}.pix-button.primary:not([aria-disabled=true]):active{background-color:var(--pix-primary-900);outline:none}.pix-button.warning{color:#122647;background-color:var(--pix-secondary-500)}.pix-button.warning:not([aria-disabled=true]):hover{color:var(--pix-neutral-0);background-color:var(--pix-secondary-700)}.pix-button.warning:not([aria-disabled=true]):focus,.pix-button.warning:not([aria-disabled=true]):focus-visible{color:var(--pix-neutral-0);background-color:var(--pix-secondary-700);outline:1px solid var(--pix-neutral-0);outline-offset:-4px}.pix-button.warning:not([aria-disabled=true]):active{color:var(--pix-neutral-0);background-color:var(--pix-secondary-900);outline:none}", W = /* @__PURE__ */ m(K, [["styles", [Z]]]), X = {}, Y = {
+  width: "20",
+  height: "20",
+  viewBox: "0 0 20 20",
+  fill: "currentColor",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function aa(o, i) {
+  return s(), u("svg", Y, [...i[0] || (i[0] = [
+    e("path", { d: "M9.98008 16.836C8.07578 16.836 6.46036 16.1728 5.13383 14.8462C3.80731 13.5197 3.14404 11.9043 3.14404 9.99998C3.14404 8.09568 3.80731 6.48026 5.13383 5.15373C6.46036 3.8272 8.07578 3.16394 9.98008 3.16394C10.9684 3.16394 11.9108 3.36686 12.8074 3.77269C13.7039 4.17839 14.4713 4.76095 15.1097 5.5204V4.03707C15.1097 3.7897 15.1933 3.58234 15.3607 3.41498C15.5281 3.24762 15.7354 3.16394 15.9828 3.16394C16.2303 3.16394 16.4377 3.24762 16.6051 3.41498C16.7724 3.58234 16.8561 3.7897 16.8561 4.03707V8.29352C16.8561 8.5595 16.7646 8.78394 16.5815 8.96686C16.3986 9.14991 16.1742 9.24144 15.9082 9.24144H11.6418C11.3958 9.24144 11.1896 9.15776 11.0232 8.9904C10.8568 8.82304 10.7736 8.61561 10.7736 8.36811C10.7736 8.12213 10.8573 7.91595 11.0247 7.74956C11.192 7.58318 11.3994 7.49998 11.6468 7.49998H14.2438C13.7994 6.74207 13.199 6.14589 12.4428 5.71144C11.6867 5.277 10.8658 5.05977 9.98008 5.05977C8.60786 5.05977 7.44147 5.54005 6.48092 6.50061C5.52022 7.4613 5.03988 8.62776 5.03988 9.99998C5.03988 11.3722 5.52022 12.5387 6.48092 13.4994C7.44147 14.4599 8.60786 14.9402 9.98008 14.9402C10.888 14.9402 11.7219 14.713 12.4818 14.2587C13.2416 13.8046 13.8385 13.1963 14.2724 12.4339C14.4021 12.2189 14.5846 12.0692 14.8199 11.9848C15.055 11.9005 15.2896 11.8996 15.5236 11.9823C15.7733 12.0651 15.9535 12.2275 16.064 12.4696C16.1745 12.7118 16.1675 12.9401 16.0432 13.1544C15.4538 14.2688 14.6222 15.161 13.5484 15.831C12.4745 16.501 11.2851 16.836 9.98008 16.836Z" }, null, -1)
+  ])]);
+}
+const ea = /* @__PURE__ */ m(X, [["render", aa]]), ta = { class: "capacity-calculation__column capacity-calculation__column--questions" }, ia = { class: "capacity-calculation__fieldset capacity-calculation__fieldset--ai" }, ca = { class: "capacity-calculation__legend" }, la = ["aria-disabled", "value", "checked"], na = {
+  key: 0,
+  class: "capacity-calculation__fieldset capacity-calculation__fieldset--range"
+}, oa = { class: "capacity-calculation__legend--user-question" }, ra = { class: "capacity-calculation__range-wrap" }, sa = ["max", "value", "aria-disabled"], ua = {
+  for: "nbUser",
+  class: "capacity-calculation__range-label"
+}, da = {
+  key: 2,
+  class: "capacity-calculation__information"
+}, pa = /* @__PURE__ */ x({
+  __name: "Questions.ce",
+  props: /* @__PURE__ */ O({
+    titleLevel: { type: Number }
+  }, {
+    selectedAiQuestion: {
+      type: Number,
+      default: void 0
+    },
+    selectedAiQuestionModifiers: {},
+    selectedNbUser: {
+      type: Number,
+      default: 10
+    },
+    selectedNbUserModifiers: {},
+    currentLevel: {
+      type: String,
+      default: "initial"
+    },
+    currentLevelModifiers: {}
+  }),
+  emits: ["update:selectedAiQuestion", "update:selectedNbUser", "update:currentLevel"],
+  setup(o) {
+    const d = o.titleLevel + 1, c = w(o, "selectedAiQuestion"), a = w(o, "selectedNbUser"), t = w(o, "currentLevel"), r = b(!1), p = g(() => ({
+      state: t.value === "initial" ? "primary" : "warning",
+      label: $.t(`capacity-calculation.in.buttonLabel.${t.value === "initial" ? "primary" : "warning"}`)
+    })), _ = [800, 15e3, 25e3, 9e4, 15e4], N = /* @__PURE__ */ new Set([
+      // Valeurs de base
+      10,
+      20,
+      30,
+      40,
+      50,
+      60,
+      70,
+      80,
+      90,
+      100,
+      200,
+      300,
+      400,
+      500,
+      600,
+      700,
+      800,
+      1e3,
+      2e3,
+      3e3,
+      4e3,
+      5e3,
+      7500,
+      1e4,
+      ..._,
+      2e4,
+      3e4,
+      4e4,
+      5e4,
+      75e3,
+      1e5,
+      125e3
+    ]), h = Array.from(N).sort((l, v) => l - v), q = g(() => {
+      const l = h.indexOf(a.value);
+      return Math.max(0, l);
+    }), A = (l) => {
+      const v = l.target;
+      a.value = h[Number(v.value)];
+    }, Q = (l) => {
+      if (r.value) {
+        l.preventDefault();
+        return;
+      }
+    }, S = () => {
+      if (t.value !== "initial") {
+        I();
+        return;
+      }
+      c.value === 0 ? a.value >= 10 && a.value < 400 ? t.value = "normal_weak" : a.value > 401 && a.value < 700 ? t.value = "normal_medium" : a.value > 701 && a.value < 1e3 ? t.value = "warning" : t.value = "error" : c.value === 1 ? a.value >= 10 && a.value <= 4e4 ? t.value = "normal_weak" : a.value > 40001 && a.value <= 7e4 ? t.value = "normal_medium" : a.value > 70001 && a.value <= 1e5 ? t.value = "warning" : t.value = "error" : c.value === 2 && (a.value >= 10 && a.value < 8e3 ? t.value = "normal_weak" : a.value > 8001 && a.value < 14e3 ? t.value = "normal_medium" : a.value > 14001 && a.value < 2e4 ? t.value = "warning" : t.value = "error"), r.value = !0;
+    };
+    function U(l) {
+      if (r.value) {
+        l.preventDefault();
+        return;
+      }
+      c.value = Number(l.target.value);
+    }
+    function I() {
+      c.value = void 0, a.value = 10, t.value = "initial", r.value = !1;
+    }
+    return (l, v) => (s(), u("div", ta, [
+      e("div", {
+        role: "heading",
+        "aria-level": d,
+        class: "capacity-calculation__subtitle"
+      }, n(l.$t("capacity-calculation.in.title")), 1),
+      e("fieldset", ia, [
+        e("legend", ca, n(l.$t("capacity-calculation.in.aiQuestion")), 1),
+        (s(!0), u(E, null, V(l.$t("capacity-calculation.in.aiOptions", { returnObjects: !0 }), (j, y) => (s(), u("div", { key: y }, [
+          e("label", {
+            class: k(["capacity-calculation__ai-option", { "capacity-calculation__ai-option--active": c.value === y, disabled: r.value }])
+          }, [
+            e("input", {
+              type: "radio",
+              "aria-disabled": r.value,
+              name: "ai-answer",
+              value: y,
+              onClick: U,
+              checked: c.value === y
+            }, null, 8, la),
+            L(" " + n(j), 1)
+          ], 2)
+        ]))), 128))
+      ]),
+      Number.isInteger(c.value) ? (s(), u("fieldset", na, [
+        e("legend", oa, n(l.$t("capacity-calculation.in.userQuestion")), 1),
+        e("div", ra, [
+          e("input", {
+            type: "range",
+            id: "nbUser",
+            name: "nbUser",
+            min: 0,
+            max: z(h).length - 1,
+            value: q.value,
+            onChange: A,
+            onKeydown: Q,
+            "aria-disabled": r.value,
+            class: "capacity-calculation__range"
+          }, null, 40, sa),
+          e("label", ua, n(a.value.toLocaleString()), 1)
+        ])
+      ])) : f("", !0),
+      Number.isInteger(c.value) ? (s(), B(W, {
+        key: 1,
+        onClick: P(S, ["prevent"]),
+        label: p.value.label,
+        state: p.value.state
+      }, D({ _: 2 }, [
+        t.value !== "initial" ? {
+          name: "icon",
+          fn: F(() => [
+            C(ea)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["label", "state"])) : f("", !0),
+      t.value !== "initial" ? (s(), u("p", da, n(l.$t("capacity-calculation.in.buttonLabel.information")), 1)) : f("", !0)
+    ]));
+  }
+}), _a = ".capacity-calculation__column--questions .capacity-calculation__fieldset[data-v-ec3b49a3]{border:none;display:flex;flex-direction:column;gap:12px;padding:0}.capacity-calculation__column--questions .capacity-calculation__legend[data-v-ec3b49a3]{font-weight:500;margin-bottom:16px}.capacity-calculation__column--questions .capacity-calculation__legend--user-question[data-v-ec3b49a3]{font-weight:500;margin:16px 0}.capacity-calculation__column--questions .capacity-calculation__ai-option[data-v-ec3b49a3]{border:1px solid #5e6c84;border-radius:8px;display:block;cursor:pointer;padding:12px;transition:all .2s ease}.capacity-calculation__column--questions .capacity-calculation__ai-option[data-v-ec3b49a3]:hover,.capacity-calculation__column--questions .capacity-calculation__ai-option[data-v-ec3b49a3]:focus{background-color:#f7f5ff;border-color:#613fdd;color:#291a5d}.capacity-calculation__column--questions .capacity-calculation__ai-option--active[data-v-ec3b49a3]{background-color:#f7f5ff;border-color:#613fdd;color:#291a5d}.capacity-calculation__column--questions .capacity-calculation__ai-option.disabled[data-v-ec3b49a3]{cursor:not-allowed;background:#f1f1f1;border-color:#5b5b5b}.capacity-calculation__column--questions .capacity-calculation__range-wrap[data-v-ec3b49a3]{display:flex;flex-direction:column;gap:8px}.capacity-calculation__column--questions .capacity-calculation__range[data-v-ec3b49a3]{width:100%;accent-color:#613fdd}.capacity-calculation__column--questions .capacity-calculation__range[aria-disabled=true][data-v-ec3b49a3]{opacity:.3;pointer-events:none}.capacity-calculation__column--questions .capacity-calculation__range-label[data-v-ec3b49a3]{display:flex;justify-content:center;font-weight:700;margin-block:-5px 10px}.capacity-calculation__column--questions .capacity-calculation__information[data-v-ec3b49a3]{color:#5e6c84;text-align:center;margin-block:.4rem 0;font-size:.9rem}", ma = /* @__PURE__ */ m(pa, [["styles", [_a]], ["__scopeId", "data-v-ec3b49a3"]]), va = { class: "capacity-calculation__column capacity-calculation__column--answers" }, ya = ["aria-level"], ba = { class: "capacity-calculation__card" }, fa = { class: "capacity-calculation__text capacity-calculation__text--strong" }, ga = ["src"], xa = { class: "capacity-calculation__text" }, ha = { class: "capacity-calculation__answers" }, wa = { class: "capacity-calculation__card" }, Ca = { class: "capacity-calculation__text capacity-calculation__text--strong" }, $a = ["src"], ka = { class: "capacity-calculation__text" }, La = {
+  key: 0,
+  class: "capacity-calculation__card capacity-calculation__card--retry"
+}, Na = /* @__PURE__ */ x({
+  __name: "Answers.ce",
+  props: {
+    currentLevel: { type: String },
+    selectedNbUser: { type: Number },
+    titleLevel: { type: Number },
+    images: { type: Object }
+  },
+  setup(o) {
+    const i = o, d = g(() => ({
+      imageSrc: i.images[i.currentLevel].consumptionImg,
+      label: `capacity-calculation.out.consumption.${i.currentLevel}`
+    })), c = g(() => ({
+      imageSrc: i.images[i.currentLevel].capacityImg,
+      label: `capacity-calculation.out.capacity.${i.currentLevel}`
+    }));
+    return (a, t) => (s(), u("div", va, [
+      e("div", {
+        role: "heading",
+        "aria-level": a.titleLevel + 1,
+        class: "capacity-calculation__subtitle"
+      }, n(a.$t("capacity-calculation.out.title")), 9, ya),
+      e("div", ba, [
+        e("p", fa, n(a.$t("capacity-calculation.out.capacity.label")), 1),
+        e("img", {
+          src: c.value.imageSrc,
+          alt: "",
+          class: "capacity-calculation__img--capacity"
+        }, null, 8, ga),
+        e("p", xa, n(a.$t(c.value.label)), 1)
+      ]),
+      e("div", ha, [
+        e("div", wa, [
+          e("p", Ca, n(a.$t("capacity-calculation.out.consumption.label")), 1),
+          e("img", {
+            src: d.value.imageSrc,
+            alt: "",
+            class: "capacity-calculation__img"
+          }, null, 8, $a),
+          e("p", ka, n(a.$t(d.value.label)), 1)
+        ]),
+        a.currentLevel !== "initial" ? (s(), u("div", La, " 🧐 " + n(a.$t("capacity-calculation.out.tryAgain")), 1)) : f("", !0)
+      ])
+    ]));
+  }
+}), qa = ".capacity-calculation__column--answers[data-v-db0665df]{display:flex;gap:.3rem}.capacity-calculation__column--answers .capacity-calculation__answers[data-v-db0665df]{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-db0665df]{background:#ffefc0;border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px}.capacity-calculation__column--answers .capacity-calculation__card--retry[data-v-db0665df]{background:#e8f3ef;border-radius:16px;font-size:1rem;font-weight:700;line-height:1.5rem;text-align:center}.capacity-calculation__column--answers .capacity-calculation__text[data-v-db0665df]{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-db0665df]{font-weight:700;margin:0}.capacity-calculation__column--answers img[data-v-db0665df]{max-width:100%}.capacity-calculation__column--answers .capacity-calculation__img--capacity[data-v-db0665df]{max-width:120px}@media (max-width: 720px){.capacity-calculation__column--answers .capacity-calculation__answers[data-v-db0665df]{flex-direction:row;justify-content:center;gap:16px}.capacity-calculation__column--answers .capacity-calculation__answers .capacity-calculation__card--retry[data-v-db0665df]{display:flex;justify-content:center}}", Aa = /* @__PURE__ */ m(Na, [["styles", [qa]], ["__scopeId", "data-v-db0665df"]]), Qa = { class: "capacity-calculation" }, Sa = ["aria-level"], Ua = { class: "capacity-calculation__grid" }, Ia = /* @__PURE__ */ x({
+  __name: "CapacityCalculation.ce",
+  props: {
+    titleLevel: { default: 2, type: Number },
+    images: { type: Object }
+  },
+  setup(o, { expose: i }) {
+    const d = b(void 0), c = b(10), a = b("initial");
+    function t() {
+      d.value = void 0, c.value = 10, a.value = "initial";
+    }
+    return i({ reset: t }), (r, p) => (s(), u("div", Qa, [
+      e("div", {
+        role: "heading",
+        "aria-level": r.titleLevel,
+        class: "capacity-calculation__title"
+      }, n(r.$t("capacity-calculation.title")), 9, Sa),
+      e("div", Ua, [
+        C(ma, {
+          "title-level": r.titleLevel,
+          "selected-ai-question": d.value,
+          "onUpdate:selectedAiQuestion": p[0] || (p[0] = (_) => d.value = _),
+          "selected-nb-user": c.value,
+          "onUpdate:selectedNbUser": p[1] || (p[1] = (_) => c.value = _),
+          "current-level": a.value,
+          "onUpdate:currentLevel": p[2] || (p[2] = (_) => a.value = _)
+        }, null, 8, ["title-level", "selected-ai-question", "selected-nb-user", "current-level"]),
+        C(Aa, {
+          "title-level": r.titleLevel,
+          "selected-nb-user": c.value,
+          "current-level": a.value,
+          images: r.images
+        }, null, 8, ["title-level", "selected-nb-user", "current-level", "images"])
+      ])
+    ]));
+  }
+}), 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>.capacity-calculation__column{display:flex;background:#fff;border-radius:8px;border:1px solid #b0d3f4;flex-direction:column;padding:16px}@media screen and (max-width: 720px){.capacity-calculation__grid{display:flex;flex-direction:column}}", Ma = /* @__PURE__ */ m(Ia, [["styles", [ja]]]);
+T(/* @__PURE__ */ Object.assign({ "./locales/fr.json": G })).catch((o) => console.error(o));
+window.customElements.define("capacity-calculation", R(Ma, {
+  configureApp(o) {
+    $.changeLanguage(document?.documentElement?.lang || navigator.language), o.use(H, { i18next: $ });
+  }
+}));

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

@@ -1,4 +1,4 @@
-import { a as I, g as M, r as u, h as S, j as R, k as c, c as d, o as v, f as p, l as B, m as E, F as O, b as W, q as g, v as j, t as D, x as F, _ as L, d as N } from "../_plugin-vue_export-helper-DK91u00G.js";
+import { a as I, g as M, r as u, h as S, j as R, k as c, c as d, o as v, f as p, l as B, m as E, F as O, b as W, q as g, v as j, t as D, x as F, _ as L, d as N } from "../_plugin-vue_export-helper-BaT1QC5Q.js";
 const P = { name: "image-map" }, q = ["shape", "coords", "onMouseenter", "onClick"], T = /* @__PURE__ */ I({
   __name: "ClickableImage.ce",
   props: {

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

@@ -1,17 +1,17 @@
-import { a as w, c as n, o as t, f as e, t as r, x as C, _ as x, r as p, y as g, F as v, b as h, D as P, e as B, d as A } from "../_plugin-vue_export-helper-DK91u00G.js";
-import { a as M, i as f, b as j } from "../i18n-Gv3Ze5vF.js";
-import { L as y } from "../LLMMessage.ce-CnMf3mGa.js";
+import { a as w, c as n, o as t, f as e, t as r, x as C, _ as x, r as p, y as g, F as v, b as h, H as P, e as B, d as A } from "../_plugin-vue_export-helper-BaT1QC5Q.js";
+import { a as M, i as f, b as j } from "../i18n-BOk_ejZ-.js";
+import { L as y } from "../LLMMessage.ce-55YTC7a9.js";
 const z = {}, N = {}, I = {
   "complete-phrase": { iaSuggestions: "🧠 Suggestions de l'IA", explanation: "La barre indique la probabilité de chaque mot. Plus elle est longue, plus le mot est probable dans ce contexte.", ariaLabelDescription: "Le mot {{name}} a une probabilité de {{percent}}%", clickHereButton: "Cliquez ici pour voir ce que l'IA va compléter", successfullyCompletedSentence: "🎉 Phrase complétée avec succès !" }
-}, T = {}, q = {}, D = { class: "probability-bar" }, E = { "aria-hidden": "true" }, F = { class: "sr-only" }, O = /* @__PURE__ */ w({
+}, T = {}, q = {}, E = { class: "probability-bar" }, D = { "aria-hidden": "true" }, F = { class: "sr-only" }, H = /* @__PURE__ */ w({
   __name: "ProbabilityBar.ce",
   props: {
     name: { type: String },
     percent: { type: Number }
   },
   setup(i) {
-    return (o, s) => (t(), n("div", D, [
-      e("p", E, r(o.name), 1),
+    return (o, s) => (t(), n("div", E, [
+      e("p", D, r(o.name), 1),
       e("p", F, r(o.$t("complete-phrase.ariaLabelDescription", { name: o.name, percent: o.percent })), 1),
       e("div", {
         style: C(`width: ${o.percent}%`),
@@ -24,7 +24,7 @@ const z = {}, N = {}, I = {
       }, null, -1))
     ]));
   }
-}), R = ".probability-bar[data-v-d89fc563]{position:relative;padding-bottom:10px;border-bottom:1px solid #cbcbcb}.probability-bar__percent[data-v-d89fc563]{position:absolute;left:0;z-index:2;height:5px;border-radius:5px;background-color:#235386}.probability-bar__background[data-v-d89fc563]{position:absolute;left:0;z-index:1;width:100%;height:5px;border-radius:5px;background-color:#92a1b2}.probability-bar p[data-v-d89fc563]{margin-bottom:0}.sr-only[data-v-d89fc563]{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}", H = /* @__PURE__ */ x(O, [["styles", [R]], ["__scopeId", "data-v-d89fc563"]]), V = { class: "container" }, W = { class: "container__left-side" }, G = { class: "container__conversation" }, J = ["aria-describedby"], K = {
+}), O = ".probability-bar[data-v-d89fc563]{position:relative;padding-bottom:10px;border-bottom:1px solid #cbcbcb}.probability-bar__percent[data-v-d89fc563]{position:absolute;left:0;z-index:2;height:5px;border-radius:5px;background-color:#235386}.probability-bar__background[data-v-d89fc563]{position:absolute;left:0;z-index:1;width:100%;height:5px;border-radius:5px;background-color:#92a1b2}.probability-bar p[data-v-d89fc563]{margin-bottom:0}.sr-only[data-v-d89fc563]{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}", R = /* @__PURE__ */ x(H, [["styles", [O]], ["__scopeId", "data-v-d89fc563"]]), V = { class: "container" }, W = { class: "container__left-side" }, G = { class: "container__conversation" }, J = ["aria-describedby"], K = {
   key: 1,
   class: "container__successSentence"
 }, Q = { class: "container__right-side" }, U = ["aria-level"], X = { "aria-hidden": "true" }, Y = { class: "probabilities" }, Z = ["id", "aria-hidden"], ee = /* @__PURE__ */ w({
@@ -81,7 +81,7 @@ const z = {}, N = {}, I = {
             id: `currentProbability${d}`,
             "aria-hidden": d !== l.value
           }, [
-            (t(!0), n(v, null, h($, (m, L) => (t(), B(H, {
+            (t(!0), n(v, null, h($, (m, L) => (t(), B(R, {
               name: m.name,
               percent: m.percent,
               key: L