@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.
Files changed (27) hide show
  1. package/dist/{LLMMessage.ce-DSYjzT9g.js → LLMMessage.ce-qbRxqNxR.js} +4 -4
  2. package/dist/{Loading.ce-DmUVuFq5.js → Loading.ce-CiVWBT3g.js} +1 -1
  3. package/dist/{NavigationButton.ce-COLdN-XJ.js → NavigationButton.ce-DF5ScHc4.js} +8 -8
  4. package/dist/{Retry-Df6WpF65.js → Retry-CuUMOAZi.js} +1 -1
  5. package/dist/{_plugin-vue_export-helper-b0PKqEbd.js → _plugin-vue_export-helper-D7ghZaw4.js} +374 -369
  6. package/dist/components/calcul-impact.ce.js.js +4 -4
  7. package/dist/components/capacity-calculation.ce.js.js +25 -25
  8. package/dist/components/clickable-image.ce.js.js +1 -1
  9. package/dist/components/complete-phrase.ce.js.js +10 -10
  10. package/dist/components/flip-cards.ce.js.js +7 -7
  11. package/dist/components/image-quiz.ce.js.js +2 -2
  12. package/dist/components/image-quizzes.ce.js.js +2 -2
  13. package/dist/components/llm-compare-messages.ce.js.js +3 -3
  14. package/dist/components/llm-messages.ce.js.js +3 -3
  15. package/dist/components/llm-prompt-select.ce.js.js +6 -6
  16. package/dist/components/message-conversation.ce.js.js +13 -13
  17. package/dist/components/mobile-shell.ce.js.js +27 -0
  18. package/dist/components/pix-article.ce.js.js +2 -2
  19. package/dist/components/pix-carousel.ce.js.js +16 -16
  20. package/dist/components/pix-cursor.ce.js.js +19 -19
  21. package/dist/components/qcm-deepfake.ce.js.js +25 -25
  22. package/dist/{i18n-DwNjk2PP.js → i18n-DX3ApBSH.js} +53 -53
  23. package/dist/{image-quiz.ce-DbLH3Dkt.js → image-quiz.ce-3HDl6Z67.js} +10 -10
  24. package/dist/index.js +1 -1
  25. package/dist/schema.js +1 -1
  26. package/dist/{shadow-dom-CG-UQz_W.js → shadow-dom-CFAQERh6.js} +1 -1
  27. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
