@1024pix/epreuves-components 2.1.1 → 2.2.1

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-DsVQstKz.js → LLMMessage.ce-D_SYQOna.js} +7 -7
  2. package/dist/{Loading.ce-DoJ4rCWj.js → Loading.ce-CjAv1WaY.js} +1 -1
  3. package/dist/{NavigationButton.ce-CtLZqKRv.js → NavigationButton.ce-DlErTyfv.js} +5 -5
  4. package/dist/{Retry-CNZNkXbY.js → Retry--whpA3a8.js} +1 -1
  5. package/dist/{_plugin-vue_export-helper-DRMLIazq.js → _plugin-vue_export-helper-CP5OpzZH.js} +9 -9
  6. package/dist/components/calcul-impact.ce.js.js +2 -2
  7. package/dist/components/capacity-calculation.ce.js.js +21 -21
  8. package/dist/components/clickable-image.ce.js.js +86 -69
  9. package/dist/components/complete-phrase.ce.js.js +18 -18
  10. package/dist/components/flip-cards.ce.js.js +4 -4
  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 +14 -14
  17. package/dist/components/pix-article.ce.js.js +2 -2
  18. package/dist/components/pix-carousel.ce.js.js +8 -8
  19. package/dist/components/pix-cursor.ce.js.js +10 -10
  20. package/dist/components/qcm-deepfake.ce.js.js +15 -15
  21. package/dist/{i18n-_lDmquwK.js → i18n-BB4WILwM.js} +1 -1
  22. package/dist/{image-quiz.ce-By2A_llO.js → image-quiz.ce-UlVFo5Sr.js} +11 -11
  23. package/dist/index.js +1 -1
  24. package/dist/metadata.js +1 -1
  25. package/dist/schema.js +7 -4
  26. package/dist/{shadow-dom-CAG14nqa.js → shadow-dom-D3DtD_VO.js} +1 -1
  27. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
- import { _ as a, c as r, o as s, a as b, d as u, k as n, D as d, e as l, E as o, t as g, y as h } from "./_plugin-vue_export-helper-DRMLIazq.js";
2
- import { L as p } from "./Loading.ce-DoJ4rCWj.js";
1
+ import { _ as a, c as r, o as s, a as b, d as u, k as n, v as d, e as l, E as o, y as g, z as h } from "./_plugin-vue_export-helper-CP5OpzZH.js";
2
+ import { L as p } from "./Loading.ce-CjAv1WaY.js";
3
3
  const f = {}, x = {
4
4
  height: "1rem",
5
5
  width: "auto",
@@ -46,7 +46,7 @@ function q(t, e) {
46
46
  }, null, -1)
47
47
  ])]);
48
48
  }
