@1024pix/epreuves-components 0.9.6 → 0.10.0

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

@@ -1,5 +1,5 @@
-import { a as B, r as N, k as I, c as d, o as m, l as b, n as f, p as g, q as y, f as h, m as q, t as x, _ as P, s as p, v as L, x as F, F as z, b as O, e as M } from "./_plugin-vue_export-helper-DLH45Sxm.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 K = ["aria-labelledby", "aria-selected", "tabindex"], Q = { key: 0 }, R = ["id"], D = ["id"], E = /* @__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,7 +43,7 @@ const K = ["aria-labelledby", "aria-selected", "tabindex"], Q = { key: 0 }, R =
         t[3] || (t[3] = b(f((r) => o.$emit("next"), ["stop", "prevent"]), ["down", "right"]))
       ]
     }, [
-      o.choice.image ? (m(), d("figure", Q, [
+      o.choice.image ? (m(), d("figure", K, [
         h("img", q(o.choice.image, {
           class: o.imageClass,
           alt: ""
@@ -51,12 +51,12 @@ const K = ["aria-labelledby", "aria-selected", "tabindex"], Q = { key: 0 }, R =
         h("figcaption", {
           class: y(o.nameClass),
           id: g(s)
-        }, x(o.choice.name), 11, R)
+        }, x(o.choice.name), 11, Q)
       ])) : (m(), d("span", {
         key: 1,
         id: g(s)
-      }, x(o.choice.name), 9, D))
-    ], 42, K));
+      }, x(o.choice.name), 9, R))
+    ], 42, D));
   }
 }), 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",
@@ -72,7 +72,7 @@ const K = ["aria-labelledby", "aria-selected", "tabindex"], Q = { key: 0 }, R =
   },
   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();
+    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 });
@@ -86,7 +86,7 @@ const K = ["aria-labelledby", "aria-selected", "tabindex"], Q = { key: 0 }, R =
     function C(e) {
       e = (e + i.choices.length) % i.choices.length, i.multiple || w(e), v.value[e].focus();
     }
