@1024pix/epreuves-components 4.1.0 → 4.2.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/components/image-quiz.ce.js.js +1 -1
- package/dist/components/image-quizzes.ce.js.js +1 -1
- package/dist/components/pix-anonymisation.ce.js.js +77 -82
- package/dist/components/pix-mail-message.ce.js.js +1 -1
- package/dist/components/template-mail.ce.js.js +1 -1
- package/dist/{image-quiz.ce-BK6-8YF1.js → image-quiz.ce-B4NDetit.js} +48 -43
- package/dist/index.js +1 -1
- package/dist/nl-euPrf5s3.js +21 -0
- package/package.json +1 -1
- package/dist/nl-Bonww6Q2.js +0 -13
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { I as g, _ as f, a as z, b as v, c as w, d, e as p, f as b, g as j, n as A } from "../image-quiz.ce-
|
|
1
|
+
import { I as g, _ as f, a as z, b as v, c as w, d, e as p, f as b, g as j, n as A } from "../image-quiz.ce-B4NDetit.js";
|
|
2
2
|
import { b as q, r as E, w as h, o as l, c as y, e as I, f as k, m as B, F as Q, d as C } from "../_plugin-vue_export-helper-B-lVMTio.js";
|
|
3
3
|
import { i as n } from "../i18n-lite-BIJ2LVs6.js";
|
|
4
4
|
const F = /* @__PURE__ */ q({
|
|
@@ -1,136 +1,131 @@
|
|
|
1
|
-
import { b as q, h as
|
|
1
|
+
import { b as q, h as E, o as n, c as d, a, x as o, F as m, e as g, z as k, t as h, H as V, P as F, C as T, D as w, E as S, l as _, f as D, r as x, g as l, _ as I, d as U } from "../_plugin-vue_export-helper-B-lVMTio.js";
|
|
2
2
|
import { a as G, i as $, b as H } from "../i18n-CsT7k7zW.js";
|
|
3
3
|
import { b as M } from "../normalize-props-DH0oPBss.js";
|
|
4
4
|
import { B as z } from "../Button.ce-DZ8jDtW5.js";
|
|
5
5
|
const O = {}, J = {}, K = {}, Q = {}, W = {}, X = {
|
|
6
|
-
"pix-anonymisation": {
|
|
7
|
-
}, Y = {}, Z = {},
|
|
6
|
+
"pix-anonymisation": { instruction: 'Cliquez sur les morceaux de phrase contenant des données qu’il ne faut pas donner à une IA. Une fois toutes ces données sélectionnées, cliquez sur "Suivant" pour vérifier votre réponse.', prompt: { title: "Prompt" }, rephrase: { title: "Reformulation" }, buttons: { checkNow: "Suivant", displayRephrasing: "Suivant", nextPrompt: "Suivant" }, correction: "élements qui doivent être anonymisés:" }
|
|
7
|
+
}, Y = {}, Z = {}, aa = {
|
|
8
8
|
ref: "prompt-container",
|
|
9
9
|
tabindex: "-1"
|
|
10
|
-
},
|
|
10
|
+
}, ta = { class: "instruction" }, ea = { class: "stepper-container" }, na = { key: 0 }, oa = { class: "prompt-card" }, da = ["aria-level"], sa = { class: "prompt-card-content" }, ca = ["for"], ra = ["id", "value"], fa = { class: "prompt-card-content-part" }, ia = { class: "prompt-card" }, la = ["aria-level"], pa = { class: "prompt-card-content" }, va = { class: "sr-only" }, ua = { class: "sr-only" }, ma = {
|
|
11
11
|
key: 0,
|
|
12
12
|
class: "prompt-card rephrase"
|
|
13
|
-
},
|
|
13
|
+
}, ga = ["aria-level"], ba = { class: "prompt-card-content" }, ha = {
|
|
14
14
|
key: 1,
|
|
15
15
|
class: "feedback"
|
|
16
|
-
},
|
|
16
|
+
}, _a = /* @__PURE__ */ q({
|
|
17
17
|
__name: "PixAnonymisation.ce",
|
|
18
18
|
props: {
|
|
19
19
|
titleLevel: { default: 2, type: Number },
|
|
20
20
|
steps: { type: Array }
|
|
21
21
|
},
|
|
22
|
-
setup(
|
|
23
|
-
const
|
|
24
|
-
content:
|
|
25
|
-
color:
|
|
26
|
-
})),
|
|
27
|
-
function
|
|
28
|
-
|
|
22
|
+
setup(e, { expose: j }) {
|
|
23
|
+
const r = x(0), i = x([]), f = x(1), N = E("prompt-container"), p = l(() => e.steps[r.value]), L = l(() => f.value === 3 && r.value + 1 === e.steps.length), v = l(() => f.value === 3), P = l(() => p.value.fullSentence.map(({ content: t }) => t)), R = l(() => p.value.fullSentence.map(({ content: t, isAnonymizable: u }) => u ? { content: t, color: "green" } : {
|
|
24
|
+
content: t,
|
|
25
|
+
color: i.value.includes(t) ? "red" : "neutral"
|
|
26
|
+
})), A = l(() => p.value.fullSentence.filter(({ isAnonymizable: t }) => t).map(({ content: t }) => t));
|
|
27
|
+
function B() {
|
|
28
|
+
f.value = 1, r.value = 0, i.value = [];
|
|
29
29
|
}
|
|
30
30
|
function y() {
|
|
31
31
|
if (v.value) {
|
|
32
|
-
|
|
32
|
+
f.value = 1, r.value++, i.value = [];
|
|
33
33
|
return;
|
|
34
34
|
}
|
|
35
|
-
|
|
35
|
+
f.value++, N.value.focus();
|
|
36
36
|
}
|
|
37
37
|
return j({
|
|
38
|
-
reset:
|
|
39
|
-
}), (
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
e("div", ne, [
|
|
48
|
-
(o(!0), s(m, null, g(t.steps, (d, r) => (o(), s("div", {
|
|
49
|
-
key: r,
|
|
50
|
-
class: f(["stepper-background", { "is-active": i.value === r, "is-finished": r < i.value }]),
|
|
51
|
-
style: k({ "--step-width": `${100 / t.steps.length}%` })
|
|
38
|
+
reset: B
|
|
39
|
+
}), (t, u) => (n(), d("div", aa, [
|
|
40
|
+
a("header", null, [
|
|
41
|
+
a("p", ta, o(t.$t("pix-anonymisation.instruction")), 1),
|
|
42
|
+
a("div", ea, [
|
|
43
|
+
(n(!0), d(m, null, g(e.steps, (s, c) => (n(), d("div", {
|
|
44
|
+
key: c,
|
|
45
|
+
class: h(["stepper-background", { "is-active": r.value === c, "is-finished": c < r.value }]),
|
|
46
|
+
style: k({ "--step-width": `${100 / e.steps.length}%` })
|
|
52
47
|
}, [
|
|
53
|
-
|
|
48
|
+
a("div", {
|
|
54
49
|
class: "progress-bar",
|
|
55
|
-
style: k({ "--progress-bar-width": `${100 /
|
|
50
|
+
style: k({ "--progress-bar-width": `${100 / e.steps.length * f.value}%` })
|
|
56
51
|
}, null, 4)
|
|
57
52
|
], 6))), 128)),
|
|
58
|
-
|
|
53
|
+
a("span", null, o(r.value + 1) + " / " + o(e.steps.length), 1)
|
|
59
54
|
])
|
|
60
55
|
]),
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
56
|
+
a("main", null, [
|
|
57
|
+
f.value === 1 ? (n(), d("form", na, [
|
|
58
|
+
a("div", oa, [
|
|
59
|
+
a("div", {
|
|
65
60
|
role: "heading",
|
|
66
61
|
class: "prompt-card__heading",
|
|
67
|
-
"aria-level":
|
|
68
|
-
},
|
|
69
|
-
|
|
70
|
-
(
|
|
71
|
-
for: `${
|
|
72
|
-
key:
|
|
62
|
+
"aria-level": e.titleLevel
|
|
63
|
+
}, o(t.$t("pix-anonymisation.prompt.title")), 9, da),
|
|
64
|
+
a("div", sa, [
|
|
65
|
+
(n(!0), d(m, null, g(P.value, (s, c) => (n(), d("label", {
|
|
66
|
+
for: `${s}-${c}`,
|
|
67
|
+
key: s
|
|
73
68
|
}, [
|
|
74
|
-
V(
|
|
75
|
-
id: `${
|
|
76
|
-
value:
|
|
69
|
+
V(a("input", {
|
|
70
|
+
id: `${s}-${c}`,
|
|
71
|
+
value: s,
|
|
77
72
|
class: "sr-only",
|
|
78
73
|
type: "checkbox",
|
|
79
|
-
"onUpdate:modelValue": u[0] || (u[0] = (
|
|
80
|
-
}, null, 8,
|
|
81
|
-
[F,
|
|
74
|
+
"onUpdate:modelValue": u[0] || (u[0] = (b) => i.value = b)
|
|
75
|
+
}, null, 8, ra), [
|
|
76
|
+
[F, i.value]
|
|
82
77
|
]),
|
|
83
|
-
|
|
84
|
-
], 8,
|
|
78
|
+
a("span", fa, o(s), 1)
|
|
79
|
+
], 8, ca))), 128))
|
|
85
80
|
])
|
|
86
81
|
]),
|
|
87
82
|
T(z, {
|
|
88
|
-
"is-disabled":
|
|
83
|
+
"is-disabled": i.value.length === 0,
|
|
89
84
|
onClick: y
|
|
90
85
|
}, {
|
|
91
86
|
default: w(() => [
|
|
92
|
-
S(
|
|
87
|
+
S(o(t.$t("pix-anonymisation.buttons.checkNow")), 1)
|
|
93
88
|
]),
|
|
94
89
|
_: 1
|
|
95
90
|
}, 8, ["is-disabled"])
|
|
96
|
-
])) : (
|
|
91
|
+
])) : (n(), d("div", {
|
|
97
92
|
key: 1,
|
|
98
|
-
class:
|
|
93
|
+
class: h(["results", { "prompt-and-rephrase": v.value }])
|
|
99
94
|
}, [
|
|
100
|
-
|
|
101
|
-
|
|
95
|
+
a("div", ia, [
|
|
96
|
+
a("div", {
|
|
102
97
|
role: "heading",
|
|
103
98
|
class: "prompt-card__heading",
|
|
104
|
-
"aria-level":
|
|
105
|
-
},
|
|
106
|
-
|
|
107
|
-
(
|
|
108
|
-
|
|
109
|
-
class:
|
|
110
|
-
},
|
|
99
|
+
"aria-level": e.titleLevel
|
|
100
|
+
}, o(t.$t("pix-anonymisation.prompt.title")), 9, la),
|
|
101
|
+
a("p", pa, [
|
|
102
|
+
(n(!0), d(m, null, g(R.value, ({ content: s, color: c }, b) => (n(), d("span", { key: b }, [
|
|
103
|
+
a("span", {
|
|
104
|
+
class: h(["prompt-card-content-part", c])
|
|
105
|
+
}, o(s), 3)
|
|
111
106
|
]))), 128))
|
|
112
107
|
]),
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
(
|
|
108
|
+
a("p", va, o(t.$t("pix-anonymisation.correction")), 1),
|
|
109
|
+
a("ul", ua, [
|
|
110
|
+
(n(!0), d(m, null, g(A.value, (s) => (n(), d("li", { key: s }, o(s), 1))), 128))
|
|
116
111
|
])
|
|
117
112
|
]),
|
|
118
|
-
v.value ? (
|
|
119
|
-
|
|
113
|
+
v.value ? (n(), d("div", ma, [
|
|
114
|
+
a("div", {
|
|
120
115
|
role: "heading",
|
|
121
116
|
class: "prompt-card__heading",
|
|
122
|
-
"aria-level":
|
|
123
|
-
},
|
|
124
|
-
|
|
117
|
+
"aria-level": e.titleLevel
|
|
118
|
+
}, o(t.$t("pix-anonymisation.rephrase.title")), 9, ga),
|
|
119
|
+
a("p", ba, o(p.value.rephrase), 1)
|
|
125
120
|
])) : _("", !0),
|
|
126
|
-
v.value ? (
|
|
127
|
-
|
|
121
|
+
v.value ? (n(), d("p", ha, o(p.value.feedback), 1)) : _("", !0),
|
|
122
|
+
L.value ? _("", !0) : (n(), D(z, {
|
|
128
123
|
key: 2,
|
|
129
124
|
onClick: y,
|
|
130
125
|
class: "feedback-button"
|
|
131
126
|
}, {
|
|
132
127
|
default: w(() => [
|
|
133
|
-
S(
|
|
128
|
+
S(o(v.value ? t.$t("pix-anonymisation.buttons.nextPrompt") : t.$t("pix-anonymisation.buttons.displayRephrasing")), 1)
|
|
134
129
|
]),
|
|
135
130
|
_: 1
|
|
136
131
|
}))
|
|
@@ -138,15 +133,15 @@ const O = {}, J = {}, K = {}, Q = {}, W = {}, X = {
|
|
|
138
133
|
])
|
|
139
134
|
], 512));
|
|
140
135
|
}
|
|
141
|
-
}),
|
|
142
|
-
G(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": O, "./locales/en.json": J, "./locales/es-419.json": K, "./locales/es.json": Q, "./locales/fr-BE.json": W, "./locales/fr.json": X, "./locales/it.json": Y, "./locales/nl.json": Z })).catch((
|
|
143
|
-
const C = U(
|
|
144
|
-
configureApp(
|
|
145
|
-
$.changeLanguage(document?.documentElement?.lang || navigator.language),
|
|
136
|
+
}), xa = "html[data-v-f906f17c],body[data-v-f906f17c],div[data-v-f906f17c],span[data-v-f906f17c],applet[data-v-f906f17c],object[data-v-f906f17c],iframe[data-v-f906f17c],h1[data-v-f906f17c],h2[data-v-f906f17c],h3[data-v-f906f17c],h4[data-v-f906f17c],h5[data-v-f906f17c],h6[data-v-f906f17c],p[data-v-f906f17c],blockquote[data-v-f906f17c],pre[data-v-f906f17c],a[data-v-f906f17c],abbr[data-v-f906f17c],acronym[data-v-f906f17c],address[data-v-f906f17c],big[data-v-f906f17c],cite[data-v-f906f17c],code[data-v-f906f17c],del[data-v-f906f17c],dfn[data-v-f906f17c],em[data-v-f906f17c],img[data-v-f906f17c],ins[data-v-f906f17c],kbd[data-v-f906f17c],q[data-v-f906f17c],s[data-v-f906f17c],samp[data-v-f906f17c],small[data-v-f906f17c],strike[data-v-f906f17c],strong[data-v-f906f17c],sub[data-v-f906f17c],sup[data-v-f906f17c],tt[data-v-f906f17c],var[data-v-f906f17c],b[data-v-f906f17c],u[data-v-f906f17c],i[data-v-f906f17c],center[data-v-f906f17c],dl[data-v-f906f17c],dt[data-v-f906f17c],dd[data-v-f906f17c],ol[data-v-f906f17c],ul[data-v-f906f17c],li[data-v-f906f17c],fieldset[data-v-f906f17c],form[data-v-f906f17c],label[data-v-f906f17c],legend[data-v-f906f17c],table[data-v-f906f17c],caption[data-v-f906f17c],tbody[data-v-f906f17c],tfoot[data-v-f906f17c],thead[data-v-f906f17c],tr[data-v-f906f17c],th[data-v-f906f17c],td[data-v-f906f17c],article[data-v-f906f17c],aside[data-v-f906f17c],canvas[data-v-f906f17c],details[data-v-f906f17c],embed[data-v-f906f17c],figure[data-v-f906f17c],figcaption[data-v-f906f17c],footer[data-v-f906f17c],header[data-v-f906f17c],hgroup[data-v-f906f17c],menu[data-v-f906f17c],nav[data-v-f906f17c],output[data-v-f906f17c],ruby[data-v-f906f17c],section[data-v-f906f17c],summary[data-v-f906f17c],time[data-v-f906f17c],mark[data-v-f906f17c],audio[data-v-f906f17c],video[data-v-f906f17c]{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article[data-v-f906f17c],aside[data-v-f906f17c],details[data-v-f906f17c],figcaption[data-v-f906f17c],figure[data-v-f906f17c],footer[data-v-f906f17c],header[data-v-f906f17c],hgroup[data-v-f906f17c],menu[data-v-f906f17c],nav[data-v-f906f17c],section[data-v-f906f17c]{display:block}body[data-v-f906f17c]{line-height:1}ol[data-v-f906f17c],ul[data-v-f906f17c]{list-style:none}table[data-v-f906f17c]{border-collapse:collapse;border-spacing:0}[data-v-f906f17c]{color:#122647;font-style:normal;box-sizing:border-box}p[data-v-f906f17c],label[data-v-f906f17c],button[data-v-f906f17c]{font-family:Roboto,sans-serif;font-size:.875rem;font-weight:400}form[data-v-f906f17c],.results[data-v-f906f17c]{display:flex;flex-direction:column;gap:16px}button[data-v-f906f17c]{font-weight:700;margin:0 auto}.heading[data-v-f906f17c]{font-family:Nunito,Roboto,sans-serif;text-align:center;font-size:1.25rem;font-weight:700}.stepper-container[data-v-f906f17c]{display:flex;gap:6px;margin-bottom:16px;align-items:center}.stepper-container span[data-v-f906f17c]{font-size:.875rem;white-space:nowrap}.stepper-background[data-v-f906f17c]{background-color:#e8eaed;height:8px;flex:1 1 var(--step-width);border-radius:64px}.stepper-background.is-active .progress-bar[data-v-f906f17c]{background:#613fdd;height:8px;border-radius:64px;width:var(--progress-bar-width)}.stepper-background.is-finished[data-v-f906f17c]{background:#613fdd;height:8px;border-radius:64px;width:100%}.instruction[data-v-f906f17c]{text-align:center}.prompt-card[data-v-f906f17c]{border-radius:16px;border:1px solid #cdd1d9;padding:16px}.prompt-card__heading[data-v-f906f17c]{font-family:Roboto,sans-serif;font-size:1rem;font-weight:700;margin-bottom:8px}.prompt-card-content[data-v-f906f17c]{display:flex;flex-wrap:wrap;border-radius:8px;background:#f4f5f7;padding:16px;gap:4px}.prompt-card-content>span[data-v-f906f17c]{padding:2px}.prompt-card-content-part[data-v-f906f17c]{padding:1px 4px;border-radius:4px;border:1px solid #cdd1d9;margin-bottom:5px}.prompt-card-content-part.red[data-v-f906f17c]{border-color:transparent;background:#e4766f}.prompt-card-content-part.green[data-v-f906f17c]{border-color:transparent;background:#54c590}input:checked~.prompt-card-content-part[data-v-f906f17c]{background:#ffdc76;border-color:transparent}input:focus~.prompt-card-content-part[data-v-f906f17c]{outline:1px solid black}.prompt-and-rephrase[data-v-f906f17c]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.prompt-and-rephrase .feedback[data-v-f906f17c]{grid-column:1/span 2;border-radius:16px;background:#eaf1ff;padding:16px}.feedback-button[data-v-f906f17c]{grid-column:1/span 2}.sr-only[data-v-f906f17c]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}@media screen and (max-width:768px){.prompt-card[data-v-f906f17c]{grid-column:1/span 2;margin-top:8px}.prompt-card.rephrase[data-v-f906f17c]{margin-top:0}.feedback[data-v-f906f17c]{margin-block:8px}}", ya = /* @__PURE__ */ I(_a, [["styles", [xa]], ["__scopeId", "data-v-f906f17c"]]);
|
|
137
|
+
G(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": O, "./locales/en.json": J, "./locales/es-419.json": K, "./locales/es.json": Q, "./locales/fr-BE.json": W, "./locales/fr.json": X, "./locales/it.json": Y, "./locales/nl.json": Z })).catch((e) => console.error(e));
|
|
138
|
+
const C = U(ya, {
|
|
139
|
+
configureApp(e) {
|
|
140
|
+
$.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(H, { i18next: $ });
|
|
146
141
|
}
|
|
147
142
|
});
|
|
148
|
-
C.prototype.normalizeProps = (
|
|
149
|
-
...
|
|
150
|
-
titleLevel: M(
|
|
143
|
+
C.prototype.normalizeProps = (e) => ({
|
|
144
|
+
...e,
|
|
145
|
+
titleLevel: M(e.titleLevel)
|
|
151
146
|
});
|
|
152
147
|
window.customElements.define("pix-anonymisation", C);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as o, a as _, b as a, c as l, d as n, e as i, f as t, g } from "../nl-
|
|
1
|
+
import { _ as o, a as _, b as a, c as l, d as n, e as i, f as t, g } from "../nl-euPrf5s3.js";
|
|
2
2
|
import { d as m } from "../_plugin-vue_export-helper-B-lVMTio.js";
|
|
3
3
|
import { i as e } from "../i18n-lite-BIJ2LVs6.js";
|
|
4
4
|
import { P as c } from "../PixMailMessage.ce-oCccQFGV.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as r, a as m, b as _, c as p, d as c, e as u, f as d, g } from "../nl-
|
|
1
|
+
import { _ as r, a as m, b as _, c as p, d as c, e as u, f as d, g } from "../nl-euPrf5s3.js";
|
|
2
2
|
import { u as v, a as b, b as f } from "../normalize-props-DH0oPBss.js";
|
|
3
3
|
import { b as j, o as M, f as x, g as s, d as y } from "../_plugin-vue_export-helper-B-lVMTio.js";
|
|
4
4
|
import { i as t } from "../i18n-lite-BIJ2LVs6.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { b as
|
|
1
|
+
import { b as P, s as k, o, c as m, N as x, y, v as s, t as z, a as v, m as F, x as C, r as q, _ as B, w as Q, h as D, l as M, F as H, e as K, f as R, g as c, d as N } from "./_plugin-vue_export-helper-B-lVMTio.js";
|
|
2
2
|
import { s as G } from "./shuffled-B8VGTceh.js";
|
|
3
3
|
import { u as Z, i as g } from "./i18n-lite-BIJ2LVs6.js";
|
|
4
4
|
import { a as w, u as J, b as U } from "./normalize-props-DH0oPBss.js";
|
|
@@ -8,13 +8,13 @@ const W = {}, X = {
|
|
|
8
8
|
"image-quiz": { multipleInstruction: "Seleccione varias respuestas.", multipleValidity: "Para validar, seleccione al menos dos respuestas. Si no es así, sáltese.", validity: "Para confirmar, seleccione una respuesta. De lo contrario, salte." }
|
|
9
9
|
}, ee = {
|
|
10
10
|
"image-quiz": { multipleInstruction: "Seleccione varias respuestas.", multipleValidity: "Para validar, seleccione al menos dos respuestas. Si no es así, sáltese.", validity: "Para confirmar, seleccione una respuesta. De lo contrario, salte." }
|
|
11
|
-
}, ie = {},
|
|
11
|
+
}, ie = {}, ae = {
|
|
12
12
|
"image-quiz": { multipleInstruction: "Sélectionnez plusieurs réponses.", multipleValidity: "Pour valider, sélectionnez au moins deux réponses. Sinon, passez.", validity: "Pour valider, sélectionnez une réponse. Sinon, passez." }
|
|
13
|
-
},
|
|
13
|
+
}, te = {
|
|
14
14
|
"image-quiz": { multipleInstruction: "Selezionare diverse risposte.", multipleValidity: "Per convalidare, selezionare almeno due risposte. In caso contrario, saltare.", validity: "Per confermare, selezionare una risposta. Altrimenti, saltare." }
|
|
15
15
|
}, ne = {
|
|
16
16
|
"image-quiz": { multipleInstruction: "Selecteer meerdere antwoorden.", multipleValidity: "Selecteer ten minste twee antwoorden om te bevestigen. Zo niet, sla dan over.", validity: "Selecteer een antwoord om te bevestigen. Sla anders over." }
|
|
17
|
-
}, oe = ["aria-labelledby", "aria-selected", "tabindex"], se = { key: 0 }, le = ["id"], re = ["id"], ce = /* @__PURE__ */
|
|
17
|
+
}, oe = ["aria-labelledby", "aria-selected", "readonly", "aria-readonly", "tabindex"], se = { key: 0 }, le = ["id"], re = ["id"], ce = /* @__PURE__ */ P({
|
|
18
18
|
__name: "ImageOption.ce",
|
|
19
19
|
props: {
|
|
20
20
|
choice: { type: Object },
|
|
@@ -22,37 +22,40 @@ const W = {}, X = {
|
|
|
22
22
|
imageClass: { type: String },
|
|
23
23
|
nameClass: { type: String },
|
|
24
24
|
selected: { type: Boolean },
|
|
25
|
-
tabFocusable: { type: Boolean }
|
|
25
|
+
tabFocusable: { type: Boolean },
|
|
26
|
+
readonly: { type: Boolean }
|
|
26
27
|
},
|
|
27
28
|
emits: ["toggle", "next", "previous"],
|
|
28
29
|
setup(e, { expose: n }) {
|
|
29
|
-
const
|
|
30
|
+
const b = e, p = q();
|
|
30
31
|
function f() {
|
|
31
32
|
p.value.focus();
|
|
32
33
|
}
|
|
33
34
|
n({ focus: f });
|
|
34
|
-
const u =
|
|
35
|
-
return (
|
|
35
|
+
const u = k();
|
|
36
|
+
return (t, a) => (o(), m("div", {
|
|
36
37
|
ref_key: "el",
|
|
37
38
|
ref: p,
|
|
38
39
|
role: "option",
|
|
39
|
-
class: z(["image-option", `image-option--max${
|
|
40
|
+
class: z(["image-option", `image-option--max${b.maxChoicesPerLine}`]),
|
|
40
41
|
"aria-labelledby": s(u),
|
|
41
42
|
"aria-selected": e.selected,
|
|
43
|
+
readonly: e.readonly,
|
|
44
|
+
"aria-readonly": e.readonly,
|
|
42
45
|
tabindex: e.tabFocusable ? 0 : -1,
|
|
43
|
-
onClick:
|
|
46
|
+
onClick: a[0] || (a[0] = y((l) => t.$emit("toggle"), ["stop"])),
|
|
44
47
|
onKeydown: [
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
+
a[1] || (a[1] = x(y((l) => t.$emit("toggle"), ["stop", "prevent"]), ["space"])),
|
|
49
|
+
a[2] || (a[2] = x(y((l) => t.$emit("previous"), ["stop", "prevent"]), ["up", "left"])),
|
|
50
|
+
a[3] || (a[3] = x(y((l) => t.$emit("next"), ["stop", "prevent"]), ["down", "right"]))
|
|
48
51
|
]
|
|
49
52
|
}, [
|
|
50
53
|
e.choice.image ? (o(), m("figure", se, [
|
|
51
|
-
|
|
54
|
+
v("img", F(e.choice.image, {
|
|
52
55
|
class: e.imageClass,
|
|
53
56
|
alt: ""
|
|
54
57
|
}), null, 16),
|
|
55
|
-
|
|
58
|
+
v("figcaption", {
|
|
56
59
|
class: z(e.nameClass),
|
|
57
60
|
id: s(u)
|
|
58
61
|
}, C(e.choice.name), 11, le)
|
|
@@ -62,7 +65,7 @@ const W = {}, X = {
|
|
|
62
65
|
}, C(e.choice.name), 9, re))
|
|
63
66
|
], 42, oe));
|
|
64
67
|
}
|
|
65
|
-
}), me = '.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}', ue = /* @__PURE__ */
|
|
68
|
+
}), me = '.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}', ue = /* @__PURE__ */ B(ce, [["styles", [me]]]), de = { class: "image-quiz-container" }, ge = ["id", "innerHTML"], pe = ["id"], fe = ["aria-multiselectable", "aria-labelledby", "aria-describedby"], he = /* @__PURE__ */ P({
|
|
66
69
|
__name: "ImageQuiz.ce",
|
|
67
70
|
props: {
|
|
68
71
|
multiple: { type: Boolean, default: !1 },
|
|
@@ -73,37 +76,38 @@ const W = {}, X = {
|
|
|
73
76
|
orderChoices: { type: Boolean },
|
|
74
77
|
imageChoicesSize: { default: "icon", type: String },
|
|
75
78
|
showName: { type: Boolean, default: !1 },
|
|
76
|
-
context: { type: String }
|
|
79
|
+
context: { type: String },
|
|
80
|
+
readonly: { type: Boolean, default: !1 }
|
|
77
81
|
},
|
|
78
82
|
emits: ["answer"],
|
|
79
83
|
setup(e, { emit: n }) {
|
|
80
|
-
const
|
|
84
|
+
const b = n, p = c(() => e.hideChoicesName ? "sr-only" : ""), f = c(() => e.orderChoices ? e.choices : G(e.choices)), u = c(() => e.multiple && e.context !== "pix-junior"), t = q(new Array(e.choices.length).fill(!1)), a = c(() => f.value.filter((i, d) => t.value[d])), { t: l } = Z(), E = c(() => {
|
|
81
85
|
if (e.multiple)
|
|
82
|
-
return
|
|
83
|
-
answer:
|
|
86
|
+
return a.value.length < 2 ? { answer: "", validity: l("image-quiz.multipleValidity") } : {
|
|
87
|
+
answer: a.value.map((d) => d.response ?? d.name).sort().join(","),
|
|
84
88
|
validity: ""
|
|
85
89
|
};
|
|
86
|
-
const i =
|
|
90
|
+
const i = a.value[0];
|
|
87
91
|
return i ? {
|
|
88
92
|
answer: i?.response ?? i?.name ?? "",
|
|
89
93
|
validity: ""
|
|
90
94
|
} : { answer: "", validity: l("image-quiz.validity") };
|
|
91
|
-
}), h =
|
|
95
|
+
}), h = k();
|
|
92
96
|
Q(() => {
|
|
93
|
-
|
|
97
|
+
b("answer", E.value);
|
|
94
98
|
});
|
|
95
99
|
const O = c(() => {
|
|
96
|
-
const i =
|
|
100
|
+
const i = t.value.indexOf(!0);
|
|
97
101
|
return i === -1 ? 0 : i;
|
|
98
102
|
}), S = D("options");
|
|
99
103
|
function $(i) {
|
|
100
|
-
e.multiple ||
|
|
104
|
+
e.readonly || (e.multiple || t.value.fill(!1), t.value[i] = !t.value[i]);
|
|
101
105
|
}
|
|
102
106
|
function I(i) {
|
|
103
107
|
i = (i + e.choices.length) % e.choices.length, e.multiple || $(i), S.value[i].focus();
|
|
104
108
|
}
|
|
105
109
|
return (i, d) => (o(), m("div", de, [
|
|
106
|
-
|
|
110
|
+
v("label", {
|
|
107
111
|
id: s(h),
|
|
108
112
|
class: z(["image-quiz-label", { "sr-only": !e.showName }]),
|
|
109
113
|
innerHTML: e.name
|
|
@@ -113,7 +117,7 @@ const W = {}, X = {
|
|
|
113
117
|
class: "image-quiz-multiple-instruction",
|
|
114
118
|
id: `${s(h)}-instruction`
|
|
115
119
|
}, C(i.$t("image-quiz.multipleInstruction")), 9, pe)) : M("", !0),
|
|
116
|
-
|
|
120
|
+
v("div", {
|
|
117
121
|
role: "listbox",
|
|
118
122
|
class: "image-quiz",
|
|
119
123
|
"aria-multiselectable": e.multiple,
|
|
@@ -130,18 +134,19 @@ const W = {}, X = {
|
|
|
130
134
|
key: r,
|
|
131
135
|
"name-class": p.value,
|
|
132
136
|
"image-class": e.imageChoicesSize,
|
|
133
|
-
selected:
|
|
137
|
+
selected: t.value[r],
|
|
138
|
+
readonly: e.readonly,
|
|
134
139
|
"tab-focusable": r === O.value,
|
|
135
|
-
onToggle: (
|
|
136
|
-
onNext: (
|
|
137
|
-
onPrevious: (
|
|
138
|
-
}, null, 8, ["choice", "max-choices-per-line", "name-class", "image-class", "selected", "tab-focusable", "onToggle", "onNext", "onPrevious"]))), 128))
|
|
140
|
+
onToggle: (j) => $(r),
|
|
141
|
+
onNext: (j) => I(r + 1),
|
|
142
|
+
onPrevious: (j) => I(r - 1)
|
|
143
|
+
}, null, 8, ["choice", "max-choices-per-line", "name-class", "image-class", "selected", "readonly", "tab-focusable", "onToggle", "onNext", "onPrevious"]))), 128))
|
|
139
144
|
], 8, fe)
|
|
140
145
|
]));
|
|
141
146
|
}
|
|
142
|
-
}),
|
|
143
|
-
g.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": W, "./locales/en.json": X, "./locales/es-419.json": Y, "./locales/es.json": ee, "./locales/fr-BE.json": ie, "./locales/fr.json":
|
|
144
|
-
function
|
|
147
|
+
}), ye = "*{box-sizing:border-box}.image-quiz-label{font-size:1.25rem;margin:1rem 0;display:inline-block}.image-quiz-multiple-instruction{font-size:14px;margin:0 16px 5px}.image-quiz-container{padding:10px 0}.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}", L = /* @__PURE__ */ B(he, [["styles", [ye]]]);
|
|
148
|
+
g.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": W, "./locales/en.json": X, "./locales/es-419.json": Y, "./locales/es.json": ee, "./locales/fr-BE.json": ie, "./locales/fr.json": ae, "./locales/it.json": te, "./locales/nl.json": ne }));
|
|
149
|
+
function _(e) {
|
|
145
150
|
return {
|
|
146
151
|
...e,
|
|
147
152
|
maxChoicesPerLine: U(e.maxChoicesPerLine),
|
|
@@ -154,29 +159,29 @@ function L(e) {
|
|
|
154
159
|
}))
|
|
155
160
|
};
|
|
156
161
|
}
|
|
157
|
-
const T = N(
|
|
162
|
+
const T = N(L, {
|
|
158
163
|
configureApp(e) {
|
|
159
164
|
g.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(g);
|
|
160
165
|
}
|
|
161
166
|
});
|
|
162
|
-
T.prototype.normalizeProps =
|
|
167
|
+
T.prototype.normalizeProps = _;
|
|
163
168
|
window.customElements.define("image-quiz", T);
|
|
164
|
-
const V = N(
|
|
169
|
+
const V = N(L, {
|
|
165
170
|
configureApp(e) {
|
|
166
171
|
g.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(g);
|
|
167
172
|
}
|
|
168
173
|
});
|
|
169
|
-
V.prototype.normalizeProps =
|
|
174
|
+
V.prototype.normalizeProps = _;
|
|
170
175
|
window.customElements.define("qcu-image", V);
|
|
171
176
|
export {
|
|
172
|
-
|
|
177
|
+
L as I,
|
|
173
178
|
ne as _,
|
|
174
|
-
|
|
175
|
-
|
|
179
|
+
te as a,
|
|
180
|
+
ae as b,
|
|
176
181
|
ie as c,
|
|
177
182
|
ee as d,
|
|
178
183
|
Y as e,
|
|
179
184
|
X as f,
|
|
180
185
|
W as g,
|
|
181
|
-
|
|
186
|
+
_ as n
|
|
182
187
|
};
|
package/dist/index.js
CHANGED
|
@@ -4,7 +4,7 @@ import "./components/capacity-calculation.ce.js.js";
|
|
|
4
4
|
import "./components/clickable-image.ce.js.js";
|
|
5
5
|
import "./components/complete-phrase.ce.js.js";
|
|
6
6
|
import "./components/flip-cards.ce.js.js";
|
|
7
|
-
import "./image-quiz.ce-
|
|
7
|
+
import "./image-quiz.ce-B4NDetit.js";
|
|
8
8
|
import "./components/image-quizzes.ce.js.js";
|
|
9
9
|
import "./components/message-conversation.ce.js.js";
|
|
10
10
|
import "./components/mdp-classement.ce.js.js";
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
const e = {
|
|
2
|
+
"pix-mail-message": { actions: { blockSender: "Absender blockieren", delete: "Löschen", forward: "Transfer", markAsUnread: "Als ungelesen markieren", menu: "Menü", reply: "Antworten", reportSpam: "Als unerwünscht melden", return: "zurück" }, details: "Details anzeigen", previousHeader: "Die {{ date }} unter {{time}}, {{ name }}", toMe: "An mich" }
|
|
3
|
+
}, r = {
|
|
4
|
+
"pix-mail-message": { actions: { blockSender: "Block sender", delete: "Delete", forward: "Forward", markAsUnread: "Mark as unread", menu: "Menu", reply: "Reply", reportSpam: "Report as unwanted", return: "back" }, details: "View details", previousHeader: "Visit {{ date }} at {{time}}, {{ name }}", toMe: "To me" }
|
|
5
|
+
}, a = {}, n = {
|
|
6
|
+
"pix-mail-message": { actions: { blockSender: "Bloquear al remitente", delete: "Eliminar", forward: "Reenviar", markAsUnread: "Marcar como no leído", menu: "menú", reply: "Responder", reportSpam: "Informar como indeseable", return: "volver" }, details: "Mostrar detalles", previousHeader: "Visite {{ date }} en {{time}}, {{ name }}", toMe: "A mí" }
|
|
7
|
+
}, t = {}, o = {
|
|
8
|
+
"pix-mail-message": { actions: { reply: "Répondre", forward: "Transférer", menu: "menu", delete: "Supprimer", blockSender: "Bloquer l’expéditeur", markAsUnread: "Marquer comme non lu", reportSpam: "Signaler comme indésirable", return: "Retour" }, toMe: "À moi", details: "Afficher les détails", previousHeader: "Le {{ date }} à {{time}}, {{ name }}" }
|
|
9
|
+
}, i = {
|
|
10
|
+
"pix-mail-message": { actions: { blockSender: "Bloccare il mittente", delete: "Cancellare", forward: "Trasferimenti", markAsUnread: "Segna come non letto", menu: "menu", reply: "Rispondi a", reportSpam: "Segnalazione come indesiderabile", return: "ritorna" }, details: "Mostra i dettagli", previousHeader: "Visitate {{ date }} su {{time}}, {{ name }}", toMe: "Per me" }
|
|
11
|
+
}, s = {};
|
|
12
|
+
export {
|
|
13
|
+
s as _,
|
|
14
|
+
i as a,
|
|
15
|
+
o as b,
|
|
16
|
+
t as c,
|
|
17
|
+
n as d,
|
|
18
|
+
a as e,
|
|
19
|
+
r as f,
|
|
20
|
+
e as g
|
|
21
|
+
};
|
package/package.json
CHANGED
package/dist/nl-Bonww6Q2.js
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
const e = {}, _ = {}, o = {}, t = {}, r = {}, s = {
|
|
2
|
-
"pix-mail-message": { actions: { reply: "Répondre", forward: "Transférer", menu: "menu", delete: "Supprimer", blockSender: "Bloquer l’expéditeur", markAsUnread: "Marquer comme non lu", reportSpam: "Signaler comme indésirable", return: "Retour" }, toMe: "À moi", details: "Afficher les détails", previousHeader: "Le {{ date }} à {{time}}, {{ name }}" }
|
|
3
|
-
}, a = {}, i = {};
|
|
4
|
-
export {
|
|
5
|
-
i as _,
|
|
6
|
-
a,
|
|
7
|
-
s as b,
|
|
8
|
-
r as c,
|
|
9
|
-
t as d,
|
|
10
|
-
o as e,
|
|
11
|
-
_ as f,
|
|
12
|
-
e as g
|
|
13
|
-
};
|