@1024pix/epreuves-components 4.6.1 → 4.6.2

package/dist/components/usages-donnees.ce.js.js

@@ -1,9 +1,9 @@
 import { _ as V, s as P, o as n, c as l, a as t, v, l as C, t as w, E as q, x as o, b as M, h as O, r as z, K as U, F as m, e as x, f as h, m as _, C as B, D as y, g as d, n as G, d as K } from "../_plugin-vue_export-helper-CD1RUA2y.js";
 import { u as Z, i as S } from "../i18n-lite-WQsHAHqG.js";
-import { B as H } from "../Button.ce-Ccv3OLk2.js";
+import { B as H } from "../Button.ce-CsTDnAGh.js";
 const J = {}, Q = {}, W = {}, X = {}, Y = {}, ee = {
   "usages-donnees": { "instruction-step-1": "Parmi les éléments suivants, séléctionnez ceux qui correspondent à ce que vous avez sur votre appareil.", "instruction-step-2": "Parmi les éléments suivants, séléctionnez ceux qui correspondent à ce que vous faites en ligne.", "step-a11y": "Étape {{currentStep}} sur {{total}}", next: "Suivant", result: "Voir mon bilan", "locale-choice-title": "Ce que vous avez sur votre appareil", "cloud-choice-title": "Ce que vous faites en ligne", "last-step": { "title-1": "Données et usages avec plus de valeur", "title-2": "Données et usages avec moins de valeur", content: { "line-1": "Certaines données et certains usages ont beaucoup de valeur pour les pirates, d’autres ont moins de valeur.", "line-2": "Par exemple, en accédant à ces informations qui ont de la valeur, les pirates peuvent : {{bold1}} à vos différents services en ligne ou vous demander {{bold2}} (une rançon) pour réparer les dégâts qu'ils ont causés.", "bold-1": "récupérer des données importantes, accéder", "bold-2": "de l'argent" } } }
-}, te = {}, ae = {}, se = "data:image/svg+xml,%3csvg%20width='11'%20height='8'%20viewBox='0%200%2011%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.61484%205.80617L9.19317%200.227833C9.34506%200.0759442%209.52317%200%209.7275%200C9.93184%200%2010.11%200.0759442%2010.262%200.227833C10.4139%200.379833%2010.4898%200.560111%2010.4898%200.768667C10.4898%200.977222%2010.4139%201.1575%2010.262%201.3095L4.14934%207.43483C3.99734%207.58672%203.81917%207.66267%203.61484%207.66267C3.41051%207.66267%203.23234%207.58672%203.08034%207.43483L0.221671%204.57617C0.0697825%204.42417%20-0.00405093%204.24389%200.000171293%204.03533C0.00439352%203.82678%200.0824491%203.6465%200.234338%203.4945C0.386338%203.34261%200.566616%203.26667%200.775171%203.26667C0.983727%203.26667%201.164%203.34261%201.316%203.4945L3.61484%205.80617Z'%20fill='%23212A37'/%3e%3c/svg%3e", ne = "label[data-v-e33c94f6]{position:relative;display:flex;align-items:center;gap:6px;border-radius:8px}label[data-v-e33c94f6]:not(.readonly):hover{cursor:pointer}label .custom-input[data-v-e33c94f6]{display:flex;justify-content:center;align-items:center;min-width:16px;aspect-ratio:1;background-color:#fff;border:1px solid #000}label .custom-input img[data-v-e33c94f6]{width:10px}label input:focus~.custom-input[data-v-e33c94f6]{outline:2px solid black}.variant-a[data-v-e33c94f6]{background:#eaf1ff;padding:14px}.variant-a.is-checked[data-v-e33c94f6]{background:#2c75ff;color:#fff}.variant-b[data-v-e33c94f6],.variant-c[data-v-e33c94f6]{border-left:4px solid #c8cfd9;background:#f9f9f9;padding:8px 12px}.variant-b.is-checked[data-v-e33c94f6]{border-left:4px solid #ffdc76;background:#fffaeb}.variant-c.is-checked[data-v-e33c94f6]{border-left:4px solid #72a3ff;background:#eaf1ff}", oe = ["for"], le = ["id", "checked", "readonly"], re = ["src"], ce = {
+}, te = {}, ae = {}, se = "data:image/svg+xml,%3csvg%20width='11'%20height='8'%20viewBox='0%200%2011%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.61484%205.80617L9.19317%200.227833C9.34506%200.0759442%209.52317%200%209.7275%200C9.93184%200%2010.11%200.0759442%2010.262%200.227833C10.4139%200.379833%2010.4898%200.560111%2010.4898%200.768667C10.4898%200.977222%2010.4139%201.1575%2010.262%201.3095L4.14934%207.43483C3.99734%207.58672%203.81917%207.66267%203.61484%207.66267C3.41051%207.66267%203.23234%207.58672%203.08034%207.43483L0.221671%204.57617C0.0697825%204.42417%20-0.00405093%204.24389%200.000171293%204.03533C0.00439352%203.82678%200.0824491%203.6465%200.234338%203.4945C0.386338%203.34261%200.566616%203.26667%200.775171%203.26667C0.983727%203.26667%201.164%203.34261%201.316%203.4945L3.61484%205.80617Z'%20fill='%23212A37'/%3e%3c/svg%3e", ne = "label[data-v-bde39c2d]{position:relative;display:flex;align-items:center;gap:6px;border-radius:8px}label[data-v-bde39c2d]:not(.readonly):hover{cursor:pointer}label .custom-input[data-v-bde39c2d]{display:flex;justify-content:center;align-items:center;min-width:16px;aspect-ratio:1;background-color:#fff;border:1px solid #000}label .custom-input img[data-v-bde39c2d]{width:10px}label input:focus~.custom-input[data-v-bde39c2d]{outline:2px solid black}.variant-a[data-v-bde39c2d]{background:#eaf1ff;padding:14px}.variant-a.is-checked[data-v-bde39c2d]{background:#2c75ff;color:#fff}.variant-b[data-v-bde39c2d],.variant-c[data-v-bde39c2d]{border-left:4px solid #c8cfd9;background:#f9f9f9;padding:8px 12px}.variant-b.is-checked[data-v-bde39c2d]{border-left:4px solid #ffdc76;background:#fffaeb}.variant-c.is-checked[data-v-bde39c2d]{border-left:4px solid #72a3ff;background:#eaf1ff}", oe = ["for"], le = ["id", "checked", "readonly"], re = ["src"], ie = {
   __name: "CustomCheckbox.ce",
   props: {
     label: String,
@@ -20,16 +20,16 @@ const J = {}, Q = {}, W = {}, X = {}, Y = {}, ee = {
   },
   emits: ["select"],
   setup(a, { emit: b }) {
-    const c = P(), p = b;
+    const i = P(), f = b;
     function s(r) {
-      a.readonly || p("select", r.target.checked, a.index);
+      a.readonly || f("select", r.target.checked, a.index);
     }
     return (r, j) => (n(), l("label", {
-      for: v(c),
+      for: v(i),
       class: w({ "is-checked": a.isSelected, [`variant-${a.variant}`]: !0, readonly: a.readonly })
     }, [
       t("input", {
-        id: v(c),
+        id: v(i),
         checked: a.isSelected,
         readonly: a.readonly,
         type: "checkbox",
@@ -48,10 +48,10 @@ const J = {}, Q = {}, W = {}, X = {}, Y = {}, ee = {
       q(" " + o(a.label), 1)
     ], 10, oe));
   }
-}, k = /* @__PURE__ */ V(ce, [["styles", [ne]], ["__scopeId", "data-v-e33c94f6"]]), ie = {
+}, k = /* @__PURE__ */ V(ie, [["styles", [ne]], ["__scopeId", "data-v-bde39c2d"]]), ce = {
   key: 0,
   class: "instruction"
-}, de = { key: 1 }, ue = { class: "title" }, fe = { class: "stepper" }, pe = { class: "sr-only" }, be = { "aria-hidden": "true" }, ge = { class: "checkbox-group" }, ve = {
+}, de = { key: 1 }, ue = { class: "title" }, pe = { class: "stepper" }, fe = { class: "sr-only" }, be = { "aria-hidden": "true" }, ge = { class: "checkbox-group" }, ve = {
   key: 2,
   class: "result"
 }, me = {
@@ -70,10 +70,10 @@ const J = {}, Q = {}, W = {}, X = {}, Y = {}, ee = {
     cloudChoices: { type: Array }
   },
   setup(a, { expose: b }) {
-    const { t: c } = Z(), p = O("wrapper"), s = z(1), r = z({
+    const { t: i } = Z(), f = O("wrapper"), s = z(1), r = z({
       1: a.localeChoices.map((e) => ({ ...e, isSelected: !1 })),
       2: a.cloudChoices.map((e) => ({ ...e, isSelected: !1 }))
-    }), j = d(() => Object.values(r.value).flatMap((e) => e).filter((e) => e.hasValue).sort($)), D = d(() => Object.values(r.value).flatMap((e) => e).filter((e) => !e.hasValue).sort($)), N = d(() => s.value === 1 ? c("usages-donnees.locale-choice-title") : c("usages-donnees.cloud-choice-title")), A = d(() => s.value === 1 ? c("usages-donnees.next") : c("usages-donnees.result")), R = d(() => c(`usages-donnees.instruction-step-${s.value}`)), g = d(() => s.value === 3), E = d(() => !r.value[s.value]?.some(({ isSelected: e }) => e));
+    }), j = d(() => Object.values(r.value).flatMap((e) => e).filter((e) => e.hasValue).sort($)), D = d(() => Object.values(r.value).flatMap((e) => e).filter((e) => !e.hasValue).sort($)), N = d(() => s.value === 1 ? i("usages-donnees.locale-choice-title") : i("usages-donnees.cloud-choice-title")), A = d(() => s.value === 1 ? i("usages-donnees.next") : i("usages-donnees.result")), R = d(() => i(`usages-donnees.instruction-step-${s.value}`)), g = d(() => s.value === 3), E = d(() => !r.value[s.value]?.some(({ isSelected: e }) => e));
     function $(e, u) {
       return e.isSelected && u.isSelected ? 0 : e.isSelected ? -1 : u.isSelected ? 1 : 0;
     }
@@ -87,7 +87,7 @@ const J = {}, Q = {}, W = {}, X = {}, Y = {}, ee = {
       r.value[s.value][u].isSelected = e;
     }
     async function F() {
-      s.value++, await G(), p.value.focus();
+      s.value++, await G(), f.value.focus();
     }
     return b({
       reset: L
@@ -95,22 +95,22 @@ const J = {}, Q = {}, W = {}, X = {}, Y = {}, ee = {
       const I = U("i18n");
       return n(), l("div", {
         ref_key: "wrapper",
-        ref: p,
+        ref: f,
         class: w(["wrapper", [`step-${s.value}`]]),
         tabindex: "-1"
       }, [
-        g.value ? C("", !0) : (n(), l("p", ie, o(R.value), 1)),
+        g.value ? C("", !0) : (n(), l("p", ce, o(R.value), 1)),
         g.value ? (n(), l("form", ve, [
           t("fieldset", null, [
             t("legend", me, [
               t("span", xe, o(e.$t("usages-donnees.last-step.title-1")), 1)
             ]),
             t("div", he, [
-              (n(!0), l(m, null, x(j.value, (i, f) => (n(), h(k, _({
-                key: i.label
-              }, { ref_for: !0 }, i, {
+              (n(!0), l(m, null, x(j.value, (c, p) => (n(), h(k, _({
+                key: c.label
+              }, { ref_for: !0 }, c, {
                 readonly: !0,
-                index: f,
+                index: p,
                 variant: "b"
               }), null, 16, ["index"]))), 128))
             ])
@@ -120,11 +120,11 @@ const J = {}, Q = {}, W = {}, X = {}, Y = {}, ee = {
               t("span", ye, o(e.$t("usages-donnees.last-step.title-2")), 1)
             ]),
             t("div", ke, [
-              (n(!0), l(m, null, x(D.value, (i, f) => (n(), h(k, _({
-                key: i.label
-              }, { ref_for: !0 }, i, {
+              (n(!0), l(m, null, x(D.value, (c, p) => (n(), h(k, _({
+                key: c.label
+              }, { ref_for: !0 }, c, {
                 readonly: !0,
-                index: f,
+                index: p,
                 variant: "c"
               }), null, 16, ["index"]))), 128))
             ])
@@ -133,24 +133,24 @@ const J = {}, Q = {}, W = {}, X = {}, Y = {}, ee = {
           t("fieldset", null, [
             t("legend", null, [
               t("span", ue, o(N.value), 1),
-              t("span", fe, [
-                t("span", pe, o(e.$t("usages-donnees.step-a11y", { currentStep: s.value, total: 2 })), 1),
+              t("span", pe, [
+                t("span", fe, o(e.$t("usages-donnees.step-a11y", { currentStep: s.value, total: 2 })), 1),
                 t("span", be, o(s.value) + "/2", 1)
               ])
             ]),
             t("div", ge, [
-              (n(!0), l(m, null, x(r.value[s.value], (i, f) => (n(), h(k, _({
-                key: i.label
-              }, { ref_for: !0 }, i, {
-                index: f,
+              (n(!0), l(m, null, x(r.value[s.value], (c, p) => (n(), h(k, _({
+                key: c.label
+              }, { ref_for: !0 }, c, {
+                index: p,
                 onSelect: T
               }), null, 16, ["index"]))), 128))
             ])
           ]),
           B(H, {
             class: "pix-button",
-            onClick: F,
-            "is-disabled": E.value
+            "is-disabled": E.value,
+            onClick: F
           }, {
             default: y(() => [
               q(o(A.value), 1)
@@ -173,7 +173,7 @@ const J = {}, Q = {}, W = {}, X = {}, Y = {}, ee = {
       ], 2);
     };
   }
-}), Se = "*{--text-blue: #122647;--background-blue: #253858;font-family:Nunito,Roboto,sans-serif;font-size:14px;box-sizing:border-box}h1,h2,h3,h4,h5,h6{color:var(--text-blue);font-family:Nunito,sans-serif}h2{color:var(--text-blue);font-size:20px}p,a,span,li{color:var(--text-blue);font-family:Roboto,sans-serif}button{border-radius:8px;background:var(--background-blue);font-weight:700;font-size:16px}button:disabled{background:#c8cfd9}input{border-radius:10px;border:#cdd1d9;background:#f4f5f7}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box;font-family:Nunito,Roboto,sans-serif;color:#122647}", je = '.wrapper[data-v-aef3c1bd]{padding:0 24px 24px}.wrapper.step-3[data-v-aef3c1bd]{padding-top:24px}.instruction[data-v-aef3c1bd]{margin:0 0 24px}form[data-v-aef3c1bd]{padding:16px 24px;border-radius:16px;background-color:#fff;box-shadow:0 2px 5px #4a3aff40,0 -2px 5px #4a3aff26 inset,0 1px 1px #ffffff1a inset,0 3px 4px #dfeeff1a inset}fieldset[data-v-aef3c1bd]{border:none;padding:0}legend[data-v-aef3c1bd]{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}legend .title[data-v-aef3c1bd]{font-size:1.25rem;font-weight:800}legend .stepper[data-v-aef3c1bd]{display:flex;justify-content:center;align-items:center;align-self:center;border-radius:50%;background:#bde4ff;min-width:38px;aspect-ratio:1;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:700}.checkbox-group[data-v-aef3c1bd]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.pix-button[data-v-aef3c1bd]{display:block;margin:0 auto}.result fieldset[data-v-aef3c1bd]:first-child{margin-bottom:24px}.result .legend[data-v-aef3c1bd]{justify-content:start;gap:8px}.result .legend[data-v-aef3c1bd]:before{content:"";position:relative;top:2px;background-color:var(--color);border-radius:50%;min-width:12px;aspect-ratio:1;align-self:center}.result .checkbox-group[data-v-aef3c1bd]{grid-template-columns:repeat(4,1fr)}.feedback[data-v-aef3c1bd]{border-radius:8px;background:#eaf1ff;padding:8px;margin:16px 0 0}.feedback[data-v-aef3c1bd],.feedback span[data-v-aef3c1bd]{font-family:Roboto,sans-serif;font-size:.75rem;line-height:1.125rem}.feedback span[data-v-aef3c1bd]{display:block;margin-bottom:.4rem}@media screen and (max-width:874px){.result .checkbox-group[data-v-aef3c1bd]{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:576px){.checkbox-group[data-v-aef3c1bd]{grid-template-columns:1fr;gap:8px}.result .checkbox-group[data-v-aef3c1bd]{grid-template-columns:1fr}}', $e = /* @__PURE__ */ V(we, [["styles", [Se, je]], ["__scopeId", "data-v-aef3c1bd"]]);
+}), Se = "*{--text-blue: #122647;--background-blue: #253858;font-family:Nunito,Roboto,sans-serif;font-size:14px;box-sizing:border-box}h1,h2,h3,h4,h5,h6{color:var(--text-blue);font-family:Nunito,sans-serif}h2{color:var(--text-blue);font-size:20px}p,a,span,li{color:var(--text-blue);font-family:Roboto,sans-serif}button{border-radius:8px;background:var(--background-blue);font-weight:700;font-size:16px}button:disabled{background:#c8cfd9}input{border-radius:10px;border:#cdd1d9;background:#f4f5f7}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box;font-family:Nunito,Roboto,sans-serif;color:#122647}", je = '.wrapper[data-v-525ba022]{padding:0 24px 24px}.wrapper.step-3[data-v-525ba022]{padding-top:24px}.instruction[data-v-525ba022]{margin:0 0 24px}form[data-v-525ba022]{padding:16px 24px;border-radius:16px;background-color:#fff;box-shadow:0 2px 5px #4a3aff40,0 -2px 5px #4a3aff26 inset,0 1px 1px #ffffff1a inset,0 3px 4px #dfeeff1a inset}fieldset[data-v-525ba022]{border:none;padding:0}legend[data-v-525ba022]{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}legend .title[data-v-525ba022]{font-size:1.25rem;font-weight:800}legend .stepper[data-v-525ba022]{display:flex;justify-content:center;align-items:center;align-self:center;border-radius:50%;background:#bde4ff;min-width:38px;aspect-ratio:1;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:700}.checkbox-group[data-v-525ba022]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.pix-button[data-v-525ba022]{display:block;margin:0 auto}.result fieldset[data-v-525ba022]:first-child{margin-bottom:24px}.result .legend[data-v-525ba022]{justify-content:start;gap:8px}.result .legend[data-v-525ba022]:before{content:"";position:relative;top:2px;background-color:var(--color);border-radius:50%;min-width:12px;aspect-ratio:1;align-self:center}.result .checkbox-group[data-v-525ba022]{grid-template-columns:repeat(4,1fr)}.feedback[data-v-525ba022]{border-radius:8px;background:#eaf1ff;padding:8px;margin:16px 0 0}.feedback[data-v-525ba022],.feedback span[data-v-525ba022]{font-family:Roboto,sans-serif;font-size:.75rem;line-height:1.125rem}.feedback span[data-v-525ba022]{display:block;margin-bottom:.4rem}@media screen and (max-width:874px){.result .checkbox-group[data-v-525ba022]{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:576px){.checkbox-group[data-v-525ba022]{grid-template-columns:1fr;gap:8px}.result .checkbox-group[data-v-525ba022]{grid-template-columns:1fr}}', $e = /* @__PURE__ */ V(we, [["styles", [Se, je]], ["__scopeId", "data-v-525ba022"]]);
 S.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": J, "./locales/en.json": Q, "./locales/es-419.json": W, "./locales/es.json": X, "./locales/fr-BE.json": Y, "./locales/fr.json": ee, "./locales/it.json": te, "./locales/nl.json": ae }));
 const ze = K($e, {
   configureApp(a) {

package/dist/{image-quiz.ce-DGVVVaQN.js → image-quiz.ce-KliaBWpC.js}

@@ -56,8 +56,8 @@ const W = {}, X = {
           alt: ""
         }), null, 16),
         v("figcaption", {
-          class: z(e.nameClass),
-          id: s(u)
+          id: s(u),
+          class: z(e.nameClass)
         }, C(e.choice.name), 11, le)
       ])) : (o(), m("span", {
         key: 1,
@@ -114,8 +114,8 @@ const W = {}, X = {
       }, null, 10, ge),
       u.value ? (o(), m("p", {
         key: 0,
-        class: "image-quiz-multiple-instruction",
-        id: `${s(h)}-instruction`
+        id: `${s(h)}-instruction`,
+        class: "image-quiz-multiple-instruction"
       }, C(i.$t("image-quiz.multipleInstruction")), 9, pe)) : M("", !0),
       v("div", {
         role: "listbox",
@@ -129,9 +129,9 @@ const W = {}, X = {
           ref_for: !0,
           ref_key: "options",
           ref: S,
+          key: r,
           choice: A,
           "max-choices-per-line": e.maxChoicesPerLine,
-          key: r,
           "name-class": p.value,
           "image-class": e.imageChoicesSize,
           selected: t.value[r],

package/dist/index.js

@@ -4,7 +4,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-DGVVVaQN.js";
+import "./image-quiz.ce-KliaBWpC.js";
 import "./components/image-quizzes.ce.js.js";
 import "./components/message-conversation.ce.js.js";
 import "./components/mdp-classement.ce.js.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@1024pix/epreuves-components",
-  "version": "4.6.1",
+  "version": "4.6.2",
   "type": "module",
   "description": "A collection of interactive components to be used in Pix challenges or modules",
   "exports": {

package/dist/Button.ce-Ccv3OLk2.js

@@ -1,31 +0,0 @@
-import { b as r, h as c, o as d, c as i, t as u, q as l, _ as b } from "./_plugin-vue_export-helper-CD1RUA2y.js";
-const p = ["aria-disabled"], f = /* @__PURE__ */ r({
-  __name: "Button.ce",
-  props: {
-    isDisabled: { type: Boolean }
-  },
-  setup(e, { expose: a }) {
-    const o = c("button");
-    function s(t) {
-      e.isDisabled && t.stopPropagation();
-    }
-    function n() {
-      o.value.focus();
-    }
-    return a({
-      buttonElement: o,
-      focus: n
-    }), (t, m) => (d(), i("button", {
-      ref: "button",
-      onClickCapture: s,
-      "aria-disabled": e.isDisabled,
-      class: u({ "is-disabled": e.isDisabled }),
-      type: "button"
-    }, [
-      l(t.$slots, "default", {}, void 0, !0)
-    ], 42, p));
-  }
-}), _ = "button[data-v-17935c3e]{padding:8px 24px;border-radius:8px;background:#253858;border:none;color:#fff}button[data-v-17935c3e]:hover{cursor:pointer;background:#334d77}button.is-disabled[data-v-17935c3e]{background:#25385880;cursor:not-allowed}", v = /* @__PURE__ */ b(f, [["styles", [_]], ["__scopeId", "data-v-17935c3e"]]);
-export {
-  v as B
-};