@1024pix/epreuves-components 1.4.4 → 1.5.0

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

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

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

@@ -1,96 +1,120 @@
-import { a as I, g as M, r as u, h as S, j as R, k as c, c as d, o as v, f as p, l as B, m as E, F as O, b as W, q as g, v as j, t as D, x as F, _ as L, d as N } from "../_plugin-vue_export-helper-CwwQJ1m6.js";
-const P = { name: "image-map" }, q = ["shape", "coords", "onMouseenter", "onClick"], T = /* @__PURE__ */ I({
+import { d as R, g as B, r as m, h as E, j as N, k as p, c as v, o as f, f as x, l as O, m as P, F as W, a as j, q as k, v as D, t as F, x as L, _ as q, e as T } from "../_plugin-vue_export-helper-BGEtPlxS.js";
+import { u as $ } from "../normalize-props-AlmAfi_u.js";
+const U = { name: "image-map" }, V = ["shape", "coords", "onMouseenter", "onClick"], c = 10, X = /* @__PURE__ */ R({
   __name: "ClickableImage.ce",
   props: {
     image: { type: Object },
     areas: { type: Array }
   },
-  setup(k, { expose: b }) {
-    const n = M("image"), a = u(1), m = new ResizeObserver(() => f());
-    function f() {
-      n.value.naturalWidth && (a.value = n.value.offsetWidth / n.value.naturalWidth);
+  setup(a, { expose: w }) {
+    const i = B("image"), r = m(1), g = new ResizeObserver(() => y());
+    function y() {
+      i.value.naturalWidth && (r.value = i.value.offsetWidth / i.value.naturalWidth);
     }
-    S(() => {
-      m.observe(n.value);
-    }), R(() => {
-      m.disconnect();
+    E(() => {
+      g.observe(i.value);
+    }), N(() => {
+      g.disconnect();
     });
-    const x = c(() => k.areas.map((e) => ({
+    const h = p(() => a.areas.map((e) => ({
       ...e,
-      coords: $(e.coords)
+      coords: C(e.coords)
     })));
-    function $(e) {
+    function C(e) {
       return {
-        x1: e.x1 * a.value,
-        y1: e.y1 * a.value,
-        x2: e.x2 * a.value,
-        y2: e.y2 * a.value
+        x1: e.x1 * r.value,
+        y1: e.y1 * r.value,
+        x2: e.x2 * r.value,
+        y2: e.y2 * r.value
       };
     }
-    const l = u();
-    function h(e) {
-      l.value = e;
+    const d = m();
+    function z(e) {
+      d.value = e;
     }
-    function w() {
-      l.value = void 0;
+    function I() {
+      d.value = void 0;
     }
-    const r = u();
-    function C(e) {
-      r.value = e;
+    const l = m();
+    function M(e) {
+      l.value = e;
     }
-    function _() {
-      r.value = void 0;
+    function A() {
+      l.value = void 0;
     }
-    const o = c(() => {
-      const e = r.value ?? l.value;
+    const u = p(() => {
+      const e = l.value ?? d.value;
       if (e !== void 0)
-        return x.value[e];
-    }), z = c(() => {
-      if (!o.value) return {};
-      switch (o.value.tooltipPosition) {
+        return h.value[e];
+    }), S = p(() => {
+      if (!u.value) return {};
+      const { tooltipPosition: e, coords: { x1: t, y1: o, x2: n, y2: s } } = u.value;
+      switch (e) {
+        case "top":
+          return {
+            left: `${t + (n - t) / 2}px`,
+            transform: "translate(-50%, -100%)",
+            top: `${o - c}px`
+          };
         case "bottom":
           return {
-            left: `${o.value.coords.x1}px`,
-            top: `${o.value.coords.y2 + 10}px`
+            left: `${t + (n - t) / 2}px`,
+            transform: "translateX(-50%)",
+            top: `${s + c}px`
+          };
+        case "left":
+          return {
+            left: `${t - c}px`,
+            top: `${o + (s - o) / 2}px`,
+            transform: "translate(-100%, -50%)"
           };
         default:
           return {
-            left: `${o.value.coords.x2 + 10}px`,
-            top: `${o.value.coords.y1}px`
+            left: `${n + c}px`,
+            top: `${o + (s - o) / 2}px`,
+            transform: "translateY(-50%)"
           };
       }
     });
-    function A() {
-      r.value = void 0;
+    function _() {
+      l.value = void 0;
     }
-    return b({ reset: A }), (e, t) => (v(), d("div", {
+    return w({ reset: _ }), (e, t) => (f(), v("div", {
       class: "container",
-      onClick: t[3] || (t[3] = (s) => _())
+      onClick: t[3] || (t[3] = (o) => A())
     }, [
-      p("img", E(e.image, {
+      x("img", P(a.image, {
         ref: "image",
         usemap: "#image-map",
-        onLoad: t[0] || (t[0] = (s) => f())
+        onLoad: t[0] || (t[0] = (o) => y())
       }), null, 16),
-      p("map", P, [
-        (v(!0), d(O, null, W(x.value, (s, i) => (v(), d("area", {
-          key: i,
-          shape: s.shape,
-          coords: `${s.coords.x1},${s.coords.y1},${s.coords.x2},${s.coords.y2}`,
-          onMouseenter: (y) => h(i),
-          onMouseleave: t[1] || (t[1] = (y) => w()),
-          onClick: g((y) => C(i), ["stop"])
-        }, null, 40, q))), 128))
+      x("map", U, [
+        (f(!0), v(W, null, j(h.value, (o, n) => (f(), v("area", {
+          key: n,
+          shape: o.shape,
+          coords: `${o.coords.x1},${o.coords.y1},${o.coords.x2},${o.coords.y2}`,
+          onMouseenter: (s) => z(n),
+          onMouseleave: t[1] || (t[1] = (s) => I()),
+          onClick: k((s) => M(n), ["stop"])
+        }, null, 40, V))), 128))
       ]),
-      B(p("div", {
+      O(x("div", {
         class: "tooltip",
-        style: F(z.value),
-        onClick: t[2] || (t[2] = g(() => {
+        style: L(S.value),
+        onClick: t[2] || (t[2] = k(() => {
         }, ["stop"]))
-      }, D(o.value?.info), 5), [
-        [j, o.value]
+      }, F(u.value?.info), 5), [
+        [D, u.value]
       ])
     ]));
   }
-}), U = "*{font-family:Nunito,Roboto,sans-serif;color:var(#253858)}.container{position:relative;max-width:100%;border:1px solid #ccc}img{width:100%;height:auto;display:block}area{cursor:pointer}.tooltip{position:absolute;background-color:#000000d9;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;max-width:260px;z-index:10}", V = /* @__PURE__ */ L(T, [["styles", [U]]]);
-window.customElements.define("clickable-image", N(V));
+}), Y = "*{font-family:Nunito,Roboto,sans-serif;color:var(#253858)}.container{position:relative;max-width:100%;border:1px solid #ccc}img{width:100%;height:auto;display:block}area{cursor:pointer}.tooltip{position:absolute;background-color:#000000d9;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;max-width:260px;z-index:10}", G = /* @__PURE__ */ q(X, [["styles", [Y]]]), b = T(G);
+b.prototype.normalizeProps = (a) => ({
+  ...a,
+  image: {
+    ...a.image,
+    height: $(a.height),
+    width: $(a.width)
+  }
+});
+window.customElements.define("clickable-image", b);