@1024pix/epreuves-components 0.9.7 → 0.10.1

package/dist/{ImageQuiz.ce-CoHr8kTK.js → ImageQuiz.ce-BbfMcldf.js}

@@ -1,5 +1,5 @@
-import { a as B, r as N, v as I, c as d, o as m, D as b, z as f, y as g, x as y, f as h, m as L, t as x, _ as P, B as p, E as q, G as F, F as k, b as O, e as M } from "./_plugin-vue_export-helper-OrrhezDE.js";
-function T(i, u = A) {
+import { a as B, r as N, y as I, c as d, o as m, z as b, A as f, B as g, v as y, f as h, m as q, t as x, _ as P, q as p, C as L, D as F, F as k, b as O, e as A } from "./_plugin-vue_export-helper-CGpZIhKK.js";
+function M(i, u = T) {
   const a = [...i];
   for (let n = a.length - 1; n > 0; n--) {
     const l = u() % (n + 1);
@@ -7,10 +7,10 @@ function T(i, u = A) {
   }
   return a;
 }
-function A() {
+function T() {
   return Math.floor(Math.random() * 2 ** 32);
 }
-const D = ["aria-labelledby", "aria-selected", "tabindex"], E = { key: 0 }, K = ["id"], Q = ["id"], R = /* @__PURE__ */ B({
+const D = ["aria-labelledby", "aria-selected", "tabindex"], K = { key: 0 }, Q = ["id"], R = ["id"], E = /* @__PURE__ */ B({
   __name: "ImageOption.ce",
   props: {
     choice: { type: Object },
@@ -43,22 +43,22 @@ const D = ["aria-labelledby", "aria-selected", "tabindex"], E = { key: 0 }, K =
         t[3] || (t[3] = b(f((r) => o.$emit("next"), ["stop", "prevent"]), ["down", "right"]))
       ]
     }, [
-      o.choice.image ? (m(), d("figure", E, [
-        h("img", L(o.choice.image, {
+      o.choice.image ? (m(), d("figure", K, [
+        h("img", q(o.choice.image, {
           class: o.imageClass,
           alt: ""
         }), null, 16),
         h("figcaption", {
           class: y(o.nameClass),
           id: g(s)
-        }, x(o.choice.name), 11, K)
+        }, x(o.choice.name), 11, Q)
       ])) : (m(), d("span", {
         key: 1,
         id: g(s)
-      }, x(o.choice.name), 9, Q))
+      }, x(o.choice.name), 9, R))
     ], 42, D));
   }
-}), G = '.image-option{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;margin:.5rem;border:solid 2px #c1c7d0;border-radius:10px;background:#fff;width:calc(20% - 2em);min-width:150px;padding:1rem}.image-option--max4{width:calc(25% - 2em);min-width:175px}.image-option--max3{width:calc(33% - 2em)}.image-option--max2{width:calc(50% - 2em);min-width:300px}.image-option--max1{width:calc(100% - 4em);min-width:300px}.image-option:hover{cursor:pointer;box-shadow:0 3px 10px #0000001a;transform:scale(1.04);transition:transform ease-in .1s}.image-option:focus{outline:none;box-shadow:5px 5px #ffbe00,-5px 5px #ffbe00,5px -5px #ffbe00,-5px -5px #ffbe00}.image-option[aria-selected=true]{border-color:#3d68ff}.image-option[aria-selected=true]:after{content:"";position:absolute;width:calc(100% + 2px);height:calc(100% + 2px);background:#3d68ff4d;border-radius:10px;z-index:3}.image-option figure{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0;text-align:center;width:100%}.image-option figure img{max-width:100%;height:auto}.image-option figure img.icon{max-height:100px;width:auto}.image-option figure img.medium{max-width:50%;height:auto}.image-option figure figcaption{margin:1ex}', V = /* @__PURE__ */ P(R, [["styles", [G]]]), H = ["id"], J = ["aria-multiselectable", "aria-labelledby"], U = /* @__PURE__ */ B({
+}), V = '.image-option{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;margin:.5rem;border:solid 2px #c1c7d0;border-radius:10px;background:#fff;width:calc(20% - 2em);min-width:150px;padding:1rem}.image-option--max4{width:calc(25% - 2em);min-width:175px}.image-option--max3{width:calc(33% - 2em)}.image-option--max2{width:calc(50% - 2em);min-width:300px}.image-option--max1{width:calc(100% - 4em);min-width:300px}.image-option:hover{cursor:pointer;box-shadow:0 3px 10px #0000001a;transform:scale(1.04);transition:transform ease-in .1s}.image-option:focus{outline:none;box-shadow:5px 5px #ffbe00,-5px 5px #ffbe00,5px -5px #ffbe00,-5px -5px #ffbe00}.image-option[aria-selected=true]{border-color:#3d68ff}.image-option[aria-selected=true]:after{content:"";position:absolute;width:calc(100% + 2px);height:calc(100% + 2px);background:#3d68ff4d;border-radius:10px;z-index:3}.image-option figure{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0;text-align:center;width:100%}.image-option figure img{max-width:100%;height:auto}.image-option figure img.icon{max-height:100px;width:auto}.image-option figure img.medium{max-width:50%;height:auto}.image-option figure figcaption{margin:1ex}', G = /* @__PURE__ */ P(E, [["styles", [V]]]), H = ["id"], J = ["aria-multiselectable", "aria-labelledby"], U = /* @__PURE__ */ B({
   __name: "ImageQuiz.ce",
   props: {
     multiple: { type: Boolean, default: !1 },
@@ -72,8 +72,8 @@ const D = ["aria-labelledby", "aria-selected", "tabindex"], E = { key: 0 }, K =
   },
   emits: ["answer"],
   setup(i, { emit: u }) {
-    const a = u, n = p(() => i.hideChoicesName ? "sr-only" : ""), l = p(() => i.orderChoices ? i.choices : T(i.choices)), s = N(new Array(i.choices.length).fill(!1)), o = p(() => l.value.filter((e, $) => s.value[$])), t = p(() => o.value.map((e) => e.response ?? e.name).sort().join(",")), r = I();
-    q(t, () => {
+    const a = u, n = p(() => i.hideChoicesName ? "sr-only" : ""), l = p(() => i.orderChoices ? i.choices : M(i.choices)), s = N(new Array(i.choices.length).fill(!1)), o = p(() => l.value.filter((e, $) => s.value[$])), t = p(() => o.value.map((e) => e.response ?? e.name).sort().join(",")), r = I();
+    L(t, () => {
       a("answer", t.value);
     }, { immediate: !1 });
     const S = p(() => {
@@ -98,7 +98,7 @@ const D = ["aria-labelledby", "aria-selected", "tabindex"], E = { key: 0 }, K =
         "aria-labelledby": g(r),
         "aria-orientation": "horizontal"
       }, [
-        (m(!0), d(k, null, O(l.value, (j, c) => (m(), M(V, {
+        (m(!0), d(k, null, O(l.value, (j, c) => (m(), A(G, {
           ref_for: !0,
           ref_key: "options",
           ref: v,

package/dist/{LLMMessage.ce-DHyl5CcV.js → LLMMessage.ce-DUUayymi.js}

@@ -1,5 +1,5 @@
-import { _ as b, c as n, o as t, f as s, a as m, B as d, x as g, e as r, C as l, g as u, t as p } from "./_plugin-vue_export-helper-OrrhezDE.js";
-import { L as f } from "./Loading.ce-B_mSjXBH.js";
+import { _ as b, c as n, o as t, f as s, a as m, q as d, v as g, e as r, x as l, g as u, t as p } from "./_plugin-vue_export-helper-CGpZIhKK.js";
+import { L as f } from "./Loading.ce-BsBClsn3.js";
 const h = {}, C = {
   height: "1rem",
   width: "auto",
@@ -46,7 +46,7 @@ function $(o, e) {
     }, null, -1)
   ]));
 }
-const z = /* @__PURE__ */ b(L, [["render", $]]), B = { class: "avatar" }, q = { class: "bubble" }, Z = ["innerHTML"], N = {
+const z = /* @__PURE__ */ b(L, [["render", $]]), q = { class: "avatar" }, B = { class: "bubble" }, Z = ["innerHTML"], N = {
   key: 1,
   class: "attachment-label"
 }, H = /* @__PURE__ */ m({
@@ -63,14 +63,14 @@ const z = /* @__PURE__ */ b(L, [["render", $]]), B = { class: "avatar" }, q = {
     return (a, A) => (t(), n("div", {
       class: g(["message", a.message.direction])
     }, [
-      s("span", B, [
+      s("span", q, [
         c.value ? (t(), r(k, { key: 0 })) : (t(), r(z, { key: 1 }))
       ]),
       a.message.isLoading ? (t(), r(f, {
         key: 0,
         class: "loader"
       })) : l("", !0),
-      s("div", q, [
+      s("div", B, [
         i.value ? (t(), n("div", {
           key: 0,
           innerHTML: i.value,

package/dist/{Loading.ce-B_mSjXBH.js → Loading.ce-BsBClsn3.js}

@@ -1,11 +1,11 @@
-import { _ as o, c as a, o as r, f as s } from "./_plugin-vue_export-helper-OrrhezDE.js";
+import { _ as o, c as a, o as r, f as s } from "./_plugin-vue_export-helper-CGpZIhKK.js";
 const n = ".loader{width:8px;aspect-ratio:1;border-radius:50%;animation:l5 1s infinite linear alternate;transform:translate(100%)}@keyframes l5{0%{box-shadow:13px 0 #000,-13px 0 #0002;background:#000}33%{box-shadow:13px 0 #000,-13px 0 #0002;background:#0002}66%{box-shadow:13px 0 #0002,-13px 0 #000;background:#0002}to{box-shadow:13px 0 #0002,-13px 0 #000;background:#000}}@media (prefers-reduced-motion: reduce){.loader{display:none}}", t = {}, d = {
   class: "loader",
   role: "alert"
 };
 function c(l, e) {
   return r(), a("div", d, e[0] || (e[0] = [
-    s("p", { class: "sr-only" }, "Chargement...", -1)
+    s("p", { class: "sr-only" }, " Chargement... ", -1)
   ]));
 }
 const p = /* @__PURE__ */ o(t, [["render", c], ["styles", [n]]]);

package/dist/NavigationButton.ce-RaQYJjPs.js

@@ -0,0 +1,98 @@
+import { a as f, r as g, y as w, c as h, o as i, f as l, v as C, B as b, t as m, m as x, A as y, H as _, _ as s, e as c, I as k } from "./_plugin-vue_export-helper-CGpZIhKK.js";
+const $ = { class: "tooltip-container" }, B = ["id"], L = ["aria-labelledby", "aria-disabled"], z = /* @__PURE__ */ f({
+  inheritAttrs: !1,
+  __name: "ButtonTooltip.ce",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    label: { type: String },
+    tooltipPosition: { default: "top", type: String }
+  },
+  emits: ["click"],
+  setup(a, { emit: t }) {
+    const e = g(!0), p = w(), u = t;
+    function n(o) {
+      e.value = o;
+    }
+    function v() {
+      a.disabled || u("click");
+    }
+    return (o, r) => (i(), h("div", $, [
+      l("p", {
+        id: b(p),
+        class: C(["tooltip", {
+          "sr-only": e.value || o.disabled,
+          [`${o.tooltipPosition}`]: !0
+        }])
+      }, m(o.label), 11, B),
+      l("button", x(o.$attrs, {
+        onMouseenter: r[0] || (r[0] = (d) => n(!1)),
+        onMouseleave: r[1] || (r[1] = (d) => n(!0)),
+        onFocusin: r[2] || (r[2] = (d) => n(!1)),
+        onFocusout: r[3] || (r[3] = (d) => n(!0)),
+        onClick: y(v, ["stop"]),
+        "aria-labelledby": b(p),
+        "aria-disabled": o.disabled,
+        class: { disabled: o.disabled }
+      }), [
+        _(o.$slots, "default")
+      ], 16, L)
+    ]));
+  }
+}), S = '*{--pix-neutral-800: #253858}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tooltip-container{position:relative;display:grid}.tooltip-container .tooltip{position:absolute;padding:5px 7px;background:var(--pix-neutral-800);color:#fff;border-radius:4px;z-index:400;margin:0;--horizontal-shift: 12px;--tooltip-gap: 1px;--arrow-height: 6px;--arrow-width: 5px}.tooltip-container .tooltip:before{content:"";position:absolute}.tooltip-container .tooltip.top{bottom:calc(100% + var(--tooltip-gap) + var(--arrow-height));left:50%;transform:translate(calc(var(--horizontal-shift) * -1))}.tooltip-container .tooltip.top:before{top:100%;left:calc(var(--horizontal-shift) - var(--arrow-width));border-right:var(--arrow-width) solid transparent;border-left:var(--arrow-width) solid transparent;border-top:var(--arrow-height) solid var(--pix-neutral-800)}.tooltip-container .tooltip.bottom{top:calc(100% + var(--tooltip-gap) + var(--arrow-height));left:50%;transform:translate(calc(var(--horizontal-shift) * -1))}.tooltip-container .tooltip.bottom:before{bottom:100%;left:calc(var(--horizontal-shift) - var(--arrow-width));border-right:var(--arrow-width) solid transparent;border-left:var(--arrow-width) solid transparent;border-bottom:var(--arrow-height) solid var(--pix-neutral-800)}.tooltip-container .tooltip.left{right:calc(100% + var(--tooltip-gap) + var(--arrow-height));top:50%;transform:translateY(-50%)}.tooltip-container .tooltip.left:before{left:100%;top:50%;transform:translateY(-50%);border-top:var(--arrow-width) solid transparent;border-bottom:var(--arrow-width) solid transparent;border-left:var(--arrow-height) solid var(--pix-neutral-800)}.tooltip-container .tooltip.right{left:calc(100% + var(--tooltip-gap) + var(--arrow-height));top:50%;transform:translateY(-50%)}.tooltip-container .tooltip.right:before{right:100%;top:50%;transform:translateY(-50%);border-top:var(--arrow-width) solid transparent;border-bottom:var(--arrow-width) solid transparent;border-right:var(--arrow-height) solid var(--pix-neutral-800)}.tooltip-container button:hover{cursor:pointer}.tooltip-container button.disabled{color:#797e89;cursor:not-allowed;border-color:transparent;background:transparent}', H = /* @__PURE__ */ s(z, [["styles", [S]]]), M = {}, P = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "inherit"
+};
+function A(a, t) {
+  return i(), h("svg", P, t[0] || (t[0] = [
+    l("path", {
+      d: "M10.5642 8.75826H3.28958C3.07681 8.75826 2.89719 8.68509 2.75075 8.53875C2.60442 8.39231 2.53125 8.2127 2.53125 7.99992C2.53125 7.78714 2.60442 7.60753 2.75075 7.46109C2.89719 7.31475 3.07681 7.24159 3.28958 7.24159H10.5642L7.45292 4.13042C7.30103 3.97842 7.22719 3.80025 7.23142 3.59592C7.23564 3.39159 7.31369 3.21348 7.46558 3.06159C7.61758 2.9207 7.79575 2.84814 8.00008 2.84392C8.20442 2.8397 8.38258 2.91353 8.53458 3.06542L12.9346 7.46542C13.0091 7.54009 13.0636 7.62298 13.0981 7.71409C13.1325 7.80509 13.1498 7.90037 13.1498 7.99992C13.1498 8.09948 13.1325 8.19475 13.0981 8.28575C13.0636 8.37687 13.0091 8.45975 12.9346 8.53442L8.53058 12.9383C8.38703 13.0818 8.21164 13.1536 8.00442 13.1536C7.79719 13.1536 7.61758 13.0818 7.46558 12.9383C7.31369 12.7864 7.23775 12.6061 7.23775 12.3976C7.23775 12.189 7.31369 12.0088 7.46558 11.8568L10.5642 8.75826Z",
+      fill: "inherit"
+    }, null, -1)
+  ]));
+}
+const N = /* @__PURE__ */ s(M, [["render", A]]), Y = {}, T = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "inherit"
+};
+function F(a, t) {
+  return i(), h("svg", T, t[0] || (t[0] = [
+    l("path", {
+      d: "M5.4356 8.75868L8.54693 11.8698C8.69882 12.0218 8.77265 12.2 8.76843 12.4043C8.76421 12.6087 8.68615 12.7868 8.53426 12.9387C8.38226 13.0796 8.2041 13.1521 7.99976 13.1563C7.79543 13.1606 7.61726 13.0867 7.46526 12.9348L3.06526 8.53485C2.99071 8.46018 2.93621 8.37729 2.90176 8.28618C2.86732 8.19518 2.8501 8.0999 2.8501 8.00035C2.8501 7.90079 2.86732 7.80551 2.90176 7.71451C2.93621 7.6234 2.99071 7.54051 3.06526 7.46585L7.46926 3.06201C7.61282 2.91846 7.78821 2.84668 7.99543 2.84668C8.20265 2.84668 8.38226 2.91846 8.53426 3.06201C8.68615 3.2139 8.7621 3.39412 8.7621 3.60268C8.7621 3.81124 8.68615 3.99151 8.53426 4.14351L5.4356 7.24201H12.7103C12.923 7.24201 13.1027 7.31518 13.2491 7.46151C13.3954 7.60796 13.4686 7.78757 13.4686 8.00035C13.4686 8.21312 13.3954 8.39274 13.2491 8.53918C13.1027 8.68551 12.923 8.75868 12.7103 8.75868H5.4356Z",
+      fill: "inherit"
+    }, null, -1)
+  ]));
+}
+const I = /* @__PURE__ */ s(Y, [["render", F]]), Z = /* @__PURE__ */ f({
+  __name: "NavigationButton.ce",
+  props: {
+    disabled: { type: Boolean },
+    label: { type: String },
+    tooltipPosition: { type: String },
+    direction: { type: String }
+  },
+  emits: ["click"],
+  setup(a) {
+    return (t, e) => (i(), c(H, {
+      class: "button",
+      onClick: e[0] || (e[0] = (p) => t.$emit("click")),
+      "tooltip-position": t.tooltipPosition,
+      label: t.label,
+      disabled: t.disabled
+    }, {
+      default: k(() => [
+        t.direction === "next" ? (i(), c(N, { key: 0 })) : (i(), c(I, { key: 1 }))
+      ]),
+      _: 1
+    }, 8, ["tooltip-position", "label", "disabled"]));
+  }
+}), j = "*{--pix-neutral-800: #253858;color:var(--pix-neutral-800)}.button{border-radius:100%;padding:4px;width:32px;height:32px;background:transparent;border:1px var(--pix-neutral-800) solid;aspect-ratio:1/1;fill:var(--pix-neutral-800);display:flex;align-items:center;justify-content:center}.button:hover{background:#c3d0ff}.button:active{background:#cdd1d9}", E = /* @__PURE__ */ s(Z, [["styles", [j]]]);
+export {
+  H as B,
+  E as N
+};

package/dist/{_plugin-vue_export-helper-OrrhezDE.js → _plugin-vue_export-helper-CGpZIhKK.js}

@@ -4137,15 +4137,15 @@ const jl = (e, t) => {
   return s;
 };
 export {
-  El as A,
-  Uo as B,
-  Rl as C,
-  Dl as D,
-  as as E,
+  Nl as A,
+  ri as B,
+  as as C,
+  Sl as D,
+  Kr as E,
   he as F,
-  Sl as G,
-  Kr as H,
-  Ns as I,
+  Ns as G,
+  El as H,
+  Fr as I,
   vl as J,
   Fl as K,
   jl as _,
@@ -4157,22 +4157,22 @@ export {
   ji as f,
   ge as g,
   Cl as h,
-  Mo as i,
-  ul as j,
-  Pl as k,
-  Fr as l,
+  Ft as i,
+  Mo as j,
+  ul as k,
+  Pl as l,
   Io as m,
   ci as n,
   Es as o,
   oo as p,
-  Ft as q,
+  Uo as q,
   xl as r,
   Sr as s,
   er as t,
   Il as u,
-  wl as v,
+  Ds as v,
   Al as w,
-  Ds as x,
-  ri as y,
-  Nl as z
+  Rl as x,
+  wl as y,
+  Dl as z
 };

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

@@ -1,102 +1,100 @@
-import { a as x, c as r, o as t, f as e, t as i, I as L, _ as k, r as d, e as _, g as f, l as P, i as A, F as v, b as h, x as M, d as T } from "../_plugin-vue_export-helper-OrrhezDE.js";
-import { B as I, a as N, i as y, b as z } from "../ButtonTooltip.ce-DJWPmZEW.js";
-import { L as w } from "../LLMMessage.ce-DHyl5CcV.js";
-const q = {
-  "complete-phrase": { iaSuggestions: "🧠 Suggestions de l'IA", explanation: "La barre indique la probabilité de chaque mot. Plus elle est longue, plus le mot est probable dans ce contexte.", ariaLabelDescription: "Le nom {{name}} a une probabilité de {{percent}}%", clickHereButton: "Cliquez ici pour voir ce que l'IA va compléter", successfullyCompletedSentence: "🎉 Phrase complétée avec succès !" }
-}, E = { class: "probability-bar" }, D = ["aria-label"], F = /* @__PURE__ */ x({
+import { a as w, c as i, o as a, f as e, t as s, G as C, _ as x, r as p, g, F as f, b as v, v as P, e as B, d as A } from "../_plugin-vue_export-helper-CGpZIhKK.js";
+import { a as M, i as h, b as z } from "../i18n-DZYcdfDF.js";
+import { L as y } from "../LLMMessage.ce-DUUayymi.js";
+const N = {
+  "complete-phrase": { iaSuggestions: "🧠 Suggestions de l'IA", explanation: "La barre indique la probabilité de chaque mot. Plus elle est longue, plus le mot est probable dans ce contexte.", ariaLabelDescription: "Le mot {{name}} a une probabilité de {{percent}}%", clickHereButton: "Cliquez ici pour voir ce que l'IA va compléter", successfullyCompletedSentence: "🎉 Phrase complétée avec succès !" }
+}, I = { class: "probability-bar" }, T = { "aria-hidden": "true" }, q = { class: "sr-only" }, E = /* @__PURE__ */ w({
   __name: "ProbabilityBar.ce",
   props: {
     name: { type: String },
     percent: { type: Number }
   },
-  setup(s) {
-    return (o, n) => (t(), r("div", E, [
-      e("p", null, i(o.name), 1),
+  setup(n) {
+    return (o, r) => (a(), i("div", I, [
+      e("p", T, s(o.name), 1),
+      e("p", q, s(o.$t("complete-phrase.ariaLabelDescription", { name: o.name, percent: o.percent })), 1),
       e("div", {
-        style: L(`width: ${o.percent}%`),
+        style: C(`width: ${o.percent}%`),
         class: "probability-bar__percent",
-        "aria-label": o.$t("complete-phrase.ariaLabelDescription", { name: o.name, percent: o.percent })
-      }, null, 12, D),
-      n[0] || (n[0] = e("div", { class: "probability-bar__background" }, null, -1))
+        "aria-hidden": "true"
+      }, null, 4),
+      r[0] || (r[0] = e("div", {
+        class: "probability-bar__background",
+        "aria-hidden": "true"
+      }, null, -1))
     ]));
   }
-}), H = ".probability-bar[data-v-609dbc19]{position:relative;padding-bottom:10px;border-bottom:1px solid #cbcbcb}.probability-bar__percent[data-v-609dbc19]{position:absolute;left:0;z-index:2;height:5px;border-radius:5px;background-color:#235386}.probability-bar__background[data-v-609dbc19]{position:absolute;left:0;z-index:1;width:100%;height:5px;border-radius:5px;background-color:#92a1b2}.probability-bar p[data-v-609dbc19]{margin-bottom:0}", O = /* @__PURE__ */ k(F, [["styles", [H]], ["__scopeId", "data-v-609dbc19"]]), R = { class: "container" }, V = { class: "container__left-side" }, j = {
+}), D = ".probability-bar[data-v-f5414745]{position:relative;padding-bottom:10px;border-bottom:1px solid #cbcbcb}.probability-bar__percent[data-v-f5414745]{position:absolute;left:0;z-index:2;height:5px;border-radius:5px;background-color:#235386}.probability-bar__background[data-v-f5414745]{position:absolute;left:0;z-index:1;width:100%;height:5px;border-radius:5px;background-color:#92a1b2}.probability-bar p[data-v-f5414745]{margin-bottom:0}.sr-only[data-v-f5414745]{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}", F = /* @__PURE__ */ x(E, [["styles", [D]], ["__scopeId", "data-v-f5414745"]]), O = { class: "container" }, R = { class: "container__left-side" }, j = { class: "container__conversation" }, G = ["aria-describedby"], H = {
   key: 1,
   class: "container__successSentence"
-}, W = { class: "container__right-side" }, G = { class: "probabilities" }, J = ["aria-hidden"], K = /* @__PURE__ */ x({
+}, V = { class: "container__right-side" }, W = ["aria-level"], J = { "aria-hidden": "true" }, K = { class: "probabilities" }, Q = ["id", "aria-hidden"], U = /* @__PURE__ */ w({
   __name: "CompletePhrase.ce",
   props: {
     listOfProbabilityBarsLists: { type: Array },
     userMessage: { type: String },
     llmMessage: { type: String },
-    wordsToAdd: { type: Array }
+    wordsToAdd: { type: Array },
+    titleLevel: { type: Number }
   },
-  setup(s, { expose: o }) {
-    const n = s, l = d(0), p = d(n.llmMessage), b = d(!1), c = d(n.wordsToAdd);
-    function S() {
-      b.value = !1, p.value = n.llmMessage, c.value = n.wordsToAdd, l.value = 0;
+  setup(n, { expose: o }) {
+    const r = n, l = p(0), u = p(r.llmMessage), b = p(!1), d = p(r.wordsToAdd);
+    function k() {
+      b.value = !1, u.value = r.llmMessage, d.value = r.wordsToAdd, l.value = 0;
     }
-    function B() {
-      if (c.value.length <= 0) {
-        b.value = !0;
-        return;
-      }
-      l.value += 1;
-      const [a, ...m] = c.value;
-      c.value = m, p.value += `<span style="font-weight: bold;">${a} </span>`;
+    function S() {
+      d.value.length === 1 && (b.value = !0), l.value += 1;
+      const [t, ...m] = d.value;
+      d.value = m, u.value += `<span style="font-weight: bold;">${t} </span>`;
     }
     return o({
-      reset: S
-    }), (a, m) => (t(), r("div", R, [
-      e("div", V, [
-        e("div", null, [
-          f(w, {
+      reset: k
+    }), (t, m) => (a(), i("div", O, [
+      e("div", R, [
+        e("div", j, [
+          g(y, {
             class: "container__message",
-            message: { content: a.userMessage, direction: "outbound" }
-          }, null, 8, ["message"])
-        ]),
-        e("div", null, [
-          f(w, {
+            message: { content: t.userMessage, direction: "outbound" }
+          }, null, 8, ["message"]),
+          g(y, {
             class: "container__message",
-            message: { content: p.value, direction: "inbound" }
+            message: { content: u.value, direction: "inbound" }
           }, null, 8, ["message"])
         ]),
-        b.value ? (t(), r("p", j, i(a.$t("complete-phrase.successfullyCompletedSentence")), 1)) : (t(), _(I, {
+        b.value ? (a(), i("p", H, s(t.$t("complete-phrase.successfullyCompletedSentence")), 1)) : (a(), i("button", {
           key: 0,
-          onClick: B,
+          onClick: S,
           class: "container__button",
-          label: a.$t("complete-phrase.clickHereButton"),
-          "tooltip-position": "bottom"
-        }, {
-          default: P(() => [
-            A(i(a.$t("complete-phrase.clickHereButton")), 1)
-          ]),
-          _: 1
-        }, 8, ["label"]))
+          "aria-describedby": `currentProbability${l.value}`
+        }, s(t.$t("complete-phrase.clickHereButton")), 9, G))
       ]),
-      e("div", W, [
-        e("h2", null, i(a.$t("complete-phrase.iaSuggestions")), 1),
-        e("p", null, i(a.$t("complete-phrase.explanation")), 1),
-        e("div", G, [
-          (t(!0), r(v, null, h(a.listOfProbabilityBarsLists, (C, u) => (t(), r("div", {
-            class: M(["probability", { hidden: u !== l.value }]),
-            key: u,
-            "aria-hidden": u !== l.value
+      e("div", V, [
+        e("div", {
+          class: "container__title",
+          role: "header",
+          "aria-level": t.titleLevel
+        }, s(t.$t("complete-phrase.iaSuggestions")), 9, W),
+        e("p", J, s(t.$t("complete-phrase.explanation")), 1),
+        e("div", K, [
+          (a(!0), i(f, null, v(t.listOfProbabilityBarsLists, ($, c) => (a(), i("div", {
+            class: P(["probability", { hidden: c !== l.value }]),
+            key: c,
+            id: `currentProbability${c}`,
+            "aria-hidden": c !== l.value
           }, [
-            (t(!0), r(v, null, h(C, (g, $) => (t(), _(O, {
-              name: g.name,
-              percent: g.percent,
-              key: $
+            (a(!0), i(f, null, v($, (_, L) => (a(), B(F, {
+              name: _.name,
+              percent: _.percent,
+              key: L
             }, null, 8, ["name", "percent"]))), 128))
-          ], 10, J))), 128))
+          ], 10, Q))), 128))
         ])
       ])
     ]));
   }
-}), Q = "[data-v-7541b9af]{--pix-neutral-800: #253858;font-family:Nunito,Roboto,sans-serif;color:var(--pix-neutral-800)}.container[data-v-7541b9af]{display:grid;grid-row:auto;gap:10px}.container .probabilities[data-v-7541b9af]{display:grid}.container .probability[data-v-7541b9af]{grid-row:1;grid-column:1}.container__right-side[data-v-7541b9af]{grid-column:2;grid-row:1}.container__right-side h2[data-v-7541b9af]{margin-top:0}.container__right-side .hidden[data-v-7541b9af]{visibility:hidden;grid-row:1;grid-column:1}.container__left-side[data-v-7541b9af]{grid-column:1;grid-row:1}.container__left-side>div[data-v-7541b9af]{display:flex;flex-direction:column}.container__message[data-v-7541b9af]{margin-bottom:20px}.container__successSentence[data-v-7541b9af]{width:90%;background-color:#cec3f4;padding:.8rem .5rem;border-radius:10px}[data-v-7541b9af] .container__button{width:90%;border:none;padding:1.2rem 1rem;background:#355ac4;color:#fff;border-radius:10px;font-weight:700}[data-v-7541b9af] .container__button:hover{background:#2b3c77}@media (max-width: 600px){.container[data-v-7541b9af]{display:flex;flex-wrap:wrap}}", U = /* @__PURE__ */ k(K, [["styles", [Q]], ["__scopeId", "data-v-7541b9af"]]);
-N(/* @__PURE__ */ Object.assign({ "./locales/fr.json": q })).catch((s) => console.error(s));
-window.customElements.define("complete-phrase", T(U, {
-  configureApp(s) {
-    y.changeLanguage(document?.documentElement?.lang || navigator.language), s.use(z, { i18next: y });
+}), X = "[data-v-f0837864]{--pix-neutral-800: #253858;font-family:Nunito,Roboto,sans-serif;color:var(--pix-neutral-800)}.container[data-v-f0837864]{display:grid;grid-row:auto;gap:10px}.container__conversation[data-v-f0837864]{display:flex;flex-direction:column;background:#fff;padding:1rem;border-radius:10px;margin-bottom:1rem;border:solid 1px lightgrey}.container__title[data-v-f0837864]{font-size:1.2rem;font-weight:700}.container .probabilities[data-v-f0837864]{display:grid}.container .probability[data-v-f0837864]{grid-row:1;grid-column:1}.container__right-side[data-v-f0837864]{grid-column:2;grid-row:1}.container__right-side h2[data-v-f0837864]{margin-top:0}.container__right-side .hidden[data-v-f0837864]{visibility:hidden;grid-row:1;grid-column:1}.container__left-side[data-v-f0837864]{grid-column:1;grid-row:1}.container__message[data-v-f0837864]{margin-bottom:20px}.container__successSentence[data-v-f0837864]{width:90%;background-color:#cec3f4;padding:.8rem .5rem;border-radius:10px}.container__button[data-v-f0837864]{width:90%;border:none;padding:1.2rem 1rem;background:#355ac4;color:#fff;border-radius:10px;font-weight:700}.container__button[data-v-f0837864]:hover{background:#2b3c77;cursor:pointer}@media (max-width: 600px){.container[data-v-f0837864]{display:flex;flex-wrap:wrap}}", Y = /* @__PURE__ */ x(U, [["styles", [X]], ["__scopeId", "data-v-f0837864"]]);
+M(/* @__PURE__ */ Object.assign({ "./locales/fr.json": N })).catch((n) => console.error(n));
+window.customElements.define("complete-phrase", A(Y, {
+  configureApp(n) {
+    h.changeLanguage(document?.documentElement?.lang || navigator.language), n.use(z, { i18next: h });
   }
 }));

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

@@ -1,4 +1,4 @@
-import { d as e } from "../_plugin-vue_export-helper-OrrhezDE.js";
-import { I as m } from "../ImageQuiz.ce-CoHr8kTK.js";
+import { d as e } from "../_plugin-vue_export-helper-CGpZIhKK.js";
+import { I as m } from "../ImageQuiz.ce-BbfMcldf.js";
 window.customElements.define("image-quiz", e(m));
 window.customElements.define("qcu-image", e(m));

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

@@ -1,5 +1,5 @@
-import { a as l, r as f, w, c as z, o as t, b as p, e as d, m as g, F as v, d as _ } from "../_plugin-vue_export-helper-OrrhezDE.js";
-import { I as A } from "../ImageQuiz.ce-CoHr8kTK.js";
+import { a as l, r as f, w, c as z, o as t, b as p, e as d, m as g, F as v, d as _ } from "../_plugin-vue_export-helper-CGpZIhKK.js";
+import { I as A } from "../ImageQuiz.ce-BbfMcldf.js";
 const h = /* @__PURE__ */ l({
   __name: "ImageQuizzes.ce",
   props: {

package/dist/components/llm-compare-messages.ce.js.js

@@ -1,10 +1,10 @@
-import { a as d, c as o, o as n, f as s, t, F as l, b as p, g as r, _ as c, d as f } from "../_plugin-vue_export-helper-OrrhezDE.js";
-import { L as i } from "../LLMMessage.ce-DHyl5CcV.js";
-import { p as u } from "../shadow-dom-Bfma-Uia.js";
-const g = {
+import { a as m, c as r, o as a, f as e, t as n, F as t, b as p, g as i, _ as c, d as g } from "../_plugin-vue_export-helper-CGpZIhKK.js";
+import { L as l } from "../LLMMessage.ce-DUUayymi.js";
+import { p as u } from "../shadow-dom-BdDj1I6f.js";
+const f = {
   class: "header",
   "aria-hidden": "true"
-}, h = { class: "sr-only" }, y = { class: "llm-compare-messages" }, v = { "aria-hidden": "true" }, _ = /* @__PURE__ */ d({
+}, h = { class: "title-1" }, v = { class: "title-2" }, y = { class: "sr-only" }, _ = { class: "llm-compare-messages" }, w = { "aria-hidden": "true" }, b = /* @__PURE__ */ m({
   __name: "LLMCompareMessages.ce",
   props: {
     conversation1: { type: Object },
@@ -12,42 +12,46 @@ const g = {
     userName: { type: String },
     messages: { type: Array }
   },
-  setup(x) {
-    return u(), (e, L) => (n(), o(l, null, [
-      s("div", g, [
-        s("p", null, t(e.conversation1.title), 1),
-        s("p", null, t(e.conversation2.title), 1)
+  setup(L) {
+    return u(), (o, N) => (a(), r(t, null, [
+      e("div", f, [
+        e("div", null, [
+          e("p", h, n(o.conversation1.title), 1)
+        ]),
+        e("div", null, [
+          e("p", v, n(o.conversation2.title), 1)
+        ])
       ]),
-      s("p", h, " Comparaison entre la conversation " + t(e.conversation1.title) + " et la conversation " + t(e.conversation2.title), 1),
-      s("div", y, [
-        (n(!0), o(l, null, p(e.messages, (a, m) => (n(), o("div", {
-          key: m,
+      e("p", y, " Comparaison entre la conversation " + n(o.conversation1.title) + " et la conversation " + n(o.conversation2.title), 1),
+      e("div", _, [
+        (a(!0), r(t, null, p(o.messages, (s, d) => (a(), r("div", {
+          key: d,
           class: "llm-compare-messages__row"
         }, [
-          Array.isArray(a) ? (n(), o(l, { key: 0 }, [
-            s("div", null, [
-              r(i, {
-                message: a[0],
-                name: e.conversation1.llmName
+          Array.isArray(s) ? (a(), r(t, { key: 0 }, [
+            e("div", null, [
+              i(l, {
+                message: s[0],
+                name: o.conversation1.llmName
               }, null, 8, ["message", "name"])
             ]),
-            s("div", null, [
-              r(i, {
-                message: a[1],
-                name: e.conversation2.llmName
+            e("div", null, [
+              i(l, {
+                message: s[1],
+                name: o.conversation2.llmName
               }, null, 8, ["message", "name"])
             ])
-          ], 64)) : (n(), o(l, { key: 1 }, [
-            s("div", null, [
-              r(i, {
-                message: a,
-                name: e.userName
+          ], 64)) : (a(), r(t, { key: 1 }, [
+            e("div", null, [
+              i(l, {
+                message: s,
+                name: o.userName
               }, null, 8, ["message", "name"])
             ]),
-            s("div", v, [
-              r(i, {
-                message: a,
-                name: e.userName
+            e("div", w, [
+              i(l, {
+                message: s,
+                name: o.userName
               }, null, 8, ["message", "name"])
             ])
           ], 64))
@@ -55,5 +59,5 @@ const g = {
       ])
     ], 64));
   }
-}), w = '*{box-sizing:border-box}:host{display:flex;flex-direction:column}.llm-compare-messages{display:flex;flex-direction:column;padding:24px 0;gap:24px;position:relative;height:100%;overflow:auto}.llm-compare-messages:after{content:"";position:absolute;height:100%;top:0;left:50%;border-left:dashed 1px grey}.llm-compare-messages__row{display:flex;flex-direction:row;justify-content:space-between}.llm-compare-messages__row>div{display:flex;flex-direction:column;width:calc(50% - 12px)}.header{display:flex}.header p{background:#e6eaf2;display:flex;width:50%;justify-content:center;align-items:center;padding:1rem;margin:0;font-size:1.2rem;font-weight:700}.header p:first-child{background:#fff7da}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}', b = /* @__PURE__ */ c(_, [["styles", [w]]]);
-window.customElements.define("llm-compare-messages", f(b));
+}), x = '*{box-sizing:border-box}:host{display:grid;gap:8px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto}:host:after{content:"";grid-row:2;grid-column:1;border-radius:8px;border:1px solid #452D9D;background:#fff}:host:before{content:"";grid-row:2;grid-column:2;border-radius:8px;border:solid 1px #a16207;background:#fff}.llm-compare-messages{grid-row:2;grid-column:1/span 2;display:flex;flex-direction:column;gap:24px;position:relative;overflow-y:scroll;padding:6px;max-height:460px}.llm-compare-messages__row{display:flex;flex-direction:row;gap:32px}.llm-compare-messages__row>div{display:flex;flex-direction:column;width:50%}.header{display:flex;grid-row:1;grid-column:1/span 2}.header div{display:flex;width:50%;justify-content:center;align-items:center;padding:0 1rem}.header p{font-family:Nunito,sans-serif;font-size:1.25rem;font-style:normal;font-weight:700;line-height:1.75rem;margin:0;padding:8px 32px;background:#cec3f4;width:fit-content;border:1px solid #452D9D;border-radius:8px;text-align:center}.header p.title-2{border-color:#a16207;background:#fffec0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}', k = /* @__PURE__ */ c(b, [["styles", [x]]]);
+window.customElements.define("llm-compare-messages", g(k));

package/dist/components/llm-messages.ce.js.js

@@ -1,6 +1,6 @@
-import { a as m, j as i, k as p, c as o, o as e, F as d, b as g, e as u, _ as f, d as h } from "../_plugin-vue_export-helper-OrrhezDE.js";
-import { L as _ } from "../LLMMessage.ce-DHyl5CcV.js";
-import { p as x } from "../shadow-dom-Bfma-Uia.js";
+import { a as m, k as i, l as p, c as o, o as e, F as d, b as g, e as u, _ as f, d as h } from "../_plugin-vue_export-helper-CGpZIhKK.js";
+import { L as _ } from "../LLMMessage.ce-DUUayymi.js";
+import { p as x } from "../shadow-dom-BdDj1I6f.js";
 const b = {
   class: "llm-messages",
   "aria-live": "polite"

package/dist/components/llm-prompt-select.ce.js.js

@@ -1,4 +1,4 @@
-import { a as v, r as i, h, c, o as d, g as y, f as l, i as w, F as f, b as k, t as S, _ as C, d as L } from "../_plugin-vue_export-helper-OrrhezDE.js";
+import { a as v, r as c, h, c as i, o as d, g as y, f as l, j as w, F as f, b as k, t as S, _ as C, d as L } from "../_plugin-vue_export-helper-CGpZIhKK.js";
 import "./llm-messages.ce.js.js";
 const N = { class: "prompt-select" }, P = { class: "prompt-select__options" }, B = ["disabled", "onClick"], E = /* @__PURE__ */ v({
   __name: "LLMPromptSelect.ce",
@@ -8,10 +8,10 @@ const N = { class: "prompt-select" }, P = { class: "prompt-select__options" }, B
     speed: { type: Number }
   },
   setup(_, { expose: b }) {
-    const o = _, s = i(o.messages), m = i(o.prompts.map((e) => ({
+    const o = _, s = c(o.messages), m = c(o.prompts.map((e) => ({
       ...e,
       disabled: !1
-    }))), r = i(!1);
+    }))), r = c(!1);
     function g() {
       s.value = o.messages, m.value = o.prompts.map((e) => ({
         ...e,
@@ -45,7 +45,7 @@ const N = { class: "prompt-select" }, P = { class: "prompt-select__options" }, B
     }
     return (e, t) => {
       const a = h("llm-messages");
-      return d(), c(f, null, [
+      return d(), i(f, null, [
         y(a, { messages: s.value }, null, 8, ["messages"]),
         l("div", N, [
           t[0] || (t[0] = l("p", { class: "prompt-select__label" }, [
@@ -53,7 +53,7 @@ const N = { class: "prompt-select" }, P = { class: "prompt-select__options" }, B
             l("span", { class: "sr-only" }, "  une fois sélectionnés, les prompts ne sont plus disponibles. ")
           ], -1)),
           l("div", P, [
-            (d(!0), c(f, null, k(m.value, (n, p) => (d(), c("button", {
+            (d(!0), i(f, null, k(m.value, (n, p) => (d(), i("button", {
               key: p,
               disabled: n.disabled || r.value,
               onClick: (u) => x(n)