@1024pix/epreuves-components 2.1.0 → 2.1.1

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

@@ -1,12 +1,13 @@
-import { d as y, k as b, c as o, o as l, f as n, E as g, t as c, D as k, _ as C, O as E, P as j, r as _, l as R, A as V, Q as O, g as G, F as I, a as S, b as M, G as P, q as Q, y as F, e as H } from "../_plugin-vue_export-helper-BGEtPlxS.js";
-import { i as a, a as U, b as W } from "../i18n-D3E2CT0o.js";
+import { d as y, k as b, c as i, o, a as s, E as v, t as c, D as w, _, O as A, P as E, r as x, l as O, A as V, Q as G, L as M, g as P, F as $, b as C, e as Q, G as F, y as k, R as U, M as W, q as H, f as J } from "../_plugin-vue_export-helper-DRMLIazq.js";
+import { i as a, a as K, b as X } from "../i18n-_lDmquwK.js";
+import { R as Y } from "../Retry-CNZNkXbY.js";
 import { u as Z } from "../normalize-props-AlmAfi_u.js";
-const J = {}, K = {}, X = {}, Y = {
+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." } }
-}, ee = {}, te = {}, ae = ["aria-hidden"], ie = ["aria-level"], se = ["src"], ne = {
+}, oe = {}, ie = {}, re = ["aria-hidden"], se = ["aria-level"], le = ["src"], de = {
   key: 1,
   class: "description"
-}, le = ["src"], oe = ["aria-level"], re = /* @__PURE__ */ y({
+}, ce = ["src"], ue = ["aria-level"], fe = /* @__PURE__ */ y({
   __name: "NarrativeAnswer.ce",
   props: {
     messageTitle: { type: String },
@@ -18,43 +19,43 @@ const J = {}, K = {}, X = {}, Y = {
     type: { type: String }
   },
   setup(e) {
-    const f = e, i = b(() => f.type === "success" || f.type === "fail" ? a.t("qcm-deepfake.out") : a.t("qcm-deepfake.waiting"));
-    return (r, t) => (l(), o("div", {
+    const u = e, n = b(() => u.type === "success" || u.type === "fail" ? a.t("qcm-deepfake.out") : a.t("qcm-deepfake.waiting"));
+    return (l, t) => (o(), i("div", {
       class: "right-container",
       "aria-hidden": e.type !== e.stateAnswer
     }, [
-      n("div", {
+      s("div", {
         class: "subtitle",
         role: "heading",
         "aria-level": e.titleLevel
-      }, c(i.value), 9, ie),
-      e.type === "search" ? (l(), o("img", {
+      }, c(n.value), 9, se),
+      e.type === "search" ? (o(), i("img", {
         key: 0,
         src: e.image,
         alt: ""
-      }, null, 8, se)) : g("", !0),
-      e.type === "success" || e.type === "fail" ? (l(), o("p", ne, c(e.title), 1)) : g("", !0),
-      e.type !== "search" ? (l(), o("img", {
+      }, null, 8, le)) : v("", !0),
+      e.type === "success" || e.type === "fail" ? (o(), i("p", de, c(e.title), 1)) : v("", !0),
+      e.type !== "search" ? (o(), i("img", {
         key: 2,
         src: e.image,
         alt: ""
-      }, null, 8, le)) : g("", !0),
-      e.messageTitle ? (l(), o("div", {
+      }, null, 8, ce)) : v("", !0),
+      e.messageTitle ? (o(), i("div", {
         key: 3,
-        class: k(["answer-block", e.stateAnswer])
+        class: w(["answer-block", e.stateAnswer])
       }, [
-        n("div", {
+        s("div", {
           class: "answer-block__title",
           role: "heading",
           "aria-level": e.titleLevel + 1
-        }, c(e.messageTitle), 9, oe),
-        n("p", null, c(e.messageDescription), 1)
-      ], 2)) : g("", !0)
-    ], 8, ae));
+        }, c(e.messageTitle), 9, ue),
+        s("p", null, c(e.messageDescription), 1)
+      ], 2)) : v("", !0)
+    ], 8, re));
   }
-}), de = ".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}", ce = /* @__PURE__ */ C(re, [["styles", [de]], ["__scopeId", "data-v-2a82aa38"]]), ue = ["aria-disabled"], fe = /* @__PURE__ */ y({
+}), 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 }
@@ -63,49 +64,55 @@ const J = {}, K = {}, X = {}, Y = {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(e, { expose: f }) {
-    const i = j(e, "modelValue"), r = _(!1), t = b(() => i.value.length === 3 && !r.value || e.readonly);
-    function h(v) {
+  setup(e, { expose: u }) {
+    const n = E(e, "modelValue"), l = x(!1), t = b(() => n.value.length === 3 && !l.value || e.readonly);
+    function h(p) {
       if (t.value) {
-        v.preventDefault();
+        p.preventDefault();
         return;
       }
-      v.target.checked ? i.value.push(e.option) : i.value = i.value.filter((m) => m !== e.option);
+      p.target.checked ? n.value.push(e.option) : n.value = n.value.filter((g) => g !== e.option);
     }
-    return f({
-      isChecked: r
-    }), (v, p) => (l(), o("label", {
-      class: k({ selected: r.value, disabled: t.value })
+    return u({
+      isChecked: l
+    }), (p, m) => (o(), i("label", {
+      class: w({ selected: l.value, disabled: t.value })
     }, [
-      R(n("input", {
+      O(s("input", {
         type: "checkbox",
         name: "options",
         onClick: h,
         "aria-disabled": t.value,
-        "onUpdate:modelValue": p[0] || (p[0] = (m) => r.value = m)
-      }, null, 8, ue), [
-        [O, r.value]
+        "onUpdate:modelValue": m[0] || (m[0] = (g) => l.value = g)
+      }, null, 8, me), [
+        [G, l.value]
       ]),
       V(c(e.option), 1)
     ], 2));
   }
-}), me = ".selected[data-v-a067b43a]{background:#f7f5ff}.disabled[data-v-a067b43a]{cursor:not-allowed;background:#efefef}.disabled.selected[data-v-a067b43a]{background:#d6d5dd}", ge = /* @__PURE__ */ C(fe, [["styles", [me]], ["__scopeId", "data-v-a067b43a"]]), ve = { class: "container" }, pe = { class: "left-side" }, be = ["aria-level"], he = { class: "left-side__description" }, _e = { class: "left-side__action" }, ye = ["aria-disabled", "aria-describedby"], ke = {
-  key: 0,
-  "aria-hidden": "true",
-  width: "20",
-  height: "20",
-  viewBox: "0 0 20 20",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, Ce = {
+}), be = ".selected[data-v-a067b43a]{background:#f7f5ff}.disabled[data-v-a067b43a]{cursor:not-allowed;background:#efefef}.disabled.selected[data-v-a067b43a]{background:#d6d5dd}", he = /* @__PURE__ */ _(ve, [["styles", [be]], ["__scopeId", "data-v-a067b43a"]]), ye = /* @__PURE__ */ y({
+  __name: "Button.ce",
+  props: {
+    label: { type: String },
+    state: { type: String }
+  },
+  setup(e) {
+    return (u, n) => (o(), i("button", {
+      class: w(["epreuve-button", e.state])
+    }, [
+      M(u.$slots, "icon"),
+      V(" " + c(e.label), 1)
+    ], 2));
+  }
+}), _e = ".epreuve-button{--pix-neutral-0: #fff;--pix-neutral-800: #253858;--pix-neutral-900: #122647;--pix-secondary-500: #ffcb33;--pix-secondary-700: #a16206}.epreuve-button.primary{--background-color: var(--pix-neutral-800);--background-color-hover: var(--pix-neutral-900);--color: var(--pix-neutral-0);--color-hover: var(--pix-neutral-0)}.epreuve-button.warning{--background-color: var(--pix-secondary-500);--background-color-hover: var(--pix-secondary-700);--color: var(--pix-neutral-900);--color-hover: var(--pix-neutral-0)}.epreuve-button.primary,.epreuve-button.warning{align-items:center;background-color:var(--background-color);border:2px solid transparent;border-radius:8px;color:var(--color);cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:1rem;font-weight:700;justify-content:center;gap:8px;line-height:24px;margin:0 auto;outline:none;padding:8px 24px;transition:background-color ease .5s,color ease .5s;width:fit-content;white-space:nowrap}:is(.epreuve-button.primary,.epreuve-button.warning)[aria-disabled=true]{cursor:not-allowed;opacity:.5}:is(.epreuve-button.primary,.epreuve-button.warning):not([aria-disabled=true]):hover{background-color:var(--background-color-hover);color:var(--color-hover);transition:background-color ease .5s,color ease .5s}:is(.epreuve-button.primary,.epreuve-button.warning):not([aria-disabled=true]):hover svg{color:var(--color-hover);transition:color ease .5s}:is(.epreuve-button.primary,.epreuve-button.warning):focus,:is(.epreuve-button.primary,.epreuve-button.warning):focus-visible{background-color:var(--background-color-hover);color:var(--color-hover);outline:1px solid var(--pix-neutral-0);outline-offset:-5px}", ke = /* @__PURE__ */ _(ye, [["styles", [_e]]]), xe = { class: "container" }, we = { class: "left-side" }, qe = ["aria-level"], Ie = { class: "left-side__description" }, Se = { class: "left-side__action" }, $e = {
   key: 0,
   id: "optionsSelectedInfo",
   class: "left-side__lower-legend",
   "aria-hidden": "true"
-}, we = {
+}, Ce = {
   class: "right-side",
   "aria-live": "polite"
-}, xe = /* @__PURE__ */ y({
+}, Ve = /* @__PURE__ */ y({
   __name: "QcmDeepfake.ce",
   props: {
     titleLevel: { default: 2, type: Number },
@@ -115,8 +122,8 @@ const J = {}, K = {}, X = {}, Y = {
     searchImage: { type: String },
     searchDelay: { default: 3e3, type: Number }
   },
-  setup(e, { expose: f }) {
-    const i = _([]), r = [2, 4, 5], t = _("info"), h = G("optionsNode"), v = a.t("qcm-deepfake.options", { returnObjects: !0 }), p = ["👩‍🎤", "🎧", "🎶", "👩", "🎙️"], m = v.map((d, s) => `${p[s]} ${d}`), N = m.filter((d, s) => r.includes(s + 1)), D = [
+  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}`), D = g.filter((d, r) => l.includes(r + 1)), L = [
       {
         type: "info",
         image: e.infoImage
@@ -139,85 +146,85 @@ const J = {}, K = {}, X = {}, Y = {
         type: "search",
         image: e.searchImage
       }
-    ], w = b(() => i.value.length !== 3 || t.value === "search"), T = 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: r.length - i.value.length }) : t.value === "fail" ? a.t("qcm-deepfake.restartInfo") : "");
-    function z() {
-      if (!w.value)
-        return t.value === "info" ? B() : x();
+    ], q = b(() => n.value.length !== 3 || t.value === "search"), T = b(() => t.value === "search" ? a.t("qcm-deepfake.loading") : t.value === "info" ? a.t("qcm-deepfake.generateVideo") : a.t("qcm-deepfake.restart")), z = b(() => t.value === "info" ? a.t("qcm-deepfake.generateVideoInfo", { count: l.length - n.value.length }) : t.value === "fail" ? a.t("qcm-deepfake.restartInfo") : "");
+    function B() {
+      return q.value ? !1 : t.value === "info" ? R() : I();
     }
-    function x() {
+    function I() {
       h.value.forEach((d) => {
         d.isChecked = !1;
-      }), i.value = [], t.value = "info";
+      }), n.value = [], t.value = "info";
     }
-    async function B() {
-      const d = i.value.every((s) => N.includes(s.trim()));
-      t.value = "search", await new Promise((s) => setTimeout(s, e.searchDelay)), d ? t.value = "success" : t.value = "fail";
+    async function R() {
+      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 f({
-      reset: x
-    }), (d, s) => (l(), o("div", ve, [
-      n("form", pe, [
-        n("div", {
+    return u({
+      reset: I
+    }), (d, r) => (o(), i("div", xe, [
+      s("form", we, [
+        s("div", {
           class: "left-side__subtitle",
           role: "heading",
           "aria-level": e.titleLevel
-        }, c(d.$t("qcm-deepfake.in")), 9, be),
-        n("fieldset", null, [
-          n("legend", he, c(d.$t("qcm-deepfake.selectThreeElements")), 1),
-          (l(!0), o(I, null, S(P(m), (u, q) => (l(), M(ge, {
+        }, c(d.$t("qcm-deepfake.in")), 9, qe),
+        s("fieldset", null, [
+          s("legend", Ie, c(d.$t("qcm-deepfake.selectThreeElements")), 1),
+          (o(!0), i($, null, C(F(g), (f, S) => (o(), Q(he, {
             ref_for: !0,
             ref_key: "optionsNode",
             ref: h,
-            modelValue: i.value,
-            "onUpdate:modelValue": s[0] || (s[0] = (A) => i.value = A),
-            key: q,
+            modelValue: n.value,
+            "onUpdate:modelValue": r[0] || (r[0] = (j) => n.value = j),
+            key: S,
             class: "left-side__options",
-            option: u,
-            value: q + 1,
+            option: f,
+            value: S + 1,
             readonly: t.value !== "info"
           }, null, 8, ["modelValue", "option", "value", "readonly"]))), 128))
         ]),
-        n("div", _e, [
-          n("button", {
-            onClick: Q(z, ["prevent"]),
-            class: k(["left-side__button", { generate: t.value === "info" }]),
-            "aria-disabled": w.value,
+        s("div", Se, [
+          k(ke, {
+            onClick: H(B, ["prevent"]),
+            "aria-disabled": q.value,
+            label: T.value,
+            state: t.value === "info" ? "primary" : "warning",
             "aria-describedby": ["success", "search"].includes(t.value) ? void 0 : "optionsSelectedInfo"
-          }, [
-            t.value === "success" || t.value === "fail" ? (l(), o("svg", ke, [...s[1] || (s[1] = [
-              n("path", {
-                d: "M9.98002 16.836C8.07572 16.836 6.4603 16.1728 5.13377 14.8462C3.80725 13.5197 3.14398 11.9043 3.14398 9.99998C3.14398 8.09568 3.80725 6.48026 5.13377 5.15373C6.4603 3.8272 8.07572 3.16394 9.98002 3.16394C10.9684 3.16394 11.9108 3.36686 12.8073 3.77269C13.7038 4.17839 14.4713 4.76095 15.1096 5.5204V4.03707C15.1096 3.7897 15.1933 3.58234 15.3606 3.41498C15.528 3.24762 15.7354 3.16394 15.9827 3.16394C16.2302 3.16394 16.4377 3.24762 16.605 3.41498C16.7724 3.58234 16.8561 3.7897 16.8561 4.03707V8.29352C16.8561 8.5595 16.7645 8.78394 16.5815 8.96686C16.3986 9.14991 16.1741 9.24144 15.9081 9.24144H11.6417C11.3957 9.24144 11.1895 9.15776 11.0231 8.9904C10.8568 8.82304 10.7736 8.61561 10.7736 8.36811C10.7736 8.12213 10.8572 7.91595 11.0246 7.74956C11.192 7.58318 11.3993 7.49998 11.6467 7.49998H14.2438C13.7993 6.74207 13.199 6.14589 12.4427 5.71144C11.6866 5.277 10.8657 5.05977 9.98002 5.05977C8.6078 5.05977 7.44141 5.54005 6.48086 6.50061C5.52016 7.4613 5.03982 8.62776 5.03982 9.99998C5.03982 11.3722 5.52016 12.5387 6.48086 13.4994C7.44141 14.4599 8.6078 14.9402 9.98002 14.9402C10.8879 14.9402 11.7218 14.713 12.4817 14.2587C13.2416 13.8046 13.8384 13.1963 14.2723 12.4339C14.402 12.2189 14.5845 12.0692 14.8198 11.9848C15.055 11.9005 15.2895 11.8996 15.5236 11.9823C15.7733 12.0651 15.9534 12.2275 16.064 12.4696C16.1744 12.7118 16.1675 12.9401 16.0431 13.1544C15.4537 14.2688 14.6221 15.161 13.5484 15.831C12.4745 16.501 11.285 16.836 9.98002 16.836Z",
-                fill: "#122647"
-              }, null, -1)
-            ])])) : g("", !0),
-            V(" " + c(T.value), 1)
-          ], 10, ye),
-          ["success", "search"].includes(t.value) ? g("", !0) : (l(), o("p", Ce, c(L.value), 1))
+          }, U({ _: 2 }, [
+            t.value === "success" || t.value === "fail" ? {
+              name: "icon",
+              fn: W(() => [
+                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(z.value), 1))
         ])
       ]),
-      n("div", we, [
-        (l(), o(I, null, S(D, (u) => F(ce, {
-          key: u,
+      s("div", Ce, [
+        (o(), i($, null, C(L, (f) => k(pe, {
+          key: f,
           "title-level": e.titleLevel,
-          type: u.type,
-          image: u.image,
-          title: u.title,
-          "message-title": u.messageTitle,
-          "message-description": u.messageDescription,
+          type: f.type,
+          image: f.image,
+          title: f.title,
+          "message-title": f.messageTitle,
+          "message-description": f.messageDescription,
           "state-answer": t.value
         }, null, 8, ["title-level", "type", "image", "title", "message-title", "message-description", "state-answer"])), 64))
       ])
     ]));
   }
-}), qe = "legend,label,p,div[role=heading]{font-family:Nunito,Roboto,sans-serif;color:#253858}", Ie = ".container[data-v-70eee258]{display:flex;gap:.8rem}.title[data-v-70eee258]{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:16px}.left-side[data-v-70eee258]{min-width:60%;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;border-radius:10px}.left-side__lower-legend[data-v-70eee258]{font-size:.875rem;color:#5e6c84}.left-side__subtitle[data-v-70eee258]{font-size:1.25rem;font-weight:700;text-align:center}.left-side__options[data-v-70eee258]{display:flex;border:solid 1px #5e6c84;padding:.6rem;border-radius:5px;gap:.5rem}.left-side__description[data-v-70eee258]{font-weight:700}.left-side__button[data-v-70eee258]{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-70eee258]{background:#613fdd;color:#fff}.left-side__button[aria-disabled=true][data-v-70eee258]{cursor:not-allowed;background:#d3d3d3}.left-side__action[data-v-70eee258]{display:flex;flex-direction:column;align-items:center;text-align:center}.right-side[data-v-70eee258]{display:grid;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;text-align:center;border-radius:10px}fieldset[data-v-70eee258]{border:none;display:flex;flex-direction:column;gap:.8rem}@media(max-width:770px){.container[data-v-70eee258]{flex-wrap:wrap}.left-side[data-v-70eee258],.right-side[data-v-70eee258]{width:100%}}", Se = /* @__PURE__ */ C(xe, [["styles", [qe, Ie]], ["__scopeId", "data-v-70eee258"]]);
-U(/* @__PURE__ */ Object.assign({ "./locales/en.json": J, "./locales/es-419.json": K, "./locales/es.json": X, "./locales/fr.json": Y, "./locales/it.json": ee, "./locales/nl.json": te })).catch((e) => console.error(e));
-const $ = H(Se, {
+}), 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%}}", Le = /* @__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(Le, {
   configureApp(e) {
-    a.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(W, { i18next: a });
+    a.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(X, { i18next: a });
   }
 });
-$.prototype.normalizeProps = (e) => ({
+N.prototype.normalizeProps = (e) => ({
   ...e,
   titleLevel: Z(e.titleLevel)
 });
-window.customElements.define("qcm-deepfake", $);
+window.customElements.define("qcm-deepfake", N);

package/dist/{i18n-D3E2CT0o.js → i18n-_lDmquwK.js}

@@ -1,4 +1,4 @@
-import { s as Le, n as we, d as ve, i as Re } from "./_plugin-vue_export-helper-BGEtPlxS.js";
+import { s as Le, n as we, d as ve, i as Re } from "./_plugin-vue_export-helper-DRMLIazq.js";
 const d = (o) => typeof o == "string", V = () => {
   let o, e;
   const t = new Promise((i, s) => {
@@ -107,7 +107,7 @@ const je = [" ", ",", "?", "!", ";"], Ie = new Fe(20), Te = (o, e, t) => {
     s = r;
   }
   return s;
-}, U = (o) => o?.replace("_", "-"), De = {
+}, M = (o) => o?.replace("_", "-"), De = {
   type: "logger",
   log(o) {
     this.output("log", o);
@@ -535,12 +535,12 @@ class le {
     this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = P.create("languageUtils");
   }
   getScriptPartFromCode(e) {
-    if (e = U(e), !e || e.indexOf("-") < 0) return null;
+    if (e = M(e), !e || e.indexOf("-") < 0) return null;
     const t = e.split("-");
     return t.length === 2 || (t.pop(), t[t.length - 1].toLowerCase() === "x") ? null : this.formatLanguageCode(t.join("-"));
   }
   getLanguagePartFromCode(e) {
-    if (e = U(e), !e || e.indexOf("-") < 0) return e;
+    if (e = M(e), !e || e.indexOf("-") < 0) return e;
     const t = e.split("-");
     return this.formatLanguageCode(t[0]);
   }
@@ -618,7 +618,7 @@ class Ve {
     this.pluralRulesCache = {};
   }
   getRule(e, t = {}) {
-    const i = U(e === "dev" ? "en" : e), s = t.ordinal ? "ordinal" : "cardinal", n = JSON.stringify({
+    const i = M(e === "dev" ? "en" : e), s = t.ordinal ? "ordinal" : "cardinal", n = JSON.stringify({
       cleanedCode: i,
       type: s
     });
@@ -804,9 +804,9 @@ const Ue = (o) => {
     });
     const r = i + JSON.stringify(n);
     let a = e[r];
-    return a || (a = o(U(i), s), e[r] = a), a(t);
+    return a || (a = o(M(i), s), e[r] = a), a(t);
   };
-}, Me = (o) => (e, t, i) => o(U(t), i)(e);
+}, Me = (o) => (e, t, i) => o(M(t), i)(e);
 class He {
   constructor(e = {}) {
     this.logger = P.create("formatter"), this.options = e, this.init(e);
@@ -1082,7 +1082,7 @@ const de = () => ({
     typeof o[t] == "function" && (o[t] = o[t].bind(o));
   });
 };
-class M extends W {
+class U extends W {
   constructor(e = {}, t) {
     if (super(), this.options = ge(e), this.services = {}, this.logger = P, this.modules = {
       external: []
@@ -1275,7 +1275,8 @@ class M extends W {
     return e.toLowerCase().indexOf("-latn") > 1 ? "ltr" : t.indexOf(i.getLanguagePartFromCode(e)) > -1 || e.toLowerCase().indexOf("-arab") > 1 ? "rtl" : "ltr";
   }
   static createInstance(e = {}, t) {
-    return new M(e, t);
+    const i = new U(e, t);
+    return i.createInstance = U.createInstance, i;
   }
   cloneInstance(e = {}, t = z) {
     const i = e.forkResourceStore;
@@ -1284,7 +1285,7 @@ class M extends W {
       ...this.options,
       ...e,
       isClone: !0
-    }, n = new M(s);
+    }, n = new U(s);
     if ((e.debug !== void 0 || e.prefix !== void 0) && (n.logger = n.logger.clone(e)), ["store", "services", "language"].forEach((a) => {
       n[a] = this[a];
     }), n.services = {
@@ -1315,8 +1316,7 @@ class M extends W {
     };
   }
 }
-const m = M.createInstance();
-m.createInstance = M.createInstance;
+const m = U.createInstance();
 m.createInstance;
 m.dir;
 m.init;

package/dist/{image-quiz.ce-Qe3SbGDF.js → image-quiz.ce-By2A_llO.js}

@@ -1,4 +1,4 @@
-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, D as b, f as h, m as T, t as $, _ as P, k as d, K as E, g as F, F as k, a as H, b as K, e as L } from "./_plugin-vue_export-helper-BGEtPlxS.js";
+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, D as b, a as h, m as T, t 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-DRMLIazq.js";
 import { u as A, a as D } from "./normalize-props-AlmAfi_u.js";
 function R(e, s = G) {
   const a = [...e];

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-Qe3SbGDF.js";
+import "./image-quiz.ce-By2A_llO.js";
 import "./components/image-quizzes.ce.js.js";
 import "./components/message-conversation.ce.js.js";
 import "./components/pix-article.ce.js.js";

package/dist/{shadow-dom-Bqt3ZRMI.js → shadow-dom-CAG14nqa.js}

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

package/package.json

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