@1024pix/epreuves-components 1.4.5 → 1.5.1

package/dist/LLMMessage.ce-CcaSmq0J.js

@@ -0,0 +1,96 @@
+import { _ as a, c as r, o as s, f as b, d as i, k as n, D as d, b as l, E as o, t as c, y as h } from "./_plugin-vue_export-helper-BGEtPlxS.js";
+import { L as p } from "./Loading.ce-kO02LfAR.js";
+const f = {}, C = {
+  height: "1rem",
+  width: "auto",
+  "aria-hidden": "true",
+  role: "img",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 448 512"
+};
+function x(t, e) {
+  return s(), r("svg", C, [...e[0] || (e[0] = [
+    b("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__ */ a(f, [["render", x]]), v = {}, k = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function w(t, e) {
+  return s(), r("svg", k, [...e[0] || (e[0] = [
+    b("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 _ = /* @__PURE__ */ a(v, [["render", w]]), M = {}, L = {
+  width: "11",
+  height: "18",
+  viewBox: "0 0 11 18",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function q(t, e) {
+  return s(), r("svg", L, [...e[0] || (e[0] = [
+    b("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 $ = /* @__PURE__ */ a(M, [["render", q]]), z = { class: "avatar" }, B = { class: "bubble" }, Z = ["innerHTML"], N = {
+  key: 1,
+  role: "alert",
+  class: "error"
+}, E = {
+  key: 2,
+  class: "attachment-label"
+}, H = /* @__PURE__ */ i({
+  __name: "LLMMessage.ce",
+  props: {
+    name: { type: String },
+    message: { type: Object }
+  },
+  setup(t) {
+    const e = t, m = n(() => e.message.direction === "outbound"), g = n(() => {
+      if (e.message.content)
+        return e.name ? `<strong>${e.name}</strong> : ${e.message.content}` : e.message.content;
+    }), u = n(() => e.message.hasError && e.message.errorMessage?.length > 0);
+    return (A, V) => (s(), r("div", {
+      class: d(["message", t.message.direction])
+    }, [
+      b("span", z, [
+        m.value ? (s(), l(_, { key: 0 })) : (s(), l($, { key: 1 }))
+      ]),
+      t.message.isLoading ? (s(), l(p, {
+        key: 0,
+        class: "loader"
+      })) : o("", !0),
+      b("div", B, [
+        g.value ? (s(), r("div", {
+          key: 0,
+          innerHTML: g.value,
+          class: "content"
+        }, null, 8, Z)) : o("", !0),
+        u.value ? (s(), r("div", N, [
+          b("p", null, c(t.message.errorMessage), 1)
+        ])) : o("", !0),
+        t.message.attachmentName && m.value ? (s(), r("p", E, [
+          b("span", null, c(t.message.attachmentName), 1),
+          h(y)
+        ])) : o("", !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,.message .bubble .error{--background: #efefef;--focus: #0096bfab;--border: #dbdbdb;box-sizing:border-box;font-size:14px;color:#253858;line-height:20px}.message .bubble .content p,.message .bubble .error p{margin:0;word-wrap:break-word}.message .bubble .content h1,.message .bubble .error h1{font-size:1.8em}.message .bubble .content h2,.message .bubble .error h2{font-size:1.4em}.message .bubble .content h3,.message .bubble .error 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,.message .bubble .error h1,.message .bubble .error h2,.message .bubble .error h3,.message .bubble .error h4,.message .bubble .error h5,.message .bubble .error h6{margin-bottom:12px;color:#000}.message .bubble .content strong,.message .bubble .error 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,.message .bubble .error h1,.message .bubble .error h2,.message .bubble .error h3,.message .bubble .error h4,.message .bubble .error h5,.message .bubble .error h6,.message .bubble .error b,.message .bubble .error strong,.message .bubble .error th{font-weight:600}.message .bubble .content q:before,.message .bubble .error q:before{content:none}.message .bubble .content q:after,.message .bubble .error q:after{content:none}.message .bubble .content blockquote,.message .bubble .error blockquote,.message .bubble .content q,.message .bubble .error q{border-left:4px solid var(--focus);margin:1.5em 0;padding:.5em 1em;font-style:italic}.message .bubble .content blockquote>footer,.message .bubble .error blockquote>footer{font-style:normal;border:0}.message .bubble .content blockquote cite,.message .bubble .error blockquote cite{font-style:normal}.message .bubble .content mark,.message .bubble .error mark{background-color:#ff0;border-radius:2px;padding:0 2px;color:#000}.message .bubble .content code,.message .bubble .error code{background:var(--background);color:#000;padding:2.5px 5px;border-radius:6px;font-size:1em}.message .bubble .content hr,.message .bubble .error hr{border:none;border-top:1px solid var(--border)}.message .bubble .content table,.message .bubble .error table{border-collapse:collapse;margin-bottom:10px;width:100%;table-layout:fixed;border:1px solid #dbdbdb;border-radius:8px}.message .bubble .content table caption,.message .bubble .error table caption{text-align:left}.message .bubble .content td,.message .bubble .content th,.message .bubble .error td,.message .bubble .error th{padding:6px;text-align:left;vertical-align:top;word-wrap:break-word;border-right:1px solid var(--border)}.message .bubble .content thead,.message .bubble .error thead{border-bottom:1px solid var(--border)}.message .bubble .content tfoot,.message .bubble .error tfoot{border-top:1px solid var(--border)}.message .bubble .content tbody tr:nth-child(2n),.message .bubble .error tbody tr:nth-child(2n){background-color:#efefef}.message .bubble .content tbody tr:nth-child(2n) button,.message .bubble .error tbody tr:nth-child(2n) button{background-color:#f7f7f7}.message .bubble .content tbody tr:nth-child(2n) button:hover,.message .bubble .error tbody tr:nth-child(2n) button:hover{background-color:#fff}.message .bubble .content details,.message .bubble .error 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],.message .bubble .error details[open]{padding:10px}.message .bubble .content details>:last-child,.message .bubble .error details>:last-child{margin-bottom:0}.message .bubble .content details[open] summary,.message .bubble .error details[open] summary{margin-bottom:10px}.message .bubble .content summary,.message .bubble .error 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,.message .bubble .error summary:hover,.message .bubble .error summary:focus{text-decoration:underline}.message .bubble .content details>:not(summary),.message .bubble .error details>:not(summary){margin-top:0}.message .bubble .content summary::-webkit-details-marker,.message .bubble .error summary::-webkit-details-marker{color:#363636}.message .bubble .content ul,.message .bubble .error ul{list-style-type:disc;list-style-position:inside}.message .bubble .content ol,.message .bubble .error 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 .bubble .error{color:#952e2e;font-style:italic;font-weight:700}.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__ */ a(H, [["styles", [j]]]);
+export {
+  T as L
+};

package/dist/Loading.ce-kO02LfAR.js

@@ -0,0 +1,14 @@
+import { _ as o, c as a, o as r, f as s } from "./_plugin-vue_export-helper-BGEtPlxS.js";
+const n = ".loader{width:8px;aspect-ratio:1;border-radius:50%;animation:l5 1s infinite linear alternate;transform:translate(100%)}.sr-only{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}@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 i(p, e) {
+  return r(), a("div", d, [...e[0] || (e[0] = [
+    s("p", { class: "sr-only" }, " Chargement... ", -1)
+  ])]);
+}
+const c = /* @__PURE__ */ o(t, [["render", i], ["styles", [n]]]);
+export {
+  c as L
+};

package/dist/NavigationButton.ce-BUeEdL4x.js

@@ -0,0 +1,98 @@
+import { d as f, r as g, J as w, c as h, o as i, f as l, D as C, G as b, t as m, m as x, q as y, L as k, _ as s, b as c, M as $ } from "./_plugin-vue_export-helper-BGEtPlxS.js";
+const B = { class: "tooltip-container" }, L = ["id"], _ = ["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(t, { emit: o }) {
+    const e = g(!0), d = w(), u = o;
+    function a(n) {
+      e.value = n;
+    }
+    function v() {
+      t.disabled || u("click");
+    }
+    return (n, r) => (i(), h("div", B, [
+      l("p", {
+        id: b(d),
+        class: C(["tooltip", {
+          "sr-only": e.value || t.disabled,
+          [`${t.tooltipPosition}`]: !0
+        }])
+      }, m(t.label), 11, L),
+      l("button", x(n.$attrs, {
+        onMouseenter: r[0] || (r[0] = (p) => a(!1)),
+        onMouseleave: r[1] || (r[1] = (p) => a(!0)),
+        onFocusin: r[2] || (r[2] = (p) => a(!1)),
+        onFocusout: r[3] || (r[3] = (p) => a(!0)),
+        onClick: y(v, ["stop"]),
+        "aria-labelledby": b(d),
+        "aria-disabled": t.disabled,
+        class: { disabled: t.disabled }
+      }), [
+        k(n.$slots, "default")
+      ], 16, _)
+    ]));
+  }
+}), S = '*{--pix-neutral-800: #253858}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);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}', M = /* @__PURE__ */ s(z, [["styles", [S]]]), H = {}, P = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "inherit"
+};
+function N(t, o) {
+  return i(), h("svg", P, [...o[0] || (o[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 Y = /* @__PURE__ */ s(H, [["render", N]]), A = {}, T = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "inherit"
+};
+function D(t, o) {
+  return i(), h("svg", T, [...o[0] || (o[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 F = /* @__PURE__ */ s(A, [["render", D]]), Z = /* @__PURE__ */ f({
+  __name: "NavigationButton.ce",
+  props: {
+    disabled: { type: Boolean },
+    label: { type: String },
+    tooltipPosition: { type: String },
+    direction: { type: String }
+  },
+  emits: ["click"],
+  setup(t) {
+    return (o, e) => (i(), c(M, {
+      class: "button",
+      onClick: e[0] || (e[0] = (d) => o.$emit("click")),
+      "tooltip-position": t.tooltipPosition,
+      label: t.label,
+      disabled: t.disabled
+    }, {
+      default: $(() => [
+        t.direction === "next" ? (i(), c(Y, { key: 0 })) : (i(), c(F, { 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 {
+  M as B,
+  E as N
+};