@1024pix/epreuves-components 1.4.2 → 1.4.4

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.
Files changed (26) hide show
  1. package/dist/{ImageQuiz.ce-BU1wvQqO.js → ImageQuiz.ce-BLOWdEiw.js} +66 -56
  2. package/dist/{LLMMessage.ce-55YTC7a9.js → LLMMessage.ce-DnZ8kE2i.js} +7 -7
  3. package/dist/{Loading.ce-BQOiwGj0.js → Loading.ce-FI776zdC.js} +1 -1
  4. package/dist/{NavigationButton.ce-CgyZHLpi.js → NavigationButton.ce-gp04deGY.js} +8 -8
  5. package/dist/{_plugin-vue_export-helper-BaT1QC5Q.js → _plugin-vue_export-helper-CwwQJ1m6.js} +6 -6
  6. package/dist/components/calcul-impact.ce.js.js +12 -12
  7. package/dist/components/capacity-calculation.ce.js.js +95 -100
  8. package/dist/components/clickable-image.ce.js.js +1 -1
  9. package/dist/components/complete-phrase.ce.js.js +8 -8
  10. package/dist/components/flip-cards.ce.js.js +62 -61
  11. package/dist/components/image-quiz.ce.js.js +2 -2
  12. package/dist/components/image-quizzes.ce.js.js +2 -2
  13. package/dist/components/llm-compare-messages.ce.js.js +3 -3
  14. package/dist/components/llm-messages.ce.js.js +3 -3
  15. package/dist/components/llm-prompt-select.ce.js.js +1 -1
  16. package/dist/components/message-conversation.ce.js.js +11 -11
  17. package/dist/components/pix-article.ce.js.js +2 -2
  18. package/dist/components/pix-carousel.ce.js.js +7 -7
  19. package/dist/components/pix-cursor.ce.js.js +12 -12
  20. package/dist/components/qcm-deepfake.ce.js.js +120 -124
  21. package/dist/{i18n-BOk_ejZ-.js → i18n-gncqQJ0G.js} +1 -1
  22. package/dist/metadata.js +55 -44
  23. package/dist/schema.js +10 -10
  24. package/dist/{shadow-dom-CLVtaG5r.js → shadow-dom-MxYtPVXS.js} +1 -1
  25. package/package.json +1 -1
  26. package/dist/shuffled-CzcgAL34.js +0 -14
