@1024pix/epreuves-components 1.5.0 → 2.0.0
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,45 +1,42 @@
|
|
|
1
|
-
import { d as
|
|
1
|
+
import { d as C, c as r, o as n, D as v, L as D, A as k, t as s, _, f as t, O as V, P as w, r as f, k as h, y as L, F as O, a as Z, G as F, q as P, R, M as z, b, E as N, e as T } from "../_plugin-vue_export-helper-BGEtPlxS.js";
|
|
2
2
|
import { i as $, a as H, b as G } from "../i18n-D3E2CT0o.js";
|
|
3
|
-
import { u as
|
|
4
|
-
const
|
|
5
|
-
"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
|
|
6
|
-
},
|
|
3
|
+
import { u as W } from "../normalize-props-AlmAfi_u.js";
|
|
4
|
+
const K = {}, J = {}, X = {}, Y = {
|
|
5
|
+
"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 durée d'une minute.", "Écris un texte de 10 lignes.", "Fais un dessin de haute qualité."], userQuestion: "Combien d’utilisateurs font la demande en même temps ?", buttonLabel: { primary: "Observer l'effet", warning: "Recommencer" } }, out: { title: "Impact des demandes", 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" } } }
|
|
6
|
+
}, aa = {}, ea = {}, ta = ["aria-disabled"], ia = /* @__PURE__ */ C({
|
|
7
7
|
__name: "PixButton.ce",
|
|
8
8
|
props: {
|
|
9
9
|
disabled: { type: Boolean },
|
|
10
10
|
label: { type: String },
|
|
11
11
|
state: { type: String }
|
|
12
12
|
},
|
|
13
|
-
setup(
|
|
14
|
-
return (
|
|
15
|
-
class:
|
|
16
|
-
"aria-disabled":
|
|
13
|
+
setup(a) {
|
|
14
|
+
return (i, m) => (n(), r("button", {
|
|
15
|
+
class: v(["pix-button", a.state]),
|
|
16
|
+
"aria-disabled": a.disabled
|
|
17
17
|
}, [
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
], 10,
|
|
18
|
+
D(i.$slots, "icon"),
|
|
19
|
+
k(" " + s(a.label), 1)
|
|
20
|
+
], 10, ta));
|
|
21
21
|
}
|
|
22
|
-
}), ca = ".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}",
|
|
22
|
+
}), ca = ".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}", la = /* @__PURE__ */ _(ia, [["styles", [ca]]]), na = {}, oa = {
|
|
23
23
|
width: "20",
|
|
24
24
|
height: "20",
|
|
25
25
|
viewBox: "0 0 20 20",
|
|
26
26
|
fill: "currentColor",
|
|
27
27
|
xmlns: "http://www.w3.org/2000/svg"
|
|
28
28
|
};
|
|
29
|
-
function
|
|
30
|
-
return
|
|
29
|
+
function sa(a, i) {
|
|
30
|
+
return n(), r("svg", oa, [...i[0] || (i[0] = [
|
|
31
31
|
t("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)
|
|
32
32
|
])]);
|
|
33
33
|
}
|
|
34
|
-
const
|
|
35
|
-
key: 0,
|
|
36
|
-
class: "capacity-calculation__fieldset capacity-calculation__fieldset--range"
|
|
37
|
-
}, ma = { class: "capacity-calculation__legend--user-question" }, va = { class: "capacity-calculation__range-wrap" }, ya = ["max", "value", "aria-disabled"], ba = {
|
|
34
|
+
const ra = /* @__PURE__ */ _(na, [["render", sa]]), ua = { class: "capacity-calculation__column capacity-calculation__column--questions" }, da = { class: "capacity-calculation__fieldset capacity-calculation__fieldset--ai" }, pa = { class: "capacity-calculation__legend" }, _a = ["aria-disabled", "value", "checked"], ma = { class: "capacity-calculation__fieldset capacity-calculation__fieldset--range" }, va = { class: "capacity-calculation__legend--user-question" }, ya = { class: "capacity-calculation__range-wrap" }, ga = ["max", "value", "aria-disabled"], fa = {
|
|
38
35
|
for: "nbUser",
|
|
39
36
|
class: "capacity-calculation__range-label"
|
|
40
|
-
},
|
|
37
|
+
}, ba = /* @__PURE__ */ C({
|
|
41
38
|
__name: "Questions.ce",
|
|
42
|
-
props: /* @__PURE__ */
|
|
39
|
+
props: /* @__PURE__ */ V({
|
|
43
40
|
titleLevel: { type: Number }
|
|
44
41
|
}, {
|
|
45
42
|
selectedAiQuestion: {
|
|
@@ -59,11 +56,11 @@ const sa = /* @__PURE__ */ m(la, [["render", oa]]), ra = { class: "capacity-calc
|
|
|
59
56
|
currentLevelModifiers: {}
|
|
60
57
|
}),
|
|
61
58
|
emits: ["update:selectedAiQuestion", "update:selectedNbUser", "update:currentLevel"],
|
|
62
|
-
setup(
|
|
63
|
-
const
|
|
59
|
+
setup(a) {
|
|
60
|
+
const m = a.titleLevel + 1, o = w(a, "selectedAiQuestion"), e = w(a, "selectedNbUser"), c = w(a, "currentLevel"), u = f(!1), d = h(() => ({
|
|
64
61
|
state: c.value === "initial" ? "primary" : "warning",
|
|
65
62
|
label: $.t(`capacity-calculation.in.buttonLabel.${c.value === "initial" ? "primary" : "warning"}`)
|
|
66
|
-
})),
|
|
63
|
+
})), p = h(() => Number.isInteger(o.value)), M = [800, 8e3, 14e3, 25e3, 9e4, 15e4], A = /* @__PURE__ */ new Set([
|
|
67
64
|
// Valeurs de base
|
|
68
65
|
10,
|
|
69
66
|
20,
|
|
@@ -88,7 +85,7 @@ const sa = /* @__PURE__ */ m(la, [["render", oa]]), ra = { class: "capacity-calc
|
|
|
88
85
|
4e3,
|
|
89
86
|
5e3,
|
|
90
87
|
1e4,
|
|
91
|
-
...
|
|
88
|
+
...M,
|
|
92
89
|
2e4,
|
|
93
90
|
3e4,
|
|
94
91
|
4e4,
|
|
@@ -96,185 +93,237 @@ const sa = /* @__PURE__ */ m(la, [["render", oa]]), ra = { class: "capacity-calc
|
|
|
96
93
|
75e3,
|
|
97
94
|
1e5,
|
|
98
95
|
125e3
|
|
99
|
-
]), x = Array.from(
|
|
100
|
-
const l = x.indexOf(
|
|
96
|
+
]), x = Array.from(A).sort((l, y) => l - y), Q = h(() => {
|
|
97
|
+
const l = x.indexOf(e.value);
|
|
101
98
|
return Math.max(0, l);
|
|
102
99
|
}), S = (l) => {
|
|
103
|
-
const
|
|
104
|
-
|
|
105
|
-
},
|
|
100
|
+
const y = l.target;
|
|
101
|
+
e.value = x[Number(y.value)];
|
|
102
|
+
}, U = (l) => {
|
|
106
103
|
if (u.value) {
|
|
107
104
|
l.preventDefault();
|
|
108
105
|
return;
|
|
109
106
|
}
|
|
110
|
-
},
|
|
111
|
-
if (
|
|
112
|
-
|
|
113
|
-
|
|
107
|
+
}, I = () => {
|
|
108
|
+
if (p.value) {
|
|
109
|
+
if (c.value !== "initial") {
|
|
110
|
+
B();
|
|
111
|
+
return;
|
|
112
|
+
}
|
|
113
|
+
o.value === 0 ? e.value >= 10 && e.value <= 400 ? c.value = "normal_weak" : e.value >= 401 && e.value <= 700 ? c.value = "normal_medium" : e.value >= 701 && e.value <= 1e3 ? c.value = "warning" : c.value = "error" : o.value === 1 ? e.value >= 10 && e.value <= 4e4 ? c.value = "normal_weak" : e.value >= 40001 && e.value <= 7e4 ? c.value = "normal_medium" : e.value >= 70001 && e.value <= 1e5 ? c.value = "warning" : c.value = "error" : o.value === 2 && (e.value >= 10 && e.value <= 8e3 ? c.value = "normal_weak" : e.value >= 8001 && e.value <= 14e3 ? c.value = "normal_medium" : e.value >= 14001 && e.value <= 2e4 ? c.value = "warning" : c.value = "error"), u.value = !0;
|
|
114
114
|
}
|
|
115
|
-
i.value === 0 ? a.value >= 10 && a.value <= 400 ? c.value = "normal_weak" : a.value >= 401 && a.value <= 700 ? c.value = "normal_medium" : a.value >= 701 && a.value <= 1e3 ? c.value = "warning" : c.value = "error" : i.value === 1 ? a.value >= 10 && a.value <= 4e4 ? c.value = "normal_weak" : a.value >= 40001 && a.value <= 7e4 ? c.value = "normal_medium" : a.value >= 70001 && a.value <= 1e5 ? c.value = "warning" : c.value = "error" : i.value === 2 && (a.value >= 10 && a.value <= 8e3 ? c.value = "normal_weak" : a.value >= 8001 && a.value <= 14e3 ? c.value = "normal_medium" : a.value >= 14001 && a.value <= 2e4 ? c.value = "warning" : c.value = "error"), u.value = !0;
|
|
116
115
|
};
|
|
117
|
-
function
|
|
116
|
+
function j(l) {
|
|
118
117
|
if (u.value) {
|
|
119
118
|
l.preventDefault();
|
|
120
119
|
return;
|
|
121
120
|
}
|
|
122
|
-
|
|
121
|
+
o.value = Number(l.target.value);
|
|
123
122
|
}
|
|
124
|
-
function
|
|
125
|
-
|
|
123
|
+
function B() {
|
|
124
|
+
o.value = void 0, e.value = 10, c.value = "initial", u.value = !1;
|
|
126
125
|
}
|
|
127
|
-
return (l,
|
|
126
|
+
return (l, y) => (n(), r("div", ua, [
|
|
128
127
|
t("div", {
|
|
129
128
|
role: "heading",
|
|
130
|
-
"aria-level":
|
|
129
|
+
"aria-level": m,
|
|
131
130
|
class: "capacity-calculation__subtitle"
|
|
132
|
-
},
|
|
133
|
-
t("fieldset",
|
|
134
|
-
t("legend",
|
|
135
|
-
(
|
|
131
|
+
}, s(l.$t("capacity-calculation.in.title")), 1),
|
|
132
|
+
t("fieldset", da, [
|
|
133
|
+
t("legend", pa, s(l.$t("capacity-calculation.in.aiQuestion")), 1),
|
|
134
|
+
(n(!0), r(O, null, Z(l.$t("capacity-calculation.in.aiOptions", { returnObjects: !0 }), (E, g) => (n(), r("div", { key: g }, [
|
|
136
135
|
t("label", {
|
|
137
|
-
class:
|
|
136
|
+
class: v(["capacity-calculation__ai-option", { "capacity-calculation__ai-option--active": o.value === g, disabled: u.value }])
|
|
138
137
|
}, [
|
|
139
138
|
t("input", {
|
|
140
139
|
type: "radio",
|
|
141
140
|
"aria-disabled": u.value,
|
|
142
141
|
name: "ai-answer",
|
|
143
|
-
value:
|
|
144
|
-
onClick:
|
|
145
|
-
checked:
|
|
146
|
-
}, null, 8,
|
|
147
|
-
|
|
142
|
+
value: g,
|
|
143
|
+
onClick: j,
|
|
144
|
+
checked: o.value === g
|
|
145
|
+
}, null, 8, _a),
|
|
146
|
+
k(" " + s(E), 1)
|
|
148
147
|
], 2)
|
|
149
148
|
]))), 128))
|
|
150
149
|
]),
|
|
151
|
-
|
|
152
|
-
t("legend",
|
|
153
|
-
t("div",
|
|
150
|
+
t("fieldset", ma, [
|
|
151
|
+
t("legend", va, s(l.$t("capacity-calculation.in.userQuestion")), 1),
|
|
152
|
+
t("div", ya, [
|
|
154
153
|
t("input", {
|
|
155
154
|
type: "range",
|
|
156
155
|
id: "nbUser",
|
|
157
156
|
name: "nbUser",
|
|
158
157
|
min: 0,
|
|
159
|
-
max:
|
|
160
|
-
value:
|
|
158
|
+
max: F(x).length - 1,
|
|
159
|
+
value: Q.value,
|
|
161
160
|
onChange: S,
|
|
162
|
-
onKeydown:
|
|
161
|
+
onKeydown: U,
|
|
163
162
|
"aria-disabled": u.value,
|
|
164
163
|
class: "capacity-calculation__range"
|
|
165
|
-
}, null, 40,
|
|
166
|
-
t("label",
|
|
164
|
+
}, null, 40, ga),
|
|
165
|
+
t("label", fa, s(e.value.toLocaleString()), 1)
|
|
167
166
|
])
|
|
168
|
-
])
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
167
|
+
]),
|
|
168
|
+
L(la, {
|
|
169
|
+
onClick: P(I, ["prevent"]),
|
|
170
|
+
disabled: !p.value,
|
|
172
171
|
label: d.value.label,
|
|
173
172
|
state: d.value.state
|
|
174
|
-
},
|
|
173
|
+
}, R({ _: 2 }, [
|
|
175
174
|
c.value !== "initial" ? {
|
|
176
175
|
name: "icon",
|
|
177
|
-
fn:
|
|
178
|
-
|
|
176
|
+
fn: z(() => [
|
|
177
|
+
L(ra)
|
|
179
178
|
]),
|
|
180
179
|
key: "0"
|
|
181
180
|
} : void 0
|
|
182
|
-
]), 1032, ["label", "state"])
|
|
181
|
+
]), 1032, ["disabled", "label", "state"])
|
|
183
182
|
]));
|
|
184
183
|
}
|
|
185
|
-
}),
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
184
|
+
}), Ca = ".capacity-calculation__column--questions[data-v-5d4fd373]{background:#fff;border:1px solid #cdd1d9}.capacity-calculation__column--questions .capacity-calculation__fieldset[data-v-5d4fd373]{border:none;display:flex;flex-direction:column;gap:12px;padding:0}.capacity-calculation__column--questions .capacity-calculation__fieldset--range[data-v-5d4fd373]{margin-top:12px}.capacity-calculation__column--questions .capacity-calculation__legend[data-v-5d4fd373]{font-weight:500;margin-bottom:16px}.capacity-calculation__column--questions .capacity-calculation__legend--user-question[data-v-5d4fd373]{font-weight:500;margin:16px 0}.capacity-calculation__column--questions .capacity-calculation__ai-option[data-v-5d4fd373]{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-5d4fd373]:hover,.capacity-calculation__column--questions .capacity-calculation__ai-option[data-v-5d4fd373]:focus{background-color:#f7f5ff;border-color:#613fdd;color:#291a5d}.capacity-calculation__column--questions .capacity-calculation__ai-option--active[data-v-5d4fd373]{background-color:#f7f5ff;border-color:#613fdd;color:#291a5d}.capacity-calculation__column--questions .capacity-calculation__ai-option.disabled[data-v-5d4fd373]{cursor:not-allowed;background:#f1f1f1;border-color:#5b5b5b}.capacity-calculation__column--questions .capacity-calculation__range-wrap[data-v-5d4fd373]{display:flex;flex-direction:column;gap:8px}.capacity-calculation__column--questions .capacity-calculation__range[data-v-5d4fd373]{width:100%;accent-color:#613fdd}.capacity-calculation__column--questions .capacity-calculation__range[aria-disabled=true][data-v-5d4fd373]{opacity:.3;pointer-events:none}.capacity-calculation__column--questions .capacity-calculation__range-label[data-v-5d4fd373]{display:flex;justify-content:center;font-weight:700;margin-block:-5px 10px}", xa = /* @__PURE__ */ _(ba, [["styles", [Ca]], ["__scopeId", "data-v-5d4fd373"]]), wa = {}, ha = {
|
|
185
|
+
width: "43",
|
|
186
|
+
height: "43",
|
|
187
|
+
viewBox: "0 0 43 43",
|
|
188
|
+
fill: "none",
|
|
189
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
190
|
+
};
|
|
191
|
+
function La(a, i) {
|
|
192
|
+
return n(), r("svg", ha, [...i[0] || (i[0] = [
|
|
193
|
+
t("path", {
|
|
194
|
+
d: "M21.5001 24.1262L26.5243 29.1505C26.8743 29.5004 27.3121 29.6736 27.8376 29.6701C28.3632 29.6665 28.8008 29.4898 29.1505 29.1402C29.5004 28.7902 29.6754 28.3524 29.6754 27.8269C29.6754 27.3013 29.5004 26.8636 29.1505 26.5136L24.1262 21.5001L29.1505 16.4758C29.5004 16.1258 29.6754 15.688 29.6754 15.1625C29.6754 14.6369 29.5004 14.1993 29.1505 13.8496C28.8008 13.4997 28.3632 13.3247 27.8376 13.3247C27.3121 13.3247 26.8743 13.4997 26.5243 13.8496L21.5001 18.8739L16.4758 13.8496C16.1258 13.4997 15.6898 13.3247 15.1679 13.3247C14.6459 13.3247 14.2099 13.4997 13.8599 13.8496C13.5103 14.1993 13.3354 14.6369 13.3354 15.1625C13.3354 15.688 13.5103 16.1258 13.8599 16.4758L18.8739 21.5001L13.8496 26.5243C13.4997 26.8743 13.3265 27.3103 13.3301 27.8323C13.3336 28.3542 13.5103 28.7902 13.8599 29.1402C14.2099 29.4898 14.6477 29.6647 15.1732 29.6647C15.6988 29.6647 16.1366 29.4898 16.4865 29.1402L21.5001 24.1262ZM21.5001 39.7809C18.9646 39.7809 16.5854 39.3016 14.3625 38.3431C12.1399 37.3845 10.2063 36.083 8.56154 34.4386C6.91709 32.7938 5.61559 30.8602 4.65705 28.6376C3.69851 26.4148 3.21924 24.0356 3.21924 21.5001C3.21924 18.9646 3.69851 16.5854 4.65705 14.3625C5.61559 12.1399 6.91709 10.2063 8.56154 8.56154C10.2063 6.91709 12.1399 5.61559 14.3625 4.65705C16.5854 3.69851 18.9646 3.21924 21.5001 3.21924C24.0356 3.21924 26.4148 3.69851 28.6376 4.65705C30.8602 5.61559 32.7938 6.91709 34.4386 8.56154C36.083 10.2063 37.3845 12.1399 38.3431 14.3625C39.3016 16.5854 39.7809 18.9646 39.7809 21.5001C39.7809 24.0356 39.3016 26.4148 38.3431 28.6376C37.3845 30.8602 36.083 32.7938 34.4386 34.4386C32.7938 36.083 30.8602 37.3845 28.6376 38.3431C26.4148 39.3016 24.0356 39.7809 21.5001 39.7809Z",
|
|
195
|
+
fill: "#D24140"
|
|
196
|
+
}, null, -1)
|
|
197
|
+
])]);
|
|
198
|
+
}
|
|
199
|
+
const $a = /* @__PURE__ */ _(wa, [["render", La]]), ka = {}, Na = {
|
|
200
|
+
width: "43",
|
|
201
|
+
height: "43",
|
|
202
|
+
viewBox: "0 0 43 43",
|
|
203
|
+
fill: "none",
|
|
204
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
205
|
+
};
|
|
206
|
+
function qa(a, i) {
|
|
207
|
+
return n(), r("svg", Na, [...i[0] || (i[0] = [
|
|
208
|
+
t("path", {
|
|
209
|
+
d: "M18.9595 24.3502L15.386 20.7767C15.0148 20.4052 14.5468 20.2195 13.9818 20.2195C13.4171 20.2195 12.949 20.4052 12.5776 20.7767C12.2064 21.1479 12.0226 21.6159 12.0262 22.1809C12.0298 22.7456 12.2171 23.2135 12.5883 23.5847L17.5235 28.5198C17.9343 28.928 18.4138 29.1321 18.9617 29.1321C19.5094 29.1321 19.9874 28.928 20.3959 28.5198L30.3581 18.5572C30.7295 18.1861 30.9153 17.7199 30.9153 17.1589C30.9153 16.5975 30.7295 16.1312 30.3581 15.76C29.9869 15.3885 29.5188 15.2028 28.9538 15.2028C28.3892 15.2028 27.9212 15.3885 27.5501 15.76L18.9595 24.3502ZM21.5001 39.7809C18.9646 39.7809 16.5855 39.3013 14.363 38.3422C12.1401 37.383 10.2066 36.0815 8.56244 34.4377C6.91858 32.7935 5.61709 30.86 4.65795 28.6372C3.69881 26.4146 3.21924 24.0356 3.21924 21.5001C3.21924 18.9646 3.69881 16.5855 4.65795 14.363C5.61709 12.1401 6.91858 10.2066 8.56244 8.56244C10.2066 6.91858 12.1401 5.61709 14.363 4.65795C16.5855 3.69881 18.9646 3.21924 21.5001 3.21924C24.0356 3.21924 26.4146 3.69881 28.6372 4.65795C30.86 5.61709 32.7935 6.91858 34.4377 8.56244C36.0815 10.2066 37.383 12.1401 38.3422 14.363C39.3013 16.5855 39.7809 18.9646 39.7809 21.5001C39.7809 24.0356 39.3013 26.4146 38.3422 28.6372C37.383 30.86 36.0815 32.7935 34.4377 34.4377C32.7935 36.0815 30.86 37.383 28.6372 38.3422C26.4146 39.3013 24.0356 39.7809 21.5001 39.7809Z",
|
|
210
|
+
fill: "#1C825D"
|
|
211
|
+
}, null, -1)
|
|
212
|
+
])]);
|
|
213
|
+
}
|
|
214
|
+
const Ma = /* @__PURE__ */ _(ka, [["render", qa]]), Aa = {}, Qa = {
|
|
215
|
+
width: "43",
|
|
216
|
+
height: "43",
|
|
217
|
+
viewBox: "0 0 43 43",
|
|
218
|
+
fill: "none",
|
|
219
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
220
|
+
};
|
|
221
|
+
function Sa(a, i) {
|
|
222
|
+
return n(), r("svg", Qa, [...i[0] || (i[0] = [
|
|
223
|
+
t("path", {
|
|
224
|
+
d: "M5.00009 37.8074C4.62175 37.8074 4.27999 37.7135 3.9748 37.5257C3.66962 37.3379 3.43238 37.0903 3.26307 36.783C3.09226 36.4785 2.99939 36.1476 2.98446 35.7905C2.96953 35.4333 3.0624 35.0848 3.26307 34.745L19.7182 6.27096C19.9186 5.92965 20.1806 5.67538 20.5043 5.50816C20.828 5.34093 21.1602 5.25732 21.5009 5.25732C21.8416 5.25732 22.1735 5.34093 22.4966 5.50816C22.8197 5.67538 23.0814 5.92965 23.2818 6.27096L39.7369 34.745C39.9376 35.0848 40.0305 35.4333 40.0155 35.7905C40.0006 36.1476 39.9077 36.4785 39.7369 36.783C39.5661 37.0873 39.3286 37.3341 39.0243 37.5234C38.7197 37.7128 38.3782 37.8074 37.9999 37.8074H5.00009ZM21.5 32.2179C22.0148 32.2179 22.4511 32.039 22.8088 31.6813C23.1665 31.3238 23.3454 30.8877 23.3454 30.3729C23.3454 29.8581 23.1665 29.4236 22.8088 29.0695C22.4511 28.7153 22.0148 28.5382 21.5 28.5382C20.9852 28.5382 20.5489 28.7153 20.1912 29.0695C19.8334 29.4236 19.6546 29.8581 19.6546 30.3729C19.6546 30.8877 19.8334 31.3238 20.1912 31.6813C20.5489 32.039 20.9852 32.2179 21.5 32.2179ZM21.5 26.8751C22.0076 26.8751 22.4332 26.7034 22.7766 26.36C23.12 26.0166 23.2917 25.5911 23.2917 25.0835V19.8263C23.2917 19.3186 23.12 18.8931 22.7766 18.5497C22.4332 18.2063 22.0076 18.0346 21.5 18.0346C20.9924 18.0346 20.5668 18.2063 20.2234 18.5497C19.88 18.8931 19.7083 19.3186 19.7083 19.8263V25.0835C19.7083 25.5911 19.88 26.0166 20.2234 26.36C20.5668 26.7034 20.9924 26.8751 21.5 26.8751Z",
|
|
225
|
+
fill: "#EE6911"
|
|
226
|
+
}, null, -1)
|
|
227
|
+
])]);
|
|
228
|
+
}
|
|
229
|
+
const Ua = /* @__PURE__ */ _(Aa, [["render", Sa]]), Ia = ["aria-level"], ja = { class: "capacity-calculation__card" }, Ba = { class: "capacity-calculation__text capacity-calculation__text--strong" }, Ea = { class: "capacity-calculation__img" }, Da = ["src"], Va = { class: "capacity-calculation__text" }, Oa = { class: "capacity-calculation__answers" }, Za = { class: "capacity-calculation__card" }, Fa = { class: "capacity-calculation__text capacity-calculation__text--strong" }, Pa = { class: "capacity-calculation__text" }, Ra = /* @__PURE__ */ C({
|
|
189
230
|
__name: "Answers.ce",
|
|
190
231
|
props: {
|
|
191
232
|
currentLevel: { type: String },
|
|
192
233
|
selectedNbUser: { type: Number },
|
|
193
234
|
titleLevel: { type: Number },
|
|
194
|
-
|
|
235
|
+
capacityImage: { type: String }
|
|
195
236
|
},
|
|
196
|
-
setup(
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
})), i = f(() => ({
|
|
201
|
-
imageSrc: n.images[n.currentLevel].capacityImg,
|
|
202
|
-
label: `capacity-calculation.out.capacity.${n.currentLevel}`
|
|
203
|
-
}));
|
|
204
|
-
return (a, c) => (s(), p("div", ha, [
|
|
237
|
+
setup(a) {
|
|
238
|
+
return (i, m) => (n(), r("div", {
|
|
239
|
+
class: v(["capacity-calculation__column capacity-calculation__column--answers", { [`capacity-calculation__column--answers--${a.currentLevel}`]: !0 }])
|
|
240
|
+
}, [
|
|
205
241
|
t("div", {
|
|
206
242
|
role: "heading",
|
|
207
|
-
"aria-level":
|
|
243
|
+
"aria-level": a.titleLevel + 1,
|
|
208
244
|
class: "capacity-calculation__subtitle"
|
|
209
|
-
},
|
|
210
|
-
t("div",
|
|
211
|
-
t("p",
|
|
212
|
-
t("
|
|
213
|
-
src: i.value.imageSrc,
|
|
214
|
-
alt: "",
|
|
215
|
-
class: "capacity-calculation__img--capacity"
|
|
216
|
-
}, null, 8, ka),
|
|
217
|
-
t("p", La, o(a.$t(i.value.label)), 1)
|
|
218
|
-
]),
|
|
219
|
-
t("div", Na, [
|
|
220
|
-
t("div", qa, [
|
|
221
|
-
t("p", Aa, o(a.$t("capacity-calculation.out.consumption.label")), 1),
|
|
245
|
+
}, s(i.$t("capacity-calculation.out.title")), 9, Ia),
|
|
246
|
+
t("div", ja, [
|
|
247
|
+
t("p", Ba, s(i.$t("capacity-calculation.out.capacity.label")), 1),
|
|
248
|
+
t("div", Ea, [
|
|
222
249
|
t("img", {
|
|
223
|
-
src:
|
|
224
|
-
alt: ""
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
250
|
+
src: a.capacityImage,
|
|
251
|
+
alt: ""
|
|
252
|
+
}, null, 8, Da),
|
|
253
|
+
a.currentLevel.startsWith("normal_") ? (n(), b(Ma, {
|
|
254
|
+
key: 0,
|
|
255
|
+
class: "capacity-calculation__img--status"
|
|
256
|
+
})) : a.currentLevel === "warning" ? (n(), b(Ua, {
|
|
257
|
+
key: 1,
|
|
258
|
+
class: "capacity-calculation__img--status"
|
|
259
|
+
})) : a.currentLevel === "error" ? (n(), b($a, {
|
|
260
|
+
key: 2,
|
|
261
|
+
class: "capacity-calculation__img--status"
|
|
262
|
+
})) : N("", !0)
|
|
228
263
|
]),
|
|
229
|
-
|
|
264
|
+
t("p", Va, s(i.$t(`capacity-calculation.out.capacity.${a.currentLevel}`)), 1)
|
|
265
|
+
]),
|
|
266
|
+
t("div", Oa, [
|
|
267
|
+
t("div", Za, [
|
|
268
|
+
t("p", Fa, s(i.$t("capacity-calculation.out.consumption.label")), 1),
|
|
269
|
+
t("div", {
|
|
270
|
+
class: v(["capacity-calculation__progress-bar", a.currentLevel])
|
|
271
|
+
}, null, 2),
|
|
272
|
+
t("p", Pa, s(i.$t(`capacity-calculation.out.consumption.${a.currentLevel}`)), 1)
|
|
273
|
+
])
|
|
230
274
|
])
|
|
231
|
-
]));
|
|
275
|
+
], 2));
|
|
232
276
|
}
|
|
233
|
-
}),
|
|
277
|
+
}), za = ".capacity-calculation__column--answers[data-v-177ab412]{display:flex;gap:.3rem;border:0px}.capacity-calculation__column--answers--normal_weak[data-v-177ab412],.capacity-calculation__column--answers--normal_medium[data-v-177ab412]{background:#e6f6ef}.capacity-calculation__column--answers--warning[data-v-177ab412]{background:#fffaeb}.capacity-calculation__column--answers--error[data-v-177ab412]{background:#fbebea}.capacity-calculation__column--answers .capacity-calculation__answers[data-v-177ab412]{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-177ab412]{border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px}.capacity-calculation__column--answers .capacity-calculation__text[data-v-177ab412]{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-177ab412]{font-weight:700;margin:0}.capacity-calculation__column--answers img[data-v-177ab412]{max-width:100%}.capacity-calculation__column--answers .capacity-calculation__img[data-v-177ab412]{position:relative}.capacity-calculation__column--answers .capacity-calculation__img img[data-v-177ab412]{width:100px;height:100px;border-radius:24px}.capacity-calculation__column--answers .capacity-calculation__img--status[data-v-177ab412]{position:absolute;top:0;right:0;transform:translate(30%,-30%)}.capacity-calculation__column--answers .capacity-calculation__progress-bar[data-v-177ab412]{width:100%;height:32px;border-radius:24px;border:solid 2px #253858}.capacity-calculation__column--answers .capacity-calculation__progress-bar.normal_weak[data-v-177ab412],.capacity-calculation__column--answers .capacity-calculation__progress-bar.normal_medium[data-v-177ab412]{background:linear-gradient(90deg,#1c825d 10%,#fff 36%)}.capacity-calculation__column--answers .capacity-calculation__progress-bar.warning[data-v-177ab412]{background:linear-gradient(90deg,#ee6911 30%,#fff 66%)}.capacity-calculation__column--answers .capacity-calculation__progress-bar.error[data-v-177ab412]{background:linear-gradient(90deg,#d24140 51%,#fff 88%)}@media(max-width:720px){.capacity-calculation__column--answers .capacity-calculation__answers[data-v-177ab412]{flex-direction:row;justify-content:center;gap:16px}}", Ta = /* @__PURE__ */ _(Ra, [["styles", [za]], ["__scopeId", "data-v-177ab412"]]), Ha = { class: "capacity-calculation" }, Ga = ["aria-level"], Wa = {
|
|
278
|
+
class: "capacity-calculation__grid",
|
|
279
|
+
"aria-live": "polite"
|
|
280
|
+
}, Ka = /* @__PURE__ */ C({
|
|
234
281
|
__name: "CapacityCalculation.ce",
|
|
235
282
|
props: {
|
|
236
283
|
titleLevel: { default: 2, type: Number },
|
|
237
|
-
|
|
284
|
+
capacityImage: { type: String }
|
|
238
285
|
},
|
|
239
|
-
setup(
|
|
240
|
-
const
|
|
286
|
+
setup(a, { expose: i }) {
|
|
287
|
+
const m = f(void 0), o = f(10), e = f("initial");
|
|
241
288
|
function c() {
|
|
242
|
-
|
|
289
|
+
m.value = void 0, o.value = 10, e.value = "initial";
|
|
243
290
|
}
|
|
244
|
-
return
|
|
291
|
+
return i({ reset: c }), (u, d) => (n(), r("div", Ha, [
|
|
245
292
|
t("div", {
|
|
246
293
|
role: "heading",
|
|
247
|
-
"aria-level":
|
|
294
|
+
"aria-level": a.titleLevel,
|
|
248
295
|
class: "capacity-calculation__title"
|
|
249
|
-
},
|
|
250
|
-
t("div",
|
|
251
|
-
|
|
252
|
-
"title-level":
|
|
253
|
-
"selected-ai-question":
|
|
254
|
-
"onUpdate:selectedAiQuestion": d[0] || (d[0] = (
|
|
255
|
-
"selected-nb-user":
|
|
256
|
-
"onUpdate:selectedNbUser": d[1] || (d[1] = (
|
|
257
|
-
"current-level":
|
|
258
|
-
"onUpdate:currentLevel": d[2] || (d[2] = (
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
"
|
|
264
|
-
|
|
265
|
-
|
|
296
|
+
}, s(u.$t("capacity-calculation.title")), 9, Ga),
|
|
297
|
+
t("div", Wa, [
|
|
298
|
+
L(xa, {
|
|
299
|
+
"title-level": a.titleLevel,
|
|
300
|
+
"selected-ai-question": m.value,
|
|
301
|
+
"onUpdate:selectedAiQuestion": d[0] || (d[0] = (p) => m.value = p),
|
|
302
|
+
"selected-nb-user": o.value,
|
|
303
|
+
"onUpdate:selectedNbUser": d[1] || (d[1] = (p) => o.value = p),
|
|
304
|
+
"current-level": e.value,
|
|
305
|
+
"onUpdate:currentLevel": d[2] || (d[2] = (p) => e.value = p),
|
|
306
|
+
class: v({ "initial-state": e.value === "initial" })
|
|
307
|
+
}, null, 8, ["title-level", "selected-ai-question", "selected-nb-user", "current-level", "class"]),
|
|
308
|
+
e.value !== "initial" ? (n(), b(Ta, {
|
|
309
|
+
key: 0,
|
|
310
|
+
"title-level": a.titleLevel,
|
|
311
|
+
"selected-nb-user": o.value,
|
|
312
|
+
"current-level": e.value,
|
|
313
|
+
"capacity-image": a.capacityImage
|
|
314
|
+
}, null, 8, ["title-level", "selected-nb-user", "current-level", "capacity-image"])) : N("", !0)
|
|
266
315
|
])
|
|
267
316
|
]));
|
|
268
317
|
}
|
|
269
|
-
}),
|
|
270
|
-
H(/* @__PURE__ */ Object.assign({ "./locales/en.json":
|
|
271
|
-
const
|
|
272
|
-
configureApp(
|
|
273
|
-
$.changeLanguage(document?.documentElement?.lang || navigator.language),
|
|
318
|
+
}), 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 .initial-state{grid-column:1/span 2}.capacity-calculation__column{display:flex;border-radius:8px;flex-direction:column;padding:16px}@media screen and (max-width:720px){.capacity-calculation__grid{display:flex;flex-direction:column}}", Xa = /* @__PURE__ */ _(Ka, [["styles", [Ja]]]);
|
|
319
|
+
H(/* @__PURE__ */ Object.assign({ "./locales/en.json": K, "./locales/es-419.json": J, "./locales/es.json": X, "./locales/fr.json": Y, "./locales/it.json": aa, "./locales/nl.json": ea })).catch((a) => console.error(a));
|
|
320
|
+
const q = T(Xa, {
|
|
321
|
+
configureApp(a) {
|
|
322
|
+
$.changeLanguage(document?.documentElement?.lang || navigator.language), a.use(G, { i18next: $ });
|
|
274
323
|
}
|
|
275
324
|
});
|
|
276
|
-
|
|
277
|
-
...
|
|
278
|
-
titleLevel:
|
|
325
|
+
q.prototype.normalizeProps = (a) => ({
|
|
326
|
+
...a,
|
|
327
|
+
titleLevel: W(a.titleLevel)
|
|
279
328
|
});
|
|
280
|
-
window.customElements.define("capacity-calculation",
|
|
329
|
+
window.customElements.define("capacity-calculation", q);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { d as L, k as x, c as
|
|
2
|
-
import { a as F, i as
|
|
3
|
-
import { B
|
|
1
|
+
import { d as L, k as x, c as s, o as n, D as M, f as l, E as T, L as D, A as z, t as v, _ as h, r as C, K as I, G as u, y as m, x as R, J as V, M as w, F as S, a as k, b as A, e as P } from "../_plugin-vue_export-helper-BGEtPlxS.js";
|
|
2
|
+
import { a as F, i as N, b as G } from "../i18n-D3E2CT0o.js";
|
|
3
|
+
import { B, N as j } from "../NavigationButton.ce-BUeEdL4x.js";
|
|
4
4
|
import { u as _, a as O } from "../normalize-props-AlmAfi_u.js";
|
|
5
5
|
const W = {
|
|
6
6
|
"pix-carousel": { license: "Image license", next: "Next", of: "{{ currentSlide }} of {{ slideLength }}", previous: "Previous", slide: "Slide", title: "Carousel" }
|
|
@@ -8,11 +8,11 @@ const W = {
|
|
|
8
8
|
"pix-carousel": { license: "Licencia de imagen", next: "Siguiente", of: "{{ currentSlide }} de {{ slideLength }}", previous: "Anterior", slide: "Diapositiva", title: "Carrusel" }
|
|
9
9
|
}, K = {
|
|
10
10
|
"pix-carousel": { license: "Licence de l’image", of: "{{ currentSlide }} sur {{ slideLength }}", next: "Suivant", previous: "Précédent", slide: "Diapositive", title: "Carrousel" }
|
|
11
|
-
},
|
|
11
|
+
}, Y = {
|
|
12
12
|
"pix-carousel": { license: "Licenza d'immagine", next: "Avanti", of: "{{ currentSlide }} di {{ slideLength }}", previous: "Precedente", slide: "Diapositiva", title: "Galleria" }
|
|
13
|
-
},
|
|
13
|
+
}, q = {
|
|
14
14
|
"pix-carousel": { license: "Afbeeldingslicentie", next: "Volgende", of: "{{ currentSlide }} van {{ slideLength }}", previous: "Vorige", slide: "Dia", title: "Carrousel" }
|
|
15
|
-
},
|
|
15
|
+
}, Q = ["aria-level"], U = ["innerHTML"], X = {
|
|
16
16
|
key: 1,
|
|
17
17
|
class: "description"
|
|
18
18
|
}, ee = /* @__PURE__ */ L({
|
|
@@ -26,97 +26,95 @@ const W = {
|
|
|
26
26
|
setup(e) {
|
|
27
27
|
const i = x(() => {
|
|
28
28
|
if (!e.description) return !1;
|
|
29
|
-
const
|
|
30
|
-
if (!
|
|
31
|
-
const t = new RegExp(
|
|
29
|
+
const a = [...e.description.matchAll(/<(\w+)[^>]*>/gm)];
|
|
30
|
+
if (!a.length) return !1;
|
|
31
|
+
const t = new RegExp(`</?${a[0][1]}/?>`, "gm");
|
|
32
32
|
return e.description.match(t);
|
|
33
33
|
});
|
|
34
|
-
return (
|
|
35
|
-
class:
|
|
34
|
+
return (a, t) => (n(), s("div", {
|
|
35
|
+
class: M(["slide-info", { active: e.isActive }])
|
|
36
36
|
}, [
|
|
37
|
-
|
|
37
|
+
l("div", {
|
|
38
38
|
role: "heading",
|
|
39
39
|
"aria-level": e.titleLevel,
|
|
40
40
|
class: "title"
|
|
41
41
|
}, [
|
|
42
|
-
D(
|
|
43
|
-
z(" " +
|
|
44
|
-
], 8,
|
|
45
|
-
i.value ? (n(),
|
|
42
|
+
D(a.$slots, "pagination"),
|
|
43
|
+
z(" " + v(e.title), 1)
|
|
44
|
+
], 8, Q),
|
|
45
|
+
i.value ? (n(), s("div", {
|
|
46
46
|
key: 0,
|
|
47
47
|
class: "description",
|
|
48
48
|
innerHTML: e.description
|
|
49
|
-
}, null, 8,
|
|
49
|
+
}, null, 8, U)) : e.description ? (n(), s("p", X, v(e.description), 1)) : T("", !0)
|
|
50
50
|
], 2));
|
|
51
51
|
}
|
|
52
|
-
}), ie = ".slide-info{transform:translate(100vw);grid-column:1;grid-row:1;height:fit-content;border-left:1px solid transparent;padding-left:16px;padding-top:4px}.slide-info p{margin-top:8px;margin-bottom:0}.slide-info.active{border-left-color:gray;transform:translate(0)}.slide-info .title{
|
|
52
|
+
}), ie = ".slide-info{transform:translate(100vw);grid-column:1;grid-row:1;height:fit-content;border-left:1px solid transparent;padding-left:16px;padding-top:4px}.slide-info p{margin-top:8px;margin-bottom:0}.slide-info.active{border-left-color:gray;transform:translate(0)}.slide-info .title{font-size:1.25rem;font-family:Nunito,sans-serif;font-style:normal;font-weight:700;line-height:1.75rem;min-height:24px}.slide-info .description{font-size:.875rem}.slide-info .description ul li,.slide-info .description ol li{margin-left:1rem}@media only screen and (max-width:576px){.slide-info.active{border:none;padding-left:0}}", E = /* @__PURE__ */ h(ee, [["styles", [ie]]]), te = ["aria-hidden", "aria-roledescription", "aria-label"], ne = {
|
|
53
|
+
key: 0,
|
|
54
|
+
class: "image-container"
|
|
55
|
+
}, se = ["alt", "src"], le = {
|
|
53
56
|
key: 0,
|
|
54
57
|
class: "license"
|
|
55
|
-
},
|
|
58
|
+
}, ae = ["href"], oe = {
|
|
56
59
|
key: 1,
|
|
57
60
|
class: "text-image-container"
|
|
58
|
-
},
|
|
61
|
+
}, re = ["alt", "src", "height"], de = ["innerHTML"], ce = ["innerHTML"], ue = /* @__PURE__ */ L({
|
|
59
62
|
__name: "Slide.ce",
|
|
60
63
|
props: {
|
|
61
64
|
slide: { type: Object },
|
|
62
65
|
isActive: { type: Boolean },
|
|
63
66
|
titleLevel: { type: Number },
|
|
64
|
-
aspectRatio: { type: Number },
|
|
65
67
|
label: { type: String },
|
|
66
68
|
direction: { type: Number },
|
|
67
69
|
type: { type: String },
|
|
68
70
|
disableAnimation: { type: Boolean }
|
|
69
71
|
},
|
|
70
72
|
setup(e) {
|
|
71
|
-
const i = window.matchMedia("(prefers-reduced-motion: reduce)"),
|
|
73
|
+
const i = window.matchMedia("(prefers-reduced-motion: reduce)"), a = e.disableAnimation ?? i.matches, t = C(e.isActive ? "on" : "off");
|
|
72
74
|
I(() => e.isActive, (f) => {
|
|
73
|
-
f ? (t.value =
|
|
75
|
+
f ? (t.value = a ? "on" : "initStart", window.setTimeout(() => {
|
|
74
76
|
t.value === "initStart" && (t.value = "on");
|
|
75
|
-
}, 20)) : (t.value =
|
|
77
|
+
}, 20)) : (t.value = a ? "off" : "initEnd", window.setTimeout(() => {
|
|
76
78
|
t.value === "initEnd" && (t.value = "off");
|
|
77
79
|
}, 800));
|
|
78
80
|
});
|
|
79
81
|
const r = x(() => e.direction === 1);
|
|
80
|
-
return (f, y) => (n(),
|
|
82
|
+
return (f, y) => (n(), s("div", {
|
|
81
83
|
role: "group",
|
|
82
|
-
class:
|
|
84
|
+
class: M(["slide", { active: e.isActive, [t.value]: t.value, "is-next": r.value, "disable-animation": u(a) }]),
|
|
83
85
|
"aria-hidden": !e.isActive,
|
|
84
86
|
"aria-roledescription": f.$t("pix-carousel.slide"),
|
|
85
87
|
"aria-label": e.label
|
|
86
88
|
}, [
|
|
87
|
-
e.type === "image" ? (n(),
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
style: S(`aspect-ratio: ${e.aspectRatio}`)
|
|
91
|
-
}, [
|
|
92
|
-
s("img", {
|
|
93
|
-
style: S(`max-width: ${e.slide.displayWidth}px`),
|
|
89
|
+
e.type === "image" ? (n(), s("div", ne, [
|
|
90
|
+
l("img", {
|
|
91
|
+
style: R(`max-width: ${e.slide.displayWidth}px`),
|
|
94
92
|
alt: e.slide.image.alt,
|
|
95
93
|
src: e.slide.image.src
|
|
96
|
-
}, null, 12,
|
|
97
|
-
e.slide.license ? (n(),
|
|
98
|
-
z(
|
|
99
|
-
|
|
94
|
+
}, null, 12, se),
|
|
95
|
+
e.slide.license ? (n(), s("p", le, [
|
|
96
|
+
z(v(e.slide.license.attribution) + " / ", 1),
|
|
97
|
+
l("a", {
|
|
100
98
|
href: e.slide.license.url,
|
|
101
99
|
target: "_blank"
|
|
102
|
-
},
|
|
103
|
-
])) :
|
|
104
|
-
]
|
|
105
|
-
|
|
100
|
+
}, v(e.slide.license.name), 9, ae)
|
|
101
|
+
])) : T("", !0)
|
|
102
|
+
])) : e.type === "image-text" ? (n(), s("div", oe, [
|
|
103
|
+
l("img", {
|
|
106
104
|
alt: e.slide.image.alt,
|
|
107
105
|
src: e.slide.image.src,
|
|
108
106
|
height: e.slide.displayHeight
|
|
109
|
-
}, null, 8,
|
|
110
|
-
|
|
107
|
+
}, null, 8, re),
|
|
108
|
+
l("div", {
|
|
111
109
|
innerHTML: e.slide.text,
|
|
112
110
|
class: "text-container"
|
|
113
|
-
}, null, 8,
|
|
114
|
-
])) : (n(),
|
|
111
|
+
}, null, 8, de)
|
|
112
|
+
])) : (n(), s("div", {
|
|
115
113
|
key: 2,
|
|
116
114
|
innerHTML: e.slide.text,
|
|
117
115
|
class: "text-container"
|
|
118
|
-
}, null, 8,
|
|
119
|
-
m(
|
|
116
|
+
}, null, 8, ce)),
|
|
117
|
+
m(E, {
|
|
120
118
|
description: e.slide.description,
|
|
121
119
|
title: e.slide.title,
|
|
122
120
|
"is-active": e.isActive,
|
|
@@ -125,7 +123,7 @@ const W = {
|
|
|
125
123
|
}, null, 8, ["description", "title", "is-active", "title-level"])
|
|
126
124
|
], 10, te));
|
|
127
125
|
}
|
|
128
|
-
}),
|
|
126
|
+
}), pe = ".slide{transition:transform ease-in-out .8s;height:100%}.slide.off,.slide.initStart{transition:none;transform:translate(100vw)}.slide.initStart.is-next,.slide.initEnd{transform:translate(-100vw)}.slide.initEnd.is-next{transform:translate(100vw)}.slide.on{transform:translate(0)}.slide.disable-animation{transition:none}.image-container{position:relative;display:flex;justify-content:center;align-items:center;margin:auto;max-width:890px;border-radius:8px}.image-container--is-not-image{justify-content:left}.image-container img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0px 8px 12px rgba(0,0,0,.2));border-radius:16px}.license{position:absolute;font-size:.8rem;bottom:0;margin:0;padding:2px 8px;max-width:50%;border-top-left-radius:8px;border-top-right-radius:8px;text-align:center;background:#ffffffe6}.text-container{margin:auto;width:fit-content}.text-image-container{display:flex;gap:12px;padding:0 16px}@media only screen and (max-width:576px){.license{font-size:.5rem}.image-container img{border-radius:8px;width:95%}.text-image-container{padding:16px}}@media(prefers-reduced-motion:reduce){.slide{transition:none}}", me = /* @__PURE__ */ h(ue, [["styles", [pe]]]), fe = {}, ve = {
|
|
129
127
|
width: "25",
|
|
130
128
|
height: "24",
|
|
131
129
|
viewBox: "0 0 25 24",
|
|
@@ -133,29 +131,29 @@ const W = {
|
|
|
133
131
|
xmlns: "http://www.w3.org/2000/svg"
|
|
134
132
|
};
|
|
135
133
|
function ge(e, i) {
|
|
136
|
-
return n(),
|
|
137
|
-
|
|
134
|
+
return n(), s("svg", ve, [...i[0] || (i[0] = [
|
|
135
|
+
l("path", {
|
|
138
136
|
d: "M11.6579 11.9996L15.4624 15.8039C15.6735 16.0152 15.7791 16.2804 15.7791 16.5996C15.7791 16.9188 15.6735 17.184 15.4624 17.3954C15.251 17.6065 14.9858 17.7121 14.6666 17.7121C14.3474 17.7121 14.0822 17.6065 13.8709 17.3954L9.27685 12.8014C9.16502 12.6894 9.08327 12.565 9.0316 12.4284C8.97994 12.2919 8.9541 12.1489 8.9541 11.9996C8.9541 11.8503 8.97994 11.7074 9.0316 11.5709C9.08327 11.4342 9.16502 11.3099 9.27685 11.1979L13.8709 6.60386C14.0822 6.39269 14.3474 6.28711 14.6666 6.28711C14.9858 6.28711 15.251 6.39269 15.4624 6.60386C15.6735 6.81519 15.7791 7.08044 15.7791 7.39961C15.7791 7.71878 15.6735 7.98403 15.4624 8.19536L11.6579 11.9996Z",
|
|
139
137
|
fill: "inherit"
|
|
140
138
|
}, null, -1)
|
|
141
139
|
])]);
|
|
142
140
|
}
|
|
143
|
-
const
|
|
141
|
+
const xe = /* @__PURE__ */ h(fe, [["render", ge]]), he = {}, be = {
|
|
144
142
|
width: "25",
|
|
145
143
|
height: "24",
|
|
146
144
|
viewBox: "0 0 25 24",
|
|
147
145
|
fill: "inherit",
|
|
148
146
|
xmlns: "http://www.w3.org/2000/svg"
|
|
149
147
|
};
|
|
150
|
-
function
|
|
151
|
-
return n(),
|
|
152
|
-
|
|
148
|
+
function ye(e, i) {
|
|
149
|
+
return n(), s("svg", be, [...i[0] || (i[0] = [
|
|
150
|
+
l("path", {
|
|
153
151
|
d: "M13.0754 11.9996L9.27085 8.19536C9.05969 7.98403 8.9541 7.71878 8.9541 7.39961C8.9541 7.08044 9.05969 6.81519 9.27085 6.60386C9.48219 6.39269 9.74743 6.28711 10.0666 6.28711C10.3858 6.28711 10.651 6.39269 10.8624 6.60386L15.4564 11.1979C15.5682 11.3099 15.6499 11.4342 15.7016 11.5709C15.7533 11.7074 15.7791 11.8503 15.7791 11.9996C15.7791 12.1489 15.7533 12.2919 15.7016 12.4284C15.6499 12.565 15.5682 12.6894 15.4564 12.8014L10.8624 17.3954C10.651 17.6065 10.3858 17.7121 10.0666 17.7121C9.74743 17.7121 9.48219 17.6065 9.27085 17.3954C9.05969 17.184 8.9541 16.9188 8.9541 16.5996C8.9541 16.2804 9.05969 16.0152 9.27085 15.8039L13.0754 11.9996Z",
|
|
154
152
|
fill: "inherit"
|
|
155
153
|
}, null, -1)
|
|
156
154
|
])]);
|
|
157
155
|
}
|
|
158
|
-
const
|
|
156
|
+
const we = /* @__PURE__ */ h(he, [["render", ye]]), _e = ["aria-roledescription"], Ce = ["id"], Le = { class: "footer" }, $e = { class: "control" }, Se = { class: "slide-info-container" }, ke = { class: "pagination" }, Ae = /* @__PURE__ */ L({
|
|
159
157
|
__name: "Carousel.ce",
|
|
160
158
|
props: {
|
|
161
159
|
randomSlides: { type: Boolean },
|
|
@@ -163,104 +161,102 @@ const ye = /* @__PURE__ */ h(xe, [["render", be]]), we = ["aria-roledescription"
|
|
|
163
161
|
slides: { type: Array },
|
|
164
162
|
titleLevel: { type: Number },
|
|
165
163
|
disableAnimation: { type: Boolean },
|
|
166
|
-
disableLoop: { type: Boolean }
|
|
167
|
-
aspectRatio: { type: Number }
|
|
164
|
+
disableLoop: { type: Boolean }
|
|
168
165
|
},
|
|
169
166
|
setup(e) {
|
|
170
|
-
const i = e,
|
|
167
|
+
const i = e, a = i.titleLevel ?? 2, t = x(() => i.randomSlides ? [...i.slides].sort(() => Math.round(Math.random()) === 0 ? -1 : 1) : i.slides), r = C(0), f = C(1), y = x(() => i.disableLoop && r.value === 0), $ = x(() => i.disableLoop && r.value === i.slides.length - 1);
|
|
171
168
|
function b(o) {
|
|
172
169
|
f.value = o, r.value = (r.value - o + i.slides.length) % i.slides.length;
|
|
173
170
|
}
|
|
174
|
-
const
|
|
175
|
-
return (o, d) => (n(),
|
|
171
|
+
const g = V();
|
|
172
|
+
return (o, d) => (n(), s("section", {
|
|
176
173
|
"aria-roledescription": o.$t("pix-carousel.title")
|
|
177
174
|
}, [
|
|
178
|
-
|
|
175
|
+
l("div", {
|
|
179
176
|
"aria-live": "polite",
|
|
180
177
|
class: "slides",
|
|
181
|
-
id: u(
|
|
178
|
+
id: u(g)
|
|
182
179
|
}, [
|
|
183
|
-
m(
|
|
180
|
+
m(B, {
|
|
184
181
|
class: "carousel__nav previous",
|
|
185
182
|
disabled: y.value,
|
|
186
|
-
"aria-controls": u(
|
|
183
|
+
"aria-controls": u(g),
|
|
187
184
|
onClick: d[0] || (d[0] = (c) => b(1)),
|
|
188
185
|
label: o.$t("pix-carousel.previous"),
|
|
189
186
|
"tooltip-position": "right"
|
|
190
187
|
}, {
|
|
191
188
|
default: w(() => [
|
|
192
|
-
m(
|
|
189
|
+
m(xe, { "aria-hidden": "true" })
|
|
193
190
|
]),
|
|
194
191
|
_: 1
|
|
195
192
|
}, 8, ["disabled", "aria-controls", "label"]),
|
|
196
|
-
(n(!0),
|
|
193
|
+
(n(!0), s(S, null, k(t.value, (c, p) => (n(), A(me, {
|
|
197
194
|
key: p,
|
|
198
195
|
slide: c,
|
|
199
196
|
direction: f.value,
|
|
200
197
|
label: o.$t("pix-carousel.of", { currentSlide: p + 1, slideLength: t.value.length }),
|
|
201
198
|
"is-active": r.value === p,
|
|
202
|
-
"title-level": u(
|
|
203
|
-
"aspect-ratio": e.aspectRatio,
|
|
199
|
+
"title-level": u(a),
|
|
204
200
|
type: e.type,
|
|
205
201
|
"disable-animation": e.disableAnimation
|
|
206
|
-
}, null, 8, ["slide", "direction", "label", "is-active", "title-level", "
|
|
207
|
-
m(
|
|
202
|
+
}, null, 8, ["slide", "direction", "label", "is-active", "title-level", "type", "disable-animation"]))), 128)),
|
|
203
|
+
m(B, {
|
|
208
204
|
class: "carousel__nav next",
|
|
209
205
|
disabled: $.value,
|
|
210
|
-
"aria-controls": u(
|
|
206
|
+
"aria-controls": u(g),
|
|
211
207
|
onClick: d[1] || (d[1] = (c) => b(-1)),
|
|
212
208
|
label: o.$t("pix-carousel.next"),
|
|
213
209
|
"tooltip-position": "left"
|
|
214
210
|
}, {
|
|
215
211
|
default: w(() => [
|
|
216
|
-
m(
|
|
212
|
+
m(we, { "aria-hidden": "true" })
|
|
217
213
|
]),
|
|
218
214
|
_: 1
|
|
219
215
|
}, 8, ["disabled", "aria-controls", "label"])
|
|
220
|
-
], 8,
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
m(
|
|
216
|
+
], 8, Ce),
|
|
217
|
+
l("div", Le, [
|
|
218
|
+
l("div", $e, [
|
|
219
|
+
m(j, {
|
|
224
220
|
onClick: d[2] || (d[2] = (c) => b(1)),
|
|
225
221
|
label: o.$t("pix-carousel.previous"),
|
|
226
|
-
"aria-controls": u(
|
|
222
|
+
"aria-controls": u(g),
|
|
227
223
|
direction: "previous",
|
|
228
224
|
disabled: y.value
|
|
229
225
|
}, null, 8, ["label", "aria-controls", "disabled"]),
|
|
230
|
-
m(
|
|
226
|
+
m(j, {
|
|
231
227
|
onClick: d[3] || (d[3] = (c) => b(-1)),
|
|
232
228
|
label: o.$t("pix-carousel.next"),
|
|
233
|
-
"aria-controls": u(
|
|
229
|
+
"aria-controls": u(g),
|
|
234
230
|
direction: "next",
|
|
235
231
|
disabled: $.value
|
|
236
232
|
}, null, 8, ["label", "aria-controls", "disabled"])
|
|
237
233
|
]),
|
|
238
|
-
|
|
239
|
-
(n(!0),
|
|
234
|
+
l("div", Se, [
|
|
235
|
+
(n(!0), s(S, null, k(t.value, (c, p) => (n(), A(E, {
|
|
240
236
|
key: p,
|
|
241
237
|
description: c.description,
|
|
242
238
|
title: c.title,
|
|
243
|
-
"title-level": u(
|
|
239
|
+
"title-level": u(a),
|
|
244
240
|
"is-active": r.value === p,
|
|
245
241
|
"aria-hidden": "true"
|
|
246
242
|
}, {
|
|
247
243
|
pagination: w(() => [
|
|
248
|
-
|
|
244
|
+
l("span", ke, v(p + 1) + " / " + v(t.value.length), 1)
|
|
249
245
|
]),
|
|
250
246
|
_: 2
|
|
251
247
|
}, 1032, ["description", "title", "title-level", "is-active"]))), 128))
|
|
252
248
|
])
|
|
253
249
|
])
|
|
254
|
-
], 8,
|
|
250
|
+
], 8, _e));
|
|
255
251
|
}
|
|
256
|
-
}),
|
|
257
|
-
F(/* @__PURE__ */ Object.assign({ "./locales/en.json": W, "./locales/es-419.json": Z, "./locales/es.json": J, "./locales/fr.json": K, "./locales/it.json":
|
|
258
|
-
const
|
|
252
|
+
}), Ne = "*{--pix-neutral-0: white;--pix-neutral-100: #cdd1d9;--pix-neutral-800: #253858;--pix-primary-100: #cec3f4;--pix-primary-300: #957ee8;--pix-primary-700: #452d9d;--pix-primary-900: #291a5d;font-family:Roboto,sans-serif;color:var(--pix-neutral-800)}section{display:flex;flex-direction:column;gap:12px;overflow:hidden;padding-top:12px}section .slides{display:grid;grid-template-columns:32px auto 32px;gap:16px;width:100%}section .slides .slide{align-items:center;display:flex;grid-row:1;grid-column:2}section .slides .carousel__nav{height:80%;margin:auto 0;background:var(--pix-primary-100);fill:var(--pix-neutral-800);border:none;cursor:pointer;z-index:9;padding:0}section .slides .carousel__nav:hover{background:var(--pix-primary-300);fill:var(--pix-neutral-0)}section .slides .carousel__nav:active,section .slides .carousel__nav:focus,section .slides .carousel__nav:focus-visible{background:var(--pix-primary-700);fill:var(--pix-neutral-0)}section .slides .carousel__nav:focus,section .slides .carousel__nav:focus-visible{outline-offset:-4px;outline:1px solid var(--pix-neutral-0)}section .slides .carousel__nav.previous{border-top-right-radius:1rem;border-bottom-right-radius:1rem}section .slides .carousel__nav.next{border-top-left-radius:1rem;border-bottom-left-radius:1rem}section .slides .carousel__nav.disabled,section .slides .carousel__nav.disabled:hover{background:transparent;cursor:not-allowed;fill:var(--pix-neutral-100)}.footer{padding:16px 56px;display:flex;align-items:start;gap:16px}.footer .footer-separator{border-left:1px solid;width:1px}.footer .control{display:flex;gap:8px;align-items:center}.footer .tooltip-container button.disabled{fill:var(--pix-neutral-100)}.footer .slide-info-container{display:grid;grid-template-columns:1fr}.footer .slide-info-container .pagination{display:inline-flex;align-items:center;font-size:.75rem;font-family:Roboto,sans-serif;font-weight:400;color:var(--pix-primary-900);border-radius:50px;padding:3px 12px;background-color:var(--pix-primary-100);height:18px;text-wrap:nowrap;transform:translateY(-.25rem)}.footer .info{display:grid;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media only screen and (max-width:576px){section .slides{grid-template-columns:0 100% 0;gap:0}section .slides .carousel__nav{display:none}.footer{flex-direction:column;padding:16px}.footer .footer-separator{display:none}}", Be = /* @__PURE__ */ h(Ae, [["styles", [Ne]]]);
|
|
253
|
+
F(/* @__PURE__ */ Object.assign({ "./locales/en.json": W, "./locales/es-419.json": Z, "./locales/es.json": J, "./locales/fr.json": K, "./locales/it.json": Y, "./locales/nl.json": q })).catch((e) => console.error(e));
|
|
254
|
+
const H = P(Be, {
|
|
259
255
|
configureApp(e) {
|
|
260
|
-
|
|
256
|
+
N.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(G, { i18next: N });
|
|
261
257
|
}
|
|
262
258
|
});
|
|
263
|
-
|
|
259
|
+
H.prototype.normalizeProps = (e) => ({
|
|
264
260
|
...e,
|
|
265
261
|
titleLevel: _(e.titleLevel),
|
|
266
262
|
slides: e.slides.map((i) => ({
|
|
@@ -270,4 +266,4 @@ R.prototype.normalizeProps = (e) => ({
|
|
|
270
266
|
license: O(i.license)
|
|
271
267
|
}))
|
|
272
268
|
});
|
|
273
|
-
window.customElements.define("pix-carousel",
|
|
269
|
+
window.customElements.define("pix-carousel", H);
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { d as y, k as b, c as o, o as l, f as
|
|
1
|
+
import { d as y, k as b, c as o, o as l, f as n, E as g, t as c, D as k, _ as C, O as E, P as j, r as _, l as R, A as V, Q as O, g as G, F as I, a as S, b as M, G as P, q as Q, y as F, e as H } from "../_plugin-vue_export-helper-BGEtPlxS.js";
|
|
2
2
|
import { i as a, a as U, b as W } from "../i18n-D3E2CT0o.js";
|
|
3
3
|
import { u as Z } from "../normalize-props-AlmAfi_u.js";
|
|
4
4
|
const J = {}, K = {}, X = {}, Y = {
|
|
5
|
-
"qcm-deepfake": { options: ["une photo de sa chanteuse préférée", "une chanson de sa chanteuse préférée", "
|
|
6
|
-
}, ee = {}, te = {}, ae = ["aria-hidden"], ie = ["aria-level"],
|
|
5
|
+
"qcm-deepfake": { options: ["une photo de sa chanteuse préférée", "une chanson de sa chanteuse préférée", "les partitions de la chanson", "une photo de Caroline", "un enregistrement de Caroline qui dit quelques phrases"], iaResultInfo: "Retrouvez ici les résultats du logiciel d'IA générative :", iaResultGenerated: "Résultat généré par le logiciel d'IA générative", in: "Entrée", out: "Sortie", waiting: "Logiciel d'IA générative", selectThreeElements: "Sélectionnez 3 éléments pour générer la vidéo de Caroline :", generateVideo: "Générer la vidéo !", loading: "Chargement…", restart: "Recommencer", element_one: "élément", element_other: "éléments", generateVideoInfo_one: "Plus que {{count}} élément", generateVideoInfo_other: "Plus que {{count}} éléments", restartInfo: "Essayez avec de nouveaux éléments", success: { title: "Bien joué !", description: "C'est bien la vidéo de Caroline. Vous avez utilisé les bons éléments." }, fail: { title: "Pas exactement…", description: "Le résultat ne convient pas. Recommencez en changeant les éléments en entrée." } }
|
|
6
|
+
}, ee = {}, te = {}, ae = ["aria-hidden"], ie = ["aria-level"], se = ["src"], ne = {
|
|
7
7
|
key: 1,
|
|
8
8
|
class: "description"
|
|
9
9
|
}, le = ["src"], oe = ["aria-level"], re = /* @__PURE__ */ y({
|
|
@@ -23,7 +23,7 @@ const J = {}, K = {}, X = {}, Y = {
|
|
|
23
23
|
class: "right-container",
|
|
24
24
|
"aria-hidden": e.type !== e.stateAnswer
|
|
25
25
|
}, [
|
|
26
|
-
|
|
26
|
+
n("div", {
|
|
27
27
|
class: "subtitle",
|
|
28
28
|
role: "heading",
|
|
29
29
|
"aria-level": e.titleLevel
|
|
@@ -32,8 +32,8 @@ const J = {}, K = {}, X = {}, Y = {
|
|
|
32
32
|
key: 0,
|
|
33
33
|
src: e.image,
|
|
34
34
|
alt: ""
|
|
35
|
-
}, null, 8,
|
|
36
|
-
e.type === "success" || e.type === "fail" ? (l(), o("p",
|
|
35
|
+
}, null, 8, se)) : g("", !0),
|
|
36
|
+
e.type === "success" || e.type === "fail" ? (l(), o("p", ne, c(e.title), 1)) : g("", !0),
|
|
37
37
|
e.type !== "search" ? (l(), o("img", {
|
|
38
38
|
key: 2,
|
|
39
39
|
src: e.image,
|
|
@@ -43,12 +43,12 @@ const J = {}, K = {}, X = {}, Y = {
|
|
|
43
43
|
key: 3,
|
|
44
44
|
class: k(["answer-block", e.stateAnswer])
|
|
45
45
|
}, [
|
|
46
|
-
|
|
46
|
+
n("div", {
|
|
47
47
|
class: "answer-block__title",
|
|
48
48
|
role: "heading",
|
|
49
49
|
"aria-level": e.titleLevel + 1
|
|
50
50
|
}, c(e.messageTitle), 9, oe),
|
|
51
|
-
|
|
51
|
+
n("p", null, c(e.messageDescription), 1)
|
|
52
52
|
], 2)) : g("", !0)
|
|
53
53
|
], 8, ae));
|
|
54
54
|
}
|
|
@@ -77,7 +77,7 @@ const J = {}, K = {}, X = {}, Y = {
|
|
|
77
77
|
}), (v, p) => (l(), o("label", {
|
|
78
78
|
class: k({ selected: r.value, disabled: t.value })
|
|
79
79
|
}, [
|
|
80
|
-
R(
|
|
80
|
+
R(n("input", {
|
|
81
81
|
type: "checkbox",
|
|
82
82
|
name: "options",
|
|
83
83
|
onClick: h,
|
|
@@ -113,10 +113,10 @@ const J = {}, K = {}, X = {}, Y = {
|
|
|
113
113
|
failImage: { type: String },
|
|
114
114
|
infoImage: { type: String },
|
|
115
115
|
searchImage: { type: String },
|
|
116
|
-
searchDelay: { default:
|
|
116
|
+
searchDelay: { default: 3e3, type: Number }
|
|
117
117
|
},
|
|
118
118
|
setup(e, { expose: f }) {
|
|
119
|
-
const i = _([]), r = [2, 4, 5], t = _("info"), h = G("optionsNode"), v = a.t("qcm-deepfake.options", { returnObjects: !0 }), p = ["👩🎤", "🎧", "
|
|
119
|
+
const i = _([]), r = [2, 4, 5], t = _("info"), h = G("optionsNode"), v = a.t("qcm-deepfake.options", { returnObjects: !0 }), p = ["👩🎤", "🎧", "🎶", "👩", "🎙️"], m = v.map((d, s) => `${p[s]} ${d}`), N = m.filter((d, s) => r.includes(s + 1)), D = [
|
|
120
120
|
{
|
|
121
121
|
type: "info",
|
|
122
122
|
image: e.infoImage
|
|
@@ -150,26 +150,26 @@ const J = {}, K = {}, X = {}, Y = {
|
|
|
150
150
|
}), i.value = [], t.value = "info";
|
|
151
151
|
}
|
|
152
152
|
async function B() {
|
|
153
|
-
const d = i.value.every((
|
|
154
|
-
t.value = "search", await new Promise((
|
|
153
|
+
const d = i.value.every((s) => N.includes(s.trim()));
|
|
154
|
+
t.value = "search", await new Promise((s) => setTimeout(s, e.searchDelay)), d ? t.value = "success" : t.value = "fail";
|
|
155
155
|
}
|
|
156
156
|
return f({
|
|
157
157
|
reset: x
|
|
158
|
-
}), (d,
|
|
159
|
-
|
|
160
|
-
|
|
158
|
+
}), (d, s) => (l(), o("div", ve, [
|
|
159
|
+
n("form", pe, [
|
|
160
|
+
n("div", {
|
|
161
161
|
class: "left-side__subtitle",
|
|
162
162
|
role: "heading",
|
|
163
163
|
"aria-level": e.titleLevel
|
|
164
164
|
}, c(d.$t("qcm-deepfake.in")), 9, be),
|
|
165
|
-
|
|
166
|
-
|
|
165
|
+
n("fieldset", null, [
|
|
166
|
+
n("legend", he, c(d.$t("qcm-deepfake.selectThreeElements")), 1),
|
|
167
167
|
(l(!0), o(I, null, S(P(m), (u, q) => (l(), M(ge, {
|
|
168
168
|
ref_for: !0,
|
|
169
169
|
ref_key: "optionsNode",
|
|
170
170
|
ref: h,
|
|
171
171
|
modelValue: i.value,
|
|
172
|
-
"onUpdate:modelValue":
|
|
172
|
+
"onUpdate:modelValue": s[0] || (s[0] = (A) => i.value = A),
|
|
173
173
|
key: q,
|
|
174
174
|
class: "left-side__options",
|
|
175
175
|
option: u,
|
|
@@ -177,15 +177,15 @@ const J = {}, K = {}, X = {}, Y = {
|
|
|
177
177
|
readonly: t.value !== "info"
|
|
178
178
|
}, null, 8, ["modelValue", "option", "value", "readonly"]))), 128))
|
|
179
179
|
]),
|
|
180
|
-
|
|
181
|
-
|
|
180
|
+
n("div", _e, [
|
|
181
|
+
n("button", {
|
|
182
182
|
onClick: Q(z, ["prevent"]),
|
|
183
183
|
class: k(["left-side__button", { generate: t.value === "info" }]),
|
|
184
184
|
"aria-disabled": w.value,
|
|
185
185
|
"aria-describedby": ["success", "search"].includes(t.value) ? void 0 : "optionsSelectedInfo"
|
|
186
186
|
}, [
|
|
187
|
-
t.value === "success" || t.value === "fail" ? (l(), o("svg", ke, [...
|
|
188
|
-
|
|
187
|
+
t.value === "success" || t.value === "fail" ? (l(), o("svg", ke, [...s[1] || (s[1] = [
|
|
188
|
+
n("path", {
|
|
189
189
|
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",
|
|
190
190
|
fill: "#122647"
|
|
191
191
|
}, null, -1)
|
|
@@ -195,7 +195,7 @@ const J = {}, K = {}, X = {}, Y = {
|
|
|
195
195
|
["success", "search"].includes(t.value) ? g("", !0) : (l(), o("p", Ce, c(L.value), 1))
|
|
196
196
|
])
|
|
197
197
|
]),
|
|
198
|
-
|
|
198
|
+
n("div", we, [
|
|
199
199
|
(l(), o(I, null, S(D, (u) => F(ce, {
|
|
200
200
|
key: u,
|
|
201
201
|
"title-level": e.titleLevel,
|
|
@@ -209,7 +209,7 @@ const J = {}, K = {}, X = {}, Y = {
|
|
|
209
209
|
])
|
|
210
210
|
]));
|
|
211
211
|
}
|
|
212
|
-
}), qe = "legend,label,p,div[role=heading]{font-family:Nunito,Roboto,sans-serif;color:#253858}", Ie = ".container[data-v-
|
|
212
|
+
}), qe = "legend,label,p,div[role=heading]{font-family:Nunito,Roboto,sans-serif;color:#253858}", Ie = ".container[data-v-70eee258]{display:flex;gap:.8rem}.title[data-v-70eee258]{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:16px}.left-side[data-v-70eee258]{min-width:60%;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;border-radius:10px}.left-side__lower-legend[data-v-70eee258]{font-size:.875rem;color:#5e6c84}.left-side__subtitle[data-v-70eee258]{font-size:1.25rem;font-weight:700;text-align:center}.left-side__options[data-v-70eee258]{display:flex;border:solid 1px #5e6c84;padding:.6rem;border-radius:5px;gap:.5rem}.left-side__description[data-v-70eee258]{font-weight:700}.left-side__button[data-v-70eee258]{display:flex;gap:.5rem;align-items:center;border:none;padding:.6rem 1.5rem;background:#ffcb33;color:#000;border-radius:25px;font-weight:700;cursor:pointer}.left-side__button.generate[data-v-70eee258]{background:#613fdd;color:#fff}.left-side__button[aria-disabled=true][data-v-70eee258]{cursor:not-allowed;background:#d3d3d3}.left-side__action[data-v-70eee258]{display:flex;flex-direction:column;align-items:center;text-align:center}.right-side[data-v-70eee258]{display:grid;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;text-align:center;border-radius:10px}fieldset[data-v-70eee258]{border:none;display:flex;flex-direction:column;gap:.8rem}@media(max-width:770px){.container[data-v-70eee258]{flex-wrap:wrap}.left-side[data-v-70eee258],.right-side[data-v-70eee258]{width:100%}}", Se = /* @__PURE__ */ C(xe, [["styles", [qe, Ie]], ["__scopeId", "data-v-70eee258"]]);
|
|
213
213
|
U(/* @__PURE__ */ Object.assign({ "./locales/en.json": J, "./locales/es-419.json": K, "./locales/es.json": X, "./locales/fr.json": Y, "./locales/it.json": ee, "./locales/nl.json": te })).catch((e) => console.error(e));
|
|
214
214
|
const $ = H(Se, {
|
|
215
215
|
configureApp(e) {
|
package/dist/schema.js
CHANGED
|
@@ -1,30 +1,9 @@
|
|
|
1
1
|
import e from "joi";
|
|
2
|
-
const
|
|
2
|
+
const n = e.object({
|
|
3
3
|
titleLevel: e.number().optional()
|
|
4
4
|
}), a = e.object({
|
|
5
5
|
titleLevel: e.number().optional(),
|
|
6
|
-
|
|
7
|
-
initial: e.object({
|
|
8
|
-
capacityImg: e.string().required(),
|
|
9
|
-
consumptionImg: e.string().required()
|
|
10
|
-
}).required(),
|
|
11
|
-
normal_weak: e.object({
|
|
12
|
-
capacityImg: e.string().required(),
|
|
13
|
-
consumptionImg: e.string().required()
|
|
14
|
-
}).required(),
|
|
15
|
-
normal_medium: e.object({
|
|
16
|
-
capacityImg: e.string().required(),
|
|
17
|
-
consumptionImg: e.string().required()
|
|
18
|
-
}).required(),
|
|
19
|
-
warning: e.object({
|
|
20
|
-
capacityImg: e.string().required(),
|
|
21
|
-
consumptionImg: e.string().required()
|
|
22
|
-
}).required(),
|
|
23
|
-
error: e.object({
|
|
24
|
-
capacityImg: e.string().required(),
|
|
25
|
-
consumptionImg: e.string().required()
|
|
26
|
-
}).required()
|
|
27
|
-
}).required()
|
|
6
|
+
capacityImage: e.string().required()
|
|
28
7
|
}), c = e.object({
|
|
29
8
|
image: e.object({
|
|
30
9
|
src: e.string().required(),
|
|
@@ -56,7 +35,7 @@ const o = e.object({
|
|
|
56
35
|
userMessage: e.string().required(),
|
|
57
36
|
llmMessage: e.string().required(),
|
|
58
37
|
wordsToAdd: e.array().items(e.string()).required()
|
|
59
|
-
}),
|
|
38
|
+
}), l = e.object({
|
|
60
39
|
titleLevel: e.number().optional(),
|
|
61
40
|
name: e.string().required(),
|
|
62
41
|
cardList: e.array().items(
|
|
@@ -83,7 +62,7 @@ const o = e.object({
|
|
|
83
62
|
response: e.string().optional()
|
|
84
63
|
}).required()
|
|
85
64
|
).required()
|
|
86
|
-
}).required(),
|
|
65
|
+
}).required(), d = e.object({
|
|
87
66
|
quizzes: e.array().items(i).required()
|
|
88
67
|
}).required(), m = e.object({
|
|
89
68
|
title: e.string().required(),
|
|
@@ -141,7 +120,6 @@ const o = e.object({
|
|
|
141
120
|
{ is: "text", then: e.array().items(p) }
|
|
142
121
|
]
|
|
143
122
|
}).required(),
|
|
144
|
-
aspectRatio: e.number().min(0).required(),
|
|
145
123
|
randomSlides: e.boolean().required(),
|
|
146
124
|
titleLevel: e.number().integer().optional(),
|
|
147
125
|
disableAnimation: e.boolean().required(),
|
|
@@ -173,7 +151,7 @@ const o = e.object({
|
|
|
173
151
|
}).required(), t = e.object({
|
|
174
152
|
direction: e.string().valid("inbound", "outbound").required(),
|
|
175
153
|
content: e.string().required()
|
|
176
|
-
}),
|
|
154
|
+
}), f = e.object({
|
|
177
155
|
messages: e.array().items(t.required()).required()
|
|
178
156
|
}).required(), w = e.object({
|
|
179
157
|
speed: e.number().default(20).min(0).optional(),
|
|
@@ -184,16 +162,16 @@ const o = e.object({
|
|
|
184
162
|
response: e.string().required()
|
|
185
163
|
}).required()
|
|
186
164
|
).required()
|
|
187
|
-
}).required(),
|
|
165
|
+
}).required(), L = e.object({
|
|
188
166
|
titleLevel: e.number().optional(),
|
|
189
167
|
successImage: e.string().required(),
|
|
190
168
|
failImage: e.string().required(),
|
|
191
169
|
infoImage: e.string().required(),
|
|
192
170
|
searchImage: e.string().required()
|
|
193
|
-
}),
|
|
171
|
+
}), S = /* @__PURE__ */ Object.assign({ "./calcul-impact/calcul-impact.schema.js": n, "./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": l, "./image-quiz/image-quiz.schema.js": i, "./image-quiz/image-quizzes.schema.js": d, "./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": f, "./pix-llm/llm-prompt-select.schema.js": w, "./qcm-deepfake/qcm-deepfake.schema.js": L }), z = Object.fromEntries(Object.entries(S).map(([s, o]) => [
|
|
194
172
|
s.replace(/^.*\/([^/]+)\.schema\.js$/, "$1"),
|
|
195
|
-
|
|
173
|
+
o
|
|
196
174
|
]));
|
|
197
175
|
export {
|
|
198
|
-
|
|
176
|
+
z as schema
|
|
199
177
|
};
|