@1024pix/epreuves-components 4.5.0 → 4.6.0

package/dist/components/autocompletion-mdp.ce.js.js

@@ -0,0 +1,256 @@
+import { a as C, o as v, f as J, E as r, D as a, A as n, x as l, h as b, c as g, F as W, b as i, l as F, y as R, _ as N, v as X, Q as B, r as f, g as Y, n as M, d as ee } from "../_plugin-vue_export-helper-DJlRxzRH.js";
+import { i as y } from "../i18n-lite-X2ADNonj.js";
+import { b as oe } from "../normalize-props-DH0oPBss.js";
+import { p as te } from "../shadow-dom-Dh5hLXcx.js";
+import { B as V, I as j } from "../Icon.ce-AUDpzQic.js";
+import { M as L, I as S } from "../Modal.ce-CRJ7RcAX.js";
+const le = {
+  "autocompletion-mdp": { title: "Connexion", "label-email": "Adresse e-mail", "label-password": "Mot de passe", connect: "Se connecter", forgot: "Mot de passe oublié ?", "a11y-info": "le menu d'auto-completion de votre gestionnaire de mot de passe est disponible. Appuyez sur flèche du bas pour le sélectionner.", vault: { url: "www.toptracteur.pix.org", email: "elio@pixmail.org", placeholder: "mon-email@pixmail.org" }, button: { "email-label": "Remplir le champ adresse e-mail avec la valeur: elio@pixmail.org", "password-label": "Remplir le champ mot de passe avec la valeur enregistrée", label: "Remplir" }, feedback: { title: "Bravo !", content: "Grâce à une extension de navigateur proposée par le gestionnaire de mot de passe, vous pouvez vous connecter facilement en remplissant automatiquement les champs d'identification." } }
+}, ae = {
+  "unavailable-feature": { title: "Fonctionnalité désactivée", content: "Vous n'avez pas accès à cette fonctionnalité.", close: "Fermer" }
+}, ie = "data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.99976%2011.25V12.75M4.49976%2015.75H13.4998C13.8976%2015.75%2014.2791%2015.592%2014.5604%2015.3107C14.8417%2015.0294%2014.9998%2014.6478%2014.9998%2014.25V9.75C14.9998%209.35218%2014.8417%208.97064%2014.5604%208.68934C14.2791%208.40804%2013.8976%208.25%2013.4998%208.25H4.49976C4.10193%208.25%203.7204%208.40804%203.4391%208.68934C3.15779%208.97064%202.99976%209.35218%202.99976%209.75V14.25C2.99976%2014.6478%203.15779%2015.0294%203.4391%2015.3107C3.7204%2015.592%204.10193%2015.75%204.49976%2015.75ZM11.9998%208.25V5.25C11.9998%204.45435%2011.6837%203.69129%2011.1211%203.12868C10.5585%202.56607%209.79541%202.25%208.99976%202.25C8.20411%202.25%207.44104%202.56607%206.87844%203.12868C6.31583%203.69129%205.99976%204.45435%205.99976%205.25V8.25H11.9998Z'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", ne = /* @__PURE__ */ C({
+  __name: "UnavailableFeatureModal.ce",
+  props: {
+    show: { type: Boolean }
+  },
+  emits: ["close"],
+  setup(o) {
+    return (s, p) => (v(), J(L, {
+      loop: !0,
+      show: o.show
+    }, {
+      title: r(() => [
+        n(l(s.$t("unavailable-feature.title")), 1)
+      ]),
+      content: r(() => [
+        n(l(s.$t("unavailable-feature.content")), 1)
+      ]),
+      footer: r(() => [
+        a(V, {
+          onClick: p[0] || (p[0] = (d) => s.$emit("close"))
+        }, {
+          default: r(() => [
+            n(l(s.$t("unavailable-feature.close")), 1)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["show"]));
+  }
+}), se = { "aria-live": "polite" }, de = {
+  key: 0,
+  class: "sr-only"
+}, ue = {
+  key: 0,
+  "aria-labelledby": "dialog-label",
+  class: "autocompletion-modal",
+  role: "dialog"
+}, re = {
+  id: "dialog-label",
+  class: "autocompletion-modal__url"
+}, pe = { class: "autocompletion-modal__identity" }, ce = { key: 0 }, me = /* @__PURE__ */ C({
+  __name: "AutocompletionModal.ce",
+  props: {
+    valueToFill: { type: String },
+    relatedValueToFill: { type: String },
+    savedUrl: { type: String },
+    buttonAriaLabel: { type: String },
+    displayModal: { type: Boolean }
+  },
+  emits: ["fill-input", "hide-modal"],
+  setup(o, { expose: s }) {
+    const p = b("buttonFill");
+    return s({ buttonFill: p }), (d, t) => (v(), g(W, null, [
+      i("div", se, [
+        o.displayModal ? (v(), g("p", de, l(d.$t("autocompletion-mdp.a11y-info")), 1)) : F("", !0)
+      ]),
+      o.displayModal ? (v(), g("div", ue, [
+        i("p", re, l(o.savedUrl), 1),
+        i("div", pe, [
+          a(j, {
+            "background-color": "#bed4ff",
+            class: "dialog-label-icon"
+          }, {
+            default: r(() => [
+              n(l(d.$t("autocompletion-mdp.vault.email").at(0).toUpperCase()), 1)
+            ]),
+            _: 1
+          }),
+          i("p", null, [
+            o.relatedValueToFill ? (v(), g("span", ce, [
+              n(l(o.relatedValueToFill), 1),
+              t[2] || (t[2] = i("br", null, null, -1))
+            ])) : F("", !0),
+            n(l(o.valueToFill), 1)
+          ]),
+          a(V, {
+            ref_key: "buttonFill",
+            ref: p,
+            tabindex: "-1",
+            "aria-label": o.buttonAriaLabel,
+            variant: "secondary",
+            onClick: t[0] || (t[0] = R((u) => d.$emit("fill-input", o.valueToFill), ["prevent"])),
+            onFocusout: t[1] || (t[1] = (u) => d.$emit("hide-modal"))
+          }, {
+            default: r(() => [
+              n(l(d.$t("autocompletion-mdp.button.label")), 1)
+            ]),
+            _: 1
+          }, 8, ["aria-label"])
+        ])
+      ])) : F("", !0)
+    ], 64));
+  }
+}), fe = ".autocompletion-modal[data-v-2dd3430d]{position:absolute;z-index:1;border-radius:8px;border:1px solid #c8cfd9;box-shadow:0 6px 12px #07142e14;padding:8px 16px 16px;width:100%;margin-top:8px;background-color:#fff}.autocompletion-modal__url[data-v-2dd3430d]{color:#4f6384;margin-bottom:8px}.autocompletion-modal__identity[data-v-2dd3430d]{display:flex;gap:16px;align-items:center}.autocompletion-modal__identity button[data-v-2dd3430d]{margin-left:auto}.autocompletion-modal[data-v-2dd3430d] .rounded-icon{width:2rem;height:2rem;display:flex;justify-content:center;font-size:1rem;font-weight:700}@media(max-width:576px){.autocompletion-modal__identity[data-v-2dd3430d]{flex-wrap:wrap}.autocompletion-modal__identity button[data-v-2dd3430d]{margin-left:0;flex-grow:1}}", P = /* @__PURE__ */ N(me, [["styles", [fe]], ["__scopeId", "data-v-2dd3430d"]]), be = { class: "wrapper" }, ve = ["aria-level"], ge = ["src"], he = { class: "wrapper__input" }, we = { class: "wrapper__input" }, ye = /* @__PURE__ */ C({
+  __name: "AutocompletionMdp.ce",
+  props: {
+    titleLevel: { type: Number }
+  },
+  setup(o, { expose: s }) {
+    te();
+    function p() {
+      t.value = "", u.value = "", x.value = !1, c.value = !1, m.value = !1, h.value = !1;
+    }
+    const d = b("success-modal"), t = f(""), u = f(""), x = f(!1), c = f(!1), m = f(!1), h = f(!1), E = b("emailInput"), I = b("passwordInput"), _ = b("fillEmailModal"), k = b("fillPasswordModal"), H = Y(() => !(t.value && u.value));
+    async function q() {
+      x.value = !0, await M(), d.value.dialogElement.focus();
+    }
+    function D() {
+      t.value || (c.value = !0, m.value = !1);
+    }
+    function G() {
+      u.value || (c.value = !1, m.value = !0);
+    }
+    function A(e) {
+      e?.relatedTarget !== _?.value?.buttonFill?.buttonElement && (c.value = !1);
+    }
+    function z(e) {
+      e?.relatedTarget !== k?.value?.buttonFill?.buttonElement && (m.value = !1);
+    }
+    async function K(e) {
+      t.value = e, await M(), c.value = !1, E.value.inputField.focus();
+    }
+    async function O(e) {
+      u.value = e, await M(), m.value = !1, I.value.inputField.focus();
+    }
+    function Z() {
+      _?.value?.buttonFill?.buttonElement.focus();
+    }
+    function Q() {
+      k?.value?.buttonFill?.buttonElement.focus();
+    }
+    function T() {
+      h.value = !h.value;
+    }
+    return s({
+      reset: p
+    }), (e, w) => (v(), g("div", be, [
+      i("div", {
+        "aria-level": o.titleLevel ?? 2,
+        class: "title",
+        role: "heading"
+      }, [
+        a(j, { "background-color": "#2c75ff" }, {
+          default: r(() => [
+            i("img", {
+              src: X(ie),
+              alt: ""
+            }, null, 8, ge)
+          ]),
+          _: 1
+        }),
+        n(" " + l(e.$t("autocompletion-mdp.title")), 1)
+      ], 8, ve),
+      i("form", null, [
+        i("div", he, [
+          a(S, {
+            ref_key: "emailInput",
+            ref: E,
+            modelValue: t.value,
+            "onUpdate:modelValue": w[0] || (w[0] = ($) => t.value = $),
+            label: e.$t("autocompletion-mdp.label-email"),
+            readonly: !0,
+            placeholder: e.$t("autocompletion-mdp.vault.placeholder"),
+            type: "text",
+            onFocusin: D,
+            onFocusout: A,
+            onKeydown: B(Z, ["down"])
+          }, null, 8, ["modelValue", "label", "placeholder"]),
+          a(P, {
+            ref_key: "fillEmailModal",
+            ref: _,
+            "display-modal": c.value,
+            "saved-url": e.$t("autocompletion-mdp.vault.url"),
+            "value-to-fill": e.$t("autocompletion-mdp.vault.email"),
+            "button-aria-label": e.$t("autocompletion-mdp.button.email-label"),
+            onFillInput: K,
+            onHideModal: A
+          }, null, 8, ["display-modal", "saved-url", "value-to-fill", "button-aria-label"])
+        ]),
+        i("div", we, [
+          a(S, {
+            ref_key: "passwordInput",
+            ref: I,
+            modelValue: u.value,
+            "onUpdate:modelValue": w[1] || (w[1] = ($) => u.value = $),
+            label: e.$t("autocompletion-mdp.label-password"),
+            readonly: !0,
+            type: "text",
+            onFocusin: G,
+            onFocusout: z,
+            onKeydown: B(Q, ["down"])
+          }, null, 8, ["modelValue", "label"]),
+          a(P, {
+            ref_key: "fillPasswordModal",
+            ref: k,
+            "display-modal": m.value,
+            "saved-url": e.$t("autocompletion-mdp.vault.url"),
+            "value-to-fill": "************",
+            "related-value-to-fill": e.$t("autocompletion-mdp.vault.email"),
+            "button-aria-label": e.$t("autocompletion-mdp.button.password-label"),
+            onFillInput: O,
+            onHideModal: z
+          }, null, 8, ["display-modal", "saved-url", "related-value-to-fill", "button-aria-label"])
+        ]),
+        a(V, {
+          "is-disabled": H.value,
+          class: "connect",
+          onClick: q
+        }, {
+          default: r(() => [
+            n(l(e.$t("autocompletion-mdp.connect")), 1)
+          ]),
+          _: 1
+        }, 8, ["is-disabled"])
+      ]),
+      i("a", {
+        class: "forgot-link",
+        href: "#",
+        onClick: R(T, ["prevent"])
+      }, l(e.$t("autocompletion-mdp.forgot")), 1),
+      a(L, {
+        ref: "success-modal",
+        content: e.$t("autocompletion-mdp.feedback.content"),
+        loop: !1,
+        show: x.value,
+        title: e.$t("autocompletion-mdp.feedback.title")
+      }, null, 8, ["content", "show", "title"]),
+      a(ne, {
+        show: h.value,
+        onClose: T
+      }, null, 8, ["show"])
+    ]));
+  }
+}), xe = "*{--text-blue: #122647;--background-blue: #253858;font-family:Nunito,Roboto,sans-serif;font-size:14px;box-sizing:border-box}h1,h2,h3,h4,h5,h6{color:var(--text-blue);font-family:Nunito,sans-serif}h2{color:var(--text-blue);font-size:20px}p,a,span,li{color:var(--text-blue);font-family:Roboto,sans-serif}button{border-radius:8px;background:var(--background-blue);font-weight:700;font-size:16px}button:disabled{background:#c8cfd9}input{border-radius:10px;border:#cdd1d9;background:#f4f5f7}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,dialog{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}*{color:#253858}", _e = ".wrapper[data-v-b47b4dfe]{padding:25px;border-radius:14px;position:relative;background:#fff;box-shadow:0 2px 5px #4a3aff40,0 -2px 5px #4a3aff26 inset,0 1px 1px #ffffff1a inset,0 3px 4px #dfeeff1a inset}.wrapper__input[data-v-b47b4dfe]{position:relative;width:100%}[data-v-b47b4dfe] label{margin-top:16px}.title[data-v-b47b4dfe]{display:flex;align-items:center;gap:8px;font-size:1.25rem;font-weight:700}.connect[data-v-b47b4dfe]{display:block;width:100%;margin:16px auto}.forgot-link[data-v-b47b4dfe]{display:block;width:100%;text-align:center;font-size:.875rem}", ke = /* @__PURE__ */ N(ye, [["styles", [xe, _e]], ["__scopeId", "data-v-b47b4dfe"]]);
+y.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/fr.json": le }));
+y.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "../common/poi-design-system/unavailable-feature/locales/fr.json": ae }));
+const U = ee(ke, {
+  configureApp(o) {
+    y.changeLanguage(document?.documentElement?.lang || navigator.language), o.use(y);
+  }
+});
+U.prototype.normalizeProps = (o) => ({
+  titleLevel: oe(o.titleLevel)
+});
+window.customElements.define("autocompletion-mdp", U);

package/dist/components/button.ce.js.js

@@ -1,4 +1,4 @@
-import { d as t } from "../_plugin-vue_export-helper-DROOAHrz.js";
-import { B as o } from "../Button.ce-DNrjLa1r.js";
+import { d as t } from "../_plugin-vue_export-helper-DJlRxzRH.js";
+import { B as o } from "../Button.ce-C-lBihdF.js";
 const e = t(o);
 window.customElements.define("pix-button", e);

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

@@ -1,5 +1,5 @@
-import { b as V, K as T, o as d, c as p, F as U, D as v, E as r, a as e, x as a, A as _, l as C, U as D, _ as z, v as E, H as j, Q as x, f as K, r as l, d as H } from "../_plugin-vue_export-helper-DROOAHrz.js";
-import { a as Q, i as N, b as G } from "../i18n-BVfGnSnP.js";
+import { a as V, K as R, o as d, c as p, F as U, D as v, E as r, b as e, x as a, A as _, l as C, U as D, _ as z, v as E, H as j, T as x, f as K, r as l, d as H } from "../_plugin-vue_export-helper-DJlRxzRH.js";
+import { a as G, i as N, b as Q } from "../i18n-C0iMUvqX.js";
 import { b as J } from "../normalize-props-DH0oPBss.js";
 const X = {}, Z = {}, ee = {}, te = {}, ae = {}, le = {
   "calcul-impact": { title: "Calculez votre impact IA", subtitle: "Quels ont été vos usages de l'IA la semaine dernière ?", numberOfConversationLabel: "Nombre de conversations courtes :", numberOfImagesLabel: "Nombre de créations d’images :", seePersonalImpact: "Voir votre impact personnel sur une semaine", seeCollectiveImpact: "Si 1 million de personnes faisaient comme vous toutes les semaines pendant un an", legals: "Estimations basées sur l'étude Hugging Face, Carnegie Mellon University, Allen Institute for AI, Oct 2024", yourPersonalImpact: "Votre impact personnel", consumptionForAWeek: "Votre consommation sur une semaine", consumptionForAYear: "1 million de personnes toutes les semaines pendant un an", personalConsumption: "Vous avez consommé environ {{energy}} Wh", personalDuration: "Cela équivaut à {{number}} minutes de micro-ondes", collectiveConsumption: "Cela représenterait {{energy}} kWh, soit l'équivalent de la consommation en électricité de {{homes}} foyers français", collectiveDuration: "Équivalent à {{number}} minutes de micro-ondes", planeKilometers: "Et {{kilometers}} km parcourus en avion", yourCollectiveImpact: "Impact collectif simulé" }
@@ -20,7 +20,7 @@ const X = {}, Z = {}, ee = {}, te = {}, ae = {}, le = {
   },
   setup(t) {
     return (o, n) => {
-      const i = T("i18next");
+      const i = R("i18next");
       return d(), p(U, null, [
         v(D, { name: "fade-perso" }, {
           default: r(() => [
@@ -132,7 +132,7 @@ const X = {}, Z = {}, ee = {}, te = {}, ae = {}, le = {
     function S() {
       P(), c.value = !0;
     }
-    function R() {
+    function T() {
       M(), y.value = !0;
     }
     function W() {
@@ -179,16 +179,16 @@ const X = {}, Z = {}, ee = {}, te = {}, ae = {}, le = {
       }, "📌 " + a(s.$t("calcul-impact.seePersonalImpact")), 1)),
       c.value && !y.value ? (d(), p("button", {
         key: 2,
-        onClick: R
+        onClick: T
       }, "🌍 " + a(s.$t("calcul-impact.seeCollectiveImpact")), 1)) : C("", !0),
       e("p", $e, "📝 " + a(s.$t("calcul-impact.legals")), 1)
     ]));
   }
 }), Ae = "[data-v-7fbb31b5]{font-family:Nunito,Roboto,sans-serif;color:#253858}p[data-v-7fbb31b5]{padding:0}.container[data-v-7fbb31b5]{display:flex;flex-direction:column;gap:1rem}.container button[data-v-7fbb31b5]{border:0;border-radius:5px;font-size:.9rem;background:#357abd;color:#fff;width:50%;padding:.4rem .8rem;margin:auto;cursor:pointer}.container button[data-v-7fbb31b5]:hover{background:#225d93}.container input[data-v-7fbb31b5]{border:solid 1px lightgrey;border-radius:5px;padding-block:.2rem;width:40%}.container label[data-v-7fbb31b5]{font-weight:700}.container .legals[data-v-7fbb31b5]{font-size:.9rem;font-style:italic}.container .title[data-v-7fbb31b5]{font-size:1.3rem;font-weight:700}@media only screen and (max-width:768px){.container button[data-v-7fbb31b5]{width:100%}.container input[data-v-7fbb31b5]{width:80%}}", Fe = /* @__PURE__ */ z(Be, [["styles", [Ae]], ["__scopeId", "data-v-7fbb31b5"]]);
-Q(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": X, "./locales/en.json": Z, "./locales/es-419.json": ee, "./locales/es.json": te, "./locales/fr-BE.json": ae, "./locales/fr.json": le, "./locales/it.json": oe, "./locales/nl.json": ne })).catch((t) => console.error(t));
+G(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": X, "./locales/en.json": Z, "./locales/es-419.json": ee, "./locales/es.json": te, "./locales/fr-BE.json": ae, "./locales/fr.json": le, "./locales/it.json": oe, "./locales/nl.json": ne })).catch((t) => console.error(t));
 const Y = H(Fe, {
   configureApp(t) {
-    N.changeLanguage(document?.documentElement?.lang || navigator.language), t.use(G, {
+    N.changeLanguage(document?.documentElement?.lang || navigator.language), t.use(Q, {
       i18next: N,
       slotStart: "{{",
       slotEnd: "}}"

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

@@ -1,7 +1,7 @@
-import { b as g, o as r, c as u, t as p, q as E, A as L, x as s, _, R as C, a as t, F as R, e as D, 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-DROOAHrz.js";
-import { u as F, a as P, i as k, b as W } from "../i18n-BVfGnSnP.js";
+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 } from "../normalize-props-DH0oPBss.js";
-import { R as H } from "../Retry-CGkQcck5.js";
+import { R as H } from "../Retry-fzluiEoj.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({
@@ -111,7 +111,7 @@ const K = {}, X = {}, J = {}, Y = {}, aa = {}, ea = {
     return (o, v) => (r(), u("div", oa, [
       t("fieldset", ra, [
         t("legend", sa, s(o.$t("capacity-calculation.in.aiQuestion")), 1),
-        (r(!0), u(R, null, D(o.$t("capacity-calculation.in.aiOptions", { returnObjects: !0 }), (B, m) => (r(), u("div", { key: m }, [
+        (r(!0), u(D, null, R(o.$t("capacity-calculation.in.aiOptions", { returnObjects: !0 }), (B, m) => (r(), u("div", { key: m }, [
           t("label", {
             class: p(["capacity-calculation__ai-option", { "capacity-calculation__ai-option--active": n.value === m, disabled: i.value }])
           }, [
@@ -206,7 +206,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" }, Ra = { class: "capacity-calculation__card" }, Da = { class: "capacity-calculation__text capacity-calculation__text--strong" }, Ta = { class: "capacity-calculation__text" }, Va = /* @__PURE__ */ g({
+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({
   __name: "Answers.ce",
   props: {
     currentLevel: { type: String },
@@ -244,8 +244,8 @@ const Ma = /* @__PURE__ */ _(Na, [["render", Aa]]), Qa = ["aria-level"], Sa = {
         t("p", Ba, s(c.$t(`capacity-calculation.out.capacity.${a.currentLevel}`)), 1)
       ]),
       t("div", Ea, [
-        t("div", Ra, [
-          t("p", Da, s(c.$t("capacity-calculation.out.consumption.label")), 1),
+        t("div", Da, [
+          t("p", Ra, s(c.$t("capacity-calculation.out.consumption.label")), 1),
           t("div", {
             class: p(["capacity-calculation__progress-bar", a.currentLevel])
           }, null, 2),

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

@@ -1,4 +1,4 @@
-import { b as R, 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, 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-DROOAHrz.js";
+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 { 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({
   __name: "ClickableImage.ce",

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

@@ -1,7 +1,7 @@
-import { b as h, o, c as n, 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-DROOAHrz.js";
-import { u as O, a as T, i as q, b as E } from "../i18n-BVfGnSnP.js";
+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 I } from "../normalize-props-DH0oPBss.js";
-import { L as B } from "../LLMMessage.ce-Duki08xd.js";
+import { L as B } from "../LLMMessage.ce-DBorHEa1.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({

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

@@ -1,4 +1,4 @@
-import { d as e } from "../_plugin-vue_export-helper-DROOAHrz.js";
-import { F as m } from "../Feedback.ce-MqHV98f3.js";
+import { d as e } from "../_plugin-vue_export-helper-DJlRxzRH.js";
+import { F as m } from "../Feedback.ce-CeyQhenY.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, D as w, d as F } from "../_plugin-vue_export-helper-DROOAHrz.js";
+import { a as g, o as r, c as n, F as m, b as i, t as f, x as l, l as x, _ as u, r as y, e as k, Q as v, D as w, d as F } from "../_plugin-vue_export-helper-DJlRxzRH.js";
 import { b as _ } from "../normalize-props-DH0oPBss.js";
-const L = ["aria-hidden"], C = ["src"], N = ["aria-level"], z = ["aria-hidden"], S = ["aria-level"], $ = { class: "description" }, B = { class: "image-container" }, j = ["src"], D = /* @__PURE__ */ g({
+const L = ["aria-hidden"], C = ["src"], z = ["aria-level"], N = ["aria-hidden"], S = ["aria-level"], $ = { class: "description" }, B = { class: "image-container" }, j = ["src"], D = /* @__PURE__ */ g({
   __name: "FlipCard.ce",
   props: {
     titleLevel: { type: Number },
@@ -26,7 +26,7 @@ const L = ["aria-hidden"], C = ["src"], N = ["aria-level"], z = ["aria-hidden"],
           role: "heading",
           "aria-level": e.titleLevel,
           class: "title"
-        }, l(e.name), 9, N)
+        }, l(e.name), 9, z)
       ], 10, L),
       i("div", {
         class: f(["card verso", { flipped: e.isFlipped, [e.color]: e.color }]),
@@ -45,7 +45,7 @@ const L = ["aria-hidden"], C = ["src"], N = ["aria-level"], z = ["aria-hidden"],
             alt: ""
           }, null, 8, j)) : x("", !0)
         ])
-      ], 10, z)
+      ], 10, N)
     ], 64));
   }
 }), 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({
@@ -97,7 +97,7 @@ const L = ["aria-hidden"], C = ["src"], N = ["aria-level"], z = ["aria-hidden"],
       ], 42, Y))), 128))
     ]));
   }
-}), P = "[data-v-394f37d2]{box-sizing:border-box}.sr-only[data-v-394f37d2]{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.flip-cards[data-v-394f37d2]{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;max-width:100%;padding:0}.flip-cards .card-container[data-v-394f37d2]{cursor:pointer;flex:0 0 180px;height:250px;margin:0;perspective:1200px;outline:none;transform:scale(1);transition:transform ease .5s}.flip-cards .card-container[data-v-394f37d2]:hover,.flip-cards .card-container[data-v-394f37d2]:focus{transform:scale(1.05);transition:transform ease .5s;outline:none}.flip-cards .card-container .flip-container[data-v-394f37d2]{display:block;position:relative;width:100%;height:100%;padding:18px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);will-change:transform}.flip-cards .card-container.flipped .flip-container[data-v-394f37d2]{transform:rotateY(180deg)}", q = /* @__PURE__ */ u(A, [["styles", [P]], ["__scopeId", "data-v-394f37d2"]]), h = F(q);
+}), P = "[data-v-394f37d2]{box-sizing:border-box}.sr-only[data-v-394f37d2]{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.flip-cards[data-v-394f37d2]{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;max-width:100%;padding:0}.flip-cards .card-container[data-v-394f37d2]{cursor:pointer;flex:0 0 180px;height:250px;margin:0;perspective:1200px;outline:none;transform:scale(1);transition:transform ease .5s}.flip-cards .card-container[data-v-394f37d2]:hover,.flip-cards .card-container[data-v-394f37d2]:focus{transform:scale(1.05);transition:transform ease .5s;outline:none}.flip-cards .card-container .flip-container[data-v-394f37d2]{display:block;position:relative;width:100%;height:100%;padding:18px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);will-change:transform}.flip-cards .card-container.flipped .flip-container[data-v-394f37d2]{transform:rotateY(180deg)}", Q = /* @__PURE__ */ u(A, [["styles", [P]], ["__scopeId", "data-v-394f37d2"]]), h = F(Q);
 h.prototype.normalizeProps = (e) => ({
   ...e,
   titleLevel: _(e.titleLevel)