@1024pix/epreuves-components 2.2.2 → 2.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{LLMMessage.ce-DSYjzT9g.js → LLMMessage.ce-qbRxqNxR.js} +4 -4
- package/dist/{Loading.ce-DmUVuFq5.js → Loading.ce-CiVWBT3g.js} +1 -1
- package/dist/{NavigationButton.ce-COLdN-XJ.js → NavigationButton.ce-DF5ScHc4.js} +8 -8
- package/dist/{Retry-Df6WpF65.js → Retry-CuUMOAZi.js} +1 -1
- package/dist/{_plugin-vue_export-helper-b0PKqEbd.js → _plugin-vue_export-helper-D7ghZaw4.js} +374 -369
- package/dist/components/calcul-impact.ce.js.js +4 -4
- package/dist/components/capacity-calculation.ce.js.js +25 -25
- package/dist/components/clickable-image.ce.js.js +1 -1
- package/dist/components/complete-phrase.ce.js.js +10 -10
- package/dist/components/flip-cards.ce.js.js +7 -7
- package/dist/components/image-quiz.ce.js.js +2 -2
- package/dist/components/image-quizzes.ce.js.js +2 -2
- package/dist/components/llm-compare-messages.ce.js.js +3 -3
- package/dist/components/llm-messages.ce.js.js +3 -3
- package/dist/components/llm-prompt-select.ce.js.js +6 -6
- package/dist/components/message-conversation.ce.js.js +13 -13
- package/dist/components/mobile-shell.ce.js.js +27 -0
- package/dist/components/pix-article.ce.js.js +2 -2
- package/dist/components/pix-carousel.ce.js.js +16 -16
- package/dist/components/pix-cursor.ce.js.js +19 -19
- package/dist/components/qcm-deepfake.ce.js.js +25 -25
- package/dist/{i18n-DwNjk2PP.js → i18n-DX3ApBSH.js} +53 -53
- package/dist/{image-quiz.ce-DbLH3Dkt.js → image-quiz.ce-3HDl6Z67.js} +10 -10
- package/dist/index.js +1 -1
- package/dist/schema.js +1 -1
- package/dist/{shadow-dom-CG-UQz_W.js → shadow-dom-CFAQERh6.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, E as T, c as p, o as d, F as U, D as v, N as r, v as C, a as e, A as a, G as _, T as D, _ as z, r as l, l as N, e as G, x, O as E, f as K } from "../_plugin-vue_export-helper-D7ghZaw4.js";
|
|
2
|
+
import { a as H, i as V, b as Q } from "../i18n-DX3ApBSH.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é" }
|
|
@@ -165,7 +165,7 @@ const X = {}, Z = {}, ee = {}, te = {
|
|
|
165
165
|
}, null, 544), [
|
|
166
166
|
[E, f.value]
|
|
167
167
|
]),
|
|
168
|
-
c.value ? (d(),
|
|
168
|
+
c.value ? (d(), G(ge, {
|
|
169
169
|
key: 0,
|
|
170
170
|
"is-collective": y.value,
|
|
171
171
|
"is-personal": c.value,
|
|
@@ -186,7 +186,7 @@ const X = {}, Z = {}, ee = {}, te = {
|
|
|
186
186
|
}
|
|
187
187
|
}), $e = "[data-v-7fbb31b5]{font-family:Nunito,Roboto,sans-serif;color:#253858}p[data-v-7fbb31b5]{padding:0}.container[data-v-7fbb31b5]{display:flex;flex-direction:column;gap:1rem}.container button[data-v-7fbb31b5]{border:0;border-radius:5px;font-size:.9rem;background:#357abd;color:#fff;width:50%;padding:.4rem .8rem;margin:auto;cursor:pointer}.container button[data-v-7fbb31b5]:hover{background:#225d93}.container input[data-v-7fbb31b5]{border:solid 1px lightgrey;border-radius:5px;padding-block:.2rem;width:40%}.container label[data-v-7fbb31b5]{font-weight:700}.container .legals[data-v-7fbb31b5]{font-size:.9rem;font-style:italic}.container .title[data-v-7fbb31b5]{font-size:1.3rem;font-weight:700}@media only screen and (max-width:768px){.container button[data-v-7fbb31b5]{width:100%}.container input[data-v-7fbb31b5]{width:80%}}", Be = /* @__PURE__ */ z(we, [["styles", [$e]], ["__scopeId", "data-v-7fbb31b5"]]);
|
|
188
188
|
H(/* @__PURE__ */ Object.assign({ "./locales/en.json": X, "./locales/es-419.json": Z, "./locales/es.json": ee, "./locales/fr.json": te, "./locales/it.json": ae, "./locales/nl.json": le })).catch((t) => console.error(t));
|
|
189
|
-
const Y =
|
|
189
|
+
const Y = K(Be, {
|
|
190
190
|
configureApp(t) {
|
|
191
191
|
V.changeLanguage(document?.documentElement?.lang || navigator.language), t.use(Q, {
|
|
192
192
|
i18next: V,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { d as C, c as d, o, y as m,
|
|
2
|
-
import { i as
|
|
1
|
+
import { d as C, c as d, o, y as m, C as E, G as $, A as r, _ as v, P as O, Q as h, r as g, k as x, a as t, D as k, F as R, b as V, x as Z, q as z, S as F, N as T, e as f, v as N, f as P } from "../_plugin-vue_export-helper-D7ghZaw4.js";
|
|
2
|
+
import { i as L, a as G, b as W } from "../i18n-DX3ApBSH.js";
|
|
3
3
|
import { u as H } from "../normalize-props-AlmAfi_u.js";
|
|
4
|
-
import { R as K } from "../Retry-
|
|
4
|
+
import { R as K } from "../Retry-CuUMOAZi.js";
|
|
5
5
|
const J = {}, X = {}, Y = {}, aa = {
|
|
6
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" } } }
|
|
7
7
|
}, ea = {}, ta = {}, ca = /* @__PURE__ */ C({
|
|
@@ -46,8 +46,8 @@ const J = {}, X = {}, Y = {}, aa = {
|
|
|
46
46
|
setup(a) {
|
|
47
47
|
const _ = a.titleLevel + 1, n = h(a, "selectedAiQuestion"), e = h(a, "selectedNbUser"), l = h(a, "currentLevel"), s = g(!1), u = x(() => ({
|
|
48
48
|
state: l.value === "initial" ? "primary" : "warning",
|
|
49
|
-
label:
|
|
50
|
-
})), p = x(() => Number.isInteger(n.value)),
|
|
49
|
+
label: L.t(`capacity-calculation.in.buttonLabel.${l.value === "initial" ? "primary" : "warning"}`)
|
|
50
|
+
})), p = x(() => Number.isInteger(n.value)), Q = [800, 8e3, 14e3, 25e3, 9e4, 15e4], S = /* @__PURE__ */ new Set([
|
|
51
51
|
// Valeurs de base
|
|
52
52
|
10,
|
|
53
53
|
20,
|
|
@@ -72,7 +72,7 @@ const J = {}, X = {}, Y = {}, aa = {
|
|
|
72
72
|
4e3,
|
|
73
73
|
5e3,
|
|
74
74
|
1e4,
|
|
75
|
-
...
|
|
75
|
+
...Q,
|
|
76
76
|
2e4,
|
|
77
77
|
3e4,
|
|
78
78
|
4e4,
|
|
@@ -80,10 +80,10 @@ const J = {}, X = {}, Y = {}, aa = {
|
|
|
80
80
|
75e3,
|
|
81
81
|
1e5,
|
|
82
82
|
125e3
|
|
83
|
-
]), w = Array.from(
|
|
83
|
+
]), w = Array.from(S).sort((i, y) => i - y), A = x(() => {
|
|
84
84
|
const i = w.indexOf(e.value);
|
|
85
85
|
return Math.max(0, i);
|
|
86
|
-
}),
|
|
86
|
+
}), M = (i) => {
|
|
87
87
|
const y = i.target;
|
|
88
88
|
e.value = w[Number(y.value)];
|
|
89
89
|
}, U = (i) => {
|
|
@@ -143,8 +143,8 @@ const J = {}, X = {}, Y = {}, aa = {
|
|
|
143
143
|
name: "nbUser",
|
|
144
144
|
min: 0,
|
|
145
145
|
max: Z(w).length - 1,
|
|
146
|
-
value:
|
|
147
|
-
onChange:
|
|
146
|
+
value: A.value,
|
|
147
|
+
onChange: M,
|
|
148
148
|
onKeydown: U,
|
|
149
149
|
"aria-disabled": s.value,
|
|
150
150
|
class: "capacity-calculation__range"
|
|
@@ -152,7 +152,7 @@ const J = {}, X = {}, Y = {}, aa = {
|
|
|
152
152
|
t("label", va, r(e.value.toLocaleString()), 1)
|
|
153
153
|
])
|
|
154
154
|
]),
|
|
155
|
-
|
|
155
|
+
k(ia, {
|
|
156
156
|
onClick: z(I, ["prevent"]),
|
|
157
157
|
"aria-disabled": !p.value,
|
|
158
158
|
label: u.value.label,
|
|
@@ -161,7 +161,7 @@ const J = {}, X = {}, Y = {}, aa = {
|
|
|
161
161
|
l.value !== "initial" ? {
|
|
162
162
|
name: "icon",
|
|
163
163
|
fn: T(() => [
|
|
164
|
-
|
|
164
|
+
k(K)
|
|
165
165
|
]),
|
|
166
166
|
key: "0"
|
|
167
167
|
} : void 0
|
|
@@ -190,7 +190,7 @@ const wa = /* @__PURE__ */ v(ga, [["render", Ca]]), ha = {}, xa = {
|
|
|
190
190
|
fill: "none",
|
|
191
191
|
xmlns: "http://www.w3.org/2000/svg"
|
|
192
192
|
};
|
|
193
|
-
function
|
|
193
|
+
function ka(a, c) {
|
|
194
194
|
return o(), d("svg", xa, [...c[0] || (c[0] = [
|
|
195
195
|
t("path", {
|
|
196
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",
|
|
@@ -198,7 +198,7 @@ function La(a, c) {
|
|
|
198
198
|
}, null, -1)
|
|
199
199
|
])]);
|
|
200
200
|
}
|
|
201
|
-
const
|
|
201
|
+
const La = /* @__PURE__ */ v(ha, [["render", ka]]), $a = {}, Na = {
|
|
202
202
|
width: "43",
|
|
203
203
|
height: "43",
|
|
204
204
|
viewBox: "0 0 43 43",
|
|
@@ -213,7 +213,7 @@ function qa(a, c) {
|
|
|
213
213
|
}, null, -1)
|
|
214
214
|
])]);
|
|
215
215
|
}
|
|
216
|
-
const
|
|
216
|
+
const Qa = /* @__PURE__ */ v($a, [["render", qa]]), Sa = ["aria-level"], Aa = { class: "capacity-calculation__card" }, Ma = { class: "capacity-calculation__text capacity-calculation__text--strong" }, Ua = { class: "capacity-calculation__img" }, Ia = ["src"], ja = { class: "capacity-calculation__text" }, Ba = { class: "capacity-calculation__answers" }, Da = { class: "capacity-calculation__card" }, Ea = { class: "capacity-calculation__text capacity-calculation__text--strong" }, Oa = { class: "capacity-calculation__text" }, Ra = /* @__PURE__ */ C({
|
|
217
217
|
__name: "Answers.ce",
|
|
218
218
|
props: {
|
|
219
219
|
currentLevel: { type: String },
|
|
@@ -229,18 +229,18 @@ const Ma = /* @__PURE__ */ v($a, [["render", qa]]), Aa = ["aria-level"], Qa = {
|
|
|
229
229
|
role: "heading",
|
|
230
230
|
"aria-level": a.titleLevel + 1,
|
|
231
231
|
class: "capacity-calculation__subtitle"
|
|
232
|
-
}, r(c.$t("capacity-calculation.out.title")), 9,
|
|
233
|
-
t("div",
|
|
234
|
-
t("p",
|
|
232
|
+
}, r(c.$t("capacity-calculation.out.title")), 9, Sa),
|
|
233
|
+
t("div", Aa, [
|
|
234
|
+
t("p", Ma, r(c.$t("capacity-calculation.out.capacity.label")), 1),
|
|
235
235
|
t("div", Ua, [
|
|
236
236
|
t("img", {
|
|
237
237
|
src: a.capacityImage,
|
|
238
238
|
alt: ""
|
|
239
239
|
}, null, 8, Ia),
|
|
240
|
-
a.currentLevel.startsWith("normal_") ? (o(), f(
|
|
240
|
+
a.currentLevel.startsWith("normal_") ? (o(), f(La, {
|
|
241
241
|
key: 0,
|
|
242
242
|
class: "capacity-calculation__img--status"
|
|
243
|
-
})) : a.currentLevel === "warning" ? (o(), f(
|
|
243
|
+
})) : a.currentLevel === "warning" ? (o(), f(Qa, {
|
|
244
244
|
key: 1,
|
|
245
245
|
class: "capacity-calculation__img--status"
|
|
246
246
|
})) : a.currentLevel === "error" ? (o(), f(wa, {
|
|
@@ -282,7 +282,7 @@ const Ma = /* @__PURE__ */ v($a, [["render", qa]]), Aa = ["aria-level"], Qa = {
|
|
|
282
282
|
class: "capacity-calculation__title"
|
|
283
283
|
}, r(s.$t("capacity-calculation.title")), 9, Fa),
|
|
284
284
|
t("div", Ta, [
|
|
285
|
-
|
|
285
|
+
k(ba, {
|
|
286
286
|
"title-level": a.titleLevel,
|
|
287
287
|
"selected-ai-question": _.value,
|
|
288
288
|
"onUpdate:selectedAiQuestion": u[0] || (u[0] = (p) => _.value = p),
|
|
@@ -302,11 +302,11 @@ const Ma = /* @__PURE__ */ v($a, [["render", qa]]), Aa = ["aria-level"], Qa = {
|
|
|
302
302
|
])
|
|
303
303
|
]));
|
|
304
304
|
}
|
|
305
|
-
}),
|
|
306
|
-
|
|
307
|
-
const q = P(
|
|
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, {
|
|
308
308
|
configureApp(a) {
|
|
309
|
-
|
|
309
|
+
L.changeLanguage(document?.documentElement?.lang || navigator.language), a.use(W, { i18next: L });
|
|
310
310
|
}
|
|
311
311
|
});
|
|
312
312
|
q.prototype.normalizeProps = (a) => ({
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as E, g as O, r as x, h as P, j as W, k as c, c as d, o as p, a as w, l as _, m as j, F as D, b as L, q as V, t as y, v as q, x as T, y as U, z as X, A as Y, _ as G, f as H } from "../_plugin-vue_export-helper-
|
|
1
|
+
import { d as E, g as O, r as x, h as P, j as W, k as c, c as d, o as p, a as w, l as _, m as j, F as D, b as L, q as V, t as y, v as q, x as T, y as U, z as X, A as Y, _ as G, f as H } from "../_plugin-vue_export-helper-D7ghZaw4.js";
|
|
2
2
|
import { u as C } from "../normalize-props-AlmAfi_u.js";
|
|
3
3
|
const J = { class: "container" }, K = ["onMouseenter", "onFocusin", "onClick", "aria-label"], v = 10, Q = /* @__PURE__ */ E({
|
|
4
4
|
__name: "ClickableImage.ce",
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { d as g, c as s, o as t, a, A as c, t as z, _ as y, y as S,
|
|
2
|
-
import { a as E, i as
|
|
1
|
+
import { d as g, c as s, o as t, a, A as c, t as z, _ as y, y as S, C as M, G as R, r as b, k as w, v as T, F as $, b as q, e as k, D as L, f as V } from "../_plugin-vue_export-helper-D7ghZaw4.js";
|
|
2
|
+
import { a as E, i as P, b as I } from "../i18n-DX3ApBSH.js";
|
|
3
3
|
import { u as D } from "../normalize-props-AlmAfi_u.js";
|
|
4
|
-
import { L as
|
|
5
|
-
const O = {}, F = {}, W = {},
|
|
4
|
+
import { L as B } from "../LLMMessage.ce-qbRxqNxR.js";
|
|
5
|
+
const O = {}, F = {}, W = {}, G = {
|
|
6
6
|
"complete-phrase": { title: "Probabilité du mot suivant", description: "La barre indique la probabilité de chaque mot. Plus elle est longue, plus le mot est probable dans ce contexte.", ariaLabelDescription: "Le mot {{name}} a une probabilité de {{percent}}%", clickHereButton: "Révéler le mot", successfullyCompletedSentence: "Cliquez sur le mot choisit par l’IA dans les propositions suivantes :", feedback: "En effet, c'est le mot le plus probable !" }
|
|
7
|
-
},
|
|
7
|
+
}, H = {}, Q = {}, U = { class: "probability-bar" }, J = { "aria-hidden": "true" }, K = { class: "sr-only" }, X = /* @__PURE__ */ g({
|
|
8
8
|
__name: "ProbabilityBar.ce",
|
|
9
9
|
props: {
|
|
10
10
|
name: { type: String },
|
|
11
11
|
percent: { type: Number }
|
|
12
12
|
},
|
|
13
13
|
setup(e) {
|
|
14
|
-
return (p, o) => (t(), s("div",
|
|
14
|
+
return (p, o) => (t(), s("div", U, [
|
|
15
15
|
a("p", J, c(e.name), 1),
|
|
16
16
|
a("p", K, c(p.$t("complete-phrase.ariaLabelDescription", { name: e.name, percent: e.percent })), 1),
|
|
17
17
|
a("div", {
|
|
@@ -117,11 +117,11 @@ const O = {}, F = {}, W = {}, H = {
|
|
|
117
117
|
a("p", be, c(i.$t("complete-phrase.description")), 1),
|
|
118
118
|
a("section", me, [
|
|
119
119
|
a("div", _e, [
|
|
120
|
-
L(
|
|
120
|
+
L(B, {
|
|
121
121
|
class: "container__message",
|
|
122
122
|
message: { content: e.userMessage, direction: "outbound" }
|
|
123
123
|
}, null, 8, ["message"]),
|
|
124
|
-
L(
|
|
124
|
+
L(B, {
|
|
125
125
|
class: "container__message",
|
|
126
126
|
message: { content: _.value, direction: "inbound" }
|
|
127
127
|
}, null, 8, ["message"])
|
|
@@ -156,10 +156,10 @@ const O = {}, F = {}, W = {}, H = {
|
|
|
156
156
|
]));
|
|
157
157
|
}
|
|
158
158
|
}), ge = "[data-v-be9b10f3]{--pix-info-50: #e6f2fe;--pix-info-500: #3b82f6;--pix-neutral-0: #fff;--pix-neutral-100: #cdd1d9;--pix-neutral-900: #122647;font-family:Roboto,sans-serif;color:var(--pix-neutral-900)}.complete-phrase__title[data-v-be9b10f3]{font-family:Nunito,sans-serif;font-size:1.75rem;font-weight:700;line-height:36px;text-align:center}.complete-phrase__description[data-v-be9b10f3]{text-align:center;font-size:1rem;font-weight:400;line-height:24px}.complete-phrase__container[data-v-be9b10f3]{display:grid;gap:32px;grid-template-columns:3fr 2fr;margin-bottom:24px}.complete-phrase-container__conversation[data-v-be9b10f3]{background:#fff;border:1px solid var(--pix-neutral-100);border-radius:16px;display:flex;flex-direction:column;gap:32px;padding:1rem}.complete-phrase-container__conversation .message[data-v-be9b10f3]{align-items:center}.complete-phrase-container__probabilities[data-v-be9b10f3]{display:grid}.complete-phrase-container__probabilities .probability[data-v-be9b10f3]{display:flex;flex-direction:column;gap:16px;grid-row:1;grid-column:1}.complete-phrase-container__probabilities .probability.hidden[data-v-be9b10f3]{visibility:hidden}@media(max-width:600px){.complete-phrase__container[data-v-be9b10f3]{grid-template-columns:1fr}.complete-phrase-container__probabilities .probability.hidden[data-v-be9b10f3]{display:none}}", ye = /* @__PURE__ */ y(he, [["styles", [ge]], ["__scopeId", "data-v-be9b10f3"]]);
|
|
159
|
-
E(/* @__PURE__ */ Object.assign({ "./locales/en.json": O, "./locales/es-419.json": F, "./locales/es.json": W, "./locales/fr.json":
|
|
159
|
+
E(/* @__PURE__ */ Object.assign({ "./locales/en.json": O, "./locales/es-419.json": F, "./locales/es.json": W, "./locales/fr.json": G, "./locales/it.json": H, "./locales/nl.json": Q })).catch((e) => console.error(e));
|
|
160
160
|
const A = V(ye, {
|
|
161
161
|
configureApp(e) {
|
|
162
|
-
|
|
162
|
+
P.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(I, { i18next: P });
|
|
163
163
|
}
|
|
164
164
|
});
|
|
165
165
|
A.prototype.normalizeProps = (e) => ({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { d as m, c as n, o as d, F as u, a as t, y as v, x as p, A as f, v as y, _ as h, r as w, b as k,
|
|
1
|
+
import { d as m, c as n, o as d, F as u, a as t, y as v, x as p, A as f, v as y, _ as h, r as w, b as k, J as g, D as F, f as _ } from "../_plugin-vue_export-helper-D7ghZaw4.js";
|
|
2
2
|
import { u as L } from "../normalize-props-AlmAfi_u.js";
|
|
3
|
-
const C = ["aria-hidden"], z = ["src"], N = ["title-level"], S = ["aria-hidden"], $ = ["aria-level"], B = { class: "description" }, U = { class: "image-container" }, j = ["src"],
|
|
3
|
+
const C = ["aria-hidden"], z = ["src"], N = ["title-level"], S = ["aria-hidden"], $ = ["aria-level"], B = { class: "description" }, U = { class: "image-container" }, j = ["src"], D = /* @__PURE__ */ m({
|
|
4
4
|
__name: "FlipCard.ce",
|
|
5
5
|
props: {
|
|
6
6
|
titleLevel: { type: Number },
|
|
@@ -49,7 +49,7 @@ const C = ["aria-hidden"], z = ["src"], N = ["title-level"], S = ["aria-hidden"]
|
|
|
49
49
|
], 10, S)
|
|
50
50
|
], 64));
|
|
51
51
|
}
|
|
52
|
-
}),
|
|
52
|
+
}), E = "[data-v-897a493f]{box-sizing:border-box}.card[data-v-897a493f]{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;border-radius:12px;color:#253858;display:flex;flex-direction:column;gap:1.2rem;inset:0;justify-content:center;padding:18px;position:absolute;transform:translateZ(0);transition:transform ease .5s}.card .title[data-v-897a493f]{font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;line-height:29px}.card.recto.red[data-v-897a493f]{background:linear-gradient(150deg,#fff,#ff7373)}.card.recto.yellow[data-v-897a493f]{background:linear-gradient(150deg,#fff,#ffec73)}.card.recto.blue[data-v-897a493f]{background:linear-gradient(150deg,#fff,#2491ff)}.card.recto.purple[data-v-897a493f]{background:linear-gradient(150deg,#fff,#9177f2)}.card.recto.green[data-v-897a493f]{background:linear-gradient(150deg,#fff,#52d987)}.card.recto.pink[data-v-897a493f]{background:linear-gradient(150deg,#fff,#f041bf)}.card.recto .icon[data-v-897a493f]{display:block;height:auto;width:40px}.card.verso[data-v-897a493f]{line-height:1.2rem;padding:8px;text-align:center;transform:rotateY(180deg) translateZ(0)}.card.verso.flipped.red[data-v-897a493f]{border:2px solid #ff7373}.card.verso.flipped.yellow[data-v-897a493f]{border:2px solid #ffec73}.card.verso.flipped.blue[data-v-897a493f]{border:2px solid #2491ff}.card.verso.flipped.purple[data-v-897a493f]{border:2px solid #9177f2}.card.verso.flipped.green[data-v-897a493f]{border:2px solid #52d987}.card.verso.flipped.pink[data-v-897a493f]{border:2px solid #f041bf}.card.verso .description[data-v-897a493f]{font-size:.9rem;margin:0 0 8px}.card.verso .image-container[data-v-897a493f]{margin:8px 8px 16px;overflow:hidden;width:160px}.card.verso img[data-v-897a493f]{display:block;height:100%;object-fit:contain;width:100%}", K = /* @__PURE__ */ h(D, [["styles", [E]], ["__scopeId", "data-v-897a493f"]]), V = { class: "flip-cards" }, A = ["aria-level"], I = ["aria-expanded", "onClick", "onKeydown"], R = { class: "flip-container" }, Y = /* @__PURE__ */ m({
|
|
53
53
|
__name: "FlipCards.ce",
|
|
54
54
|
props: {
|
|
55
55
|
titleLevel: { default: 2, type: Number },
|
|
@@ -66,12 +66,12 @@ const C = ["aria-hidden"], z = ["src"], N = ["title-level"], S = ["aria-hidden"]
|
|
|
66
66
|
), s = (i, c) => {
|
|
67
67
|
c.preventDefault(), i.isFlipped = !i.isFlipped;
|
|
68
68
|
};
|
|
69
|
-
return (i, c) => (d(), n("div",
|
|
69
|
+
return (i, c) => (d(), n("div", V, [
|
|
70
70
|
t("div", {
|
|
71
71
|
role: "heading",
|
|
72
72
|
"aria-level": e.titleLevel,
|
|
73
73
|
class: "sr-only"
|
|
74
|
-
}, f(e.name), 9,
|
|
74
|
+
}, f(e.name), 9, A),
|
|
75
75
|
(d(!0), n(u, null, k(l.value, (a, x) => (d(), n("div", {
|
|
76
76
|
key: x,
|
|
77
77
|
class: v(["card-container", { flipped: a.isFlipped, [a.color]: a.color }]),
|
|
@@ -85,7 +85,7 @@ const C = ["aria-hidden"], z = ["src"], N = ["title-level"], S = ["aria-hidden"]
|
|
|
85
85
|
]
|
|
86
86
|
}, [
|
|
87
87
|
t("div", R, [
|
|
88
|
-
F(
|
|
88
|
+
F(K, {
|
|
89
89
|
color: a.color,
|
|
90
90
|
description: a.description,
|
|
91
91
|
icon: a.icon,
|
|
@@ -98,7 +98,7 @@ const C = ["aria-hidden"], z = ["src"], N = ["title-level"], S = ["aria-hidden"]
|
|
|
98
98
|
], 42, I))), 128))
|
|
99
99
|
]));
|
|
100
100
|
}
|
|
101
|
-
}), Z = "[data-v-394f37d2]{box-sizing:border-box}.sr-only[data-v-394f37d2]{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.flip-cards[data-v-394f37d2]{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;max-width:100%;padding:0}.flip-cards .card-container[data-v-394f37d2]{cursor:pointer;flex:0 0 180px;height:250px;margin:0;perspective:1200px;outline:none;transform:scale(1);transition:transform ease .5s}.flip-cards .card-container[data-v-394f37d2]:hover,.flip-cards .card-container[data-v-394f37d2]:focus{transform:scale(1.05);transition:transform ease .5s;outline:none}.flip-cards .card-container .flip-container[data-v-394f37d2]{display:block;position:relative;width:100%;height:100%;padding:18px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);will-change:transform}.flip-cards .card-container.flipped .flip-container[data-v-394f37d2]{transform:rotateY(180deg)}",
|
|
101
|
+
}), Z = "[data-v-394f37d2]{box-sizing:border-box}.sr-only[data-v-394f37d2]{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.flip-cards[data-v-394f37d2]{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;max-width:100%;padding:0}.flip-cards .card-container[data-v-394f37d2]{cursor:pointer;flex:0 0 180px;height:250px;margin:0;perspective:1200px;outline:none;transform:scale(1);transition:transform ease .5s}.flip-cards .card-container[data-v-394f37d2]:hover,.flip-cards .card-container[data-v-394f37d2]:focus{transform:scale(1.05);transition:transform ease .5s;outline:none}.flip-cards .card-container .flip-container[data-v-394f37d2]{display:block;position:relative;width:100%;height:100%;padding:18px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);will-change:transform}.flip-cards .card-container.flipped .flip-container[data-v-394f37d2]{transform:rotateY(180deg)}", J = /* @__PURE__ */ h(Y, [["styles", [Z]], ["__scopeId", "data-v-394f37d2"]]), b = _(J);
|
|
102
102
|
b.prototype.normalizeProps = (e) => ({
|
|
103
103
|
...e,
|
|
104
104
|
titleLevel: L(e.titleLevel)
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import "../_plugin-vue_export-helper-
|
|
2
|
-
import { n as p } from "../image-quiz.ce-
|
|
1
|
+
import "../_plugin-vue_export-helper-D7ghZaw4.js";
|
|
2
|
+
import { n as p } from "../image-quiz.ce-3HDl6Z67.js";
|
|
3
3
|
import "../normalize-props-AlmAfi_u.js";
|
|
4
4
|
export {
|
|
5
5
|
p as normalizeImageQuizProps
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { d as l, r as f, w, c as p, o, b as g, e as d, m as q, F as v, f as y } from "../_plugin-vue_export-helper-
|
|
2
|
-
import { I as A, n as I } from "../image-quiz.ce-
|
|
1
|
+
import { d as l, r as f, w, c as p, o, b as g, e as d, m as q, F as v, f as y } from "../_plugin-vue_export-helper-D7ghZaw4.js";
|
|
2
|
+
import { I as A, n as I } from "../image-quiz.ce-3HDl6Z67.js";
|
|
3
3
|
const _ = /* @__PURE__ */ l({
|
|
4
4
|
__name: "ImageQuizzes.ce",
|
|
5
5
|
props: {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { d as c, c as t, o as s, a as e, A as n, F as r, b as m,
|
|
2
|
-
import { L as l } from "../LLMMessage.ce-
|
|
3
|
-
import { p as u } from "../shadow-dom-
|
|
1
|
+
import { d as c, c as t, o as s, a as e, A as n, F as r, b as m, D as i, _ as p, f as g } from "../_plugin-vue_export-helper-D7ghZaw4.js";
|
|
2
|
+
import { L as l } from "../LLMMessage.ce-qbRxqNxR.js";
|
|
3
|
+
import { p as u } from "../shadow-dom-CFAQERh6.js";
|
|
4
4
|
const f = {
|
|
5
5
|
class: "header",
|
|
6
6
|
"aria-hidden": "true"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { d as c,
|
|
2
|
-
import { L as h } from "../LLMMessage.ce-
|
|
3
|
-
import { p as _ } from "../shadow-dom-
|
|
1
|
+
import { d as c, H as m, I as i, c as t, o as e, F as p, b as d, e as f, _ as g, f as u } from "../_plugin-vue_export-helper-D7ghZaw4.js";
|
|
2
|
+
import { L as h } from "../LLMMessage.ce-qbRxqNxR.js";
|
|
3
|
+
import { p as _ } from "../shadow-dom-CFAQERh6.js";
|
|
4
4
|
const x = {
|
|
5
5
|
class: "llm-messages",
|
|
6
6
|
"aria-live": "polite"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { d as h, r as c,
|
|
1
|
+
import { d as h, r as c, E as y, c as d, o as m, D as w, a, G as k, F as b, b as L, A as S, _ as C, f as P } from "../_plugin-vue_export-helper-D7ghZaw4.js";
|
|
2
2
|
import { u as N } from "../normalize-props-AlmAfi_u.js";
|
|
3
3
|
import "./llm-messages.ce.js.js";
|
|
4
|
-
const
|
|
4
|
+
const E = { class: "prompt-select" }, M = { class: "prompt-select__options" }, A = ["disabled", "onClick"], B = /* @__PURE__ */ h({
|
|
5
5
|
__name: "LLMPromptSelect.ce",
|
|
6
6
|
props: {
|
|
7
7
|
messages: { type: Array },
|
|
@@ -48,23 +48,23 @@ const B = { class: "prompt-select" }, M = { class: "prompt-select__options" }, A
|
|
|
48
48
|
const p = y("llm-messages");
|
|
49
49
|
return m(), d(b, null, [
|
|
50
50
|
w(p, { messages: s.value }, null, 8, ["messages"]),
|
|
51
|
-
a("div",
|
|
51
|
+
a("div", E, [
|
|
52
52
|
t[0] || (t[0] = a("p", { class: "prompt-select__label" }, [
|
|
53
53
|
k(" Sélectionner un des prompts "),
|
|
54
54
|
a("span", { class: "sr-only" }, " une fois sélectionnés, les prompts ne sont plus disponibles. ")
|
|
55
55
|
], -1)),
|
|
56
56
|
a("div", M, [
|
|
57
|
-
(m(!0), d(b, null,
|
|
57
|
+
(m(!0), d(b, null, L(u.value, (n, i) => (m(), d("button", {
|
|
58
58
|
key: i,
|
|
59
59
|
disabled: n.disabled || l.value,
|
|
60
60
|
onClick: (f) => v(n)
|
|
61
|
-
},
|
|
61
|
+
}, S(n.prompt), 9, A))), 128))
|
|
62
62
|
])
|
|
63
63
|
])
|
|
64
64
|
], 64);
|
|
65
65
|
};
|
|
66
66
|
}
|
|
67
|
-
}), V = ".sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}llm-messages{display:block;height:400px}.prompt-select{font-family:Roboto,sans-serif;border-top:solid 1px #253858;padding:16px 24px 24px}.prompt-select__label{margin-top:0;font-weight:700;color:#253858}.prompt-select__options{display:flex;gap:1rem;justify-content:left;flex-wrap:wrap}.prompt-select__options>button{padding:1rem 1.5rem;border:none;background:#cec3f4;border-radius:16px;border:1px solid #ffffff;color:#130261;font-size:.875rem;box-shadow:0 4px 12px -4px #957ee833}.prompt-select__options>button:hover:not(:disabled){background:#9a8dc7;color:#fff;cursor:pointer}.prompt-select__options>button:disabled{cursor:not-allowed;color:#1010104d}", z = /* @__PURE__ */
|
|
67
|
+
}), V = ".sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}llm-messages{display:block;height:400px}.prompt-select{font-family:Roboto,sans-serif;border-top:solid 1px #253858;padding:16px 24px 24px}.prompt-select__label{margin-top:0;font-weight:700;color:#253858}.prompt-select__options{display:flex;gap:1rem;justify-content:left;flex-wrap:wrap}.prompt-select__options>button{padding:1rem 1.5rem;border:none;background:#cec3f4;border-radius:16px;border:1px solid #ffffff;color:#130261;font-size:.875rem;box-shadow:0 4px 12px -4px #957ee833}.prompt-select__options>button:hover:not(:disabled){background:#9a8dc7;color:#fff;cursor:pointer}.prompt-select__options>button:disabled{cursor:not-allowed;color:#1010104d}", z = /* @__PURE__ */ C(B, [["styles", [V]]]), _ = P(z);
|
|
68
68
|
_.prototype.normalizeProps = (r) => ({
|
|
69
69
|
...r,
|
|
70
70
|
speed: N(r.speed)
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { d as S, r as x, k as D, h as B, c as n, o as s, y as k, v as g, a as _,
|
|
2
|
-
import { L
|
|
3
|
-
import { u as
|
|
4
|
-
const O = ["part"],
|
|
1
|
+
import { d as S, r as x, k as D, h as B, c as n, o as s, y as k, v as g, a as _, G as w, A as v, D as E, K as z, m as P, F as b, b as M, _ as N, g as T, e as V, f as F } from "../_plugin-vue_export-helper-D7ghZaw4.js";
|
|
2
|
+
import { L } from "../Loading.ce-CiVWBT3g.js";
|
|
3
|
+
import { u as j, a as I } from "../normalize-props-AlmAfi_u.js";
|
|
4
|
+
const O = ["part"], G = {
|
|
5
5
|
key: 1,
|
|
6
6
|
class: "message__loader message__content",
|
|
7
7
|
"aria-hidden": "true"
|
|
8
|
-
},
|
|
8
|
+
}, K = ["part"], R = { key: 1 }, q = { key: 0 }, H = /* @__PURE__ */ S({
|
|
9
9
|
__name: "Message.ce",
|
|
10
10
|
props: {
|
|
11
11
|
displaySender: { type: Boolean, default: !0 },
|
|
@@ -46,23 +46,23 @@ const O = ["part"], R = {
|
|
|
46
46
|
a[0] || (a[0] = _("span", { class: "sr-only" }, "Message de ", -1)),
|
|
47
47
|
w(v(e.message.userName), 1)
|
|
48
48
|
], 8, O)) : g("", !0),
|
|
49
|
-
i.value === "loading" ? (s(), n("div",
|
|
50
|
-
E(
|
|
49
|
+
i.value === "loading" ? (s(), n("div", G, [
|
|
50
|
+
E(L)
|
|
51
51
|
])) : g("", !0),
|
|
52
52
|
_("p", {
|
|
53
53
|
class: k(["message__content", { "hidden-state": i.value !== "visible" }]),
|
|
54
54
|
part: `message ${e.message.direction}`
|
|
55
55
|
}, [
|
|
56
56
|
e.message.image ? (s(), n("img", z(P({ key: 0 }, e.message.image)), null, 16)) : g("", !0),
|
|
57
|
-
e.message.image ? (s(), n("br",
|
|
57
|
+
e.message.image ? (s(), n("br", R)) : g("", !0),
|
|
58
58
|
(s(!0), n(b, null, M(p.value, (o, r) => (s(), n(b, { key: r }, [
|
|
59
|
-
r > 0 ? (s(), n("br",
|
|
59
|
+
r > 0 ? (s(), n("br", q)) : g("", !0),
|
|
60
60
|
w(" " + v(o), 1)
|
|
61
61
|
], 64))), 128))
|
|
62
|
-
], 10,
|
|
62
|
+
], 10, K)
|
|
63
63
|
], 2));
|
|
64
64
|
}
|
|
65
|
-
}),
|
|
65
|
+
}), J = ".message{max-width:80%;position:relative}.message--incoming{align-self:start}.message--incoming .message__sender{padding-left:10px}.message--incoming .message__loader{left:10px}.message--incoming .message__content{background-color:#e8e8e8}.message--outgoing{align-self:end}.message--outgoing .message__sender{padding-right:10px;text-align:right}.message--outgoing .message__loader{right:10px}.message--outgoing .message__content{background-color:#d1eaff}.message__sender{color:#444;font-size:.8rem;font-weight:700;margin:0}.message__loader{position:absolute;width:24px}.message__content{border-radius:16px;margin:0;padding:10px 14px}.message__content:not(.hidden-state){animation:fade .3s ease-in-out both}.message__content>img{max-width:100%}.hidden-state{visibility:hidden}@keyframes fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.message__content:not(.hidden-state){animation:none}.message__loader{display:none}.hidden-state{visibility:visible}}", Q = /* @__PURE__ */ N(H, [["styles", [J]]]), U = { part: "conversation" }, W = { class: "sr-only" }, X = /* @__PURE__ */ S({
|
|
66
66
|
__name: "MessageConversation.ce",
|
|
67
67
|
props: {
|
|
68
68
|
title: { default: "Conversation par messages", type: String },
|
|
@@ -112,10 +112,10 @@ const O = ["part"], R = {
|
|
|
112
112
|
}), Y = "figure{background-color:#fff;border-radius:16px;display:flex;flex-direction:column;gap:8px;margin:0;padding:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}", Z = /* @__PURE__ */ N(X, [["styles", [Y]]]), A = F(Z);
|
|
113
113
|
A.prototype.normalizeProps = (e) => ({
|
|
114
114
|
...e,
|
|
115
|
-
animationSpeed:
|
|
115
|
+
animationSpeed: j(e.animationSpeed),
|
|
116
116
|
messages: e.messages.map((d) => ({
|
|
117
117
|
...d,
|
|
118
|
-
image:
|
|
118
|
+
image: I(d.image)
|
|
119
119
|
}))
|
|
120
120
|
});
|
|
121
121
|
window.customElements.define("message-conversation", A);
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { d as i, c as a, o as l, B as s, a as r, C as d, t as n, y as b, _ as p, f as h } from "../_plugin-vue_export-helper-D7ghZaw4.js";
|
|
2
|
+
const m = { class: "content" }, c = /* @__PURE__ */ i({
|
|
3
|
+
__name: "MobileShell.ce",
|
|
4
|
+
props: {
|
|
5
|
+
aspectRatio: { default: "1/2", type: null },
|
|
6
|
+
maxWidth: { default: 330, type: Number },
|
|
7
|
+
persistMobileShell: { type: Boolean, default: !1 },
|
|
8
|
+
marginTop: { default: 25, type: Number }
|
|
9
|
+
},
|
|
10
|
+
setup(e) {
|
|
11
|
+
return (o, t) => (l(), a("div", {
|
|
12
|
+
class: b(["mobile", { "hide-mobile-shell": !e.persistMobileShell }]),
|
|
13
|
+
part: "screen",
|
|
14
|
+
style: n({
|
|
15
|
+
"--aspect-ratio": e.aspectRatio,
|
|
16
|
+
"--max-width": `${e.maxWidth}px`,
|
|
17
|
+
"--margin-top": `${e.marginTop}px`
|
|
18
|
+
})
|
|
19
|
+
}, [
|
|
20
|
+
t[0] || (t[0] = s('<div class="cache-top"><div class="camera"></div></div><div class="buttons"><div class="button small"></div><div class="button long"></div><div class="button long"></div></div>', 2)),
|
|
21
|
+
r("div", m, [
|
|
22
|
+
d(o.$slots, "default")
|
|
23
|
+
])
|
|
24
|
+
], 6));
|
|
25
|
+
}
|
|
26
|
+
}), x = '*{box-sizing:border-box;margin:0;padding:0}.mobile{position:absolute;z-index:3;width:100%;left:50%;transform:translate(-50%);border-radius:30px;border:10px solid black;box-shadow:5px 5px 5px #0000004d;box-sizing:content-box;aspect-ratio:var(--aspect-ratio);max-width:var(--max-width);top:var(--margin-top)}.mobile:before{content:"";position:absolute;z-index:1;top:-1px;left:-1px;width:100%;height:100%;border-radius:20px;box-shadow:inset 2px 2px 3px #0000004d}.mobile:after{content:"";position:absolute;top:-7px;left:-5px;width:85%;height:50%;border-top-left-radius:25px;border-top:.1rem solid rgba(255,255,255,.8);border-right:2px solid transparent;filter:blur(1px)}.content{position:absolute;width:100%;height:100%;z-index:5;overflow:hidden;border-radius:20px}.mobile .cache-top{position:absolute;z-index:6;top:0;left:32.5%;width:35%;height:15px;background:#000;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.mobile .cache-top .camera{position:absolute;top:40%;right:5%;width:9%;max-width:10px;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#ffffff4d}.cache-top .camera:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:25%;height:25%;border-radius:50%;background:#fff;filter:blur(1px)}.mobile .buttons{position:absolute;top:10%;left:-12.5px;height:20%;width:5px}.mobile .button{width:5px;background:#000;margin-bottom:10px;border-radius:30%}.mobile .button.small{height:15%;margin-bottom:10px}.mobile .button.long{height:30%}@media only screen and (max-width:768px){.hide-mobile-shell:after,.hide-mobile-shell .cache-top,.hide-mobile-shell .buttons{display:none}.hide-mobile-shell{border-width:0}.hide-mobile-shell .content{border:solid 2px black}}', u = /* @__PURE__ */ p(c, [["styles", [x]]]), f = h(u);
|
|
27
|
+
window.customElements.define("mobile-shell", f);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { d as u, c as a, o as n, a as t, A as i, F as l, b as d, x as h, _ as m, f } from "../_plugin-vue_export-helper-
|
|
2
|
-
import { a as p, i as o, b as v } from "../i18n-
|
|
1
|
+
import { d as u, c as a, o as n, a as t, A as i, F as l, b as d, x as h, _ as m, f } from "../_plugin-vue_export-helper-D7ghZaw4.js";
|
|
2
|
+
import { a as p, i as o, b as v } from "../i18n-DX3ApBSH.js";
|
|
3
3
|
import { u as y } from "../normalize-props-AlmAfi_u.js";
|
|
4
4
|
const b = {}, x = {}, S = {}, L = {
|
|
5
5
|
"pix-article": { byAuthor: "Par {{author}}" }
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { d as S, c as n, o as t, y as M, a as s, v as L,
|
|
2
|
-
import { a as
|
|
3
|
-
import { B as j, N as D } from "../NavigationButton.ce-
|
|
4
|
-
import { u as C, a as
|
|
1
|
+
import { d as S, c as n, o as t, y as M, a as s, v as L, C as R, G as z, A as g, x as l, _ as h, r as $, M as V, k as w, D as m, t as k, L as P, N as _, F as A, b as N, e as T, f as F } from "../_plugin-vue_export-helper-D7ghZaw4.js";
|
|
2
|
+
import { a as G, i as B, b as O } from "../i18n-DX3ApBSH.js";
|
|
3
|
+
import { B as j, N as D } from "../NavigationButton.ce-DF5ScHc4.js";
|
|
4
|
+
import { u as C, a as W } from "../normalize-props-AlmAfi_u.js";
|
|
5
5
|
const Z = {
|
|
6
6
|
"pix-carousel": { license: "Image license", next: "Next", of: "{{ currentSlide }} of {{ slideLength }}", previous: "Previous", slide: "Slide", title: "Carousel" }
|
|
7
|
-
},
|
|
7
|
+
}, Y = {}, q = {
|
|
8
8
|
"pix-carousel": { license: "Licencia de imagen", next: "Siguiente", of: "{{ currentSlide }} de {{ slideLength }}", previous: "Anterior", slide: "Diapositiva", title: "Carrusel" }
|
|
9
|
-
},
|
|
9
|
+
}, J = {
|
|
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
|
+
}, K = {
|
|
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" }
|
|
@@ -161,7 +161,7 @@ function _e(e, i) {
|
|
|
161
161
|
}, null, -1)
|
|
162
162
|
])]);
|
|
163
163
|
}
|
|
164
|
-
const Ce = /* @__PURE__ */ h(be, [["render", _e]]), Le = ["aria-roledescription"], $e = ["id"], Se = { class: "footer" }, ke = { class: "control" }, Ae = { class: "slide-info-container" }, Ne = { class: "pagination" },
|
|
164
|
+
const Ce = /* @__PURE__ */ h(be, [["render", _e]]), Le = ["aria-roledescription"], $e = ["id"], Se = { class: "footer" }, ke = { class: "control" }, Ae = { class: "slide-info-container" }, Ne = { class: "pagination" }, Te = /* @__PURE__ */ S({
|
|
165
165
|
__name: "Carousel.ce",
|
|
166
166
|
props: {
|
|
167
167
|
randomSlides: { type: Boolean },
|
|
@@ -169,11 +169,11 @@ const Ce = /* @__PURE__ */ h(be, [["render", _e]]), Le = ["aria-roledescription"
|
|
|
169
169
|
slides: { type: Array },
|
|
170
170
|
titleLevel: { type: Number },
|
|
171
171
|
disableAnimation: { type: Boolean },
|
|
172
|
-
|
|
172
|
+
enableLoop: { type: Boolean },
|
|
173
173
|
imageTextDisplay: { type: String }
|
|
174
174
|
},
|
|
175
175
|
setup(e) {
|
|
176
|
-
const i = e, r = i.titleLevel ?? 2, a = w(() => i.randomSlides ? [...i.slides].sort(() => Math.round(Math.random()) === 0 ? -1 : 1) : i.slides), d = $(0), y = $(1), b = w(() => i.
|
|
176
|
+
const i = e, r = i.titleLevel ?? 2, a = w(() => i.randomSlides ? [...i.slides].sort(() => Math.round(Math.random()) === 0 ? -1 : 1) : i.slides), d = $(0), y = $(1), b = w(() => i.enableLoop ? !1 : d.value === 0), f = w(() => i.enableLoop ? !1 : d.value === i.slides.length - 1);
|
|
177
177
|
function v(o) {
|
|
178
178
|
y.value = o, d.value = (d.value - o + i.slides.length) % i.slides.length;
|
|
179
179
|
}
|
|
@@ -199,7 +199,7 @@ const Ce = /* @__PURE__ */ h(be, [["render", _e]]), Le = ["aria-roledescription"
|
|
|
199
199
|
]),
|
|
200
200
|
_: 1
|
|
201
201
|
}, 8, ["disabled", "aria-controls", "label"]),
|
|
202
|
-
(t(!0), n(A, null, N(a.value, (u, p) => (t(),
|
|
202
|
+
(t(!0), n(A, null, N(a.value, (u, p) => (t(), T(fe, {
|
|
203
203
|
key: p,
|
|
204
204
|
slide: u,
|
|
205
205
|
direction: y.value,
|
|
@@ -242,7 +242,7 @@ const Ce = /* @__PURE__ */ h(be, [["render", _e]]), Le = ["aria-roledescription"
|
|
|
242
242
|
}, null, 8, ["label", "aria-controls", "disabled"])
|
|
243
243
|
]),
|
|
244
244
|
s("div", Ae, [
|
|
245
|
-
(t(!0), n(A, null, N(a.value, (u, p) => (t(),
|
|
245
|
+
(t(!0), n(A, null, N(a.value, (u, p) => (t(), T(H, {
|
|
246
246
|
key: p,
|
|
247
247
|
description: u.description,
|
|
248
248
|
title: u.title,
|
|
@@ -259,11 +259,11 @@ const Ce = /* @__PURE__ */ h(be, [["render", _e]]), Le = ["aria-roledescription"
|
|
|
259
259
|
])
|
|
260
260
|
], 8, Le));
|
|
261
261
|
}
|
|
262
|
-
}),
|
|
263
|
-
|
|
262
|
+
}), Be = "*{--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}}", je = /* @__PURE__ */ h(Te, [["styles", [Be]]]);
|
|
263
|
+
G(/* @__PURE__ */ Object.assign({ "./locales/en.json": Z, "./locales/es-419.json": Y, "./locales/es.json": q, "./locales/fr.json": J, "./locales/it.json": K, "./locales/nl.json": Q })).catch((e) => console.error(e));
|
|
264
264
|
const I = F(je, {
|
|
265
265
|
configureApp(e) {
|
|
266
|
-
|
|
266
|
+
B.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(O, { i18next: B });
|
|
267
267
|
}
|
|
268
268
|
});
|
|
269
269
|
I.prototype.normalizeProps = (e) => ({
|
|
@@ -273,7 +273,7 @@ I.prototype.normalizeProps = (e) => ({
|
|
|
273
273
|
...i,
|
|
274
274
|
displayHeight: C(i.displayHeight),
|
|
275
275
|
displayWidth: C(i.displayWidth),
|
|
276
|
-
license:
|
|
276
|
+
license: W(i.license)
|
|
277
277
|
}))
|
|
278
278
|
});
|
|
279
279
|
window.customElements.define("pix-carousel", I);
|