-    return (e, $) => (m(), d(z, null, [
+    return (e, $) => (m(), d(k, null, [
       h("label", {
         id: g(r),
         class: y(["image-quiz-label", { "sr-only": !e.showName }])
@@ -98,7 +98,7 @@ const K = ["aria-labelledby", "aria-selected", "tabindex"], Q = { key: 0 }, R =
         "aria-labelledby": g(r),
         "aria-orientation": "horizontal"
       }, [
-        (m(!0), d(z, null, O(l.value, (j, c) => (m(), M(G, {
+        (m(!0), d(k, null, O(l.value, (j, c) => (m(), A(G, {
           ref_for: !0,
           ref_key: "options",
           ref: v,
@@ -109,9 +109,9 @@ const K = ["aria-labelledby", "aria-selected", "tabindex"], Q = { key: 0 }, R =
           "image-class": i.imageChoicesSize,
           selected: s.value[c],
           "tab-focusable": c === S.value,
-          onToggle: (k) => w(c),
-          onNext: (k) => C(c + 1),
-          onPrevious: (k) => C(c - 1)
+          onToggle: (z) => w(c),
+          onNext: (z) => C(c + 1),
+          onPrevious: (z) => C(c - 1)
         }, null, 8, ["choice", "max-choices-per-line", "name-class", "image-class", "selected", "tab-focusable", "onToggle", "onNext", "onPrevious"]))), 128))
       ], 8, J)
     ], 64));

package/dist/LLMMessage.ce-DBgXmxn9.js

@@ -0,0 +1,89 @@
+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-BRzyhDRe.js";
+const h = {}, C = {
+  height: "1rem",
+  width: "auto",
+  "aria-hidden": "true",
+  role: "img",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 448 512"
+};
+function x(o, e) {
+  return t(), n("svg", C, e[0] || (e[0] = [
+    s("path", {
+      fill: "currentColor",
+      d: "M364.2 83.8c-24.4-24.4-64-24.4-88.4 0l-184 184c-42.1 42.1-42.1 110.3 0 152.4s110.3 42.1 152.4 0l152-152c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-152 152c-64 64-167.6 64-231.6 0s-64-167.6 0-231.6l184-184c46.3-46.3 121.3-46.3 167.6 0s46.3 121.3 0 167.6l-176 176c-28.6 28.6-75 28.6-103.6 0s-28.6-75 0-103.6l144-144c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-144 144c-6.7 6.7-6.7 17.7 0 24.4s17.7 6.7 24.4 0l176-176c24.4-24.4 24.4-64 0-88.4z"
+    }, null, -1)
+  ]));
+}
+const y = /* @__PURE__ */ b(h, [["render", x]]), v = {}, w = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function _(o, e) {
+  return t(), n("svg", w, e[0] || (e[0] = [
+    s("path", {
+      d: "M5.88 17.0103C6.73 16.3683 7.676 15.8638 8.718 15.4968C9.76 15.1298 10.8544 14.9463 12.0012 14.9463C13.1481 14.9463 14.2451 15.1328 15.2922 15.5058C16.3394 15.8788 17.282 16.3823 18.12 17.0163C18.6915 16.3289 19.1357 15.5629 19.4527 14.7183C19.7697 13.8734 19.9282 12.9673 19.9282 12C19.9282 9.80717 19.1551 7.93759 17.6087 6.39125C16.0624 4.84492 14.1928 4.07175 12 4.07175C9.80717 4.07175 7.93758 4.84492 6.39125 6.39125C4.84492 7.93759 4.07175 9.80717 4.07175 12C4.07175 12.9633 4.22925 13.8674 4.54425 14.7123C4.85925 15.5569 5.3045 16.3229 5.88 17.0103ZM12 13.0538C11.0007 13.0538 10.1596 12.7133 9.47675 12.0323C8.79375 11.3513 8.45225 10.5112 8.45225 9.512C8.45225 8.51267 8.79375 7.6715 9.47675 6.9885C10.1596 6.30567 11.0007 5.96425 12 5.96425C12.9993 5.96425 13.8404 6.30567 14.5232 6.9885C15.2062 7.6715 15.5477 8.51267 15.5477 9.512C15.5477 10.5112 15.2062 11.3513 14.5232 12.0323C13.8404 12.7133 12.9993 13.0538 12 13.0538ZM11.9995 22.2033C10.5887 22.2033 9.26292 21.9358 8.02225 21.4008C6.78175 20.8658 5.7015 20.1383 4.7815 19.2185C3.86167 18.2985 3.13425 17.2181 2.59925 15.9773C2.06425 14.7363 1.79675 13.4103 1.79675 11.9995C1.79675 10.5887 2.06425 9.26292 2.59925 8.02225C3.13425 6.78175 3.86167 5.7015 4.7815 4.7815C5.7015 3.86167 6.78192 3.13425 8.02275 2.59925C9.26375 2.06425 10.5897 1.79675 12.0005 1.79675C13.4113 1.79675 14.7371 2.06425 15.9777 2.59925C17.2182 3.13425 18.2985 3.86167 19.2185 4.7815C20.1383 5.7015 20.8657 6.78192 21.4008 8.02275C21.9358 9.26375 22.2032 10.5897 22.2032 12.0005C22.2032 13.4113 21.9358 14.7371 21.4008 15.9778C20.8657 17.2183 20.1383 18.2985 19.2185 19.2185C18.2985 20.1383 17.2181 20.8658 15.9773 21.4008C14.7362 21.9358 13.4103 22.2033 11.9995 22.2033ZM12 19.9283C12.8633 19.9283 13.6747 19.8041 14.4342 19.5558C15.1936 19.3074 15.8982 18.9495 16.5482 18.482C15.8904 18.0107 15.1867 17.6518 14.4372 17.4055C13.6877 17.159 12.8753 17.0358 12 17.0358C11.1247 17.0358 10.3132 17.159 9.56575 17.4055C8.81825 17.6518 8.1155 18.0107 7.4575 18.482C8.1075 18.9495 8.81125 19.3074 9.56875 19.5558C10.3262 19.8041 11.1367 19.9283 12 19.9283ZM12 10.9643C12.4173 10.9643 12.7637 10.8265 13.0392 10.551C13.3146 10.2757 13.4523 9.92934 13.4523 9.512C13.4523 9.0945 13.3146 8.74709 13.0392 8.46975C12.7637 8.19242 12.4173 8.05375 12 8.05375C11.5827 8.05375 11.2362 8.19242 10.9607 8.46975C10.6854 8.74709 10.5477 9.0945 10.5477 9.512C10.5477 9.92934 10.6854 10.2757 10.9607 10.551C11.2362 10.8265 11.5827 10.9643 12 10.9643Z",
+      fill: "white"
+    }, null, -1)
+  ]));
+}
+const k = /* @__PURE__ */ b(v, [["render", _]]), L = {}, M = {
+  width: "11",
+  height: "18",
+  viewBox: "0 0 11 18",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function $(o, e) {
+  return t(), n("svg", M, e[0] || (e[0] = [
+    s("path", {
+      d: "M1.98601 18C0.447922 18 0.403919 17.7815 1.32681 16.602L6.60042 10.1796C6.99592 9.69905 7.21568 9.3058 7.21568 8.99997C7.21568 8.65046 6.99592 8.25727 6.60042 7.82039L1.32681 1.39804C0.403919 0.218468 0.447922 0 1.98601 0H2.5134C4.05149 0 4.62282 0.305829 5.54571 1.39804L9.58879 6.29125C11.3028 8.25727 11.3028 9.74273 9.58879 11.7088L5.54571 16.602C4.62282 17.6942 4.05149 18 2.5134 18H1.98601Z",
+      fill: "white"
+    }, null, -1)
+  ]));
+}
+const z = /* @__PURE__ */ b(L, [["render", $]]), q = { class: "avatar" }, B = { class: "bubble" }, Z = ["innerHTML"], N = {
+  key: 1,
+  class: "attachment-label"
+}, H = /* @__PURE__ */ m({
+  __name: "LLMMessage.ce",
+  props: {
+    name: { type: String },
+    message: { type: Object }
+  },
+  setup(o) {
+    const e = o, c = d(() => e.message.direction === "outbound"), i = d(() => {
+      if (e.message.content)
+        return e.name ? `<strong>${e.name}</strong> : ${e.message.content}` : e.message.content;
+    });
+    return (a, A) => (t(), n("div", {
+      class: g(["message", a.message.direction])
+    }, [
+      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", B, [
+        i.value ? (t(), n("div", {
+          key: 0,
+          innerHTML: i.value,
+          class: "content"
+        }, null, 8, Z)) : l("", !0),
+        a.message.attachmentName && c.value ? (t(), n("p", N, [
+          s("span", null, p(a.message.attachmentName), 1),
+          u(y)
+        ])) : l("", !0)
+      ])
+    ], 2));
+  }
+}), j = ".message{display:flex;width:90%;gap:12px;align-items:start}.message .avatar{align-items:center;aspect-ratio:1/1;background-color:#1c825d;border-radius:8px;display:flex;justify-content:center;margin-top:2px;padding:4px;width:32px;height:32px}.message .loader{margin-top:14px}.message .bubble .content{--background: #efefef;--focus: #0096bfab;--border: #dbdbdb;box-sizing:border-box;font-size:14px;color:#253858;line-height:20px}.message .bubble .content p{margin:0;word-wrap:break-word}.message .bubble .content h1{font-size:1.8em}.message .bubble .content h2{font-size:1.4em}.message .bubble .content h3{font-size:1.2em}.message .bubble .content h1,.message .bubble .content h2,.message .bubble .content h3,.message .bubble .content h4,.message .bubble .content h5,.message .bubble .content h6{margin-bottom:12px;color:#000}.message .bubble .content strong{color:#000}.message .bubble .content h1,.message .bubble .content h2,.message .bubble .content h3,.message .bubble .content h4,.message .bubble .content h5,.message .bubble .content h6,.message .bubble .content b,.message .bubble .content strong,.message .bubble .content th{font-weight:600}.message .bubble .content q:before{content:none}.message .bubble .content q:after{content:none}.message .bubble .content blockquote,.message .bubble .content q{border-left:4px solid var(--focus);margin:1.5em 0;padding:.5em 1em;font-style:italic}.message .bubble .content blockquote>footer{font-style:normal;border:0}.message .bubble .content blockquote cite{font-style:normal}.message .bubble .content mark{background-color:#ff0;border-radius:2px;padding:0 2px;color:#000}.message .bubble .content code{background:var(--background);color:#000;padding:2.5px 5px;border-radius:6px;font-size:1em}.message .bubble .content hr{border:none;border-top:1px solid var(--border)}.message .bubble .content table{border-collapse:collapse;margin-bottom:10px;width:100%;table-layout:fixed;border:1px solid #dbdbdb;border-radius:8px}.message .bubble .content table caption{text-align:left}.message .bubble .content td,.message .bubble .content th{padding:6px;text-align:left;vertical-align:top;word-wrap:break-word;border-right:1px solid var(--border)}.message .bubble .content thead{border-bottom:1px solid var(--border)}.message .bubble .content tfoot{border-top:1px solid var(--border)}.message .bubble .content tbody tr:nth-child(2n){background-color:#efefef}.message .bubble .content tbody tr:nth-child(2n) button{background-color:#f7f7f7}.message .bubble .content tbody tr:nth-child(2n) button:hover{background-color:#fff}.message .bubble .content details{display:flex;flex-direction:column;align-items:flex-start;background-color:#f7f7f7;padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}.message .bubble .content details[open]{padding:10px}.message .bubble .content details>:last-child{margin-bottom:0}.message .bubble .content details[open] summary{margin-bottom:10px}.message .bubble .content summary{display:list-item;background-color:#efefef;padding:10px;margin:-10px -10px 0;cursor:pointer;outline:none}.message .bubble .content summary:hover,.message .bubble .content summary:focus{text-decoration:underline}.message .bubble .content details>:not(summary){margin-top:0}.message .bubble .content summary::-webkit-details-marker{color:#363636}.message .bubble .content ul{list-style-type:disc;list-style-position:inside}.message .bubble .content ol{list-style-type:decimal}.message .bubble .attachment-label{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-style:italic;justify-content:end;margin:1rem}.message.outbound{align-self:end;flex-direction:row-reverse}.message.outbound .avatar{background-color:#957ee8}.message.outbound .bubble{background:#cec3f4;border-radius:16px;padding:8px 16px}", T = /* @__PURE__ */ b(H, [["styles", [j]]]);
+export {
+  T as L
+};

package/dist/Loading.ce-BRzyhDRe.js

@@ -0,0 +1,14 @@
+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)
+  ]));
+}
+const p = /* @__PURE__ */ o(t, [["render", c], ["styles", [n]]]);
+export {
+  p as L
+};

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-DLH45Sxm.js → _plugin-vue_export-helper-CGpZIhKK.js}

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

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

@@ -0,0 +1,100 @@
+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-DBgXmxn9.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(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: C(`width: ${o.percent}%`),
+        class: "probability-bar__percent",
+        "aria-hidden": "true"
+      }, null, 4),
+      r[0] || (r[0] = e("div", {
+        class: "probability-bar__background",
+        "aria-hidden": "true"
+      }, null, -1))
+    ]));
+  }
+}), 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"
+}, 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 },
+    titleLevel: { type: Number }
+  },
+  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 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: k
+    }), (t, m) => (a(), i("div", O, [
+      e("div", R, [
+        e("div", j, [
+          g(y, {
+            class: "container__message",
+            message: { content: t.userMessage, direction: "outbound" }
+          }, null, 8, ["message"]),
+          g(y, {
+            class: "container__message",
+            message: { content: u.value, direction: "inbound" }
+          }, null, 8, ["message"])
+        ]),
+        b.value ? (a(), i("p", H, s(t.$t("complete-phrase.successfullyCompletedSentence")), 1)) : (a(), i("button", {
+          key: 0,
+          onClick: S,
+          class: "container__button",
+          "aria-describedby": `currentProbability${l.value}`
+        }, s(t.$t("complete-phrase.clickHereButton")), 9, G))
+      ]),
+      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
+          }, [
+            (a(!0), i(f, null, v($, (_, L) => (a(), B(F, {
+              name: _.name,
+              percent: _.percent,
+              key: L
+            }, null, 8, ["name", "percent"]))), 128))
+          ], 10, Q))), 128))
+        ])
+      ])
+    ]));
+  }
+}), 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-DLH45Sxm.js";
-import { I as m } from "../ImageQuiz.ce-CAWRCnWK.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-DLH45Sxm.js";
-import { I as A } from "../ImageQuiz.ce-CAWRCnWK.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,9 +1,10 @@
-import { a as d, c as o, o as n, f as s, t, F as l, b as p, g as i, _ as c, d as u } from "../_plugin-vue_export-helper-DLH45Sxm.js";
-import { p as f, L as r } from "../shadow-dom-BtcBGuOh.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-DBgXmxn9.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 },
@@ -11,42 +12,46 @@ const g = {
     userName: { type: String },
     messages: { type: Array }
   },
