@1024pix/epreuves-components 1.4.3 → 1.4.5
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.
- package/dist/{ImageQuiz.ce-BU1wvQqO.js → ImageQuiz.ce-BLOWdEiw.js} +66 -56
- package/dist/{LLMMessage.ce-55YTC7a9.js → LLMMessage.ce-DnZ8kE2i.js} +7 -7
- package/dist/{Loading.ce-BQOiwGj0.js → Loading.ce-FI776zdC.js} +1 -1
- package/dist/{NavigationButton.ce-CgyZHLpi.js → NavigationButton.ce-gp04deGY.js} +8 -8
- package/dist/{_plugin-vue_export-helper-BaT1QC5Q.js → _plugin-vue_export-helper-CwwQJ1m6.js} +6 -6
- package/dist/components/calcul-impact.ce.js.js +12 -12
- package/dist/components/capacity-calculation.ce.js.js +95 -100
- package/dist/components/clickable-image.ce.js.js +1 -1
- package/dist/components/complete-phrase.ce.js.js +35 -35
- package/dist/components/flip-cards.ce.js.js +62 -61
- package/dist/components/image-quiz.ce.js.js +2 -2
- package/dist/components/image-quizzes.ce.js.js +2 -2
- package/dist/components/llm-compare-messages.ce.js.js +3 -3
- package/dist/components/llm-messages.ce.js.js +3 -3
- package/dist/components/llm-prompt-select.ce.js.js +1 -1
- package/dist/components/message-conversation.ce.js.js +11 -11
- package/dist/components/pix-article.ce.js.js +2 -2
- package/dist/components/pix-carousel.ce.js.js +7 -7
- package/dist/components/pix-cursor.ce.js.js +12 -12
- package/dist/components/qcm-deepfake.ce.js.js +10 -10
- package/dist/{i18n-BOk_ejZ-.js → i18n-gncqQJ0G.js} +1 -1
- package/dist/schema.js +2 -2
- package/dist/{shadow-dom-CLVtaG5r.js → shadow-dom-MxYtPVXS.js} +1 -1
- package/package.json +1 -1
- package/dist/shuffled-CzcgAL34.js +0 -14
|
@@ -1,45 +1,42 @@
|
|
|
1
|
-
import { a as
|
|
2
|
-
import { i as $, a as T, b as H } from "../i18n-
|
|
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
|
|
5
|
-
},
|
|
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(
|
|
13
|
-
return (
|
|
14
|
-
class: k(["pix-button",
|
|
15
|
-
"aria-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(
|
|
18
|
-
L(" " +
|
|
19
|
-
], 10,
|
|
17
|
+
M(c.$slots, "icon"),
|
|
18
|
+
L(" " + r(c.label), 1)
|
|
19
|
+
], 10, K));
|
|
20
20
|
}
|
|
21
|
-
}),
|
|
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(
|
|
29
|
-
return s(),
|
|
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" },
|
|
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(
|
|
65
|
-
const
|
|
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,
|
|
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
|
-
]),
|
|
103
|
-
const l =
|
|
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 =
|
|
103
|
+
a.value = x[Number(v.value)];
|
|
108
104
|
}, Q = (l) => {
|
|
109
|
-
if (
|
|
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
|
-
|
|
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 (
|
|
117
|
+
if (o.value) {
|
|
122
118
|
l.preventDefault();
|
|
123
119
|
return;
|
|
124
120
|
}
|
|
125
|
-
|
|
121
|
+
i.value = Number(l.target.value);
|
|
126
122
|
}
|
|
127
123
|
function I() {
|
|
128
|
-
|
|
124
|
+
i.value = void 0, a.value = 10, t.value = "initial", o.value = !1;
|
|
129
125
|
}
|
|
130
|
-
return (l, v) => (s(),
|
|
126
|
+
return (l, v) => (s(), p("div", ta, [
|
|
131
127
|
e("div", {
|
|
132
128
|
role: "heading",
|
|
133
|
-
"aria-level":
|
|
129
|
+
"aria-level": u,
|
|
134
130
|
class: "capacity-calculation__subtitle"
|
|
135
|
-
},
|
|
136
|
-
e("fieldset",
|
|
137
|
-
e("legend",
|
|
138
|
-
(s(!0),
|
|
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":
|
|
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":
|
|
140
|
+
"aria-disabled": o.value,
|
|
145
141
|
name: "ai-answer",
|
|
146
142
|
value: y,
|
|
147
143
|
onClick: U,
|
|
148
|
-
checked:
|
|
144
|
+
checked: i.value === y
|
|
149
145
|
}, null, 8, la),
|
|
150
|
-
L(" " +
|
|
146
|
+
L(" " + r(j), 1)
|
|
151
147
|
], 2)
|
|
152
148
|
]))), 128))
|
|
153
149
|
]),
|
|
154
|
-
Number.isInteger(
|
|
155
|
-
e("legend", oa,
|
|
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:
|
|
158
|
+
max: D(x).length - 1,
|
|
163
159
|
value: q.value,
|
|
164
160
|
onChange: A,
|
|
165
161
|
onKeydown: Q,
|
|
166
|
-
"aria-disabled":
|
|
162
|
+
"aria-disabled": o.value,
|
|
167
163
|
class: "capacity-calculation__range"
|
|
168
164
|
}, null, 40, sa),
|
|
169
|
-
e("label", ua,
|
|
165
|
+
e("label", ua, r(a.value.toLocaleString()), 1)
|
|
170
166
|
])
|
|
171
|
-
])) :
|
|
172
|
-
Number.isInteger(
|
|
167
|
+
])) : w("", !0),
|
|
168
|
+
Number.isInteger(i.value) ? (s(), B(W, {
|
|
173
169
|
key: 1,
|
|
174
170
|
onClick: P(S, ["prevent"]),
|
|
175
|
-
label:
|
|
176
|
-
state:
|
|
177
|
-
},
|
|
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"])) :
|
|
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
|
-
}),
|
|
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
|
-
},
|
|
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(
|
|
201
|
-
const
|
|
202
|
-
imageSrc:
|
|
203
|
-
label: `capacity-calculation.out.consumption.${
|
|
204
|
-
})),
|
|
205
|
-
imageSrc:
|
|
206
|
-
label: `capacity-calculation.out.capacity.${
|
|
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(),
|
|
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
|
-
},
|
|
214
|
-
e("div",
|
|
215
|
-
e("p", fa,
|
|
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:
|
|
212
|
+
src: i.value.imageSrc,
|
|
218
213
|
alt: "",
|
|
219
214
|
class: "capacity-calculation__img--capacity"
|
|
220
|
-
}, null, 8,
|
|
221
|
-
e("p",
|
|
215
|
+
}, null, 8, ba),
|
|
216
|
+
e("p", ga, r(a.$t(i.value.label)), 1)
|
|
222
217
|
]),
|
|
223
|
-
e("div",
|
|
224
|
-
e("div",
|
|
225
|
-
e("p",
|
|
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:
|
|
222
|
+
src: u.value.imageSrc,
|
|
228
223
|
alt: "",
|
|
229
224
|
class: "capacity-calculation__img"
|
|
230
|
-
}, null, 8,
|
|
231
|
-
e("p",
|
|
225
|
+
}, null, 8, Ca),
|
|
226
|
+
e("p", $a, r(a.$t(u.value.label)), 1)
|
|
232
227
|
]),
|
|
233
|
-
a.currentLevel !== "initial" ? (s(),
|
|
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
|
-
}),
|
|
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(
|
|
244
|
-
const
|
|
238
|
+
setup(n, { expose: c }) {
|
|
239
|
+
const u = f(void 0), i = f(10), a = f("initial");
|
|
245
240
|
function t() {
|
|
246
|
-
|
|
241
|
+
u.value = void 0, i.value = 10, a.value = "initial";
|
|
247
242
|
}
|
|
248
|
-
return
|
|
243
|
+
return c({ reset: t }), (o, d) => (s(), p("div", Aa, [
|
|
249
244
|
e("div", {
|
|
250
245
|
role: "heading",
|
|
251
|
-
"aria-level":
|
|
246
|
+
"aria-level": o.titleLevel,
|
|
252
247
|
class: "capacity-calculation__title"
|
|
253
|
-
},
|
|
254
|
-
e("div",
|
|
255
|
-
C(
|
|
256
|
-
"title-level":
|
|
257
|
-
"selected-ai-question":
|
|
258
|
-
"onUpdate:selectedAiQuestion":
|
|
259
|
-
"selected-nb-user":
|
|
260
|
-
"onUpdate:selectedNbUser":
|
|
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":
|
|
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(
|
|
265
|
-
"title-level":
|
|
266
|
-
"selected-nb-user":
|
|
259
|
+
C(qa, {
|
|
260
|
+
"title-level": o.titleLevel,
|
|
261
|
+
"selected-nb-user": i.value,
|
|
267
262
|
"current-level": a.value,
|
|
268
|
-
images:
|
|
263
|
+
images: o.images
|
|
269
264
|
}, null, 8, ["title-level", "selected-nb-user", "current-level", "images"])
|
|
270
265
|
])
|
|
271
266
|
]));
|
|
272
267
|
}
|
|
273
|
-
}),
|
|
274
|
-
T(/* @__PURE__ */ Object.assign({ "./locales/fr.json": G })).catch((
|
|
275
|
-
window.customElements.define("capacity-calculation", R(
|
|
276
|
-
configureApp(
|
|
277
|
-
$.changeLanguage(document?.documentElement?.lang || navigator.language),
|
|
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-
|
|
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,20 +1,20 @@
|
|
|
1
|
-
import { a as w, c as
|
|
2
|
-
import { a as M, i as f, b as
|
|
3
|
-
import { L as y } from "../LLMMessage.ce-
|
|
4
|
-
const
|
|
5
|
-
"complete-phrase": { iaSuggestions: "🧠
|
|
6
|
-
},
|
|
1
|
+
import { a as w, c as i, o as t, f as e, t as r, x as P, _ as x, r as b, y as g, F as v, b as h, D as B, e as C, d as A } from "../_plugin-vue_export-helper-CwwQJ1m6.js";
|
|
2
|
+
import { a as M, i as f, b as z } from "../i18n-gncqQJ0G.js";
|
|
3
|
+
import { L as y } from "../LLMMessage.ce-DnZ8kE2i.js";
|
|
4
|
+
const j = {}, N = {}, T = {
|
|
5
|
+
"complete-phrase": { iaSuggestions: "🧠 Probabilité du mot suivant", 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: "Afficher le mot suivant choisi par l'IA", successfullyCompletedSentence: "👇 Répondez à la question ci-dessous" }
|
|
6
|
+
}, D = {}, E = {}, I = { class: "probability-bar" }, R = { "aria-hidden": "true" }, q = { class: "sr-only" }, F = /* @__PURE__ */ w({
|
|
7
7
|
__name: "ProbabilityBar.ce",
|
|
8
8
|
props: {
|
|
9
9
|
name: { type: String },
|
|
10
10
|
percent: { type: Number }
|
|
11
11
|
},
|
|
12
|
-
setup(
|
|
13
|
-
return (o, s) => (t(),
|
|
14
|
-
e("p",
|
|
15
|
-
e("p",
|
|
12
|
+
setup(n) {
|
|
13
|
+
return (o, s) => (t(), i("div", I, [
|
|
14
|
+
e("p", R, r(o.name), 1),
|
|
15
|
+
e("p", q, r(o.$t("complete-phrase.ariaLabelDescription", { name: o.name, percent: o.percent })), 1),
|
|
16
16
|
e("div", {
|
|
17
|
-
style:
|
|
17
|
+
style: P(`width: ${o.percent}%`),
|
|
18
18
|
class: "probability-bar__percent",
|
|
19
19
|
"aria-hidden": "true"
|
|
20
20
|
}, null, 4),
|
|
@@ -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}",
|
|
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}", H = /* @__PURE__ */ x(F, [["styles", [O]], ["__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({
|
|
@@ -36,19 +36,19 @@ const z = {}, N = {}, I = {
|
|
|
36
36
|
wordsToAdd: { type: Array },
|
|
37
37
|
titleLevel: { type: Number }
|
|
38
38
|
},
|
|
39
|
-
setup(
|
|
40
|
-
const s =
|
|
39
|
+
setup(n, { expose: o }) {
|
|
40
|
+
const s = n, d = b(0), p = b(s.llmMessage), u = b(!1), l = b(s.wordsToAdd);
|
|
41
41
|
function k() {
|
|
42
|
-
u.value = !1,
|
|
42
|
+
u.value = !1, p.value = s.llmMessage, l.value = s.wordsToAdd, d.value = 0;
|
|
43
43
|
}
|
|
44
|
-
function
|
|
45
|
-
|
|
46
|
-
const [a, ..._] =
|
|
47
|
-
|
|
44
|
+
function $() {
|
|
45
|
+
l.value.length === 1 && (u.value = !0), d.value += 1;
|
|
46
|
+
const [a, ..._] = l.value;
|
|
47
|
+
l.value = _, p.value += `<span style="font-weight: bold;">${a} </span>`;
|
|
48
48
|
}
|
|
49
49
|
return o({
|
|
50
50
|
reset: k
|
|
51
|
-
}), (a, _) => (t(),
|
|
51
|
+
}), (a, _) => (t(), i("div", V, [
|
|
52
52
|
e("div", W, [
|
|
53
53
|
e("div", G, [
|
|
54
54
|
g(y, {
|
|
@@ -57,14 +57,14 @@ const z = {}, N = {}, I = {
|
|
|
57
57
|
}, null, 8, ["message"]),
|
|
58
58
|
g(y, {
|
|
59
59
|
class: "container__message",
|
|
60
|
-
message: { content:
|
|
60
|
+
message: { content: p.value, direction: "inbound" }
|
|
61
61
|
}, null, 8, ["message"])
|
|
62
62
|
]),
|
|
63
|
-
u.value ? (t(),
|
|
63
|
+
u.value ? (t(), i("p", K, r(a.$t("complete-phrase.successfullyCompletedSentence")), 1)) : (t(), i("button", {
|
|
64
64
|
key: 0,
|
|
65
|
-
onClick:
|
|
65
|
+
onClick: $,
|
|
66
66
|
class: "container__button",
|
|
67
|
-
"aria-describedby": `currentProbability${
|
|
67
|
+
"aria-describedby": `currentProbability${d.value}`
|
|
68
68
|
}, r(a.$t("complete-phrase.clickHereButton")), 9, J))
|
|
69
69
|
]),
|
|
70
70
|
e("div", Q, [
|
|
@@ -75,26 +75,26 @@ const z = {}, N = {}, I = {
|
|
|
75
75
|
}, r(a.$t("complete-phrase.iaSuggestions")), 9, U),
|
|
76
76
|
e("p", X, r(a.$t("complete-phrase.explanation")), 1),
|
|
77
77
|
e("div", Y, [
|
|
78
|
-
(t(!0),
|
|
79
|
-
class:
|
|
80
|
-
key:
|
|
81
|
-
id: `currentProbability${
|
|
82
|
-
"aria-hidden":
|
|
78
|
+
(t(!0), i(v, null, h(a.listOfProbabilityBarsLists, (L, c) => (t(), i("div", {
|
|
79
|
+
class: B(["probability", { hidden: c !== d.value }]),
|
|
80
|
+
key: c,
|
|
81
|
+
id: `currentProbability${c}`,
|
|
82
|
+
"aria-hidden": c !== d.value
|
|
83
83
|
}, [
|
|
84
|
-
(t(!0),
|
|
84
|
+
(t(!0), i(v, null, h(L, (m, S) => (t(), C(H, {
|
|
85
85
|
name: m.name,
|
|
86
86
|
percent: m.percent,
|
|
87
|
-
key:
|
|
87
|
+
key: S
|
|
88
88
|
}, null, 8, ["name", "percent"]))), 128))
|
|
89
89
|
], 10, Z))), 128))
|
|
90
90
|
])
|
|
91
91
|
])
|
|
92
92
|
]));
|
|
93
93
|
}
|
|
94
|
-
}), ae = "[data-v-
|
|
95
|
-
M(/* @__PURE__ */ Object.assign({ "./locales/en.json":
|
|
94
|
+
}), ae = "[data-v-db6bda33]{--pix-neutral-800: #253858;font-family:Nunito,Roboto,sans-serif;color:var(--pix-neutral-800)}.container[data-v-db6bda33]{display:grid;grid-row:auto;gap:10px}.container__conversation[data-v-db6bda33]{display:flex;flex-direction:column;background:#fff;padding:1rem;border-radius:10px;margin-bottom:1rem;border:solid 1px lightgrey}.container__title[data-v-db6bda33]{font-size:1.2rem;font-weight:700}.container .probabilities[data-v-db6bda33]{display:grid}.container .probability[data-v-db6bda33]{grid-row:1;grid-column:1}.container__right-side[data-v-db6bda33]{grid-column:2;grid-row:1}.container__right-side h2[data-v-db6bda33]{margin-top:0}.container__right-side .hidden[data-v-db6bda33]{visibility:hidden;grid-row:1;grid-column:1}.container__left-side[data-v-db6bda33]{grid-column:1;grid-row:1}.container__message[data-v-db6bda33]{margin-bottom:20px}.container__successSentence[data-v-db6bda33]{width:90%;padding:.8rem .5rem;border-radius:10px}.container__button[data-v-db6bda33]{width:90%;border:none;padding:1.2rem 1rem;background:#355ac4;color:#fff;border-radius:10px;font-weight:700;font-size:1rem}.container__button[data-v-db6bda33]:hover{background:#2b3c77;cursor:pointer}@media (max-width: 600px){.container[data-v-db6bda33]{display:flex;flex-wrap:wrap}}", te = /* @__PURE__ */ x(ee, [["styles", [ae]], ["__scopeId", "data-v-db6bda33"]]);
|
|
95
|
+
M(/* @__PURE__ */ Object.assign({ "./locales/en.json": j, "./locales/es.json": N, "./locales/fr.json": T, "./locales/it.json": D, "./locales/nl.json": E })).catch((n) => console.error(n));
|
|
96
96
|
window.customElements.define("complete-phrase", A(te, {
|
|
97
|
-
configureApp(
|
|
98
|
-
f.changeLanguage(document?.documentElement?.lang || navigator.language),
|
|
97
|
+
configureApp(n) {
|
|
98
|
+
f.changeLanguage(document?.documentElement?.lang || navigator.language), n.use(z, { i18next: f });
|
|
99
99
|
}
|
|
100
100
|
}));
|