@1024pix/epreuves-components 4.6.0 → 4.6.2

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

@@ -1,7 +1,7 @@
-import { a as g, o as r, c as u, t as p, q as E, A as L, x as s, _, N as C, b as t, F as D, e as R, v as T, D as x, y as V, X as Z, E as O, r as y, g as w, f, l as $, d as z } from "../_plugin-vue_export-helper-DJlRxzRH.js";
-import { u as F, a as P, i as k, b as W } from "../i18n-C0iMUvqX.js";
+import { b as g, o as r, c as u, t as p, q as E, E as L, x as s, _, N as C, a as t, F as D, e as R, v as T, C as h, y as V, X as Z, D as O, r as y, g as w, f as b, l as $, d as z } from "../_plugin-vue_export-helper-CD1RUA2y.js";
+import { u as F, a as P, i as k, b as W } from "../i18n-C-1Ne5JG.js";
 import { b as G } from "../normalize-props-DH0oPBss.js";
-import { R as H } from "../Retry-fzluiEoj.js";
+import { R as H } from "../Retry-DLOo5neI.js";
 const K = {}, X = {}, J = {}, Y = {}, aa = {}, ea = {
   "capacity-calculation": { in: { aiQuestion: "Quelle est la demande à l’IA ?", aiOptions: ["Fais une vidéo d’une durée d’une minute.", "Écris un texte de 10 lignes.", "Fais un dessin de haute qualité."], userQuestion: "Combien d’utilisateurs font la demande en même temps ?", buttonLabel: { primary: "Observer l’effet", warning: "Recommencer" } }, out: { title: "Impact des demandes", consumption: { label: "Consommation d’électricité :", normal_weak: "Moyenne", normal_medium: "Moyenne", warning: "Très forte", error: "Très forte", initial: "À l’arrêt" }, capacity: { label: "État du centre de données :", normal_weak: "Normal", normal_medium: "Normal", warning: "Sollicitation maximale", error: "Ne peut pas répondre à la demande", initial: "À l’arrêt" } } }
 }, ta = {}, ca = {}, la = /* @__PURE__ */ g({
@@ -45,7 +45,7 @@ const K = {}, X = {}, J = {}, Y = {}, aa = {}, ea = {
     const { t: c } = F(), n = C(a, "selectedAiQuestion"), e = C(a, "selectedNbUser"), l = C(a, "currentLevel"), i = y(!1), d = w(() => ({
       state: l.value === "initial" ? "primary" : "warning",
       label: c(`capacity-calculation.in.buttonLabel.${l.value === "initial" ? "primary" : "warning"}`)
-    })), h = w(() => Number.isInteger(n.value)), q = [800, 8e3, 14e3, 25e3, 9e4, 15e4], A = /* @__PURE__ */ new Set([
+    })), x = w(() => Number.isInteger(n.value)), q = [800, 8e3, 14e3, 25e3, 9e4, 15e4], M = /* @__PURE__ */ new Set([
       // Valeurs de base
       10,
       20,
@@ -78,19 +78,19 @@ const K = {}, X = {}, J = {}, Y = {}, aa = {}, ea = {
       75e3,
       1e5,
       125e3
-    ]), b = Array.from(A).sort((o, v) => o - v), M = w(() => {
-      const o = b.indexOf(e.value);
+    ]), f = Array.from(M).sort((o, v) => o - v), Q = w(() => {
+      const o = f.indexOf(e.value);
       return Math.max(0, o);
-    }), Q = (o) => {
+    }), S = (o) => {
       const v = o.target;
-      e.value = b[Number(v.value)];
-    }, S = (o) => {
+      e.value = f[Number(v.value)];
+    }, U = (o) => {
       if (i.value) {
         o.preventDefault();
         return;
       }
-    }, U = () => {
-      if (h.value) {
+    }, j = () => {
+      if (x.value) {
         if (l.value !== "initial") {
           I();
           return;
@@ -98,7 +98,7 @@ const K = {}, X = {}, J = {}, Y = {}, aa = {}, ea = {
         n.value === 0 ? e.value >= 10 && e.value <= 400 ? l.value = "normal_weak" : e.value >= 401 && e.value <= 700 ? l.value = "normal_medium" : e.value >= 701 && e.value <= 1e3 ? l.value = "warning" : l.value = "error" : n.value === 1 ? e.value >= 10 && e.value <= 4e4 ? l.value = "normal_weak" : e.value >= 40001 && e.value <= 7e4 ? l.value = "normal_medium" : e.value >= 70001 && e.value <= 1e5 ? l.value = "warning" : l.value = "error" : n.value === 2 && (e.value >= 10 && e.value <= 8e3 ? l.value = "normal_weak" : e.value >= 8001 && e.value <= 14e3 ? l.value = "normal_medium" : e.value >= 14001 && e.value <= 2e4 ? l.value = "warning" : l.value = "error"), i.value = !0;
       }
     };
-    function j(o) {
+    function A(o) {
       if (i.value) {
         o.preventDefault();
         return;
@@ -120,8 +120,8 @@ const K = {}, X = {}, J = {}, Y = {}, aa = {}, ea = {
               "aria-disabled": i.value,
               name: "ai-answer",
               value: m,
-              onClick: j,
-              checked: n.value === m
+              checked: n.value === m,
+              onClick: A
             }, null, 8, ua),
             L(" " + s(B), 1)
           ], 2)
@@ -131,42 +131,43 @@ const K = {}, X = {}, J = {}, Y = {}, aa = {}, ea = {
         t("legend", _a, s(o.$t("capacity-calculation.in.userQuestion")), 1),
         t("div", pa, [
           t("input", {
-            type: "range",
             id: "nbUser",
+            type: "range",
             name: "nbUser",
             min: 0,
-            max: T(b).length - 1,
-            value: M.value,
-            onChange: Q,
-            onKeydown: S,
+            max: T(f).length - 1,
+            value: Q.value,
             "aria-disabled": i.value,
-            class: "capacity-calculation__range"
+            class: "capacity-calculation__range",
+            onChange: S,
+            onKeydown: U
           }, null, 40, va),
           t("label", ma, s(e.value.toLocaleString()), 1)
         ])
       ]),
-      x(ia, {
-        onClick: V(U, ["prevent"]),
-        "aria-disabled": !h.value,
+      h(ia, {
+        "aria-disabled": !x.value,
         label: d.value.label,
-        state: d.value.state
+        state: d.value.state,
+        onClick: V(j, ["prevent"])
       }, Z({ _: 2 }, [
         l.value !== "initial" ? {
           name: "icon",
           fn: O(() => [
-            x(H)
+            h(H)
           ]),
           key: "0"
         } : void 0
       ]), 1032, ["aria-disabled", "label", "state"])
     ]));
   }
-}), fa = ".capacity-calculation__column--questions[data-v-55aedee7]{background:#fff;border:1px solid #cdd1d9}.capacity-calculation__column--questions .capacity-calculation__fieldset[data-v-55aedee7]{border:none;display:flex;flex-direction:column;gap:12px;padding:0}.capacity-calculation__column--questions .capacity-calculation__fieldset--range[data-v-55aedee7]{margin-top:12px}.capacity-calculation__column--questions .capacity-calculation__legend[data-v-55aedee7]{font-weight:500;margin-bottom:16px}.capacity-calculation__column--questions .capacity-calculation__legend--user-question[data-v-55aedee7]{font-weight:500;margin:16px 0}.capacity-calculation__column--questions .capacity-calculation__ai-option[data-v-55aedee7]{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-55aedee7]:hover,.capacity-calculation__column--questions .capacity-calculation__ai-option[data-v-55aedee7]:focus{background-color:#f7f5ff;border-color:#613fdd;color:#291a5d}.capacity-calculation__column--questions .capacity-calculation__ai-option--active[data-v-55aedee7]{background-color:#f7f5ff;border-color:#613fdd;color:#291a5d}.capacity-calculation__column--questions .capacity-calculation__ai-option.disabled[data-v-55aedee7]{cursor:not-allowed;background:#f1f1f1;border-color:#5b5b5b}.capacity-calculation__column--questions .capacity-calculation__range-wrap[data-v-55aedee7]{display:flex;flex-direction:column;gap:8px}.capacity-calculation__column--questions .capacity-calculation__range[data-v-55aedee7]{width:100%;accent-color:#613fdd}.capacity-calculation__column--questions .capacity-calculation__range[aria-disabled=true][data-v-55aedee7]{opacity:.3;pointer-events:none}.capacity-calculation__column--questions .capacity-calculation__range-label[data-v-55aedee7]{display:flex;justify-content:center;font-weight:700;margin-block:-5px 10px}", ga = /* @__PURE__ */ _(ya, [["styles", [fa]], ["__scopeId", "data-v-55aedee7"]]), ba = {}, Ca = {
+}), ba = ".capacity-calculation__column--questions[data-v-358b5c7c]{background:#fff;border:1px solid #cdd1d9}.capacity-calculation__column--questions .capacity-calculation__fieldset[data-v-358b5c7c]{border:none;display:flex;flex-direction:column;gap:12px;padding:0}.capacity-calculation__column--questions .capacity-calculation__fieldset--range[data-v-358b5c7c]{margin-top:12px}.capacity-calculation__column--questions .capacity-calculation__legend[data-v-358b5c7c]{font-weight:500;margin-bottom:16px}.capacity-calculation__column--questions .capacity-calculation__legend--user-question[data-v-358b5c7c]{font-weight:500;margin:16px 0}.capacity-calculation__column--questions .capacity-calculation__ai-option[data-v-358b5c7c]{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-358b5c7c]:hover,.capacity-calculation__column--questions .capacity-calculation__ai-option[data-v-358b5c7c]:focus{background-color:#f7f5ff;border-color:#613fdd;color:#291a5d}.capacity-calculation__column--questions .capacity-calculation__ai-option--active[data-v-358b5c7c]{background-color:#f7f5ff;border-color:#613fdd;color:#291a5d}.capacity-calculation__column--questions .capacity-calculation__ai-option.disabled[data-v-358b5c7c]{cursor:not-allowed;background:#f1f1f1;border-color:#5b5b5b}.capacity-calculation__column--questions .capacity-calculation__range-wrap[data-v-358b5c7c]{display:flex;flex-direction:column;gap:8px}.capacity-calculation__column--questions .capacity-calculation__range[data-v-358b5c7c]{width:100%;accent-color:#613fdd}.capacity-calculation__column--questions .capacity-calculation__range[aria-disabled=true][data-v-358b5c7c]{opacity:.3;pointer-events:none}.capacity-calculation__column--questions .capacity-calculation__range-label[data-v-358b5c7c]{display:flex;justify-content:center;font-weight:700;margin-block:-5px 10px}", ga = /* @__PURE__ */ _(ya, [["styles", [ba]], ["__scopeId", "data-v-358b5c7c"]]), fa = {}, Ca = {
   width: "43",
   height: "43",
   viewBox: "0 0 43 43",
   fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
+  xmlns: "http://www.w3.org/2000/svg",
+  "aria-hidden": "true"
 };
 function wa(a, c) {
   return r(), u("svg", Ca, [...c[0] || (c[0] = [
@@ -176,12 +177,13 @@ function wa(a, c) {
     }, null, -1)
   ])]);
 }
