@1024pix/epreuves-components 2.3.0 → 2.4.0

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

@@ -1,7 +1,7 @@
-import { d as E, r as k, L as y, k as m, E as L, c as a, o as i, a as s, l as S, x as d, A as u, F as f, b, O as B, D as g, y as C, N as H, v as D, q as F, _ as P, f as q } from "../_plugin-vue_export-helper-D7ghZaw4.js";
-import { a as G, i as w, b as R } from "../i18n-CGAadjAA.js";
-import { N as j } from "../NavigationButton.ce-DF5ScHc4.js";
-const U = {}, J = {}, K = {}, Q = {
+import { d as E, r as y, g as k, y as m, G as S, c as a, o as i, a as s, z as A, h as d, t as u, F as f, b, O as H, E as g, n as C, K as L, B as F, i as P, _ as D, f as G } from "../_plugin-vue_export-helper-DOoVeFcJ.js";
+import { a as K, i as w, b as R } from "../i18n-ecSMtuba.js";
+import { N as j } from "../NavigationButton.ce-CxI2QW8z.js";
+const U = {}, q = {}, J = {}, Q = {
   "pix-cursor": { confirm: "Valider", next: "Suivant", previous: "Précédent", selectAnOption: "Sélectionnez une option", youHaveChosen: "Vous avez choisi : { choice }" }
 }, W = {}, X = {}, Y = ["for"], Z = {
   class: "visible-options",
@@ -18,17 +18,17 @@ const U = {}, J = {}, K = {}, Q = {
     options: { type: Array }
   },
   setup(n, { expose: M }) {
-    const p = n, r = k(Math.floor(p.options.length / 2)), o = k(!1), v = y(), x = y(), N = m(() => r.value === p.options.length - 1), I = m(() => r.value === 0), c = m(() => Number(r.value));
-    function O() {
+    const p = n, r = y(Math.floor(p.options.length / 2)), o = y(!1), v = k(), h = k(), I = m(() => r.value === p.options.length - 1), N = m(() => r.value === 0), c = m(() => Number(r.value));
+    function z() {
       o.value = !0;
     }
-    function $() {
+    function O() {
       o.value || (r.value = Math.max(0, c.value - 1));
     }
-    function z() {
+    function $() {
       o.value || (r.value = Math.min(p.options.length - 1, c.value + 1));
     }
-    function _(l) {
+    function x(l) {
       o.value || (r.value = l);
     }
     function T() {
@@ -36,11 +36,11 @@ const U = {}, J = {}, K = {}, Q = {
     }
     return M({
       reset: T
-    }), (l, h) => {
-      const V = L("i18next");
+    }), (l, _) => {
+      const V = S("i18next");
       return i(), a("form", {
         class: "pix-cursor",
-        onSubmit: F(O, ["prevent"])
+        onSubmit: P(z, ["prevent"])
       }, [
         s("div", null, [
           s("label", {
@@ -49,33 +49,33 @@ const U = {}, J = {}, K = {}, Q = {
           }, u(l.$t("pix-cursor.selectAnOption")), 9, Y),
           s("ul", Z, [
             (i(!0), a(f, null, b(n.options, (t, e) => (i(), a("li", {
-              onClick: (A) => _(e),
+              onClick: (B) => x(e),
               key: e
             }, u(t.label), 9, ee))), 128))
           ]),
-          s("datalist", { id: d(x) }, [
+          s("datalist", { id: d(h) }, [
             (i(!0), a(f, null, b(n.options, (t, e) => (i(), a("option", {
-              onClick: (A) => _(e),
+              onClick: (B) => x(e),
               key: e,
               value: e,
               label: t.label
             }, u(t.label), 9, te))), 128))
           ], 8, oe),
-          S(s("input", {
-            "onUpdate:modelValue": h[0] || (h[0] = (t) => r.value = t),
+          A(s("input", {
+            "onUpdate:modelValue": _[0] || (_[0] = (t) => r.value = t),
             id: d(v),
             type: "range",
-            list: d(x),
+            list: d(h),
             min: "0",
             max: n.options.length - 1,
             disabled: o.value
           }, null, 8, ne), [
-            [B, r.value]
+            [H, r.value]
           ]),
           s("div", ae, [
             g(j, {
-              onClick: $,
-              disabled: o.value || I.value,
+              onClick: O,
+              disabled: o.value || N.value,
               label: l.$t("pix-cursor.previous"),
               "aria-controls": d(v),
               "aria-disabled": o.value,
@@ -94,7 +94,7 @@ const U = {}, J = {}, K = {}, Q = {
                 g(V, {
                   translation: l.$t("pix-cursor.youHaveChosen")
                 }, {
-                  choice: H(() => [
+                  choice: L(() => [
                     s("span", se, u(t.label), 1)
                   ]),
                   _: 2
@@ -102,8 +102,8 @@ const U = {}, J = {}, K = {}, Q = {
               ], 10, re))), 128))
             ]),
             g(j, {
-              onClick: z,
-              disabled: o.value || N.value,
+              onClick: $,
+              disabled: o.value || I.value,
               label: l.$t("pix-cursor.next"),
               "aria-controls": d(v),
               "aria-disabled": o.value,
@@ -114,7 +114,7 @@ const U = {}, J = {}, K = {}, Q = {
           ])
         ]),
         s("div", le, [
-          o.value ? D("", !0) : (i(), a("button", ce, u(l.$t("pix-cursor.confirm")), 1)),
+          o.value ? F("", !0) : (i(), a("button", ce, u(l.$t("pix-cursor.confirm")), 1)),
           (i(!0), a(f, null, b(n.options, (t, e) => (i(), a("p", {
             innerHTML: t.feedback.text,
             key: e,
@@ -128,9 +128,9 @@ const U = {}, J = {}, K = {}, Q = {
       ], 32);
     };
   }
-}), pe = "[data-v-58e704c5]{--pix-neutral-800: #253858;font-family:Nunito,sans-serif;color:var(--pix-neutral-800)}.pix-cursor[data-v-58e704c5]{display:flex;flex-direction:column;justify-content:center;margin:auto;padding:2rem;gap:1rem;overflow:hidden}.pix-cursor p[data-v-58e704c5]{text-align:center;font-size:1.1rem}.pix-cursor .chosen-option[data-v-58e704c5]{font-weight:700}.pix-cursor .visible-options[data-v-58e704c5]{display:flex;justify-content:space-between;margin:0;padding:0}.pix-cursor .visible-options li[data-v-58e704c5]{cursor:pointer;list-style:none}.pix-cursor input[data-v-58e704c5]{width:100%}.pix-cursor .confirm[data-v-58e704c5]{padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1.25rem;letter-spacing:1.1;width:fit-content;margin:auto;border:none;color:#fff;background:#4075ff;grid-row:1;grid-column:1}.pix-cursor .confirm[data-v-58e704c5]:hover{background:#355ac4;transition:background ease .1s}.pix-cursor .navigation-container[data-v-58e704c5]{display:flex;justify-content:center;align-items:center;gap:1rem}.pix-cursor .navigation-container .chosen-text-container[data-v-58e704c5]{display:grid}.pix-cursor .navigation-container .chosen-text-container p[data-v-58e704c5]{grid-row:1;grid-column:1}.pix-cursor .navigation-container .chosen-text-container p.hidden[data-v-58e704c5]{transform:translate(100vw)}.pix-cursor .footer[data-v-58e704c5]{display:grid;grid-template-columns:auto;align-items:center;justify-content:center}.pix-cursor .feedback[data-v-58e704c5]{padding:1rem 1.2rem;border-left:solid 4px;border-radius:8px;grid-column:1;grid-row:1;text-align:start;margin:0}.pix-cursor .feedback.hidden[data-v-58e704c5]{visibility:hidden;transform:translate(100vw)}.pix-cursor .feedback.good[data-v-58e704c5]{background:#e8f5e9;border-left-color:#4caf51}.pix-cursor .feedback.bad[data-v-58e704c5]{background:#ffebee;border-left-color:#f44337}.pix-cursor .feedback.neutral[data-v-58e704c5]{background:#e8f6ff;border-left-color:#464ee0}.pix-cursor .feedback.close[data-v-58e704c5]{background:#fff8e1;border-left-color:#ffc108}", ve = /* @__PURE__ */ P(ue, [["styles", [pe]], ["__scopeId", "data-v-58e704c5"]]);
-G(/* @__PURE__ */ Object.assign({ "./locales/en.json": U, "./locales/es-419.json": J, "./locales/es.json": K, "./locales/fr.json": Q, "./locales/it.json": W, "./locales/nl.json": X })).catch((n) => console.error(n));
-window.customElements.define("pix-cursor", q(ve, {
+}), pe = "[data-v-58e704c5]{--pix-neutral-800: #253858;font-family:Nunito,sans-serif;color:var(--pix-neutral-800)}.pix-cursor[data-v-58e704c5]{display:flex;flex-direction:column;justify-content:center;margin:auto;padding:2rem;gap:1rem;overflow:hidden}.pix-cursor p[data-v-58e704c5]{text-align:center;font-size:1.1rem}.pix-cursor .chosen-option[data-v-58e704c5]{font-weight:700}.pix-cursor .visible-options[data-v-58e704c5]{display:flex;justify-content:space-between;margin:0;padding:0}.pix-cursor .visible-options li[data-v-58e704c5]{cursor:pointer;list-style:none}.pix-cursor input[data-v-58e704c5]{width:100%}.pix-cursor .confirm[data-v-58e704c5]{padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1.25rem;letter-spacing:1.1;width:fit-content;margin:auto;border:none;color:#fff;background:#4075ff;grid-row:1;grid-column:1}.pix-cursor .confirm[data-v-58e704c5]:hover{background:#355ac4;transition:background ease .1s}.pix-cursor .navigation-container[data-v-58e704c5]{display:flex;justify-content:center;align-items:center;gap:1rem}.pix-cursor .navigation-container .chosen-text-container[data-v-58e704c5]{display:grid}.pix-cursor .navigation-container .chosen-text-container p[data-v-58e704c5]{grid-row:1;grid-column:1}.pix-cursor .navigation-container .chosen-text-container p.hidden[data-v-58e704c5]{transform:translate(100vw)}.pix-cursor .footer[data-v-58e704c5]{display:grid;grid-template-columns:auto;align-items:center;justify-content:center}.pix-cursor .feedback[data-v-58e704c5]{padding:1rem 1.2rem;border-left:solid 4px;border-radius:8px;grid-column:1;grid-row:1;text-align:start;margin:0}.pix-cursor .feedback.hidden[data-v-58e704c5]{visibility:hidden;transform:translate(100vw)}.pix-cursor .feedback.good[data-v-58e704c5]{background:#e8f5e9;border-left-color:#4caf51}.pix-cursor .feedback.bad[data-v-58e704c5]{background:#ffebee;border-left-color:#f44337}.pix-cursor .feedback.neutral[data-v-58e704c5]{background:#e8f6ff;border-left-color:#464ee0}.pix-cursor .feedback.close[data-v-58e704c5]{background:#fff8e1;border-left-color:#ffc108}", ve = /* @__PURE__ */ D(ue, [["styles", [pe]], ["__scopeId", "data-v-58e704c5"]]);
+K(/* @__PURE__ */ Object.assign({ "./locales/en.json": U, "./locales/es-419.json": q, "./locales/es.json": J, "./locales/fr.json": Q, "./locales/it.json": W, "./locales/nl.json": X })).catch((n) => console.error(n));
+window.customElements.define("pix-cursor", G(ve, {
   configureApp(n) {
     w.changeLanguage(document?.documentElement?.lang || navigator.language), n.use(R, { i18next: w });
   }

package/dist/components/qcm-deepfake.ce.js.js

@@ -1,6 +1,6 @@
-import { d as y, k as b, c as i, o, a as s, v, A as c, y as w, _, P as A, Q as E, r as x, l as G, G as V, R as O, C as P, g as M, F as $, b as C, e as Q, x as F, D as k, S as U, N as W, q as H, f as J } from "../_plugin-vue_export-helper-D7ghZaw4.js";
-import { i as a, a as K, b as X } from "../i18n-CGAadjAA.js";
-import { R as Y } from "../Retry-CuUMOAZi.js";
+import { d as y, y as b, c as i, o, a as s, B as v, t as c, n as w, _, P as E, Q as A, r as x, z as O, H as V, R as P, j as G, q as M, F as $, b as C, e as Q, h as F, E as k, S as U, K as H, i as K, f as W } from "../_plugin-vue_export-helper-DOoVeFcJ.js";
+import { i as a, a as J, b as X } from "../i18n-ecSMtuba.js";
+import { R as Y } from "../Retry-CY90VQJl.js";
 import { u as Z } from "../normalize-props-AlmAfi_u.js";
 const ee = {}, te = {}, ae = {}, ne = {
   "qcm-deepfake": { options: ["une photo de sa chanteuse préférée", "une chanson de sa chanteuse préférée", "les partitions de la chanson", "une photo de Caroline", "un enregistrement de Caroline qui dit quelques phrases"], iaResultInfo: "Retrouvez ici les résultats du logiciel d'IA générative :", iaResultGenerated: "Résultat généré par le logiciel d'IA générative", in: "Entrée", out: "Sortie", waiting: "Logiciel d'IA générative", selectThreeElements: "Sélectionnez 3 éléments pour générer la vidéo de Caroline :", generateVideo: "Générer la vidéo !", loading: "Chargement…", restart: "Recommencer", element_one: "élément", element_other: "éléments", generateVideoInfo_one: "Plus que {{count}} élément", generateVideoInfo_other: "Plus que {{count}} éléments", restartInfo: "Essayez avec de nouveaux éléments", success: { title: "Bien joué !", description: "C'est bien la vidéo de Caroline. Vous avez utilisé les bons éléments." }, fail: { title: "Pas exactement…", description: "Le résultat ne convient pas. Recommencez en changeant les éléments en entrée." } }
@@ -55,7 +55,7 @@ const ee = {}, te = {}, ae = {}, ne = {
   }
 }), ge = ".right-container[data-v-2a82aa38]{grid-row:1/1;grid-column:1/1}.right-container[aria-hidden=true][data-v-2a82aa38]{visibility:hidden}img[data-v-2a82aa38]{margin-block:.5rem}.subtitle[data-v-2a82aa38]{font-size:1.25rem;font-weight:700;text-align:center}.description[data-v-2a82aa38]{font-weight:700;margin-top:0;margin-bottom:0}img[data-v-2a82aa38]{width:200px;height:auto}.answer-block[data-v-2a82aa38]{background:#e8e8e8;margin-inline:1rem;padding:.5rem;border-radius:10px}.answer-block p[data-v-2a82aa38]{margin-bottom:0}.answer-block.success[data-v-2a82aa38]{background:#e8f3ef}.answer-block.fail[data-v-2a82aa38]{border-radius:16px;background:#fbecec}", pe = /* @__PURE__ */ _(fe, [["styles", [ge]], ["__scopeId", "data-v-2a82aa38"]]), me = ["aria-disabled"], ve = /* @__PURE__ */ y({
   __name: "Option.ce",
-  props: /* @__PURE__ */ A({
+  props: /* @__PURE__ */ E({
     option: { type: String },
     value: { type: Number },
     readonly: { type: Boolean }
@@ -65,7 +65,7 @@ const ee = {}, te = {}, ae = {}, ne = {
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: u }) {
-    const n = E(e, "modelValue"), l = x(!1), t = b(() => n.value.length === 3 && !l.value || e.readonly);
+    const n = A(e, "modelValue"), l = x(!1), t = b(() => n.value.length === 3 && !l.value || e.readonly);
     function h(p) {
       if (t.value) {
         p.preventDefault();
@@ -78,14 +78,14 @@ const ee = {}, te = {}, ae = {}, ne = {
     }), (p, m) => (o(), i("label", {
       class: w({ selected: l.value, disabled: t.value })
     }, [
-      G(s("input", {
+      O(s("input", {
         type: "checkbox",
         name: "options",
         onClick: h,
         "aria-disabled": t.value,
         "onUpdate:modelValue": m[0] || (m[0] = (g) => l.value = g)
       }, null, 8, me), [
-        [O, l.value]
+        [P, l.value]
       ]),
       V(c(e.option), 1)
     ], 2));
@@ -100,7 +100,7 @@ const ee = {}, te = {}, ae = {}, ne = {
     return (u, n) => (o(), i("button", {
       class: w(["epreuve-button", e.state])
     }, [
-      P(u.$slots, "icon"),
+      G(u.$slots, "icon"),
       V(" " + c(e.label), 1)
     ], 2));
   }
@@ -123,7 +123,7 @@ const ee = {}, te = {}, ae = {}, ne = {
     searchDelay: { default: 3e3, type: Number }
   },
   setup(e, { expose: u }) {
-    const n = x([]), l = [2, 4, 5], t = x("info"), h = M("optionsNode"), p = a.t("qcm-deepfake.options", { returnObjects: !0 }), m = ["👩‍🎤", "🎧", "🎶", "👩", "🎙️"], g = p.map((d, r) => `${m[r]} ${d}`), D = g.filter((d, r) => l.includes(r + 1)), T = [
+    const n = x([]), l = [2, 4, 5], t = x("info"), h = M("optionsNode"), p = a.t("qcm-deepfake.options", { returnObjects: !0 }), m = ["👩‍🎤", "🎧", "🎶", "👩", "🎙️"], g = p.map((d, r) => `${m[r]} ${d}`), z = g.filter((d, r) => l.includes(r + 1)), B = [
       {
         type: "info",
         image: e.infoImage
@@ -146,7 +146,7 @@ const ee = {}, te = {}, ae = {}, ne = {
         type: "search",
         image: e.searchImage
       }
-    ], S = b(() => n.value.length !== 3 || t.value === "search"), z = b(() => t.value === "search" ? a.t("qcm-deepfake.loading") : t.value === "info" ? a.t("qcm-deepfake.generateVideo") : a.t("qcm-deepfake.restart")), B = b(() => t.value === "info" ? a.t("qcm-deepfake.generateVideoInfo", { count: l.length - n.value.length }) : t.value === "fail" ? a.t("qcm-deepfake.restartInfo") : "");
+    ], S = b(() => n.value.length !== 3 || t.value === "search"), D = b(() => t.value === "search" ? a.t("qcm-deepfake.loading") : t.value === "info" ? a.t("qcm-deepfake.generateVideo") : a.t("qcm-deepfake.restart")), T = b(() => t.value === "info" ? a.t("qcm-deepfake.generateVideoInfo", { count: l.length - n.value.length }) : t.value === "fail" ? a.t("qcm-deepfake.restartInfo") : "");
     function L() {
       return S.value ? !1 : t.value === "info" ? R() : q();
     }
@@ -156,7 +156,7 @@ const ee = {}, te = {}, ae = {}, ne = {
       }), n.value = [], t.value = "info";
     }
     async function R() {
-      const d = n.value.every((r) => D.includes(r.trim()));
+      const d = n.value.every((r) => z.includes(r.trim()));
       t.value = "search", await new Promise((r) => setTimeout(r, e.searchDelay)), d ? t.value = "success" : t.value = "fail";
     }
     return u({
@@ -185,25 +185,25 @@ const ee = {}, te = {}, ae = {}, ne = {
         ]),
         s("div", Ie, [
           k(ke, {
-            onClick: H(L, ["prevent"]),
+            onClick: K(L, ["prevent"]),
             "aria-disabled": S.value,
-            label: z.value,
+            label: D.value,
             state: t.value === "info" ? "primary" : "warning",
             "aria-describedby": ["success", "search"].includes(t.value) ? void 0 : "optionsSelectedInfo"
           }, U({ _: 2 }, [
             t.value === "success" || t.value === "fail" ? {
               name: "icon",
-              fn: W(() => [
+              fn: H(() => [
                 k(Y)
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["aria-disabled", "label", "state", "aria-describedby"]),
-          ["success", "search"].includes(t.value) ? v("", !0) : (o(), i("p", $e, c(B.value), 1))
+          ["success", "search"].includes(t.value) ? v("", !0) : (o(), i("p", $e, c(T.value), 1))
         ])
       ]),
       s("div", Ce, [
-        (o(), i($, null, C(T, (f) => k(pe, {
+        (o(), i($, null, C(B, (f) => k(pe, {
           key: f,
           "title-level": e.titleLevel,
           type: f.type,
@@ -216,9 +216,9 @@ const ee = {}, te = {}, ae = {}, ne = {
       ])
     ]));
   }
-}), Ne = "legend,label,p,div[role=heading]{font-family:Nunito,Roboto,sans-serif;color:#253858}", De = ".container[data-v-66f8d52f]{display:flex;gap:.8rem}.title[data-v-66f8d52f]{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:16px}.left-side[data-v-66f8d52f]{min-width:60%;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;border-radius:10px}.left-side__lower-legend[data-v-66f8d52f]{font-size:.875rem;color:#5e6c84}.left-side__subtitle[data-v-66f8d52f]{font-size:1.25rem;font-weight:700;text-align:center}.left-side__options[data-v-66f8d52f]{display:flex;border:solid 1px #5e6c84;padding:.6rem;border-radius:5px;gap:.5rem}.left-side__description[data-v-66f8d52f]{font-weight:700}.left-side__button[data-v-66f8d52f]{display:flex;gap:.5rem;align-items:center;border:none;padding:.6rem 1.5rem;background:#ffcb33;color:#000;border-radius:25px;font-weight:700;cursor:pointer}.left-side__button.generate[data-v-66f8d52f]{background:#613fdd;color:#fff}.left-side__button[aria-disabled=true][data-v-66f8d52f]{cursor:not-allowed;background:#d3d3d3}.left-side__action[data-v-66f8d52f]{display:flex;flex-direction:column;align-items:center;text-align:center}.right-side[data-v-66f8d52f]{display:grid;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;text-align:center;border-radius:10px}fieldset[data-v-66f8d52f]{border:none;display:flex;flex-direction:column;gap:.8rem}@media(max-width:770px){.container[data-v-66f8d52f]{flex-wrap:wrap}.left-side[data-v-66f8d52f],.right-side[data-v-66f8d52f]{width:100%}}", Te = /* @__PURE__ */ _(Ve, [["styles", [Ne, De]], ["__scopeId", "data-v-66f8d52f"]]);
-K(/* @__PURE__ */ Object.assign({ "./locales/en.json": ee, "./locales/es-419.json": te, "./locales/es.json": ae, "./locales/fr.json": ne, "./locales/it.json": oe, "./locales/nl.json": ie })).catch((e) => console.error(e));
-const N = J(Te, {
+}), Ne = "legend,label,p,div[role=heading]{font-family:Nunito,Roboto,sans-serif;color:#253858}", ze = ".container[data-v-66f8d52f]{display:flex;gap:.8rem}.title[data-v-66f8d52f]{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:16px}.left-side[data-v-66f8d52f]{min-width:60%;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;border-radius:10px}.left-side__lower-legend[data-v-66f8d52f]{font-size:.875rem;color:#5e6c84}.left-side__subtitle[data-v-66f8d52f]{font-size:1.25rem;font-weight:700;text-align:center}.left-side__options[data-v-66f8d52f]{display:flex;border:solid 1px #5e6c84;padding:.6rem;border-radius:5px;gap:.5rem}.left-side__description[data-v-66f8d52f]{font-weight:700}.left-side__button[data-v-66f8d52f]{display:flex;gap:.5rem;align-items:center;border:none;padding:.6rem 1.5rem;background:#ffcb33;color:#000;border-radius:25px;font-weight:700;cursor:pointer}.left-side__button.generate[data-v-66f8d52f]{background:#613fdd;color:#fff}.left-side__button[aria-disabled=true][data-v-66f8d52f]{cursor:not-allowed;background:#d3d3d3}.left-side__action[data-v-66f8d52f]{display:flex;flex-direction:column;align-items:center;text-align:center}.right-side[data-v-66f8d52f]{display:grid;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;text-align:center;border-radius:10px}fieldset[data-v-66f8d52f]{border:none;display:flex;flex-direction:column;gap:.8rem}@media(max-width:770px){.container[data-v-66f8d52f]{flex-wrap:wrap}.left-side[data-v-66f8d52f],.right-side[data-v-66f8d52f]{width:100%}}", Be = /* @__PURE__ */ _(Ve, [["styles", [Ne, ze]], ["__scopeId", "data-v-66f8d52f"]]);
+J(/* @__PURE__ */ Object.assign({ "./locales/en.json": ee, "./locales/es-419.json": te, "./locales/es.json": ae, "./locales/fr.json": ne, "./locales/it.json": oe, "./locales/nl.json": ie })).catch((e) => console.error(e));
+const N = W(Be, {
   configureApp(e) {
     a.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(X, { i18next: a });
   }

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

@@ -0,0 +1,104 @@
+import { d as w, r as g, y as u, c as n, o as i, a as e, t as a, h as r, n as k, H as z, F as p, b as M, B as D, _ as T, f as C } from "../_plugin-vue_export-helper-DOoVeFcJ.js";
+import { a as L, i as f, b as S } from "../i18n-ecSMtuba.js";
+import { u as F } from "../normalize-props-AlmAfi_u.js";
+import { r as $, q as B, t as h } from "../temporal.utils-B23shw3k.js";
+const I = {
+  "select-conversation": { "select-response-title": "Sélectionnez le message que {{username}} devrait envoyer :", "message-date": "{{messageDay, relativetime(numeric: auto)}} · {{messageTime, datetime(timeStyle: short)}}", "incoming-message-sr": "Message de {{username}} reçu {{messageDay, relativetime(numeric: auto)}} à {{messageTime, datetime(timeStyle: short)}}", "outgoing-message-sr": "Message envoyé par {{username}} {{messageDay, relativetime(numeric: auto)}} à {{messageTime, datetime(timeStyle: short)}}", "good-idea": "Bonne idée", "bad-idea": "Mauvaise idée" }
+}, N = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%3e%3c!--!Font%20Awesome%20Free%20v7.1.0%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20Copyright%202025%20Fonticons,%20Inc.--%3e%3cpath%20d='M434.8%2070.1c14.3%2010.4%2017.5%2030.4%207.1%2044.7l-256%20352c-5.5%207.6-14%2012.3-23.4%2013.1s-18.5-2.7-25.1-9.3l-128-128c-12.5-12.5-12.5-32.8%200-45.3s32.8-12.5%2045.3%200l101.5%20101.5%20234-321.7c10.4-14.3%2030.4-17.5%2044.7-7.1z'/%3e%3c/svg%3e", q = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3c!--!Font%20Awesome%20Free%20v7.1.0%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20Copyright%202025%20Fonticons,%20Inc.--%3e%3cpath%20d='M256%2048a208%20208%200%201%201%200%20416%20208%20208%200%201%201%200-416zm0%20464a256%20256%200%201%200%200-512%20256%20256%200%201%200%200%20512zM167%20167c-9.4%209.4-9.4%2024.6%200%2033.9l55%2055-55%2055c-9.4%209.4-9.4%2024.6%200%2033.9s24.6%209.4%2033.9%200l55-55%2055%2055c9.4%209.4%2024.6%209.4%2033.9%200s9.4-24.6%200-33.9l-55-55%2055-55c9.4-9.4%209.4-24.6%200-33.9s-24.6-9.4-33.9%200l-55%2055-55-55c-9.4-9.4-24.6-9.4-33.9%200z'/%3e%3c/svg%3e", E = { class: "messages" }, R = { class: "message" }, j = {
+  class: "message__username",
+  "aria-hidden": "true"
+}, A = { class: "sr-only" }, H = { class: "message__content" }, O = {
+  class: "message__date",
+  "aria-hidden": "true"
+}, V = ["aria-hidden"], G = {
+  class: "message__username",
+  "aria-hidden": "true"
+}, P = { class: "sr-only" }, X = { class: "message__content-container" }, J = { class: "message__content-title" }, K = ["src"], Q = { class: "message__content" }, U = {
+  class: "message__date",
+  "aria-hidden": "true"
+}, W = { class: "response-select" }, Y = ["aria-level"], Z = { class: "response-select__choices" }, ee = ["aria-disabled", "onClick"], se = { "aria-live": "polite" }, te = ["innerHTML"], ae = /* @__PURE__ */ w({
+  __name: "SelectConversation.ce",
+  props: {
+    titleLevel: { default: 2, type: Number },
+    incomingMessage: { type: Object },
+    username: { type: String },
+    responseChoices: { type: Array }
+  },
+  setup(s, { expose: v }) {
+    const d = g(s.responseChoices.map((t) => ({ ...t, selected: !1 }))), o = g(), c = u(() => $(s.incomingMessage.time)), m = u(() => c.value.day - B.Now.plainDateTimeISO().day);
+    function b(t) {
+      t.selected || (t.selected = !0, o.value = t);
+    }
+    function x() {
+      d.value.forEach((t) => {
+        t.selected = !1;
+      }), o.value = void 0;
+    }
+    return v({
+      reset: x
+    }), (t, ie) => (i(), n(p, null, [
+      e("div", E, [
+        e("div", R, [
+          e("p", j, a(s.incomingMessage.username), 1),
+          e("p", A, a(t.$t("select-conversation.incoming-message-sr", { username: s.incomingMessage.username, messageDay: m.value, messageTime: r(h)(c.value) })), 1),
+          e("p", H, a(s.incomingMessage.content), 1),
+          e("p", O, a(t.$t("select-conversation.message-date", { messageDay: m.value, messageTime: r(h)(c.value) })), 1)
+        ]),
+        e("div", {
+          class: k(["message message--outgoing", { "message--hidden": !o.value }]),
+          "aria-hidden": !o.value,
+          "aria-live": "polite"
+        }, [
+          e("p", G, a(s.username), 1),
+          e("p", P, a(t.$t("select-conversation.outgoing-message-sr", { username: s.username, messageDay: 0, messageTime: /* @__PURE__ */ new Date() })), 1),
+          e("div", X, [
+            e("p", J, [
+              e("img", {
+                src: o.value?.goodIdea ? r(N) : r(q),
+                alt: "",
+                width: "16"
+              }, null, 8, K),
+              z(" " + a(t.$t(`select-conversation.${o.value?.goodIdea ? "good-idea" : "bad-idea"}`)), 1)
+            ]),
+            e("p", Q, a(o.value?.content ?? "no content"), 1)
+          ]),
+          e("p", U, a(t.$t("select-conversation.message-date", { messageDay: 0, messageTime: /* @__PURE__ */ new Date() })), 1)
+        ], 10, V)
+      ]),
+      e("div", W, [
+        e("div", {
+          role: "heading",
+          "aria-level": s.titleLevel,
+          class: "title"
+        }, a(t.$t("select-conversation.select-response-title", { username: s.username })), 9, Y),
+        e("div", Z, [
+          (i(!0), n(p, null, M(d.value, (l, y) => (i(), n("button", {
+            key: y,
+            type: "button",
+            class: "response-select__choice",
+            "aria-disabled": l.selected,
+            onClick: (re) => b(l)
+          }, a(l.content), 9, ee))), 128))
+        ]),
+        e("div", se, [
+          o.value ? (i(), n("p", {
+            key: 0,
+            class: "response-select__feedback",
+            innerHTML: o.value.feedback
+          }, null, 8, te)) : D("", !0)
+        ])
+      ])
+    ], 64));
+  }
+}), oe = "html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}*{font-family:Roboto,sans-serif;color:#122647;line-height:normal}.messages{display:flex;flex-direction:column;gap:8px;padding:16px}.message{display:flex;flex-direction:column;align-items:start;gap:8px;margin-left:0;margin-right:16px}.message__username,.message__date{color:#5e6c84;font-size:.75rem;font-weight:400}.message__content{padding:16px 8px;border-radius:8px;background:#e8e8e8;font-size:.75rem;font-weight:400}.message--hidden{visibility:hidden}.message--outgoing{align-self:end;align-items:end;margin-left:16px;margin-right:0}.message--outgoing .message__content-container{display:flex;flex-direction:column}.message--outgoing .message__content-title{color:#fff;font-size:.75rem;font-weight:700;border-radius:8px 8px 0 0;background:#452d9d;padding:4px 8px;align-self:start;display:flex;gap:4px;align-items:center}.message--outgoing .message__content-title>img{filter:invert(100%);max-height:16px;max-width:16px}.message--outgoing .message__content{border-top-left-radius:0;background:#cec3f4}.response-select{border-radius:16px;border:1px solid #cdd1d9;background-color:#fff;display:flex;padding:24px 16px;flex-direction:column;gap:16px;margin-top:25px}.response-select__choices{display:flex;gap:8px}.response-select__choice{border-style:none;border-radius:8px;background-color:#253858;padding:8px 16px;color:#fff;text-align:center;font-size:.688rem;font-weight:400;line-height:18px;flex:1;cursor:pointer}.response-select__choice[aria-disabled=true]{background-color:#f4f5f7;color:#5e6c84;cursor:not-allowed}.response-select__feedback{border-radius:8px;background:#eaf1ff;padding:8px;color:#122647;font-size:.75rem;font-weight:400;line-height:20px}.title{font-family:Nunito,Roboto,sans-serif;font-size:.875rem;font-weight:700}@media(max-width:640px){.title{font-size:.75rem}.response-select__choices{flex-direction:column}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}", ne = /* @__PURE__ */ T(ae, [["styles", [oe]]]);
+L(/* @__PURE__ */ Object.assign({ "./locales/fr.json": I })).catch((s) => console.error(s));
+const _ = C(ne, {
+  configureApp(s) {
+    f.changeLanguage(document?.documentElement?.lang || navigator.language), s.use(S, { i18next: f });
+  }
+});
+_.prototype.normalizeProps = (s) => ({
+  ...s,
+  titleLevel: F(s.titleLevel)
+});
+window.customElements.define("select-conversation", _);

package/dist/{i18n-CGAadjAA.js → i18n-ecSMtuba.js}

@@ -1,4 +1,4 @@
-import { s as ve, n as Re, d as Ce, i as Pe } from "./_plugin-vue_export-helper-D7ghZaw4.js";
+import { s as ve, k as Re, d as Ce, l as Pe } from "./_plugin-vue_export-helper-DOoVeFcJ.js";
 const d = (o) => typeof o == "string", V = () => {
   let o, e;
   const t = new Promise((i, s) => {

package/dist/{image-quiz.ce-3HDl6Z67.js → image-quiz.ce-CpI6lZ9m.js}

@@ -1,6 +1,6 @@
-import { d as B, r as I, L, c as g, o as u, J as x, q as p, x as f, y as b, a as h, m as T, A as $, _ as N, k as d, M as E, g as F, F as k, b as A, e as H, f as P } from "./_plugin-vue_export-helper-D7ghZaw4.js";
+import { d as N, r as B, g as I, c as g, o as u, L as x, i as p, h as f, n as b, a as h, m as T, t as $, _ as L, y as d, N as E, q as F, F as k, b as A, e as H, f as P } from "./_plugin-vue_export-helper-DOoVeFcJ.js";
 import { u as K, a as R } from "./normalize-props-AlmAfi_u.js";
-function D(e, s = J) {
+function D(e, s = V) {
   const a = [...e];
   for (let o = a.length - 1; o > 0; o--) {
     const l = s() % (o + 1);
@@ -8,10 +8,10 @@ function D(e, s = J) {
   }
   return a;
 }
-function J() {
+function V() {
   return Math.floor(Math.random() * 2 ** 32);
 }
-const V = ["aria-labelledby", "aria-selected", "tabindex"], G = { key: 0 }, U = ["id"], W = ["id"], X = /* @__PURE__ */ B({
+const G = ["aria-labelledby", "aria-selected", "tabindex"], J = { key: 0 }, U = ["id"], W = ["id"], X = /* @__PURE__ */ N({
   __name: "ImageOption.ce",
   props: {
     choice: { type: Object },
@@ -23,12 +23,12 @@ const V = ["aria-labelledby", "aria-selected", "tabindex"], G = { key: 0 }, U =
   },
   emits: ["toggle", "next", "previous"],
   setup(e, { expose: s }) {
-    const a = e, o = I();
+    const a = e, o = B();
     function l() {
       o.value.focus();
     }
     s({ focus: l });
-    const n = L();
+    const n = I();
     return (c, t) => (u(), g("div", {
       ref_key: "el",
       ref: o,
@@ -44,7 +44,7 @@ const V = ["aria-labelledby", "aria-selected", "tabindex"], G = { key: 0 }, U =
         t[3] || (t[3] = x(p((r) => c.$emit("next"), ["stop", "prevent"]), ["down", "right"]))
       ]
     }, [
-      e.choice.image ? (u(), g("figure", G, [
+      e.choice.image ? (u(), g("figure", J, [
         h("img", T(e.choice.image, {
           class: e.imageClass,
           alt: ""
@@ -57,9 +57,9 @@ const V = ["aria-labelledby", "aria-selected", "tabindex"], G = { key: 0 }, U =
         key: 1,
         id: f(n)
       }, $(e.choice.name), 9, W))
-    ], 42, V));
+    ], 42, G));
   }
-}), Y = '.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}', Z = /* @__PURE__ */ N(X, [["styles", [Y]]]), _ = ["id", "innerHTML"], ee = ["aria-multiselectable", "aria-labelledby"], ie = /* @__PURE__ */ B({
+}), Y = '.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}', Z = /* @__PURE__ */ L(X, [["styles", [Y]]]), _ = ["id", "innerHTML"], ee = ["aria-multiselectable", "aria-labelledby"], ie = /* @__PURE__ */ N({
   __name: "ImageQuiz.ce",
   props: {
     multiple: { type: Boolean, default: !1 },
@@ -73,7 +73,7 @@ const V = ["aria-labelledby", "aria-selected", "tabindex"], G = { key: 0 }, U =
   },
   emits: ["answer"],
   setup(e, { emit: s }) {
-    const a = s, o = d(() => e.hideChoicesName ? "sr-only" : ""), l = d(() => e.orderChoices ? e.choices : D(e.choices)), n = I(new Array(e.choices.length).fill(!1)), c = d(() => l.value.filter((i, C) => n.value[C])), t = d(() => c.value.map((i) => i.response ?? i.name).sort().join(",")), r = L();
+    const a = s, o = d(() => e.hideChoicesName ? "sr-only" : ""), l = d(() => e.orderChoices ? e.choices : D(e.choices)), n = B(new Array(e.choices.length).fill(!1)), c = d(() => l.value.filter((i, C) => n.value[C])), t = d(() => c.value.map((i) => i.response ?? i.name).sort().join(",")), r = I();
     E(t, () => {
       a("answer", t.value);
     }, { immediate: !1 });
@@ -118,7 +118,7 @@ const V = ["aria-labelledby", "aria-selected", "tabindex"], G = { key: 0 }, U =
       ], 8, ee)
     ], 64));
   }
-}), te = "*{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-path:inset(50%);border:0}", j = /* @__PURE__ */ N(ie, [["styles", [te]]]);
+}), te = "*{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-path:inset(50%);border:0}", j = /* @__PURE__ */ L(ie, [["styles", [te]]]);
 function S(e) {
   return {
     ...e,
@@ -129,12 +129,12 @@ function S(e) {
     }))
   };
 }
-const M = P(j);
-M.prototype.normalizeProps = S;
-window.customElements.define("image-quiz", M);
 const q = P(j);
 q.prototype.normalizeProps = S;
-window.customElements.define("qcu-image", q);
+window.customElements.define("image-quiz", q);
+const M = P(j);
+M.prototype.normalizeProps = S;
+window.customElements.define("qcu-image", M);
 export {
   j as I,
   S as n