@1024pix/epreuves-components 1.4.3 → 1.4.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{ImageQuiz.ce-BU1wvQqO.js → ImageQuiz.ce-BLOWdEiw.js} +66 -56
- package/dist/{LLMMessage.ce-55YTC7a9.js → LLMMessage.ce-DnZ8kE2i.js} +7 -7
- package/dist/{Loading.ce-BQOiwGj0.js → Loading.ce-FI776zdC.js} +1 -1
- package/dist/{NavigationButton.ce-CgyZHLpi.js → NavigationButton.ce-gp04deGY.js} +8 -8
- package/dist/{_plugin-vue_export-helper-BaT1QC5Q.js → _plugin-vue_export-helper-CwwQJ1m6.js} +6 -6
- package/dist/components/calcul-impact.ce.js.js +12 -12
- package/dist/components/capacity-calculation.ce.js.js +95 -100
- package/dist/components/clickable-image.ce.js.js +1 -1
- package/dist/components/complete-phrase.ce.js.js +35 -35
- package/dist/components/flip-cards.ce.js.js +62 -61
- package/dist/components/image-quiz.ce.js.js +2 -2
- package/dist/components/image-quizzes.ce.js.js +2 -2
- package/dist/components/llm-compare-messages.ce.js.js +3 -3
- package/dist/components/llm-messages.ce.js.js +3 -3
- package/dist/components/llm-prompt-select.ce.js.js +1 -1
- package/dist/components/message-conversation.ce.js.js +11 -11
- package/dist/components/pix-article.ce.js.js +2 -2
- package/dist/components/pix-carousel.ce.js.js +7 -7
- package/dist/components/pix-cursor.ce.js.js +12 -12
- package/dist/components/qcm-deepfake.ce.js.js +10 -10
- package/dist/{i18n-BOk_ejZ-.js → i18n-gncqQJ0G.js} +1 -1
- package/dist/schema.js +2 -2
- package/dist/{shadow-dom-CLVtaG5r.js → shadow-dom-MxYtPVXS.js} +1 -1
- package/package.json +1 -1
- package/dist/shuffled-CzcgAL34.js +0 -14
|
@@ -1,6 +1,16 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
const
|
|
1
|
+
import { a as B, r as N, G as I, c as d, o as m, H as b, q as f, I as g, D as y, f as h, m as j, t as k, _ as L, k as p, J as q, g as M, F as z, b as T, e as F } from "./_plugin-vue_export-helper-CwwQJ1m6.js";
|
|
2
|
+
function O(i, u = H) {
|
|
3
|
+
const a = [...i];
|
|
4
|
+
for (let n = a.length - 1; n > 0; n--) {
|
|
5
|
+
const l = u() % (n + 1);
|
|
6
|
+
[a[n], a[l]] = [a[l], a[n]];
|
|
7
|
+
}
|
|
8
|
+
return a;
|
|
9
|
+
}
|
|
10
|
+
function H() {
|
|
11
|
+
return Math.floor(Math.random() * 2 ** 32);
|
|
12
|
+
}
|
|
13
|
+
const A = ["aria-labelledby", "aria-selected", "tabindex"], D = { key: 0 }, K = ["id"], Q = ["id"], R = /* @__PURE__ */ B({
|
|
4
14
|
__name: "ImageOption.ce",
|
|
5
15
|
props: {
|
|
6
16
|
choice: { type: Object },
|
|
@@ -11,44 +21,44 @@ const M = ["aria-labelledby", "aria-selected", "tabindex"], A = { key: 0 }, D =
|
|
|
11
21
|
tabFocusable: { type: Boolean }
|
|
12
22
|
},
|
|
13
23
|
emits: ["toggle", "next", "previous"],
|
|
14
|
-
setup(
|
|
15
|
-
const
|
|
16
|
-
function
|
|
17
|
-
|
|
24
|
+
setup(i, { expose: u }) {
|
|
25
|
+
const a = i, n = N();
|
|
26
|
+
function l() {
|
|
27
|
+
n.value.focus();
|
|
18
28
|
}
|
|
19
|
-
|
|
20
|
-
const
|
|
21
|
-
return (
|
|
29
|
+
u({ focus: l });
|
|
30
|
+
const s = I();
|
|
31
|
+
return (o, t) => (m(), d("div", {
|
|
22
32
|
ref_key: "el",
|
|
23
|
-
ref:
|
|
33
|
+
ref: n,
|
|
24
34
|
role: "option",
|
|
25
|
-
class: y(["image-option", `image-option--max${
|
|
26
|
-
"aria-labelledby":
|
|
27
|
-
"aria-selected":
|
|
28
|
-
tabindex:
|
|
29
|
-
onClick:
|
|
35
|
+
class: y(["image-option", `image-option--max${a.maxChoicesPerLine}`]),
|
|
36
|
+
"aria-labelledby": g(s),
|
|
37
|
+
"aria-selected": o.selected,
|
|
38
|
+
tabindex: o.tabFocusable ? 0 : -1,
|
|
39
|
+
onClick: t[0] || (t[0] = f((r) => o.$emit("toggle"), ["stop"])),
|
|
30
40
|
onKeydown: [
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
41
|
+
t[1] || (t[1] = b(f((r) => o.$emit("toggle"), ["stop", "prevent"]), ["space"])),
|
|
42
|
+
t[2] || (t[2] = b(f((r) => o.$emit("previous"), ["stop", "prevent"]), ["up", "left"])),
|
|
43
|
+
t[3] || (t[3] = b(f((r) => o.$emit("next"), ["stop", "prevent"]), ["down", "right"]))
|
|
34
44
|
]
|
|
35
45
|
}, [
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
class:
|
|
46
|
+
o.choice.image ? (m(), d("figure", D, [
|
|
47
|
+
h("img", j(o.choice.image, {
|
|
48
|
+
class: o.imageClass,
|
|
39
49
|
alt: ""
|
|
40
50
|
}), null, 16),
|
|
41
|
-
|
|
42
|
-
class: y(
|
|
43
|
-
id:
|
|
44
|
-
}, k(
|
|
45
|
-
])) : (
|
|
51
|
+
h("figcaption", {
|
|
52
|
+
class: y(o.nameClass),
|
|
53
|
+
id: g(s)
|
|
54
|
+
}, k(o.choice.name), 11, K)
|
|
55
|
+
])) : (m(), d("span", {
|
|
46
56
|
key: 1,
|
|
47
|
-
id:
|
|
48
|
-
}, k(
|
|
49
|
-
], 42,
|
|
57
|
+
id: g(s)
|
|
58
|
+
}, k(o.choice.name), 9, Q))
|
|
59
|
+
], 42, A));
|
|
50
60
|
}
|
|
51
|
-
}),
|
|
61
|
+
}), E = '.image-option{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;margin:.5rem;border:solid 2px #c1c7d0;border-radius:10px;background:#fff;width:calc(20% - 2em);min-width:150px;padding:1rem}.image-option--max4{width:calc(25% - 2em);min-width:175px}.image-option--max3{width:calc(33% - 2em)}.image-option--max2{width:calc(50% - 2em);min-width:300px}.image-option--max1{width:calc(100% - 4em);min-width:300px}.image-option:hover{cursor:pointer;box-shadow:0 3px 10px #0000001a;transform:scale(1.04);transition:transform ease-in .1s}.image-option:focus{outline:none;box-shadow:5px 5px #ffbe00,-5px 5px #ffbe00,5px -5px #ffbe00,-5px -5px #ffbe00}.image-option[aria-selected=true]{border-color:#3d68ff}.image-option[aria-selected=true]:after{content:"";position:absolute;width:calc(100% + 2px);height:calc(100% + 2px);background:#3d68ff4d;border-radius:10px;z-index:3}.image-option figure{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0;text-align:center;width:100%}.image-option figure img{max-width:100%;height:auto}.image-option figure img.icon{max-height:100px;width:auto}.image-option figure img.medium{max-width:50%;height:auto}.image-option figure figcaption{margin:1ex}', G = /* @__PURE__ */ L(R, [["styles", [E]]]), J = ["id", "innerHTML"], V = ["aria-multiselectable", "aria-labelledby"], U = /* @__PURE__ */ B({
|
|
52
62
|
__name: "ImageQuiz.ce",
|
|
53
63
|
props: {
|
|
54
64
|
multiple: { type: Boolean, default: !1 },
|
|
@@ -61,53 +71,53 @@ const M = ["aria-labelledby", "aria-selected", "tabindex"], A = { key: 0 }, D =
|
|
|
61
71
|
showName: { type: Boolean, default: !1 }
|
|
62
72
|
},
|
|
63
73
|
emits: ["answer"],
|
|
64
|
-
setup(
|
|
65
|
-
const
|
|
66
|
-
|
|
67
|
-
|
|
74
|
+
setup(i, { emit: u }) {
|
|
75
|
+
const a = u, n = p(() => i.hideChoicesName ? "sr-only" : ""), l = p(() => i.orderChoices ? i.choices : O(i.choices)), s = N(new Array(i.choices.length).fill(!1)), o = p(() => l.value.filter((e, C) => s.value[C])), t = p(() => o.value.map((e) => e.response ?? e.name).sort().join(",")), r = I();
|
|
76
|
+
q(t, () => {
|
|
77
|
+
a("answer", t.value);
|
|
68
78
|
}, { immediate: !1 });
|
|
69
|
-
const P =
|
|
70
|
-
const e =
|
|
79
|
+
const P = p(() => {
|
|
80
|
+
const e = s.value.indexOf(!0);
|
|
71
81
|
return e === -1 ? 0 : e;
|
|
72
|
-
}), x =
|
|
82
|
+
}), x = M("options");
|
|
73
83
|
function v(e) {
|
|
74
|
-
|
|
84
|
+
i.multiple || s.value.fill(!1), s.value[e] = !s.value[e];
|
|
75
85
|
}
|
|
76
86
|
function w(e) {
|
|
77
|
-
e = (e +
|
|
87
|
+
e = (e + i.choices.length) % i.choices.length, i.multiple || v(e), x.value[e].focus();
|
|
78
88
|
}
|
|
79
|
-
return (e, C) => (
|
|
80
|
-
|
|
81
|
-
id:
|
|
89
|
+
return (e, C) => (m(), d(z, null, [
|
|
90
|
+
h("label", {
|
|
91
|
+
id: g(r),
|
|
82
92
|
class: y(["image-quiz-label", { "sr-only": !e.showName }]),
|
|
83
93
|
innerHTML: e.name
|
|
84
|
-
}, null, 10,
|
|
85
|
-
|
|
94
|
+
}, null, 10, J),
|
|
95
|
+
h("div", {
|
|
86
96
|
role: "listbox",
|
|
87
97
|
class: "image-quiz",
|
|
88
98
|
"aria-multiselectable": e.multiple,
|
|
89
|
-
"aria-labelledby":
|
|
99
|
+
"aria-labelledby": g(r),
|
|
90
100
|
"aria-orientation": "horizontal"
|
|
91
101
|
}, [
|
|
92
|
-
(
|
|
102
|
+
(m(!0), d(z, null, T(l.value, (S, c) => (m(), F(G, {
|
|
93
103
|
ref_for: !0,
|
|
94
104
|
ref_key: "options",
|
|
95
105
|
ref: x,
|
|
96
106
|
choice: S,
|
|
97
107
|
"max-choices-per-line": e.maxChoicesPerLine,
|
|
98
|
-
key:
|
|
99
|
-
"name-class":
|
|
100
|
-
"image-class":
|
|
101
|
-
selected:
|
|
102
|
-
"tab-focusable":
|
|
103
|
-
onToggle: ($) => v(
|
|
104
|
-
onNext: ($) => w(
|
|
105
|
-
onPrevious: ($) => w(
|
|
108
|
+
key: c,
|
|
109
|
+
"name-class": n.value,
|
|
110
|
+
"image-class": i.imageChoicesSize,
|
|
111
|
+
selected: s.value[c],
|
|
112
|
+
"tab-focusable": c === P.value,
|
|
113
|
+
onToggle: ($) => v(c),
|
|
114
|
+
onNext: ($) => w(c + 1),
|
|
115
|
+
onPrevious: ($) => w(c - 1)
|
|
106
116
|
}, null, 8, ["choice", "max-choices-per-line", "name-class", "image-class", "selected", "tab-focusable", "onToggle", "onNext", "onPrevious"]))), 128))
|
|
107
117
|
], 8, V)
|
|
108
118
|
], 64));
|
|
109
119
|
}
|
|
110
|
-
}),
|
|
120
|
+
}), W = "*{box-sizing:border-box}.image-quiz-label{font-size:1.25rem;margin:1rem 0;display:inline-block}.image-quiz{display:flex;flex-wrap:wrap;justify-content:space-around}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}", Y = /* @__PURE__ */ L(U, [["styles", [W]]]);
|
|
111
121
|
export {
|
|
112
122
|
Y as I
|
|
113
123
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { _ as b, c as n, o as t, f as s, a as m, k as d,
|
|
2
|
-
import { L as f } from "./Loading.ce-
|
|
1
|
+
import { _ as b, c as n, o as t, f as s, a as m, k as d, D as g, e as r, E as l, y as u, t as p } from "./_plugin-vue_export-helper-CwwQJ1m6.js";
|
|
2
|
+
import { L as f } from "./Loading.ce-FI776zdC.js";
|
|
3
3
|
const h = {}, C = {
|
|
4
4
|
height: "1rem",
|
|
5
5
|
width: "auto",
|
|
@@ -46,10 +46,10 @@ function $(o, e) {
|
|
|
46
46
|
}, null, -1)
|
|
47
47
|
])]);
|
|
48
48
|
}
|
|
49
|
-
const z = /* @__PURE__ */ b(L, [["render", $]]), B = { class: "avatar" }, q = { class: "bubble" }, Z = ["innerHTML"],
|
|
49
|
+
const z = /* @__PURE__ */ b(L, [["render", $]]), B = { class: "avatar" }, q = { class: "bubble" }, Z = ["innerHTML"], N = {
|
|
50
50
|
key: 1,
|
|
51
51
|
class: "attachment-label"
|
|
52
|
-
},
|
|
52
|
+
}, H = /* @__PURE__ */ m({
|
|
53
53
|
__name: "LLMMessage.ce",
|
|
54
54
|
props: {
|
|
55
55
|
name: { type: String },
|
|
@@ -76,14 +76,14 @@ const z = /* @__PURE__ */ b(L, [["render", $]]), B = { class: "avatar" }, q = {
|
|
|
76
76
|
innerHTML: i.value,
|
|
77
77
|
class: "content"
|
|
78
78
|
}, null, 8, Z)) : l("", !0),
|
|
79
|
-
a.message.attachmentName && c.value ? (t(), n("p",
|
|
79
|
+
a.message.attachmentName && c.value ? (t(), n("p", N, [
|
|
80
80
|
s("span", null, p(a.message.attachmentName), 1),
|
|
81
81
|
u(y)
|
|
82
82
|
])) : l("", !0)
|
|
83
83
|
])
|
|
84
84
|
], 2));
|
|
85
85
|
}
|
|
86
|
-
}), 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{--background: #efefef;--focus: #0096bfab;--border: #dbdbdb;box-sizing:border-box;font-size:14px;color:#253858;line-height:20px}.message .bubble .content p{margin:0;word-wrap:break-word}.message .bubble .content h1{font-size:1.8em}.message .bubble .content h2{font-size:1.4em}.message .bubble .content 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{margin-bottom:12px;color:#000}.message .bubble .content 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{font-weight:600}.message .bubble .content q:before{content:none}.message .bubble .content q:after{content:none}.message .bubble .content blockquote,.message .bubble .content q{border-left:4px solid var(--focus);margin:1.5em 0;padding:.5em 1em;font-style:italic}.message .bubble .content blockquote>footer{font-style:normal;border:0}.message .bubble .content blockquote cite{font-style:normal}.message .bubble .content mark{background-color:#ff0;border-radius:2px;padding:0 2px;color:#000}.message .bubble .content code{background:var(--background);color:#000;padding:2.5px 5px;border-radius:6px;font-size:1em}.message .bubble .content hr{border:none;border-top:1px solid var(--border)}.message .bubble .content table{border-collapse:collapse;margin-bottom:10px;width:100%;table-layout:fixed;border:1px solid #dbdbdb;border-radius:8px}.message .bubble .content table caption{text-align:left}.message .bubble .content td,.message .bubble .content th{padding:6px;text-align:left;vertical-align:top;word-wrap:break-word;border-right:1px solid var(--border)}.message .bubble .content thead{border-bottom:1px solid var(--border)}.message .bubble .content tfoot{border-top:1px solid var(--border)}.message .bubble .content tbody tr:nth-child(2n){background-color:#efefef}.message .bubble .content tbody tr:nth-child(2n) button{background-color:#f7f7f7}.message .bubble .content tbody tr:nth-child(2n) button:hover{background-color:#fff}.message .bubble .content 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]{padding:10px}.message .bubble .content details>:last-child{margin-bottom:0}.message .bubble .content details[open] summary{margin-bottom:10px}.message .bubble .content 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{text-decoration:underline}.message .bubble .content details>:not(summary){margin-top:0}.message .bubble .content summary::-webkit-details-marker{color:#363636}.message .bubble .content ul{list-style-type:disc;list-style-position:inside}.message .bubble .content ol{list-style-type:decimal}.message .bubble .attachment-label{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-style:italic;justify-content:end;margin:1rem}.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}",
|
|
86
|
+
}), 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{--background: #efefef;--focus: #0096bfab;--border: #dbdbdb;box-sizing:border-box;font-size:14px;color:#253858;line-height:20px}.message .bubble .content p{margin:0;word-wrap:break-word}.message .bubble .content h1{font-size:1.8em}.message .bubble .content h2{font-size:1.4em}.message .bubble .content 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{margin-bottom:12px;color:#000}.message .bubble .content 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{font-weight:600}.message .bubble .content q:before{content:none}.message .bubble .content q:after{content:none}.message .bubble .content blockquote,.message .bubble .content q{border-left:4px solid var(--focus);margin:1.5em 0;padding:.5em 1em;font-style:italic}.message .bubble .content blockquote>footer{font-style:normal;border:0}.message .bubble .content blockquote cite{font-style:normal}.message .bubble .content mark{background-color:#ff0;border-radius:2px;padding:0 2px;color:#000}.message .bubble .content code{background:var(--background);color:#000;padding:2.5px 5px;border-radius:6px;font-size:1em}.message .bubble .content hr{border:none;border-top:1px solid var(--border)}.message .bubble .content table{border-collapse:collapse;margin-bottom:10px;width:100%;table-layout:fixed;border:1px solid #dbdbdb;border-radius:8px}.message .bubble .content table caption{text-align:left}.message .bubble .content td,.message .bubble .content th{padding:6px;text-align:left;vertical-align:top;word-wrap:break-word;border-right:1px solid var(--border)}.message .bubble .content thead{border-bottom:1px solid var(--border)}.message .bubble .content tfoot{border-top:1px solid var(--border)}.message .bubble .content tbody tr:nth-child(2n){background-color:#efefef}.message .bubble .content tbody tr:nth-child(2n) button{background-color:#f7f7f7}.message .bubble .content tbody tr:nth-child(2n) button:hover{background-color:#fff}.message .bubble .content 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]{padding:10px}.message .bubble .content details>:last-child{margin-bottom:0}.message .bubble .content details[open] summary{margin-bottom:10px}.message .bubble .content 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{text-decoration:underline}.message .bubble .content details>:not(summary){margin-top:0}.message .bubble .content summary::-webkit-details-marker{color:#363636}.message .bubble .content ul{list-style-type:disc;list-style-position:inside}.message .bubble .content ol{list-style-type:decimal}.message .bubble .attachment-label{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-style:italic;justify-content:end;margin:1rem}.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}", E = /* @__PURE__ */ b(H, [["styles", [j]]]);
|
|
87
87
|
export {
|
|
88
|
-
|
|
88
|
+
E as L
|
|
89
89
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as o, c as r, o as a, f as s } from "./_plugin-vue_export-helper-
|
|
1
|
+
import { _ as o, c as r, o as a, f as s } from "./_plugin-vue_export-helper-CwwQJ1m6.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:rect(0,0,0,0);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 { a as f, r as g,
|
|
1
|
+
import { a as f, r as g, G as w, c as h, o as i, f as l, D as C, I as b, t as m, m as x, q as y, L as _, _ as s, e as c, M as k } from "./_plugin-vue_export-helper-CwwQJ1m6.js";
|
|
2
2
|
const $ = { class: "tooltip-container" }, B = ["id"], L = ["aria-labelledby", "aria-disabled"], z = /* @__PURE__ */ f({
|
|
3
3
|
inheritAttrs: !1,
|
|
4
4
|
__name: "ButtonTooltip.ce",
|
|
@@ -38,7 +38,7 @@ const $ = { class: "tooltip-container" }, B = ["id"], L = ["aria-labelledby", "a
|
|
|
38
38
|
], 16, L)
|
|
39
39
|
]));
|
|
40
40
|
}
|
|
41
|
-
}), S = '*{--pix-neutral-800: #253858}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tooltip-container{position:relative;display:grid}.tooltip-container .tooltip{position:absolute;padding:5px 7px;background:var(--pix-neutral-800);color:#fff;border-radius:4px;z-index:400;margin:0;--horizontal-shift: 12px;--tooltip-gap: 1px;--arrow-height: 6px;--arrow-width: 5px}.tooltip-container .tooltip:before{content:"";position:absolute}.tooltip-container .tooltip.top{bottom:calc(100% + var(--tooltip-gap) + var(--arrow-height));left:50%;transform:translate(calc(var(--horizontal-shift) * -1))}.tooltip-container .tooltip.top:before{top:100%;left:calc(var(--horizontal-shift) - var(--arrow-width));border-right:var(--arrow-width) solid transparent;border-left:var(--arrow-width) solid transparent;border-top:var(--arrow-height) solid var(--pix-neutral-800)}.tooltip-container .tooltip.bottom{top:calc(100% + var(--tooltip-gap) + var(--arrow-height));left:50%;transform:translate(calc(var(--horizontal-shift) * -1))}.tooltip-container .tooltip.bottom:before{bottom:100%;left:calc(var(--horizontal-shift) - var(--arrow-width));border-right:var(--arrow-width) solid transparent;border-left:var(--arrow-width) solid transparent;border-bottom:var(--arrow-height) solid var(--pix-neutral-800)}.tooltip-container .tooltip.left{right:calc(100% + var(--tooltip-gap) + var(--arrow-height));top:50%;transform:translateY(-50%)}.tooltip-container .tooltip.left:before{left:100%;top:50%;transform:translateY(-50%);border-top:var(--arrow-width) solid transparent;border-bottom:var(--arrow-width) solid transparent;border-left:var(--arrow-height) solid var(--pix-neutral-800)}.tooltip-container .tooltip.right{left:calc(100% + var(--tooltip-gap) + var(--arrow-height));top:50%;transform:translateY(-50%)}.tooltip-container .tooltip.right:before{right:100%;top:50%;transform:translateY(-50%);border-top:var(--arrow-width) solid transparent;border-bottom:var(--arrow-width) solid transparent;border-right:var(--arrow-height) solid var(--pix-neutral-800)}.tooltip-container button:hover{cursor:pointer}.tooltip-container button.disabled{color:#797e89;cursor:not-allowed;border-color:transparent;background:transparent}',
|
|
41
|
+
}), S = '*{--pix-neutral-800: #253858}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tooltip-container{position:relative;display:grid}.tooltip-container .tooltip{position:absolute;padding:5px 7px;background:var(--pix-neutral-800);color:#fff;border-radius:4px;z-index:400;margin:0;--horizontal-shift: 12px;--tooltip-gap: 1px;--arrow-height: 6px;--arrow-width: 5px}.tooltip-container .tooltip:before{content:"";position:absolute}.tooltip-container .tooltip.top{bottom:calc(100% + var(--tooltip-gap) + var(--arrow-height));left:50%;transform:translate(calc(var(--horizontal-shift) * -1))}.tooltip-container .tooltip.top:before{top:100%;left:calc(var(--horizontal-shift) - var(--arrow-width));border-right:var(--arrow-width) solid transparent;border-left:var(--arrow-width) solid transparent;border-top:var(--arrow-height) solid var(--pix-neutral-800)}.tooltip-container .tooltip.bottom{top:calc(100% + var(--tooltip-gap) + var(--arrow-height));left:50%;transform:translate(calc(var(--horizontal-shift) * -1))}.tooltip-container .tooltip.bottom:before{bottom:100%;left:calc(var(--horizontal-shift) - var(--arrow-width));border-right:var(--arrow-width) solid transparent;border-left:var(--arrow-width) solid transparent;border-bottom:var(--arrow-height) solid var(--pix-neutral-800)}.tooltip-container .tooltip.left{right:calc(100% + var(--tooltip-gap) + var(--arrow-height));top:50%;transform:translateY(-50%)}.tooltip-container .tooltip.left:before{left:100%;top:50%;transform:translateY(-50%);border-top:var(--arrow-width) solid transparent;border-bottom:var(--arrow-width) solid transparent;border-left:var(--arrow-height) solid var(--pix-neutral-800)}.tooltip-container .tooltip.right{left:calc(100% + var(--tooltip-gap) + var(--arrow-height));top:50%;transform:translateY(-50%)}.tooltip-container .tooltip.right:before{right:100%;top:50%;transform:translateY(-50%);border-top:var(--arrow-width) solid transparent;border-bottom:var(--arrow-width) solid transparent;border-right:var(--arrow-height) solid var(--pix-neutral-800)}.tooltip-container button:hover{cursor:pointer}.tooltip-container button.disabled{color:#797e89;cursor:not-allowed;border-color:transparent;background:transparent}', M = /* @__PURE__ */ s(z, [["styles", [S]]]), H = {}, P = {
|
|
42
42
|
xmlns: "http://www.w3.org/2000/svg",
|
|
43
43
|
width: "16",
|
|
44
44
|
height: "16",
|
|
@@ -53,7 +53,7 @@ function N(a, t) {
|
|
|
53
53
|
}, null, -1)
|
|
54
54
|
])]);
|
|
55
55
|
}
|
|
56
|
-
const Y = /* @__PURE__ */ s(
|
|
56
|
+
const Y = /* @__PURE__ */ s(H, [["render", N]]), A = {}, T = {
|
|
57
57
|
xmlns: "http://www.w3.org/2000/svg",
|
|
58
58
|
width: "16",
|
|
59
59
|
height: "16",
|
|
@@ -68,7 +68,7 @@ function D(a, t) {
|
|
|
68
68
|
}, null, -1)
|
|
69
69
|
])]);
|
|
70
70
|
}
|
|
71
|
-
const F = /* @__PURE__ */ s(A, [["render", D]]),
|
|
71
|
+
const F = /* @__PURE__ */ s(A, [["render", D]]), I = /* @__PURE__ */ f({
|
|
72
72
|
__name: "NavigationButton.ce",
|
|
73
73
|
props: {
|
|
74
74
|
disabled: { type: Boolean },
|
|
@@ -78,7 +78,7 @@ const F = /* @__PURE__ */ s(A, [["render", D]]), Z = /* @__PURE__ */ f({
|
|
|
78
78
|
},
|
|
79
79
|
emits: ["click"],
|
|
80
80
|
setup(a) {
|
|
81
|
-
return (t, e) => (i(), c(
|
|
81
|
+
return (t, e) => (i(), c(M, {
|
|
82
82
|
class: "button",
|
|
83
83
|
onClick: e[0] || (e[0] = (p) => t.$emit("click")),
|
|
84
84
|
"tooltip-position": t.tooltipPosition,
|
|
@@ -91,8 +91,8 @@ const F = /* @__PURE__ */ s(A, [["render", D]]), Z = /* @__PURE__ */ f({
|
|
|
91
91
|
_: 1
|
|
92
92
|
}, 8, ["tooltip-position", "label", "disabled"]));
|
|
93
93
|
}
|
|
94
|
-
}),
|
|
94
|
+
}), Z = "*{--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}", q = /* @__PURE__ */ s(I, [["styles", [Z]]]);
|
|
95
95
|
export {
|
|
96
|
-
|
|
97
|
-
|
|
96
|
+
M as B,
|
|
97
|
+
q as N
|
|
98
98
|
};
|
package/dist/{_plugin-vue_export-helper-BaT1QC5Q.js → _plugin-vue_export-helper-CwwQJ1m6.js}
RENAMED
|
@@ -4724,13 +4724,13 @@ export {
|
|
|
4724
4724
|
yl as A,
|
|
4725
4725
|
sc as B,
|
|
4726
4726
|
Tc as C,
|
|
4727
|
-
|
|
4728
|
-
|
|
4727
|
+
yn as D,
|
|
4728
|
+
Pc as E,
|
|
4729
4729
|
Se as F,
|
|
4730
|
-
|
|
4731
|
-
|
|
4732
|
-
|
|
4733
|
-
|
|
4730
|
+
mc as G,
|
|
4731
|
+
Dc as H,
|
|
4732
|
+
Ni as I,
|
|
4733
|
+
Vn as J,
|
|
4734
4734
|
pc as K,
|
|
4735
4735
|
Sc as L,
|
|
4736
4736
|
xo as M,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { a as z, z as T, c as p, o as v, F as U, y as u, M as s,
|
|
2
|
-
import { a as H, i as j, b as
|
|
3
|
-
const
|
|
4
|
-
"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 {{homes}} foyers français", collectiveDuration: "Équivalent à {{number}} minutes de micro-ondes", planeKilometers: "Et {{kilometers}} km parcourus en avion", yourCollectiveImpact: "Impact collectif simulé" }
|
|
1
|
+
import { a as z, z as T, c as p, o as v, F as U, y as u, M as s, E as C, f as e, t as a, A as _, T as D, _ as Y, r as l, l as E, e as K, I as N, N as V, d as G } from "../_plugin-vue_export-helper-CwwQJ1m6.js";
|
|
2
|
+
import { a as H, i as j, b as Q } from "../i18n-gncqQJ0G.js";
|
|
3
|
+
const x = {}, J = {}, X = {
|
|
4
|
+
"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é" }
|
|
5
5
|
}, Z = {}, ee = {}, te = {
|
|
6
6
|
key: 0,
|
|
7
7
|
class: "result-calculation"
|
|
@@ -143,11 +143,11 @@ const Q = {}, x = {}, X = {
|
|
|
143
143
|
e("div", {
|
|
144
144
|
class: "title",
|
|
145
145
|
role: "heading",
|
|
146
|
-
"arial-level":
|
|
146
|
+
"arial-level": N(n)
|
|
147
147
|
}, "📊 " + a(i.$t("calcul-impact.title")), 9, ye),
|
|
148
148
|
e("p", null, a(i.$t("calcul-impact.subtitle")), 1),
|
|
149
149
|
e("label", ge, "🤖 " + a(i.$t("calcul-impact.numberOfConversationLabel")), 1),
|
|
150
|
-
|
|
150
|
+
E(e("input", {
|
|
151
151
|
onChange: W,
|
|
152
152
|
type: "number",
|
|
153
153
|
id: "numberOfConversation",
|
|
@@ -156,7 +156,7 @@ const Q = {}, x = {}, X = {
|
|
|
156
156
|
[V, b.value]
|
|
157
157
|
]),
|
|
158
158
|
e("label", _e, "🖼️ " + a(i.$t("calcul-impact.numberOfImagesLabel")), 1),
|
|
159
|
-
|
|
159
|
+
E(e("input", {
|
|
160
160
|
onChange: W,
|
|
161
161
|
type: "number",
|
|
162
162
|
id: "numberOfImage",
|
|
@@ -164,11 +164,11 @@ const Q = {}, x = {}, X = {
|
|
|
164
164
|
}, null, 544), [
|
|
165
165
|
[V, f.value]
|
|
166
166
|
]),
|
|
167
|
-
r.value ? (v(),
|
|
167
|
+
r.value ? (v(), K(be, {
|
|
168
168
|
key: 0,
|
|
169
169
|
"is-collective": y.value,
|
|
170
170
|
"is-personal": r.value,
|
|
171
|
-
"title-level":
|
|
171
|
+
"title-level": N(n),
|
|
172
172
|
"by-week-for-one": c.value,
|
|
173
173
|
"by-year-for-a-million": m.value
|
|
174
174
|
}, null, 8, ["is-collective", "is-personal", "title-level", "by-week-for-one", "by-year-for-a-million"])) : C("", !0),
|
|
@@ -184,10 +184,10 @@ const Q = {}, x = {}, X = {
|
|
|
184
184
|
]));
|
|
185
185
|
}
|
|
186
186
|
}), ke = "[data-v-7fbb31b5]{font-family:Nunito,Roboto,sans-serif;color:#253858}p[data-v-7fbb31b5]{padding:0}.container[data-v-7fbb31b5]{display:flex;flex-direction:column;gap:1rem}.container button[data-v-7fbb31b5]{border:0;border-radius:5px;font-size:.9rem;background:#357abd;color:#fff;width:50%;padding:.4rem .8rem;margin:auto;cursor:pointer}.container button[data-v-7fbb31b5]:hover{background:#225d93}.container input[data-v-7fbb31b5]{border:solid 1px lightgrey;border-radius:5px;padding-block:.2rem;width:40%}.container label[data-v-7fbb31b5]{font-weight:700}.container .legals[data-v-7fbb31b5]{font-size:.9rem;font-style:italic}.container .title[data-v-7fbb31b5]{font-size:1.3rem;font-weight:700}@media only screen and (max-width: 768px){.container button[data-v-7fbb31b5]{width:100%}.container input[data-v-7fbb31b5]{width:80%}}", Ie = /* @__PURE__ */ Y(he, [["styles", [ke]], ["__scopeId", "data-v-7fbb31b5"]]);
|
|
187
|
-
H(/* @__PURE__ */ Object.assign({ "./locales/en.json":
|
|
188
|
-
window.customElements.define("calcul-impact",
|
|
187
|
+
H(/* @__PURE__ */ Object.assign({ "./locales/en.json": x, "./locales/es.json": J, "./locales/fr.json": X, "./locales/it.json": Z, "./locales/nl.json": ee })).catch((d) => console.error(d));
|
|
188
|
+
window.customElements.define("calcul-impact", G(Ie, {
|
|
189
189
|
configureApp(d) {
|
|
190
|
-
j.changeLanguage(document?.documentElement?.lang || navigator.language), d.use(
|
|
190
|
+
j.changeLanguage(document?.documentElement?.lang || navigator.language), d.use(Q, {
|
|
191
191
|
i18next: j,
|
|
192
192
|
slotStart: "{{",
|
|
193
193
|
slotEnd: "}}"
|