@@ -1,45 +1,42 @@
1
- import { a as x, c as u, o as s, H as k, L as M, A as L, t as n, _ as m, f as e, O, P as w, r as b, k as g, J as f, e as B, F as E, b as V, G as z, Q as D, M as F, y as C, q as P, d as R } from "../_plugin-vue_export-helper-BaT1QC5Q.js";
2
- import { i as $, a as T, b as H } from "../i18n-BOk_ejZ-.js";
1
+ import { a as g, c as p, o as s, D as k, L as M, A as L, t as r, _ as m, f as e, O, P as h, r as f, k as b, E as w, e as B, F as E, b as V, I as D, Q as z, M as F, y as C, q as P, d as R } from "../_plugin-vue_export-helper-CwwQJ1m6.js";
2
+ import { i as $, a as T, b as H } from "../i18n-gncqQJ0G.js";
3
3
  const G = {
4
- "capacity-calculation": { title: "Observer l'impact des demandes", in: { title: "Demandes à l'IA", aiQuestion: "Quelle est la demande à l'IA ?", aiOptions: ["Fais une vidéo d’une minute d’un chat qui fait du ski.", "Écris un poème de 10 vers à la manière de Victor Hugo.", "Fais le dessin d’une salle de concert à la manière d’un manga."], userQuestion: "Combien d’utilisateurs font la demande en même temps ?", buttonLabel: { primary: "Observer l'effet", warning: "Recommencer", information: "Essayer une nouvelle demande" } }, out: { title: "Impact des demandes", tryAgain: "Essayez avec une autre demande", consumption: { label: "Consommation d’électricité :", normal_weak: "Faible", normal_medium: "Moyenne", warning: "Très forte", error: "Très forte", initial: "À l'arrêt" }, capacity: { label: "État du supercalculateur :", normal_weak: "Normal", normal_medium: "Normal", warning: "Sollicitation maximale", error: "Ne peut pas répondre à la demande", initial: "À l'arrêt" } } }
5
- }, J = ["aria-disabled"], K = /* @__PURE__ */ x({
4
+ "capacity-calculation": { title: "Observer l'impact des demandes", in: { title: "Demandes à l'IA", aiQuestion: "Quelle est la demande à l'IA?", aiOptions: ["Fais une vidéo d’une minute d’un chat qui fait du ski.", "Écris un poème de 10 vers à la manière de Victor Hugo.", "Fais le dessin d’une salle de concert à la manière d’un manga."], userQuestion: "Combien d’utilisateurs font la demande en même temps?", buttonLabel: { primary: "Observer l'effet", warning: "Recommencer" } }, out: { title: "Impact des demandes", tryAgain: "Essayez avec une autre demande", consumption: { label: "Consommation d’électricité :", normal_weak: "Faible", normal_medium: "Moyenne", warning: "Très forte", error: "Très forte", initial: "À l'arrêt" }, capacity: { label: "État du supercalculateur :", normal_weak: "Normal", normal_medium: "Normal", warning: "Sollicitation maximale", error: "Ne peut pas répondre à la demande", initial: "À l'arrêt" } } }
5
+ }, K = ["aria-disabled"], Z = /* @__PURE__ */ g({
6
6
  __name: "PixButton.ce",
7
7
  props: {
8
8
  disabled: { type: Boolean },
9
9
  label: { type: String },
10
10
  state: { type: String }
11
11
  },
12
- setup(o) {
13
- return (i, d) => (s(), u("button", {
14
- class: k(["pix-button", i.state]),
15
- "aria-disabled": i.disabled
12
+ setup(n) {
13
+ return (c, u) => (s(), p("button", {
14
+ class: k(["pix-button", c.state]),
15
+ "aria-disabled": c.disabled
16
16
  }, [
17
- M(i.$slots, "icon"),
18
- L(" " + n(i.label), 1)
19
- ], 10, J));
17
+ M(c.$slots, "icon"),
18
+ L(" " + r(c.label), 1)
19
+ ], 10, K));
20
20
  }
21
- }), Z = ".pix-button{--pix-neutral-0: #fff;--pix-primary-500: #613fdd;--pix-primary-700: #452d9d;--pix-primary-900: #291a5d;--pix-secondary-500: #ffcb33;--pix-secondary-700: #a16206;--pix-secondary-900: #5b3808;align-items:center;border:2px solid transparent;border-radius:100px;background-color:var(--pix-primary-500);color:var(--pix-neutral-0);cursor:pointer;display:flex;font-weight:700;gap:8px;justify-content:center;line-height:24px;margin:0 auto;outline:none;padding:8px 24px;text-decoration:none;width:fit-content;white-space:nowrap}.pix-button.primary[aria-disabled=true]{cursor:not-allowed;opacity:.5}.pix-button.primary:not([aria-disabled=true]):hover{background-color:var(--pix-primary-700)}.pix-button.primary:not([aria-disabled=true]):focus,.pix-button.primary:not([aria-disabled=true]):focus-visible{background-color:var(--pix-primary-700);outline:1px solid var(--pix-neutral-0);outline-offset:-5px}.pix-button.primary:not([aria-disabled=true]):active{background-color:var(--pix-primary-900);outline:none}.pix-button.warning{color:#122647;background-color:var(--pix-secondary-500)}.pix-button.warning:not([aria-disabled=true]):hover{color:var(--pix-neutral-0);background-color:var(--pix-secondary-700)}.pix-button.warning:not([aria-disabled=true]):focus,.pix-button.warning:not([aria-disabled=true]):focus-visible{color:var(--pix-neutral-0);background-color:var(--pix-secondary-700);outline:1px solid var(--pix-neutral-0);outline-offset:-4px}.pix-button.warning:not([aria-disabled=true]):active{color:var(--pix-neutral-0);background-color:var(--pix-secondary-900);outline:none}", W = /* @__PURE__ */ m(K, [["styles", [Z]]]), X = {}, Y = {
21
+ }), J = ".pix-button{--pix-neutral-0: #fff;--pix-primary-500: #613fdd;--pix-primary-700: #452d9d;--pix-primary-900: #291a5d;--pix-secondary-500: #ffcb33;--pix-secondary-700: #a16206;--pix-secondary-900: #5b3808;align-items:center;border:2px solid transparent;border-radius:100px;background-color:var(--pix-primary-500);color:var(--pix-neutral-0);cursor:pointer;display:flex;font-weight:700;gap:8px;justify-content:center;line-height:24px;margin:0 auto;outline:none;padding:8px 24px;text-decoration:none;width:fit-content;white-space:nowrap}.pix-button.primary[aria-disabled=true]{cursor:not-allowed;opacity:.5}.pix-button.primary:not([aria-disabled=true]):hover{background-color:var(--pix-primary-700)}.pix-button.primary:not([aria-disabled=true]):focus,.pix-button.primary:not([aria-disabled=true]):focus-visible{background-color:var(--pix-primary-700);outline:1px solid var(--pix-neutral-0);outline-offset:-5px}.pix-button.primary:not([aria-disabled=true]):active{background-color:var(--pix-primary-900);outline:none}.pix-button.warning{color:#122647;background-color:var(--pix-secondary-500)}.pix-button.warning:not([aria-disabled=true]):hover{color:var(--pix-neutral-0);background-color:var(--pix-secondary-700)}.pix-button.warning:not([aria-disabled=true]):focus,.pix-button.warning:not([aria-disabled=true]):focus-visible{color:var(--pix-neutral-0);background-color:var(--pix-secondary-700);outline:1px solid var(--pix-neutral-0);outline-offset:-4px}.pix-button.warning:not([aria-disabled=true]):active{color:var(--pix-neutral-0);background-color:var(--pix-secondary-900);outline:none}", W = /* @__PURE__ */ m(Z, [["styles", [J]]]), X = {}, Y = {
22
22
  width: "20",
23
23
  height: "20",
24
24
  viewBox: "0 0 20 20",
25
25
  fill: "currentColor",
26
26
  xmlns: "http://www.w3.org/2000/svg"
27
27
  };
28
- function aa(o, i) {
29
- return s(), u("svg", Y, [...i[0] || (i[0] = [
28
+ function aa(n, c) {
29
+ return s(), p("svg", Y, [...c[0] || (c[0] = [
30
30
  e("path", { d: "M9.98008 16.836C8.07578 16.836 6.46036 16.1728 5.13383 14.8462C3.80731 13.5197 3.14404 11.9043 3.14404 9.99998C3.14404 8.09568 3.80731 6.48026 5.13383 5.15373C6.46036 3.8272 8.07578 3.16394 9.98008 3.16394C10.9684 3.16394 11.9108 3.36686 12.8074 3.77269C13.7039 4.17839 14.4713 4.76095 15.1097 5.5204V4.03707C15.1097 3.7897 15.1933 3.58234 15.3607 3.41498C15.5281 3.24762 15.7354 3.16394 15.9828 3.16394C16.2303 3.16394 16.4377 3.24762 16.6051 3.41498C16.7724 3.58234 16.8561 3.7897 16.8561 4.03707V8.29352C16.8561 8.5595 16.7646 8.78394 16.5815 8.96686C16.3986 9.14991 16.1742 9.24144 15.9082 9.24144H11.6418C11.3958 9.24144 11.1896 9.15776 11.0232 8.9904C10.8568 8.82304 10.7736 8.61561 10.7736 8.36811C10.7736 8.12213 10.8573 7.91595 11.0247 7.74956C11.192 7.58318 11.3994 7.49998 11.6468 7.49998H14.2438C13.7994 6.74207 13.199 6.14589 12.4428 5.71144C11.6867 5.277 10.8658 5.05977 9.98008 5.05977C8.60786 5.05977 7.44147 5.54005 6.48092 6.50061C5.52022 7.4613 5.03988 8.62776 5.03988 9.99998C5.03988 11.3722 5.52022 12.5387 6.48092 13.4994C7.44147 14.4599 8.60786 14.9402 9.98008 14.9402C10.888 14.9402 11.7219 14.713 12.4818 14.2587C13.2416 13.8046 13.8385 13.1963 14.2724 12.4339C14.4021 12.2189 14.5846 12.0692 14.8199 11.9848C15.055 11.9005 15.2896 11.8996 15.5236 11.9823C15.7733 12.0651 15.9535 12.2275 16.064 12.4696C16.1745 12.7118 16.1675 12.9401 16.0432 13.1544C15.4538 14.2688 14.6222 15.161 13.5484 15.831C12.4745 16.501 11.2851 16.836 9.98008 16.836Z" }, null, -1)
31
31
  ])]);
32
32
  }
33
- const ea = /* @__PURE__ */ m(X, [["render", aa]]), ta = { class: "capacity-calculation__column capacity-calculation__column--questions" }, ia = { class: "capacity-calculation__fieldset capacity-calculation__fieldset--ai" }, ca = { class: "capacity-calculation__legend" }, la = ["aria-disabled", "value", "checked"], na = {
33
+ const ea = /* @__PURE__ */ m(X, [["render", aa]]), ta = { class: "capacity-calculation__column capacity-calculation__column--questions" }, ca = { class: "capacity-calculation__fieldset capacity-calculation__fieldset--ai" }, ia = { class: "capacity-calculation__legend" }, la = ["aria-disabled", "value", "checked"], na = {
34
34
  key: 0,
35
35
  class: "capacity-calculation__fieldset capacity-calculation__fieldset--range"
36
36
  }, oa = { class: "capacity-calculation__legend--user-question" }, ra = { class: "capacity-calculation__range-wrap" }, sa = ["max", "value", "aria-disabled"], ua = {
37
37
  for: "nbUser",
38
38
  class: "capacity-calculation__range-label"
39
- }, da = {
40
- key: 2,
41
- class: "capacity-calculation__information"
42
- }, pa = /* @__PURE__ */ x({
39
+ }, da = /* @__PURE__ */ g({
43
40
  __name: "Questions.ce",
44
41
  props: /* @__PURE__ */ O({
45
42
  titleLevel: { type: Number }
@@ -61,11 +58,11 @@ const ea = /* @__PURE__ */ m(X, [["render", aa]]), ta = { class: "capacity-calcu
61
58
  currentLevelModifiers: {}
62
59
  }),
63
60
  emits: ["update:selectedAiQuestion", "update:selectedNbUser", "update:currentLevel"],
64
- setup(o) {
65
- const d = o.titleLevel + 1, c = w(o, "selectedAiQuestion"), a = w(o, "selectedNbUser"), t = w(o, "currentLevel"), r = b(!1), p = g(() => ({
61
+ setup(n) {
62
+ const u = n.titleLevel + 1, i = h(n, "selectedAiQuestion"), a = h(n, "selectedNbUser"), t = h(n, "currentLevel"), o = f(!1), d = b(() => ({
66
63
  state: t.value === "initial" ? "primary" : "warning",
67
64
  label: $.t(`capacity-calculation.in.buttonLabel.${t.value === "initial" ? "primary" : "warning"}`)
68
- })), _ = [800, 15e3, 25e3, 9e4, 15e4], N = /* @__PURE__ */ new Set([
65
+ })), _ = [800, 8e3, 14e3, 25e3, 9e4, 15e4], N = /* @__PURE__ */ new Set([
69
66
  // Valeurs de base
70
67
  10,
71
68
  20,
@@ -89,7 +86,6 @@ const ea = /* @__PURE__ */ m(X, [["render", aa]]), ta = { class: "capacity-calcu
89
86
  3e3,
90
87
  4e3,
91
88
  5e3,
92
- 7500,
93
89
  1e4,
94
90
  ..._,
95
91
  2e4,
@@ -99,14 +95,14 @@ const ea = /* @__PURE__ */ m(X, [["render", aa]]), ta = { class: "capacity-calcu
99
95
  75e3,
100
96
  1e5,
101
97
  125e3
102
- ]), h = Array.from(N).sort((l, v) => l - v), q = g(() => {
103
- const l = h.indexOf(a.value);
98
+ ]), x = Array.from(N).sort((l, v) => l - v), q = b(() => {
99
+ const l = x.indexOf(a.value);
104
100
  return Math.max(0, l);
105
101
  }), A = (l) => {
106
102
  const v = l.target;
107
- a.value = h[Number(v.value)];
103
+ a.value = x[Number(v.value)];
108
104
  }, Q = (l) => {
109
- if (r.value) {
105
+ if (o.value) {
110
106
  l.preventDefault();
111
107
  return;
112
108
  }
@@ -115,66 +111,66 @@ const ea = /* @__PURE__ */ m(X, [["render", aa]]), ta = { class: "capacity-calcu
115
111
  I();
116
112
  return;
117
113
  }
118
- c.value === 0 ? a.value >= 10 && a.value < 400 ? t.value = "normal_weak" : a.value > 401 && a.value < 700 ? t.value = "normal_medium" : a.value > 701 && a.value < 1e3 ? t.value = "warning" : t.value = "error" : c.value === 1 ? a.value >= 10 && a.value <= 4e4 ? t.value = "normal_weak" : a.value > 40001 && a.value <= 7e4 ? t.value = "normal_medium" : a.value > 70001 && a.value <= 1e5 ? t.value = "warning" : t.value = "error" : c.value === 2 && (a.value >= 10 && a.value < 8e3 ? t.value = "normal_weak" : a.value > 8001 && a.value < 14e3 ? t.value = "normal_medium" : a.value > 14001 && a.value < 2e4 ? t.value = "warning" : t.value = "error"), r.value = !0;
114
+ i.value === 0 ? a.value >= 10 && a.value <= 400 ? t.value = "normal_weak" : a.value >= 401 && a.value <= 700 ? t.value = "normal_medium" : a.value >= 701 && a.value <= 1e3 ? t.value = "warning" : t.value = "error" : i.value === 1 ? a.value >= 10 && a.value <= 4e4 ? t.value = "normal_weak" : a.value >= 40001 && a.value <= 7e4 ? t.value = "normal_medium" : a.value >= 70001 && a.value <= 1e5 ? t.value = "warning" : t.value = "error" : i.value === 2 && (a.value >= 10 && a.value <= 8e3 ? t.value = "normal_weak" : a.value >= 8001 && a.value <= 14e3 ? t.value = "normal_medium" : a.value >= 14001 && a.value <= 2e4 ? t.value = "warning" : t.value = "error"), o.value = !0;
119
115
  };
120
116
  function U(l) {
121
- if (r.value) {
117
+ if (o.value) {
122
118
  l.preventDefault();
123
119
  return;
124
120
  }
125
- c.value = Number(l.target.value);
121
+ i.value = Number(l.target.value);
126
122
  }
127
123
  function I() {
128
- c.value = void 0, a.value = 10, t.value = "initial", r.value = !1;
124
+ i.value = void 0, a.value = 10, t.value = "initial", o.value = !1;
129
125
  }
130
- return (l, v) => (s(), u("div", ta, [
126
+ return (l, v) => (s(), p("div", ta, [
131
127
  e("div", {
132
128
  role: "heading",
133
- "aria-level": d,
129
+ "aria-level": u,
134
130
  class: "capacity-calculation__subtitle"
135
- }, n(l.$t("capacity-calculation.in.title")), 1),
136
- e("fieldset", ia, [
137
- e("legend", ca, n(l.$t("capacity-calculation.in.aiQuestion")), 1),
138
- (s(!0), u(E, null, V(l.$t("capacity-calculation.in.aiOptions", { returnObjects: !0 }), (j, y) => (s(), u("div", { key: y }, [
131
+ }, r(l.$t("capacity-calculation.in.title")), 1),
132
+ e("fieldset", ca, [
133
+ e("legend", ia, r(l.$t("capacity-calculation.in.aiQuestion")), 1),
134
+ (s(!0), p(E, null, V(l.$t("capacity-calculation.in.aiOptions", { returnObjects: !0 }), (j, y) => (s(), p("div", { key: y }, [
139
135
  e("label", {
140
- class: k(["capacity-calculation__ai-option", { "capacity-calculation__ai-option--active": c.value === y, disabled: r.value }])
136
+ class: k(["capacity-calculation__ai-option", { "capacity-calculation__ai-option--active": i.value === y, disabled: o.value }])
141
137
  }, [
142
138
  e("input", {
143
139
  type: "radio",
144
- "aria-disabled": r.value,
140
+ "aria-disabled": o.value,
145
141
  name: "ai-answer",
146
142
  value: y,
147
143
  onClick: U,
148
- checked: c.value === y
144
+ checked: i.value === y
149
145
  }, null, 8, la),
150
- L(" " + n(j), 1)
146
+ L(" " + r(j), 1)
151
147
  ], 2)
152
148
  ]))), 128))
153
149
  ]),
154
- Number.isInteger(c.value) ? (s(), u("fieldset", na, [
155
- e("legend", oa, n(l.$t("capacity-calculation.in.userQuestion")), 1),
150
+ Number.isInteger(i.value) ? (s(), p("fieldset", na, [
151
+ e("legend", oa, r(l.$t("capacity-calculation.in.userQuestion")), 1),
156
152
  e("div", ra, [
157
153
  e("input", {
158
154
  type: "range",
159
155
  id: "nbUser",
160
156
  name: "nbUser",
161
157
  min: 0,
162
- max: z(h).length - 1,
158
+ max: D(x).length - 1,
163
159
  value: q.value,
164
160
  onChange: A,
165
161
  onKeydown: Q,
166
- "aria-disabled": r.value,
162
+ "aria-disabled": o.value,
167
163
  class: "capacity-calculation__range"
168
164
  }, null, 40, sa),
169
- e("label", ua, n(a.value.toLocaleString()), 1)
165
+ e("label", ua, r(a.value.toLocaleString()), 1)
170
166
  ])
171
- ])) : f("", !0),
172
- Number.isInteger(c.value) ? (s(), B(W, {
167
+ ])) : w("", !0),
168
+ Number.isInteger(i.value) ? (s(), B(W, {
173
169
  key: 1,
174
170
  onClick: P(S, ["prevent"]),
175
- label: p.value.label,
176
- state: p.value.state
177
- }, D({ _: 2 }, [
171
+ label: d.value.label,
172
+ state: d.value.state
173
+ }, z({ _: 2 }, [
178
174
  t.value !== "initial" ? {
179
175
  name: "icon",
180
176
  fn: F(() => [
@@ -182,14 +178,13 @@ const ea = /* @__PURE__ */ m(X, [["render", aa]]), ta = { class: "capacity-calcu
182
178
  ]),
183
179
  key: "0"
184
180
  } : void 0
185
- ]), 1032, ["label", "state"])) : f("", !0),
186
- t.value !== "initial" ? (s(), u("p", da, n(l.$t("capacity-calculation.in.buttonLabel.information")), 1)) : f("", !0)
181
+ ]), 1032, ["label", "state"])) : w("", !0)
187
182
  ]));
188
183
  }
189
- }), _a = ".capacity-calculation__column--questions .capacity-calculation__fieldset[data-v-ec3b49a3]{border:none;display:flex;flex-direction:column;gap:12px;padding:0}.capacity-calculation__column--questions .capacity-calculation__legend[data-v-ec3b49a3]{font-weight:500;margin-bottom:16px}.capacity-calculation__column--questions .capacity-calculation__legend--user-question[data-v-ec3b49a3]{font-weight:500;margin:16px 0}.capacity-calculation__column--questions .capacity-calculation__ai-option[data-v-ec3b49a3]{border:1px solid #5e6c84;border-radius:8px;display:block;cursor:pointer;padding:12px;transition:all .2s ease}.capacity-calculation__column--questions .capacity-calculation__ai-option[data-v-ec3b49a3]:hover,.capacity-calculation__column--questions .capacity-calculation__ai-option[data-v-ec3b49a3]:focus{background-color:#f7f5ff;border-color:#613fdd;color:#291a5d}.capacity-calculation__column--questions .capacity-calculation__ai-option--active[data-v-ec3b49a3]{background-color:#f7f5ff;border-color:#613fdd;color:#291a5d}.capacity-calculation__column--questions .capacity-calculation__ai-option.disabled[data-v-ec3b49a3]{cursor:not-allowed;background:#f1f1f1;border-color:#5b5b5b}.capacity-calculation__column--questions .capacity-calculation__range-wrap[data-v-ec3b49a3]{display:flex;flex-direction:column;gap:8px}.capacity-calculation__column--questions .capacity-calculation__range[data-v-ec3b49a3]{width:100%;accent-color:#613fdd}.capacity-calculation__column--questions .capacity-calculation__range[aria-disabled=true][data-v-ec3b49a3]{opacity:.3;pointer-events:none}.capacity-calculation__column--questions .capacity-calculation__range-label[data-v-ec3b49a3]{display:flex;justify-content:center;font-weight:700;margin-block:-5px 10px}.capacity-calculation__column--questions .capacity-calculation__information[data-v-ec3b49a3]{color:#5e6c84;text-align:center;margin-block:.4rem 0;font-size:.9rem}", ma = /* @__PURE__ */ m(pa, [["styles", [_a]], ["__scopeId", "data-v-ec3b49a3"]]), va = { class: "capacity-calculation__column capacity-calculation__column--answers" }, ya = ["aria-level"], ba = { class: "capacity-calculation__card" }, fa = { class: "capacity-calculation__text capacity-calculation__text--strong" }, ga = ["src"], xa = { class: "capacity-calculation__text" }, ha = { class: "capacity-calculation__answers" }, wa = { class: "capacity-calculation__card" }, Ca = { class: "capacity-calculation__text capacity-calculation__text--strong" }, $a = ["src"], ka = { class: "capacity-calculation__text" }, La = {
184
+ }), pa = ".capacity-calculation__column--questions .capacity-calculation__fieldset[data-v-3ec4ec51]{border:none;display:flex;flex-direction:column;gap:12px;padding:0}.capacity-calculation__column--questions .capacity-calculation__legend[data-v-3ec4ec51]{font-weight:500;margin-bottom:16px}.capacity-calculation__column--questions .capacity-calculation__legend--user-question[data-v-3ec4ec51]{font-weight:500;margin:16px 0}.capacity-calculation__column--questions .capacity-calculation__ai-option[data-v-3ec4ec51]{border:1px solid #5e6c84;border-radius:8px;display:block;cursor:pointer;padding:12px;transition:all .2s ease}.capacity-calculation__column--questions .capacity-calculation__ai-option[data-v-3ec4ec51]:hover,.capacity-calculation__column--questions .capacity-calculation__ai-option[data-v-3ec4ec51]:focus{background-color:#f7f5ff;border-color:#613fdd;color:#291a5d}.capacity-calculation__column--questions .capacity-calculation__ai-option--active[data-v-3ec4ec51]{background-color:#f7f5ff;border-color:#613fdd;color:#291a5d}.capacity-calculation__column--questions .capacity-calculation__ai-option.disabled[data-v-3ec4ec51]{cursor:not-allowed;background:#f1f1f1;border-color:#5b5b5b}.capacity-calculation__column--questions .capacity-calculation__range-wrap[data-v-3ec4ec51]{display:flex;flex-direction:column;gap:8px}.capacity-calculation__column--questions .capacity-calculation__range[data-v-3ec4ec51]{width:100%;accent-color:#613fdd}.capacity-calculation__column--questions .capacity-calculation__range[aria-disabled=true][data-v-3ec4ec51]{opacity:.3;pointer-events:none}.capacity-calculation__column--questions .capacity-calculation__range-label[data-v-3ec4ec51]{display:flex;justify-content:center;font-weight:700;margin-block:-5px 10px}", _a = /* @__PURE__ */ m(da, [["styles", [pa]], ["__scopeId", "data-v-3ec4ec51"]]), ma = { class: "capacity-calculation__column capacity-calculation__column--answers" }, va = ["aria-level"], ya = { class: "capacity-calculation__card" }, fa = { class: "capacity-calculation__text capacity-calculation__text--strong" }, ba = ["src"], ga = { class: "capacity-calculation__text" }, xa = { class: "capacity-calculation__answers" }, ha = { class: "capacity-calculation__card" }, wa = { class: "capacity-calculation__text capacity-calculation__text--strong" }, Ca = ["src"], $a = { class: "capacity-calculation__text" }, ka = {
190
185
  key: 0,
191
186
  class: "capacity-calculation__card capacity-calculation__card--retry"
192
- }, Na = /* @__PURE__ */ x({
187
+ }, La = /* @__PURE__ */ g({
193
188
  __name: "Answers.ce",
194
189
  props: {
195
190
  currentLevel: { type: String },
@@ -197,83 +192,83 @@ const ea = /* @__PURE__ */ m(X, [["render", aa]]), ta = { class: "capacity-calcu
197
192
  titleLevel: { type: Number },
198
193
  images: { type: Object }
199
194
  },
200
- setup(o) {
201
- const i = o, d = g(() => ({
202
- imageSrc: i.images[i.currentLevel].consumptionImg,
203
- label: `capacity-calculation.out.consumption.${i.currentLevel}`
204
- })), c = g(() => ({
205
- imageSrc: i.images[i.currentLevel].capacityImg,
206
- label: `capacity-calculation.out.capacity.${i.currentLevel}`
195
+ setup(n) {
196
+ const c = n, u = b(() => ({
197
+ imageSrc: c.images[c.currentLevel].consumptionImg,
198
+ label: `capacity-calculation.out.consumption.${c.currentLevel}`
199
+ })), i = b(() => ({
200
+ imageSrc: c.images[c.currentLevel].capacityImg,
201
+ label: `capacity-calculation.out.capacity.${c.currentLevel}`
207
202
  }));
208
- return (a, t) => (s(), u("div", va, [
203
+ return (a, t) => (s(), p("div", ma, [
209
204
  e("div", {
210
205
  role: "heading",
211
206
  "aria-level": a.titleLevel + 1,
212
207
  class: "capacity-calculation__subtitle"
213
- }, n(a.$t("capacity-calculation.out.title")), 9, ya),
214
- e("div", ba, [
215
- e("p", fa, n(a.$t("capacity-calculation.out.capacity.label")), 1),
208
+ }, r(a.$t("capacity-calculation.out.title")), 9, va),
209
+ e("div", ya, [
210
+ e("p", fa, r(a.$t("capacity-calculation.out.capacity.label")), 1),
216
211
  e("img", {
217
- src: c.value.imageSrc,
212
+ src: i.value.imageSrc,
218
213
  alt: "",
219
214
  class: "capacity-calculation__img--capacity"
220
- }, null, 8, ga),
221
- e("p", xa, n(a.$t(c.value.label)), 1)
215
+ }, null, 8, ba),
216
+ e("p", ga, r(a.$t(i.value.label)), 1)
222
217
  ]),
223
- e("div", ha, [
224
- e("div", wa, [
225
- e("p", Ca, n(a.$t("capacity-calculation.out.consumption.label")), 1),
218
+ e("div", xa, [
219
+ e("div", ha, [
220
+ e("p", wa, r(a.$t("capacity-calculation.out.consumption.label")), 1),
226
221
  e("img", {
227
- src: d.value.imageSrc,
222
+ src: u.value.imageSrc,
228
223
  alt: "",
229
224
  class: "capacity-calculation__img"
230
- }, null, 8, $a),
231
- e("p", ka, n(a.$t(d.value.label)), 1)
225
+ }, null, 8, Ca),
226
+ e("p", $a, r(a.$t(u.value.label)), 1)
232
227
  ]),
233
- a.currentLevel !== "initial" ? (s(), u("div", La, " 🧐 " + n(a.$t("capacity-calculation.out.tryAgain")), 1)) : f("", !0)
228
+ a.currentLevel !== "initial" ? (s(), p("div", ka, " 🧐 " + r(a.$t("capacity-calculation.out.tryAgain")), 1)) : w("", !0)
234
229
  ])
235
230
  ]));
236
231
  }
237
- }), qa = ".capacity-calculation__column--answers[data-v-db0665df]{display:flex;gap:.3rem}.capacity-calculation__column--answers .capacity-calculation__answers[data-v-db0665df]{display:flex;flex-direction:column;align-items:stretch;gap:8px;justify-content:center;margin-bottom:1rem}.capacity-calculation__column--answers .capacity-calculation__card[data-v-db0665df]{background:#ffefc0;border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px}.capacity-calculation__column--answers .capacity-calculation__card--retry[data-v-db0665df]{background:#e8f3ef;border-radius:16px;font-size:1rem;font-weight:700;line-height:1.5rem;text-align:center}.capacity-calculation__column--answers .capacity-calculation__text[data-v-db0665df]{font-size:.875rem;font-weight:400;line-height:1.5rem;text-align:center;margin:0}.capacity-calculation__column--answers .capacity-calculation__text--strong[data-v-db0665df]{font-weight:700;margin:0}.capacity-calculation__column--answers img[data-v-db0665df]{max-width:100%}.capacity-calculation__column--answers .capacity-calculation__img--capacity[data-v-db0665df]{max-width:120px}@media (max-width: 720px){.capacity-calculation__column--answers .capacity-calculation__answers[data-v-db0665df]{flex-direction:row;justify-content:center;gap:16px}.capacity-calculation__column--answers .capacity-calculation__answers .capacity-calculation__card--retry[data-v-db0665df]{display:flex;justify-content:center}}", Aa = /* @__PURE__ */ m(Na, [["styles", [qa]], ["__scopeId", "data-v-db0665df"]]), Qa = { class: "capacity-calculation" }, Sa = ["aria-level"], Ua = { class: "capacity-calculation__grid" }, Ia = /* @__PURE__ */ x({
232
+ }), Na = ".capacity-calculation__column--answers[data-v-db0665df]{display:flex;gap:.3rem}.capacity-calculation__column--answers .capacity-calculation__answers[data-v-db0665df]{display:flex;flex-direction:column;align-items:stretch;gap:8px;justify-content:center;margin-bottom:1rem}.capacity-calculation__column--answers .capacity-calculation__card[data-v-db0665df]{background:#ffefc0;border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px}.capacity-calculation__column--answers .capacity-calculation__card--retry[data-v-db0665df]{background:#e8f3ef;border-radius:16px;font-size:1rem;font-weight:700;line-height:1.5rem;text-align:center}.capacity-calculation__column--answers .capacity-calculation__text[data-v-db0665df]{font-size:.875rem;font-weight:400;line-height:1.5rem;text-align:center;margin:0}.capacity-calculation__column--answers .capacity-calculation__text--strong[data-v-db0665df]{font-weight:700;margin:0}.capacity-calculation__column--answers img[data-v-db0665df]{max-width:100%}.capacity-calculation__column--answers .capacity-calculation__img--capacity[data-v-db0665df]{max-width:120px}@media (max-width: 720px){.capacity-calculation__column--answers .capacity-calculation__answers[data-v-db0665df]{flex-direction:row;justify-content:center;gap:16px}.capacity-calculation__column--answers .capacity-calculation__answers .capacity-calculation__card--retry[data-v-db0665df]{display:flex;justify-content:center}}", qa = /* @__PURE__ */ m(La, [["styles", [Na]], ["__scopeId", "data-v-db0665df"]]), Aa = { class: "capacity-calculation" }, Qa = ["aria-level"], Sa = { class: "capacity-calculation__grid" }, Ua = /* @__PURE__ */ g({
238
233
  __name: "CapacityCalculation.ce",
239
234
  props: {
240
235
  titleLevel: { default: 2, type: Number },
241
236
  images: { type: Object }
242
237
  },
243
- setup(o, { expose: i }) {
244
- const d = b(void 0), c = b(10), a = b("initial");
238
+ setup(n, { expose: c }) {
239
+ const u = f(void 0), i = f(10), a = f("initial");
245
240
  function t() {
246
- d.value = void 0, c.value = 10, a.value = "initial";
241
+ u.value = void 0, i.value = 10, a.value = "initial";
247
242
  }
248
- return i({ reset: t }), (r, p) => (s(), u("div", Qa, [
243
+ return c({ reset: t }), (o, d) => (s(), p("div", Aa, [
249
244
  e("div", {
250
245
  role: "heading",
251
- "aria-level": r.titleLevel,
246
+ "aria-level": o.titleLevel,
252
247
  class: "capacity-calculation__title"
253
- }, n(r.$t("capacity-calculation.title")), 9, Sa),
254
- e("div", Ua, [
255
- C(ma, {
256
- "title-level": r.titleLevel,
257
- "selected-ai-question": d.value,
258
- "onUpdate:selectedAiQuestion": p[0] || (p[0] = (_) => d.value = _),
259
- "selected-nb-user": c.value,
260
- "onUpdate:selectedNbUser": p[1] || (p[1] = (_) => c.value = _),
248
+ }, r(o.$t("capacity-calculation.title")), 9, Qa),
249
+ e("div", Sa, [
250
+ C(_a, {
251
+ "title-level": o.titleLevel,
252
+ "selected-ai-question": u.value,
253
+ "onUpdate:selectedAiQuestion": d[0] || (d[0] = (_) => u.value = _),
254
+ "selected-nb-user": i.value,
255
+ "onUpdate:selectedNbUser": d[1] || (d[1] = (_) => i.value = _),
261
256
  "current-level": a.value,
262
- "onUpdate:currentLevel": p[2] || (p[2] = (_) => a.value = _)
257
+ "onUpdate:currentLevel": d[2] || (d[2] = (_) => a.value = _)
263
258
  }, null, 8, ["title-level", "selected-ai-question", "selected-nb-user", "current-level"]),
264
- C(Aa, {
265
- "title-level": r.titleLevel,
266
- "selected-nb-user": c.value,
259
+ C(qa, {
260
+ "title-level": o.titleLevel,
261
+ "selected-nb-user": i.value,
267
262
  "current-level": a.value,
268
- images: r.images
263
+ images: o.images
269
264
  }, null, 8, ["title-level", "selected-nb-user", "current-level", "images"])
270
265
  ])
271
266
  ]));
272
267
  }
273
- }), ja = ".capacity-calculation__title,.capacity-calculation__subtitle{color:#122647;font-family:Nunito,serif;font-weight:700;text-align:center}.capacity-calculation__title{font-size:1.75rem;line-height:2.25rem;margin-bottom:1rem}.capacity-calculation__subtitle{font-size:1.25rem;line-height:1.75rem;margin-bottom:1rem}.capacity-calculation__grid{display:grid;gap:1rem;grid-template-columns:5fr 2.6fr}.capacity-calculation__grid>.capacity-calculation__column{display:flex;background:#fff;border-radius:8px;border:1px solid #b0d3f4;flex-direction:column;padding:16px}@media screen and (max-width: 720px){.capacity-calculation__grid{display:flex;flex-direction:column}}", Ma = /* @__PURE__ */ m(Ia, [["styles", [ja]]]);
274
- T(/* @__PURE__ */ Object.assign({ "./locales/fr.json": G })).catch((o) => console.error(o));
275
- window.customElements.define("capacity-calculation", R(Ma, {
276
- configureApp(o) {
277
- $.changeLanguage(document?.documentElement?.lang || navigator.language), o.use(H, { i18next: $ });
268
+ }), Ia = ".capacity-calculation__title,.capacity-calculation__subtitle{color:#122647;font-family:Nunito,serif;font-weight:700;text-align:center}.capacity-calculation__title{font-size:1.75rem;line-height:2.25rem;margin-bottom:1rem}.capacity-calculation__subtitle{font-size:1.25rem;line-height:1.75rem;margin-bottom:1rem}.capacity-calculation__grid{display:grid;gap:1rem;grid-template-columns:5fr 2.6fr}.capacity-calculation__grid>.capacity-calculation__column{display:flex;background:#fff;border-radius:8px;border:1px solid #b0d3f4;flex-direction:column;padding:16px}@media screen and (max-width: 720px){.capacity-calculation__grid{display:flex;flex-direction:column}}", ja = /* @__PURE__ */ m(Ua, [["styles", [Ia]]]);
269
+ T(/* @__PURE__ */ Object.assign({ "./locales/fr.json": G })).catch((n) => console.error(n));
270
+ window.customElements.define("capacity-calculation", R(ja, {
271
+ configureApp(n) {
272
+ $.changeLanguage(document?.documentElement?.lang || navigator.language), n.use(H, { i18next: $ });
278
273
  }
279
274
  }));
@@ -1,4 +1,4 @@
1
- import { a as I, g as M, r as u, h as S, j as R, k as c, c as d, o as v, f as p, l as B, m as E, F as O, b as W, q as g, v as j, t as D, x as F, _ as L, d as N } from "../_plugin-vue_export-helper-BaT1QC5Q.js";
1
+ import { a as I, g as M, r as u, h as S, j as R, k as c, c as d, o as v, f as p, l as B, m as E, F as O, b as W, q as g, v as j, t as D, x as F, _ as L, d as N } from "../_plugin-vue_export-helper-CwwQJ1m6.js";
2
2
  const P = { name: "image-map" }, q = ["shape", "coords", "onMouseenter", "onClick"], T = /* @__PURE__ */ I({
3
3
  __name: "ClickableImage.ce",
4
4
  props: {
@@ -1,17 +1,17 @@
1
- import { a as w, c as n, o as t, f as e, t as r, x as C, _ as x, r as p, y as g, F as v, b as h, H as P, e as B, d as A } from "../_plugin-vue_export-helper-BaT1QC5Q.js";
2
- import { a as M, i as f, b as j } from "../i18n-BOk_ejZ-.js";
3
- import { L as y } from "../LLMMessage.ce-55YTC7a9.js";
1
+ import { a as w, c as n, o as t, f as e, t as r, x as C, _ as x, r as p, y as g, F as v, b as h, D as P, e as B, d as A } from "../_plugin-vue_export-helper-CwwQJ1m6.js";
2
+ import { a as M, i as f, b as j } from "../i18n-gncqQJ0G.js";
3
+ import { L as y } from "../LLMMessage.ce-DnZ8kE2i.js";
4
4
  const z = {}, N = {}, I = {
5
5
  "complete-phrase": { iaSuggestions: "🧠 Suggestions de l'IA", explanation: "La barre indique la probabilité de chaque mot. Plus elle est longue, plus le mot est probable dans ce contexte.", ariaLabelDescription: "Le mot {{name}} a une probabilité de {{percent}}%", clickHereButton: "Cliquez ici pour voir ce que l'IA va compléter", successfullyCompletedSentence: "🎉 Phrase complétée avec succès !" }
6
- }, T = {}, q = {}, E = { class: "probability-bar" }, D = { "aria-hidden": "true" }, F = { class: "sr-only" }, H = /* @__PURE__ */ w({
6
+ }, T = {}, q = {}, D = { class: "probability-bar" }, E = { "aria-hidden": "true" }, F = { class: "sr-only" }, O = /* @__PURE__ */ w({
7
7
  __name: "ProbabilityBar.ce",
8
8
  props: {
9
9
  name: { type: String },
10
10
  percent: { type: Number }
11
11
  },
12
12
  setup(i) {
13
- return (o, s) => (t(), n("div", E, [
14
- e("p", D, r(o.name), 1),
13
+ return (o, s) => (t(), n("div", D, [
14
+ e("p", E, r(o.name), 1),
15
15
  e("p", F, r(o.$t("complete-phrase.ariaLabelDescription", { name: o.name, percent: o.percent })), 1),
16
16
  e("div", {
17
17
  style: C(`width: ${o.percent}%`),
@@ -24,7 +24,7 @@ const z = {}, N = {}, I = {
24
24
  }, null, -1))
25
25
  ]));
26
26
  }
27
- }), O = ".probability-bar[data-v-d89fc563]{position:relative;padding-bottom:10px;border-bottom:1px solid #cbcbcb}.probability-bar__percent[data-v-d89fc563]{position:absolute;left:0;z-index:2;height:5px;border-radius:5px;background-color:#235386}.probability-bar__background[data-v-d89fc563]{position:absolute;left:0;z-index:1;width:100%;height:5px;border-radius:5px;background-color:#92a1b2}.probability-bar p[data-v-d89fc563]{margin-bottom:0}.sr-only[data-v-d89fc563]{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}", R = /* @__PURE__ */ x(H, [["styles", [O]], ["__scopeId", "data-v-d89fc563"]]), V = { class: "container" }, W = { class: "container__left-side" }, G = { class: "container__conversation" }, J = ["aria-describedby"], K = {
27
+ }), R = ".probability-bar[data-v-d89fc563]{position:relative;padding-bottom:10px;border-bottom:1px solid #cbcbcb}.probability-bar__percent[data-v-d89fc563]{position:absolute;left:0;z-index:2;height:5px;border-radius:5px;background-color:#235386}.probability-bar__background[data-v-d89fc563]{position:absolute;left:0;z-index:1;width:100%;height:5px;border-radius:5px;background-color:#92a1b2}.probability-bar p[data-v-d89fc563]{margin-bottom:0}.sr-only[data-v-d89fc563]{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}", H = /* @__PURE__ */ x(O, [["styles", [R]], ["__scopeId", "data-v-d89fc563"]]), V = { class: "container" }, W = { class: "container__left-side" }, G = { class: "container__conversation" }, J = ["aria-describedby"], K = {
28
28
  key: 1,
29
29
  class: "container__successSentence"
30
30
  }, Q = { class: "container__right-side" }, U = ["aria-level"], X = { "aria-hidden": "true" }, Y = { class: "probabilities" }, Z = ["id", "aria-hidden"], ee = /* @__PURE__ */ w({
@@ -81,7 +81,7 @@ const z = {}, N = {}, I = {
81
81
  id: `currentProbability${d}`,
82
82
  "aria-hidden": d !== l.value
83
83
  }, [
84
- (t(!0), n(v, null, h($, (m, L) => (t(), B(R, {
84
+ (t(!0), n(v, null, h($, (m, L) => (t(), B(H, {
85
85
  name: m.name,
86
86
  percent: m.percent,
87
87
  key: L
@@ -1,108 +1,109 @@
1
- import { a as h, c as o, o as s, F as b, f as t, H as m, G as f, t as g, J as x, _, r as k, b as w, E as v, y as F, d as L } from "../_plugin-vue_export-helper-BaT1QC5Q.js";
2
- import { a as C, i as u, b as S } from "../i18n-BOk_ejZ-.js";
3
- import { s as z } from "../shuffled-CzcgAL34.js";
4
- const $ = {
1
+ import { a as b, c as o, o as s, F as u, f as t, D as g, I as f, t as p, E as _, _ as h, r as x, b as w, H as v, y as k, d as F } from "../_plugin-vue_export-helper-CwwQJ1m6.js";
2
+ import { a as L, i as m, b as C } from "../i18n-gncqQJ0G.js";
3
+ const S = {
5
4
  "flip-cards": {}
6
- }, j = ["aria-hidden"], E = ["src"], N = ["title-level"], B = ["aria-hidden"], U = ["aria-level"], K = { class: "description" }, R = { class: "image-container" }, V = ["src"], A = /* @__PURE__ */ h({
5
+ }, $ = ["aria-hidden"], z = ["src"], N = ["title-level"], j = ["aria-hidden"], E = ["aria-level"], B = { class: "description" }, U = { class: "image-container" }, D = ["src"], I = /* @__PURE__ */ b({
7
6
  __name: "FlipCard.ce",
8
7
  props: {
8
+ titleLevel: { type: Number },
9
9
  color: { type: String },
10
10
  description: { type: String },
11
11
  icon: { type: String },
12
12
  image: { type: String },
13
13
  isFlipped: { type: Boolean },
14
- name: { type: String },
15
- titleLevel: { type: Number }
14
+ name: { type: String }
16
15
  },
17
- setup(i) {
18
- const l = new URL(i.icon, import.meta.url).href, d = new URL(i.image, import.meta.url).href;
19
- return (a, c) => (s(), o(b, null, [
16
+ setup(r) {
17
+ const d = new URL(r.icon, import.meta.url).href, l = new URL(r.image, import.meta.url).href;
18
+ return (e, i) => (s(), o(u, null, [
20
19
  t("div", {
21
- class: m(["card recto", `${a.color}`]),
22
- "aria-hidden": a.isFlipped ? "true" : "false"
20
+ class: g(["card recto", `${e.color}`]),
21
+ "aria-hidden": e.isFlipped ? "true" : "false"
23
22
  }, [
24
23
  t("img", {
25
24
  class: "icon",
26
- src: f(l),
25
+ src: f(d),
27
26
  alt: ""
28
- }, null, 8, E),
27
+ }, null, 8, z),
29
28
  t("div", {
30
29
  role: "heading",
31
- "title-level": a.titleLevel,
30
+ "title-level": e.titleLevel,
32
31
  class: "title"
33
- }, g(a.name), 9, N)
34
- ], 10, j),
32
+ }, p(e.name), 9, N)
33
+ ], 10, $),
35
34
  t("div", {
36
- class: m(["card verso", { flipped: a.isFlipped, [a.color]: a.color }]),
37
- "aria-hidden": a.isFlipped ? "false" : "true"
35
+ class: g(["card verso", { flipped: e.isFlipped, [e.color]: e.color }]),
36
+ "aria-hidden": e.isFlipped ? "false" : "true"
38
37
  }, [
39
38
  t("div", {
40
39
  role: "heading",
41
- "aria-level": a.titleLevel,
40
+ "aria-level": e.titleLevel,
42
41
  class: "title"
43
- }, g(a.name), 9, U),
44
- t("p", K, g(a.description), 1),
45
- t("div", R, [
46
- f(d) ? (s(), o("img", {
42
+ }, p(e.name), 9, E),
43
+ t("p", B, p(e.description), 1),
44
+ t("div", U, [
45
+ f(l) ? (s(), o("img", {
47
46
  key: 0,
48
- src: f(d),
47
+ src: f(l),
49
48
  alt: ""
50
- }, null, 8, V)) : x("", !0)
49
+ }, null, 8, D)) : _("", !0)
51
50
  ])
52
- ], 10, B)
51
+ ], 10, j)
53
52
  ], 64));
54
53
  }
55
- }), D = "[data-v-1d94fd65]{box-sizing:border-box}.card[data-v-1d94fd65]{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;border-radius:12px;color:#253858;display:flex;flex-direction:column;gap:1.2rem;inset:0;justify-content:center;padding:18px;position:absolute;transform:translateZ(0);transition:transform ease .5s}.card .title[data-v-1d94fd65]{font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;line-height:29px}.card.recto.red[data-v-1d94fd65]{background:linear-gradient(150deg,#fff,#ff7373)}.card.recto.yellow[data-v-1d94fd65]{background:linear-gradient(150deg,#fff,#ffec73)}.card.recto.blue[data-v-1d94fd65]{background:linear-gradient(150deg,#fff,#2491ff)}.card.recto.purple[data-v-1d94fd65]{background:linear-gradient(150deg,#fff,#9177f2)}.card.recto.green[data-v-1d94fd65]{background:linear-gradient(150deg,#fff,#52d987)}.card.recto.pink[data-v-1d94fd65]{background:linear-gradient(150deg,#fff,#f041bf)}.card.recto .icon[data-v-1d94fd65]{display:block;height:auto;width:40px}.card.verso[data-v-1d94fd65]{line-height:1.2rem;padding:8px;text-align:center;transform:rotateY(180deg) translateZ(0)}.card.verso.flipped.red[data-v-1d94fd65]{border:2px solid #ff7373}.card.verso.flipped.yellow[data-v-1d94fd65]{border:2px solid #ffec73}.card.verso.flipped.blue[data-v-1d94fd65]{border:2px solid #2491ff}.card.verso.flipped.purple[data-v-1d94fd65]{border:2px solid #9177f2}.card.verso.flipped.green[data-v-1d94fd65]{border:2px solid #52d987}.card.verso.flipped.pink[data-v-1d94fd65]{border:2px solid #f041bf}.card.verso .description[data-v-1d94fd65]{font-size:.9rem;margin:0 0 8px}.card.verso .image-container[data-v-1d94fd65]{margin:8px 8px 16px;overflow:hidden;width:160px}.card.verso img[data-v-1d94fd65]{display:block;height:100%;object-fit:contain;width:100%}", G = /* @__PURE__ */ _(A, [["styles", [D]], ["__scopeId", "data-v-1d94fd65"]]), I = ["aria-label"], Y = ["aria-expanded", "onClick", "onKeydown"], Z = { class: "flip-container" }, H = /* @__PURE__ */ h({
54
+ }), K = "[data-v-897a493f]{box-sizing:border-box}.card[data-v-897a493f]{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;border-radius:12px;color:#253858;display:flex;flex-direction:column;gap:1.2rem;inset:0;justify-content:center;padding:18px;position:absolute;transform:translateZ(0);transition:transform ease .5s}.card .title[data-v-897a493f]{font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;line-height:29px}.card.recto.red[data-v-897a493f]{background:linear-gradient(150deg,#fff,#ff7373)}.card.recto.yellow[data-v-897a493f]{background:linear-gradient(150deg,#fff,#ffec73)}.card.recto.blue[data-v-897a493f]{background:linear-gradient(150deg,#fff,#2491ff)}.card.recto.purple[data-v-897a493f]{background:linear-gradient(150deg,#fff,#9177f2)}.card.recto.green[data-v-897a493f]{background:linear-gradient(150deg,#fff,#52d987)}.card.recto.pink[data-v-897a493f]{background:linear-gradient(150deg,#fff,#f041bf)}.card.recto .icon[data-v-897a493f]{display:block;height:auto;width:40px}.card.verso[data-v-897a493f]{line-height:1.2rem;padding:8px;text-align:center;transform:rotateY(180deg) translateZ(0)}.card.verso.flipped.red[data-v-897a493f]{border:2px solid #ff7373}.card.verso.flipped.yellow[data-v-897a493f]{border:2px solid #ffec73}.card.verso.flipped.blue[data-v-897a493f]{border:2px solid #2491ff}.card.verso.flipped.purple[data-v-897a493f]{border:2px solid #9177f2}.card.verso.flipped.green[data-v-897a493f]{border:2px solid #52d987}.card.verso.flipped.pink[data-v-897a493f]{border:2px solid #f041bf}.card.verso .description[data-v-897a493f]{font-size:.9rem;margin:0 0 8px}.card.verso .image-container[data-v-897a493f]{margin:8px 8px 16px;overflow:hidden;width:160px}.card.verso img[data-v-897a493f]{display:block;height:100%;object-fit:contain;width:100%}", R = /* @__PURE__ */ h(I, [["styles", [K]], ["__scopeId", "data-v-897a493f"]]), V = { class: "flip-cards" }, A = ["title-level"], Y = ["aria-expanded", "onClick", "onKeydown"], Z = { class: "flip-container" }, G = /* @__PURE__ */ b({
56
55
  __name: "FlipCards.ce",
57
56
  props: {
57
+ titleLevel: { default: 2, type: Number },
58
58
  name: { type: String },
59
59
  cardList: { type: Array }
60
60
  },
61
- setup(i) {
62
- const l = i, d = z(["red", "yellow", "blue", "purple", "green", "pink"]), a = k(
63
- l.cardList.map((r, p) => ({
64
- ...r,
65
- color: d[p % d.length],
66
- isFlipped: !1,
67
- titleLevel: r.titleLevel ?? 2
61
+ setup(r) {
62
+ const d = ["red", "yellow", "blue", "purple", "green", "pink"], l = x(
63
+ r.cardList.map((i, c) => ({
64
+ ...i,
65
+ color: d[c % d.length],
66
+ isFlipped: !1
68
67
  }))
69
- ), c = (r, p) => {
70
- p.preventDefault(), r.isFlipped = !r.isFlipped;
68
+ ), e = (i, c) => {
69
+ c.preventDefault(), i.isFlipped = !i.isFlipped;
71
70
  };
72
- return (r, p) => (s(), o("div", {
73
- class: "flip-cards",
74
- "aria-label": l.name
75
- }, [
76
- (s(!0), o(b, null, w(a.value, (e, y) => (s(), o("div", {
71
+ return (i, c) => (s(), o("div", V, [
72
+ t("div", {
73
+ role: "heading",
74
+ "title-level": i.titleLevel,
75
+ class: "sr-only"
76
+ }, p(i.name), 9, A),
77
+ (s(!0), o(u, null, w(l.value, (a, y) => (s(), o("div", {
77
78
  key: y,
78
- class: m(["card-container", { flipped: e.isFlipped, [e.color]: e.color }]),
79
+ class: g(["card-container", { flipped: a.isFlipped, [a.color]: a.color }]),
79
80
  role: "button",
80
81
  tabindex: "0",
81
- "aria-expanded": e.isFlipped,
82
- onClick: (n) => c(e, n),
82
+ "aria-expanded": a.isFlipped,
83
+ onClick: (n) => e(a, n),
83
84
  onKeydown: [
84
- v((n) => c(e, n), ["enter"]),
85
- v((n) => c(e, n), ["space"])
85
+ v((n) => e(a, n), ["enter"]),
86
+ v((n) => e(a, n), ["space"])
86
87
  ]
87
88
  }, [
88
89
  t("div", Z, [
89
- F(G, {
90
- color: e.color,
91
- description: e.description,
92
- icon: e.icon,
93
- image: e.image,
94
- "is-flipped": e.isFlipped,
95
- name: e.name,
96
- "title-level": e.titleLevel
90
+ k(R, {
91
+ color: a.color,
92
+ description: a.description,
93
+ icon: a.icon,
94
+ image: a.image,
95
+ "is-flipped": a.isFlipped,
96
+ name: a.name,
97
+ "title-level": i.titleLevel + 1
97
98
  }, null, 8, ["color", "description", "icon", "image", "is-flipped", "name", "title-level"])
98
99
  ])
99
100
  ], 42, Y))), 128))
100
- ], 8, I));
101
+ ]));
101
102
  }
102
- }), J = "[data-v-85c872ca]{box-sizing:border-box}.flip-cards[data-v-85c872ca]{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;max-width:100%;padding:0}.flip-cards .card-container[data-v-85c872ca]{cursor:pointer;flex:0 0 180px;height:250px;margin:0;perspective:1200px;outline:none;transform:scale(1);transition:transform ease .5s}.flip-cards .card-container[data-v-85c872ca]:hover,.flip-cards .card-container[data-v-85c872ca]:focus{transform:scale(1.05);transition:transform ease .5s;outline:none}.flip-cards .card-container .flip-container[data-v-85c872ca]{display:block;position:relative;width:100%;height:100%;padding:18px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);will-change:transform}.flip-cards .card-container.flipped .flip-container[data-v-85c872ca]{transform:rotateY(180deg)}", O = /* @__PURE__ */ _(H, [["styles", [J]], ["__scopeId", "data-v-85c872ca"]]);
103
- C(/* @__PURE__ */ Object.assign({ "./locales/fr.json": $ })).catch((i) => console.error(i));
104
- window.customElements.define("flip-cards", L(O, {
105
- configureApp(i) {
106
- u.changeLanguage(document?.documentElement?.lang || navigator.language), i.use(S, { i18next: u });
103
+ }), H = "[data-v-b2effb01]{box-sizing:border-box}.sr-only[data-v-b2effb01]{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.flip-cards[data-v-b2effb01]{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;max-width:100%;padding:0}.flip-cards .card-container[data-v-b2effb01]{cursor:pointer;flex:0 0 180px;height:250px;margin:0;perspective:1200px;outline:none;transform:scale(1);transition:transform ease .5s}.flip-cards .card-container[data-v-b2effb01]:hover,.flip-cards .card-container[data-v-b2effb01]:focus{transform:scale(1.05);transition:transform ease .5s;outline:none}.flip-cards .card-container .flip-container[data-v-b2effb01]{display:block;position:relative;width:100%;height:100%;padding:18px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);will-change:transform}.flip-cards .card-container.flipped .flip-container[data-v-b2effb01]{transform:rotateY(180deg)}", O = /* @__PURE__ */ h(G, [["styles", [H]], ["__scopeId", "data-v-b2effb01"]]);
104
+ L(/* @__PURE__ */ Object.assign({ "./locales/fr.json": S })).catch((r) => console.error(r));
105
+ window.customElements.define("flip-cards", F(O, {
106
+ configureApp(r) {
107
+ m.changeLanguage(document?.documentElement?.lang || navigator.language), r.use(C, { i18next: m });
107
108
  }
108
109
  }));
@@ -1,4 +1,4 @@
1
- import { d as e } from "../_plugin-vue_export-helper-BaT1QC5Q.js";
2
- import { I as m } from "../ImageQuiz.ce-BU1wvQqO.js";
1
+ import { d as e } from "../_plugin-vue_export-helper-CwwQJ1m6.js";
2
+ import { I as m } from "../ImageQuiz.ce-BLOWdEiw.js";
3
3
  window.customElements.define("image-quiz", e(m));
4
4
  window.customElements.define("qcu-image", e(m));