@1024pix/epreuves-components 1.4.4 → 1.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/LLMMessage.ce-CcaSmq0J.js +96 -0
- package/dist/Loading.ce-kO02LfAR.js +14 -0
- package/dist/NavigationButton.ce-BUeEdL4x.js +98 -0
- package/dist/{_plugin-vue_export-helper-CwwQJ1m6.js → _plugin-vue_export-helper-BGEtPlxS.js} +1373 -1355
- package/dist/components/calcul-impact.ce.js.js +91 -85
- package/dist/components/capacity-calculation.ce.js.js +117 -111
- package/dist/components/clickable-image.ce.js.js +83 -59
- package/dist/components/complete-phrase.ce.js.js +62 -56
- package/dist/components/flip-cards.ce.js.js +43 -46
- package/dist/components/image-quiz.ce.js.js +6 -4
- package/dist/components/image-quizzes.ce.js.js +18 -14
- package/dist/components/llm-compare-messages.ce.js.js +17 -17
- package/dist/components/llm-messages.ce.js.js +17 -17
- package/dist/components/llm-prompt-select.ce.js.js +37 -32
- package/dist/components/message-conversation.ce.js.js +61 -52
- package/dist/components/pix-article.ce.js.js +26 -20
- package/dist/components/pix-carousel.ce.js.js +133 -121
- package/dist/components/pix-cursor.ce.js.js +62 -62
- package/dist/components/qcm-deepfake.ce.js.js +97 -91
- package/dist/{i18n-gncqQJ0G.js → i18n-D3E2CT0o.js} +44 -40
- package/dist/image-quiz.ce-Qe3SbGDF.js +141 -0
- package/dist/index.js +1 -1
- package/dist/normalize-props-AlmAfi_u.js +13 -0
- package/dist/schema.js +8 -8
- package/dist/{shadow-dom-MxYtPVXS.js → shadow-dom-Bqt3ZRMI.js} +1 -1
- package/package.json +1 -1
- package/dist/ImageQuiz.ce-BLOWdEiw.js +0 -123
- package/dist/LLMMessage.ce-DnZ8kE2i.js +0 -89
- package/dist/Loading.ce-FI776zdC.js +0 -14
- package/dist/NavigationButton.ce-gp04deGY.js +0 -98
|
@@ -0,0 +1,141 @@
|
|
|
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, f as h, m as T, t as $, _ as P, k as d, K as E, g as F, F as k, a as H, b as K, e as L } from "./_plugin-vue_export-helper-BGEtPlxS.js";
|
|
2
|
+
import { u as A, a as D } from "./normalize-props-AlmAfi_u.js";
|
|
3
|
+
function R(e, s = G) {
|
|
4
|
+
const a = [...e];
|
|
5
|
+
for (let o = a.length - 1; o > 0; o--) {
|
|
6
|
+
const l = s() % (o + 1);
|
|
7
|
+
[a[o], a[l]] = [a[l], a[o]];
|
|
8
|
+
}
|
|
9
|
+
return a;
|
|
10
|
+
}
|
|
11
|
+
function G() {
|
|
12
|
+
return Math.floor(Math.random() * 2 ** 32);
|
|
13
|
+
}
|
|
14
|
+
const J = ["aria-labelledby", "aria-selected", "tabindex"], V = { key: 0 }, U = ["id"], W = ["id"], X = /* @__PURE__ */ B({
|
|
15
|
+
__name: "ImageOption.ce",
|
|
16
|
+
props: {
|
|
17
|
+
choice: { type: Object },
|
|
18
|
+
maxChoicesPerLine: { type: Number },
|
|
19
|
+
imageClass: { type: String },
|
|
20
|
+
nameClass: { type: String },
|
|
21
|
+
selected: { type: Boolean },
|
|
22
|
+
tabFocusable: { type: Boolean }
|
|
23
|
+
},
|
|
24
|
+
emits: ["toggle", "next", "previous"],
|
|
25
|
+
setup(e, { expose: s }) {
|
|
26
|
+
const a = e, o = I();
|
|
27
|
+
function l() {
|
|
28
|
+
o.value.focus();
|
|
29
|
+
}
|
|
30
|
+
s({ focus: l });
|
|
31
|
+
const n = N();
|
|
32
|
+
return (c, t) => (u(), g("div", {
|
|
33
|
+
ref_key: "el",
|
|
34
|
+
ref: o,
|
|
35
|
+
role: "option",
|
|
36
|
+
class: b(["image-option", `image-option--max${a.maxChoicesPerLine}`]),
|
|
37
|
+
"aria-labelledby": f(n),
|
|
38
|
+
"aria-selected": e.selected,
|
|
39
|
+
tabindex: e.tabFocusable ? 0 : -1,
|
|
40
|
+
onClick: t[0] || (t[0] = p((r) => c.$emit("toggle"), ["stop"])),
|
|
41
|
+
onKeydown: [
|
|
42
|
+
t[1] || (t[1] = x(p((r) => c.$emit("toggle"), ["stop", "prevent"]), ["space"])),
|
|
43
|
+
t[2] || (t[2] = x(p((r) => c.$emit("previous"), ["stop", "prevent"]), ["up", "left"])),
|
|
44
|
+
t[3] || (t[3] = x(p((r) => c.$emit("next"), ["stop", "prevent"]), ["down", "right"]))
|
|
45
|
+
]
|
|
46
|
+
}, [
|
|
47
|
+
e.choice.image ? (u(), g("figure", V, [
|
|
48
|
+
h("img", T(e.choice.image, {
|
|
49
|
+
class: e.imageClass,
|
|
50
|
+
alt: ""
|
|
51
|
+
}), null, 16),
|
|
52
|
+
h("figcaption", {
|
|
53
|
+
class: b(e.nameClass),
|
|
54
|
+
id: f(n)
|
|
55
|
+
}, $(e.choice.name), 11, U)
|
|
56
|
+
])) : (u(), g("span", {
|
|
57
|
+
key: 1,
|
|
58
|
+
id: f(n)
|
|
59
|
+
}, $(e.choice.name), 9, W))
|
|
60
|
+
], 42, J));
|
|
61
|
+
}
|
|
62
|
+
}), Y = '.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}', Z = /* @__PURE__ */ P(X, [["styles", [Y]]]), _ = ["id", "innerHTML"], ee = ["aria-multiselectable", "aria-labelledby"], ie = /* @__PURE__ */ B({
|
|
63
|
+
__name: "ImageQuiz.ce",
|
|
64
|
+
props: {
|
|
65
|
+
multiple: { type: Boolean, default: !1 },
|
|
66
|
+
choices: { type: Array },
|
|
67
|
+
maxChoicesPerLine: { default: 5, type: Number },
|
|
68
|
+
name: { type: String },
|
|
69
|
+
hideChoicesName: { type: Boolean },
|
|
70
|
+
orderChoices: { type: Boolean },
|
|
71
|
+
imageChoicesSize: { default: "icon", type: String },
|
|
72
|
+
showName: { type: Boolean, default: !1 }
|
|
73
|
+
},
|
|
74
|
+
emits: ["answer"],
|
|
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();
|
|
77
|
+
E(t, () => {
|
|
78
|
+
a("answer", t.value);
|
|
79
|
+
}, { immediate: !1 });
|
|
80
|
+
const O = d(() => {
|
|
81
|
+
const i = n.value.indexOf(!0);
|
|
82
|
+
return i === -1 ? 0 : i;
|
|
83
|
+
}), y = F("options");
|
|
84
|
+
function w(i) {
|
|
85
|
+
e.multiple || n.value.fill(!1), n.value[i] = !n.value[i];
|
|
86
|
+
}
|
|
87
|
+
function v(i) {
|
|
88
|
+
i = (i + e.choices.length) % e.choices.length, e.multiple || w(i), y.value[i].focus();
|
|
89
|
+
}
|
|
90
|
+
return (i, C) => (u(), g(k, null, [
|
|
91
|
+
h("label", {
|
|
92
|
+
id: f(r),
|
|
93
|
+
class: b(["image-quiz-label", { "sr-only": !e.showName }]),
|
|
94
|
+
innerHTML: e.name
|
|
95
|
+
}, null, 10, _),
|
|
96
|
+
h("div", {
|
|
97
|
+
role: "listbox",
|
|
98
|
+
class: "image-quiz",
|
|
99
|
+
"aria-multiselectable": e.multiple,
|
|
100
|
+
"aria-labelledby": f(r),
|
|
101
|
+
"aria-orientation": "horizontal"
|
|
102
|
+
}, [
|
|
103
|
+
(u(!0), g(k, null, H(l.value, (Q, m) => (u(), K(Z, {
|
|
104
|
+
ref_for: !0,
|
|
105
|
+
ref_key: "options",
|
|
106
|
+
ref: y,
|
|
107
|
+
choice: Q,
|
|
108
|
+
"max-choices-per-line": e.maxChoicesPerLine,
|
|
109
|
+
key: m,
|
|
110
|
+
"name-class": o.value,
|
|
111
|
+
"image-class": e.imageChoicesSize,
|
|
112
|
+
selected: n.value[m],
|
|
113
|
+
"tab-focusable": m === O.value,
|
|
114
|
+
onToggle: (z) => w(m),
|
|
115
|
+
onNext: (z) => v(m + 1),
|
|
116
|
+
onPrevious: (z) => v(m - 1)
|
|
117
|
+
}, null, 8, ["choice", "max-choices-per-line", "name-class", "image-class", "selected", "tab-focusable", "onToggle", "onNext", "onPrevious"]))), 128))
|
|
118
|
+
], 8, ee)
|
|
119
|
+
], 64));
|
|
120
|
+
}
|
|
121
|
+
}), te = "*{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-path:inset(50%);border:0}", j = /* @__PURE__ */ P(ie, [["styles", [te]]]);
|
|
122
|
+
function S(e) {
|
|
123
|
+
return {
|
|
124
|
+
...e,
|
|
125
|
+
maxChoicesPerLine: A(e.maxChoicesPerLine),
|
|
126
|
+
choices: e.choices.map((s) => ({
|
|
127
|
+
...s,
|
|
128
|
+
image: D(s.image)
|
|
129
|
+
}))
|
|
130
|
+
};
|
|
131
|
+
}
|
|
132
|
+
const q = L(j);
|
|
133
|
+
q.prototype.normalizeProps = S;
|
|
134
|
+
window.customElements.define("image-quiz", q);
|
|
135
|
+
const M = L(j);
|
|
136
|
+
M.prototype.normalizeProps = S;
|
|
137
|
+
window.customElements.define("qcu-image", M);
|
|
138
|
+
export {
|
|
139
|
+
j as I,
|
|
140
|
+
S as n
|
|
141
|
+
};
|
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 "./
|
|
6
|
+
import "./image-quiz.ce-Qe3SbGDF.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/schema.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import e from "joi";
|
|
2
2
|
const o = e.object({
|
|
3
|
-
titleLevel: e.number().
|
|
3
|
+
titleLevel: e.number().optional()
|
|
4
4
|
}), a = e.object({
|
|
5
|
-
titleLevel: e.number().
|
|
5
|
+
titleLevel: e.number().optional(),
|
|
6
6
|
images: e.object({
|
|
7
7
|
initial: e.object({
|
|
8
8
|
capacityImg: e.string().required(),
|
|
@@ -44,7 +44,7 @@ const o = e.object({
|
|
|
44
44
|
tooltipPosition: e.string().valid("bottom").optional()
|
|
45
45
|
}).required()).required().min(1)
|
|
46
46
|
}), u = e.object({
|
|
47
|
-
titleLevel: e.number().
|
|
47
|
+
titleLevel: e.number().optional(),
|
|
48
48
|
listOfProbabilityBarsLists: e.array().items(
|
|
49
49
|
e.array().items(
|
|
50
50
|
e.object({
|
|
@@ -83,9 +83,9 @@ const o = e.object({
|
|
|
83
83
|
response: e.string().optional()
|
|
84
84
|
}).required()
|
|
85
85
|
).required()
|
|
86
|
-
}).required(), m = e.object({
|
|
87
|
-
quizzes: e.array().items(i).required()
|
|
88
86
|
}).required(), l = e.object({
|
|
87
|
+
quizzes: e.array().items(i).required()
|
|
88
|
+
}).required(), m = e.object({
|
|
89
89
|
title: e.string().required(),
|
|
90
90
|
messages: e.array().items(
|
|
91
91
|
e.object({
|
|
@@ -99,7 +99,7 @@ const o = e.object({
|
|
|
99
99
|
})
|
|
100
100
|
).required()
|
|
101
101
|
}).required(), g = e.object({
|
|
102
|
-
titleLevel: e.number().
|
|
102
|
+
titleLevel: e.number().optional(),
|
|
103
103
|
title: e.string().required(),
|
|
104
104
|
author: e.string().required(),
|
|
105
105
|
date: e.string().required(),
|
|
@@ -143,7 +143,7 @@ const o = e.object({
|
|
|
143
143
|
}).required(),
|
|
144
144
|
aspectRatio: e.number().min(0).required(),
|
|
145
145
|
randomSlides: e.boolean().required(),
|
|
146
|
-
titleLevel: e.number().integer().
|
|
146
|
+
titleLevel: e.number().integer().optional(),
|
|
147
147
|
disableAnimation: e.boolean().required(),
|
|
148
148
|
disableLoop: e.boolean().optional()
|
|
149
149
|
}).meta({ title: "pix-carousel" }).required(), h = e.object({
|
|
@@ -190,7 +190,7 @@ const o = e.object({
|
|
|
190
190
|
failImage: e.string().required(),
|
|
191
191
|
infoImage: e.string().required(),
|
|
192
192
|
searchImage: e.string().required()
|
|
193
|
-
}), L = /* @__PURE__ */ Object.assign({ "./calcul-impact/calcul-impact.schema.js": o, "./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": d, "./image-quiz/image-quiz.schema.js": i, "./image-quiz/image-quizzes.schema.js":
|
|
193
|
+
}), L = /* @__PURE__ */ Object.assign({ "./calcul-impact/calcul-impact.schema.js": o, "./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": d, "./image-quiz/image-quiz.schema.js": i, "./image-quiz/image-quizzes.schema.js": l, "./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": I, "./pix-llm/llm-prompt-select.schema.js": w, "./qcm-deepfake/qcm-deepfake.schema.js": f }), S = Object.fromEntries(Object.entries(L).map(([s, n]) => [
|
|
194
194
|
s.replace(/^.*\/([^/]+)\.schema\.js$/, "$1"),
|
|
195
195
|
n
|
|
196
196
|
]));
|
package/package.json
CHANGED
|
@@ -1,123 +0,0 @@
|
|
|
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({
|
|
14
|
-
__name: "ImageOption.ce",
|
|
15
|
-
props: {
|
|
16
|
-
choice: { type: Object },
|
|
17
|
-
maxChoicesPerLine: { type: Number },
|
|
18
|
-
imageClass: { type: String },
|
|
19
|
-
nameClass: { type: String },
|
|
20
|
-
selected: { type: Boolean },
|
|
21
|
-
tabFocusable: { type: Boolean }
|
|
22
|
-
},
|
|
23
|
-
emits: ["toggle", "next", "previous"],
|
|
24
|
-
setup(i, { expose: u }) {
|
|
25
|
-
const a = i, n = N();
|
|
26
|
-
function l() {
|
|
27
|
-
n.value.focus();
|
|
28
|
-
}
|
|
29
|
-
u({ focus: l });
|
|
30
|
-
const s = I();
|
|
31
|
-
return (o, t) => (m(), d("div", {
|
|
32
|
-
ref_key: "el",
|
|
33
|
-
ref: n,
|
|
34
|
-
role: "option",
|
|
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"])),
|
|
40
|
-
onKeydown: [
|
|
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"]))
|
|
44
|
-
]
|
|
45
|
-
}, [
|
|
46
|
-
o.choice.image ? (m(), d("figure", D, [
|
|
47
|
-
h("img", j(o.choice.image, {
|
|
48
|
-
class: o.imageClass,
|
|
49
|
-
alt: ""
|
|
50
|
-
}), null, 16),
|
|
51
|
-
h("figcaption", {
|
|
52
|
-
class: y(o.nameClass),
|
|
53
|
-
id: g(s)
|
|
54
|
-
}, k(o.choice.name), 11, K)
|
|
55
|
-
])) : (m(), d("span", {
|
|
56
|
-
key: 1,
|
|
57
|
-
id: g(s)
|
|
58
|
-
}, k(o.choice.name), 9, Q))
|
|
59
|
-
], 42, A));
|
|
60
|
-
}
|
|
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({
|
|
62
|
-
__name: "ImageQuiz.ce",
|
|
63
|
-
props: {
|
|
64
|
-
multiple: { type: Boolean, default: !1 },
|
|
65
|
-
choices: { type: Array },
|
|
66
|
-
maxChoicesPerLine: { default: 5, type: Number },
|
|
67
|
-
name: { type: String },
|
|
68
|
-
hideChoicesName: { type: Boolean },
|
|
69
|
-
orderChoices: { type: Boolean },
|
|
70
|
-
imageChoicesSize: { default: "icon", type: String },
|
|
71
|
-
showName: { type: Boolean, default: !1 }
|
|
72
|
-
},
|
|
73
|
-
emits: ["answer"],
|
|
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);
|
|
78
|
-
}, { immediate: !1 });
|
|
79
|
-
const P = p(() => {
|
|
80
|
-
const e = s.value.indexOf(!0);
|
|
81
|
-
return e === -1 ? 0 : e;
|
|
82
|
-
}), x = M("options");
|
|
83
|
-
function v(e) {
|
|
84
|
-
i.multiple || s.value.fill(!1), s.value[e] = !s.value[e];
|
|
85
|
-
}
|
|
86
|
-
function w(e) {
|
|
87
|
-
e = (e + i.choices.length) % i.choices.length, i.multiple || v(e), x.value[e].focus();
|
|
88
|
-
}
|
|
89
|
-
return (e, C) => (m(), d(z, null, [
|
|
90
|
-
h("label", {
|
|
91
|
-
id: g(r),
|
|
92
|
-
class: y(["image-quiz-label", { "sr-only": !e.showName }]),
|
|
93
|
-
innerHTML: e.name
|
|
94
|
-
}, null, 10, J),
|
|
95
|
-
h("div", {
|
|
96
|
-
role: "listbox",
|
|
97
|
-
class: "image-quiz",
|
|
98
|
-
"aria-multiselectable": e.multiple,
|
|
99
|
-
"aria-labelledby": g(r),
|
|
100
|
-
"aria-orientation": "horizontal"
|
|
101
|
-
}, [
|
|
102
|
-
(m(!0), d(z, null, T(l.value, (S, c) => (m(), F(G, {
|
|
103
|
-
ref_for: !0,
|
|
104
|
-
ref_key: "options",
|
|
105
|
-
ref: x,
|
|
106
|
-
choice: S,
|
|
107
|
-
"max-choices-per-line": e.maxChoicesPerLine,
|
|
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)
|
|
116
|
-
}, null, 8, ["choice", "max-choices-per-line", "name-class", "image-class", "selected", "tab-focusable", "onToggle", "onNext", "onPrevious"]))), 128))
|
|
117
|
-
], 8, V)
|
|
118
|
-
], 64));
|
|
119
|
-
}
|
|
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]]]);
|
|
121
|
-
export {
|
|
122
|
-
Y as I
|
|
123
|
-
};
|
|
@@ -1,89 +0,0 @@
|
|
|
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
|
-
const h = {}, C = {
|
|
4
|
-
height: "1rem",
|
|
5
|
-
width: "auto",
|
|
6
|
-
"aria-hidden": "true",
|
|
7
|
-
role: "img",
|
|
8
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
9
|
-
viewBox: "0 0 448 512"
|
|
10
|
-
};
|
|
11
|
-
function x(o, e) {
|
|
12
|
-
return t(), n("svg", C, [...e[0] || (e[0] = [
|
|
13
|
-
s("path", {
|
|
14
|
-
fill: "currentColor",
|
|
15
|
-
d: "M364.2 83.8c-24.4-24.4-64-24.4-88.4 0l-184 184c-42.1 42.1-42.1 110.3 0 152.4s110.3 42.1 152.4 0l152-152c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-152 152c-64 64-167.6 64-231.6 0s-64-167.6 0-231.6l184-184c46.3-46.3 121.3-46.3 167.6 0s46.3 121.3 0 167.6l-176 176c-28.6 28.6-75 28.6-103.6 0s-28.6-75 0-103.6l144-144c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-144 144c-6.7 6.7-6.7 17.7 0 24.4s17.7 6.7 24.4 0l176-176c24.4-24.4 24.4-64 0-88.4z"
|
|
16
|
-
}, null, -1)
|
|
17
|
-
])]);
|
|
18
|
-
}
|
|
19
|
-
const y = /* @__PURE__ */ b(h, [["render", x]]), v = {}, w = {
|
|
20
|
-
width: "24",
|
|
21
|
-
height: "24",
|
|
22
|
-
viewBox: "0 0 24 24",
|
|
23
|
-
fill: "none",
|
|
24
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
25
|
-
};
|
|
26
|
-
function _(o, e) {
|
|
27
|
-
return t(), n("svg", w, [...e[0] || (e[0] = [
|
|
28
|
-
s("path", {
|
|
29
|
-
d: "M5.88 17.0103C6.73 16.3683 7.676 15.8638 8.718 15.4968C9.76 15.1298 10.8544 14.9463 12.0012 14.9463C13.1481 14.9463 14.2451 15.1328 15.2922 15.5058C16.3394 15.8788 17.282 16.3823 18.12 17.0163C18.6915 16.3289 19.1357 15.5629 19.4527 14.7183C19.7697 13.8734 19.9282 12.9673 19.9282 12C19.9282 9.80717 19.1551 7.93759 17.6087 6.39125C16.0624 4.84492 14.1928 4.07175 12 4.07175C9.80717 4.07175 7.93758 4.84492 6.39125 6.39125C4.84492 7.93759 4.07175 9.80717 4.07175 12C4.07175 12.9633 4.22925 13.8674 4.54425 14.7123C4.85925 15.5569 5.3045 16.3229 5.88 17.0103ZM12 13.0538C11.0007 13.0538 10.1596 12.7133 9.47675 12.0323C8.79375 11.3513 8.45225 10.5112 8.45225 9.512C8.45225 8.51267 8.79375 7.6715 9.47675 6.9885C10.1596 6.30567 11.0007 5.96425 12 5.96425C12.9993 5.96425 13.8404 6.30567 14.5232 6.9885C15.2062 7.6715 15.5477 8.51267 15.5477 9.512C15.5477 10.5112 15.2062 11.3513 14.5232 12.0323C13.8404 12.7133 12.9993 13.0538 12 13.0538ZM11.9995 22.2033C10.5887 22.2033 9.26292 21.9358 8.02225 21.4008C6.78175 20.8658 5.7015 20.1383 4.7815 19.2185C3.86167 18.2985 3.13425 17.2181 2.59925 15.9773C2.06425 14.7363 1.79675 13.4103 1.79675 11.9995C1.79675 10.5887 2.06425 9.26292 2.59925 8.02225C3.13425 6.78175 3.86167 5.7015 4.7815 4.7815C5.7015 3.86167 6.78192 3.13425 8.02275 2.59925C9.26375 2.06425 10.5897 1.79675 12.0005 1.79675C13.4113 1.79675 14.7371 2.06425 15.9777 2.59925C17.2182 3.13425 18.2985 3.86167 19.2185 4.7815C20.1383 5.7015 20.8657 6.78192 21.4008 8.02275C21.9358 9.26375 22.2032 10.5897 22.2032 12.0005C22.2032 13.4113 21.9358 14.7371 21.4008 15.9778C20.8657 17.2183 20.1383 18.2985 19.2185 19.2185C18.2985 20.1383 17.2181 20.8658 15.9773 21.4008C14.7362 21.9358 13.4103 22.2033 11.9995 22.2033ZM12 19.9283C12.8633 19.9283 13.6747 19.8041 14.4342 19.5558C15.1936 19.3074 15.8982 18.9495 16.5482 18.482C15.8904 18.0107 15.1867 17.6518 14.4372 17.4055C13.6877 17.159 12.8753 17.0358 12 17.0358C11.1247 17.0358 10.3132 17.159 9.56575 17.4055C8.81825 17.6518 8.1155 18.0107 7.4575 18.482C8.1075 18.9495 8.81125 19.3074 9.56875 19.5558C10.3262 19.8041 11.1367 19.9283 12 19.9283ZM12 10.9643C12.4173 10.9643 12.7637 10.8265 13.0392 10.551C13.3146 10.2757 13.4523 9.92934 13.4523 9.512C13.4523 9.0945 13.3146 8.74709 13.0392 8.46975C12.7637 8.19242 12.4173 8.05375 12 8.05375C11.5827 8.05375 11.2362 8.19242 10.9607 8.46975C10.6854 8.74709 10.5477 9.0945 10.5477 9.512C10.5477 9.92934 10.6854 10.2757 10.9607 10.551C11.2362 10.8265 11.5827 10.9643 12 10.9643Z",
|
|
30
|
-
fill: "white"
|
|
31
|
-
}, null, -1)
|
|
32
|
-
])]);
|
|
33
|
-
}
|
|
34
|
-
const k = /* @__PURE__ */ b(v, [["render", _]]), L = {}, M = {
|
|
35
|
-
width: "11",
|
|
36
|
-
height: "18",
|
|
37
|
-
viewBox: "0 0 11 18",
|
|
38
|
-
fill: "none",
|
|
39
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
40
|
-
};
|
|
41
|
-
function $(o, e) {
|
|
42
|
-
return t(), n("svg", M, [...e[0] || (e[0] = [
|
|
43
|
-
s("path", {
|
|
44
|
-
d: "M1.98601 18C0.447922 18 0.403919 17.7815 1.32681 16.602L6.60042 10.1796C6.99592 9.69905 7.21568 9.3058 7.21568 8.99997C7.21568 8.65046 6.99592 8.25727 6.60042 7.82039L1.32681 1.39804C0.403919 0.218468 0.447922 0 1.98601 0H2.5134C4.05149 0 4.62282 0.305829 5.54571 1.39804L9.58879 6.29125C11.3028 8.25727 11.3028 9.74273 9.58879 11.7088L5.54571 16.602C4.62282 17.6942 4.05149 18 2.5134 18H1.98601Z",
|
|
45
|
-
fill: "white"
|
|
46
|
-
}, null, -1)
|
|
47
|
-
])]);
|
|
48
|
-
}
|
|
49
|
-
const z = /* @__PURE__ */ b(L, [["render", $]]), B = { class: "avatar" }, q = { class: "bubble" }, Z = ["innerHTML"], N = {
|
|
50
|
-
key: 1,
|
|
51
|
-
class: "attachment-label"
|
|
52
|
-
}, H = /* @__PURE__ */ m({
|
|
53
|
-
__name: "LLMMessage.ce",
|
|
54
|
-
props: {
|
|
55
|
-
name: { type: String },
|
|
56
|
-
message: { type: Object }
|
|
57
|
-
},
|
|
58
|
-
setup(o) {
|
|
59
|
-
const e = o, c = d(() => e.message.direction === "outbound"), i = d(() => {
|
|
60
|
-
if (e.message.content)
|
|
61
|
-
return e.name ? `<strong>${e.name}</strong> : ${e.message.content}` : e.message.content;
|
|
62
|
-
});
|
|
63
|
-
return (a, A) => (t(), n("div", {
|
|
64
|
-
class: g(["message", a.message.direction])
|
|
65
|
-
}, [
|
|
66
|
-
s("span", B, [
|
|
67
|
-
c.value ? (t(), r(k, { key: 0 })) : (t(), r(z, { key: 1 }))
|
|
68
|
-
]),
|
|
69
|
-
a.message.isLoading ? (t(), r(f, {
|
|
70
|
-
key: 0,
|
|
71
|
-
class: "loader"
|
|
72
|
-
})) : l("", !0),
|
|
73
|
-
s("div", q, [
|
|
74
|
-
i.value ? (t(), n("div", {
|
|
75
|
-
key: 0,
|
|
76
|
-
innerHTML: i.value,
|
|
77
|
-
class: "content"
|
|
78
|
-
}, null, 8, Z)) : l("", !0),
|
|
79
|
-
a.message.attachmentName && c.value ? (t(), n("p", N, [
|
|
80
|
-
s("span", null, p(a.message.attachmentName), 1),
|
|
81
|
-
u(y)
|
|
82
|
-
])) : l("", !0)
|
|
83
|
-
])
|
|
84
|
-
], 2));
|
|
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}", E = /* @__PURE__ */ b(H, [["styles", [j]]]);
|
|
87
|
-
export {
|
|
88
|
-
E as L
|
|
89
|
-
};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { _ as o, c as r, o as a, f as s } from "./_plugin-vue_export-helper-CwwQJ1m6.js";
|
|
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
|
-
class: "loader",
|
|
4
|
-
role: "alert"
|
|
5
|
-
};
|
|
6
|
-
function i(c, e) {
|
|
7
|
-
return a(), r("div", d, [...e[0] || (e[0] = [
|
|
8
|
-
s("p", { class: "sr-only" }, " Chargement... ", -1)
|
|
9
|
-
])]);
|
|
10
|
-
}
|
|
11
|
-
const p = /* @__PURE__ */ o(t, [["render", i], ["styles", [n]]]);
|
|
12
|
-
export {
|
|
13
|
-
p as L
|
|
14
|
-
};
|
|
@@ -1,98 +0,0 @@
|
|
|
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
|
-
const $ = { class: "tooltip-container" }, B = ["id"], L = ["aria-labelledby", "aria-disabled"], z = /* @__PURE__ */ f({
|
|
3
|
-
inheritAttrs: !1,
|
|
4
|
-
__name: "ButtonTooltip.ce",
|
|
5
|
-
props: {
|
|
6
|
-
disabled: { type: Boolean, default: !1 },
|
|
7
|
-
label: { type: String },
|
|
8
|
-
tooltipPosition: { default: "top", type: String }
|
|
9
|
-
},
|
|
10
|
-
emits: ["click"],
|
|
11
|
-
setup(a, { emit: t }) {
|
|
12
|
-
const e = g(!0), p = w(), u = t;
|
|
13
|
-
function n(o) {
|
|
14
|
-
e.value = o;
|
|
15
|
-
}
|
|
16
|
-
function v() {
|
|
17
|
-
a.disabled || u("click");
|
|
18
|
-
}
|
|
19
|
-
return (o, r) => (i(), h("div", $, [
|
|
20
|
-
l("p", {
|
|
21
|
-
id: b(p),
|
|
22
|
-
class: C(["tooltip", {
|
|
23
|
-
"sr-only": e.value || o.disabled,
|
|
24
|
-
[`${o.tooltipPosition}`]: !0
|
|
25
|
-
}])
|
|
26
|
-
}, m(o.label), 11, B),
|
|
27
|
-
l("button", x(o.$attrs, {
|
|
28
|
-
onMouseenter: r[0] || (r[0] = (d) => n(!1)),
|
|
29
|
-
onMouseleave: r[1] || (r[1] = (d) => n(!0)),
|
|
30
|
-
onFocusin: r[2] || (r[2] = (d) => n(!1)),
|
|
31
|
-
onFocusout: r[3] || (r[3] = (d) => n(!0)),
|
|
32
|
-
onClick: y(v, ["stop"]),
|
|
33
|
-
"aria-labelledby": b(p),
|
|
34
|
-
"aria-disabled": o.disabled,
|
|
35
|
-
class: { disabled: o.disabled }
|
|
36
|
-
}), [
|
|
37
|
-
_(o.$slots, "default")
|
|
38
|
-
], 16, L)
|
|
39
|
-
]));
|
|
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}', M = /* @__PURE__ */ s(z, [["styles", [S]]]), H = {}, P = {
|
|
42
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
43
|
-
width: "16",
|
|
44
|
-
height: "16",
|
|
45
|
-
viewBox: "0 0 16 16",
|
|
46
|
-
fill: "inherit"
|
|
47
|
-
};
|
|
48
|
-
function N(a, t) {
|
|
49
|
-
return i(), h("svg", P, [...t[0] || (t[0] = [
|
|
50
|
-
l("path", {
|
|
51
|
-
d: "M10.5642 8.75826H3.28958C3.07681 8.75826 2.89719 8.68509 2.75075 8.53875C2.60442 8.39231 2.53125 8.2127 2.53125 7.99992C2.53125 7.78714 2.60442 7.60753 2.75075 7.46109C2.89719 7.31475 3.07681 7.24159 3.28958 7.24159H10.5642L7.45292 4.13042C7.30103 3.97842 7.22719 3.80025 7.23142 3.59592C7.23564 3.39159 7.31369 3.21348 7.46558 3.06159C7.61758 2.9207 7.79575 2.84814 8.00008 2.84392C8.20442 2.8397 8.38258 2.91353 8.53458 3.06542L12.9346 7.46542C13.0091 7.54009 13.0636 7.62298 13.0981 7.71409C13.1325 7.80509 13.1498 7.90037 13.1498 7.99992C13.1498 8.09948 13.1325 8.19475 13.0981 8.28575C13.0636 8.37687 13.0091 8.45975 12.9346 8.53442L8.53058 12.9383C8.38703 13.0818 8.21164 13.1536 8.00442 13.1536C7.79719 13.1536 7.61758 13.0818 7.46558 12.9383C7.31369 12.7864 7.23775 12.6061 7.23775 12.3976C7.23775 12.189 7.31369 12.0088 7.46558 11.8568L10.5642 8.75826Z",
|
|
52
|
-
fill: "inherit"
|
|
53
|
-
}, null, -1)
|
|
54
|
-
])]);
|
|
55
|
-
}
|
|
56
|
-
const Y = /* @__PURE__ */ s(H, [["render", N]]), A = {}, T = {
|
|
57
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
58
|
-
width: "16",
|
|
59
|
-
height: "16",
|
|
60
|
-
viewBox: "0 0 16 16",
|
|
61
|
-
fill: "inherit"
|
|
62
|
-
};
|
|
63
|
-
function D(a, t) {
|
|
64
|
-
return i(), h("svg", T, [...t[0] || (t[0] = [
|
|
65
|
-
l("path", {
|
|
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",
|
|
67
|
-
fill: "inherit"
|
|
68
|
-
}, null, -1)
|
|
69
|
-
])]);
|
|
70
|
-
}
|
|
71
|
-
const F = /* @__PURE__ */ s(A, [["render", D]]), I = /* @__PURE__ */ f({
|
|
72
|
-
__name: "NavigationButton.ce",
|
|
73
|
-
props: {
|
|
74
|
-
disabled: { type: Boolean },
|
|
75
|
-
label: { type: String },
|
|
76
|
-
tooltipPosition: { type: String },
|
|
77
|
-
direction: { type: String }
|
|
78
|
-
},
|
|
79
|
-
emits: ["click"],
|
|
80
|
-
setup(a) {
|
|
81
|
-
return (t, e) => (i(), c(M, {
|
|
82
|
-
class: "button",
|
|
83
|
-
onClick: e[0] || (e[0] = (p) => t.$emit("click")),
|
|
84
|
-
"tooltip-position": t.tooltipPosition,
|
|
85
|
-
label: t.label,
|
|
86
|
-
disabled: t.disabled
|
|
87
|
-
}, {
|
|
88
|
-
default: k(() => [
|
|
89
|
-
t.direction === "next" ? (i(), c(Y, { key: 0 })) : (i(), c(F, { key: 1 }))
|
|
90
|
-
]),
|
|
91
|
-
_: 1
|
|
92
|
-
}, 8, ["tooltip-position", "label", "disabled"]));
|
|
93
|
-
}
|
|
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
|
-
export {
|
|
96
|
-
M as B,
|
|
97
|
-
q as N
|
|
98
|
-
};
|