-  setup(x) {
-    return f(), (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, [
-              i(r, {
-                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, [
-              i(r, {
-                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, [
-              i(r, {
-                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, [
-              i(r, {
-                message: a,
-                name: e.userName
+            e("div", w, [
+              i(l, {
+                message: s,
+                name: o.userName
               }, null, 8, ["message", "name"])
             ])
           ], 64))
@@ -54,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", u(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,5 +1,6 @@
-import { a as m, u as i, j as p, c as o, o as e, F as d, b as u, e as g, _ as f, d as h } from "../_plugin-vue_export-helper-DLH45Sxm.js";
-import { p as _, L as x } from "../shadow-dom-BtcBGuOh.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-DBgXmxn9.js";
+import { p as x } from "../shadow-dom-BdDj1I6f.js";
 const b = {
   class: "llm-messages",
   "aria-live": "polite"
@@ -10,7 +11,7 @@ const b = {
   },
   setup(t) {
     const a = t;
-    _();
+    x();
     const s = i();
     function r() {
       s.scrollTop = s.scrollHeight;
@@ -18,7 +19,7 @@ const b = {
     return p(async () => {
       a.messages, r();
     }), (l, w) => (e(), o("div", b, [
-      (e(!0), o(d, null, u(l.messages, (n, c) => (e(), g(x, {
+      (e(!0), o(d, null, g(l.messages, (n, c) => (e(), u(_, {
         key: c,
         message: n
       }, null, 8, ["message"]))), 128))