@1024pix/epreuves-components 1.4.5 → 1.5.0

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

@@ -1,27 +1,28 @@
-import { a as v, r as c, z as y, c as i, o as d, y as h, f as l, A as w, F as f, b as k, t as S, _ as C, d as L } from "../_plugin-vue_export-helper-CwwQJ1m6.js";
+import { d as y, r as c, z as h, c as d, o as m, y as w, f as a, A as k, F as _, a as L, t as S, _ as C, e as P } from "../_plugin-vue_export-helper-BGEtPlxS.js";
+import { u as N } from "../normalize-props-AlmAfi_u.js";
 import "./llm-messages.ce.js.js";
-const N = { class: "prompt-select" }, P = { class: "prompt-select__options" }, A = ["disabled", "onClick"], B = /* @__PURE__ */ v({
+const M = { class: "prompt-select" }, z = { class: "prompt-select__options" }, A = ["disabled", "onClick"], B = /* @__PURE__ */ y({
   __name: "LLMPromptSelect.ce",
   props: {
     messages: { type: Array },
     prompts: { type: Array },
     speed: { type: Number }
   },
-  setup(_, { expose: b }) {
-    const o = _, s = c(o.messages), m = c(o.prompts.map((e) => ({
+  setup(r, { expose: g }) {
+    const o = r, s = c(o.messages), u = c(o.prompts.map((e) => ({
       ...e,
       disabled: !1
-    }))), r = c(!1);
-    function g() {
-      s.value = o.messages, m.value = o.prompts.map((e) => ({
+    }))), l = c(!1);
+    function x() {
+      s.value = o.messages, u.value = o.prompts.map((e) => ({
         ...e,
         disabled: !1
-      })), r.value = !1;
+      })), l.value = !1;
     }
-    b({
-      reset: g
+    g({
+      reset: x
     });
-    async function x(e) {
+    async function v(e) {
       const t = o.speed === 0 || window.matchMedia("(prefers-reduced-motion: reduce)").matches;
       if (s.value = [
         ...s.value,
@@ -34,34 +35,38 @@ const N = { class: "prompt-select" }, P = { class: "prompt-select__options" }, A
           content: t ? e.response : ""
         }
       ], e.disabled = !0, t) return;
-      const a = s.value.length - 1;
-      r.value = !0;
+      const p = s.value.length - 1;
+      l.value = !0;
       const n = e.response.split(/(\s+|<[^>]+>)/);
-      for (const p of n)
-        await new Promise((u) => {
-          setTimeout(u, o.speed ?? 20);
-        }), s.value = [...s.value], s.value[a].content += p;
-      r.value = !1;
+      for (const i of n)
+        await new Promise((f) => {
+          setTimeout(f, o.speed ?? 20);
+        }), s.value = [...s.value], s.value[p].content += i;
+      l.value = !1;
     }
     return (e, t) => {
-      const a = y("llm-messages");
-      return d(), i(f, null, [
-        h(a, { messages: s.value }, null, 8, ["messages"]),
-        l("div", N, [
-          t[0] || (t[0] = l("p", { class: "prompt-select__label" }, [
-            w(" Sélectionner un des prompts "),
-            l("span", { class: "sr-only" }, "  une fois sélectionnés, les prompts ne sont plus disponibles. ")
+      const p = h("llm-messages");
+      return m(), d(_, null, [
+        w(p, { messages: s.value }, null, 8, ["messages"]),
+        a("div", M, [
+          t[0] || (t[0] = a("p", { class: "prompt-select__label" }, [
+            k(" Sélectionner un des prompts "),
+            a("span", { class: "sr-only" }, "  une fois sélectionnés, les prompts ne sont plus disponibles. ")
           ], -1)),
-          l("div", P, [
-            (d(!0), i(f, null, k(m.value, (n, p) => (d(), i("button", {
-              key: p,
-              disabled: n.disabled || r.value,
-              onClick: (u) => x(n)
+          a("div", z, [
+            (m(!0), d(_, null, L(u.value, (n, i) => (m(), d("button", {
+              key: i,
+              disabled: n.disabled || l.value,
+              onClick: (f) => v(n)
             }, S(n.prompt), 9, A))), 128))
           ])
         ])
       ], 64);
     };
   }
-}), E = ".sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}llm-messages{display:block;height:400px}.prompt-select{font-family:Roboto,sans-serif;border-top:solid 1px #253858;padding:16px 24px 24px}.prompt-select__label{margin-top:0;font-weight:700;color:#253858}.prompt-select__options{display:flex;gap:1rem;justify-content:left;flex-wrap:wrap}.prompt-select__options>button{padding:1rem 1.5rem;border:none;background:#cec3f4;border-radius:16px;border:1px solid #ffffff;color:#130261;font-size:.875rem;box-shadow:0 4px 12px -4px #957ee833}.prompt-select__options>button:hover:not(:disabled){background:#9a8dc7;color:#fff;cursor:pointer}.prompt-select__options>button:disabled{cursor:not-allowed;color:#1010104d}", M = /* @__PURE__ */ C(B, [["styles", [E]]]);
-window.customElements.define("llm-prompt-select", L(M));
+}), E = ".sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}llm-messages{display:block;height:400px}.prompt-select{font-family:Roboto,sans-serif;border-top:solid 1px #253858;padding:16px 24px 24px}.prompt-select__label{margin-top:0;font-weight:700;color:#253858}.prompt-select__options{display:flex;gap:1rem;justify-content:left;flex-wrap:wrap}.prompt-select__options>button{padding:1rem 1.5rem;border:none;background:#cec3f4;border-radius:16px;border:1px solid #ffffff;color:#130261;font-size:.875rem;box-shadow:0 4px 12px -4px #957ee833}.prompt-select__options>button:hover:not(:disabled){background:#9a8dc7;color:#fff;cursor:pointer}.prompt-select__options>button:disabled{cursor:not-allowed;color:#1010104d}", V = /* @__PURE__ */ C(B, [["styles", [E]]]), b = P(V);
+b.prototype.normalizeProps = (r) => ({
+  ...r,
+  speed: N(r.speed)
+});
+window.customElements.define("llm-prompt-select", b);

package/dist/components/message-conversation.ce.js.js

@@ -1,10 +1,11 @@
-import { a as D, r as k, k as M, h as $, c as t, o as s, D as w, E as m, f as h, A as x, t as v, y as E, K as B, m as T, F as b, b as N, _ as S, g as V, e as z, d as F } from "../_plugin-vue_export-helper-CwwQJ1m6.js";
-import { L } from "../Loading.ce-FI776zdC.js";
-const P = ["part"], I = {
+import { d as S, r as x, k as D, h as E, c as n, o as s, D as k, E as g, f as _, A as w, t as v, y as B, I as z, m as P, F as b, a as M, _ as N, g as T, b as V, e as F } from "../_plugin-vue_export-helper-BGEtPlxS.js";
+import { L as I } from "../Loading.ce-kO02LfAR.js";
+import { u as L, a as j } from "../normalize-props-AlmAfi_u.js";
+const O = ["part"], R = {
   key: 1,
   class: "message__loader message__content",
   "aria-hidden": "true"
-}, j = ["part"], K = { key: 1 }, O = { key: 0 }, R = /* @__PURE__ */ D({
+}, q = ["part"], G = { key: 1 }, H = { key: 0 }, J = /* @__PURE__ */ S({
   __name: "Message.ce",
   props: {
     displaySender: { type: Boolean, default: !0 },
@@ -13,90 +14,90 @@ const P = ["part"], I = {
     animationDuration: { type: Number },
     loadingDuration: { type: Number }
   },
-  setup(n, { expose: c }) {
-    const i = k("hidden"), g = k([]), p = M(() => n.message.content.split(`
+  setup(e, { expose: d }) {
+    const i = x("hidden"), l = x([]), p = D(() => e.message.content.split(`
 `));
-    function d(e) {
+    function m(t) {
       return new Promise((a) => {
-        const o = setTimeout(a, e);
-        g.value.push(o);
+        const o = setTimeout(a, t);
+        l.value.push(o);
       });
     }
-    async function l() {
-      await d(n.startAnimation), i.value = "loading", await d(n.loadingDuration), i.value = "visible", await d(n.animationDuration);
+    async function c() {
+      await m(e.startAnimation), i.value = "loading", await m(e.loadingDuration), i.value = "visible", await m(e.animationDuration);
     }
-    $(l);
+    E(c);
     async function f() {
-      i.value = "hidden", g.value.forEach(clearTimeout), await l();
+      i.value = "hidden", l.value.forEach(clearTimeout), await c();
     }
-    return c({
+    return d({
       reset: f
-    }), (e, a) => (s(), t("div", {
-      class: w(["message", [
+    }), (t, a) => (s(), n("div", {
+      class: k(["message", [
         `message--${e.message.direction}`,
         { "hidden-state": i.value === "hidden" }
       ]])
     }, [
-      e.displaySender ? (s(), t("p", {
+      e.displaySender ? (s(), n("p", {
         key: 0,
         class: "message__sender",
         part: `sender ${e.message.direction}`
       }, [
-        a[0] || (a[0] = h("span", { class: "sr-only" }, "Message de ", -1)),
-        x(v(e.message.userName), 1)
-      ], 8, P)) : m("", !0),
-      i.value === "loading" ? (s(), t("div", I, [
-        E(L)
-      ])) : m("", !0),
-      h("p", {
-        class: w(["message__content", { "hidden-state": i.value !== "visible" }]),
+        a[0] || (a[0] = _("span", { class: "sr-only" }, "Message de ", -1)),
+        w(v(e.message.userName), 1)
+      ], 8, O)) : g("", !0),
+      i.value === "loading" ? (s(), n("div", R, [
+        B(I)
+      ])) : g("", !0),
+      _("p", {
+        class: k(["message__content", { "hidden-state": i.value !== "visible" }]),
         part: `message ${e.message.direction}`
       }, [
-        e.message.image ? (s(), t("img", B(T({ key: 0 }, e.message.image)), null, 16)) : m("", !0),
-        e.message.image ? (s(), t("br", K)) : m("", !0),
-        (s(!0), t(b, null, N(p.value, (o, r) => (s(), t(b, { key: r }, [
-          r > 0 ? (s(), t("br", O)) : m("", !0),
-          x(" " + v(o), 1)
+        e.message.image ? (s(), n("img", z(P({ key: 0 }, e.message.image)), null, 16)) : g("", !0),
+        e.message.image ? (s(), n("br", G)) : g("", !0),
+        (s(!0), n(b, null, M(p.value, (o, r) => (s(), n(b, { key: r }, [
+          r > 0 ? (s(), n("br", H)) : g("", !0),
+          w(" " + v(o), 1)
         ], 64))), 128))
-      ], 10, j)
+      ], 10, q)
     ], 2));
   }
-}), q = ".message{max-width:80%;position:relative}.message--incoming{align-self:start}.message--incoming .message__sender{padding-left:10px}.message--incoming .message__loader{left:10px}.message--incoming .message__content{background-color:#e8e8e8}.message--outgoing{align-self:end}.message--outgoing .message__sender{padding-right:10px;text-align:right}.message--outgoing .message__loader{right:10px}.message--outgoing .message__content{background-color:#d1eaff}.message__sender{color:#444;font-size:.8rem;font-weight:700;margin:0}.message__loader{position:absolute;width:24px}.message__content{border-radius:16px;margin:0;padding:10px 14px}.message__content:not(.hidden-state){animation:fade .3s ease-in-out both}.message__content>img{max-width:100%}.hidden-state{visibility:hidden}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.message__content:not(.hidden-state){animation:none}.message__loader{display:none}.hidden-state{visibility:visible}}", G = /* @__PURE__ */ S(R, [["styles", [q]]]), H = { part: "conversation" }, J = { class: "sr-only" }, Q = /* @__PURE__ */ D({
+}), K = ".message{max-width:80%;position:relative}.message--incoming{align-self:start}.message--incoming .message__sender{padding-left:10px}.message--incoming .message__loader{left:10px}.message--incoming .message__content{background-color:#e8e8e8}.message--outgoing{align-self:end}.message--outgoing .message__sender{padding-right:10px;text-align:right}.message--outgoing .message__loader{right:10px}.message--outgoing .message__content{background-color:#d1eaff}.message__sender{color:#444;font-size:.8rem;font-weight:700;margin:0}.message__loader{position:absolute;width:24px}.message__content{border-radius:16px;margin:0;padding:10px 14px}.message__content:not(.hidden-state){animation:fade .3s ease-in-out both}.message__content>img{max-width:100%}.hidden-state{visibility:hidden}@keyframes fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.message__content:not(.hidden-state){animation:none}.message__loader{display:none}.hidden-state{visibility:visible}}", Q = /* @__PURE__ */ N(J, [["styles", [K]]]), U = { part: "conversation" }, W = { class: "sr-only" }, X = /* @__PURE__ */ S({
   __name: "MessageConversation.ce",
   props: {
     title: { default: "Conversation par messages", type: String },
     messages: { type: Array },
     animationSpeed: { default: 20, type: Number }
   },
-  setup(n, { expose: c }) {
-    const i = 50 * n.animationSpeed, g = 50 * n.animationSpeed, p = M(
-      () => n.messages.reduce(
-        (e, a, o) => {
-          const r = l(a);
+  setup(e, { expose: d }) {
+    const i = 50 * e.animationSpeed, l = 50 * e.animationSpeed, p = D(
+      () => e.messages.reduce(
+        (t, a, o) => {
+          const r = c(a);
           if (o === 0)
             return [{ message: a, displaySender: !0, startAnimation: 0, animationDuration: r }];
           const {
             message: u,
             startAnimation: y,
-            animationDuration: _
-          } = e.at(-1), A = a.direction !== u.direction || a.userName !== u.userName, C = y + _ + i;
-          return [...e, { message: a, displaySender: A, startAnimation: C, animationDuration: r }];
+            animationDuration: h
+          } = t.at(-1), C = a.direction !== u.direction || a.userName !== u.userName, $ = y + h + i;
+          return [...t, { message: a, displaySender: C, startAnimation: $, animationDuration: r }];
         },
         []
       )
-    ), d = V("messages");
-    function l(e) {
-      let a = e.content.length * n.animationSpeed;
-      return e.image && (a += g), a;
+    ), m = T("messages");
+    function c(t) {
+      let a = t.content.length * e.animationSpeed;
+      return t.image && (a += l), a;
     }
     function f() {
-      d.value.forEach((e) => e.reset());
+      m.value.forEach((t) => t.reset());
     }
-    return c({
+    return d({
       reset: f
-    }), (e, a) => (s(), t("figure", H, [
-      h("figcaption", J, v(e.title), 1),
-      (s(!0), t(b, null, N(p.value, ({ message: o, displaySender: r, startAnimation: u, animationDuration: y }, _) => (s(), z(G, {
+    }), (t, a) => (s(), n("figure", U, [
+      _("figcaption", W, v(e.title), 1),
+      (s(!0), n(b, null, M(p.value, ({ message: o, displaySender: r, startAnimation: u, animationDuration: y }, h) => (s(), V(Q, {
         ref_for: !0,
         ref: "messages",
         message: o,
@@ -104,9 +105,17 @@ const P = ["part"], I = {
         "animation-duration": y,
         "loading-duration": i,
         "display-sender": r,
-        key: _
+        key: h
       }, null, 8, ["message", "start-animation", "animation-duration", "display-sender"]))), 128))
     ]));
   }
-}), U = "figure{background-color:#fff;border-radius:16px;display:flex;flex-direction:column;gap:8px;margin:0;padding:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}", W = /* @__PURE__ */ S(Q, [["styles", [U]]]);
-window.customElements.define("message-conversation", F(W));
+}), Y = "figure{background-color:#fff;border-radius:16px;display:flex;flex-direction:column;gap:8px;margin:0;padding:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}", Z = /* @__PURE__ */ N(X, [["styles", [Y]]]), A = F(Z);
+A.prototype.normalizeProps = (e) => ({
+  ...e,
+  animationSpeed: L(e.animationSpeed),
+  messages: e.messages.map((d) => ({
+    ...d,
+    image: j(d.image)
+  }))
+});
+window.customElements.define("message-conversation", A);

package/dist/components/pix-article.ce.js.js

@@ -1,8 +1,9 @@
-import { a as g, c as n, o as i, f as a, t as l, F as o, b as d, I as h, _ as u, d as p } from "../_plugin-vue_export-helper-CwwQJ1m6.js";
-import { a as m, i as r, b as f } from "../i18n-gncqQJ0G.js";
-const v = {}, y = {}, b = {
+import { d as u, c as a, o as n, f as t, t as i, F as l, a as d, G as h, _ as m, e as f } from "../_plugin-vue_export-helper-BGEtPlxS.js";
+import { a as p, i as o, b as v } from "../i18n-D3E2CT0o.js";
+import { u as y } from "../normalize-props-AlmAfi_u.js";
+const b = {}, x = {}, S = {}, L = {
   "pix-article": { byAuthor: "Par {{author}}" }
-}, S = {}, L = {}, j = ["titleLevel"], x = { class: "article__metadata" }, A = { class: "article__author" }, E = ["innerHTML"], H = /* @__PURE__ */ g({
+}, j = {}, A = {}, P = ["titleLevel"], E = { class: "article__metadata" }, H = { class: "article__author" }, N = ["innerHTML"], k = /* @__PURE__ */ u({
   __name: "PixArticle.ce",
   props: {
     titleLevel: { default: 2, type: Number },
@@ -17,26 +18,31 @@ const v = {}, y = {}, b = {
     const s = e.paragraphs.join(`
 `).replace("{{highlightedSentence}}", `<strong style="color: ${e.colorOfHighlightSentence};">${e.highlightedSentence}</strong>`).split(`
 `);
-    return (t, B) => (i(), n(o, null, [
-      a("div", {
+    return (c, C) => (n(), a(l, null, [
+      t("div", {
         class: "article__title",
         role: "heading",
-        titleLevel: t.titleLevel
-      }, l(t.title), 9, j),
-      a("p", x, [
-        a("span", A, l(t.$t("pix-article.byAuthor", { author: t.author })), 1),
-        a("time", null, l(t.date), 1)
+        titleLevel: e.titleLevel
+      }, i(e.title), 9, P),
+      t("p", E, [
+        t("span", H, i(c.$t("pix-article.byAuthor", { author: e.author })), 1),
+        t("time", null, i(e.date), 1)
       ]),
-      (i(!0), n(o, null, d(h(s), (c, _) => (i(), n("p", {
-        innerHTML: c,
-        key: _
-      }, null, 8, E))), 128))
+      (n(!0), a(l, null, d(h(s), (_, g) => (n(), a("p", {
+        innerHTML: _,
+        key: g
+      }, null, 8, N))), 128))
     ], 64));
   }
-}), k = "[data-v-30ea36f1]{--pix-neutral-800: #253858;font-family:Nunito,Roboto,sans-serif;color:var(--pix-neutral-800)}.article__title[data-v-30ea36f1]{font-size:1.3rem;font-weight:700}.article__metadata[data-v-30ea36f1]{font-style:italic}.article__author[data-v-30ea36f1]{border-right:solid 1px var(--pix-neutral-800);padding-right:.7rem;margin-right:.5rem}", w = /* @__PURE__ */ u(H, [["styles", [k]], ["__scopeId", "data-v-30ea36f1"]]);
-m(/* @__PURE__ */ Object.assign({ "./locales/en.json": v, "./locales/es.json": y, "./locales/fr.json": b, "./locales/it.json": S, "./locales/nl.json": L })).catch((e) => console.error(e));
-window.customElements.define("pix-article", p(w, {
+}), w = "[data-v-30ea36f1]{--pix-neutral-800: #253858;font-family:Nunito,Roboto,sans-serif;color:var(--pix-neutral-800)}.article__title[data-v-30ea36f1]{font-size:1.3rem;font-weight:700}.article__metadata[data-v-30ea36f1]{font-style:italic}.article__author[data-v-30ea36f1]{border-right:solid 1px var(--pix-neutral-800);padding-right:.7rem;margin-right:.5rem}", B = /* @__PURE__ */ m(k, [["styles", [w]], ["__scopeId", "data-v-30ea36f1"]]);
+p(/* @__PURE__ */ Object.assign({ "./locales/en.json": b, "./locales/es-419.json": x, "./locales/es.json": S, "./locales/fr.json": L, "./locales/it.json": j, "./locales/nl.json": A })).catch((e) => console.error(e));
+const r = f(B, {
   configureApp(e) {
-    r.changeLanguage(document?.documentElement?.lang ?? navigator.language), e.use(f, { i18next: r });
+    o.changeLanguage(document?.documentElement?.lang ?? navigator.language), e.use(v, { i18next: o });
   }
-}));
+});
+r.prototype.normalizeProps = (e) => ({
+  ...e,
+  titleLevel: y(e.titleLevel)
+});
+window.customElements.define("pix-article", r);