@1024pix/epreuves-components 4.2.0 → 4.3.0

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

@@ -1,31 +1,29 @@
-import { b, o as n, c as s, t as v, q as V, E as N, x as o, _ as p, U as w, a as t, F as D, e as R, v as T, C as x, y as Z, W as O, D as F, V as P, r as g, g as h, f, l as q, d as W } from "../_plugin-vue_export-helper-B-lVMTio.js";
-import { u as G, a as H, i as $, b as K } from "../i18n-CsT7k7zW.js";
-import { b as J } from "../normalize-props-DH0oPBss.js";
-import { R as X } from "../Retry-C7C78Wpj.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({
+import { b as g, o as r, c as u, t as p, q as E, B as L, x as s, _, U as C, a as t, F as D, e as R, v as T, D as x, y as V, W as Z, E as O, r as y, g as w, f, l as $, d as z } from "../_plugin-vue_export-helper-Dz58mCLm.js";
+import { u as F, a as P, i as k, b as W } from "../i18n-H4HokXDX.js";
+import { b as G } from "../normalize-props-DH0oPBss.js";
+import { R as H } from "../Retry-C3g7zhz8.js";
+const K = {}, J = {}, X = {}, 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({
   __name: "Button.ce",
   props: {
     label: { type: String },
     state: { type: String }
   },
   setup(a) {
-    return (l, u) => (n(), s("button", {
-      class: v(["epreuve-button", a.state])
+    return (c, n) => (r(), u("button", {
+      class: p(["epreuve-button", a.state])
     }, [
-      V(l.$slots, "icon"),
-      N(" " + o(a.label), 1)
+      E(c.$slots, "icon"),
+      L(" " + s(a.label), 1)
     ], 2));
   }
-}), ra = ".epreuve-button{--pix-neutral-0: #fff;--pix-neutral-800: #253858;--pix-neutral-900: #122647;--pix-secondary-500: #ffcb33;--pix-secondary-700: #a16206}.epreuve-button.primary{--background-color: var(--pix-neutral-800);--background-color-hover: var(--pix-neutral-900);--color: var(--pix-neutral-0);--color-hover: var(--pix-neutral-0)}.epreuve-button.warning{--background-color: var(--pix-secondary-500);--background-color-hover: var(--pix-secondary-700);--color: var(--pix-neutral-900);--color-hover: var(--pix-neutral-0)}.epreuve-button.primary,.epreuve-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(.epreuve-button.primary,.epreuve-button.warning)[aria-disabled=true]{cursor:not-allowed;opacity:.5}:is(.epreuve-button.primary,.epreuve-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(.epreuve-button.primary,.epreuve-button.warning):not([aria-disabled=true]):hover svg{color:var(--color-hover);transition:color ease .5s}:is(.epreuve-button.primary,.epreuve-button.warning):focus,:is(.epreuve-button.primary,.epreuve-button.warning):focus-visible{background-color:var(--background-color-hover);color:var(--color-hover);outline:1px solid var(--pix-neutral-0);outline-offset:-5px}", sa = /* @__PURE__ */ p(oa, [["styles", [ra]]]), ua = { class: "capacity-calculation__column capacity-calculation__column--questions" }, da = { class: "capacity-calculation__fieldset capacity-calculation__fieldset--ai" }, _a = { class: "capacity-calculation__legend" }, pa = ["aria-disabled", "value", "checked"], va = { class: "capacity-calculation__fieldset capacity-calculation__fieldset--range" }, ma = { class: "capacity-calculation__legend--user-question" }, ya = { class: "capacity-calculation__range-wrap" }, ga = ["max", "value", "aria-disabled"], fa = {
+}), na = ".epreuve-button{--pix-neutral-0: #fff;--pix-neutral-800: #253858;--pix-neutral-900: #122647;--pix-secondary-500: #ffcb33;--pix-secondary-700: #a16206}.epreuve-button.primary{--background-color: var(--pix-neutral-800);--background-color-hover: var(--pix-neutral-900);--color: var(--pix-neutral-0);--color-hover: var(--pix-neutral-0)}.epreuve-button.warning{--background-color: var(--pix-secondary-500);--background-color-hover: var(--pix-secondary-700);--color: var(--pix-neutral-900);--color-hover: var(--pix-neutral-0)}.epreuve-button.primary,.epreuve-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(.epreuve-button.primary,.epreuve-button.warning)[aria-disabled=true]{cursor:not-allowed;opacity:.5}:is(.epreuve-button.primary,.epreuve-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(.epreuve-button.primary,.epreuve-button.warning):not([aria-disabled=true]):hover svg{color:var(--color-hover);transition:color ease .5s}:is(.epreuve-button.primary,.epreuve-button.warning):focus,:is(.epreuve-button.primary,.epreuve-button.warning):focus-visible{background-color:var(--background-color-hover);color:var(--color-hover);outline:1px solid var(--pix-neutral-0);outline-offset:-5px}", ia = /* @__PURE__ */ _(la, [["styles", [na]]]), oa = { class: "capacity-calculation__column capacity-calculation__column--questions" }, ra = { class: "capacity-calculation__fieldset capacity-calculation__fieldset--ai" }, sa = { class: "capacity-calculation__legend" }, ua = ["aria-disabled", "value", "checked"], da = { class: "capacity-calculation__fieldset capacity-calculation__fieldset--range" }, _a = { class: "capacity-calculation__legend--user-question" }, pa = { class: "capacity-calculation__range-wrap" }, va = ["max", "value", "aria-disabled"], ma = {
   for: "nbUser",
   class: "capacity-calculation__range-label"
-}, ba = /* @__PURE__ */ b({
+}, ya = /* @__PURE__ */ g({
   __name: "Questions.ce",
-  props: /* @__PURE__ */ P({
-    titleLevel: { type: Number }
-  }, {
+  props: {
     selectedAiQuestion: {
       type: Number,
       default: void 0
@@ -41,13 +39,13 @@ const Y = {}, aa = {}, ea = {}, ta = {}, ca = {}, la = {
       default: "initial"
     },
     currentLevelModifiers: {}
-  }),
+  },
   emits: ["update:selectedAiQuestion", "update:selectedNbUser", "update:currentLevel"],
   setup(a) {
-    const l = a, { t: u } = G(), d = l.titleLevel + 1, r = w(a, "selectedAiQuestion"), e = w(a, "selectedNbUser"), c = w(a, "currentLevel"), _ = g(!1), L = h(() => ({
-      state: c.value === "initial" ? "primary" : "warning",
-      label: u(`capacity-calculation.in.buttonLabel.${c.value === "initial" ? "primary" : "warning"}`)
-    })), k = h(() => Number.isInteger(r.value)), U = [800, 8e3, 14e3, 25e3, 9e4, 15e4], A = /* @__PURE__ */ new Set([
+    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], U = /* @__PURE__ */ new Set([
       // Valeurs de base
       10,
       20,
@@ -72,7 +70,7 @@ const Y = {}, aa = {}, ea = {}, ta = {}, ca = {}, la = {
       4e3,
       5e3,
       1e4,
-      ...U,
+      ...q,
       2e4,
       3e4,
       4e4,
@@ -80,140 +78,135 @@ const Y = {}, aa = {}, ea = {}, ta = {}, ca = {}, la = {
       75e3,
       1e5,
       125e3
-    ]), C = Array.from(A).sort((i, m) => i - m), Q = h(() => {
-      const i = C.indexOf(e.value);
-      return Math.max(0, i);
-    }), S = (i) => {
-      const m = i.target;
-      e.value = C[Number(m.value)];
-    }, j = (i) => {
-      if (_.value) {
-        i.preventDefault();
+    ]), b = Array.from(U).sort((o, v) => o - v), M = w(() => {
+      const o = b.indexOf(e.value);
+      return Math.max(0, o);
+    }), Q = (o) => {
+      const v = o.target;
+      e.value = b[Number(v.value)];
+    }, S = (o) => {
+      if (i.value) {
+        o.preventDefault();
         return;
       }
-    }, I = () => {
-      if (k.value) {
-        if (c.value !== "initial") {
-          E();
+    }, j = () => {
+      if (h.value) {
+        if (l.value !== "initial") {
+          I();
           return;
         }
-        r.value === 0 ? e.value >= 10 && e.value <= 400 ? c.value = "normal_weak" : e.value >= 401 && e.value <= 700 ? c.value = "normal_medium" : e.value >= 701 && e.value <= 1e3 ? c.value = "warning" : c.value = "error" : r.value === 1 ? e.value >= 10 && e.value <= 4e4 ? c.value = "normal_weak" : e.value >= 40001 && e.value <= 7e4 ? c.value = "normal_medium" : e.value >= 70001 && e.value <= 1e5 ? c.value = "warning" : c.value = "error" : r.value === 2 && (e.value >= 10 && e.value <= 8e3 ? c.value = "normal_weak" : e.value >= 8001 && e.value <= 14e3 ? c.value = "normal_medium" : e.value >= 14001 && e.value <= 2e4 ? c.value = "warning" : c.value = "error"), _.value = !0;
+        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 B(i) {
-      if (_.value) {
-        i.preventDefault();
+    function A(o) {
+      if (i.value) {
+        o.preventDefault();
         return;
       }
-      r.value = Number(i.target.value);
+      n.value = Number(o.target.value);
     }
-    function E() {
-      r.value = void 0, e.value = 10, c.value = "initial", _.value = !1;
+    function I() {
+      n.value = void 0, e.value = 10, l.value = "initial", i.value = !1;
     }
-    return (i, m) => (n(), s("div", ua, [
-      t("div", {
-        role: "heading",
-        "aria-level": d,
-        class: "capacity-calculation__subtitle"
-      }, o(i.$t("capacity-calculation.in.title")), 1),
-      t("fieldset", da, [
-        t("legend", _a, o(i.$t("capacity-calculation.in.aiQuestion")), 1),
-        (n(!0), s(D, null, R(i.$t("capacity-calculation.in.aiOptions", { returnObjects: !0 }), (z, y) => (n(), s("div", { key: y }, [
+    return (o, v) => (r(), u("div", oa, [
+      t("fieldset", ra, [
+        t("legend", sa, s(o.$t("capacity-calculation.in.aiQuestion")), 1),
+        (r(!0), u(D, null, R(o.$t("capacity-calculation.in.aiOptions", { returnObjects: !0 }), (B, m) => (r(), u("div", { key: m }, [
           t("label", {
-            class: v(["capacity-calculation__ai-option", { "capacity-calculation__ai-option--active": r.value === y, disabled: _.value }])
+            class: p(["capacity-calculation__ai-option", { "capacity-calculation__ai-option--active": n.value === m, disabled: i.value }])
           }, [
             t("input", {
               type: "radio",
-              "aria-disabled": _.value,
+              "aria-disabled": i.value,
               name: "ai-answer",
-              value: y,
-              onClick: B,
-              checked: r.value === y
-            }, null, 8, pa),
-            N(" " + o(z), 1)
+              value: m,
+              onClick: A,
+              checked: n.value === m
+            }, null, 8, ua),
+            L(" " + s(B), 1)
           ], 2)
         ]))), 128))
       ]),
-      t("fieldset", va, [
-        t("legend", ma, o(i.$t("capacity-calculation.in.userQuestion")), 1),
-        t("div", ya, [
+      t("fieldset", da, [
+        t("legend", _a, s(o.$t("capacity-calculation.in.userQuestion")), 1),
+        t("div", pa, [
           t("input", {
             type: "range",
             id: "nbUser",
             name: "nbUser",
             min: 0,
-            max: T(C).length - 1,
-            value: Q.value,
-            onChange: S,
-            onKeydown: j,
-            "aria-disabled": _.value,
+            max: T(b).length - 1,
+            value: M.value,
+            onChange: Q,
+            onKeydown: S,
+            "aria-disabled": i.value,
             class: "capacity-calculation__range"
-          }, null, 40, ga),
-          t("label", fa, o(e.value.toLocaleString()), 1)
+          }, null, 40, va),
+          t("label", ma, s(e.value.toLocaleString()), 1)
         ])
       ]),
-      x(sa, {
-        onClick: Z(I, ["prevent"]),
-        "aria-disabled": !k.value,
-        label: L.value.label,
-        state: L.value.state
-      }, O({ _: 2 }, [
-        c.value !== "initial" ? {
+      x(ia, {
+        onClick: V(j, ["prevent"]),
+        "aria-disabled": !h.value,
+        label: d.value.label,
+        state: d.value.state
+      }, Z({ _: 2 }, [
+        l.value !== "initial" ? {
           name: "icon",
-          fn: F(() => [
-            x(X)
+          fn: O(() => [
+            x(H)
           ]),
           key: "0"
         } : void 0
       ]), 1032, ["aria-disabled", "label", "state"])
     ]));
   }
-}), Ca = ".capacity-calculation__column--questions[data-v-5e6f12dc]{background:#fff;border:1px solid #cdd1d9}.capacity-calculation__column--questions .capacity-calculation__fieldset[data-v-5e6f12dc]{border:none;display:flex;flex-direction:column;gap:12px;padding:0}.capacity-calculation__column--questions .capacity-calculation__fieldset--range[data-v-5e6f12dc]{margin-top:12px}.capacity-calculation__column--questions .capacity-calculation__legend[data-v-5e6f12dc]{font-weight:500;margin-bottom:16px}.capacity-calculation__column--questions .capacity-calculation__legend--user-question[data-v-5e6f12dc]{font-weight:500;margin:16px 0}.capacity-calculation__column--questions .capacity-calculation__ai-option[data-v-5e6f12dc]{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-5e6f12dc]:hover,.capacity-calculation__column--questions .capacity-calculation__ai-option[data-v-5e6f12dc]:focus{background-color:#f7f5ff;border-color:#613fdd;color:#291a5d}.capacity-calculation__column--questions .capacity-calculation__ai-option--active[data-v-5e6f12dc]{background-color:#f7f5ff;border-color:#613fdd;color:#291a5d}.capacity-calculation__column--questions .capacity-calculation__ai-option.disabled[data-v-5e6f12dc]{cursor:not-allowed;background:#f1f1f1;border-color:#5b5b5b}.capacity-calculation__column--questions .capacity-calculation__range-wrap[data-v-5e6f12dc]{display:flex;flex-direction:column;gap:8px}.capacity-calculation__column--questions .capacity-calculation__range[data-v-5e6f12dc]{width:100%;accent-color:#613fdd}.capacity-calculation__column--questions .capacity-calculation__range[aria-disabled=true][data-v-5e6f12dc]{opacity:.3;pointer-events:none}.capacity-calculation__column--questions .capacity-calculation__range-label[data-v-5e6f12dc]{display:flex;justify-content:center;font-weight:700;margin-block:-5px 10px}", wa = /* @__PURE__ */ p(ba, [["styles", [Ca]], ["__scopeId", "data-v-5e6f12dc"]]), ha = {}, xa = {
+}), 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 = {
   width: "43",
   height: "43",
   viewBox: "0 0 43 43",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function La(a, l) {
-  return n(), s("svg", xa, [...l[0] || (l[0] = [
+function wa(a, c) {
+  return r(), u("svg", Ca, [...c[0] || (c[0] = [
     t("path", {
       d: "M21.5001 24.1262L26.5243 29.1505C26.8743 29.5004 27.3121 29.6736 27.8376 29.6701C28.3632 29.6665 28.8008 29.4898 29.1505 29.1402C29.5004 28.7902 29.6754 28.3524 29.6754 27.8269C29.6754 27.3013 29.5004 26.8636 29.1505 26.5136L24.1262 21.5001L29.1505 16.4758C29.5004 16.1258 29.6754 15.688 29.6754 15.1625C29.6754 14.6369 29.5004 14.1993 29.1505 13.8496C28.8008 13.4997 28.3632 13.3247 27.8376 13.3247C27.3121 13.3247 26.8743 13.4997 26.5243 13.8496L21.5001 18.8739L16.4758 13.8496C16.1258 13.4997 15.6898 13.3247 15.1679 13.3247C14.6459 13.3247 14.2099 13.4997 13.8599 13.8496C13.5103 14.1993 13.3354 14.6369 13.3354 15.1625C13.3354 15.688 13.5103 16.1258 13.8599 16.4758L18.8739 21.5001L13.8496 26.5243C13.4997 26.8743 13.3265 27.3103 13.3301 27.8323C13.3336 28.3542 13.5103 28.7902 13.8599 29.1402C14.2099 29.4898 14.6477 29.6647 15.1732 29.6647C15.6988 29.6647 16.1366 29.4898 16.4865 29.1402L21.5001 24.1262ZM21.5001 39.7809C18.9646 39.7809 16.5854 39.3016 14.3625 38.3431C12.1399 37.3845 10.2063 36.083 8.56154 34.4386C6.91709 32.7938 5.61559 30.8602 4.65705 28.6376C3.69851 26.4148 3.21924 24.0356 3.21924 21.5001C3.21924 18.9646 3.69851 16.5854 4.65705 14.3625C5.61559 12.1399 6.91709 10.2063 8.56154 8.56154C10.2063 6.91709 12.1399 5.61559 14.3625 4.65705C16.5854 3.69851 18.9646 3.21924 21.5001 3.21924C24.0356 3.21924 26.4148 3.69851 28.6376 4.65705C30.8602 5.61559 32.7938 6.91709 34.4386 8.56154C36.083 10.2063 37.3845 12.1399 38.3431 14.3625C39.3016 16.5854 39.7809 18.9646 39.7809 21.5001C39.7809 24.0356 39.3016 26.4148 38.3431 28.6376C37.3845 30.8602 36.083 32.7938 34.4386 34.4386C32.7938 36.083 30.8602 37.3845 28.6376 38.3431C26.4148 39.3016 24.0356 39.7809 21.5001 39.7809Z",
       fill: "#D24140"
     }, null, -1)
   ])]);
 }
-const ka = /* @__PURE__ */ p(ha, [["render", La]]), $a = {}, Na = {
+const xa = /* @__PURE__ */ _(ba, [["render", wa]]), ha = {}, ka = {
   width: "43",
   height: "43",
   viewBox: "0 0 43 43",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function qa(a, l) {
-  return n(), s("svg", Na, [...l[0] || (l[0] = [
+function La(a, c) {
+  return r(), u("svg", ka, [...c[0] || (c[0] = [
     t("path", {
       d: "M18.9595 24.3502L15.386 20.7767C15.0148 20.4052 14.5468 20.2195 13.9818 20.2195C13.4171 20.2195 12.949 20.4052 12.5776 20.7767C12.2064 21.1479 12.0226 21.6159 12.0262 22.1809C12.0298 22.7456 12.2171 23.2135 12.5883 23.5847L17.5235 28.5198C17.9343 28.928 18.4138 29.1321 18.9617 29.1321C19.5094 29.1321 19.9874 28.928 20.3959 28.5198L30.3581 18.5572C30.7295 18.1861 30.9153 17.7199 30.9153 17.1589C30.9153 16.5975 30.7295 16.1312 30.3581 15.76C29.9869 15.3885 29.5188 15.2028 28.9538 15.2028C28.3892 15.2028 27.9212 15.3885 27.5501 15.76L18.9595 24.3502ZM21.5001 39.7809C18.9646 39.7809 16.5855 39.3013 14.363 38.3422C12.1401 37.383 10.2066 36.0815 8.56244 34.4377C6.91858 32.7935 5.61709 30.86 4.65795 28.6372C3.69881 26.4146 3.21924 24.0356 3.21924 21.5001C3.21924 18.9646 3.69881 16.5855 4.65795 14.363C5.61709 12.1401 6.91858 10.2066 8.56244 8.56244C10.2066 6.91858 12.1401 5.61709 14.363 4.65795C16.5855 3.69881 18.9646 3.21924 21.5001 3.21924C24.0356 3.21924 26.4146 3.69881 28.6372 4.65795C30.86 5.61709 32.7935 6.91858 34.4377 8.56244C36.0815 10.2066 37.383 12.1401 38.3422 14.363C39.3013 16.5855 39.7809 18.9646 39.7809 21.5001C39.7809 24.0356 39.3013 26.4146 38.3422 28.6372C37.383 30.86 36.0815 32.7935 34.4377 34.4377C32.7935 36.0815 30.86 37.383 28.6372 38.3422C26.4146 39.3013 24.0356 39.7809 21.5001 39.7809Z",
       fill: "#1f53b5"
     }, null, -1)
   ])]);
 }
-const Ma = /* @__PURE__ */ p($a, [["render", qa]]), Ua = {}, Aa = {
+const $a = /* @__PURE__ */ _(ha, [["render", La]]), Na = {}, qa = {
   width: "43",
   height: "43",
   viewBox: "0 0 43 43",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Qa(a, l) {
-  return n(), s("svg", Aa, [...l[0] || (l[0] = [
+function Ua(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",
       fill: "#EE6911"
     }, null, -1)
   ])]);
 }
-const Sa = /* @__PURE__ */ p(Ua, [["render", Qa]]), ja = ["aria-level"], Ia = { class: "capacity-calculation__card" }, Ba = { class: "capacity-calculation__text capacity-calculation__text--strong" }, Ea = { class: "capacity-calculation__img" }, za = ["src"], Va = { class: "capacity-calculation__text" }, Da = { class: "capacity-calculation__answers" }, Ra = { class: "capacity-calculation__card" }, Ta = { class: "capacity-calculation__text capacity-calculation__text--strong" }, Za = { class: "capacity-calculation__text" }, Oa = /* @__PURE__ */ b({
+const Ma = /* @__PURE__ */ _(Na, [["render", Ua]]), Qa = ["aria-level"], Sa = { 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,92 +215,86 @@ const Sa = /* @__PURE__ */ p(Ua, [["render", Qa]]), ja = ["aria-level"], Ia = {
     capacityImage: { type: String }
   },
   setup(a) {
-    return (l, u) => (n(), s("div", {
-      class: v(["capacity-calculation__column capacity-calculation__column--answers", { [`capacity-calculation__column--answers--${a.currentLevel}`]: !0 }])
+    return (c, n) => (r(), u("div", {
+      class: p(["capacity-calculation__column capacity-calculation__column--answers", { [`capacity-calculation__column--answers--${a.currentLevel}`]: !0 }])
     }, [
       t("div", {
         role: "heading",
-        "aria-level": a.titleLevel + 1,
-        class: "capacity-calculation__subtitle"
-      }, o(l.$t("capacity-calculation.out.title")), 9, ja),
-      t("div", Ia, [
-        t("p", Ba, o(l.$t("capacity-calculation.out.capacity.label")), 1),
-        t("div", Ea, [
+        "aria-level": a.titleLevel,
+        class: "capacity-calculation__title"
+      }, s(c.$t("capacity-calculation.out.title")), 9, Qa),
+      t("div", Sa, [
+        t("p", ja, s(c.$t("capacity-calculation.out.capacity.label")), 1),
+        t("div", Aa, [
           t("img", {
             src: a.capacityImage,
             alt: ""
-          }, null, 8, za),
-          a.currentLevel.startsWith("normal_") ? (n(), f(Ma, {
+          }, null, 8, Ia),
+          a.currentLevel.startsWith("normal_") ? (r(), f($a, {
             key: 0,
             class: "capacity-calculation__img--status"
-          })) : a.currentLevel === "warning" ? (n(), f(Sa, {
+          })) : a.currentLevel === "warning" ? (r(), f(Ma, {
             key: 1,
             class: "capacity-calculation__img--status"
-          })) : a.currentLevel === "error" ? (n(), f(ka, {
+          })) : a.currentLevel === "error" ? (r(), f(xa, {
             key: 2,
             class: "capacity-calculation__img--status"
-          })) : q("", !0)
+          })) : $("", !0)
         ]),
-        t("p", Va, o(l.$t(`capacity-calculation.out.capacity.${a.currentLevel}`)), 1)
+        t("p", Ba, s(c.$t(`capacity-calculation.out.capacity.${a.currentLevel}`)), 1)
       ]),
-      t("div", Da, [
-        t("div", Ra, [
-          t("p", Ta, o(l.$t("capacity-calculation.out.consumption.label")), 1),
+      t("div", Ea, [
+        t("div", Da, [
+          t("p", Ra, s(c.$t("capacity-calculation.out.consumption.label")), 1),
           t("div", {
-            class: v(["capacity-calculation__progress-bar", a.currentLevel])
+            class: p(["capacity-calculation__progress-bar", a.currentLevel])
           }, null, 2),
-          t("p", Za, o(l.$t(`capacity-calculation.out.consumption.${a.currentLevel}`)), 1)
+          t("p", Ta, s(c.$t(`capacity-calculation.out.consumption.${a.currentLevel}`)), 1)
         ])
       ])
     ], 2));
   }
-}), Fa = ".capacity-calculation__column--answers[data-v-ea19b1c6]{display:flex;gap:.3rem;border:0px}.capacity-calculation__column--answers--normal_weak[data-v-ea19b1c6],.capacity-calculation__column--answers--normal_medium[data-v-ea19b1c6]{background:#eaf1ff}.capacity-calculation__column--answers--warning[data-v-ea19b1c6]{background:#fffaeb}.capacity-calculation__column--answers--error[data-v-ea19b1c6]{background:#fbebea}.capacity-calculation__column--answers .capacity-calculation__answers[data-v-ea19b1c6]{display:flex;flex-direction:column;align-items:stretch;gap:8px;justify-content:center;margin-bottom:1rem}.capacity-calculation__column--answers .capacity-calculation__card[data-v-ea19b1c6]{border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px}.capacity-calculation__column--answers .capacity-calculation__text[data-v-ea19b1c6]{font-size:.875rem;font-weight:400;line-height:1.5rem;text-align:center;margin:0}.capacity-calculation__column--answers .capacity-calculation__text--strong[data-v-ea19b1c6]{font-weight:700;margin:0}.capacity-calculation__column--answers img[data-v-ea19b1c6]{max-width:100%}.capacity-calculation__column--answers .capacity-calculation__img[data-v-ea19b1c6]{position:relative}.capacity-calculation__column--answers .capacity-calculation__img img[data-v-ea19b1c6]{width:100px;height:100px;border-radius:24px}.capacity-calculation__column--answers .capacity-calculation__img--status[data-v-ea19b1c6]{position:absolute;top:0;right:0;transform:translate(30%,-30%)}.capacity-calculation__column--answers .capacity-calculation__progress-bar[data-v-ea19b1c6]{width:100%;height:32px;border-radius:24px;border:solid 2px #253858}.capacity-calculation__column--answers .capacity-calculation__progress-bar.normal_weak[data-v-ea19b1c6],.capacity-calculation__column--answers .capacity-calculation__progress-bar.normal_medium[data-v-ea19b1c6]{background:linear-gradient(90deg,#1f53b5 10%,#fff 36%)}.capacity-calculation__column--answers .capacity-calculation__progress-bar.warning[data-v-ea19b1c6]{background:linear-gradient(90deg,#ee6911 30%,#fff 66%)}.capacity-calculation__column--answers .capacity-calculation__progress-bar.error[data-v-ea19b1c6]{background:linear-gradient(90deg,#d24140 51%,#fff 88%)}@media(max-width:720px){.capacity-calculation__column--answers .capacity-calculation__answers[data-v-ea19b1c6]{flex-direction:row;justify-content:center;gap:16px}}", Pa = /* @__PURE__ */ p(Oa, [["styles", [Fa]], ["__scopeId", "data-v-ea19b1c6"]]), Wa = { class: "capacity-calculation" }, Ga = ["aria-level"], Ha = {
+}), 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 = {
   class: "capacity-calculation__grid",
   "aria-live": "polite"
-}, Ka = /* @__PURE__ */ b({
+}, Pa = /* @__PURE__ */ g({
   __name: "CapacityCalculation.ce",
   props: {
     titleLevel: { default: 2, type: Number },
     capacityImage: { type: String }
   },
   setup(a) {
-    const l = g(void 0), u = g(10), d = g("initial");
-    return (r, e) => (n(), s("div", Wa, [
-      t("div", {
-        role: "heading",
-        "aria-level": a.titleLevel,
-        class: "capacity-calculation__title"
-      }, o(r.$t("capacity-calculation.title")), 9, Ga),
-      t("div", Ha, [
-        x(wa, {
-          "title-level": a.titleLevel,
-          "selected-ai-question": l.value,
-          "onUpdate:selectedAiQuestion": e[0] || (e[0] = (c) => l.value = c),
-          "selected-nb-user": u.value,
-          "onUpdate:selectedNbUser": e[1] || (e[1] = (c) => u.value = c),
-          "current-level": d.value,
-          "onUpdate:currentLevel": e[2] || (e[2] = (c) => d.value = c),
-          class: v({ "initial-state": d.value === "initial" })
-        }, null, 8, ["title-level", "selected-ai-question", "selected-nb-user", "current-level", "class"]),
-        d.value !== "initial" ? (n(), f(Pa, {
+    const c = y(void 0), n = y(10), e = y("initial");
+    return (l, i) => (r(), u("div", za, [
+      t("div", Fa, [
+        x(ga, {
+          "selected-ai-question": c.value,
+          "onUpdate:selectedAiQuestion": i[0] || (i[0] = (d) => c.value = d),
+          "selected-nb-user": n.value,
+          "onUpdate:selectedNbUser": i[1] || (i[1] = (d) => n.value = d),
+          "current-level": e.value,
+          "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, {
           key: 0,
           "title-level": a.titleLevel,
-          "selected-nb-user": u.value,
-          "current-level": d.value,
+          "selected-nb-user": n.value,
+          "current-level": e.value,
           "capacity-image": a.capacityImage
-        }, null, 8, ["title-level", "selected-nb-user", "current-level", "capacity-image"])) : q("", !0)
+        }, null, 8, ["title-level", "selected-nb-user", "current-level", "capacity-image"])) : $("", !0)
       ])
     ]));
   }
-}), Ja = ".capacity-calculation__title,.capacity-calculation__subtitle{color:#122647;font-family:Nunito,serif;font-weight:700;text-align:center}.capacity-calculation__title{font-size:1.75rem;line-height:2.25rem;margin-bottom:1rem}.capacity-calculation__subtitle{font-size:1.25rem;line-height:1.75rem;margin-bottom:1rem}.capacity-calculation__grid{display:grid;gap:1rem;grid-template-columns:5fr 2.6fr}.capacity-calculation__grid .initial-state{grid-column:1/span 2}.capacity-calculation__column{display:flex;border-radius:8px;flex-direction:column;padding:16px}@media screen and (max-width:720px){.capacity-calculation__grid{display:flex;flex-direction:column}}", Xa = /* @__PURE__ */ p(Ka, [["styles", [Ja]]]);
-H(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": Y, "./locales/en.json": aa, "./locales/es-419.json": ea, "./locales/es.json": ta, "./locales/fr-BE.json": ca, "./locales/fr.json": la, "./locales/it.json": ia, "./locales/nl.json": na })).catch((a) => console.error(a));
-const M = W(Xa, {
+}), Wa = ".capacity-calculation__title{color:#122647;font-family:Nunito,serif;font-weight:700;text-align:center;font-size:1.25rem;line-height:1.75rem;margin-bottom:1rem}.capacity-calculation__grid{display:grid;gap:1rem;grid-template-columns:5fr 2.6fr}.capacity-calculation__grid .initial-state{grid-column:1/span 2}.capacity-calculation__column{display:flex;border-radius:8px;flex-direction:column;padding:16px}@media screen and (max-width:720px){.capacity-calculation__grid{display:flex;flex-direction:column}}", Ga = /* @__PURE__ */ _(Pa, [["styles", [Wa]]]);
+P(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": K, "./locales/en.json": J, "./locales/es-419.json": X, "./locales/es.json": Y, "./locales/fr-BE.json": aa, "./locales/fr.json": ea, "./locales/it.json": ta, "./locales/nl.json": ca })).catch((a) => console.error(a));
+const N = z(Ga, {
   configureApp(a) {
-    $.changeLanguage(document?.documentElement?.lang || navigator.language), a.use(K, { i18next: $ });
+    k.changeLanguage(document?.documentElement?.lang || navigator.language), a.use(W, { i18next: k });
   }
 });
-M.prototype.normalizeProps = (a) => ({
+N.prototype.normalizeProps = (a) => ({
   ...a,
-  titleLevel: J(a.titleLevel)
+  titleLevel: G(a.titleLevel)
 });
-window.customElements.define("capacity-calculation", M);
+window.customElements.define("capacity-calculation", N);

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

@@ -1,4 +1,4 @@
-import { b as B, h as E, k as O, G as W, o as d, c as p, a as C, m as _, F as D, e as L, y as V, z as y, v as j, t as G, l as H, H as T, I as U, x as X, r as b, g as v, _ as Y, d as q } from "../_plugin-vue_export-helper-B-lVMTio.js";
+import { b as B, h as E, k as O, G as W, o as d, c as p, a as C, m as _, F as D, e as L, y as V, z as y, v as j, t as G, l as H, H as T, I as U, x as X, r as b, g as v, _ as Y, d as q } from "../_plugin-vue_export-helper-Dz58mCLm.js";
 import { a as J, b as z } from "../normalize-props-DH0oPBss.js";
 const K = { class: "container" }, Q = ["onMouseenter", "onFocusin", "onClick", "aria-label"], m = 10, Z = /* @__PURE__ */ B({
   __name: "ClickableImage.ce",

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

@@ -1,8 +1,8 @@
-import { b as h, o, c as n, a, x as c, z as A, _ as f, t as C, q as S, E as z, F as y, e as x, l as N, r as k, g as m, C as L, f as v, d as E } from "../_plugin-vue_export-helper-B-lVMTio.js";
-import { u as M, a as O, i as q, b as T } from "../i18n-CsT7k7zW.js";
+import { b as h, o, c as n, a, x as c, z as A, _ as f, t as P, q as S, B as z, F as y, e as x, l as N, r as k, g as m, D as L, f as v, d as M } from "../_plugin-vue_export-helper-Dz58mCLm.js";
+import { u as O, a as T, i as q, b as E } from "../i18n-H4HokXDX.js";
 import { b as I } from "../normalize-props-DH0oPBss.js";
-import { L as B } from "../LLMMessage.ce-jLEqjxsl.js";
-const R = {}, V = {}, D = {}, F = {}, Q = {}, W = {
+import { L as B } from "../LLMMessage.ce-B7EwoHy2.js";
+const R = {}, D = {}, V = {}, 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({
   __name: "ProbabilityBar.ce",
@@ -33,7 +33,7 @@ const R = {}, V = {}, D = {}, F = {}, Q = {}, W = {
   },
   setup(e) {
     return (d, t) => (o(), n("button", {
-      class: C(["complete-phrase_button", e.state])
+      class: P(["complete-phrase_button", e.state])
     }, [
       S(d.$slots, "icon"),
       z(" " + c(e.label), 1)
@@ -50,7 +50,7 @@ const R = {}, V = {}, D = {}, F = {}, Q = {}, W = {
   },
   emits: ["answer"],
   setup(e, { emit: d }) {
-    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) }));
+    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) }));
     function g(i) {
       s.value = i, t("answer", i.name);
     }
@@ -122,7 +122,7 @@ const R = {}, V = {}, D = {}, F = {}, Q = {}, W = {
         ]),
         a("div", fe, [
           (o(!0), n(y, null, x(e.listOfProbabilityBarsLists, (u, b) => (o(), n("div", {
-            class: C(["probability", { hidden: b !== t.value }]),
+            class: P(["probability", { hidden: b !== t.value }]),
             key: b,
             id: `currentProbability${b}`,
             "aria-hidden": b !== t.value
@@ -150,14 +150,14 @@ const R = {}, V = {}, D = {}, F = {}, Q = {}, W = {
     ]));
   }
 }), ve = "*{font-family:Roboto,sans-serif;color:#122647}.complete-phrase__title{font-family:Nunito,sans-serif;font-size:1.75rem;font-weight:700;line-height:36px;text-align:center}.complete-phrase__description{text-align:center;font-size:1rem;font-weight:400;line-height:24px}.complete-phrase__container{display:grid;gap:32px;grid-template-columns:3fr 2fr;margin-bottom:24px}.complete-phrase-container__conversation{background:#fff;border:1px solid #cdd1d9;border-radius:16px;display:flex;flex-direction:column;gap:32px;padding:1rem}.complete-phrase-container__conversation .message{align-items:center}.complete-phrase-container__probabilities{display:grid}.complete-phrase-container__probabilities .probability{display:flex;flex-direction:column;gap:16px;grid-row:1;grid-column:1}.complete-phrase-container__probabilities .probability.hidden{visibility:hidden}.complete-message-word:last-child{border:none;filter:blur(4px);font-weight:600;height:auto;width:auto}.complete-message-word--visible:last-child{color:inherit;filter:none;font-weight:700}.complete-message-word--hidden:last-child{background-color:#f4f5f7;border-radius:4px;border:1px dashed #5e6c84;color:transparent;display:inline-block;filter:none;padding:2px 4px}.complete-message-word:nth-last-child(2){font-weight:600}@media(max-width:600px){.complete-phrase__container{grid-template-columns:1fr}.complete-phrase-container__probabilities .probability.hidden{display:none}}", ye = /* @__PURE__ */ f(ge, [["styles", [ve]]]);
-O(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": R, "./locales/en.json": V, "./locales/es-419.json": D, "./locales/es.json": F, "./locales/fr-BE.json": Q, "./locales/fr.json": W, "./locales/it.json": H, "./locales/nl.json": U })).catch((e) => console.error(e));
-const P = E(ye, {
+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, {
   configureApp(e) {
-    q.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(T, { i18next: q });
+    q.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(E, { i18next: q });
   }
 });
-P.prototype.normalizeProps = (e) => ({
+C.prototype.normalizeProps = (e) => ({
   ...e,
   titleLevel: I(e.titleLevel)
 });
-window.customElements.define("complete-phrase", P);
+window.customElements.define("complete-phrase", C);

package/dist/components/feedback.ce.js.js

@@ -0,0 +1,4 @@
+import { d as e } from "../_plugin-vue_export-helper-Dz58mCLm.js";
+import { F as m } from "../Feedback.ce-CnZRBGWf.js";
+const o = e(m);
+window.customElements.define("pix-feedback", o);

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

@@ -1,6 +1,6 @@
-import { b as g, o as r, c as n, F as m, a as i, t as f, x as l, l as x, _ as u, r as y, e as k, N as v, C as w, d as F } from "../_plugin-vue_export-helper-B-lVMTio.js";
+import { b as g, o as r, c as n, F as m, a as i, t as f, x as l, l as x, _ as u, r as y, e as k, N as v, D as w, d as F } from "../_plugin-vue_export-helper-Dz58mCLm.js";
 import { b as _ } from "../normalize-props-DH0oPBss.js";
-const C = ["aria-hidden"], L = ["src"], N = ["aria-level"], z = ["aria-hidden"], S = ["aria-level"], $ = { class: "description" }, B = { class: "image-container" }, j = ["src"], E = /* @__PURE__ */ g({
+const L = ["aria-hidden"], C = ["src"], N = ["aria-level"], z = ["aria-hidden"], S = ["aria-level"], $ = { class: "description" }, B = { class: "image-container" }, j = ["src"], D = /* @__PURE__ */ g({
   __name: "FlipCard.ce",
   props: {
     titleLevel: { type: Number },
@@ -21,13 +21,13 @@ const C = ["aria-hidden"], L = ["src"], N = ["aria-level"], z = ["aria-hidden"],
           class: "icon",
           src: e.icon,
           alt: ""
-        }, null, 8, L),
+        }, null, 8, C),
         i("div", {
           role: "heading",
           "aria-level": e.titleLevel,
           class: "title"
         }, l(e.name), 9, N)
-      ], 10, C),
+      ], 10, L),
       i("div", {
         class: f(["card verso", { flipped: e.isFlipped, [e.color]: e.color }]),
         "aria-hidden": e.isFlipped ? "false" : "true"
@@ -48,7 +48,7 @@ const C = ["aria-hidden"], L = ["src"], N = ["aria-level"], z = ["aria-hidden"],
       ], 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(E, [["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({
+}), E = "[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%}", K = /* @__PURE__ */ u(D, [["styles", [E]], ["__scopeId", "data-v-c0da3f12"]]), V = { class: "flip-cards" }, I = ["aria-level"], Y = ["aria-expanded", "onClick", "onKeydown"], Z = { class: "flip-container" }, A = /* @__PURE__ */ g({
   __name: "FlipCards.ce",
   props: {
     titleLevel: { default: 2, type: Number },
@@ -65,7 +65,7 @@ const C = ["aria-hidden"], L = ["src"], N = ["aria-level"], z = ["aria-hidden"],
     ), c = (t, o) => {
       o.preventDefault(), t.isFlipped = !t.isFlipped;
     };
-    return (t, o) => (r(), n("div", D, [
+    return (t, o) => (r(), n("div", V, [
       i("div", {
         role: "heading",
         "aria-level": e.titleLevel,
@@ -84,7 +84,7 @@ const C = ["aria-hidden"], L = ["src"], N = ["aria-level"], z = ["aria-hidden"],
         ]
       }, [
         i("div", Z, [
-          w(V, {
+          w(K, {
             color: a.color,
             description: a.description,
             icon: a.icon,

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

@@ -1,7 +1,7 @@
-import { n as t } from "../image-quiz.ce-B4NDetit.js";
-import "../_plugin-vue_export-helper-B-lVMTio.js";
+import { n as t } from "../image-quiz.ce-C-iI27gD.js";
+import "../_plugin-vue_export-helper-Dz58mCLm.js";
 import "../normalize-props-DH0oPBss.js";
-import "../i18n-lite-BIJ2LVs6.js";
+import "../i18n-lite-CzqISEWm.js";
 export {
   t as normalizeImageQuizProps
 };