- import { d as j, C as T, c as p, o as d, F as U, B as v, M as r, v as C, a as e, A as a, D as _, T as D, _ as z, r as l, l as N, e as K, x, N as E, f as G } from "../_plugin-vue_export-helper-b0PKqEbd.js";
2
- import { a as H, i as V, b as Q } from "../i18n-DwNjk2PP.js";
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(), K(ge, {
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 = G(Be, {
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, L as E, D as $, A as r, _ as v, O, P as h, r as g, k as x, a as t, B as L, F as R, b as V, x as Z, q as z, R as F, M as T, e as f, v as N, f as P } from "../_plugin-vue_export-helper-b0PKqEbd.js";
2
- import { i as k, a as W, b as G } from "../i18n-DwNjk2PP.js";
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-Df6WpF65.js";
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: 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], A = /* @__PURE__ */ new Set([
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
- ...M,
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(A).sort((i, y) => i - y), Q = x(() => {
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
- }), S = (i) => {
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: Q.value,
147
- onChange: S,
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
- L(ia, {
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
- L(K)
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 La(a, c) {
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 ka = /* @__PURE__ */ v(ha, [["render", La]]), $a = {}, Na = {
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 Ma = /* @__PURE__ */ v($a, [["render", qa]]), Aa = ["aria-level"], Qa = { class: "capacity-calculation__card" }, Sa = { 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({
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, Aa),
233
- t("div", Qa, [
234
- t("p", Sa, r(c.$t("capacity-calculation.out.capacity.label")), 1),
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(ka, {
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(Ma, {
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
- L(ba, {
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
- }), Wa = ".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}}", Ga = /* @__PURE__ */ v(Pa, [["styles", [Wa]]]);
306
- W(/* @__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(Ga, {
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
- k.changeLanguage(document?.documentElement?.lang || navigator.language), a.use(G, { i18next: k });
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-b0PKqEbd.js";
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, L as M, D as R, r as b, k as w, v as T, F as $, b as q, e as k, B as L, f as V } from "../_plugin-vue_export-helper-b0PKqEbd.js";
2
- import { a as E, i as B, b as I } from "../i18n-DwNjk2PP.js";
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 P } from "../LLMMessage.ce-DSYjzT9g.js";
5
- const O = {}, F = {}, W = {}, H = {
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
- }, Q = {}, U = {}, G = { class: "probability-bar" }, J = { "aria-hidden": "true" }, K = { class: "sr-only" }, X = /* @__PURE__ */ g({
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", G, [
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(P, {
120
+ L(B, {
121
121
  class: "container__message",
122
122
  message: { content: e.userMessage, direction: "outbound" }
123
123
  }, null, 8, ["message"]),
124
- L(P, {
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": H, "./locales/it.json": Q, "./locales/nl.json": U })).catch((e) => console.error(e));
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
- B.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(I, { i18next: B });
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, H as g, B as F, f as _ } from "../_plugin-vue_export-helper-b0PKqEbd.js";
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"], E = /* @__PURE__ */ m({
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
- }), K = "[data-v-897a493f]{box-sizing:border-box}.card[data-v-897a493f]{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;border-radius:12px;color:#253858;display:flex;flex-direction:column;gap:1.2rem;inset:0;justify-content:center;padding:18px;position:absolute;transform:translateZ(0);transition:transform ease .5s}.card .title[data-v-897a493f]{font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;line-height:29px}.card.recto.red[data-v-897a493f]{background:linear-gradient(150deg,#fff,#ff7373)}.card.recto.yellow[data-v-897a493f]{background:linear-gradient(150deg,#fff,#ffec73)}.card.recto.blue[data-v-897a493f]{background:linear-gradient(150deg,#fff,#2491ff)}.card.recto.purple[data-v-897a493f]{background:linear-gradient(150deg,#fff,#9177f2)}.card.recto.green[data-v-897a493f]{background:linear-gradient(150deg,#fff,#52d987)}.card.recto.pink[data-v-897a493f]{background:linear-gradient(150deg,#fff,#f041bf)}.card.recto .icon[data-v-897a493f]{display:block;height:auto;width:40px}.card.verso[data-v-897a493f]{line-height:1.2rem;padding:8px;text-align:center;transform:rotateY(180deg) translateZ(0)}.card.verso.flipped.red[data-v-897a493f]{border:2px solid #ff7373}.card.verso.flipped.yellow[data-v-897a493f]{border:2px solid #ffec73}.card.verso.flipped.blue[data-v-897a493f]{border:2px solid #2491ff}.card.verso.flipped.purple[data-v-897a493f]{border:2px solid #9177f2}.card.verso.flipped.green[data-v-897a493f]{border:2px solid #52d987}.card.verso.flipped.pink[data-v-897a493f]{border:2px solid #f041bf}.card.verso .description[data-v-897a493f]{font-size:.9rem;margin:0 0 8px}.card.verso .image-container[data-v-897a493f]{margin:8px 8px 16px;overflow:hidden;width:160px}.card.verso img[data-v-897a493f]{display:block;height:100%;object-fit:contain;width:100%}", V = /* @__PURE__ */ h(E, [["styles", [K]], ["__scopeId", "data-v-897a493f"]]), A = { class: "flip-cards" }, D = ["aria-level"], I = ["aria-expanded", "onClick", "onKeydown"], R = { class: "flip-container" }, Y = /* @__PURE__ */ m({
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", A, [
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, D),
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(V, {
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)}", H = /* @__PURE__ */ h(Y, [["styles", [Z]], ["__scopeId", "data-v-394f37d2"]]), b = _(H);
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-b0PKqEbd.js";
2
- import { n as p } from "../image-quiz.ce-DbLH3Dkt.js";
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-b0PKqEbd.js";
2
- import { I as A, n as I } from "../image-quiz.ce-DbLH3Dkt.js";
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, B as i, _ as p, f as g } from "../_plugin-vue_export-helper-b0PKqEbd.js";
2
- import { L as l } from "../LLMMessage.ce-DSYjzT9g.js";
3
- import { p as u } from "../shadow-dom-CG-UQz_W.js";
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, E as m, G 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-b0PKqEbd.js";
2
- import { L as h } from "../LLMMessage.ce-DSYjzT9g.js";
3
- import { p as _ } from "../shadow-dom-CG-UQz_W.js";
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, C as y, c as d, o as m, B as w, a, D as k, F as b, b as C, A as L, _ as S, f as P } from "../_plugin-vue_export-helper-b0PKqEbd.js";
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 B = { class: "prompt-select" }, M = { class: "prompt-select__options" }, A = ["disabled", "onClick"], E = /* @__PURE__ */ h({
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", B, [
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, C(u.value, (n, i) => (m(), d("button", {
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
- }, L(n.prompt), 9, A))), 128))
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__ */ S(E, [["styles", [V]]]), _ = P(z);
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 _, D as w, A as v, B as E, I 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-b0PKqEbd.js";
2
- import { L as I } from "../Loading.ce-DmUVuFq5.js";
3
- import { u as L, a as j } from "../normalize-props-AlmAfi_u.js";
4
- const O = ["part"], R = {
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
- }, q = ["part"], G = { key: 1 }, H = { key: 0 }, J = /* @__PURE__ */ S({
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", R, [
50
- E(I)
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", G)) : g("", !0),
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", H)) : g("", !0),
59
+ r > 0 ? (s(), n("br", q)) : g("", !0),
60
60
  w(" " + v(o), 1)
61
61
  ], 64))), 128))
62
- ], 10, q)
62
+ ], 10, K)
63
63
  ], 2));
64
64
  }
65
- }), K = ".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(J, [["styles", [K]]]), U = { part: "conversation" }, W = { class: "sr-only" }, X = /* @__PURE__ */ S({
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: L(e.animationSpeed),
115
+ animationSpeed: j(e.animationSpeed),
116
116
  messages: e.messages.map((d) => ({
117
117
  ...d,
118
- image: j(d.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-b0PKqEbd.js";
2
- import { a as p, i as o, b as v } from "../i18n-DwNjk2PP.js";
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, L as R, D as z, A as g, x as l, _ as h, r as $, K as V, k as w, B as m, t as k, J as P, M as _, F as A, b as N, e as B, f as F } from "../_plugin-vue_export-helper-b0PKqEbd.js";
2
- import { a as O, i as T, b as W } from "../i18n-DwNjk2PP.js";
3
- import { B as j, N as D } from "../NavigationButton.ce-COLdN-XJ.js";
4
- import { u as C, a as G } from "../normalize-props-AlmAfi_u.js";
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
- }, J = {}, K = {
7
+ }, Y = {}, q = {
8
8
  "pix-carousel": { license: "Licencia de imagen", next: "Siguiente", of: "{{ currentSlide }} de {{ slideLength }}", previous: "Anterior", slide: "Diapositiva", title: "Carrusel" }
9
- }, Y = {
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
- }, q = {
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" }, Be = /* @__PURE__ */ S({
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
- disableLoop: { type: Boolean },
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.disableLoop && d.value === 0), f = w(() => i.disableLoop && d.value === i.slides.length - 1);
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(), B(fe, {
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(), B(H, {
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
- }), Te = "*{--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(Be, [["styles", [Te]]]);
263
- O(/* @__PURE__ */ Object.assign({ "./locales/en.json": Z, "./locales/es-419.json": J, "./locales/es.json": K, "./locales/fr.json": Y, "./locales/it.json": q, "./locales/nl.json": Q })).catch((e) => console.error(e));
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
- T.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(W, { i18next: T });
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: G(i.license)
276
+ license: W(i.license)
277
277
  }))
278
278
  });
279
279
  window.customElements.define("pix-carousel", I);