@1024pix/epreuves-components 2.2.1 → 2.2.2

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, E as v, y as c, v as w, _, O as E, P as A, r as x, l as O, B as V, Q as G, L as M, g as P, F as $, b as C, e as Q, G as F, z as k, R as U, M as W, q as H, f as J } from "../_plugin-vue_export-helper-CP5OpzZH.js";
-import { i as a, a as K, b as X } from "../i18n-BB4WILwM.js";
-import { R as Y } from "../Retry--whpA3a8.js";
+import { d as y, k as b, c as i, o, a as s, v, A as c, y as w, _, O as A, P as E, r as x, l as O, D as V, Q as M, L as P, g as G, F as $, b as C, e as Q, x as F, B as k, R as U, M as W, q as H, f as J } from "../_plugin-vue_export-helper-b0PKqEbd.js";
+import { i as a, a as K, b as X } from "../i18n-DwNjk2PP.js";
+import { R as Y } from "../Retry-Df6WpF65.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__ */ E({
+  props: /* @__PURE__ */ A({
     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 = A(e, "modelValue"), l = x(!1), t = b(() => n.value.length === 3 && !l.value || e.readonly);
+    const n = E(e, "modelValue"), l = x(!1), t = b(() => n.value.length === 3 && !l.value || e.readonly);
     function h(p) {
       if (t.value) {
         p.preventDefault();
@@ -85,7 +85,7 @@ const ee = {}, te = {}, ae = {}, ne = {
         "aria-disabled": t.value,
         "onUpdate:modelValue": m[0] || (m[0] = (g) => l.value = g)
       }, null, 8, me), [
-        [G, l.value]
+        [M, 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])
     }, [
-      M(u.$slots, "icon"),
+      P(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 = P("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 = [
+    const n = x([]), l = [2, 4, 5], t = x("info"), h = G("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)), B = [
       {
         type: "info",
         image: e.infoImage
@@ -146,8 +146,8 @@ const ee = {}, te = {}, ae = {}, ne = {
         type: "search",
         image: e.searchImage
       }
-    ], q = 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")), L = b(() => t.value === "info" ? a.t("qcm-deepfake.generateVideoInfo", { count: l.length - n.value.length }) : t.value === "fail" ? a.t("qcm-deepfake.restartInfo") : "");
-    function T() {
+    ], q = b(() => n.value.length !== 3 || t.value === "search"), L = 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 z() {
       return q.value ? !1 : t.value === "info" ? R() : I();
     }
     function I() {
@@ -156,7 +156,7 @@ const ee = {}, te = {}, ae = {}, ne = {
       }), n.value = [], t.value = "info";
     }
     async function R() {
-      const d = n.value.every((r) => z.includes(r.trim()));
+      const d = n.value.every((r) => D.includes(r.trim()));
       t.value = "search", await new Promise((r) => setTimeout(r, e.searchDelay)), d ? t.value = "success" : t.value = "fail";
     }
     return u({
@@ -185,9 +185,9 @@ const ee = {}, te = {}, ae = {}, ne = {
         ]),
         s("div", Se, [
           k(ke, {
-            onClick: H(T, ["prevent"]),
+            onClick: H(z, ["prevent"]),
             "aria-disabled": q.value,
-            label: D.value,
+            label: L.value,
             state: t.value === "info" ? "primary" : "warning",
             "aria-describedby": ["success", "search"].includes(t.value) ? void 0 : "optionsSelectedInfo"
           }, U({ _: 2 }, [
@@ -199,7 +199,7 @@ const ee = {}, te = {}, ae = {}, ne = {
               key: "0"
             } : void 0
           ]), 1032, ["aria-disabled", "label", "state", "aria-describedby"]),
-          ["success", "search"].includes(t.value) ? v("", !0) : (o(), i("p", $e, c(L.value), 1))
+          ["success", "search"].includes(t.value) ? v("", !0) : (o(), i("p", $e, c(T.value), 1))
         ])
       ]),
       s("div", Ce, [
@@ -216,7 +216,7 @@ const ee = {}, te = {}, ae = {}, ne = {
       ])
     ]));
   }
-}), 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"]]);
+}), 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%}}", Be = /* @__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(Be, {
   configureApp(e) {

package/dist/{i18n-BB4WILwM.js → i18n-DwNjk2PP.js}

@@ -1,4 +1,4 @@
-import { s as Le, n as we, d as ve, i as Re } from "./_plugin-vue_export-helper-CP5OpzZH.js";
+import { s as Le, n as we, d as ve, i as Re } from "./_plugin-vue_export-helper-b0PKqEbd.js";
 const d = (o) => typeof o == "string", V = () => {
   let o, e;
   const t = new Promise((i, s) => {

package/dist/{image-quiz.ce-UlVFo5Sr.js → image-quiz.ce-DbLH3Dkt.js}

@@ -1,6 +1,6 @@
-import { d as B, r as I, J as N, c as g, o as u, H as x, q as p, G as f, v as b, a as h, m as T, y as $, _ as P, k as d, K as E, g as F, F as k, b as H, e as K, f as L } from "./_plugin-vue_export-helper-CP5OpzZH.js";
-import { u as A, a as R } from "./normalize-props-AlmAfi_u.js";
-function D(e, s = G) {
+import { d as B, r as I, J as N, c as g, o as u, H as x, q as p, x as f, y as b, a as h, m as T, A as $, _ as P, k as d, K as E, g as F, F as k, b as A, e as H, f as L } from "./_plugin-vue_export-helper-b0PKqEbd.js";
+import { u as K, a as R } from "./normalize-props-AlmAfi_u.js";
+function D(e, s = J) {
   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 = G) {
   }
   return a;
 }
-function G() {
+function J() {
   return Math.floor(Math.random() * 2 ** 32);
 }
-const J = ["aria-labelledby", "aria-selected", "tabindex"], V = { key: 0 }, U = ["id"], W = ["id"], X = /* @__PURE__ */ B({
+const V = ["aria-labelledby", "aria-selected", "tabindex"], G = { key: 0 }, U = ["id"], W = ["id"], X = /* @__PURE__ */ B({
   __name: "ImageOption.ce",
   props: {
     choice: { type: Object },
@@ -44,7 +44,7 @@ const J = ["aria-labelledby", "aria-selected", "tabindex"], V = { key: 0 }, U =
         t[3] || (t[3] = x(p((r) => c.$emit("next"), ["stop", "prevent"]), ["down", "right"]))
       ]
     }, [
-      e.choice.image ? (u(), g("figure", V, [
+      e.choice.image ? (u(), g("figure", G, [
         h("img", T(e.choice.image, {
           class: e.imageClass,
           alt: ""
@@ -57,7 +57,7 @@ const J = ["aria-labelledby", "aria-selected", "tabindex"], V = { key: 0 }, U =
         key: 1,
         id: f(n)
       }, $(e.choice.name), 9, W))
-    ], 42, J));
+    ], 42, V));
   }
 }), 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__ */ P(X, [["styles", [Y]]]), _ = ["id", "innerHTML"], ee = ["aria-multiselectable", "aria-labelledby"], ie = /* @__PURE__ */ B({
   __name: "ImageQuiz.ce",
@@ -81,11 +81,11 @@ const J = ["aria-labelledby", "aria-selected", "tabindex"], V = { key: 0 }, U =
       const i = n.value.indexOf(!0);
       return i === -1 ? 0 : i;
     }), y = F("options");
-    function v(i) {
+    function w(i) {
       e.multiple || n.value.fill(!1), n.value[i] = !n.value[i];
     }
-    function w(i) {
-      i = (i + e.choices.length) % e.choices.length, e.multiple || v(i), y.value[i].focus();
+    function v(i) {
+      i = (i + e.choices.length) % e.choices.length, e.multiple || w(i), y.value[i].focus();
     }
     return (i, C) => (u(), g(k, null, [
       h("label", {
@@ -100,7 +100,7 @@ const J = ["aria-labelledby", "aria-selected", "tabindex"], V = { key: 0 }, U =
         "aria-labelledby": f(r),
         "aria-orientation": "horizontal"
       }, [
-        (u(!0), g(k, null, H(l.value, (Q, m) => (u(), K(Z, {
+        (u(!0), g(k, null, A(l.value, (Q, m) => (u(), H(Z, {
           ref_for: !0,
           ref_key: "options",
           ref: y,
@@ -111,9 +111,9 @@ const J = ["aria-labelledby", "aria-selected", "tabindex"], V = { key: 0 }, U =
           "image-class": e.imageChoicesSize,
           selected: n.value[m],
           "tab-focusable": m === O.value,
-          onToggle: (z) => v(m),
-          onNext: (z) => w(m + 1),
-          onPrevious: (z) => w(m - 1)
+          onToggle: (z) => w(m),
+          onNext: (z) => v(m + 1),
+          onPrevious: (z) => v(m - 1)
         }, null, 8, ["choice", "max-choices-per-line", "name-class", "image-class", "selected", "tab-focusable", "onToggle", "onNext", "onPrevious"]))), 128))
       ], 8, ee)
     ], 64));
@@ -122,7 +122,7 @@ const J = ["aria-labelledby", "aria-selected", "tabindex"], V = { key: 0 }, U =
 function S(e) {
   return {
     ...e,
-    maxChoicesPerLine: A(e.maxChoicesPerLine),
+    maxChoicesPerLine: K(e.maxChoicesPerLine),
     choices: e.choices.map((s) => ({
       ...s,
       image: R(s.image)

package/dist/index.js

@@ -3,7 +3,7 @@ import "./components/capacity-calculation.ce.js.js";
 import "./components/clickable-image.ce.js.js";
 import "./components/complete-phrase.ce.js.js";
 import "./components/flip-cards.ce.js.js";
-import "./image-quiz.ce-UlVFo5Sr.js";
+import "./image-quiz.ce-DbLH3Dkt.js";
 import "./components/image-quizzes.ce.js.js";
 import "./components/message-conversation.ce.js.js";
 import "./components/pix-article.ce.js.js";

package/dist/schema.js

@@ -19,13 +19,13 @@ const n = e.object({
       y2: e.number().required()
     }).required(),
     spot: e.object({
-      x: e.number().required(),
-      y: e.number().required()
+      x: e.number().optional(),
+      y: e.number().optional()
     }).optional(),
     info: e.string().required(),
     tooltipPosition: e.string().valid("bottom").optional()
   }).required()).required().min(1)
-}), u = e.object({
+}), l = e.object({
   titleLevel: e.number().optional(),
   listOfProbabilityBarsLists: e.array().items(
     e.array().items(
@@ -38,7 +38,7 @@ const n = e.object({
   userMessage: e.string().required(),
   llmMessage: e.string().required(),
   wordsToAdd: e.array().items(e.string()).required()
-}), l = e.object({
+}), u = e.object({
   titleLevel: e.number().optional(),
   name: e.string().required(),
   cardList: e.array().items(
@@ -171,7 +171,7 @@ const n = e.object({
   failImage: e.string().required(),
   infoImage: e.string().required(),
   searchImage: e.string().required()
-}), S = /* @__PURE__ */ Object.assign({ "./calcul-impact/calcul-impact.schema.js": n, "./capacity-calculation/capacity-calculation.schema.js": a, "./clickable-image/clickable-image.schema.js": c, "./complete-phrase/complete-phrase.schema.js": u, "./flip-cards/flip-cards.schema.js": l, "./image-quiz/image-quiz.schema.js": i, "./image-quiz/image-quizzes.schema.js": d, "./message-conversation/message-conversation.schema.js": m, "./pix-article/pix-article.schema.js": g, "./pix-carousel/pix-carousel.schema.js": j, "./pix-cursor/pix-cursor.schema.js": h, "./pix-llm/llm-compare-messages.schema.js": x, "./pix-llm/llm-messages.schema.js": f, "./pix-llm/llm-prompt-select.schema.js": w, "./qcm-deepfake/qcm-deepfake.schema.js": L }), z = Object.fromEntries(Object.entries(S).map(([s, o]) => [
+}), S = /* @__PURE__ */ Object.assign({ "./calcul-impact/calcul-impact.schema.js": n, "./capacity-calculation/capacity-calculation.schema.js": a, "./clickable-image/clickable-image.schema.js": c, "./complete-phrase/complete-phrase.schema.js": l, "./flip-cards/flip-cards.schema.js": u, "./image-quiz/image-quiz.schema.js": i, "./image-quiz/image-quizzes.schema.js": d, "./message-conversation/message-conversation.schema.js": m, "./pix-article/pix-article.schema.js": g, "./pix-carousel/pix-carousel.schema.js": j, "./pix-cursor/pix-cursor.schema.js": h, "./pix-llm/llm-compare-messages.schema.js": x, "./pix-llm/llm-messages.schema.js": f, "./pix-llm/llm-prompt-select.schema.js": w, "./qcm-deepfake/qcm-deepfake.schema.js": L }), z = Object.fromEntries(Object.entries(S).map(([s, o]) => [
   s.replace(/^.*\/([^/]+)\.schema\.js$/, "$1"),
   o
 ]));

package/dist/{shadow-dom-D3DtD_VO.js → shadow-dom-CG-UQz_W.js}

@@ -1,4 +1,4 @@
-import { u as t, p as s } from "./_plugin-vue_export-helper-CP5OpzZH.js";
+import { u as t, p as s } from "./_plugin-vue_export-helper-b0PKqEbd.js";
 const a = Symbol("shadowRoot");
 function r() {
   const o = t();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@1024pix/epreuves-components",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "description": "A collection of interactive components to be used in Pix challenges or modules",
   "exports": {
     ".": "./dist/index.js",