@1024pix/epreuves-components 2.1.0 → 2.2.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.
- package/dist/{LLMMessage.ce-CcaSmq0J.js → LLMMessage.ce-D_SYQOna.js} +22 -22
- package/dist/{Loading.ce-kO02LfAR.js → Loading.ce-CjAv1WaY.js} +1 -1
- package/dist/{NavigationButton.ce-BUeEdL4x.js → NavigationButton.ce-DlErTyfv.js} +5 -5
- package/dist/Retry--whpA3a8.js +18 -0
- package/dist/{_plugin-vue_export-helper-BGEtPlxS.js → _plugin-vue_export-helper-CP5OpzZH.js} +976 -966
- package/dist/components/calcul-impact.ce.js.js +2 -2
- package/dist/components/capacity-calculation.ce.js.js +116 -129
- package/dist/components/clickable-image.ce.js.js +86 -69
- package/dist/components/complete-phrase.ce.js.js +129 -66
- package/dist/components/flip-cards.ce.js.js +4 -4
- 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 +6 -6
- package/dist/components/llm-prompt-select.ce.js.js +10 -10
- package/dist/components/message-conversation.ce.js.js +14 -14
- package/dist/components/pix-article.ce.js.js +2 -2
- package/dist/components/pix-carousel.ce.js.js +11 -12
- package/dist/components/pix-cursor.ce.js.js +10 -10
- package/dist/components/qcm-deepfake.ce.js.js +107 -100
- package/dist/{i18n-D3E2CT0o.js → i18n-BB4WILwM.js} +12 -12
- package/dist/{image-quiz.ce-Qe3SbGDF.js → image-quiz.ce-UlVFo5Sr.js} +11 -11
- package/dist/index.js +1 -1
- package/dist/metadata.js +1 -1
- package/dist/schema.js +7 -4
- package/dist/{shadow-dom-Bqt3ZRMI.js → shadow-dom-D3DtD_VO.js} +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { d as j,
|
|
2
|
-
import { a as H, i as V, b as Q } from "../i18n-
|
|
1
|
+
import { d as j, A as T, c as p, o as d, F as U, z as v, M as r, E as C, a as e, y as a, B as _, T as D, _ as z, r as l, l as N, e as G, G as E, N as x, f as K } from "../_plugin-vue_export-helper-CP5OpzZH.js";
|
|
2
|
+
import { a as H, i as V, b as Q } from "../i18n-BB4WILwM.js";
|
|
3
3
|
import { u as J } from "../normalize-props-AlmAfi_u.js";
|
|
4
4
|
const X = {}, Z = {}, ee = {}, te = {
|
|
5
5
|
"calcul-impact": { title: "Calculez votre impact IA", subtitle: "Quels ont été vos usages de l'IA la semaine dernière ?", numberOfConversationLabel: "Nombre de conversations courtes :", numberOfImagesLabel: "Nombre de créations d’images :", seePersonalImpact: "Voir votre impact personnel sur une semaine", seeCollectiveImpact: "Si 1 million de personnes faisaient comme vous toutes les semaines pendant un an", legals: "Estimations basées sur l'étude Hugging Face, Carnegie Mellon University, Allen Institute for AI, Oct 2024", yourPersonalImpact: "Votre impact personnel", consumptionForAWeek: "Votre consommation sur une semaine", consumptionForAYear: "1 million de personnes toutes les semaines pendant un an", personalConsumption: "Vous avez consommé environ {{energy}} Wh", personalDuration: "Cela équivaut à {{number}} minutes de micro-ondes", collectiveConsumption: "Cela représenterait {{energy}} kWh, soit l'équivalent de la consommation en électricité de {{homes}} foyers français", collectiveDuration: "Équivalent à {{number}} minutes de micro-ondes", planeKilometers: "Et {{kilometers}} km parcourus en avion", yourCollectiveImpact: "Impact collectif simulé" }
|
|
@@ -1,42 +1,29 @@
|
|
|
1
|
-
import { d as C, c as
|
|
2
|
-
import { i as
|
|
3
|
-
import { u as
|
|
4
|
-
|
|
1
|
+
import { d as C, c as d, o, v as m, L as D, B as $, y as r, _ as v, O, P as h, r as g, k as x, a as t, z as L, F as R, b as z, G as V, q as Z, R as F, M as T, e as f, E as N, f as P } from "../_plugin-vue_export-helper-CP5OpzZH.js";
|
|
2
|
+
import { i as k, a as G, b as W } from "../i18n-BB4WILwM.js";
|
|
3
|
+
import { u as H } from "../normalize-props-AlmAfi_u.js";
|
|
4
|
+
import { R as K } from "../Retry--whpA3a8.js";
|
|
5
|
+
const J = {}, X = {}, Y = {}, aa = {
|
|
5
6
|
"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
|
-
},
|
|
7
|
-
__name: "
|
|
7
|
+
}, ea = {}, ta = {}, ca = /* @__PURE__ */ C({
|
|
8
|
+
__name: "Button.ce",
|
|
8
9
|
props: {
|
|
9
|
-
disabled: { type: Boolean },
|
|
10
10
|
label: { type: String },
|
|
11
11
|
state: { type: String }
|
|
12
12
|
},
|
|
13
13
|
setup(a) {
|
|
14
|
-
return (
|
|
15
|
-
class:
|
|
16
|
-
"aria-disabled": a.disabled
|
|
14
|
+
return (c, _) => (o(), d("button", {
|
|
15
|
+
class: m(["epreuve-button", a.state])
|
|
17
16
|
}, [
|
|
18
|
-
D(
|
|
19
|
-
|
|
20
|
-
],
|
|
17
|
+
D(c.$slots, "icon"),
|
|
18
|
+
$(" " + r(a.label), 1)
|
|
19
|
+
], 2));
|
|
21
20
|
}
|
|
22
|
-
}),
|
|
23
|
-
width: "20",
|
|
24
|
-
height: "20",
|
|
25
|
-
viewBox: "0 0 20 20",
|
|
26
|
-
fill: "currentColor",
|
|
27
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
28
|
-
};
|
|
29
|
-
function sa(a, i) {
|
|
30
|
-
return n(), r("svg", oa, [...i[0] || (i[0] = [
|
|
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
|
-
])]);
|
|
33
|
-
}
|
|
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 = {
|
|
21
|
+
}), la = ".epreuve-button{--pix-neutral-0: #fff;--pix-neutral-800: #253858;--pix-neutral-900: #122647;--pix-secondary-500: #ffcb33;--pix-secondary-700: #a16206}.epreuve-button.primary{--background-color: var(--pix-neutral-800);--background-color-hover: var(--pix-neutral-900);--color: var(--pix-neutral-0);--color-hover: var(--pix-neutral-0)}.epreuve-button.warning{--background-color: var(--pix-secondary-500);--background-color-hover: var(--pix-secondary-700);--color: var(--pix-neutral-900);--color-hover: var(--pix-neutral-0)}.epreuve-button.primary,.epreuve-button.warning{align-items:center;background-color:var(--background-color);border:2px solid transparent;border-radius:8px;color:var(--color);cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:1rem;font-weight:700;justify-content:center;gap:8px;line-height:24px;margin:0 auto;outline:none;padding:8px 24px;transition:background-color ease .5s,color ease .5s;width:fit-content;white-space:nowrap}:is(.epreuve-button.primary,.epreuve-button.warning)[aria-disabled=true]{cursor:not-allowed;opacity:.5}:is(.epreuve-button.primary,.epreuve-button.warning):not([aria-disabled=true]):hover{background-color:var(--background-color-hover);color:var(--color-hover);transition:background-color ease .5s,color ease .5s}:is(.epreuve-button.primary,.epreuve-button.warning):not([aria-disabled=true]):hover svg{color:var(--color-hover);transition:color ease .5s}:is(.epreuve-button.primary,.epreuve-button.warning):focus,:is(.epreuve-button.primary,.epreuve-button.warning):focus-visible{background-color:var(--background-color-hover);color:var(--color-hover);outline:1px solid var(--pix-neutral-0);outline-offset:-5px}", ia = /* @__PURE__ */ v(ca, [["styles", [la]]]), na = { class: "capacity-calculation__column capacity-calculation__column--questions" }, oa = { class: "capacity-calculation__fieldset capacity-calculation__fieldset--ai" }, ra = { class: "capacity-calculation__legend" }, sa = ["aria-disabled", "value", "checked"], ua = { class: "capacity-calculation__fieldset capacity-calculation__fieldset--range" }, da = { class: "capacity-calculation__legend--user-question" }, pa = { class: "capacity-calculation__range-wrap" }, _a = ["max", "value", "aria-disabled"], va = {
|
|
35
22
|
for: "nbUser",
|
|
36
23
|
class: "capacity-calculation__range-label"
|
|
37
|
-
},
|
|
24
|
+
}, ma = /* @__PURE__ */ C({
|
|
38
25
|
__name: "Questions.ce",
|
|
39
|
-
props: /* @__PURE__ */
|
|
26
|
+
props: /* @__PURE__ */ O({
|
|
40
27
|
titleLevel: { type: Number }
|
|
41
28
|
}, {
|
|
42
29
|
selectedAiQuestion: {
|
|
@@ -57,10 +44,10 @@ const ra = /* @__PURE__ */ _(na, [["render", sa]]), ua = { class: "capacity-calc
|
|
|
57
44
|
}),
|
|
58
45
|
emits: ["update:selectedAiQuestion", "update:selectedNbUser", "update:currentLevel"],
|
|
59
46
|
setup(a) {
|
|
60
|
-
const
|
|
61
|
-
state:
|
|
62
|
-
label:
|
|
63
|
-
})), p =
|
|
47
|
+
const _ = a.titleLevel + 1, n = h(a, "selectedAiQuestion"), e = h(a, "selectedNbUser"), l = h(a, "currentLevel"), s = g(!1), u = x(() => ({
|
|
48
|
+
state: l.value === "initial" ? "primary" : "warning",
|
|
49
|
+
label: k.t(`capacity-calculation.in.buttonLabel.${l.value === "initial" ? "primary" : "warning"}`)
|
|
50
|
+
})), p = x(() => Number.isInteger(n.value)), M = [800, 8e3, 14e3, 25e3, 9e4, 15e4], Q = /* @__PURE__ */ new Set([
|
|
64
51
|
// Valeurs de base
|
|
65
52
|
10,
|
|
66
53
|
20,
|
|
@@ -93,140 +80,140 @@ const ra = /* @__PURE__ */ _(na, [["render", sa]]), ua = { class: "capacity-calc
|
|
|
93
80
|
75e3,
|
|
94
81
|
1e5,
|
|
95
82
|
125e3
|
|
96
|
-
]),
|
|
97
|
-
const
|
|
98
|
-
return Math.max(0,
|
|
99
|
-
}),
|
|
100
|
-
const y =
|
|
101
|
-
e.value =
|
|
102
|
-
},
|
|
103
|
-
if (
|
|
104
|
-
|
|
83
|
+
]), w = Array.from(Q).sort((i, y) => i - y), S = x(() => {
|
|
84
|
+
const i = w.indexOf(e.value);
|
|
85
|
+
return Math.max(0, i);
|
|
86
|
+
}), U = (i) => {
|
|
87
|
+
const y = i.target;
|
|
88
|
+
e.value = w[Number(y.value)];
|
|
89
|
+
}, A = (i) => {
|
|
90
|
+
if (s.value) {
|
|
91
|
+
i.preventDefault();
|
|
105
92
|
return;
|
|
106
93
|
}
|
|
107
94
|
}, I = () => {
|
|
108
95
|
if (p.value) {
|
|
109
|
-
if (
|
|
96
|
+
if (l.value !== "initial") {
|
|
110
97
|
B();
|
|
111
98
|
return;
|
|
112
99
|
}
|
|
113
|
-
|
|
100
|
+
n.value === 0 ? e.value >= 10 && e.value <= 400 ? l.value = "normal_weak" : e.value >= 401 && e.value <= 700 ? l.value = "normal_medium" : e.value >= 701 && e.value <= 1e3 ? l.value = "warning" : l.value = "error" : n.value === 1 ? e.value >= 10 && e.value <= 4e4 ? l.value = "normal_weak" : e.value >= 40001 && e.value <= 7e4 ? l.value = "normal_medium" : e.value >= 70001 && e.value <= 1e5 ? l.value = "warning" : l.value = "error" : n.value === 2 && (e.value >= 10 && e.value <= 8e3 ? l.value = "normal_weak" : e.value >= 8001 && e.value <= 14e3 ? l.value = "normal_medium" : e.value >= 14001 && e.value <= 2e4 ? l.value = "warning" : l.value = "error"), s.value = !0;
|
|
114
101
|
}
|
|
115
102
|
};
|
|
116
|
-
function j(
|
|
117
|
-
if (
|
|
118
|
-
|
|
103
|
+
function j(i) {
|
|
104
|
+
if (s.value) {
|
|
105
|
+
i.preventDefault();
|
|
119
106
|
return;
|
|
120
107
|
}
|
|
121
|
-
|
|
108
|
+
n.value = Number(i.target.value);
|
|
122
109
|
}
|
|
123
110
|
function B() {
|
|
124
|
-
|
|
111
|
+
n.value = void 0, e.value = 10, l.value = "initial", s.value = !1;
|
|
125
112
|
}
|
|
126
|
-
return (
|
|
113
|
+
return (i, y) => (o(), d("div", na, [
|
|
127
114
|
t("div", {
|
|
128
115
|
role: "heading",
|
|
129
|
-
"aria-level":
|
|
116
|
+
"aria-level": _,
|
|
130
117
|
class: "capacity-calculation__subtitle"
|
|
131
|
-
},
|
|
132
|
-
t("fieldset",
|
|
133
|
-
t("legend",
|
|
134
|
-
(
|
|
118
|
+
}, r(i.$t("capacity-calculation.in.title")), 1),
|
|
119
|
+
t("fieldset", oa, [
|
|
120
|
+
t("legend", ra, r(i.$t("capacity-calculation.in.aiQuestion")), 1),
|
|
121
|
+
(o(!0), d(R, null, z(i.$t("capacity-calculation.in.aiOptions", { returnObjects: !0 }), (E, b) => (o(), d("div", { key: b }, [
|
|
135
122
|
t("label", {
|
|
136
|
-
class:
|
|
123
|
+
class: m(["capacity-calculation__ai-option", { "capacity-calculation__ai-option--active": n.value === b, disabled: s.value }])
|
|
137
124
|
}, [
|
|
138
125
|
t("input", {
|
|
139
126
|
type: "radio",
|
|
140
|
-
"aria-disabled":
|
|
127
|
+
"aria-disabled": s.value,
|
|
141
128
|
name: "ai-answer",
|
|
142
|
-
value:
|
|
129
|
+
value: b,
|
|
143
130
|
onClick: j,
|
|
144
|
-
checked:
|
|
145
|
-
}, null, 8,
|
|
146
|
-
|
|
131
|
+
checked: n.value === b
|
|
132
|
+
}, null, 8, sa),
|
|
133
|
+
$(" " + r(E), 1)
|
|
147
134
|
], 2)
|
|
148
135
|
]))), 128))
|
|
149
136
|
]),
|
|
150
|
-
t("fieldset",
|
|
151
|
-
t("legend",
|
|
152
|
-
t("div",
|
|
137
|
+
t("fieldset", ua, [
|
|
138
|
+
t("legend", da, r(i.$t("capacity-calculation.in.userQuestion")), 1),
|
|
139
|
+
t("div", pa, [
|
|
153
140
|
t("input", {
|
|
154
141
|
type: "range",
|
|
155
142
|
id: "nbUser",
|
|
156
143
|
name: "nbUser",
|
|
157
144
|
min: 0,
|
|
158
|
-
max:
|
|
159
|
-
value:
|
|
160
|
-
onChange:
|
|
161
|
-
onKeydown:
|
|
162
|
-
"aria-disabled":
|
|
145
|
+
max: V(w).length - 1,
|
|
146
|
+
value: S.value,
|
|
147
|
+
onChange: U,
|
|
148
|
+
onKeydown: A,
|
|
149
|
+
"aria-disabled": s.value,
|
|
163
150
|
class: "capacity-calculation__range"
|
|
164
|
-
}, null, 40,
|
|
165
|
-
t("label",
|
|
151
|
+
}, null, 40, _a),
|
|
152
|
+
t("label", va, r(e.value.toLocaleString()), 1)
|
|
166
153
|
])
|
|
167
154
|
]),
|
|
168
|
-
L(
|
|
169
|
-
onClick:
|
|
170
|
-
disabled: !p.value,
|
|
171
|
-
label:
|
|
172
|
-
state:
|
|
173
|
-
},
|
|
174
|
-
|
|
155
|
+
L(ia, {
|
|
156
|
+
onClick: Z(I, ["prevent"]),
|
|
157
|
+
"aria-disabled": !p.value,
|
|
158
|
+
label: u.value.label,
|
|
159
|
+
state: u.value.state
|
|
160
|
+
}, F({ _: 2 }, [
|
|
161
|
+
l.value !== "initial" ? {
|
|
175
162
|
name: "icon",
|
|
176
|
-
fn:
|
|
177
|
-
L(
|
|
163
|
+
fn: T(() => [
|
|
164
|
+
L(K)
|
|
178
165
|
]),
|
|
179
166
|
key: "0"
|
|
180
167
|
} : void 0
|
|
181
|
-
]), 1032, ["disabled", "label", "state"])
|
|
168
|
+
]), 1032, ["aria-disabled", "label", "state"])
|
|
182
169
|
]));
|
|
183
170
|
}
|
|
184
|
-
}),
|
|
171
|
+
}), ya = ".capacity-calculation__column--questions[data-v-6594dabe]{background:#fff;border:1px solid #cdd1d9}.capacity-calculation__column--questions .capacity-calculation__fieldset[data-v-6594dabe]{border:none;display:flex;flex-direction:column;gap:12px;padding:0}.capacity-calculation__column--questions .capacity-calculation__fieldset--range[data-v-6594dabe]{margin-top:12px}.capacity-calculation__column--questions .capacity-calculation__legend[data-v-6594dabe]{font-weight:500;margin-bottom:16px}.capacity-calculation__column--questions .capacity-calculation__legend--user-question[data-v-6594dabe]{font-weight:500;margin:16px 0}.capacity-calculation__column--questions .capacity-calculation__ai-option[data-v-6594dabe]{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-6594dabe]:hover,.capacity-calculation__column--questions .capacity-calculation__ai-option[data-v-6594dabe]:focus{background-color:#f7f5ff;border-color:#613fdd;color:#291a5d}.capacity-calculation__column--questions .capacity-calculation__ai-option--active[data-v-6594dabe]{background-color:#f7f5ff;border-color:#613fdd;color:#291a5d}.capacity-calculation__column--questions .capacity-calculation__ai-option.disabled[data-v-6594dabe]{cursor:not-allowed;background:#f1f1f1;border-color:#5b5b5b}.capacity-calculation__column--questions .capacity-calculation__range-wrap[data-v-6594dabe]{display:flex;flex-direction:column;gap:8px}.capacity-calculation__column--questions .capacity-calculation__range[data-v-6594dabe]{width:100%;accent-color:#613fdd}.capacity-calculation__column--questions .capacity-calculation__range[aria-disabled=true][data-v-6594dabe]{opacity:.3;pointer-events:none}.capacity-calculation__column--questions .capacity-calculation__range-label[data-v-6594dabe]{display:flex;justify-content:center;font-weight:700;margin-block:-5px 10px}", ba = /* @__PURE__ */ v(ma, [["styles", [ya]], ["__scopeId", "data-v-6594dabe"]]), ga = {}, fa = {
|
|
185
172
|
width: "43",
|
|
186
173
|
height: "43",
|
|
187
174
|
viewBox: "0 0 43 43",
|
|
188
175
|
fill: "none",
|
|
189
176
|
xmlns: "http://www.w3.org/2000/svg"
|
|
190
177
|
};
|
|
191
|
-
function
|
|
192
|
-
return
|
|
178
|
+
function Ca(a, c) {
|
|
179
|
+
return o(), d("svg", fa, [...c[0] || (c[0] = [
|
|
193
180
|
t("path", {
|
|
194
181
|
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
182
|
fill: "#D24140"
|
|
196
183
|
}, null, -1)
|
|
197
184
|
])]);
|
|
198
185
|
}
|
|
199
|
-
const
|
|
186
|
+
const wa = /* @__PURE__ */ v(ga, [["render", Ca]]), ha = {}, xa = {
|
|
200
187
|
width: "43",
|
|
201
188
|
height: "43",
|
|
202
189
|
viewBox: "0 0 43 43",
|
|
203
190
|
fill: "none",
|
|
204
191
|
xmlns: "http://www.w3.org/2000/svg"
|
|
205
192
|
};
|
|
206
|
-
function
|
|
207
|
-
return
|
|
193
|
+
function La(a, c) {
|
|
194
|
+
return o(), d("svg", xa, [...c[0] || (c[0] = [
|
|
208
195
|
t("path", {
|
|
209
196
|
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
197
|
fill: "#1C825D"
|
|
211
198
|
}, null, -1)
|
|
212
199
|
])]);
|
|
213
200
|
}
|
|
214
|
-
const
|
|
201
|
+
const ka = /* @__PURE__ */ v(ha, [["render", La]]), $a = {}, Na = {
|
|
215
202
|
width: "43",
|
|
216
203
|
height: "43",
|
|
217
204
|
viewBox: "0 0 43 43",
|
|
218
205
|
fill: "none",
|
|
219
206
|
xmlns: "http://www.w3.org/2000/svg"
|
|
220
207
|
};
|
|
221
|
-
function
|
|
222
|
-
return
|
|
208
|
+
function qa(a, c) {
|
|
209
|
+
return o(), d("svg", Na, [...c[0] || (c[0] = [
|
|
223
210
|
t("path", {
|
|
224
211
|
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
212
|
fill: "#EE6911"
|
|
226
213
|
}, null, -1)
|
|
227
214
|
])]);
|
|
228
215
|
}
|
|
229
|
-
const
|
|
216
|
+
const Ma = /* @__PURE__ */ v($a, [["render", qa]]), Qa = ["aria-level"], Sa = { class: "capacity-calculation__card" }, Ua = { class: "capacity-calculation__text capacity-calculation__text--strong" }, Aa = { class: "capacity-calculation__img" }, Ia = ["src"], ja = { class: "capacity-calculation__text" }, Ba = { class: "capacity-calculation__answers" }, Ea = { class: "capacity-calculation__card" }, Da = { class: "capacity-calculation__text capacity-calculation__text--strong" }, Oa = { class: "capacity-calculation__text" }, Ra = /* @__PURE__ */ C({
|
|
230
217
|
__name: "Answers.ce",
|
|
231
218
|
props: {
|
|
232
219
|
currentLevel: { type: String },
|
|
@@ -235,95 +222,95 @@ const Ua = /* @__PURE__ */ _(Aa, [["render", Sa]]), Ia = ["aria-level"], ja = {
|
|
|
235
222
|
capacityImage: { type: String }
|
|
236
223
|
},
|
|
237
224
|
setup(a) {
|
|
238
|
-
return (
|
|
239
|
-
class:
|
|
225
|
+
return (c, _) => (o(), d("div", {
|
|
226
|
+
class: m(["capacity-calculation__column capacity-calculation__column--answers", { [`capacity-calculation__column--answers--${a.currentLevel}`]: !0 }])
|
|
240
227
|
}, [
|
|
241
228
|
t("div", {
|
|
242
229
|
role: "heading",
|
|
243
230
|
"aria-level": a.titleLevel + 1,
|
|
244
231
|
class: "capacity-calculation__subtitle"
|
|
245
|
-
},
|
|
246
|
-
t("div",
|
|
247
|
-
t("p",
|
|
248
|
-
t("div",
|
|
232
|
+
}, r(c.$t("capacity-calculation.out.title")), 9, Qa),
|
|
233
|
+
t("div", Sa, [
|
|
234
|
+
t("p", Ua, r(c.$t("capacity-calculation.out.capacity.label")), 1),
|
|
235
|
+
t("div", Aa, [
|
|
249
236
|
t("img", {
|
|
250
237
|
src: a.capacityImage,
|
|
251
238
|
alt: ""
|
|
252
|
-
}, null, 8,
|
|
253
|
-
a.currentLevel.startsWith("normal_") ? (
|
|
239
|
+
}, null, 8, Ia),
|
|
240
|
+
a.currentLevel.startsWith("normal_") ? (o(), f(ka, {
|
|
254
241
|
key: 0,
|
|
255
242
|
class: "capacity-calculation__img--status"
|
|
256
|
-
})) : a.currentLevel === "warning" ? (
|
|
243
|
+
})) : a.currentLevel === "warning" ? (o(), f(Ma, {
|
|
257
244
|
key: 1,
|
|
258
245
|
class: "capacity-calculation__img--status"
|
|
259
|
-
})) : a.currentLevel === "error" ? (
|
|
246
|
+
})) : a.currentLevel === "error" ? (o(), f(wa, {
|
|
260
247
|
key: 2,
|
|
261
248
|
class: "capacity-calculation__img--status"
|
|
262
249
|
})) : N("", !0)
|
|
263
250
|
]),
|
|
264
|
-
t("p",
|
|
251
|
+
t("p", ja, r(c.$t(`capacity-calculation.out.capacity.${a.currentLevel}`)), 1)
|
|
265
252
|
]),
|
|
266
|
-
t("div",
|
|
267
|
-
t("div",
|
|
268
|
-
t("p",
|
|
253
|
+
t("div", Ba, [
|
|
254
|
+
t("div", Ea, [
|
|
255
|
+
t("p", Da, r(c.$t("capacity-calculation.out.consumption.label")), 1),
|
|
269
256
|
t("div", {
|
|
270
|
-
class:
|
|
257
|
+
class: m(["capacity-calculation__progress-bar", a.currentLevel])
|
|
271
258
|
}, null, 2),
|
|
272
|
-
t("p",
|
|
259
|
+
t("p", Oa, r(c.$t(`capacity-calculation.out.consumption.${a.currentLevel}`)), 1)
|
|
273
260
|
])
|
|
274
261
|
])
|
|
275
262
|
], 2));
|
|
276
263
|
}
|
|
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}}",
|
|
264
|
+
}), 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}}", Va = /* @__PURE__ */ v(Ra, [["styles", [za]], ["__scopeId", "data-v-177ab412"]]), Za = { class: "capacity-calculation" }, Fa = ["aria-level"], Ta = {
|
|
278
265
|
class: "capacity-calculation__grid",
|
|
279
266
|
"aria-live": "polite"
|
|
280
|
-
},
|
|
267
|
+
}, Pa = /* @__PURE__ */ C({
|
|
281
268
|
__name: "CapacityCalculation.ce",
|
|
282
269
|
props: {
|
|
283
270
|
titleLevel: { default: 2, type: Number },
|
|
284
271
|
capacityImage: { type: String }
|
|
285
272
|
},
|
|
286
|
-
setup(a, { expose:
|
|
287
|
-
const
|
|
288
|
-
function
|
|
289
|
-
|
|
273
|
+
setup(a, { expose: c }) {
|
|
274
|
+
const _ = g(void 0), n = g(10), e = g("initial");
|
|
275
|
+
function l() {
|
|
276
|
+
_.value = void 0, n.value = 10, e.value = "initial";
|
|
290
277
|
}
|
|
291
|
-
return
|
|
278
|
+
return c({ reset: l }), (s, u) => (o(), d("div", Za, [
|
|
292
279
|
t("div", {
|
|
293
280
|
role: "heading",
|
|
294
281
|
"aria-level": a.titleLevel,
|
|
295
282
|
class: "capacity-calculation__title"
|
|
296
|
-
}, s
|
|
297
|
-
t("div",
|
|
298
|
-
L(
|
|
283
|
+
}, r(s.$t("capacity-calculation.title")), 9, Fa),
|
|
284
|
+
t("div", Ta, [
|
|
285
|
+
L(ba, {
|
|
299
286
|
"title-level": a.titleLevel,
|
|
300
|
-
"selected-ai-question":
|
|
301
|
-
"onUpdate:selectedAiQuestion":
|
|
302
|
-
"selected-nb-user":
|
|
303
|
-
"onUpdate:selectedNbUser":
|
|
287
|
+
"selected-ai-question": _.value,
|
|
288
|
+
"onUpdate:selectedAiQuestion": u[0] || (u[0] = (p) => _.value = p),
|
|
289
|
+
"selected-nb-user": n.value,
|
|
290
|
+
"onUpdate:selectedNbUser": u[1] || (u[1] = (p) => n.value = p),
|
|
304
291
|
"current-level": e.value,
|
|
305
|
-
"onUpdate:currentLevel":
|
|
306
|
-
class:
|
|
292
|
+
"onUpdate:currentLevel": u[2] || (u[2] = (p) => e.value = p),
|
|
293
|
+
class: m({ "initial-state": e.value === "initial" })
|
|
307
294
|
}, null, 8, ["title-level", "selected-ai-question", "selected-nb-user", "current-level", "class"]),
|
|
308
|
-
e.value !== "initial" ? (
|
|
295
|
+
e.value !== "initial" ? (o(), f(Va, {
|
|
309
296
|
key: 0,
|
|
310
297
|
"title-level": a.titleLevel,
|
|
311
|
-
"selected-nb-user":
|
|
298
|
+
"selected-nb-user": n.value,
|
|
312
299
|
"current-level": e.value,
|
|
313
300
|
"capacity-image": a.capacityImage
|
|
314
301
|
}, null, 8, ["title-level", "selected-nb-user", "current-level", "capacity-image"])) : N("", !0)
|
|
315
302
|
])
|
|
316
303
|
]));
|
|
317
304
|
}
|
|
318
|
-
}),
|
|
319
|
-
|
|
320
|
-
const q =
|
|
305
|
+
}), Ga = ".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}}", Wa = /* @__PURE__ */ v(Pa, [["styles", [Ga]]]);
|
|
306
|
+
G(/* @__PURE__ */ Object.assign({ "./locales/en.json": J, "./locales/es-419.json": X, "./locales/es.json": Y, "./locales/fr.json": aa, "./locales/it.json": ea, "./locales/nl.json": ta })).catch((a) => console.error(a));
|
|
307
|
+
const q = P(Wa, {
|
|
321
308
|
configureApp(a) {
|
|
322
|
-
|
|
309
|
+
k.changeLanguage(document?.documentElement?.lang || navigator.language), a.use(W, { i18next: k });
|
|
323
310
|
}
|
|
324
311
|
});
|
|
325
312
|
q.prototype.normalizeProps = (a) => ({
|
|
326
313
|
...a,
|
|
327
|
-
titleLevel:
|
|
314
|
+
titleLevel: H(a.titleLevel)
|
|
328
315
|
});
|
|
329
316
|
window.customElements.define("capacity-calculation", q);
|