@1024pix/epreuves-components 0.6.0 → 0.8.0

package/dist/ImageQuiz.ce-gJc1nZ2d.js

@@ -0,0 +1,122 @@
+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-FiywpteF.js";
+function T(i, u = A) {
+  const a = [...i];
+  for (let n = a.length - 1; n > 0; n--) {
+    const l = u() % (n + 1);
+    [a[n], a[l]] = [a[l], a[n]];
+  }
+  return a;
+}
+function A() {
+  return Math.floor(Math.random() * 2 ** 32);
+}
+const K = ["aria-labelledby", "aria-selected", "tabindex"], Q = { key: 0 }, R = ["id"], D = ["id"], E = /* @__PURE__ */ B({
+  __name: "ImageOption.ce",
+  props: {
+    choice: { type: Object },
+    maxChoicesPerLine: { type: Number },
+    imageClass: { type: String },
+    nameClass: { type: String },
+    selected: { type: Boolean },
+    tabFocusable: { type: Boolean }
+  },
+  emits: ["toggle", "next", "previous"],
+  setup(i, { expose: u }) {
+    const a = i, n = N();
+    function l() {
+      n.value.focus();
+    }
+    u({ focus: l });
+    const s = I();
+    return (o, t) => (m(), d("div", {
+      ref_key: "el",
+      ref: n,
+      role: "option",
+      class: y(["image-option", `image-option--max${a.maxChoicesPerLine}`]),
+      "aria-labelledby": g(s),
+      "aria-selected": o.selected,
+      tabindex: o.tabFocusable ? 0 : -1,
+      onClick: t[0] || (t[0] = f((r) => o.$emit("toggle"), ["stop"])),
+      onKeydown: [
+        t[1] || (t[1] = b(f((r) => o.$emit("toggle"), ["stop", "prevent"]), ["space"])),
+        t[2] || (t[2] = b(f((r) => o.$emit("previous"), ["stop", "prevent"]), ["up", "left"])),
+        t[3] || (t[3] = b(f((r) => o.$emit("next"), ["stop", "prevent"]), ["down", "right"]))
+      ]
+    }, [
+      o.choice.image ? (m(), d("figure", Q, [
+        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, R)
+      ])) : (m(), d("span", {
+        key: 1,
+        id: g(s)
+      }, x(o.choice.name), 9, D))
+    ], 42, K));
+  }
+}), 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 },
+    choices: { type: Array },
+    maxChoicesPerLine: { default: 5, type: Number },
+    name: { type: String },
+    hideChoicesName: { type: Boolean },
+    orderChoices: { type: Boolean },
+    imageChoicesSize: { default: "icon", type: String },
+    showName: { type: Boolean, default: !1 }
+  },
+  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();
+    L(t, () => {
+      a("answer", t.value);
+    }, { immediate: !1 });
+    const S = p(() => {
+      const e = s.value.indexOf(!0);
+      return e === -1 ? 0 : e;
+    }), v = F("options");
+    function w(e) {
+      i.multiple || s.value.fill(!1), s.value[e] = !s.value[e];
+    }
+    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, [
+      h("label", {
+        id: g(r),
+        class: y(["image-quiz-label", { "sr-only": !e.showName }])
+      }, x(e.name), 11, H),
+      h("div", {
+        role: "listbox",
+        class: "image-quiz",
+        "aria-multiselectable": e.multiple,
+        "aria-labelledby": g(r),
+        "aria-orientation": "horizontal"
+      }, [
+        (m(!0), d(z, null, O(l.value, (j, c) => (m(), M(G, {
+          ref_for: !0,
+          ref_key: "options",
+          ref: v,
+          choice: j,
+          "max-choices-per-line": e.maxChoicesPerLine,
+          key: c,
+          "name-class": n.value,
+          "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)
+        }, null, 8, ["choice", "max-choices-per-line", "name-class", "image-class", "selected", "tab-focusable", "onToggle", "onNext", "onPrevious"]))), 128))
+      ], 8, J)
+    ], 64));
+  }
+}), W = "*{box-sizing:border-box}.image-quiz-label{font-size:1.25rem;margin:1rem 0;display:inline-block}.image-quiz{display:flex;flex-wrap:wrap;justify-content:space-around}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}", Y = /* @__PURE__ */ P(U, [["styles", [W]]]);
+export {
+  Y as I
+};

package/dist/{LLMMessage.ce-CHtRURwX.js → LLMMessage.ce-BN3kkTnG.js}

@@ -1,4 +1,4 @@
-import { d as Pt, p as L, x as m2, y as p2, z as h2, A as g2, B as b2, q as y2, c as me, o as pe, n as v2, a as he, v as Ke, b as x2, t as k2, C as qe, _ as w2 } from "./_plugin-vue_export-helper-BDNE3C4u.js";
+import { a as Pt, s as L, v as m2, A as p2, B as h2, C as g2, D as b2, y as y2, c as me, o as pe, q as v2, f as he, z as Ke, g as x2, t as k2, p as qe, _ as w2 } from "./_plugin-vue_export-helper-FiywpteF.js";
 /*!
  * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)