-const xa = /* @__PURE__ */ _(ba, [["render", wa]]), ha = {}, ka = {
+const ha = /* @__PURE__ */ _(fa, [["render", wa]]), xa = {}, ka = {
   width: "43",
   height: "43",
   viewBox: "0 0 43 43",
   fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
+  xmlns: "http://www.w3.org/2000/svg",
+  "aria-hidden": "true"
 };
 function La(a, c) {
   return r(), u("svg", ka, [...c[0] || (c[0] = [
@@ -191,14 +193,15 @@ function La(a, c) {
     }, null, -1)
   ])]);
 }
-const $a = /* @__PURE__ */ _(ha, [["render", La]]), Na = {}, qa = {
+const $a = /* @__PURE__ */ _(xa, [["render", La]]), Na = {}, qa = {
   width: "43",
   height: "43",
   viewBox: "0 0 43 43",
   fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
+  xmlns: "http://www.w3.org/2000/svg",
+  "aria-hidden": "true"
 };
-function Aa(a, c) {
+function Ma(a, c) {
   return r(), u("svg", qa, [...c[0] || (c[0] = [
     t("path", {
       d: "M5.00009 37.8074C4.62175 37.8074 4.27999 37.7135 3.9748 37.5257C3.66962 37.3379 3.43238 37.0903 3.26307 36.783C3.09226 36.4785 2.99939 36.1476 2.98446 35.7905C2.96953 35.4333 3.0624 35.0848 3.26307 34.745L19.7182 6.27096C19.9186 5.92965 20.1806 5.67538 20.5043 5.50816C20.828 5.34093 21.1602 5.25732 21.5009 5.25732C21.8416 5.25732 22.1735 5.34093 22.4966 5.50816C22.8197 5.67538 23.0814 5.92965 23.2818 6.27096L39.7369 34.745C39.9376 35.0848 40.0305 35.4333 40.0155 35.7905C40.0006 36.1476 39.9077 36.4785 39.7369 36.783C39.5661 37.0873 39.3286 37.3341 39.0243 37.5234C38.7197 37.7128 38.3782 37.8074 37.9999 37.8074H5.00009ZM21.5 32.2179C22.0148 32.2179 22.4511 32.039 22.8088 31.6813C23.1665 31.3238 23.3454 30.8877 23.3454 30.3729C23.3454 29.8581 23.1665 29.4236 22.8088 29.0695C22.4511 28.7153 22.0148 28.5382 21.5 28.5382C20.9852 28.5382 20.5489 28.7153 20.1912 29.0695C19.8334 29.4236 19.6546 29.8581 19.6546 30.3729C19.6546 30.8877 19.8334 31.3238 20.1912 31.6813C20.5489 32.039 20.9852 32.2179 21.5 32.2179ZM21.5 26.8751C22.0076 26.8751 22.4332 26.7034 22.7766 26.36C23.12 26.0166 23.2917 25.5911 23.2917 25.0835V19.8263C23.2917 19.3186 23.12 18.8931 22.7766 18.5497C22.4332 18.2063 22.0076 18.0346 21.5 18.0346C20.9924 18.0346 20.5668 18.2063 20.2234 18.5497C19.88 18.8931 19.7083 19.3186 19.7083 19.8263V25.0835C19.7083 25.5911 19.88 26.0166 20.2234 26.36C20.5668 26.7034 20.9924 26.8751 21.5 26.8751Z",
@@ -206,7 +209,7 @@ function Aa(a, c) {
     }, null, -1)
   ])]);
 }
-const Ma = /* @__PURE__ */ _(Na, [["render", Aa]]), Qa = ["aria-level"], Sa = { class: "capacity-calculation__card" }, Ua = { class: "capacity-calculation__text capacity-calculation__text--strong" }, ja = { class: "capacity-calculation__img" }, Ia = ["src"], Ba = { class: "capacity-calculation__text" }, Ea = { class: "capacity-calculation__answers" }, Da = { class: "capacity-calculation__card" }, Ra = { class: "capacity-calculation__text capacity-calculation__text--strong" }, Ta = { class: "capacity-calculation__text" }, Va = /* @__PURE__ */ g({
+const Qa = /* @__PURE__ */ _(Na, [["render", Ma]]), Sa = ["aria-level"], Ua = { class: "capacity-calculation__card" }, ja = { class: "capacity-calculation__text capacity-calculation__text--strong" }, Aa = { class: "capacity-calculation__img" }, Ia = ["src"], Ba = { class: "capacity-calculation__text" }, Ea = { class: "capacity-calculation__answers" }, Da = { class: "capacity-calculation__card" }, Ra = { class: "capacity-calculation__text capacity-calculation__text--strong" }, Ta = { class: "capacity-calculation__text" }, Va = /* @__PURE__ */ g({
   __name: "Answers.ce",
   props: {
     currentLevel: { type: String },
@@ -222,21 +225,21 @@ const Ma = /* @__PURE__ */ _(Na, [["render", Aa]]), Qa = ["aria-level"], Sa = {
         role: "heading",
         "aria-level": a.titleLevel,
         class: "capacity-calculation__title"
-      }, s(c.$t("capacity-calculation.out.title")), 9, Qa),
-      t("div", Sa, [
-        t("p", Ua, s(c.$t("capacity-calculation.out.capacity.label")), 1),
-        t("div", ja, [
+      }, s(c.$t("capacity-calculation.out.title")), 9, Sa),
+      t("div", Ua, [
+        t("p", ja, s(c.$t("capacity-calculation.out.capacity.label")), 1),
+        t("div", Aa, [
           t("img", {
             src: a.capacityImage,
             alt: ""
           }, null, 8, Ia),
-          a.currentLevel.startsWith("normal_") ? (r(), f($a, {
+          a.currentLevel.startsWith("normal_") ? (r(), b($a, {
             key: 0,
             class: "capacity-calculation__img--status"
-          })) : a.currentLevel === "warning" ? (r(), f(Ma, {
+          })) : a.currentLevel === "warning" ? (r(), b(Qa, {
             key: 1,
             class: "capacity-calculation__img--status"
-          })) : a.currentLevel === "error" ? (r(), f(xa, {
+          })) : a.currentLevel === "error" ? (r(), b(ha, {
             key: 2,
             class: "capacity-calculation__img--status"
           })) : $("", !0)
@@ -254,7 +257,7 @@ const Ma = /* @__PURE__ */ _(Na, [["render", Aa]]), Qa = ["aria-level"], Sa = {
       ])
     ], 2));
   }
-}), Za = ".capacity-calculation__column--answers[data-v-c8dd3f3a]{display:flex;gap:.3rem;border:0px}.capacity-calculation__column--answers--normal_weak[data-v-c8dd3f3a],.capacity-calculation__column--answers--normal_medium[data-v-c8dd3f3a]{background:#eaf1ff}.capacity-calculation__column--answers--warning[data-v-c8dd3f3a]{background:#fffaeb}.capacity-calculation__column--answers--error[data-v-c8dd3f3a]{background:#fbebea}.capacity-calculation__column--answers .capacity-calculation__answers[data-v-c8dd3f3a]{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-c8dd3f3a]{border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px}.capacity-calculation__column--answers .capacity-calculation__text[data-v-c8dd3f3a]{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-c8dd3f3a]{font-weight:700;margin:0}.capacity-calculation__column--answers img[data-v-c8dd3f3a]{max-width:100%}.capacity-calculation__column--answers .capacity-calculation__img[data-v-c8dd3f3a]{position:relative}.capacity-calculation__column--answers .capacity-calculation__img img[data-v-c8dd3f3a]{width:100px;height:100px;border-radius:24px}.capacity-calculation__column--answers .capacity-calculation__img--status[data-v-c8dd3f3a]{position:absolute;top:0;right:0;transform:translate(30%,-30%)}.capacity-calculation__column--answers .capacity-calculation__progress-bar[data-v-c8dd3f3a]{width:100%;height:32px;border-radius:24px;border:solid 2px #253858}.capacity-calculation__column--answers .capacity-calculation__progress-bar.normal_weak[data-v-c8dd3f3a],.capacity-calculation__column--answers .capacity-calculation__progress-bar.normal_medium[data-v-c8dd3f3a]{background:linear-gradient(90deg,#1f53b5 10%,#fff 36%)}.capacity-calculation__column--answers .capacity-calculation__progress-bar.warning[data-v-c8dd3f3a]{background:linear-gradient(90deg,#ee6911 30%,#fff 66%)}.capacity-calculation__column--answers .capacity-calculation__progress-bar.error[data-v-c8dd3f3a]{background:linear-gradient(90deg,#d24140 51%,#fff 88%)}@media(max-width:720px){.capacity-calculation__column--answers .capacity-calculation__answers[data-v-c8dd3f3a]{flex-direction:row;justify-content:center;gap:16px}}", Oa = /* @__PURE__ */ _(Va, [["styles", [Za]], ["__scopeId", "data-v-c8dd3f3a"]]), za = { class: "capacity-calculation" }, Fa = {
+}), Za = ".capacity-calculation__column--answers[data-v-51d8db7d]{display:flex;gap:.3rem;border:0px}.capacity-calculation__column--answers--normal_weak[data-v-51d8db7d],.capacity-calculation__column--answers--normal_medium[data-v-51d8db7d]{background:#eaf1ff}.capacity-calculation__column--answers--warning[data-v-51d8db7d]{background:#fffaeb}.capacity-calculation__column--answers--error[data-v-51d8db7d]{background:#fbebea}.capacity-calculation__column--answers .capacity-calculation__answers[data-v-51d8db7d]{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-51d8db7d]{border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px}.capacity-calculation__column--answers .capacity-calculation__text[data-v-51d8db7d]{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-51d8db7d]{font-weight:700;margin:0}.capacity-calculation__column--answers img[data-v-51d8db7d]{max-width:100%}.capacity-calculation__column--answers .capacity-calculation__img[data-v-51d8db7d]{position:relative}.capacity-calculation__column--answers .capacity-calculation__img img[data-v-51d8db7d]{width:100px;height:100px;border-radius:24px}.capacity-calculation__column--answers .capacity-calculation__img--status[data-v-51d8db7d]{position:absolute;top:0;right:0;transform:translate(30%,-30%)}.capacity-calculation__column--answers .capacity-calculation__progress-bar[data-v-51d8db7d]{width:100%;height:32px;border-radius:24px;border:solid 2px #253858}.capacity-calculation__column--answers .capacity-calculation__progress-bar.normal_weak[data-v-51d8db7d],.capacity-calculation__column--answers .capacity-calculation__progress-bar.normal_medium[data-v-51d8db7d]{background:linear-gradient(90deg,#1f53b5 10%,#fff 36%)}.capacity-calculation__column--answers .capacity-calculation__progress-bar.warning[data-v-51d8db7d]{background:linear-gradient(90deg,#ee6911 30%,#fff 66%)}.capacity-calculation__column--answers .capacity-calculation__progress-bar.error[data-v-51d8db7d]{background:linear-gradient(90deg,#d24140 51%,#fff 88%)}@media(max-width:720px){.capacity-calculation__column--answers .capacity-calculation__answers[data-v-51d8db7d]{flex-direction:row;justify-content:center;gap:16px}}", Oa = /* @__PURE__ */ _(Va, [["styles", [Za]], ["__scopeId", "data-v-51d8db7d"]]), za = { class: "capacity-calculation" }, Fa = {
   class: "capacity-calculation__grid",
   "aria-live": "polite"
 }, Pa = /* @__PURE__ */ g({
@@ -267,7 +270,7 @@ const Ma = /* @__PURE__ */ _(Na, [["render", Aa]]), Qa = ["aria-level"], Sa = {
     const c = y(void 0), n = y(10), e = y("initial");
     return (l, i) => (r(), u("div", za, [
       t("div", Fa, [
-        x(ga, {
+        h(ga, {
           "selected-ai-question": c.value,
           "onUpdate:selectedAiQuestion": i[0] || (i[0] = (d) => c.value = d),
           "selected-nb-user": n.value,
@@ -276,7 +279,7 @@ const Ma = /* @__PURE__ */ _(Na, [["render", Aa]]), Qa = ["aria-level"], Sa = {
           "onUpdate:currentLevel": i[2] || (i[2] = (d) => e.value = d),
           class: p({ "initial-state": e.value === "initial" })
         }, null, 8, ["selected-ai-question", "selected-nb-user", "current-level", "class"]),
-        e.value !== "initial" ? (r(), f(Oa, {
+        e.value !== "initial" ? (r(), b(Oa, {
           key: 0,
           "title-level": a.titleLevel,
           "selected-nb-user": n.value,

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

@@ -1,6 +1,6 @@
-import { a as R, h as E, k as O, G as W, o as d, c as p, b as C, m as _, F as D, e as L, y as V, B as y, v as j, t as G, l as H, H as T, I as U, x as X, r as b, g as v, _ as Y, d as q } from "../_plugin-vue_export-helper-DJlRxzRH.js";
+import { b as B, h as E, k as O, G as W, o as p, c as d, a as C, m as _, F as D, e as L, y as V, A as y, v as j, t as G, l as H, H as T, I as U, x as X, r as b, g as v, _ as Y, d as q } from "../_plugin-vue_export-helper-CD1RUA2y.js";
 import { a as J, b as S } from "../normalize-props-DH0oPBss.js";
-const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "aria-label"], m = 10, Z = /* @__PURE__ */ R({
+const K = { class: "container" }, Q = ["aria-label", "onMouseenter", "onFocusin", "onClick"], f = 10, Z = /* @__PURE__ */ B({
   __name: "ClickableImage.ce",
   props: {
     image: { type: Object },
@@ -18,10 +18,10 @@ const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "
     });
     const I = a.areas.some(({ spot: e }) => !!e), $ = v(() => a.areas.map((e) => ({
       ...e,
-      coords: M(e.coords),
-      spot: A(e.spot)
+      coords: A(e.coords),
+      spot: M(e.spot)
     })));
-    function M(e) {
+    function A(e) {
       return {
         x1: e.x1 * r.value,
         y1: e.y1 * r.value,
@@ -29,18 +29,18 @@ const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "
         y2: e.y2 * r.value
       };
     }
-    function A({ x: e = 0, y: t = 0 } = {}) {
+    function M({ x: e = 0, y: t = 0 } = {}) {
       return {
         x: e * r.value,
         y: t * r.value
       };
     }
-    const f = b();
+    const m = b();
     function k(e) {
-      f.value = e;
+      m.value = e;
     }
     function w() {
-      f.value = void 0;
+      m.value = void 0;
     }
     const u = b();
     function F(e) {
@@ -49,10 +49,10 @@ const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "
     function P() {
       u.value = void 0;
     }
-    const x = v(() => u.value ?? f.value), c = v(() => {
+    const x = v(() => u.value ?? m.value), c = v(() => {
       if (x.value !== void 0)
         return $.value[x.value];
-    }), B = v(() => {
+    }), N = v(() => {
       if (!c.value) return {};
       const { tooltipPosition: e, coords: { x1: t, y1: o, x2: n, y2: s } } = c.value;
       switch (e) {
@@ -60,39 +60,39 @@ const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "
           return {
             left: `${t + (n - t) / 2}px`,
             transform: "translate(-50%, -100%)",
-            top: `${o - m}px`
+            top: `${o - f}px`
           };
         case "bottom":
           return {
             left: `${t + (n - t) / 2}px`,
             transform: "translateX(-50%)",
-            top: `${s + m}px`
+            top: `${s + f}px`
           };
         case "left":
           return {
-            left: `${t - m}px`,
+            left: `${t - f}px`,
             top: `${o + (s - o) / 2}px`,
             transform: "translate(-100%, -50%)"
           };
         default:
           return {
-            left: `${n + m}px`,
+            left: `${n + f}px`,
             top: `${o + (s - o) / 2}px`,
             transform: "translateY(-50%)"
           };
       }
     });
-    function N() {
+    function R() {
       u.value = void 0;
     }
-    return i({ reset: N }), (e, t) => (d(), p("div", K, [
+    return i({ reset: R }), (e, t) => (p(), d("div", K, [
       C("img", _(a.image, {
         ref: "image",
+        alt: "",
         onLoad: t[0] || (t[0] = (o) => h()),
-        onClick: t[1] || (t[1] = (o) => P()),
-        alt: ""
+        onClick: t[1] || (t[1] = (o) => P())
       }), null, 16),
-      (d(!0), p(D, null, L($.value, (o, n) => (d(), p("button", {
+      (p(!0), d(D, null, L($.value, (o, n) => (p(), d("button", {
         key: n,
         style: y({
           "--y1": `${o.coords.y1}px`,
@@ -101,14 +101,14 @@ const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "
           "--x2": `${o.coords.x2}px`
         }),
         class: "area",
+        "aria-label": o.info,
         onMouseenter: (s) => k(n),
         onMouseleave: t[2] || (t[2] = (s) => w()),
         onFocusin: (s) => k(n),
         onFocusout: t[3] || (t[3] = (s) => w()),
-        onClick: V((s) => F(n), ["stop"]),
-        "aria-label": o.info
+        onClick: V((s) => F(n), ["stop"])
       }, [
-        j(I) ? (d(), p("span", {
+        j(I) ? (p(), d("span", {
           key: 0,
           class: G(["spot", { active: x.value === n }]),
           style: y({
@@ -120,13 +120,13 @@ const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "
       T(C("p", {
         class: "tooltip",
         "aria-hidden": "true",
-        style: y(B.value)
+        style: y(N.value)
       }, X(c.value?.info), 5), [
         [U, c.value]
       ])
     ]));
   }
-}), 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]]]), z = q(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 #edeff3;background:#212a3799;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]]]), z = q(te);
 z.prototype.normalizeProps = (a) => ({
   ...a,
   image: {

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

@@ -1,48 +1,48 @@
-import { a as h, o, c as n, b as a, x as c, B as j, _ as f, t as P, q as S, A as N, F as y, e as x, l as z, r as k, g as m, D as L, f as v, d as M } from "../_plugin-vue_export-helper-DJlRxzRH.js";
-import { u as O, a as T, i as q, b as E } from "../i18n-C0iMUvqX.js";
+import { b as f, o as a, c as n, a as o, x as c, A as j, _ as h, t as C, q as S, E as N, F as y, e as x, l as z, r as k, g as m, C as L, f as v, d as E } from "../_plugin-vue_export-helper-CD1RUA2y.js";
+import { u as M, a as O, i as q, b as T } from "../i18n-C-1Ne5JG.js";
 import { b as I } from "../normalize-props-DH0oPBss.js";
-import { L as B } from "../LLMMessage.ce-DBorHEa1.js";
-const R = {}, D = {}, V = {}, F = {}, Q = {}, W = {
+import { L as B } from "../LLMMessage.ce-BM9ikl_y.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';)}}." } }
-}, H = {}, 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__ */ f({
   __name: "ProbabilityBar.ce",
   props: {
     name: { type: String },
     percent: { type: Number }
   },
   setup(e) {
-    return (d, t) => (o(), n("div", G, [
-      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", {
+    return (d, t) => (a(), n("div", G, [
+      o("p", J, c(e.name), 1),
+      o("p", K, c(d.$t("complete-phrase.ariaLabelDescription", { name: e.name, percent: e.percent })), 1),
+      o("div", {
         style: j(`width: ${e.percent}%`),
         class: "probability-bar__percent",
         "aria-hidden": "true"
       }, null, 4),
-      t[0] || (t[0] = a("div", {
+      t[0] || (t[0] = o("div", {
         class: "probability-bar__background",
         "aria-hidden": "true"
       }, null, -1))
     ]));
   }
-}), Y = ".probability-bar[data-v-19f7d147]{font-family:Roboto,sans-serif;padding-bottom:10px;position:relative}.probability-bar p[data-v-19f7d147]{margin:0}.probability-bar__percent[data-v-19f7d147]{position:absolute;left:0;z-index:2;height:6px;border-radius:5px;background-color:#122647}.probability-bar__background[data-v-19f7d147]{position:absolute;left:0;z-index:1;width:100%;height:6px;border-radius:5px;background-color:#cdd1d9}.sr-only[data-v-19f7d147]{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}", Z = /* @__PURE__ */ f(X, [["styles", [Y]], ["__scopeId", "data-v-19f7d147"]]), ee = /* @__PURE__ */ h({
+}), Y = ".probability-bar[data-v-19f7d147]{font-family:Roboto,sans-serif;padding-bottom:10px;position:relative}.probability-bar p[data-v-19f7d147]{margin:0}.probability-bar__percent[data-v-19f7d147]{position:absolute;left:0;z-index:2;height:6px;border-radius:5px;background-color:#122647}.probability-bar__background[data-v-19f7d147]{position:absolute;left:0;z-index:1;width:100%;height:6px;border-radius:5px;background-color:#cdd1d9}.sr-only[data-v-19f7d147]{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}", Z = /* @__PURE__ */ h(X, [["styles", [Y]], ["__scopeId", "data-v-19f7d147"]]), ee = /* @__PURE__ */ f({
   __name: "Button.ce",
   props: {
     label: { type: String },
     state: { type: String }
   },
   setup(e) {
-    return (d, t) => (o(), n("button", {
-      class: P(["complete-phrase_button", e.state])
+    return (d, t) => (a(), n("button", {
+      class: C(["complete-phrase_button", e.state])
     }, [
       S(d.$slots, "icon"),
       N(" " + 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 = {
+}), 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}", ae = /* @__PURE__ */ h(ee, [["styles", [te]]]), oe = { class: "qcu" }, se = { class: "qcu__list" }, ie = ["id", "aria-label", "checked", "disabled", "onClick"], re = { for: "`choice${index}`" }, ne = {
   key: 0,
   class: "feedback"
-}, le = /* @__PURE__ */ h({
+}, le = /* @__PURE__ */ f({
   __name: "QCU.ce",
   props: {
     list: { type: Array },
@@ -50,33 +50,33 @@ const R = {}, D = {}, V = {}, F = {}, Q = {}, W = {
   },
   emits: ["answer"],
   setup(e, { emit: d }) {
-    const t = d, s = k(null), { t: p } = O(), _ = 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(y, null, x(e.list, (r, l) => (o(), n("div", {
-          class: "qcu__list-choice",
-          key: l
+    return (i, w) => (a(), n("div", oe, [
+      o("p", null, c(e.title), 1),
+      o("section", se, [
+        (a(!0), n(y, null, x(e.list, (r, l) => (a(), n("div", {
+          key: l,
+          class: "qcu__list-choice"
         }, [
-          a("input", {
+          o("input", {
             id: `choice${l}`,
             type: "radio",
             name: "qcu-choice",
-            onClick: (u) => g(r),
             "aria-label": r.name,
             checked: s.value === r,
-            disabled: !!s.value
+            disabled: !!s.value,
+            onClick: (u) => g(r)
           }, null, 8, ie),
-          a("label", re, c(r.name), 1)
+          o("label", re, c(r.name), 1)
         ]))), 128))
       ]),
-      s.value ? (o(), n("section", ne, c(_.value), 1)) : z("", !0)
+      s.value ? (a(), n("section", ne, c(_.value), 1)) : z("", !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({
+}), ce = "[data-v-af3c8f6a]{font-family:Roboto,sans-serif;color:#122647}.qcu[data-v-af3c8f6a]{align-items:center;display:flex;flex-direction:column;gap:16px}.qcu p[data-v-af3c8f6a]{margin:0}.qcu__list[data-v-af3c8f6a]{display:flex;gap:16px}.qcu__list-choice[data-v-af3c8f6a]{position:relative}.qcu__list-choice input[data-v-af3c8f6a]{appearance:none;height:100%;outline:none;position:absolute;width:100%}.qcu__list-choice input:checked+label[data-v-af3c8f6a]{background-color:#3b82f6;color:#fff}.qcu__list-choice input[data-v-af3c8f6a]:hover{cursor:pointer}.qcu__list-choice input:hover+label[data-v-af3c8f6a]{background-color:#3b82f6;color:#fff;transition:background-color .5s ease,color .5s ease}.qcu__list-choice input:disabled+label[data-v-af3c8f6a],.qcu__list-choice input[data-v-af3c8f6a]:disabled:hover{cursor:not-allowed}.qcu__list-choice input:disabled:not(:checked)+label[data-v-af3c8f6a],.qcu__list-choice input:disabled:hover:not(:checked)+label[data-v-af3c8f6a]{background:#e6f2fe;color:#122647;cursor:not-allowed;opacity:.5;transition:none}.qcu__list-choice label[data-v-af3c8f6a]{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-af3c8f6a]{display:flex;padding:8px 16px;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch;border-radius:8px;background:#e6f2fe}", de = /* @__PURE__ */ h(le, [["styles", [ce]], ["__scopeId", "data-v-af3c8f6a"]]), pe = { class: "complete-phrase" }, ue = ["aria-level"], be = { class: "complete-phrase__description" }, me = { class: "complete-phrase__container" }, fe = { class: "complete-phrase-container__conversation" }, he = { class: "complete-phrase-container__probabilities" }, _e = ["id", "aria-hidden"], ge = /* @__PURE__ */ f({
   __name: "CompletePhrase.ce",
   props: {
     listOfProbabilityBarsLists: { type: Array },
@@ -102,15 +102,15 @@ const R = {}, D = {}, V = {}, F = {}, Q = {}, W = {
     }
     return d({
       reset: i
-    }), (r, l) => (o(), n("div", pe, [
-      a("div", {
+    }), (r, l) => (a(), n("div", pe, [
+      o("div", {
         class: "complete-phrase__title",
         role: "heading",
         "aria-level": e.titleLevel
       }, c(r.$t("complete-phrase.title")), 9, ue),
-      a("p", be, c(r.$t("complete-phrase.description")), 1),
-      a("section", me, [
-        a("div", he, [
+      o("p", be, c(r.$t("complete-phrase.description")), 1),
+      o("section", me, [
+        o("div", fe, [
           L(B, {
             class: "container__message",
             message: { content: e.userMessage, direction: "outbound" }
@@ -120,44 +120,44 @@ const R = {}, D = {}, V = {}, F = {}, Q = {}, W = {
             message: { content: g.value, direction: "inbound" }
           }, null, 8, ["message"])
         ]),
-        a("div", fe, [
-          (o(!0), n(y, null, x(e.listOfProbabilityBarsLists, (u, b) => (o(), n("div", {
-            class: P(["probability", { hidden: b !== t.value }]),
-            key: b,
+        o("div", he, [
+          (a(!0), n(y, null, x(e.listOfProbabilityBarsLists, (u, b) => (a(), n("div", {
             id: `currentProbability${b}`,
+            key: b,
+            class: C(["probability", { hidden: b !== t.value }]),
             "aria-hidden": b !== t.value
           }, [
-            (o(!0), n(y, null, x(u, ($, A) => (o(), v(Z, {
+            (a(!0), n(y, null, x(u, ($, A) => (a(), v(Z, {
+              key: A,
               name: $.name,
-              percent: $.percent,
-              key: A
+              percent: $.percent
             }, null, 8, ["name", "percent"]))), 128))
           ], 10, _e))), 128))
         ])
       ]),
-      p.value ? (o(), v(de, {
+      p.value ? (a(), v(de, {
         key: 0,
         list: _.value,
         title: r.$t("complete-phrase.successfullyCompletedSentence"),
         onAnswer: l[0] || (l[0] = (u) => s.value = u)
-      }, null, 8, ["list", "title"])) : (o(), v(oe, {
+      }, null, 8, ["list", "title"])) : (a(), v(ae, {
         key: 1,
-        onClick: w,
         state: "primary",
         label: r.$t("complete-phrase.clickHereButton"),
-        "aria-describedby": `currentProbability${t.value}`
+        "aria-describedby": `currentProbability${t.value}`,
+        onClick: w
       }, null, 8, ["label", "aria-describedby"]))
     ]));
   }
-}), 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]]]);
-T(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": R, "./locales/en.json": D, "./locales/es-419.json": V, "./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 C = M(ye, {
+}), 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__ */ h(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": 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(E, { i18next: q });
+    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);