@1024pix/epreuves-components 1.4.2 → 1.4.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,8 +1,11 @@
1
- import { a as k, c, o as r, f as t, J as b, t as d, H as C, _ as w, O as A, P as B, r as y, k as _, l as E, A as V, R as j, g as O, F as h, b as x, e as G, G as M, q as P, y as F, d as H } from "../_plugin-vue_export-helper-BaT1QC5Q.js";
1
+ import { a as y, k as h, c as d, o, f as l, J as p, t as c, H as k, _ as C, O as L, P as E, r as b, l as R, A as V, R as j, g as O, F as x, b as S, e as G, G as M, q as P, y as F, d as H } from "../_plugin-vue_export-helper-BaT1QC5Q.js";
2
2
  import { i as s, a as Q, b as U } from "../i18n-BOk_ejZ-.js";
3
3
  const J = {}, W = {}, Z = {
4
- "qcm-deepfake": { options: ["une photo de sa chanteuse préférée", "une chanson de sa chanteuse préférée", "un enregistrement de Caroline qui chante", "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 dIA générative :", title: "Recréez la vidéo de Caroline", in: "Entrée", out: "Sortie", selectThreeElements: "Sélectionnez 3 éléments pour générer la vidéo :", generateVideo: "Générer la vidéo !", 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: "Super !", 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." }, searchTitle: "Le logiciel d’IA générative crée la vidéo" }
5
- }, K = {}, X = {}, Y = ["aria-hidden"], ee = ["aria-level"], te = ["src"], ae = { class: "description" }, ie = ["src"], se = ["aria-level"], ne = /* @__PURE__ */ k({
4
+ "qcm-deepfake": { options: ["une photo de sa chanteuse préférée", "une chanson de sa chanteuse préférée", "un enregistrement de Caroline qui chante", "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." } }
5
+ }, K = {}, X = {}, Y = ["aria-hidden"], ee = ["aria-level"], te = ["src"], ae = {
6
+ key: 1,
7
+ class: "description"
8
+ }, se = ["src"], ie = ["aria-level"], ne = /* @__PURE__ */ y({
6
9
  __name: "NarrativeAnswer.ce",
7
10
  props: {
8
11
  messageTitle: { type: String },
@@ -14,42 +17,43 @@ const J = {}, W = {}, Z = {
14
17
  type: { type: String }
15
18
  },
16
19
  setup(a) {
17
- return (e, l) => (r(), c("div", {
20
+ const f = a, i = h(() => f.type === "success" || f.type === "fail" ? s.t("qcm-deepfake.out") : s.t("qcm-deepfake.waiting"));
21
+ return (e, t) => (o(), d("div", {
18
22
  class: "right-container",
19
23
  "aria-hidden": e.type !== e.stateAnswer
20
24
  }, [
21
- t("div", {
25
+ l("div", {
22
26
  class: "subtitle",
23
27
  role: "heading",
24
- "aria-level": e.titleLevel + 1
25
- }, d(e.$t("qcm-deepfake.out")), 9, ee),
26
- e.type === "search" ? (r(), c("img", {
28
+ "aria-level": e.titleLevel
29
+ }, c(i.value), 9, ee),
30
+ e.type === "search" ? (o(), d("img", {
27
31
  key: 0,
28
32
  src: e.image,
29
33
  alt: ""
30
- }, null, 8, te)) : b("", !0),
31
- t("p", ae, d(e.title), 1),
32
- e.type !== "search" ? (r(), c("img", {
33
- key: 1,
34
+ }, null, 8, te)) : p("", !0),
35
+ e.type === "success" || e.type === "fail" ? (o(), d("p", ae, c(e.title), 1)) : p("", !0),
36
+ e.type !== "search" ? (o(), d("img", {
37
+ key: 2,
34
38
  src: e.image,
35
39
  alt: ""
36
- }, null, 8, ie)) : b("", !0),
37
- e.messageTitle ? (r(), c("div", {
38
- key: 2,
39
- class: C(["answer-block", e.stateAnswer])
40
+ }, null, 8, se)) : p("", !0),
41
+ e.messageTitle ? (o(), d("div", {
42
+ key: 3,
43
+ class: k(["answer-block", e.stateAnswer])
40
44
  }, [
41
- t("div", {
45
+ l("div", {
42
46
  class: "answer-block__title",
43
47
  role: "heading",
44
- "aria-level": e.titleLevel + 2
45
- }, d(e.messageTitle), 9, se),
46
- t("p", null, d(e.messageDescription), 1)
47
- ], 2)) : b("", !0)
48
+ "aria-level": e.titleLevel + 1
49
+ }, c(e.messageTitle), 9, ie),
50
+ l("p", null, c(e.messageDescription), 1)
51
+ ], 2)) : p("", !0)
48
52
  ], 8, Y));
49
53
  }
50
- }), le = ".right-container[data-v-3d782b51]{grid-row:1/1;grid-column:1/1}.right-container[aria-hidden=true][data-v-3d782b51]{visibility:hidden}img[data-v-3d782b51]{margin-block:.5rem}.subtitle[data-v-3d782b51]{font-size:1.25rem;font-weight:700;text-align:center}.description[data-v-3d782b51]{font-weight:700;margin-top:0;margin-bottom:0}img[data-v-3d782b51]{width:200px;height:auto}.answer-block[data-v-3d782b51]{background:#e8e8e8;margin-inline:1rem;padding:.5rem;border-radius:10px}.answer-block p[data-v-3d782b51]{margin-bottom:0}.answer-block.success[data-v-3d782b51]{background:#e8f3ef}.answer-block.fail[data-v-3d782b51]{border-radius:16px;background:#fbecec}", oe = /* @__PURE__ */ w(ne, [["styles", [le]], ["__scopeId", "data-v-3d782b51"]]), re = ["aria-disabled"], de = /* @__PURE__ */ k({
54
+ }), le = ".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}", oe = /* @__PURE__ */ C(ne, [["styles", [le]], ["__scopeId", "data-v-2a82aa38"]]), re = ["aria-disabled"], de = /* @__PURE__ */ y({
51
55
  __name: "Option.ce",
52
- props: /* @__PURE__ */ A({
56
+ props: /* @__PURE__ */ L({
53
57
  option: { type: String },
54
58
  value: { type: Number },
55
59
  readonly: { type: Boolean }
@@ -58,33 +62,33 @@ const J = {}, W = {}, Z = {
58
62
  modelModifiers: {}
59
63
  }),
60
64
  emits: ["update:modelValue"],
61
- setup(a, { expose: e }) {
62
- const l = B(a, "modelValue"), u = y(!1), i = _(() => l.value.length === 3 && !u.value || a.readonly);
63
- function v(m) {
64
- if (i.value) {
65
+ setup(a, { expose: f }) {
66
+ const i = E(a, "modelValue"), e = b(!1), t = h(() => i.value.length === 3 && !e.value || a.readonly);
67
+ function _(m) {
68
+ if (t.value) {
65
69
  m.preventDefault();
66
70
  return;
67
71
  }
68
- m.target.checked ? l.value.push(a.option) : l.value = l.value.filter((p) => p !== a.option);
72
+ m.target.checked ? i.value.push(a.option) : i.value = i.value.filter((g) => g !== a.option);
69
73
  }
70
- return e({
71
- isChecked: u
72
- }), (m, g) => (r(), c("label", {
73
- class: C({ selected: u.value, disabled: i.value })
74
+ return f({
75
+ isChecked: e
76
+ }), (m, v) => (o(), d("label", {
77
+ class: k({ selected: e.value, disabled: t.value })
74
78
  }, [
75
- E(t("input", {
79
+ R(l("input", {
76
80
  type: "checkbox",
77
81
  name: "options",
78
- onClick: v,
79
- "aria-disabled": i.value,
80
- "onUpdate:modelValue": g[0] || (g[0] = (p) => u.value = p)
82
+ onClick: _,
83
+ "aria-disabled": t.value,
84
+ "onUpdate:modelValue": v[0] || (v[0] = (g) => e.value = g)
81
85
  }, null, 8, re), [
82
- [j, u.value]
86
+ [j, e.value]
83
87
  ]),
84
- V(d(m.option), 1)
88
+ V(c(m.option), 1)
85
89
  ], 2));
86
90
  }
87
- }), ce = ".selected[data-v-a067b43a]{background:#f7f5ff}.disabled[data-v-a067b43a]{cursor:not-allowed;background:#efefef}.disabled.selected[data-v-a067b43a]{background:#d6d5dd}", ue = /* @__PURE__ */ w(de, [["styles", [ce]], ["__scopeId", "data-v-a067b43a"]]), fe = ["aria-level"], me = { class: "container" }, pe = { class: "left-side" }, ge = ["aria-level"], ve = { class: "left-side__description" }, be = { class: "left-side__action" }, _e = ["aria-disabled"], he = {
91
+ }), ce = ".selected[data-v-a067b43a]{background:#f7f5ff}.disabled[data-v-a067b43a]{cursor:not-allowed;background:#efefef}.disabled.selected[data-v-a067b43a]{background:#d6d5dd}", ue = /* @__PURE__ */ C(de, [["styles", [ce]], ["__scopeId", "data-v-a067b43a"]]), fe = { class: "container" }, me = { class: "left-side" }, ge = ["aria-level"], pe = { class: "left-side__description" }, ve = { class: "left-side__action" }, he = ["aria-disabled", "aria-describedby"], _e = {
88
92
  key: 0,
89
93
  "aria-hidden": "true",
90
94
  width: "20",
@@ -92,14 +96,15 @@ const J = {}, W = {}, Z = {
92
96
  viewBox: "0 0 20 20",
93
97
  fill: "none",
94
98
  xmlns: "http://www.w3.org/2000/svg"
95
- }, ye = {
99
+ }, be = {
100
+ key: 0,
96
101
  id: "optionsSelectedInfo",
97
102
  class: "left-side__lower-legend",
98
103
  "aria-hidden": "true"
99
- }, ke = {
104
+ }, ye = {
100
105
  class: "right-side",
101
106
  "aria-live": "polite"
102
- }, Ce = /* @__PURE__ */ k({
107
+ }, ke = /* @__PURE__ */ y({
103
108
  __name: "QcmDeepfake.ce",
104
109
  props: {
105
110
  titleLevel: { default: 2, type: Number },
@@ -107,14 +112,13 @@ const J = {}, W = {}, Z = {
107
112
  failImage: { type: String },
108
113
  infoImage: { type: String },
109
114
  searchImage: { type: String },
110
- searchDelay: { default: 2e3, type: Number }
115
+ searchDelay: { default: 4e3, type: Number }
111
116
  },
112
- setup(a, { expose: e }) {
113
- const l = y([]), u = [2, 4, 5], i = y("info"), v = O("optionsNode"), m = s.t("qcm-deepfake.options", { returnObjects: !0 }), g = ["👩‍🎤", "🎧", "🎤", "👩", "🎙️"], p = m.map((n, o) => `${g[o]} ${n}`), $ = p.filter((n, o) => u.includes(o + 1)), T = [
117
+ setup(a, { expose: f }) {
118
+ const i = b([]), e = [2, 4, 5], t = b("info"), _ = O("optionsNode"), m = s.t("qcm-deepfake.options", { returnObjects: !0 }), v = ["👩‍🎤", "🎧", "🎤", "👩", "🎙️"], g = m.map((r, n) => `${v[n]} ${r}`), $ = g.filter((r, n) => e.includes(n + 1)), N = [
114
119
  {
115
120
  type: "info",
116
- image: a.infoImage,
117
- title: s.t("qcm-deepfake.iaResultInfo")
121
+ image: a.infoImage
118
122
  },
119
123
  {
120
124
  type: "success",
@@ -132,89 +136,81 @@ const J = {}, W = {}, Z = {
132
136
  },
133
137
  {
134
138
  type: "search",
135
- image: a.searchImage,
136
- title: s.t("qcm-deepfake.searchTitle")
139
+ image: a.searchImage
137
140
  }
138
- ], q = _(() => l.value.length !== 3), N = _(() => i.value === "info" ? s.t("qcm-deepfake.generateVideo") : s.t("qcm-deepfake.restart")), D = _(() => i.value === "info" ? s.t("qcm-deepfake.generateVideoInfo", { count: u.length - l.value.length }) : s.t("qcm-deepfake.restartInfo"));
139
- function z() {
140
- return i.value === "info" ? L() : I();
141
+ ], w = h(() => i.value.length !== 3 || t.value === "search"), T = h(() => t.value === "search" ? s.t("qcm-deepfake.loading") : t.value === "info" ? s.t("qcm-deepfake.generateVideo") : s.t("qcm-deepfake.restart")), D = h(() => t.value === "info" ? s.t("qcm-deepfake.generateVideoInfo", { count: e.length - i.value.length }) : t.value === "fail" ? s.t("qcm-deepfake.restartInfo") : "");
142
+ function B() {
143
+ if (!w.value)
144
+ return t.value === "info" ? z() : q();
141
145
  }
142
- function I() {
143
- v.value.forEach((n) => {
144
- n.isChecked = !1;
145
- }), l.value = [], i.value = "info";
146
+ function q() {
147
+ _.value.forEach((r) => {
148
+ r.isChecked = !1;
149
+ }), i.value = [], t.value = "info";
146
150
  }
147
- async function L() {
148
- if (q.value) return;
149
- const n = l.value.every((o) => $.includes(o.trim()));
150
- i.value = "search", await new Promise((o) => setTimeout(o, a.searchDelay)), n ? i.value = "success" : i.value = "fail";
151
+ async function z() {
152
+ const r = i.value.every((n) => $.includes(n.trim()));
153
+ t.value = "search", await new Promise((n) => setTimeout(n, a.searchDelay)), r ? t.value = "success" : t.value = "fail";
151
154
  }
152
- return e({
153
- reset: I
154
- }), (n, o) => (r(), c(h, null, [
155
- t("div", {
156
- role: "heading",
157
- "aria-level": n.titleLevel,
158
- class: "title"
159
- }, d(n.$t("qcm-deepfake.title")), 9, fe),
160
- t("div", me, [
161
- t("form", pe, [
162
- t("div", {
163
- class: "left-side__subtitle",
164
- role: "heading",
165
- "aria-level": n.titleLevel + 1
166
- }, d(n.$t("qcm-deepfake.in")), 9, ge),
167
- t("fieldset", null, [
168
- t("legend", ve, d(n.$t("qcm-deepfake.selectThreeElements")), 1),
169
- (r(!0), c(h, null, x(M(p), (f, S) => (r(), G(ue, {
170
- ref_for: !0,
171
- ref_key: "optionsNode",
172
- ref: v,
173
- modelValue: l.value,
174
- "onUpdate:modelValue": o[0] || (o[0] = (R) => l.value = R),
175
- key: S,
176
- class: "left-side__options",
177
- option: f,
178
- value: S + 1,
179
- readonly: i.value !== "info"
180
- }, null, 8, ["modelValue", "option", "value", "readonly"]))), 128))
181
- ]),
182
- t("div", be, [
183
- t("button", {
184
- onClick: P(z, ["prevent"]),
185
- class: C(["left-side__button", { generate: i.value === "info" }]),
186
- "aria-disabled": q.value,
187
- "aria-describedby": "optionsSelectedInfo"
188
- }, [
189
- i.value !== "info" ? (r(), c("svg", he, [...o[1] || (o[1] = [
190
- t("path", {
191
- 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",
192
- fill: "#122647"
193
- }, null, -1)
194
- ])])) : b("", !0),
195
- V(" " + d(N.value), 1)
196
- ], 10, _e),
197
- t("p", ye, d(D.value), 1)
198
- ])
155
+ return f({
156
+ reset: q
157
+ }), (r, n) => (o(), d("div", fe, [
158
+ l("form", me, [
159
+ l("div", {
160
+ class: "left-side__subtitle",
161
+ role: "heading",
162
+ "aria-level": r.titleLevel
163
+ }, c(r.$t("qcm-deepfake.in")), 9, ge),
164
+ l("fieldset", null, [
165
+ l("legend", pe, c(r.$t("qcm-deepfake.selectThreeElements")), 1),
166
+ (o(!0), d(x, null, S(M(g), (u, I) => (o(), G(ue, {
167
+ ref_for: !0,
168
+ ref_key: "optionsNode",
169
+ ref: _,
170
+ modelValue: i.value,
171
+ "onUpdate:modelValue": n[0] || (n[0] = (A) => i.value = A),
172
+ key: I,
173
+ class: "left-side__options",
174
+ option: u,
175
+ value: I + 1,
176
+ readonly: t.value !== "info"
177
+ }, null, 8, ["modelValue", "option", "value", "readonly"]))), 128))
199
178
  ]),
200
- t("div", ke, [
201
- (r(), c(h, null, x(T, (f) => F(oe, {
202
- key: f,
203
- "title-level": n.titleLevel,
204
- type: f.type,
205
- image: f.image,
206
- title: f.title,
207
- "message-title": f.messageTitle,
208
- "message-description": f.messageDescription,
209
- "state-answer": i.value
210
- }, null, 8, ["title-level", "type", "image", "title", "message-title", "message-description", "state-answer"])), 64))
179
+ l("div", ve, [
180
+ l("button", {
181
+ onClick: P(B, ["prevent"]),
182
+ class: k(["left-side__button", { generate: t.value === "info" }]),
183
+ "aria-disabled": w.value,
184
+ "aria-describedby": ["success", "search"].includes(t.value) ? void 0 : "optionsSelectedInfo"
185
+ }, [
186
+ t.value === "success" || t.value === "fail" ? (o(), d("svg", _e, [...n[1] || (n[1] = [
187
+ l("path", {
188
+ 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",
189
+ fill: "#122647"
190
+ }, null, -1)
191
+ ])])) : p("", !0),
192
+ V(" " + c(T.value), 1)
193
+ ], 10, he),
194
+ ["success", "search"].includes(t.value) ? p("", !0) : (o(), d("p", be, c(D.value), 1))
211
195
  ])
196
+ ]),
197
+ l("div", ye, [
198
+ (o(), d(x, null, S(N, (u) => F(oe, {
199
+ key: u,
200
+ "title-level": r.titleLevel,
201
+ type: u.type,
202
+ image: u.image,
203
+ title: u.title,
204
+ "message-title": u.messageTitle,
205
+ "message-description": u.messageDescription,
206
+ "state-answer": t.value
207
+ }, null, 8, ["title-level", "type", "image", "title", "message-title", "message-description", "state-answer"])), 64))
212
208
  ])
213
- ], 64));
209
+ ]));
214
210
  }
215
- }), we = "legend,label,p,div[role=heading]{font-family:Nunito,Roboto,sans-serif;color:#253858}", qe = ".container[data-v-a7a0f3aa]{display:flex;gap:.8rem}.title[data-v-a7a0f3aa]{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:16px}.left-side[data-v-a7a0f3aa]{min-width:60%;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;border-radius:10px}.left-side__lower-legend[data-v-a7a0f3aa]{font-size:.875rem;color:#5e6c84}.left-side__subtitle[data-v-a7a0f3aa]{font-size:1.25rem;font-weight:700;text-align:center}.left-side__options[data-v-a7a0f3aa]{display:flex;border:solid 1px #5e6c84;padding:.6rem;border-radius:5px;gap:.5rem}.left-side__description[data-v-a7a0f3aa]{font-weight:700}.left-side__button[data-v-a7a0f3aa]{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-a7a0f3aa]{background:#613fdd;color:#fff}.left-side__button[aria-disabled=true][data-v-a7a0f3aa]{cursor:not-allowed;background:#d3d3d3}.left-side__action[data-v-a7a0f3aa]{display:flex;flex-direction:column;align-items:center;text-align:center}.right-side[data-v-a7a0f3aa]{display:grid;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;text-align:center;border-radius:10px}fieldset[data-v-a7a0f3aa]{border:none;display:flex;flex-direction:column;gap:.8rem}@media (max-width: 770px){.container[data-v-a7a0f3aa]{flex-wrap:wrap}.left-side[data-v-a7a0f3aa],.right-side[data-v-a7a0f3aa]{width:100%}}", Ie = /* @__PURE__ */ w(Ce, [["styles", [we, qe]], ["__scopeId", "data-v-a7a0f3aa"]]);
211
+ }), Ce = "legend,label,p,div[role=heading]{font-family:Nunito,Roboto,sans-serif;color:#253858}", we = ".container[data-v-02f097d7]{display:flex;gap:.8rem}.title[data-v-02f097d7]{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:16px}.left-side[data-v-02f097d7]{min-width:60%;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;border-radius:10px}.left-side__lower-legend[data-v-02f097d7]{font-size:.875rem;color:#5e6c84}.left-side__subtitle[data-v-02f097d7]{font-size:1.25rem;font-weight:700;text-align:center}.left-side__options[data-v-02f097d7]{display:flex;border:solid 1px #5e6c84;padding:.6rem;border-radius:5px;gap:.5rem}.left-side__description[data-v-02f097d7]{font-weight:700}.left-side__button[data-v-02f097d7]{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-02f097d7]{background:#613fdd;color:#fff}.left-side__button[aria-disabled=true][data-v-02f097d7]{cursor:not-allowed;background:#d3d3d3}.left-side__action[data-v-02f097d7]{display:flex;flex-direction:column;align-items:center;text-align:center}.right-side[data-v-02f097d7]{display:grid;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;text-align:center;border-radius:10px}fieldset[data-v-02f097d7]{border:none;display:flex;flex-direction:column;gap:.8rem}@media (max-width: 770px){.container[data-v-02f097d7]{flex-wrap:wrap}.left-side[data-v-02f097d7],.right-side[data-v-02f097d7]{width:100%}}", qe = /* @__PURE__ */ C(ke, [["styles", [Ce, we]], ["__scopeId", "data-v-02f097d7"]]);
216
212
  Q(/* @__PURE__ */ Object.assign({ "./locales/en.json": J, "./locales/es.json": W, "./locales/fr.json": Z, "./locales/it.json": K, "./locales/nl.json": X })).catch((a) => console.error(a));
217
- window.customElements.define("qcm-deepfake", H(Ie, {
213
+ window.customElements.define("qcm-deepfake", H(qe, {
218
214
  configureApp(a) {
219
215
  s.changeLanguage(document?.documentElement?.lang || navigator.language), a.use(U, { i18next: s });
220
216
  }
package/dist/metadata.js CHANGED
@@ -1,56 +1,67 @@
1
- const i = "usable", s = {
1
+ const t = "accessible";
2
+ const s = "usable", c = {
3
+ accessibility: t,
2
4
  isInteractive: !0,
3
- mobileUsability: i
4
- }, a = "accessible", c = !0, o = "not-recommended", l = {
5
+ mobileUsability: s
6
+ }, a = "accessible", l = !0, o = "not-recommended", b = {
5
7
  accessibility: a,
6
- isInteractive: c,
8
+ isInteractive: l,
7
9
  mobileUsability: o
8
- }, n = "not-accessible", b = !0, m = "unusable", _ = {
10
+ }, n = "not-accessible", m = !0, _ = "unusable", r = {
9
11
  accessibility: n,
10
- isInteractive: b,
11
- mobileUsability: m
12
- }, r = !0, v = "not-recommended", y = {
13
- isInteractive: r,
14
- mobileUsability: v
15
- }, u = "accessible", $ = !0, d = "usable", I = {
16
- accessibility: u,
17
- isInteractive: $,
18
- mobileUsability: d
19
- }, U = !0, p = "usable", g = {
20
- isInteractive: U,
21
- mobileUsability: p
22
- }, j = !0, x = "usable", f = {
12
+ isInteractive: m,
13
+ mobileUsability: _
14
+ }, y = "accessible", v = !0, $ = "not-recommended", u = {
15
+ accessibility: y,
16
+ isInteractive: v,
17
+ mobileUsability: $
18
+ }, d = "accessible", I = !0, U = "usable", p = {
19
+ accessibility: d,
20
+ isInteractive: I,
21
+ mobileUsability: U
22
+ }, g = "accessible", j = !0, x = "usable", f = {
23
+ accessibility: g,
23
24
  isInteractive: j,
24
25
  mobileUsability: x
25
- }, q = !1, z = "usable", k = {
26
- isInteractive: q,
27
- mobileUsability: z
28
- }, O = !1, h = "usable", E = {
29
- isInteractive: O,
30
- mobileUsability: h
31
- }, w = "accessible", A = !0, B = "usable", C = {
32
- accessibility: w,
33
- isInteractive: A,
34
- mobileUsability: B
35
- }, D = !0, F = "not-recommended", G = {
36
- isInteractive: D,
37
- mobileUsability: F
38
- }, H = !1, J = "unusable", K = {
26
+ }, q = "accessible", z = !0, k = "usable", O = {
27
+ accessibility: q,
28
+ isInteractive: z,
29
+ mobileUsability: k
30
+ }, h = "accessible", E = !1, w = "usable", A = {
31
+ accessibility: h,
32
+ isInteractive: E,
33
+ mobileUsability: w
34
+ }, B = "accessible", C = !1, D = "usable", F = {
35
+ accessibility: B,
36
+ isInteractive: C,
37
+ mobileUsability: D
38
+ }, G = "accessible", H = !0, J = "usable", K = {
39
+ accessibility: G,
39
40
  isInteractive: H,
40
41
  mobileUsability: J
41
- }, L = !1, M = "usable", N = {
42
- isInteractive: L,
43
- mobileUsability: M
44
- }, P = !0, Q = "usable", R = {
45
- isInteractive: P,
46
- mobileUsability: Q
47
- }, S = !0, T = "not-recommended", V = {
48
- isInteractive: S,
49
- mobileUsability: T
50
- }, W = /* @__PURE__ */ Object.assign({ "./calcul-impact/calcul-impact.metadata.json": s, "./capacity-calculation/capacity-calculation.metadata.json": l, "./clickable-image/clickable-image.metadata.json": _, "./complete-phrase/complete-phrase.metadata.json": y, "./flip-cards/flip-cards.metadata.json": I, "./image-quiz/image-quiz.metadata.json": g, "./image-quiz/image-quizzes.metadata.json": f, "./message-conversation/message-conversation.metadata.json": k, "./pix-article/pix-article.metadata.json": E, "./pix-carousel/pix-carousel.metadata.json": C, "./pix-cursor/pix-cursor.metadata.json": G, "./pix-llm/llm-compare-messages.metadata.json": K, "./pix-llm/llm-messages.metadata.json": N, "./pix-llm/llm-prompt-select.metadata.json": R, "./qcm-deepfake/qcm-deepfake.metadata.json": V }), X = Object.fromEntries(Object.entries(W).map(([t, e]) => [
51
- t.replace(/^.*\/([^/]+)\.metadata\.json$/, "$1"),
42
+ }, L = "accessible", M = !0, N = "not-recommended", P = {
43
+ accessibility: L,
44
+ isInteractive: M,
45
+ mobileUsability: N
46
+ }, Q = "accessible", R = !1, S = "unusable", T = {
47
+ accessibility: Q,
48
+ isInteractive: R,
49
+ mobileUsability: S
50
+ }, V = !1, W = "usable", X = {
51
+ isInteractive: V,
52
+ mobileUsability: W
53
+ }, Y = "accessible", Z = !0, ii = "usable", ei = {
54
+ accessibility: Y,
55
+ isInteractive: Z,
56
+ mobileUsability: ii
57
+ }, ti = "accessible", si = !0, ci = "not-recommended", ai = {
58
+ accessibility: ti,
59
+ isInteractive: si,
60
+ mobileUsability: ci
61
+ }, li = /* @__PURE__ */ Object.assign({ "./calcul-impact/calcul-impact.metadata.json": c, "./capacity-calculation/capacity-calculation.metadata.json": b, "./clickable-image/clickable-image.metadata.json": r, "./complete-phrase/complete-phrase.metadata.json": u, "./flip-cards/flip-cards.metadata.json": p, "./image-quiz/image-quiz.metadata.json": f, "./image-quiz/image-quizzes.metadata.json": O, "./message-conversation/message-conversation.metadata.json": A, "./pix-article/pix-article.metadata.json": F, "./pix-carousel/pix-carousel.metadata.json": K, "./pix-cursor/pix-cursor.metadata.json": P, "./pix-llm/llm-compare-messages.metadata.json": T, "./pix-llm/llm-messages.metadata.json": X, "./pix-llm/llm-prompt-select.metadata.json": ei, "./qcm-deepfake/qcm-deepfake.metadata.json": ai }), oi = Object.fromEntries(Object.entries(li).map(([i, e]) => [
62
+ i.replace(/^.*\/([^/]+)\.metadata\.json$/, "$1"),
52
63
  e
53
64
  ]));
54
65
  export {
55
- X as metadata
66
+ oi as metadata
56
67
  };
package/dist/schema.js CHANGED
@@ -25,7 +25,7 @@ const o = e.object({
25
25
  consumptionImg: e.string().required()
26
26
  }).required()
27
27
  }).required()
28
- }).meta({ title: "capacity-calculation" }), c = e.object({
28
+ }), c = e.object({
29
29
  image: e.object({
30
30
  src: e.string().required(),
31
31
  alt: e.string().required(),
@@ -43,7 +43,7 @@ const o = e.object({
43
43
  info: e.string().required(),
44
44
  tooltipPosition: e.string().valid("bottom").optional()
45
45
  }).required()).required().min(1)
46
- }).meta({ title: "clickable-image" }), u = e.object({
46
+ }), u = e.object({
47
47
  titleLevel: e.number().required(),
48
48
  listOfProbabilityBarsLists: e.array().items(
49
49
  e.array().items(
@@ -67,7 +67,7 @@ const o = e.object({
67
67
  titleLevel: e.string()
68
68
  })
69
69
  ).required()
70
- }).meta({ title: "flip-cards" }), i = e.object({
70
+ }), i = e.object({
71
71
  name: e.string().required(),
72
72
  multiple: e.boolean().optional(),
73
73
  maxChoicesPerLine: e.number().optional(),
@@ -83,9 +83,9 @@ const o = e.object({
83
83
  response: e.string().optional()
84
84
  }).required()
85
85
  ).required()
86
- }).required(), l = e.object({
87
- quizzes: e.array().items(i).required()
88
86
  }).required(), m = e.object({
87
+ quizzes: e.array().items(i).required()
88
+ }).required(), l = e.object({
89
89
  title: e.string().required(),
90
90
  messages: e.array().items(
91
91
  e.object({
@@ -175,7 +175,7 @@ const o = e.object({
175
175
  content: e.string().required()
176
176
  }), I = e.object({
177
177
  messages: e.array().items(t.required()).required()
178
- }).required(), f = e.object({
178
+ }).required(), w = e.object({
179
179
  speed: e.number().default(20).min(0).optional(),
180
180
  messages: e.array().items(t).required(),
181
181
  prompts: e.array().items(
@@ -184,13 +184,13 @@ const o = e.object({
184
184
  response: e.string().required()
185
185
  }).required()
186
186
  ).required()
187
- }).required(), w = e.object({
187
+ }).required(), f = e.object({
188
188
  titleLevel: e.number().optional(),
189
189
  successImage: e.string().required(),
190
190
  failImage: e.string().required(),
191
191
  infoImage: e.string().required(),
192
192
  searchImage: e.string().required()
193
- }), L = /* @__PURE__ */ Object.assign({ "./calcul-impact/calcul-impact.schema.js": o, "./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": d, "./image-quiz/image-quiz.schema.js": i, "./image-quiz/image-quizzes.schema.js": l, "./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": I, "./pix-llm/llm-prompt-select.schema.js": f, "./qcm-deepfake/qcm-deepfake.schema.js": w }), S = Object.fromEntries(Object.entries(L).map(([s, n]) => [
193
+ }), L = /* @__PURE__ */ Object.assign({ "./calcul-impact/calcul-impact.schema.js": o, "./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": d, "./image-quiz/image-quiz.schema.js": i, "./image-quiz/image-quizzes.schema.js": m, "./message-conversation/message-conversation.schema.js": l, "./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": I, "./pix-llm/llm-prompt-select.schema.js": w, "./qcm-deepfake/qcm-deepfake.schema.js": f }), S = Object.fromEntries(Object.entries(L).map(([s, n]) => [
194
194
  s.replace(/^.*\/([^/]+)\.schema\.js$/, "$1"),
195
195
  n
196
196
  ]));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@1024pix/epreuves-components",
3
- "version": "1.4.2",
3
+ "version": "1.4.3",
4
4
  "description": "A collection of interactive components to be used in Pix challenges or modules",
5
5
  "exports": {
6
6
  ".": "./dist/index.js",