49
- const $ = /* @__PURE__ */ a(M, [["render", q]]), z = { class: "avatar" }, B = { class: "bubble" }, Z = ["innerHTML"], N = {
49
+ const z = /* @__PURE__ */ a(M, [["render", q]]), $ = { class: "avatar" }, B = { class: "bubble" }, Z = ["innerHTML"], N = {
50
50
  key: 1,
51
51
  role: "alert",
52
52
  class: "error"
@@ -67,8 +67,8 @@ const $ = /* @__PURE__ */ a(M, [["render", q]]), z = { class: "avatar" }, B = {
67
67
  return (A, V) => (s(), r("div", {
68
68
  class: d(["message", t.message.direction])
69
69
  }, [
70
- b("span", z, [
71
- m.value ? (s(), l(_, { key: 0 })) : (s(), l($, { key: 1 }))
70
+ b("span", $, [
71
+ m.value ? (s(), l(_, { key: 0 })) : (s(), l(z, { key: 1 }))
72
72
  ]),
73
73
  t.message.isLoading ? (s(), l(p, {
74
74
  key: 0,
@@ -90,7 +90,7 @@ const $ = /* @__PURE__ */ a(M, [["render", q]]), z = { class: "avatar" }, B = {
90
90
  ])
91
91
  ], 2));
92
92
  }
93
- }), j = ".message{display:flex;width:90%;gap:12px;align-items:start}.message .avatar{align-items:center;aspect-ratio:1/1;background-color:#1c825d;border-radius:8px;display:flex;justify-content:center;margin-top:2px;padding:4px;width:32px;height:32px}.message .loader{margin-top:14px}.message .bubble .content,.message .bubble .error{--background: #efefef;--focus: #0096bfab;--border: #dbdbdb;box-sizing:border-box;font-size:14px;color:#253858;line-height:20px}.message .bubble .content p,.message .bubble .error p{margin:0;word-wrap:break-word}.message .bubble .content h1,.message .bubble .error h1{font-size:1.8em}.message .bubble .content h2,.message .bubble .error h2{font-size:1.4em}.message .bubble .content h3,.message .bubble .error h3{font-size:1.2em}.message .bubble .content h1,.message .bubble .content h2,.message .bubble .content h3,.message .bubble .content h4,.message .bubble .content h5,.message .bubble .content h6,.message .bubble .error h1,.message .bubble .error h2,.message .bubble .error h3,.message .bubble .error h4,.message .bubble .error h5,.message .bubble .error h6{margin-bottom:12px;color:#000}.message .bubble .content strong,.message .bubble .error strong{color:#000}.message .bubble .content h1,.message .bubble .content h2,.message .bubble .content h3,.message .bubble .content h4,.message .bubble .content h5,.message .bubble .content h6,.message .bubble .content b,.message .bubble .content strong,.message .bubble .content th,.message .bubble .error h1,.message .bubble .error h2,.message .bubble .error h3,.message .bubble .error h4,.message .bubble .error h5,.message .bubble .error h6,.message .bubble .error b,.message .bubble .error strong,.message .bubble .error th{font-weight:600}.message .bubble .content q:before,.message .bubble .error q:before{content:none}.message .bubble .content q:after,.message .bubble .error q:after{content:none}.message .bubble .content blockquote,.message .bubble .error blockquote,.message .bubble .content q,.message .bubble .error q{border-left:4px solid var(--focus);margin:1.5em 0;padding:.5em 1em;font-style:italic}.message .bubble .content blockquote>footer,.message .bubble .error blockquote>footer{font-style:normal;border:0}.message .bubble .content blockquote cite,.message .bubble .error blockquote cite{font-style:normal}.message .bubble .content mark,.message .bubble .error mark{background-color:#ff0;border-radius:2px;padding:0 2px;color:#000}.message .bubble .content code,.message .bubble .error code{background:var(--background);color:#000;padding:2.5px 5px;border-radius:6px;font-size:1em}.message .bubble .content hr,.message .bubble .error hr{border:none;border-top:1px solid var(--border)}.message .bubble .content table,.message .bubble .error table{border-collapse:collapse;margin-bottom:10px;width:100%;table-layout:fixed;border:1px solid #dbdbdb;border-radius:8px}.message .bubble .content table caption,.message .bubble .error table caption{text-align:left}.message .bubble .content td,.message .bubble .content th,.message .bubble .error td,.message .bubble .error th{padding:6px;text-align:left;vertical-align:top;word-wrap:break-word;border-right:1px solid var(--border)}.message .bubble .content thead,.message .bubble .error thead{border-bottom:1px solid var(--border)}.message .bubble .content tfoot,.message .bubble .error tfoot{border-top:1px solid var(--border)}.message .bubble .content tbody tr:nth-child(2n),.message .bubble .error tbody tr:nth-child(2n){background-color:#efefef}.message .bubble .content tbody tr:nth-child(2n) button,.message .bubble .error tbody tr:nth-child(2n) button{background-color:#f7f7f7}.message .bubble .content tbody tr:nth-child(2n) button:hover,.message .bubble .error tbody tr:nth-child(2n) button:hover{background-color:#fff}.message .bubble .content details,.message .bubble .error details{display:flex;flex-direction:column;align-items:flex-start;background-color:#f7f7f7;padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}.message .bubble .content details[open],.message .bubble .error details[open]{padding:10px}.message .bubble .content details>:last-child,.message .bubble .error details>:last-child{margin-bottom:0}.message .bubble .content details[open] summary,.message .bubble .error details[open] summary{margin-bottom:10px}.message .bubble .content summary,.message .bubble .error summary{display:list-item;background-color:#efefef;padding:10px;margin:-10px -10px 0;cursor:pointer;outline:none}.message .bubble .content summary:hover,.message .bubble .content summary:focus,.message .bubble .error summary:hover,.message .bubble .error summary:focus{text-decoration:underline}.message .bubble .content details>:not(summary),.message .bubble .error details>:not(summary){margin-top:0}.message .bubble .content summary::-webkit-details-marker,.message .bubble .error summary::-webkit-details-marker{color:#363636}.message .bubble .content ul,.message .bubble .error ul{list-style-type:disc;list-style-position:inside}.message .bubble .content ol,.message .bubble .error ol{list-style-type:decimal}.message .bubble .content .complete-message-word:last-child,.message .bubble .error .complete-message-word:last-child{border:none;filter:blur(4px);font-weight:600;height:auto;width:auto}.message .bubble .content .complete-message-word--visible:last-child,.message .bubble .error .complete-message-word--visible:last-child{color:inherit;filter:none;font-weight:700}.message .bubble .content .complete-message-word--hidden:last-child,.message .bubble .error .complete-message-word--hidden:last-child{background-color:#f4f5f7;border-radius:4px;border:1px dashed #5e6c84;color:transparent;display:inline-block;filter:none;padding:2px 4px}.message .bubble .content .complete-message-word:nth-last-child(2),.message .bubble .error .complete-message-word:nth-last-child(2){font-weight:600}.message .bubble .attachment-label{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-style:italic;justify-content:end;margin:1rem}.message .bubble .error{color:#952e2e;font-style:italic;font-weight:700}.message.outbound{align-self:end;flex-direction:row-reverse}.message.outbound .avatar{background-color:#957ee8}.message.outbound .bubble{background:#cec3f4;border-radius:16px;padding:8px 16px}", T = /* @__PURE__ */ a(H, [["styles", [j]]]);
93
+ }), j = ".message{display:flex;width:90%;gap:12px;align-items:start}.message .avatar{align-items:center;aspect-ratio:1/1;background-color:#1c825d;border-radius:8px;display:flex;justify-content:center;margin-top:2px;padding:4px;width:32px;height:32px}.message .loader{margin-top:14px}.message .bubble .content,.message .bubble .error{--background: #efefef;--focus: #0096bfab;--border: #dbdbdb;box-sizing:border-box;font-size:14px;color:#253858;line-height:20px}.message .bubble .content p,.message .bubble .error p{margin:0;word-wrap:break-word}.message .bubble .content h1,.message .bubble .error h1{font-size:1.8em}.message .bubble .content h2,.message .bubble .error h2{font-size:1.4em}.message .bubble .content h3,.message .bubble .error h3{font-size:1.2em}.message .bubble .content h1,.message .bubble .content h2,.message .bubble .content h3,.message .bubble .content h4,.message .bubble .content h5,.message .bubble .content h6,.message .bubble .error h1,.message .bubble .error h2,.message .bubble .error h3,.message .bubble .error h4,.message .bubble .error h5,.message .bubble .error h6{margin-bottom:12px;color:#000}.message .bubble .content strong,.message .bubble .error strong{color:#000}.message .bubble .content h1,.message .bubble .content h2,.message .bubble .content h3,.message .bubble .content h4,.message .bubble .content h5,.message .bubble .content h6,.message .bubble .content b,.message .bubble .content strong,.message .bubble .content th,.message .bubble .error h1,.message .bubble .error h2,.message .bubble .error h3,.message .bubble .error h4,.message .bubble .error h5,.message .bubble .error h6,.message .bubble .error b,.message .bubble .error strong,.message .bubble .error th{font-weight:600}.message .bubble .content q:before,.message .bubble .error q:before{content:none}.message .bubble .content q:after,.message .bubble .error q:after{content:none}.message .bubble .content blockquote,.message .bubble .error blockquote,.message .bubble .content q,.message .bubble .error q{border-left:4px solid var(--focus);margin:1.5em 0;padding:.5em 1em;font-style:italic}.message .bubble .content blockquote>footer,.message .bubble .error blockquote>footer{font-style:normal;border:0}.message .bubble .content blockquote cite,.message .bubble .error blockquote cite{font-style:normal}.message .bubble .content mark,.message .bubble .error mark{background-color:#ff0;border-radius:2px;padding:0 2px;color:#000}.message .bubble .content code,.message .bubble .error code{background:var(--background);color:#000;padding:2.5px 5px;border-radius:6px;font-size:1em}.message .bubble .content hr,.message .bubble .error hr{border:none;border-top:1px solid var(--border)}.message .bubble .content table,.message .bubble .error table{border-collapse:collapse;margin-bottom:10px;width:100%;table-layout:fixed;border:1px solid #dbdbdb;border-radius:8px}.message .bubble .content table caption,.message .bubble .error table caption{text-align:left}.message .bubble .content td,.message .bubble .content th,.message .bubble .error td,.message .bubble .error th{padding:6px;text-align:left;vertical-align:top;word-wrap:break-word;border-right:1px solid var(--border)}.message .bubble .content thead,.message .bubble .error thead{border-bottom:1px solid var(--border)}.message .bubble .content tfoot,.message .bubble .error tfoot{border-top:1px solid var(--border)}.message .bubble .content tbody tr:nth-child(2n),.message .bubble .error tbody tr:nth-child(2n){background-color:#efefef}.message .bubble .content tbody tr:nth-child(2n) button,.message .bubble .error tbody tr:nth-child(2n) button{background-color:#f7f7f7}.message .bubble .content tbody tr:nth-child(2n) button:hover,.message .bubble .error tbody tr:nth-child(2n) button:hover{background-color:#fff}.message .bubble .content details,.message .bubble .error details{display:flex;flex-direction:column;align-items:flex-start;background-color:#f7f7f7;padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}.message .bubble .content details[open],.message .bubble .error details[open]{padding:10px}.message .bubble .content details>:last-child,.message .bubble .error details>:last-child{margin-bottom:0}.message .bubble .content details[open] summary,.message .bubble .error details[open] summary{margin-bottom:10px}.message .bubble .content summary,.message .bubble .error summary{display:list-item;background-color:#efefef;padding:10px;margin:-10px -10px 0;cursor:pointer;outline:none}.message .bubble .content summary:hover,.message .bubble .content summary:focus,.message .bubble .error summary:hover,.message .bubble .error summary:focus{text-decoration:underline}.message .bubble .content details>:not(summary),.message .bubble .error details>:not(summary){margin-top:0}.message .bubble .content summary::-webkit-details-marker,.message .bubble .error summary::-webkit-details-marker{color:#363636}.message .bubble .content ul,.message .bubble .error ul{list-style-type:disc;list-style-position:inside}.message .bubble .content ol,.message .bubble .error ol{list-style-type:decimal}.message .bubble .content .complete-message-word:last-child,.message .bubble .error .complete-message-word:last-child{border:none;filter:blur(4px);font-weight:600;height:auto;width:auto}.message .bubble .content .complete-message-word--visible:last-child,.message .bubble .error .complete-message-word--visible:last-child{color:inherit;filter:none;font-weight:700}.message .bubble .content .complete-message-word--hidden:last-child,.message .bubble .error .complete-message-word--hidden:last-child{background-color:#f4f5f7;border-radius:4px;border:1px dashed #5e6c84;color:transparent;display:inline-block;filter:none;padding:2px 4px}.message .bubble .content .complete-message-word:nth-last-child(2),.message .bubble .error .complete-message-word:nth-last-child(2){font-weight:600}.message .bubble .attachment-label{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-style:italic;justify-content:end;margin:1rem}.message .bubble .error{color:#952e2e;font-style:italic;font-weight:700}.message.outbound{align-self:end;flex-direction:row-reverse}.message.outbound .avatar{background-color:#957ee8}.message.outbound .bubble{background:#cec3f4;border-radius:16px;padding:8px 16px}", U = /* @__PURE__ */ a(H, [["styles", [j]]]);
94
94
  export {
95
- T as L
95
+ U as L
96
96
  };
@@ -1,4 +1,4 @@
1
- import { _ as o, c as a, o as r, a as s } from "./_plugin-vue_export-helper-DRMLIazq.js";
1
+ import { _ as o, c as a, o as r, a as s } from "./_plugin-vue_export-helper-CP5OpzZH.js";
2
2
  const n = ".loader{width:8px;aspect-ratio:1;border-radius:50%;animation:l5 1s infinite linear alternate;transform:translate(100%)}.sr-only{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}@keyframes l5{0%{box-shadow:13px 0 #000,-13px 0 #0002;background:#000}33%{box-shadow:13px 0 #000,-13px 0 #0002;background:#0002}66%{box-shadow:13px 0 #0002,-13px 0 #000;background:#0002}to{box-shadow:13px 0 #0002,-13px 0 #000;background:#000}}@media(prefers-reduced-motion:reduce){.loader{display:none}}", t = {}, d = {
3
3
  class: "loader",
4
4
  role: "alert"
@@ -1,4 +1,4 @@
1
- import { d as f, r as g, J as w, c as h, o as i, a as l, D as C, G as b, t as m, m as x, q as y, L as k, _ as s, e as c, M as $ } from "./_plugin-vue_export-helper-DRMLIazq.js";
1
+ import { d as f, r as g, J as w, c as h, o as i, a as l, v as C, G as b, y as m, m as x, q as y, L as k, _ as s, e as c, M as $ } from "./_plugin-vue_export-helper-CP5OpzZH.js";
2
2
  const B = { class: "tooltip-container" }, L = ["id"], _ = ["aria-labelledby", "aria-disabled"], z = /* @__PURE__ */ f({
3
3
  inheritAttrs: !1,
4
4
  __name: "ButtonTooltip.ce",
@@ -60,7 +60,7 @@ const Y = /* @__PURE__ */ s(H, [["render", N]]), A = {}, T = {
60
60
  viewBox: "0 0 16 16",
61
61
  fill: "inherit"
62
62
  };
63
- function D(t, o) {
63
+ function F(t, o) {
64
64
  return i(), h("svg", T, [...o[0] || (o[0] = [
65
65
  l("path", {
66
66
  d: "M5.4356 8.75868L8.54693 11.8698C8.69882 12.0218 8.77265 12.2 8.76843 12.4043C8.76421 12.6087 8.68615 12.7868 8.53426 12.9387C8.38226 13.0796 8.2041 13.1521 7.99976 13.1563C7.79543 13.1606 7.61726 13.0867 7.46526 12.9348L3.06526 8.53485C2.99071 8.46018 2.93621 8.37729 2.90176 8.28618C2.86732 8.19518 2.8501 8.0999 2.8501 8.00035C2.8501 7.90079 2.86732 7.80551 2.90176 7.71451C2.93621 7.6234 2.99071 7.54051 3.06526 7.46585L7.46926 3.06201C7.61282 2.91846 7.78821 2.84668 7.99543 2.84668C8.20265 2.84668 8.38226 2.91846 8.53426 3.06201C8.68615 3.2139 8.7621 3.39412 8.7621 3.60268C8.7621 3.81124 8.68615 3.99151 8.53426 4.14351L5.4356 7.24201H12.7103C12.923 7.24201 13.1027 7.31518 13.2491 7.46151C13.3954 7.60796 13.4686 7.78757 13.4686 8.00035C13.4686 8.21312 13.3954 8.39274 13.2491 8.53918C13.1027 8.68551 12.923 8.75868 12.7103 8.75868H5.4356Z",
@@ -68,7 +68,7 @@ function D(t, o) {
68
68
  }, null, -1)
69
69
  ])]);
70
70
  }
71
- const F = /* @__PURE__ */ s(A, [["render", D]]), Z = /* @__PURE__ */ f({
71
+ const Z = /* @__PURE__ */ s(A, [["render", F]]), j = /* @__PURE__ */ f({
72
72
  __name: "NavigationButton.ce",
73
73
  props: {
74
74
  disabled: { type: Boolean },
@@ -86,12 +86,12 @@ const F = /* @__PURE__ */ s(A, [["render", D]]), Z = /* @__PURE__ */ f({
86
86
  disabled: t.disabled
87
87
  }, {
88
88
  default: $(() => [
89
- t.direction === "next" ? (i(), c(Y, { key: 0 })) : (i(), c(F, { key: 1 }))
89
+ t.direction === "next" ? (i(), c(Y, { key: 0 })) : (i(), c(Z, { key: 1 }))
90
90
  ]),
91
91
  _: 1
92
92
  }, 8, ["tooltip-position", "label", "disabled"]));
93
93
  }
94
- }), j = "*{--pix-neutral-800: #253858;color:var(--pix-neutral-800)}.button{border-radius:100%;padding:4px;width:32px;height:32px;background:transparent;border:1px var(--pix-neutral-800) solid;aspect-ratio:1/1;fill:var(--pix-neutral-800);display:flex;align-items:center;justify-content:center}.button:hover{background:#c3d0ff}.button:active{background:#cdd1d9}", E = /* @__PURE__ */ s(Z, [["styles", [j]]]);
94
+ }), q = "*{--pix-neutral-800: #253858;color:var(--pix-neutral-800)}.button{border-radius:100%;padding:4px;width:32px;height:32px;background:transparent;border:1px var(--pix-neutral-800) solid;aspect-ratio:1/1;fill:var(--pix-neutral-800);display:flex;align-items:center;justify-content:center}.button:hover{background:#c3d0ff}.button:active{background:#cdd1d9}", E = /* @__PURE__ */ s(j, [["styles", [q]]]);
95
95
  export {
96
96
  M as B,
97
97
  E as N
@@ -1,4 +1,4 @@
1
- import { _ as e, c as t, o as r, a as o } from "./_plugin-vue_export-helper-DRMLIazq.js";
1
+ import { _ as e, c as t, o as r, a as o } from "./_plugin-vue_export-helper-CP5OpzZH.js";
2
2
  const s = {}, n = {
3
3
  width: "20",
4
4
  height: "20",
@@ -4749,10 +4749,10 @@ const Vc = (e, t) => {
4749
4749
  return s;
4750
4750
  };
4751
4751
  export {
4752
- vl as A,
4753
- ic as B,
4754
- Ec as C,
4755
- bs as D,
4752
+ vc as A,
4753
+ vl as B,
4754
+ ic as C,
4755
+ Ec as D,
4756
4756
  Oc as E,
4757
4757
  Ce as F,
4758
4758
  Fi as G,
@@ -4788,11 +4788,11 @@ export {
4788
4788
  Lc as q,
4789
4789
  _c as r,
4790
4790
  fo as s,
4791
- $r as t,
4791
+ ms as t,
4792
4792
  Nc as u,
4793
- Rc as v,
4793
+ bs as v,
4794
4794
  Tc as w,
4795
- ms as x,
4796
- pe as y,
4797
- vc as z
4795
+ Rc as x,
4796
+ $r as y,
4797
+ pe as z
4798
4798
  };
@@ -1,5 +1,5 @@
1
- import { d as j, z as T, c as p, o as d, F as U, y as v, M as r, E as C, a as e, t as a, A as _, T as D, _ as z, r as l, l as N, e as G, G as E, N as x, f as K } from "../_plugin-vue_export-helper-DRMLIazq.js";
2
- import { a as H, i as V, b as Q } from "../i18n-_lDmquwK.js";
1
+ import { d as j, A as T, c as p, o as d, F as U, z as v, M as r, E as C, a as e, y as a, B as _, T as D, _ as z, r as l, l as N, e as G, G as E, N as x, f as K } from "../_plugin-vue_export-helper-CP5OpzZH.js";
2
+ import { a as H, i as V, b as Q } from "../i18n-BB4WILwM.js";
3
3
  import { u as J } from "../normalize-props-AlmAfi_u.js";
4
4
  const X = {}, Z = {}, ee = {}, te = {
5
5
  "calcul-impact": { title: "Calculez votre impact IA", subtitle: "Quels ont été vos usages de l'IA la semaine dernière ?", numberOfConversationLabel: "Nombre de conversations courtes :", numberOfImagesLabel: "Nombre de créations d’images :", seePersonalImpact: "Voir votre impact personnel sur une semaine", seeCollectiveImpact: "Si 1 million de personnes faisaient comme vous toutes les semaines pendant un an", legals: "Estimations basées sur l'étude Hugging Face, Carnegie Mellon University, Allen Institute for AI, Oct 2024", yourPersonalImpact: "Votre impact personnel", consumptionForAWeek: "Votre consommation sur une semaine", consumptionForAYear: "1 million de personnes toutes les semaines pendant un an", personalConsumption: "Vous avez consommé environ {{energy}} Wh", personalDuration: "Cela équivaut à {{number}} minutes de micro-ondes", collectiveConsumption: "Cela représenterait {{energy}} kWh, soit l'équivalent de la consommation en électricité de {{homes}} foyers français", collectiveDuration: "Équivalent à {{number}} minutes de micro-ondes", planeKilometers: "Et {{kilometers}} km parcourus en avion", yourCollectiveImpact: "Impact collectif simulé" }
@@ -1,7 +1,7 @@
1
- import { d as C, c as d, o, D as m, L as D, A as $, t as r, _ as v, O, P as h, r as g, k as x, a as t, y as L, F as R, b as V, G as Z, q as z, R as F, M as T, e as f, E as N, f as P } from "../_plugin-vue_export-helper-DRMLIazq.js";
2
- import { i as k, a as G, b as W } from "../i18n-_lDmquwK.js";
1
+ import { d as C, c as d, o, v as m, L as D, B as $, y as r, _ as v, O, P as h, r as g, k as x, a as t, z as L, F as R, b as z, G as V, q as Z, R as F, M as T, e as f, E as N, f as P } from "../_plugin-vue_export-helper-CP5OpzZH.js";
2
+ import { i as k, a as G, b as W } from "../i18n-BB4WILwM.js";
3
3
  import { u as H } from "../normalize-props-AlmAfi_u.js";
4
- import { R as K } from "../Retry-CNZNkXbY.js";
4
+ import { R as K } from "../Retry--whpA3a8.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({
@@ -47,7 +47,7 @@ const J = {}, X = {}, Y = {}, aa = {
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
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([
50
+ })), p = x(() => Number.isInteger(n.value)), M = [800, 8e3, 14e3, 25e3, 9e4, 15e4], Q = /* @__PURE__ */ new Set([
51
51
  // Valeurs de base
52
52
  10,
53
53
  20,
@@ -80,13 +80,13 @@ 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(Q).sort((i, y) => i - y), S = x(() => {
84
84
  const i = w.indexOf(e.value);
85
85
  return Math.max(0, i);
86
- }), S = (i) => {
86
+ }), U = (i) => {
87
87
  const y = i.target;
88
88
  e.value = w[Number(y.value)];
89
- }, U = (i) => {
89
+ }, A = (i) => {
90
90
  if (s.value) {
91
91
  i.preventDefault();
92
92
  return;
@@ -118,7 +118,7 @@ const J = {}, X = {}, Y = {}, aa = {
118
118
  }, r(i.$t("capacity-calculation.in.title")), 1),
119
119
  t("fieldset", oa, [
120
120
  t("legend", ra, r(i.$t("capacity-calculation.in.aiQuestion")), 1),
121
- (o(!0), d(R, null, V(i.$t("capacity-calculation.in.aiOptions", { returnObjects: !0 }), (E, b) => (o(), d("div", { key: b }, [
121
+ (o(!0), d(R, null, z(i.$t("capacity-calculation.in.aiOptions", { returnObjects: !0 }), (E, b) => (o(), d("div", { key: b }, [
122
122
  t("label", {
123
123
  class: m(["capacity-calculation__ai-option", { "capacity-calculation__ai-option--active": n.value === b, disabled: s.value }])
124
124
  }, [
@@ -142,10 +142,10 @@ const J = {}, X = {}, Y = {}, aa = {
142
142
  id: "nbUser",
143
143
  name: "nbUser",
144
144
  min: 0,
145
- max: Z(w).length - 1,
146
- value: Q.value,
147
- onChange: S,
148
- onKeydown: U,
145
+ max: V(w).length - 1,
146
+ value: S.value,
147
+ onChange: U,
148
+ onKeydown: A,
149
149
  "aria-disabled": s.value,
150
150
  class: "capacity-calculation__range"
151
151
  }, null, 40, _a),
@@ -153,7 +153,7 @@ const J = {}, X = {}, Y = {}, aa = {
153
153
  ])
154
154
  ]),
155
155
  L(ia, {
156
- onClick: z(I, ["prevent"]),
156
+ onClick: Z(I, ["prevent"]),
157
157
  "aria-disabled": !p.value,
158
158
  label: u.value.label,
159
159
  state: u.value.state
@@ -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" }, Ea = { class: "capacity-calculation__card" }, Da = { class: "capacity-calculation__text capacity-calculation__text--strong" }, Oa = { class: "capacity-calculation__text" }, Ra = /* @__PURE__ */ C({
216
+ const Ma = /* @__PURE__ */ v($a, [["render", qa]]), Qa = ["aria-level"], Sa = { class: "capacity-calculation__card" }, Ua = { class: "capacity-calculation__text capacity-calculation__text--strong" }, Aa = { class: "capacity-calculation__img" }, Ia = ["src"], ja = { class: "capacity-calculation__text" }, Ba = { class: "capacity-calculation__answers" }, Ea = { class: "capacity-calculation__card" }, Da = { class: "capacity-calculation__text capacity-calculation__text--strong" }, Oa = { class: "capacity-calculation__text" }, Ra = /* @__PURE__ */ C({
217
217
  __name: "Answers.ce",
218
218
  props: {
219
219
  currentLevel: { type: String },
@@ -229,10 +229,10 @@ 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),
235
- t("div", Ua, [
232
+ }, r(c.$t("capacity-calculation.out.title")), 9, Qa),
233
+ t("div", Sa, [
234
+ t("p", Ua, r(c.$t("capacity-calculation.out.capacity.label")), 1),
235
+ t("div", Aa, [
236
236
  t("img", {
237
237
  src: a.capacityImage,
238
238
  alt: ""
@@ -261,7 +261,7 @@ const Ma = /* @__PURE__ */ v($a, [["render", qa]]), Aa = ["aria-level"], Qa = {
261
261
  ])
262
262
  ], 2));
263
263
  }
264
- }), Va = ".capacity-calculation__column--answers[data-v-177ab412]{display:flex;gap:.3rem;border:0px}.capacity-calculation__column--answers--normal_weak[data-v-177ab412],.capacity-calculation__column--answers--normal_medium[data-v-177ab412]{background:#e6f6ef}.capacity-calculation__column--answers--warning[data-v-177ab412]{background:#fffaeb}.capacity-calculation__column--answers--error[data-v-177ab412]{background:#fbebea}.capacity-calculation__column--answers .capacity-calculation__answers[data-v-177ab412]{display:flex;flex-direction:column;align-items:stretch;gap:8px;justify-content:center;margin-bottom:1rem}.capacity-calculation__column--answers .capacity-calculation__card[data-v-177ab412]{border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px}.capacity-calculation__column--answers .capacity-calculation__text[data-v-177ab412]{font-size:.875rem;font-weight:400;line-height:1.5rem;text-align:center;margin:0}.capacity-calculation__column--answers .capacity-calculation__text--strong[data-v-177ab412]{font-weight:700;margin:0}.capacity-calculation__column--answers img[data-v-177ab412]{max-width:100%}.capacity-calculation__column--answers .capacity-calculation__img[data-v-177ab412]{position:relative}.capacity-calculation__column--answers .capacity-calculation__img img[data-v-177ab412]{width:100px;height:100px;border-radius:24px}.capacity-calculation__column--answers .capacity-calculation__img--status[data-v-177ab412]{position:absolute;top:0;right:0;transform:translate(30%,-30%)}.capacity-calculation__column--answers .capacity-calculation__progress-bar[data-v-177ab412]{width:100%;height:32px;border-radius:24px;border:solid 2px #253858}.capacity-calculation__column--answers .capacity-calculation__progress-bar.normal_weak[data-v-177ab412],.capacity-calculation__column--answers .capacity-calculation__progress-bar.normal_medium[data-v-177ab412]{background:linear-gradient(90deg,#1c825d 10%,#fff 36%)}.capacity-calculation__column--answers .capacity-calculation__progress-bar.warning[data-v-177ab412]{background:linear-gradient(90deg,#ee6911 30%,#fff 66%)}.capacity-calculation__column--answers .capacity-calculation__progress-bar.error[data-v-177ab412]{background:linear-gradient(90deg,#d24140 51%,#fff 88%)}@media(max-width:720px){.capacity-calculation__column--answers .capacity-calculation__answers[data-v-177ab412]{flex-direction:row;justify-content:center;gap:16px}}", Za = /* @__PURE__ */ v(Ra, [["styles", [Va]], ["__scopeId", "data-v-177ab412"]]), za = { class: "capacity-calculation" }, Fa = ["aria-level"], Ta = {
264
+ }), za = ".capacity-calculation__column--answers[data-v-177ab412]{display:flex;gap:.3rem;border:0px}.capacity-calculation__column--answers--normal_weak[data-v-177ab412],.capacity-calculation__column--answers--normal_medium[data-v-177ab412]{background:#e6f6ef}.capacity-calculation__column--answers--warning[data-v-177ab412]{background:#fffaeb}.capacity-calculation__column--answers--error[data-v-177ab412]{background:#fbebea}.capacity-calculation__column--answers .capacity-calculation__answers[data-v-177ab412]{display:flex;flex-direction:column;align-items:stretch;gap:8px;justify-content:center;margin-bottom:1rem}.capacity-calculation__column--answers .capacity-calculation__card[data-v-177ab412]{border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px}.capacity-calculation__column--answers .capacity-calculation__text[data-v-177ab412]{font-size:.875rem;font-weight:400;line-height:1.5rem;text-align:center;margin:0}.capacity-calculation__column--answers .capacity-calculation__text--strong[data-v-177ab412]{font-weight:700;margin:0}.capacity-calculation__column--answers img[data-v-177ab412]{max-width:100%}.capacity-calculation__column--answers .capacity-calculation__img[data-v-177ab412]{position:relative}.capacity-calculation__column--answers .capacity-calculation__img img[data-v-177ab412]{width:100px;height:100px;border-radius:24px}.capacity-calculation__column--answers .capacity-calculation__img--status[data-v-177ab412]{position:absolute;top:0;right:0;transform:translate(30%,-30%)}.capacity-calculation__column--answers .capacity-calculation__progress-bar[data-v-177ab412]{width:100%;height:32px;border-radius:24px;border:solid 2px #253858}.capacity-calculation__column--answers .capacity-calculation__progress-bar.normal_weak[data-v-177ab412],.capacity-calculation__column--answers .capacity-calculation__progress-bar.normal_medium[data-v-177ab412]{background:linear-gradient(90deg,#1c825d 10%,#fff 36%)}.capacity-calculation__column--answers .capacity-calculation__progress-bar.warning[data-v-177ab412]{background:linear-gradient(90deg,#ee6911 30%,#fff 66%)}.capacity-calculation__column--answers .capacity-calculation__progress-bar.error[data-v-177ab412]{background:linear-gradient(90deg,#d24140 51%,#fff 88%)}@media(max-width:720px){.capacity-calculation__column--answers .capacity-calculation__answers[data-v-177ab412]{flex-direction:row;justify-content:center;gap:16px}}", Va = /* @__PURE__ */ v(Ra, [["styles", [za]], ["__scopeId", "data-v-177ab412"]]), Za = { class: "capacity-calculation" }, Fa = ["aria-level"], Ta = {
265
265
  class: "capacity-calculation__grid",
266
266
  "aria-live": "polite"
267
267
  }, Pa = /* @__PURE__ */ C({
@@ -275,7 +275,7 @@ const Ma = /* @__PURE__ */ v($a, [["render", qa]]), Aa = ["aria-level"], Qa = {
275
275
  function l() {
276
276
  _.value = void 0, n.value = 10, e.value = "initial";
277
277
  }
278
- return c({ reset: l }), (s, u) => (o(), d("div", za, [
278
+ return c({ reset: l }), (s, u) => (o(), d("div", Za, [
279
279
  t("div", {
280
280
  role: "heading",
281
281
  "aria-level": a.titleLevel,
@@ -292,7 +292,7 @@ const Ma = /* @__PURE__ */ v($a, [["render", qa]]), Aa = ["aria-level"], Qa = {
292
292
  "onUpdate:currentLevel": u[2] || (u[2] = (p) => e.value = p),
293
293
  class: m({ "initial-state": e.value === "initial" })
294
294
  }, null, 8, ["title-level", "selected-ai-question", "selected-nb-user", "current-level", "class"]),
295
- e.value !== "initial" ? (o(), f(Za, {
295
+ e.value !== "initial" ? (o(), f(Va, {
296
296
  key: 0,
297
297
  "title-level": a.titleLevel,
298
298
  "selected-nb-user": n.value,
@@ -1,26 +1,27 @@
1
- import { d as R, g as B, r as m, h as E, j as N, k as p, c as v, o as f, a as x, l as O, m as P, F as W, b as j, q as b, v as D, t as F, x as L, _ as q, f as T } from "../_plugin-vue_export-helper-DRMLIazq.js";
2
- import { u as k } from "../normalize-props-AlmAfi_u.js";
3
- const U = { name: "image-map" }, V = ["shape", "coords", "onMouseenter", "onClick"], c = 10, X = /* @__PURE__ */ R({
1
+ import { d as B, g as E, r as f, h as N, j as O, k as c, c as x, o as m, a as y, l as P, m as W, F as j, b as D, q as L, t as b, v as q, x as T, y as U, _ as V, f as X } from "../_plugin-vue_export-helper-CP5OpzZH.js";
2
+ import { u as C } from "../normalize-props-AlmAfi_u.js";
3
+ const Y = { class: "container" }, G = ["onMouseenter", "onFocusin", "onClick", "aria-label"], d = 10, H = /* @__PURE__ */ B({
4
4
  __name: "ClickableImage.ce",
5
5
  props: {
6
6
  image: { type: Object },
7
7
  areas: { type: Array }
8
8
  },
9
- setup(a, { expose: w }) {
10
- const i = B("image"), r = m(1), g = new ResizeObserver(() => y());
11
- function y() {
12
- i.value.naturalWidth && (r.value = i.value.offsetWidth / i.value.naturalWidth);
9
+ setup(s, { expose: I }) {
10
+ const l = E("image"), r = f(1), g = new ResizeObserver(() => $());
11
+ function $() {
12
+ l.value.naturalWidth && (r.value = l.value.offsetWidth / l.value.naturalWidth);
13
13
  }
14
- E(() => {
15
- g.observe(i.value);
16
- }), N(() => {
14
+ N(() => {
15
+ g.observe(l.value);
16
+ }), O(() => {
17
17
  g.disconnect();
18
18
  });
19
- const h = p(() => a.areas.map((e) => ({
19
+ const h = c(() => s.areas.map((e) => ({
20
20
  ...e,
21
- coords: C(e.coords)
21
+ coords: M(e.coords),
22
+ spot: S(e.spot ?? { x: 0, y: 0 })
22
23
  })));
23
- function C(e) {
24
+ function M(e) {
24
25
  return {
25
26
  x1: e.x1 * r.value,
26
27
  y1: e.y1 * r.value,
@@ -28,93 +29,109 @@ const U = { name: "image-map" }, V = ["shape", "coords", "onMouseenter", "onClic
28
29
  y2: e.y2 * r.value
29
30
  };
30
31
  }
31
- const d = m();
32
- function z(e) {
33
- d.value = e;
32
+ function S(e) {
33
+ return {
34
+ x: e.x * r.value,
35
+ y: e.y * r.value
36
+ };
34
37
  }
35
- function I() {
36
- d.value = void 0;
38
+ const p = f();
39
+ function k(e) {
40
+ p.value = e;
37
41
  }
38
- const l = m();
39
- function M(e) {
40
- l.value = e;
42
+ function w() {
43
+ p.value = void 0;
44
+ }
45
+ const i = f();
46
+ function A(e) {
47
+ i.value = e;
41
48
  }
42
- function A() {
43
- l.value = void 0;
49
+ function F() {
50
+ i.value = void 0;
44
51
  }
45
- const u = p(() => {
46
- const e = l.value ?? d.value;
47
- if (e !== void 0)
48
- return h.value[e];
49
- }), S = p(() => {
52
+ const v = c(() => i.value ?? p.value), u = c(() => {
53
+ if (v.value !== void 0)
54
+ return h.value[v.value];
55
+ }), _ = c(() => {
50
56
  if (!u.value) return {};
51
- const { tooltipPosition: e, coords: { x1: t, y1: o, x2: n, y2: s } } = u.value;
57
+ const { tooltipPosition: e, coords: { x1: o, y1: t, x2: a, y2: n } } = u.value;
52
58
  switch (e) {
53
59
  case "top":
54
60
  return {
55
- left: `${t + (n - t) / 2}px`,
61
+ left: `${o + (a - o) / 2}px`,
56
62
  transform: "translate(-50%, -100%)",
57
- top: `${o - c}px`
63
+ top: `${t - d}px`
58
64
  };
59
65
  case "bottom":
60
66
  return {
61
- left: `${t + (n - t) / 2}px`,
67
+ left: `${o + (a - o) / 2}px`,
62
68
  transform: "translateX(-50%)",
63
- top: `${s + c}px`
69
+ top: `${n + d}px`
64
70
  };
65
71
  case "left":
66
72
  return {
67
- left: `${t - c}px`,
68
- top: `${o + (s - o) / 2}px`,
73
+ left: `${o - d}px`,
74
+ top: `${t + (n - t) / 2}px`,
69
75
  transform: "translate(-100%, -50%)"
70
76
  };
71
77
  default:
72
78
  return {
73
- left: `${n + c}px`,
74
- top: `${o + (s - o) / 2}px`,
79
+ left: `${a + d}px`,
80
+ top: `${t + (n - t) / 2}px`,
75
81
  transform: "translateY(-50%)"
76
82
  };
77
83
  }
78
84
  });
79
- function _() {
80
- l.value = void 0;
85
+ function R() {
86
+ i.value = void 0;
81
87
  }
82
- return w({ reset: _ }), (e, t) => (f(), v("div", {
83
- class: "container",
84
- onClick: t[3] || (t[3] = (o) => A())
85
- }, [
86
- x("img", P(a.image, {
88
+ return I({ reset: R }), (e, o) => (m(), x("div", Y, [
89
+ y("img", W(s.image, {
87
90
  ref: "image",
88
- usemap: "#image-map",
89
- onLoad: t[0] || (t[0] = (o) => y())
91
+ onLoad: o[0] || (o[0] = (t) => $()),
92
+ onClick: o[1] || (o[1] = (t) => F()),
93
+ alt: ""
90
94
  }), null, 16),
91
- x("map", U, [
92
- (f(!0), v(W, null, j(h.value, (o, n) => (f(), v("area", {
93
- key: n,
94
- shape: o.shape,
95
- coords: `${o.coords.x1},${o.coords.y1},${o.coords.x2},${o.coords.y2}`,
96
- onMouseenter: (s) => z(n),
97
- onMouseleave: t[1] || (t[1] = (s) => I()),
98
- onClick: b((s) => M(n), ["stop"])
99
- }, null, 40, V))), 128))
100
- ]),
101
- O(x("div", {
95
+ (m(!0), x(j, null, D(h.value, (t, a) => (m(), x("button", {
96
+ key: a,
97
+ style: b({
98
+ "--y1": `${t.coords.y1}px`,
99
+ "--y2": `${t.coords.y2}px`,
100
+ "--x1": `${t.coords.x1}px`,
101
+ "--x2": `${t.coords.x2}px`
102
+ }),
103
+ class: "area",
104
+ onMouseenter: (n) => k(a),
105
+ onMouseleave: o[2] || (o[2] = (n) => w()),
106
+ onFocusin: (n) => k(a),
107
+ onFocusout: o[3] || (o[3] = (n) => w()),
108
+ onClick: L((n) => A(a), ["stop"]),
109
+ "aria-label": t.info
110
+ }, [
111
+ y("span", {
112
+ class: q(["spot", { active: v.value === a }]),
113
+ style: b({
114
+ "--s-x": `${t.spot.x}px`,
115
+ "--s-y": `${t.spot.y}px`
116
+ })
117
+ }, null, 6)
118
+ ], 44, G))), 128)),
119
+ P(y("p", {
102
120
  class: "tooltip",
103
- style: L(S.value),
104
- onClick: t[2] || (t[2] = b(() => {
105
- }, ["stop"]))
106
- }, F(u.value?.info), 5), [
107
- [D, u.value]
121
+ "aria-hidden": "true",
122
+ style: b(_.value)
123
+ }, U(u.value?.info), 5), [
124
+ [T, u.value]
108
125
  ])
109
126
  ]));
110
127
  }
111
- }), Y = "*{font-family:Nunito,Roboto,sans-serif;color:var(#253858)}.container{position:relative;max-width:100%;border:1px solid #ccc}img{width:100%;height:auto;display:block}area{cursor:pointer}.tooltip{position:absolute;background-color:#000000d9;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;max-width:260px;z-index:10}", G = /* @__PURE__ */ q(X, [["styles", [Y]]]), $ = T(G);
112
- $.prototype.normalizeProps = (a) => ({
113
- ...a,
128
+ }), J = "*{font-family:Nunito,Roboto,sans-serif;color:var(#253858)}.container{position:relative;max-width:100%;border:1px solid #ccc}.container img{width:100%;height:auto;display:block}.container .area{cursor:pointer;position:absolute;top:var(--y1);left:var(--x1);height:calc(var(--y2) - var(--y1));width:calc(var(--x2) - var(--x1));border:none;background:transparent}.container .spot{cursor:pointer;position:absolute;width:32px;aspect-ratio:1;border:solid 4px #d9d9d9;background:#d9d9d999;border-radius:50%;top:50%;left:50%;transform:translate(calc(-50% + var(--s-x)),calc(-50% + var(--s-y)))}.container .spot.active{border-color:#6495ed}.container .tooltip{position:absolute;background-color:#000000d9;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;max-width:260px;z-index:10}", K = /* @__PURE__ */ V(H, [["styles", [J]]]), z = X(K);
129
+ z.prototype.normalizeProps = (s) => ({
130
+ ...s,
114
131
  image: {
115
- ...a.image,
116
- height: k(a.height),
117
- width: k(a.width)
132
+ ...s.image,
133
+ height: C(s.height),
134
+ width: C(s.width)
118
135
  }
119
136
  });
120
- window.customElements.define("clickable-image", $);
137
+ window.customElements.define("clickable-image", z);
@@ -1,8 +1,8 @@
1
- import { d as g, c as s, o as t, a, t as c, x as z, _ as y, D as S, L as M, A as R, r as b, k as w, E, F as $, b as q, e as k, y as L, f as T } from "../_plugin-vue_export-helper-DRMLIazq.js";
2
- import { a as V, i as P, b as I } from "../i18n-_lDmquwK.js";
3
- import { u as D } from "../normalize-props-AlmAfi_u.js";
4
- import { L as B } from "../LLMMessage.ce-DsVQstKz.js";
5
- const O = {}, F = {}, W = {}, H = {
1
+ import { d as g, c as s, o as t, a, y as c, t as j, _ as y, v as S, L as M, B as R, r as b, k as w, E, F as $, b as q, e as k, z as L, f as T } from "../_plugin-vue_export-helper-CP5OpzZH.js";
2
+ import { a as V, i as B, b as I } from "../i18n-BB4WILwM.js";
3
+ import { u as O } from "../normalize-props-AlmAfi_u.js";
4
+ import { L as P } from "../LLMMessage.ce-D_SYQOna.js";
5
+ const D = {}, F = {}, W = {}, H = {
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
  }, Q = {}, U = {}, G = { class: "probability-bar" }, J = { "aria-hidden": "true" }, K = { class: "sr-only" }, X = /* @__PURE__ */ g({
8
8
  __name: "ProbabilityBar.ce",
@@ -15,7 +15,7 @@ const O = {}, F = {}, W = {}, H = {
15
15
  a("p", J, c(e.name), 1),
16
16
  a("p", K, c(d.$t("complete-phrase.ariaLabelDescription", { name: e.name, percent: e.percent })), 1),
17
17
  a("div", {
18
- style: z(`width: ${e.percent}%`),
18
+ style: j(`width: ${e.percent}%`),
19
19
  class: "probability-bar__percent",
20
20
  "aria-hidden": "true"
21
21
  }, null, 4),
@@ -101,7 +101,7 @@ const O = {}, F = {}, W = {}, H = {
101
101
  function h() {
102
102
  p.value = !1, m.value = o.llmMessage, u.value = o.wordsToAdd, r.value = 0;
103
103
  }
104
- function N() {
104
+ function A() {
105
105
  u.value.length === 1 && (p.value = !0), r.value += 1;
106
106
  const [i, ...l] = u.value;
107
107
  u.value = l, m.value += `<span class="complete-message-word">${i} </span>`;
@@ -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(B, {
120
+ L(P, {
121
121
  class: "container__message",
122
122
  message: { content: e.userMessage, direction: "outbound" }
123
123
  }, null, 8, ["message"]),
124
- L(B, {
124
+ L(P, {
125
125
  class: "container__message",
126
126
  message: { content: _.value, direction: "inbound" }
127
127
  }, null, 8, ["message"])
@@ -133,10 +133,10 @@ const O = {}, F = {}, W = {}, H = {
133
133
  id: `currentProbability${f}`,
134
134
  "aria-hidden": f !== r.value
135
135
  }, [
136
- (t(!0), s($, null, q(v, (C, j) => (t(), k(Z, {
136
+ (t(!0), s($, null, q(v, (C, N) => (t(), k(Z, {
137
137
  name: C.name,
138
138
  percent: C.percent,
139
- key: j
139
+ key: N
140
140
  }, null, 8, ["name", "percent"]))), 128))
141
141
  ], 10, he))), 128))
142
142
  ])
@@ -148,7 +148,7 @@ const O = {}, F = {}, W = {}, H = {
148
148
  onVisible: l[0] || (l[0] = (v) => n.value = !0)
149
149
  }, null, 8, ["list", "title"])) : (t(), k(ae, {
150
150
  key: 0,
151
- onClick: N,
151
+ onClick: A,
152
152
  state: "primary",
153
153
  label: i.$t("complete-phrase.clickHereButton"),
154
154
  "aria-describedby": `currentProbability${r.value}`
@@ -156,14 +156,14 @@ 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(fe, [["styles", [ge]], ["__scopeId", "data-v-be9b10f3"]]);
159
- V(/* @__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));
160
- const A = T(ye, {
159
+ V(/* @__PURE__ */ Object.assign({ "./locales/en.json": D, "./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));
160
+ const z = T(ye, {
161
161
  configureApp(e) {
162
- P.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(I, { i18next: P });
162
+ B.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(I, { i18next: B });
163
163
  }
164
164
  });
165
- A.prototype.normalizeProps = (e) => ({
165
+ z.prototype.normalizeProps = (e) => ({
166
166
  ...e,
167
- titleLevel: D(e.titleLevel)
167
+ titleLevel: O(e.titleLevel)
168
168
  });
169
- window.customElements.define("complete-phrase", A);
169
+ window.customElements.define("complete-phrase", z);
@@ -1,4 +1,4 @@
1
- import { d as m, c as n, o as d, F as u, a as t, D as v, G as p, t as f, E as y, _ as h, r as w, b as k, H as g, y as F, f as _ } from "../_plugin-vue_export-helper-DRMLIazq.js";
1
+ import { d as m, c as n, o as d, F as u, a as t, v, G as p, y as f, E as y, _ as h, r as w, b as k, H as g, z as F, f as _ } from "../_plugin-vue_export-helper-CP5OpzZH.js";
2
2
  import { u as L } from "../normalize-props-AlmAfi_u.js";
3
3
  const C = ["aria-hidden"], z = ["src"], N = ["title-level"], S = ["aria-hidden"], $ = ["aria-level"], B = { class: "description" }, E = { class: "image-container" }, U = ["src"], j = /* @__PURE__ */ m({
4
4
  __name: "FlipCard.ce",
@@ -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
- }), D = "[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(j, [["styles", [D]], ["__scopeId", "data-v-897a493f"]]), V = { class: "flip-cards" }, I = ["aria-level"], R = ["aria-expanded", "onClick", "onKeydown"], Y = { class: "flip-container" }, Z = /* @__PURE__ */ m({
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(j, [["styles", [K]], ["__scopeId", "data-v-897a493f"]]), D = { class: "flip-cards" }, I = ["aria-level"], R = ["aria-expanded", "onClick", "onKeydown"], Y = { class: "flip-container" }, Z = /* @__PURE__ */ m({
53
53
  __name: "FlipCards.ce",
54
54
  props: {
55
55
  titleLevel: { default: 2, type: Number },
@@ -66,7 +66,7 @@ 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", V, [
69
+ return (i, c) => (d(), n("div", D, [
70
70
  t("div", {
71
71
  role: "heading",
72
72
  "aria-level": e.titleLevel,
@@ -85,7 +85,7 @@ const C = ["aria-hidden"], z = ["src"], N = ["title-level"], S = ["aria-hidden"]
85
85
  ]
86
86
  }, [
87
87
  t("div", Y, [
88
- F(K, {
88
+ F(V, {
89
89
  color: a.color,
90
90
  description: a.description,
91
91
  icon: a.icon,
@@ -1,5 +1,5 @@
1
- import "../_plugin-vue_export-helper-DRMLIazq.js";
2
- import { n as p } from "../image-quiz.ce-By2A_llO.js";
1
+ import "../_plugin-vue_export-helper-CP5OpzZH.js";
2
+ import { n as p } from "../image-quiz.ce-UlVFo5Sr.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-DRMLIazq.js";
2
- import { I as A, n as I } from "../image-quiz.ce-By2A_llO.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-CP5OpzZH.js";
2
+ import { I as A, n as I } from "../image-quiz.ce-UlVFo5Sr.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, t as n, F as r, b as m, y as i, _ as p, f as g } from "../_plugin-vue_export-helper-DRMLIazq.js";
2
- import { L as l } from "../LLMMessage.ce-DsVQstKz.js";
3
- import { p as u } from "../shadow-dom-CAG14nqa.js";
1
+ import { d as c, c as t, o as s, a as e, y as n, F as r, b as m, z as i, _ as p, f as g } from "../_plugin-vue_export-helper-CP5OpzZH.js";
2
+ import { L as l } from "../LLMMessage.ce-D_SYQOna.js";
3
+ import { p as u } from "../shadow-dom-D3DtD_VO.js";
4
4
  const f = {
5
5
  class: "header",
6
6
  "aria-hidden": "true"
@@ -1,6 +1,6 @@
1
- import { d as c, B as m, C 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-DRMLIazq.js";
2
- import { L as h } from "../LLMMessage.ce-DsVQstKz.js";
3
- import { p as _ } from "../shadow-dom-CAG14nqa.js";
1
+ import { d as c, C as m, D 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-CP5OpzZH.js";
2
+ import { L as h } from "../LLMMessage.ce-D_SYQOna.js";
3
+ import { p as _ } from "../shadow-dom-D3DtD_VO.js";
4
4
  const x = {
5
5
  class: "llm-messages",
6
6
  "aria-live": "polite"
@@ -1,7 +1,7 @@
1
- import { d as y, r as c, z as h, c as d, o as m, y as w, a, A as k, F as b, b as L, t as S, _ as C, f as P } from "../_plugin-vue_export-helper-DRMLIazq.js";
1
+ import { d as y, r as c, A as h, c as d, o as m, z as w, a, B as k, F as b, b as L, y as S, _ as C, f as P } from "../_plugin-vue_export-helper-CP5OpzZH.js";
2
2
  import { u as N } from "../normalize-props-AlmAfi_u.js";
3
3
  import "./llm-messages.ce.js.js";
4
- const M = { class: "prompt-select" }, z = { class: "prompt-select__options" }, A = ["disabled", "onClick"], B = /* @__PURE__ */ y({
4
+ const B = { class: "prompt-select" }, M = { class: "prompt-select__options" }, z = ["disabled", "onClick"], A = /* @__PURE__ */ y({
5
5
  __name: "LLMPromptSelect.ce",
6
6
  props: {
7
7
  messages: { type: Array },
@@ -48,23 +48,23 @@ const M = { class: "prompt-select" }, z = { class: "prompt-select__options" }, A
48
48
  const p = h("llm-messages");
49
49
  return m(), d(b, null, [
50
50
  w(p, { messages: s.value }, null, 8, ["messages"]),
51
- a("div", M, [
51
+ a("div", B, [
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
- a("div", z, [
56
+ a("div", M, [
57
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
- }, S(n.prompt), 9, A))), 128))
61
+ }, S(n.prompt), 9, z))), 128))
62
62
  ])
63
63
  ])
64
64
  ], 64);
65
65
  };
66
66
  }
67
- }), E = ".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}", V = /* @__PURE__ */ C(B, [["styles", [E]]]), _ = P(V);
67
+ }), E = ".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}", V = /* @__PURE__ */ C(A, [["styles", [E]]]), _ = P(V);
68
68
  _.prototype.normalizeProps = (r) => ({
69
69
  ...r,
70
70
  speed: N(r.speed)
@@ -1,5 +1,5 @@
1
- import { d as S, r as x, k as D, h as E, c as n, o as s, D as k, E as g, a as _, A as w, t as v, y as B, 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-DRMLIazq.js";
2
- import { L as I } from "../Loading.ce-DoJ4rCWj.js";
1
+ import { d as S, r as x, k as M, h as B, c as n, o as s, v as k, E as g, a as _, B as w, y as v, z as E, I as z, m as P, F as b, b as N, _ as D, g as T, e as V, f as F } from "../_plugin-vue_export-helper-CP5OpzZH.js";
2
+ import { L as I } from "../Loading.ce-CjAv1WaY.js";
3
3
  import { u as L, a as j } from "../normalize-props-AlmAfi_u.js";
4
4
  const O = ["part"], R = {
5
5
  key: 1,
@@ -15,7 +15,7 @@ const O = ["part"], R = {
15
15
  loadingDuration: { type: Number }
16
16
  },
17
17
  setup(e, { expose: d }) {
18
- const i = x("hidden"), l = x([]), p = D(() => e.message.content.split(`
18
+ const i = x("hidden"), l = x([]), p = M(() => e.message.content.split(`
19
19
  `));
20
20
  function m(t) {
21
21
  return new Promise((a) => {
@@ -26,7 +26,7 @@ const O = ["part"], R = {
26
26
  async function c() {
27
27
  await m(e.startAnimation), i.value = "loading", await m(e.loadingDuration), i.value = "visible", await m(e.animationDuration);
28
28
  }
29
- E(c);
29
+ B(c);
30
30
  async function f() {
31
31
  i.value = "hidden", l.value.forEach(clearTimeout), await c();
32
32
  }
@@ -47,7 +47,7 @@ const O = ["part"], R = {
47
47
  w(v(e.message.userName), 1)
48
48
  ], 8, O)) : g("", !0),
49
49
  i.value === "loading" ? (s(), n("div", R, [
50
- B(I)
50
+ E(I)
51
51
  ])) : g("", !0),
52
52
  _("p", {
53
53
  class: k(["message__content", { "hidden-state": i.value !== "visible" }]),
@@ -55,14 +55,14 @@ const O = ["part"], R = {
55
55
  }, [
56
56
  e.message.image ? (s(), n("img", z(P({ key: 0 }, e.message.image)), null, 16)) : g("", !0),
57
57
  e.message.image ? (s(), n("br", G)) : g("", !0),
58
- (s(!0), n(b, null, M(p.value, (o, r) => (s(), n(b, { key: r }, [
58
+ (s(!0), n(b, null, N(p.value, (o, r) => (s(), n(b, { key: r }, [
59
59
  r > 0 ? (s(), n("br", H)) : g("", !0),
60
60
  w(" " + v(o), 1)
61
61
  ], 64))), 128))
62
62
  ], 10, q)
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
+ }), 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__ */ D(J, [["styles", [K]]]), 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 },
@@ -70,7 +70,7 @@ const O = ["part"], R = {
70
70
  animationSpeed: { default: 20, type: Number }
71
71
  },
72
72
  setup(e, { expose: d }) {
73
- const i = 50 * e.animationSpeed, l = 50 * e.animationSpeed, p = D(
73
+ const i = 50 * e.animationSpeed, l = 50 * e.animationSpeed, p = M(
74
74
  () => e.messages.reduce(
75
75
  (t, a, o) => {
76
76
  const r = c(a);
@@ -80,8 +80,8 @@ const O = ["part"], R = {
80
80
  message: u,
81
81
  startAnimation: y,
82
82
  animationDuration: h
83
- } = t.at(-1), C = a.direction !== u.direction || a.userName !== u.userName, $ = y + h + i;
84
- return [...t, { message: a, displaySender: C, startAnimation: $, animationDuration: r }];
83
+ } = t.at(-1), A = a.direction !== u.direction || a.userName !== u.userName, $ = y + h + i;
84
+ return [...t, { message: a, displaySender: A, startAnimation: $, animationDuration: r }];
85
85
  },
86
86
  []
87
87
  )
@@ -97,7 +97,7 @@ const O = ["part"], R = {
97
97
  reset: f
98
98
  }), (t, a) => (s(), n("figure", U, [
99
99
  _("figcaption", W, v(e.title), 1),
100
- (s(!0), n(b, null, M(p.value, ({ message: o, displaySender: r, startAnimation: u, animationDuration: y }, h) => (s(), V(Q, {
100
+ (s(!0), n(b, null, N(p.value, ({ message: o, displaySender: r, startAnimation: u, animationDuration: y }, h) => (s(), V(Q, {
101
101
  ref_for: !0,
102
102
  ref: "messages",
103
103
  message: o,
@@ -109,8 +109,8 @@ const O = ["part"], R = {
109
109
  }, null, 8, ["message", "start-animation", "animation-duration", "display-sender"]))), 128))
110
110
  ]));
111
111
  }
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
- A.prototype.normalizeProps = (e) => ({
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__ */ D(X, [["styles", [Y]]]), C = F(Z);
113
+ C.prototype.normalizeProps = (e) => ({
114
114
  ...e,
115
115
  animationSpeed: L(e.animationSpeed),
116
116
  messages: e.messages.map((d) => ({
@@ -118,4 +118,4 @@ A.prototype.normalizeProps = (e) => ({
118
118
  image: j(d.image)
119
119
  }))
120
120
  });
121
- window.customElements.define("message-conversation", A);
121
+ window.customElements.define("message-conversation", C);
@@ -1,5 +1,5 @@
1
- import { d as u, c as a, o as n, a as t, t as i, F as l, b as d, G as h, _ as m, f } from "../_plugin-vue_export-helper-DRMLIazq.js";
2
- import { a as p, i as o, b as v } from "../i18n-_lDmquwK.js";
1
+ import { d as u, c as a, o as n, a as t, y as i, F as l, b as d, G as h, _ as m, f } from "../_plugin-vue_export-helper-CP5OpzZH.js";
2
+ import { a as p, i as o, b as v } from "../i18n-BB4WILwM.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,6 +1,6 @@
1
- import { d as S, c as n, o as t, D as M, a as s, E as L, L as R, A as z, t as g, G as l, _ as h, r as $, K as V, k as w, y as m, x as k, J as P, M as _, F as A, b as N, e as T, f as F } from "../_plugin-vue_export-helper-DRMLIazq.js";
2
- import { a as G, i as B, b as O } from "../i18n-_lDmquwK.js";
3
- import { B as j, N as D } from "../NavigationButton.ce-CtLZqKRv.js";
1
+ import { d as S, c as n, o as t, v as M, a as s, E as L, L as R, B as z, y as g, G as l, _ as h, r as $, K as V, k as w, z 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-CP5OpzZH.js";
2
+ import { a as G, i as T, b as O } from "../i18n-BB4WILwM.js";
3
+ import { B as j, N as D } from "../NavigationButton.ce-DlErTyfv.js";
4
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" }
@@ -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" }, Te = /* @__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" }, Be = /* @__PURE__ */ S({
165
165
  __name: "Carousel.ce",
166
166
  props: {
167
167
  randomSlides: { type: Boolean },
@@ -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(), T(fe, {
202
+ (t(!0), n(A, null, N(a.value, (u, p) => (t(), B(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(), T(H, {
245
+ (t(!0), n(A, null, N(a.value, (u, p) => (t(), B(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
- }), 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]]]);
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
263
  G(/* @__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));
264
264
  const I = F(je, {
265
265
  configureApp(e) {
266
- B.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(O, { i18next: B });
266
+ T.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(O, { i18next: T });
267
267
  }
268
268
  });
269
269
  I.prototype.normalizeProps = (e) => ({
@@ -1,6 +1,6 @@
1
- import { d as S, r as k, J as y, k as m, z as A, c as a, o as i, a as s, l as B, G as d, t as u, F as f, b, N as H, y as g, D as C, M as L, E as D, q as F, _ as P, f as G } from "../_plugin-vue_export-helper-DRMLIazq.js";
2
- import { a as q, i as w, b as J } from "../i18n-_lDmquwK.js";
3
- import { N as j } from "../NavigationButton.ce-CtLZqKRv.js";
1
+ import { d as E, r as k, J as y, k as m, A as S, c as a, o as i, a as s, l as B, G as d, y as u, F as f, b, N as H, z as g, v as C, M as L, E as F, q as P, _ as D, f as G } from "../_plugin-vue_export-helper-CP5OpzZH.js";
2
+ import { a as q, i as w, b as J } from "../i18n-BB4WILwM.js";
3
+ import { N as j } from "../NavigationButton.ce-DlErTyfv.js";
4
4
  const R = {}, U = {}, K = {}, Q = {
5
5
  "pix-cursor": { confirm: "Valider", next: "Suivant", previous: "Précédent", selectAnOption: "Sélectionnez une option", youHaveChosen: "Vous avez choisi : { choice }" }
6
6
  }, W = {}, X = {}, Y = ["for"], Z = {
@@ -12,7 +12,7 @@ const R = {}, U = {}, K = {}, Q = {
12
12
  }, ce = {
13
13
  key: 0,
14
14
  class: "confirm"
15
- }, de = ["innerHTML", "aria-hidden"], ue = /* @__PURE__ */ S({
15
+ }, de = ["innerHTML", "aria-hidden"], ue = /* @__PURE__ */ E({
16
16
  __name: "PixCursor.ce",
17
17
  props: {
18
18
  options: { type: Array }
@@ -37,10 +37,10 @@ const R = {}, U = {}, K = {}, Q = {
37
37
  return M({
38
38
  reset: T
39
39
  }), (l, h) => {
40
- const V = A("i18next");
40
+ const V = S("i18next");
41
41
  return i(), a("form", {
42
42
  class: "pix-cursor",
43
- onSubmit: F(z, ["prevent"])
43
+ onSubmit: P(z, ["prevent"])
44
44
  }, [
45
45
  s("div", null, [
46
46
  s("label", {
@@ -49,13 +49,13 @@ const R = {}, U = {}, K = {}, Q = {
49
49
  }, u(l.$t("pix-cursor.selectAnOption")), 9, Y),
50
50
  s("ul", Z, [
51
51
  (i(!0), a(f, null, b(n.options, (t, e) => (i(), a("li", {
52
- onClick: (E) => _(e),
52
+ onClick: (A) => _(e),
53
53
  key: e
54
54
  }, u(t.label), 9, ee))), 128))
55
55
  ]),
56
56
  s("datalist", { id: d(x) }, [
57
57
  (i(!0), a(f, null, b(n.options, (t, e) => (i(), a("option", {
58
- onClick: (E) => _(e),
58
+ onClick: (A) => _(e),
59
59
  key: e,
60
60
  value: e,
61
61
  label: t.label
@@ -114,7 +114,7 @@ const R = {}, U = {}, K = {}, Q = {
114
114
  ])
115
115
  ]),
116
116
  s("div", le, [
117
- o.value ? D("", !0) : (i(), a("button", ce, u(l.$t("pix-cursor.confirm")), 1)),
117
+ o.value ? F("", !0) : (i(), a("button", ce, u(l.$t("pix-cursor.confirm")), 1)),
118
118
  (i(!0), a(f, null, b(n.options, (t, e) => (i(), a("p", {
119
119
  innerHTML: t.feedback.text,
120
120
  key: e,
@@ -128,7 +128,7 @@ const R = {}, U = {}, K = {}, Q = {
128
128
  ], 32);
129
129
  };
130
130
  }
131
- }), pe = "[data-v-58e704c5]{--pix-neutral-800: #253858;font-family:Nunito,sans-serif;color:var(--pix-neutral-800)}.pix-cursor[data-v-58e704c5]{display:flex;flex-direction:column;justify-content:center;margin:auto;padding:2rem;gap:1rem;overflow:hidden}.pix-cursor p[data-v-58e704c5]{text-align:center;font-size:1.1rem}.pix-cursor .chosen-option[data-v-58e704c5]{font-weight:700}.pix-cursor .visible-options[data-v-58e704c5]{display:flex;justify-content:space-between;margin:0;padding:0}.pix-cursor .visible-options li[data-v-58e704c5]{cursor:pointer;list-style:none}.pix-cursor input[data-v-58e704c5]{width:100%}.pix-cursor .confirm[data-v-58e704c5]{padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1.25rem;letter-spacing:1.1;width:fit-content;margin:auto;border:none;color:#fff;background:#4075ff;grid-row:1;grid-column:1}.pix-cursor .confirm[data-v-58e704c5]:hover{background:#355ac4;transition:background ease .1s}.pix-cursor .navigation-container[data-v-58e704c5]{display:flex;justify-content:center;align-items:center;gap:1rem}.pix-cursor .navigation-container .chosen-text-container[data-v-58e704c5]{display:grid}.pix-cursor .navigation-container .chosen-text-container p[data-v-58e704c5]{grid-row:1;grid-column:1}.pix-cursor .navigation-container .chosen-text-container p.hidden[data-v-58e704c5]{transform:translate(100vw)}.pix-cursor .footer[data-v-58e704c5]{display:grid;grid-template-columns:auto;align-items:center;justify-content:center}.pix-cursor .feedback[data-v-58e704c5]{padding:1rem 1.2rem;border-left:solid 4px;border-radius:8px;grid-column:1;grid-row:1;text-align:start;margin:0}.pix-cursor .feedback.hidden[data-v-58e704c5]{visibility:hidden;transform:translate(100vw)}.pix-cursor .feedback.good[data-v-58e704c5]{background:#e8f5e9;border-left-color:#4caf51}.pix-cursor .feedback.bad[data-v-58e704c5]{background:#ffebee;border-left-color:#f44337}.pix-cursor .feedback.neutral[data-v-58e704c5]{background:#e8f6ff;border-left-color:#464ee0}.pix-cursor .feedback.close[data-v-58e704c5]{background:#fff8e1;border-left-color:#ffc108}", ve = /* @__PURE__ */ P(ue, [["styles", [pe]], ["__scopeId", "data-v-58e704c5"]]);
131
+ }), pe = "[data-v-58e704c5]{--pix-neutral-800: #253858;font-family:Nunito,sans-serif;color:var(--pix-neutral-800)}.pix-cursor[data-v-58e704c5]{display:flex;flex-direction:column;justify-content:center;margin:auto;padding:2rem;gap:1rem;overflow:hidden}.pix-cursor p[data-v-58e704c5]{text-align:center;font-size:1.1rem}.pix-cursor .chosen-option[data-v-58e704c5]{font-weight:700}.pix-cursor .visible-options[data-v-58e704c5]{display:flex;justify-content:space-between;margin:0;padding:0}.pix-cursor .visible-options li[data-v-58e704c5]{cursor:pointer;list-style:none}.pix-cursor input[data-v-58e704c5]{width:100%}.pix-cursor .confirm[data-v-58e704c5]{padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1.25rem;letter-spacing:1.1;width:fit-content;margin:auto;border:none;color:#fff;background:#4075ff;grid-row:1;grid-column:1}.pix-cursor .confirm[data-v-58e704c5]:hover{background:#355ac4;transition:background ease .1s}.pix-cursor .navigation-container[data-v-58e704c5]{display:flex;justify-content:center;align-items:center;gap:1rem}.pix-cursor .navigation-container .chosen-text-container[data-v-58e704c5]{display:grid}.pix-cursor .navigation-container .chosen-text-container p[data-v-58e704c5]{grid-row:1;grid-column:1}.pix-cursor .navigation-container .chosen-text-container p.hidden[data-v-58e704c5]{transform:translate(100vw)}.pix-cursor .footer[data-v-58e704c5]{display:grid;grid-template-columns:auto;align-items:center;justify-content:center}.pix-cursor .feedback[data-v-58e704c5]{padding:1rem 1.2rem;border-left:solid 4px;border-radius:8px;grid-column:1;grid-row:1;text-align:start;margin:0}.pix-cursor .feedback.hidden[data-v-58e704c5]{visibility:hidden;transform:translate(100vw)}.pix-cursor .feedback.good[data-v-58e704c5]{background:#e8f5e9;border-left-color:#4caf51}.pix-cursor .feedback.bad[data-v-58e704c5]{background:#ffebee;border-left-color:#f44337}.pix-cursor .feedback.neutral[data-v-58e704c5]{background:#e8f6ff;border-left-color:#464ee0}.pix-cursor .feedback.close[data-v-58e704c5]{background:#fff8e1;border-left-color:#ffc108}", ve = /* @__PURE__ */ D(ue, [["styles", [pe]], ["__scopeId", "data-v-58e704c5"]]);
132
132
  q(/* @__PURE__ */ Object.assign({ "./locales/en.json": R, "./locales/es-419.json": U, "./locales/es.json": K, "./locales/fr.json": Q, "./locales/it.json": W, "./locales/nl.json": X })).catch((n) => console.error(n));
133
133
  window.customElements.define("pix-cursor", G(ve, {
134
134
  configureApp(n) {
@@ -1,6 +1,6 @@
1
- import { d as y, k as b, c as i, o, a as s, E as v, t as c, D as w, _, O as A, P as E, r as x, l as O, A as V, Q as G, L as M, g as P, F as $, b as C, e as Q, G as F, y as k, R as U, M as W, q as H, f as J } from "../_plugin-vue_export-helper-DRMLIazq.js";
2
- import { i as a, a as K, b as X } from "../i18n-_lDmquwK.js";
3
- import { R as Y } from "../Retry-CNZNkXbY.js";
1
+ import { d as y, k as b, c as i, o, a as s, E as v, y as c, v as w, _, O as E, P as A, r as x, l as O, B as V, Q as G, L as M, g as P, F as $, b as C, e as Q, G as F, z as k, R as U, M as W, q as H, f as J } from "../_plugin-vue_export-helper-CP5OpzZH.js";
2
+ import { i as a, a as K, b as X } from "../i18n-BB4WILwM.js";
3
+ import { R as Y } from "../Retry--whpA3a8.js";
4
4
  import { u as Z } from "../normalize-props-AlmAfi_u.js";
5
5
  const ee = {}, te = {}, ae = {}, ne = {
6
6
  "qcm-deepfake": { options: ["une photo de sa chanteuse préférée", "une chanson de sa chanteuse préférée", "les partitions de la chanson", "une photo de Caroline", "un enregistrement de Caroline qui dit quelques phrases"], iaResultInfo: "Retrouvez ici les résultats du logiciel d'IA générative :", iaResultGenerated: "Résultat généré par le logiciel d'IA générative", in: "Entrée", out: "Sortie", waiting: "Logiciel d'IA générative", selectThreeElements: "Sélectionnez 3 éléments pour générer la vidéo de Caroline :", generateVideo: "Générer la vidéo !", loading: "Chargement…", restart: "Recommencer", element_one: "élément", element_other: "éléments", generateVideoInfo_one: "Plus que {{count}} élément", generateVideoInfo_other: "Plus que {{count}} éléments", restartInfo: "Essayez avec de nouveaux éléments", success: { title: "Bien joué !", description: "C'est bien la vidéo de Caroline. Vous avez utilisé les bons éléments." }, fail: { title: "Pas exactement…", description: "Le résultat ne convient pas. Recommencez en changeant les éléments en entrée." } }
@@ -55,7 +55,7 @@ const ee = {}, te = {}, ae = {}, ne = {
55
55
  }
56
56
  }), ge = ".right-container[data-v-2a82aa38]{grid-row:1/1;grid-column:1/1}.right-container[aria-hidden=true][data-v-2a82aa38]{visibility:hidden}img[data-v-2a82aa38]{margin-block:.5rem}.subtitle[data-v-2a82aa38]{font-size:1.25rem;font-weight:700;text-align:center}.description[data-v-2a82aa38]{font-weight:700;margin-top:0;margin-bottom:0}img[data-v-2a82aa38]{width:200px;height:auto}.answer-block[data-v-2a82aa38]{background:#e8e8e8;margin-inline:1rem;padding:.5rem;border-radius:10px}.answer-block p[data-v-2a82aa38]{margin-bottom:0}.answer-block.success[data-v-2a82aa38]{background:#e8f3ef}.answer-block.fail[data-v-2a82aa38]{border-radius:16px;background:#fbecec}", pe = /* @__PURE__ */ _(fe, [["styles", [ge]], ["__scopeId", "data-v-2a82aa38"]]), me = ["aria-disabled"], ve = /* @__PURE__ */ y({
57
57
  __name: "Option.ce",
58
- props: /* @__PURE__ */ A({
58
+ props: /* @__PURE__ */ E({
59
59
  option: { type: String },
60
60
  value: { type: Number },
61
61
  readonly: { type: Boolean }
@@ -65,7 +65,7 @@ const ee = {}, te = {}, ae = {}, ne = {
65
65
  }),
66
66
  emits: ["update:modelValue"],
67
67
  setup(e, { expose: u }) {
68
- const n = E(e, "modelValue"), l = x(!1), t = b(() => n.value.length === 3 && !l.value || e.readonly);
68
+ const n = A(e, "modelValue"), l = x(!1), t = b(() => n.value.length === 3 && !l.value || e.readonly);
69
69
  function h(p) {
70
70
  if (t.value) {
71
71
  p.preventDefault();
@@ -123,7 +123,7 @@ const ee = {}, te = {}, ae = {}, ne = {
123
123
  searchDelay: { default: 3e3, type: Number }
124
124
  },
125
125
  setup(e, { expose: u }) {
126
- const n = x([]), l = [2, 4, 5], t = x("info"), h = P("optionsNode"), p = a.t("qcm-deepfake.options", { returnObjects: !0 }), m = ["👩‍🎤", "🎧", "🎶", "👩", "🎙️"], g = p.map((d, r) => `${m[r]} ${d}`), D = g.filter((d, r) => l.includes(r + 1)), L = [
126
+ const n = x([]), l = [2, 4, 5], t = x("info"), h = P("optionsNode"), p = a.t("qcm-deepfake.options", { returnObjects: !0 }), m = ["👩‍🎤", "🎧", "🎶", "👩", "🎙️"], g = p.map((d, r) => `${m[r]} ${d}`), z = g.filter((d, r) => l.includes(r + 1)), B = [
127
127
  {
128
128
  type: "info",
129
129
  image: e.infoImage
@@ -146,8 +146,8 @@ const ee = {}, te = {}, ae = {}, ne = {
146
146
  type: "search",
147
147
  image: e.searchImage
148
148
  }
149
- ], q = b(() => n.value.length !== 3 || t.value === "search"), T = b(() => t.value === "search" ? a.t("qcm-deepfake.loading") : t.value === "info" ? a.t("qcm-deepfake.generateVideo") : a.t("qcm-deepfake.restart")), z = b(() => t.value === "info" ? a.t("qcm-deepfake.generateVideoInfo", { count: l.length - n.value.length }) : t.value === "fail" ? a.t("qcm-deepfake.restartInfo") : "");
150
- function B() {
149
+ ], q = b(() => n.value.length !== 3 || t.value === "search"), D = b(() => t.value === "search" ? a.t("qcm-deepfake.loading") : t.value === "info" ? a.t("qcm-deepfake.generateVideo") : a.t("qcm-deepfake.restart")), L = b(() => t.value === "info" ? a.t("qcm-deepfake.generateVideoInfo", { count: l.length - n.value.length }) : t.value === "fail" ? a.t("qcm-deepfake.restartInfo") : "");
150
+ function T() {
151
151
  return q.value ? !1 : t.value === "info" ? R() : I();
152
152
  }
153
153
  function I() {
@@ -156,7 +156,7 @@ const ee = {}, te = {}, ae = {}, ne = {
156
156
  }), n.value = [], t.value = "info";
157
157
  }
158
158
  async function R() {
159
- const d = n.value.every((r) => D.includes(r.trim()));
159
+ const d = n.value.every((r) => z.includes(r.trim()));
160
160
  t.value = "search", await new Promise((r) => setTimeout(r, e.searchDelay)), d ? t.value = "success" : t.value = "fail";
161
161
  }
162
162
  return u({
@@ -185,9 +185,9 @@ const ee = {}, te = {}, ae = {}, ne = {
185
185
  ]),
186
186
  s("div", Se, [
187
187
  k(ke, {
188
- onClick: H(B, ["prevent"]),
188
+ onClick: H(T, ["prevent"]),
189
189
  "aria-disabled": q.value,
190
- label: T.value,
190
+ label: D.value,
191
191
  state: t.value === "info" ? "primary" : "warning",
192
192
  "aria-describedby": ["success", "search"].includes(t.value) ? void 0 : "optionsSelectedInfo"
193
193
  }, U({ _: 2 }, [
@@ -199,11 +199,11 @@ const ee = {}, te = {}, ae = {}, ne = {
199
199
  key: "0"
200
200
  } : void 0
201
201
  ]), 1032, ["aria-disabled", "label", "state", "aria-describedby"]),
202
- ["success", "search"].includes(t.value) ? v("", !0) : (o(), i("p", $e, c(z.value), 1))
202
+ ["success", "search"].includes(t.value) ? v("", !0) : (o(), i("p", $e, c(L.value), 1))
203
203
  ])
204
204
  ]),
205
205
  s("div", Ce, [
206
- (o(), i($, null, C(L, (f) => k(pe, {
206
+ (o(), i($, null, C(B, (f) => k(pe, {
207
207
  key: f,
208
208
  "title-level": e.titleLevel,
209
209
  type: f.type,
@@ -216,9 +216,9 @@ const ee = {}, te = {}, ae = {}, ne = {
216
216
  ])
217
217
  ]));
218
218
  }
219
- }), Ne = "legend,label,p,div[role=heading]{font-family:Nunito,Roboto,sans-serif;color:#253858}", De = ".container[data-v-66f8d52f]{display:flex;gap:.8rem}.title[data-v-66f8d52f]{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:16px}.left-side[data-v-66f8d52f]{min-width:60%;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;border-radius:10px}.left-side__lower-legend[data-v-66f8d52f]{font-size:.875rem;color:#5e6c84}.left-side__subtitle[data-v-66f8d52f]{font-size:1.25rem;font-weight:700;text-align:center}.left-side__options[data-v-66f8d52f]{display:flex;border:solid 1px #5e6c84;padding:.6rem;border-radius:5px;gap:.5rem}.left-side__description[data-v-66f8d52f]{font-weight:700}.left-side__button[data-v-66f8d52f]{display:flex;gap:.5rem;align-items:center;border:none;padding:.6rem 1.5rem;background:#ffcb33;color:#000;border-radius:25px;font-weight:700;cursor:pointer}.left-side__button.generate[data-v-66f8d52f]{background:#613fdd;color:#fff}.left-side__button[aria-disabled=true][data-v-66f8d52f]{cursor:not-allowed;background:#d3d3d3}.left-side__action[data-v-66f8d52f]{display:flex;flex-direction:column;align-items:center;text-align:center}.right-side[data-v-66f8d52f]{display:grid;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;text-align:center;border-radius:10px}fieldset[data-v-66f8d52f]{border:none;display:flex;flex-direction:column;gap:.8rem}@media(max-width:770px){.container[data-v-66f8d52f]{flex-wrap:wrap}.left-side[data-v-66f8d52f],.right-side[data-v-66f8d52f]{width:100%}}", Le = /* @__PURE__ */ _(Ve, [["styles", [Ne, De]], ["__scopeId", "data-v-66f8d52f"]]);
219
+ }), Ne = "legend,label,p,div[role=heading]{font-family:Nunito,Roboto,sans-serif;color:#253858}", ze = ".container[data-v-66f8d52f]{display:flex;gap:.8rem}.title[data-v-66f8d52f]{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:16px}.left-side[data-v-66f8d52f]{min-width:60%;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;border-radius:10px}.left-side__lower-legend[data-v-66f8d52f]{font-size:.875rem;color:#5e6c84}.left-side__subtitle[data-v-66f8d52f]{font-size:1.25rem;font-weight:700;text-align:center}.left-side__options[data-v-66f8d52f]{display:flex;border:solid 1px #5e6c84;padding:.6rem;border-radius:5px;gap:.5rem}.left-side__description[data-v-66f8d52f]{font-weight:700}.left-side__button[data-v-66f8d52f]{display:flex;gap:.5rem;align-items:center;border:none;padding:.6rem 1.5rem;background:#ffcb33;color:#000;border-radius:25px;font-weight:700;cursor:pointer}.left-side__button.generate[data-v-66f8d52f]{background:#613fdd;color:#fff}.left-side__button[aria-disabled=true][data-v-66f8d52f]{cursor:not-allowed;background:#d3d3d3}.left-side__action[data-v-66f8d52f]{display:flex;flex-direction:column;align-items:center;text-align:center}.right-side[data-v-66f8d52f]{display:grid;border:solid 1px #b0d3f4;background:#fff;padding:.8rem;text-align:center;border-radius:10px}fieldset[data-v-66f8d52f]{border:none;display:flex;flex-direction:column;gap:.8rem}@media(max-width:770px){.container[data-v-66f8d52f]{flex-wrap:wrap}.left-side[data-v-66f8d52f],.right-side[data-v-66f8d52f]{width:100%}}", Be = /* @__PURE__ */ _(Ve, [["styles", [Ne, ze]], ["__scopeId", "data-v-66f8d52f"]]);
220
220
  K(/* @__PURE__ */ Object.assign({ "./locales/en.json": ee, "./locales/es-419.json": te, "./locales/es.json": ae, "./locales/fr.json": ne, "./locales/it.json": oe, "./locales/nl.json": ie })).catch((e) => console.error(e));
221
- const N = J(Le, {
221
+ const N = J(Be, {
222
222
  configureApp(e) {
223
223
  a.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(X, { i18next: a });
224
224
  }
@@ -1,4 +1,4 @@
1
- import { s as Le, n as we, d as ve, i as Re } from "./_plugin-vue_export-helper-DRMLIazq.js";
1
+ import { s as Le, n as we, d as ve, i as Re } from "./_plugin-vue_export-helper-CP5OpzZH.js";
2
2
  const d = (o) => typeof o == "string", V = () => {
3
3
  let o, e;
4
4
  const t = new Promise((i, s) => {
@@ -1,6 +1,6 @@
1
- import { d as B, r as I, J as N, c as g, o as u, H as x, q as p, G as f, D as b, a as h, m as T, t as $, _ as P, k as d, K as E, g as F, F as k, b as H, e as K, f as L } from "./_plugin-vue_export-helper-DRMLIazq.js";
2
- import { u as A, a as D } from "./normalize-props-AlmAfi_u.js";
3
- function R(e, s = G) {
1
+ import { d as B, r as I, J as N, c as g, o as u, H as x, q as p, G as f, v as b, a as h, m as T, y as $, _ as P, k as d, K as E, g as F, F as k, b as H, e as K, f as L } from "./_plugin-vue_export-helper-CP5OpzZH.js";
2
+ import { u as A, a as R } from "./normalize-props-AlmAfi_u.js";
3
+ function D(e, s = G) {
4
4
  const a = [...e];
5
5
  for (let o = a.length - 1; o > 0; o--) {
6
6
  const l = s() % (o + 1);
@@ -73,7 +73,7 @@ const J = ["aria-labelledby", "aria-selected", "tabindex"], V = { key: 0 }, U =
73
73
  },
74
74
  emits: ["answer"],
75
75
  setup(e, { emit: s }) {
76
- const a = s, o = d(() => e.hideChoicesName ? "sr-only" : ""), l = d(() => e.orderChoices ? e.choices : R(e.choices)), n = I(new Array(e.choices.length).fill(!1)), c = d(() => l.value.filter((i, C) => n.value[C])), t = d(() => c.value.map((i) => i.response ?? i.name).sort().join(",")), r = N();
76
+ const a = s, o = d(() => e.hideChoicesName ? "sr-only" : ""), l = d(() => e.orderChoices ? e.choices : D(e.choices)), n = I(new Array(e.choices.length).fill(!1)), c = d(() => l.value.filter((i, C) => n.value[C])), t = d(() => c.value.map((i) => i.response ?? i.name).sort().join(",")), r = N();
77
77
  E(t, () => {
78
78
  a("answer", t.value);
79
79
  }, { immediate: !1 });
@@ -81,11 +81,11 @@ const J = ["aria-labelledby", "aria-selected", "tabindex"], V = { key: 0 }, U =
81
81
  const i = n.value.indexOf(!0);
82
82
  return i === -1 ? 0 : i;
83
83
  }), y = F("options");
84
- function w(i) {
84
+ function v(i) {
85
85
  e.multiple || n.value.fill(!1), n.value[i] = !n.value[i];
86
86
  }
87
- function v(i) {
88
- i = (i + e.choices.length) % e.choices.length, e.multiple || w(i), y.value[i].focus();
87
+ function w(i) {
88
+ i = (i + e.choices.length) % e.choices.length, e.multiple || v(i), y.value[i].focus();
89
89
  }
90
90
  return (i, C) => (u(), g(k, null, [
91
91
  h("label", {
@@ -111,9 +111,9 @@ const J = ["aria-labelledby", "aria-selected", "tabindex"], V = { key: 0 }, U =
111
111
  "image-class": e.imageChoicesSize,
112
112
  selected: n.value[m],
113
113
  "tab-focusable": m === O.value,
114
- onToggle: (z) => w(m),
115
- onNext: (z) => v(m + 1),
116
- onPrevious: (z) => v(m - 1)
114
+ onToggle: (z) => v(m),
115
+ onNext: (z) => w(m + 1),
116
+ onPrevious: (z) => w(m - 1)
117
117
  }, null, 8, ["choice", "max-choices-per-line", "name-class", "image-class", "selected", "tab-focusable", "onToggle", "onNext", "onPrevious"]))), 128))
118
118
  ], 8, ee)
119
119
  ], 64));
@@ -125,7 +125,7 @@ function S(e) {
125
125
  maxChoicesPerLine: A(e.maxChoicesPerLine),
126
126
  choices: e.choices.map((s) => ({
127
127
  ...s,
128
- image: D(s.image)
128
+ image: R(s.image)
129
129
  }))
130
130
  };
131
131
  }
package/dist/index.js CHANGED
@@ -3,7 +3,7 @@ import "./components/capacity-calculation.ce.js.js";
3
3
  import "./components/clickable-image.ce.js.js";
4
4
  import "./components/complete-phrase.ce.js.js";
5
5
  import "./components/flip-cards.ce.js.js";
6
- import "./image-quiz.ce-By2A_llO.js";
6
+ import "./image-quiz.ce-UlVFo5Sr.js";
7
7
  import "./components/image-quizzes.ce.js.js";
8
8
  import "./components/message-conversation.ce.js.js";
9
9
  import "./components/pix-article.ce.js.js";
package/dist/metadata.js CHANGED
@@ -7,7 +7,7 @@ const s = "usable", c = {
7
7
  accessibility: a,
8
8
  isInteractive: l,
9
9
  mobileUsability: o
10
- }, n = "not-accessible", m = !0, _ = "unusable", r = {
10
+ }, n = "accessible", m = !0, _ = "unusable", r = {
11
11
  accessibility: n,
12
12
  isInteractive: m,
13
13
  mobileUsability: _
package/dist/schema.js CHANGED
@@ -12,17 +12,20 @@ const n = e.object({
12
12
  height: e.number().optional()
13
13
  }).required().unknown(!0),
14
14
  areas: e.array().items(e.object({
15
- shape: e.string().valid("rect").required(),
16
15
  coords: e.object({
17
16
  x1: e.number().required(),
18
17
  y1: e.number().required(),
19
18
  x2: e.number().required(),
20
19
  y2: e.number().required()
21
20
  }).required(),
21
+ spot: e.object({
22
+ x: e.number().required(),
23
+ y: e.number().required()
24
+ }).optional(),
22
25
  info: e.string().required(),
23
26
  tooltipPosition: e.string().valid("bottom").optional()
24
27
  }).required()).required().min(1)
25
- }), l = e.object({
28
+ }), u = e.object({
26
29
  titleLevel: e.number().optional(),
27
30
  listOfProbabilityBarsLists: e.array().items(
28
31
  e.array().items(
@@ -35,7 +38,7 @@ const n = e.object({
35
38
  userMessage: e.string().required(),
36
39
  llmMessage: e.string().required(),
37
40
  wordsToAdd: e.array().items(e.string()).required()
38
- }), u = e.object({
41
+ }), l = e.object({
39
42
  titleLevel: e.number().optional(),
40
43
  name: e.string().required(),
41
44
  cardList: e.array().items(
@@ -168,7 +171,7 @@ const n = e.object({
168
171
  failImage: e.string().required(),
169
172
  infoImage: e.string().required(),
170
173
  searchImage: e.string().required()
171
- }), S = /* @__PURE__ */ Object.assign({ "./calcul-impact/calcul-impact.schema.js": n, "./capacity-calculation/capacity-calculation.schema.js": a, "./clickable-image/clickable-image.schema.js": c, "./complete-phrase/complete-phrase.schema.js": l, "./flip-cards/flip-cards.schema.js": u, "./image-quiz/image-quiz.schema.js": i, "./image-quiz/image-quizzes.schema.js": d, "./message-conversation/message-conversation.schema.js": m, "./pix-article/pix-article.schema.js": g, "./pix-carousel/pix-carousel.schema.js": j, "./pix-cursor/pix-cursor.schema.js": h, "./pix-llm/llm-compare-messages.schema.js": x, "./pix-llm/llm-messages.schema.js": f, "./pix-llm/llm-prompt-select.schema.js": w, "./qcm-deepfake/qcm-deepfake.schema.js": L }), z = Object.fromEntries(Object.entries(S).map(([s, o]) => [
174
+ }), S = /* @__PURE__ */ Object.assign({ "./calcul-impact/calcul-impact.schema.js": n, "./capacity-calculation/capacity-calculation.schema.js": a, "./clickable-image/clickable-image.schema.js": c, "./complete-phrase/complete-phrase.schema.js": u, "./flip-cards/flip-cards.schema.js": l, "./image-quiz/image-quiz.schema.js": i, "./image-quiz/image-quizzes.schema.js": d, "./message-conversation/message-conversation.schema.js": m, "./pix-article/pix-article.schema.js": g, "./pix-carousel/pix-carousel.schema.js": j, "./pix-cursor/pix-cursor.schema.js": h, "./pix-llm/llm-compare-messages.schema.js": x, "./pix-llm/llm-messages.schema.js": f, "./pix-llm/llm-prompt-select.schema.js": w, "./qcm-deepfake/qcm-deepfake.schema.js": L }), z = Object.fromEntries(Object.entries(S).map(([s, o]) => [
172
175
  s.replace(/^.*\/([^/]+)\.schema\.js$/, "$1"),
173
176
  o
174
177
  ]));
@@ -1,4 +1,4 @@
1
- import { u as t, p as s } from "./_plugin-vue_export-helper-DRMLIazq.js";
1
+ import { u as t, p as s } from "./_plugin-vue_export-helper-CP5OpzZH.js";
2
2
  const a = Symbol("shadowRoot");
3
3
  function r() {
4
4
  const o = t();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@1024pix/epreuves-components",
3
- "version": "2.1.1",
3
+ "version": "2.2.1",
4
4
  "description": "A collection of interactive components to be used in Pix challenges or modules",
5
5
  "exports": {
6
6
  ".": "./dist/index.js",