@1024pix/epreuves-components 4.0.1 → 4.0.2
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/{Button.ce-CTKrSDrC.js → Button.ce-CIdOR7Ut.js} +2 -2
- package/dist/{ButtonTooltip.ce-CtHo2Dwx.js → ButtonTooltip.ce-DcDedpxX.js} +8 -8
- package/dist/{Cross.ce.vue_vue_type_script_setup_true_lang-CVBFTfq5.js → Cross.ce.vue_vue_type_script_setup_true_lang-BZa1HfxH.js} +4 -4
- package/dist/FocusManager.ce-B9q14nBB.js +131 -0
- package/dist/{LLMMessage.ce-Bdmf0R1g.js → LLMMessage.ce-m7gAgj3M.js} +11 -11
- package/dist/{Loading.ce-Bh7-h48F.js → Loading.ce-Diq78Qvm.js} +2 -2
- package/dist/{NavigationButton.ce-CA1M8sgV.js → NavigationButton.ce-CgVczgG8.js} +2 -2
- package/dist/PixMailMessage.ce-CI8R0PnN.js +261 -0
- package/dist/Popin.ce-BczgRCZ5.js +67 -0
- package/dist/{Retry-BZf7NJz9.js → Retry-vIN7ZGdK.js} +2 -2
- package/dist/{Stepper.ce-B1yDelzC.js → Stepper.ce-DwjG4jda.js} +4 -4
- package/dist/{_plugin-vue_export-helper-D0N_62VD.js → _plugin-vue_export-helper-VRfPs3B6.js} +1643 -1611
- package/dist/components/analyse-mails-phishing.ce.js.js +14 -14
- package/dist/components/calcul-impact.ce.js.js +20 -20
- package/dist/components/capacity-calculation.ce.js.js +22 -22
- package/dist/components/clickable-image.ce.js.js +30 -30
- package/dist/components/complete-phrase.ce.js.js +18 -18
- package/dist/components/flip-cards.ce.js.js +10 -10
- package/dist/components/image-quiz.ce.js.js +3 -3
- package/dist/components/image-quizzes.ce.js.js +3 -3
- package/dist/components/llm-compare-messages.ce.js.js +7 -7
- package/dist/components/llm-messages.ce.js.js +7 -7
- package/dist/components/llm-prompt-select.ce.js.js +5 -5
- package/dist/components/mdp-classement.ce.js.js +29 -29
- package/dist/components/message-conversation.ce.js.js +34 -34
- package/dist/components/mobile-shell.ce.js.js +8 -8
- package/dist/components/phishing-message.ce.js.js +128 -128
- package/dist/components/phishing-notification.ce.js.js +30 -30
- package/dist/components/pix-anonymisation.ce.js.js +27 -27
- package/dist/components/pix-article.ce.js.js +5 -5
- package/dist/components/pix-carousel.ce.js.js +38 -38
- package/dist/components/pix-combinaisons.ce.js.js +75 -74
- package/dist/components/pix-cursor.ce.js.js +26 -26
- package/dist/components/pix-mail-message.ce.js.js +3 -3
- package/dist/components/proteger-mail-spam.ce.js.js +55 -53
- package/dist/components/qcm-deepfake.ce.js.js +16 -16
- package/dist/components/quiz-stepper.ce.js.js +21 -21
- package/dist/components/select-conversation.ce.js.js +11 -11
- package/dist/components/template-mail.ce.js.js +4 -4
- package/dist/components/test-top-mdp.ce.js.js +24 -24
- package/dist/components/trouver-mdp-rs.ce.js.js +311 -409
- package/dist/{i18n-ekiZvzf6.js → i18n-C-9bWDxP.js} +270 -268
- package/dist/{i18n-lite-t2jNOu0C.js → i18n-lite-CZIis7T7.js} +1 -1
- package/dist/{image-quiz.ce-DqalWHKw.js → image-quiz.ce-COX8VOUE.js} +9 -9
- package/dist/{index-BpqxFmwz.js → index-DgWpXIzq.js} +1 -1
- package/dist/index.js +1 -1
- package/dist/shadow-dom-5ECgVh4w.js +14 -0
- package/dist/{temporal.utils-7Uvm62ss.js → temporal.utils-DgmGPVba.js} +537 -536
- package/package.json +1 -1
- package/dist/PixMailMessage.ce-XPDbJiyC.js +0 -219
- package/dist/Popin.ce-DUQ7-GMT.js +0 -197
- package/dist/shadow-dom-C3AZuSZe.js +0 -9
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { a as ie, i as E, b as te } from "../i18n-
|
|
3
|
-
import { N as
|
|
4
|
-
import { B as
|
|
5
|
-
import {
|
|
1
|
+
import { k as W, n as Y, X as q, Y as X, Z as O, A as k, j as N, g as h, $ as V, b as D, o, c as l, t as S, a as g, q as J, E as P, x as b, v as f, l as B, _ as C, r as T, h as K, z as j, C as y, s as Q, D as $, F as z, e as M, f as R, d as ee } from "../_plugin-vue_export-helper-VRfPs3B6.js";
|
|
2
|
+
import { a as ie, i as E, b as te } from "../i18n-C-9bWDxP.js";
|
|
3
|
+
import { N as I } from "../NavigationButton.ce-CgVczgG8.js";
|
|
4
|
+
import { B as H } from "../ButtonTooltip.ce-DcDedpxX.js";
|
|
5
|
+
import { u as ne, b as A, a as ae } from "../normalize-props-DH0oPBss.js";
|
|
6
6
|
const se = {}, oe = {
|
|
7
7
|
"pix-carousel": { license: "Image license", next: "Next", of: "{{ currentSlide }} of {{ slideLength }}", previous: "Previous", slide: "Slide", title: "Carousel" }
|
|
8
8
|
}, le = {}, re = {
|
|
@@ -15,7 +15,7 @@ const se = {}, oe = {
|
|
|
15
15
|
"pix-carousel": { license: "Afbeeldingslicentie", next: "Volgende", of: "{{ currentSlide }} van {{ slideLength }}", previous: "Vorige", slide: "Dia", title: "Carrousel" }
|
|
16
16
|
};
|
|
17
17
|
function me(e, i) {
|
|
18
|
-
return q() ? (
|
|
18
|
+
return q() ? (X(e, i), !0) : !1;
|
|
19
19
|
}
|
|
20
20
|
const fe = typeof window < "u" && typeof document < "u";
|
|
21
21
|
typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
|
|
@@ -36,7 +36,7 @@ function _(e) {
|
|
|
36
36
|
}
|
|
37
37
|
// @__NO_SIDE_EFFECTS__
|
|
38
38
|
function he() {
|
|
39
|
-
const e =
|
|
39
|
+
const e = k(!1), i = O();
|
|
40
40
|
return i && W(() => {
|
|
41
41
|
e.value = !0;
|
|
42
42
|
}, i), e;
|
|
@@ -77,7 +77,7 @@ function we(e, i = {
|
|
|
77
77
|
const { window: s = G, box: c = "content-box" } = a, p = h(() => {
|
|
78
78
|
var t;
|
|
79
79
|
return (t = _(e)) === null || t === void 0 || (t = t.namespaceURI) === null || t === void 0 ? void 0 : t.includes("svg");
|
|
80
|
-
}), r =
|
|
80
|
+
}), r = k(i.width), d = k(i.height), { stop: x } = be(e, ([t]) => {
|
|
81
81
|
const v = c === "border-box" ? t.borderBoxSize : c === "content-box" ? t.contentBoxSize : t.devicePixelContentBoxSize;
|
|
82
82
|
if (s && p.value) {
|
|
83
83
|
const u = _(e);
|
|
@@ -117,7 +117,7 @@ function F(e) {
|
|
|
117
117
|
const _e = ["aria-level"], Ce = ["innerHTML"], Se = {
|
|
118
118
|
key: 1,
|
|
119
119
|
class: "description"
|
|
120
|
-
}, Le = /* @__PURE__ */
|
|
120
|
+
}, Le = /* @__PURE__ */ D({
|
|
121
121
|
__name: "SlideInfo.ce",
|
|
122
122
|
props: {
|
|
123
123
|
description: { type: String },
|
|
@@ -134,7 +134,7 @@ const _e = ["aria-level"], Ce = ["innerHTML"], Se = {
|
|
|
134
134
|
"aria-level": e.titleLevel,
|
|
135
135
|
class: "title"
|
|
136
136
|
}, [
|
|
137
|
-
|
|
137
|
+
J(i.$slots, "pagination"),
|
|
138
138
|
P(" " + b(e.title), 1)
|
|
139
139
|
], 8, _e),
|
|
140
140
|
f(F)(e.description) ? (o(), l("div", {
|
|
@@ -144,16 +144,16 @@ const _e = ["aria-level"], Ce = ["innerHTML"], Se = {
|
|
|
144
144
|
}, null, 8, Ce)) : e.description ? (o(), l("p", Se, b(e.description), 1)) : B("", !0)
|
|
145
145
|
], 2));
|
|
146
146
|
}
|
|
147
|
-
}), $e = ".slide-info{transform:translate(100vw);grid-column:1;grid-row:1;height:fit-content;border-left:1px solid transparent;padding-left:16px;padding-top:4px}.slide-info p{margin-top:8px;margin-bottom:0}.slide-info.active{border-left-color:gray;transform:translate(0)}.slide-info .title{font-size:1.25rem;font-family:Nunito,sans-serif;font-style:normal;font-weight:700;line-height:1.75rem;min-height:24px}.slide-info .description{font-size:.875rem}.slide-info .description ul li,.slide-info .description ol li{margin-left:1rem}@media only screen and (max-width:576px){.slide-info.active{border:none;padding-left:0}}", Z = /* @__PURE__ */ C(Le, [["styles", [$e]]]),
|
|
147
|
+
}), $e = ".slide-info{transform:translate(100vw);grid-column:1;grid-row:1;height:fit-content;border-left:1px solid transparent;padding-left:16px;padding-top:4px}.slide-info p{margin-top:8px;margin-bottom:0}.slide-info.active{border-left-color:gray;transform:translate(0)}.slide-info .title{font-size:1.25rem;font-family:Nunito,sans-serif;font-style:normal;font-weight:700;line-height:1.75rem;min-height:24px}.slide-info .description{font-size:.875rem}.slide-info .description ul li,.slide-info .description ol li{margin-left:1rem}@media only screen and (max-width:576px){.slide-info.active{border:none;padding-left:0}}", Z = /* @__PURE__ */ C(Le, [["styles", [$e]]]), Ae = ["aria-hidden", "aria-roledescription", "aria-label"], ke = {
|
|
148
148
|
key: 0,
|
|
149
149
|
class: "image-container"
|
|
150
150
|
}, Be = ["alt", "src"], Te = {
|
|
151
151
|
key: 0,
|
|
152
152
|
class: "license"
|
|
153
|
-
}, Ne = ["href"],
|
|
153
|
+
}, Ne = ["href"], De = { class: "img-container" }, je = ["alt", "src"], ze = ["innerHTML"], Me = {
|
|
154
154
|
key: 1,
|
|
155
155
|
class: "text-container"
|
|
156
|
-
},
|
|
156
|
+
}, Re = ["innerHTML"], Ee = /* @__PURE__ */ D({
|
|
157
157
|
__name: "Slide.ce",
|
|
158
158
|
props: {
|
|
159
159
|
slide: { type: Object },
|
|
@@ -167,7 +167,7 @@ const _e = ["aria-level"], Ce = ["innerHTML"], Se = {
|
|
|
167
167
|
imageTextDisplay: { default: "1:2", type: String }
|
|
168
168
|
},
|
|
169
169
|
setup(e) {
|
|
170
|
-
const i = window.matchMedia("(prefers-reduced-motion: reduce)"), a = e.disableAnimation ?? i.matches, s = T(e.isActive ? "on" : "off"), c =
|
|
170
|
+
const i = window.matchMedia("(prefers-reduced-motion: reduce)"), a = e.disableAnimation ?? i.matches, s = T(e.isActive ? "on" : "off"), c = K("container"), p = we(c), [r, d] = e.imageTextDisplay.split(":").map(Number);
|
|
171
171
|
N(() => e.isActive, (n) => {
|
|
172
172
|
n ? (s.value = a ? "on" : "initStart", window.setTimeout(() => {
|
|
173
173
|
s.value === "initStart" && (s.value = "on");
|
|
@@ -187,9 +187,9 @@ const _e = ["aria-level"], Ce = ["innerHTML"], Se = {
|
|
|
187
187
|
"aria-label": e.label,
|
|
188
188
|
ref: "container"
|
|
189
189
|
}, [
|
|
190
|
-
e.type === "image" ? (o(), l("div",
|
|
190
|
+
e.type === "image" ? (o(), l("div", ke, [
|
|
191
191
|
g("img", {
|
|
192
|
-
style:
|
|
192
|
+
style: j({ "--max-width": `${e.slide.displayWidth}px`, "--max-height": `${e.slide.displayHeight}px`, "--svg-image-display": m.value }),
|
|
193
193
|
class: S({ "has-shadow": !e.disableStyleAroundImage }),
|
|
194
194
|
alt: e.slide.image.alt,
|
|
195
195
|
src: e.slide.image.src
|
|
@@ -204,24 +204,24 @@ const _e = ["aria-level"], Ce = ["innerHTML"], Se = {
|
|
|
204
204
|
])) : e.type === "image-text" ? (o(), l("div", {
|
|
205
205
|
key: 1,
|
|
206
206
|
class: S(["text-image-container", { "has-shadow": !e.disableStyleAroundImage }]),
|
|
207
|
-
style:
|
|
207
|
+
style: j({ "--image-display": f(r), "--text-display": f(d) })
|
|
208
208
|
}, [
|
|
209
|
-
g("div",
|
|
209
|
+
g("div", De, [
|
|
210
210
|
g("img", {
|
|
211
211
|
alt: e.slide.image.alt,
|
|
212
212
|
src: e.slide.image.src
|
|
213
|
-
}, null, 8,
|
|
213
|
+
}, null, 8, je)
|
|
214
214
|
]),
|
|
215
215
|
f(F)(e.slide.text) ? (o(), l("div", {
|
|
216
216
|
key: 0,
|
|
217
217
|
class: "text-container",
|
|
218
218
|
innerHTML: e.slide.text
|
|
219
|
-
}, null, 8,
|
|
219
|
+
}, null, 8, ze)) : e.slide.text ? (o(), l("p", Me, b(e.slide.text), 1)) : B("", !0)
|
|
220
220
|
], 6)) : (o(), l("div", {
|
|
221
221
|
key: 2,
|
|
222
222
|
innerHTML: e.slide.text,
|
|
223
223
|
class: "text-container"
|
|
224
|
-
}, null, 8,
|
|
224
|
+
}, null, 8, Re)),
|
|
225
225
|
y(Z, {
|
|
226
226
|
description: e.slide.description,
|
|
227
227
|
title: e.slide.title,
|
|
@@ -229,9 +229,9 @@ const _e = ["aria-level"], Ce = ["innerHTML"], Se = {
|
|
|
229
229
|
"title-level": e.titleLevel,
|
|
230
230
|
class: "sr-only"
|
|
231
231
|
}, null, 8, ["description", "title", "is-active", "title-level"])
|
|
232
|
-
], 10,
|
|
232
|
+
], 10, Ae));
|
|
233
233
|
}
|
|
234
|
-
}),
|
|
234
|
+
}), Ie = ".slide{transition:transform ease-in-out .8s;height:100%}.slide.off,.slide.initStart{transition:none;transform:translate(100vw)}.slide.initStart.is-next,.slide.initEnd{transform:translate(-100vw)}.slide.initEnd.is-next{transform:translate(100vw)}.slide.on{transform:translate(0)}.slide.disable-animation{transition:none}.image-container{position:relative;display:flex;justify-content:center;align-items:center;margin:auto;max-width:890px;border-radius:8px}.image-container--is-not-image{justify-content:left}.image-container img{height:100%;max-width:var(--max-width);max-height:var(--max-height);width:var(--svg-image-display, 100%);object-fit:contain;border-radius:16px}.image-container img.has-shadow{filter:drop-shadow(0px 8px 12px rgba(0,0,0,.2))}.license{position:absolute;font-size:.8rem;bottom:0;margin:0;padding:2px 8px;max-width:50%;border-top-left-radius:8px;border-top-right-radius:8px;text-align:center;background:#ffffffe6}.text-container{margin:auto;width:fit-content}.text-image-container{display:flex;flex:1;gap:12px;padding:16px;border-radius:16px;background:#fff}.text-image-container.has-shadow{filter:drop-shadow(0px 8px 12px rgba(0,0,0,.2))}.text-image-container .img-container{width:calc(var(--image-display) / (var(--image-display) + var(--text-display)) * 100%);display:flex;justify-content:center;align-items:center}.text-image-container .img-container img{max-width:100%;width:auto;height:auto}.text-image-container .text-container{width:calc(var(--text-display) / (var(--image-display) + var(--text-display)) * 100%)}.text-image-container .text-container>*{margin:0}@media only screen and (max-width:576px){.license{font-size:.5rem}.image-container img{border-radius:8px;width:95%}.text-image-container{flex-direction:column}.text-image-container .img-container,.text-image-container .text-container{width:100%}}@media(prefers-reduced-motion:reduce){.slide{transition:none}}", He = /* @__PURE__ */ C(Ee, [["styles", [Ie]]]), We = {}, Oe = {
|
|
235
235
|
width: "25",
|
|
236
236
|
height: "24",
|
|
237
237
|
viewBox: "0 0 25 24",
|
|
@@ -261,7 +261,7 @@ function Ze(e, i) {
|
|
|
261
261
|
}, null, -1)
|
|
262
262
|
])]);
|
|
263
263
|
}
|
|
264
|
-
const Ue = /* @__PURE__ */ C(Ge, [["render", Ze]]), Ye = ["aria-roledescription"], qe = ["id"],
|
|
264
|
+
const Ue = /* @__PURE__ */ C(Ge, [["render", Ze]]), Ye = ["aria-roledescription"], qe = ["id"], Xe = { class: "footer" }, Je = { class: "control" }, Ke = { class: "slide-info-container" }, Qe = { class: "pagination" }, ei = /* @__PURE__ */ D({
|
|
265
265
|
__name: "Carousel.ce",
|
|
266
266
|
props: {
|
|
267
267
|
randomSlides: { type: Boolean },
|
|
@@ -287,7 +287,7 @@ const Ue = /* @__PURE__ */ C(Ge, [["render", Ze]]), Ye = ["aria-roledescription"
|
|
|
287
287
|
class: "slides",
|
|
288
288
|
id: f(m)
|
|
289
289
|
}, [
|
|
290
|
-
y(
|
|
290
|
+
y(H, {
|
|
291
291
|
class: "carousel__nav previous",
|
|
292
292
|
disabled: r.value,
|
|
293
293
|
"aria-controls": f(m),
|
|
@@ -300,7 +300,7 @@ const Ue = /* @__PURE__ */ C(Ge, [["render", Ze]]), Ye = ["aria-roledescription"
|
|
|
300
300
|
]),
|
|
301
301
|
_: 1
|
|
302
302
|
}, 8, ["disabled", "aria-controls", "label"]),
|
|
303
|
-
(o(!0), l(
|
|
303
|
+
(o(!0), l(z, null, M(s.value, (v, u) => (o(), R(He, {
|
|
304
304
|
key: u,
|
|
305
305
|
slide: v,
|
|
306
306
|
direction: p.value,
|
|
@@ -312,7 +312,7 @@ const Ue = /* @__PURE__ */ C(Ge, [["render", Ze]]), Ye = ["aria-roledescription"
|
|
|
312
312
|
"disable-style-around-image": e.disableStyleAroundImage,
|
|
313
313
|
"image-text-display": e.imageTextDisplay
|
|
314
314
|
}, null, 8, ["slide", "direction", "label", "is-active", "title-level", "type", "disable-animation", "disable-style-around-image", "image-text-display"]))), 128)),
|
|
315
|
-
y(
|
|
315
|
+
y(H, {
|
|
316
316
|
class: "carousel__nav next",
|
|
317
317
|
disabled: d.value,
|
|
318
318
|
"aria-controls": f(m),
|
|
@@ -326,16 +326,16 @@ const Ue = /* @__PURE__ */ C(Ge, [["render", Ze]]), Ye = ["aria-roledescription"
|
|
|
326
326
|
_: 1
|
|
327
327
|
}, 8, ["disabled", "aria-controls", "label"])
|
|
328
328
|
], 8, qe),
|
|
329
|
-
g("div",
|
|
330
|
-
g("div",
|
|
331
|
-
y(
|
|
329
|
+
g("div", Xe, [
|
|
330
|
+
g("div", Je, [
|
|
331
|
+
y(I, {
|
|
332
332
|
onClick: t[2] || (t[2] = (v) => x(1)),
|
|
333
333
|
label: n.$t("pix-carousel.previous"),
|
|
334
334
|
"aria-controls": f(m),
|
|
335
335
|
direction: "previous",
|
|
336
336
|
disabled: r.value
|
|
337
337
|
}, null, 8, ["label", "aria-controls", "disabled"]),
|
|
338
|
-
y(
|
|
338
|
+
y(I, {
|
|
339
339
|
onClick: t[3] || (t[3] = (v) => x(-1)),
|
|
340
340
|
label: n.$t("pix-carousel.next"),
|
|
341
341
|
"aria-controls": f(m),
|
|
@@ -343,8 +343,8 @@ const Ue = /* @__PURE__ */ C(Ge, [["render", Ze]]), Ye = ["aria-roledescription"
|
|
|
343
343
|
disabled: d.value
|
|
344
344
|
}, null, 8, ["label", "aria-controls", "disabled"])
|
|
345
345
|
]),
|
|
346
|
-
g("div",
|
|
347
|
-
(o(!0), l(
|
|
346
|
+
g("div", Ke, [
|
|
347
|
+
(o(!0), l(z, null, M(s.value, (v, u) => (o(), R(Z, {
|
|
348
348
|
key: u,
|
|
349
349
|
description: v.description,
|
|
350
350
|
title: v.title,
|
|
@@ -370,13 +370,13 @@ const U = ee(ti, {
|
|
|
370
370
|
});
|
|
371
371
|
U.prototype.normalizeProps = (e) => ({
|
|
372
372
|
...e,
|
|
373
|
-
titleLevel:
|
|
374
|
-
imageTextDisplay:
|
|
373
|
+
titleLevel: A(e.titleLevel),
|
|
374
|
+
imageTextDisplay: ae(e.imageTextDisplay),
|
|
375
375
|
slides: e.slides.map((i) => ({
|
|
376
376
|
...i,
|
|
377
|
-
displayHeight:
|
|
378
|
-
displayWidth:
|
|
379
|
-
license:
|
|
377
|
+
displayHeight: A(i.displayHeight),
|
|
378
|
+
displayWidth: A(i.displayWidth),
|
|
379
|
+
license: ne(i.license)
|
|
380
380
|
}))
|
|
381
381
|
});
|
|
382
382
|
window.customElements.define("pix-carousel", U);
|
|
@@ -1,29 +1,31 @@
|
|
|
1
|
-
import { b as
|
|
2
|
-
import { u as
|
|
3
|
-
import { B as V } from "../Button.ce-
|
|
4
|
-
import { P as
|
|
5
|
-
import {
|
|
6
|
-
|
|
1
|
+
import { b as J, h as S, K as X, o as u, c as b, a as e, C as y, D as m, E as f, x as o, z as T, F as L, e as P, f as Y, l as ee, m as te, r as h, g as i, n as ae, _ as se, d as oe } from "../_plugin-vue_export-helper-VRfPs3B6.js";
|
|
2
|
+
import { u as ie, i as B } from "../i18n-lite-CZIis7T7.js";
|
|
3
|
+
import { B as V } from "../Button.ce-CIdOR7Ut.js";
|
|
4
|
+
import { P as ne } from "../Popin.ce-BczgRCZ5.js";
|
|
5
|
+
import { p as re } from "../shadow-dom-5ECgVh4w.js";
|
|
6
|
+
import { b as le } from "../normalize-props-DH0oPBss.js";
|
|
7
|
+
const ce = {
|
|
7
8
|
"pix-combinaisons": { findCombinations: "Trouvez les combinaisons", discoverCombinations: "Combinaisons découvertes", progression: "Progression", validate: "Valider", ariaValidate: "Valider la combinaison", displayAllCombinations: "Voir toutes les combinaisons", combinationAlreadyTried: "Vous avez déjà essayé cette combinaison", fourPasswords: "4 mots de passe sont possibles. C’est peu !", easilyTestable: "Une personne peut facilement tester toutes les combinaisons à la main.", next: "Suivant", soManyPasswords: "27 mots de passe sont possibles !", feedbackSoManyPasswords: "Environ 7 fois plus de combinaisons qu’avant. Ça augmente vite dis donc ! 😱\u2028Quand on ajoute des caractères et qu’on allonge le mot de passe, il faut beaucoup plus de temps pour tout tester à la main.", completed: "Terminé", backspace: "Retour en arrière", currentStep: "{{step}} {{number}}", step: "Étape", numberOfChars: "{{number}} caractères", completionState: "Vous avez trouvé {{percent}} des combinaisons possibles" }
|
|
8
|
-
}, A = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.8333%209.16675H4.16667C3.24619%209.16675%202.5%209.91294%202.5%2010.8334V16.6667C2.5%2017.5872%203.24619%2018.3334%204.16667%2018.3334H15.8333C16.7538%2018.3334%2017.5%2017.5872%2017.5%2016.6667V10.8334C17.5%209.91294%2016.7538%209.16675%2015.8333%209.16675Z'%20stroke='%235E6C84'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5.83331%209.16675V5.83341C5.83331%204.72835%206.2723%203.66854%207.0537%202.88714C7.8351%202.10573%208.89491%201.66675%209.99998%201.66675C11.105%201.66675%2012.1649%202.10573%2012.9463%202.88714C13.7277%203.66854%2014.1666%204.72835%2014.1666%205.83341V9.16675'%20stroke='%235E6C84'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e",
|
|
9
|
+
}, A = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.8333%209.16675H4.16667C3.24619%209.16675%202.5%209.91294%202.5%2010.8334V16.6667C2.5%2017.5872%203.24619%2018.3334%204.16667%2018.3334H15.8333C16.7538%2018.3334%2017.5%2017.5872%2017.5%2016.6667V10.8334C17.5%209.91294%2016.7538%209.16675%2015.8333%209.16675Z'%20stroke='%235E6C84'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5.83331%209.16675V5.83341C5.83331%204.72835%206.2723%203.66854%207.0537%202.88714C7.8351%202.10573%208.89491%201.66675%209.99998%201.66675C11.105%201.66675%2012.1649%202.10573%2012.9463%202.88714C13.7277%203.66854%2014.1666%204.72835%2014.1666%205.83341V9.16675'%20stroke='%235E6C84'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", de = "data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.83713%207.37459C10.522%206.70686%2011.4406%206.33317%2012.3971%206.33325H26.1265C26.9238%206.33325%2027.8518%206.55459%2028.6105%207.02525C29.3825%207.50259%2030.0905%208.32392%2030.0905%209.49992V22.4999C30.0905%2023.6759%2029.3825%2024.4959%2028.6105%2024.9746C27.8597%2025.4244%2027.0016%2025.6635%2026.1265%2025.6666H12.3971C11.4406%2025.6667%2010.522%2025.293%209.83713%2024.6253L2.70379%2017.6706C2.48084%2017.4532%202.30365%2017.1934%202.18267%2016.9065C2.06169%2016.6195%201.99936%2016.3113%201.99936%2015.9999C1.99936%2015.6885%202.06169%2015.3803%202.18267%2015.0934C2.30365%2014.8064%202.48084%2014.5466%202.70379%2014.3293L9.83713%207.37459ZM18.7065%2012.6266C18.6149%2012.5283%2018.5045%2012.4495%2018.3818%2012.3949C18.2592%2012.3402%2018.1268%2012.3108%2017.9925%2012.3085C17.8582%2012.3061%2017.7248%2012.3308%2017.6003%2012.3811C17.4758%2012.4314%2017.3627%2012.5062%2017.2677%2012.6012C17.1728%2012.6962%2017.0979%2012.8093%2017.0476%2012.9338C16.9973%2013.0583%2016.9726%2013.1917%2016.975%2013.3259C16.9774%2013.4602%2017.0068%2013.5926%2017.0614%2013.7153C17.1161%2013.838%2017.1949%2013.9484%2017.2931%2014.0399L19.2531%2015.9999L17.2931%2017.9599C17.1949%2018.0515%2017.1161%2018.1619%2017.0614%2018.2845C17.0068%2018.4072%2016.9774%2018.5396%2016.975%2018.6739C16.9726%2018.8082%2016.9973%2018.9415%2017.0476%2019.066C17.0979%2019.1906%2017.1728%2019.3037%2017.2677%2019.3986C17.3627%2019.4936%2017.4758%2019.5685%2017.6003%2019.6187C17.7248%2019.669%2017.8582%2019.6937%2017.9925%2019.6914C18.1268%2019.689%2018.2592%2019.6596%2018.3818%2019.605C18.5045%2019.5503%2018.6149%2019.4715%2018.7065%2019.3733L20.6665%2017.4133L22.6265%2019.3733C22.718%2019.4715%2022.8284%2019.5503%2022.9511%2019.605C23.0737%2019.6596%2023.2062%2019.689%2023.3404%2019.6914C23.4747%2019.6937%2023.6081%2019.669%2023.7326%2019.6187C23.8571%2019.5685%2023.9702%2019.4936%2024.0652%2019.3986C24.1601%2019.3037%2024.235%2019.1906%2024.2853%2019.066C24.3356%2018.9415%2024.3603%2018.8082%2024.3579%2018.6739C24.3555%2018.5396%2024.3262%2018.4072%2024.2715%2018.2845C24.2168%2018.1619%2024.138%2018.0515%2024.0398%2017.9599L22.0798%2015.9999L24.0398%2014.0399C24.138%2013.9484%2024.2168%2013.838%2024.2715%2013.7153C24.3262%2013.5926%2024.3555%2013.4602%2024.3579%2013.3259C24.3603%2013.1917%2024.3356%2013.0583%2024.2853%2012.9338C24.235%2012.8093%2024.1601%2012.6962%2024.0652%2012.6012C23.9702%2012.5062%2023.8571%2012.4314%2023.7326%2012.3811C23.6081%2012.3308%2023.4747%2012.3061%2023.3404%2012.3085C23.2062%2012.3108%2023.0737%2012.3402%2022.9511%2012.3949C22.8284%2012.4495%2022.718%2012.5283%2022.6265%2012.6266L20.6665%2014.5866L18.7065%2012.6266Z'%20fill='%232C75FF'/%3e%3c/svg%3e", pe = { class: "stepper" }, ue = ["aria-hidden"], fe = { class: "character-value" }, be = { class: "sr-only" }, me = { class: "character-info" }, ve = ["aria-hidden"], ge = { class: "character-value" }, he = { class: "sr-only" }, xe = { class: "character-info" }, Ce = { class: "cards" }, ye = { class: "card card-left" }, we = ["aria-level"], ke = ["src"], _e = {
|
|
9
10
|
class: "sr-only",
|
|
10
11
|
"aria-live": "polite"
|
|
11
|
-
},
|
|
12
|
+
}, Le = {
|
|
12
13
|
class: "placeholders",
|
|
13
14
|
id: "letters",
|
|
14
15
|
"aria-live": "polite"
|
|
15
|
-
},
|
|
16
|
+
}, Pe = { class: "letters-and-back" }, Ve = ["src"], Be = {
|
|
16
17
|
key: 0,
|
|
17
18
|
class: "doublon-feedback",
|
|
18
19
|
"aria-live": "polite"
|
|
19
|
-
},
|
|
20
|
+
}, $e = { class: "card card-right" }, ze = ["aria-level"], je = ["src"], Se = ["aria-live"], Te = /* @__PURE__ */ J({
|
|
20
21
|
__name: "PixCombinaisons.ce",
|
|
21
22
|
props: {
|
|
22
23
|
wontWait: { type: Boolean, default: !1 },
|
|
23
24
|
titleLevel: { default: 2, type: Number }
|
|
24
25
|
},
|
|
25
|
-
setup(d, { expose:
|
|
26
|
-
|
|
26
|
+
setup(d, { expose: E }) {
|
|
27
|
+
re();
|
|
28
|
+
const { t: l } = ie(), M = S("combination"), $ = S("wrapper"), n = h([]), x = h(!1), c = h([]), p = h(1), k = h(!1), w = h(!1), F = i(() => n.value.length === C.value.length || v.value), N = i(() => n.value.length === 0 || v.value), R = i(() => n.value.length !== C.value.length && !v.value || w.value), v = i(() => c.value.length >= 7), C = i(() => ["A", "B", "C"].slice(0, p.value + 1)), I = i(() => c.value.length === _.value.length && !k.value), q = i(() => p.value === 1 ? {
|
|
27
29
|
title: l("pix-combinaisons.fourPasswords"),
|
|
28
30
|
content: l("pix-combinaisons.easilyTestable"),
|
|
29
31
|
textButton: l("pix-combinaisons.next")
|
|
@@ -31,64 +33,64 @@ const pe = {
|
|
|
31
33
|
title: l("pix-combinaisons.soManyPasswords"),
|
|
32
34
|
content: l("pix-combinaisons.feedbackSoManyPasswords"),
|
|
33
35
|
textButton: l("pix-combinaisons.completed")
|
|
34
|
-
}),
|
|
36
|
+
}), H = i(() => v.value ? l("pix-combinaisons.displayAllCombinations") : l("pix-combinaisons.validate")), O = i(() => v.value ? l("pix-combinaisons.displayAllCombinations") : l("pix-combinaisons.ariaValidate")), z = i(() => `${(c.value.length * 100 / _.value.length).toFixed(0)}%`), Z = i(() => `${p.value === 1 ? "50" : "100"}%`), _ = i(() => j(C.value));
|
|
35
37
|
function W() {
|
|
36
|
-
n.value = [], x.value = !1, c.value = [], p.value = 1, k.value = !1,
|
|
38
|
+
n.value = [], x.value = !1, c.value = [], p.value = 1, k.value = !1, w.value = !1;
|
|
37
39
|
}
|
|
38
|
-
function
|
|
40
|
+
function j(t, a = t) {
|
|
39
41
|
const r = [];
|
|
40
42
|
for (let s = 0; s < t.length; s++)
|
|
41
43
|
for (let g = 0; g < a.length; g++)
|
|
42
44
|
r.push(`${t[s]}${a[g]}`);
|
|
43
|
-
return r[0].length !== a.length ?
|
|
45
|
+
return r[0].length !== a.length ? j(r, t) : r;
|
|
44
46
|
}
|
|
45
|
-
async function
|
|
47
|
+
async function G() {
|
|
46
48
|
if (p.value === 2) {
|
|
47
49
|
k.value = !0;
|
|
48
50
|
return;
|
|
49
51
|
}
|
|
50
|
-
n.value = [], x.value = !1, c.value = [], await
|
|
52
|
+
n.value = [], x.value = !1, c.value = [], await ae(), $.value.focus(), p.value = 2;
|
|
51
53
|
}
|
|
52
|
-
function
|
|
54
|
+
function K(t) {
|
|
53
55
|
n.value.push(t);
|
|
54
56
|
}
|
|
55
|
-
async function
|
|
57
|
+
async function Q() {
|
|
56
58
|
if (v.value) {
|
|
57
|
-
|
|
59
|
+
w.value = !0;
|
|
58
60
|
const a = _.value.filter((r) => !c.value.includes(r));
|
|
59
61
|
for (const r of a)
|
|
60
|
-
c.value.push(r),
|
|
62
|
+
c.value.push(r), M.value.at(-1).scrollIntoView({ behavior: "smooth" }), d.wontWait || await new Promise((s) => setTimeout(s, 200));
|
|
61
63
|
return;
|
|
62
64
|
}
|
|
63
65
|
const t = n.value.join("");
|
|
64
|
-
if (
|
|
66
|
+
if (U(c.value, t)) {
|
|
65
67
|
x.value = !0, n.value = [];
|
|
66
68
|
return;
|
|
67
69
|
}
|
|
68
70
|
c.value.push(t), n.value = [], x.value = !1;
|
|
69
71
|
}
|
|
70
|
-
function
|
|
72
|
+
function U(t, a) {
|
|
71
73
|
return t.includes(a);
|
|
72
74
|
}
|
|
73
|
-
return
|
|
75
|
+
return E({
|
|
74
76
|
reset: W
|
|
75
77
|
}), (t, a) => {
|
|
76
|
-
const r =
|
|
78
|
+
const r = X("i18n");
|
|
77
79
|
return u(), b("div", {
|
|
78
80
|
ref_key: "wrapper",
|
|
79
81
|
ref: $,
|
|
80
82
|
class: "wrapper",
|
|
81
83
|
tabindex: "-1"
|
|
82
84
|
}, [
|
|
83
|
-
e("div",
|
|
85
|
+
e("div", pe, [
|
|
84
86
|
e("div", {
|
|
85
87
|
class: "character",
|
|
86
88
|
"aria-hidden": p.value !== 1
|
|
87
89
|
}, [
|
|
88
|
-
e("p",
|
|
89
|
-
|
|
90
|
+
e("p", fe, [
|
|
91
|
+
y(r, { t: "pix-combinaisons.currentStep" }, {
|
|
90
92
|
step: m(() => [
|
|
91
|
-
e("span",
|
|
93
|
+
e("span", be, o(t.$t("pix-combinaisons.step")), 1)
|
|
92
94
|
]),
|
|
93
95
|
number: m(() => [...a[1] || (a[1] = [
|
|
94
96
|
f("1", -1)
|
|
@@ -96,23 +98,23 @@ const pe = {
|
|
|
96
98
|
_: 1
|
|
97
99
|
})
|
|
98
100
|
]),
|
|
99
|
-
e("p",
|
|
101
|
+
e("p", me, [
|
|
100
102
|
f(o(t.$t("pix-combinaisons.numberOfChars", { number: 2 })), 1),
|
|
101
103
|
a[2] || (a[2] = e("span", null, "(a,b)", -1))
|
|
102
104
|
])
|
|
103
|
-
], 8,
|
|
105
|
+
], 8, ue),
|
|
104
106
|
e("div", {
|
|
105
107
|
class: "stepper-bar",
|
|
106
|
-
style: T({ "--step-progression":
|
|
108
|
+
style: T({ "--step-progression": Z.value })
|
|
107
109
|
}, null, 4),
|
|
108
110
|
e("div", {
|
|
109
111
|
class: "character",
|
|
110
112
|
"aria-hidden": p.value !== 2
|
|
111
113
|
}, [
|
|
112
|
-
e("p",
|
|
113
|
-
|
|
114
|
+
e("p", ge, [
|
|
115
|
+
y(r, { t: "pix-combinaisons.currentStep" }, {
|
|
114
116
|
step: m(() => [
|
|
115
|
-
e("span",
|
|
117
|
+
e("span", he, o(t.$t("pix-combinaisons.step")), 1)
|
|
116
118
|
]),
|
|
117
119
|
number: m(() => [...a[3] || (a[3] = [
|
|
118
120
|
f("2", -1)
|
|
@@ -120,14 +122,14 @@ const pe = {
|
|
|
120
122
|
_: 1
|
|
121
123
|
})
|
|
122
124
|
]),
|
|
123
|
-
e("p",
|
|
125
|
+
e("p", xe, [
|
|
124
126
|
f(o(t.$t("pix-combinaisons.numberOfChars", { number: 3 })), 1),
|
|
125
127
|
a[4] || (a[4] = e("span", null, "(a,b,c)", -1))
|
|
126
128
|
])
|
|
127
|
-
], 8,
|
|
129
|
+
], 8, ve)
|
|
128
130
|
]),
|
|
129
|
-
e("div",
|
|
130
|
-
e("section",
|
|
131
|
+
e("div", Ce, [
|
|
132
|
+
e("section", ye, [
|
|
131
133
|
e("div", {
|
|
132
134
|
id: "title",
|
|
133
135
|
role: "heading",
|
|
@@ -136,26 +138,26 @@ const pe = {
|
|
|
136
138
|
e("img", {
|
|
137
139
|
alt: "",
|
|
138
140
|
src: A
|
|
139
|
-
}, null, 8,
|
|
141
|
+
}, null, 8, ke),
|
|
140
142
|
f(" " + o(t.$t("pix-combinaisons.findCombinations")), 1)
|
|
141
|
-
], 8,
|
|
143
|
+
], 8, we),
|
|
142
144
|
e("p", null, o(t.$t("pix-combinaisons.progression")), 1),
|
|
143
145
|
e("div", {
|
|
144
146
|
class: "progress-bar",
|
|
145
|
-
style: T({ "--completion":
|
|
147
|
+
style: T({ "--completion": z.value })
|
|
146
148
|
}, null, 4),
|
|
147
|
-
e("p",
|
|
148
|
-
e("div",
|
|
149
|
+
e("p", _e, o(t.$t("pix-combinaisons.completionState", { percent: z.value })), 1),
|
|
150
|
+
e("div", Le, [
|
|
149
151
|
(u(!0), b(L, null, P(C.value.length, (s, g) => (u(), b("p", {
|
|
150
152
|
class: "placeholder",
|
|
151
153
|
key: s
|
|
152
154
|
}, o(n.value[g]), 1))), 128))
|
|
153
155
|
]),
|
|
154
|
-
e("div",
|
|
155
|
-
(u(!0), b(L, null, P(C.value, (s) => (u(),
|
|
156
|
-
"is-disabled":
|
|
156
|
+
e("div", Pe, [
|
|
157
|
+
(u(!0), b(L, null, P(C.value, (s) => (u(), Y(V, {
|
|
158
|
+
"is-disabled": F.value,
|
|
157
159
|
class: "letter",
|
|
158
|
-
onClick: (g) =>
|
|
160
|
+
onClick: (g) => K(s),
|
|
159
161
|
key: s,
|
|
160
162
|
"aria-controls": "letters"
|
|
161
163
|
}, {
|
|
@@ -164,36 +166,36 @@ const pe = {
|
|
|
164
166
|
]),
|
|
165
167
|
_: 2
|
|
166
168
|
}, 1032, ["is-disabled", "onClick"]))), 128)),
|
|
167
|
-
|
|
168
|
-
"is-disabled":
|
|
169
|
+
y(V, {
|
|
170
|
+
"is-disabled": N.value,
|
|
169
171
|
class: "backspace",
|
|
170
172
|
onClick: a[0] || (a[0] = (s) => n.value.pop()),
|
|
171
173
|
"aria-label": t.$t("pix-combinaisons.backspace")
|
|
172
174
|
}, {
|
|
173
175
|
default: m(() => [
|
|
174
176
|
e("img", {
|
|
175
|
-
src:
|
|
177
|
+
src: de,
|
|
176
178
|
alt: ""
|
|
177
|
-
}, null, 8,
|
|
179
|
+
}, null, 8, Ve)
|
|
178
180
|
]),
|
|
179
181
|
_: 1
|
|
180
182
|
}, 8, ["is-disabled", "aria-label"])
|
|
181
183
|
]),
|
|
182
|
-
|
|
184
|
+
y(V, {
|
|
183
185
|
class: "validate",
|
|
184
|
-
"is-disabled":
|
|
185
|
-
onClick:
|
|
186
|
-
"aria-label":
|
|
186
|
+
"is-disabled": R.value,
|
|
187
|
+
onClick: Q,
|
|
188
|
+
"aria-label": O.value,
|
|
187
189
|
"aria-describedby": "letters"
|
|
188
190
|
}, {
|
|
189
191
|
default: m(() => [
|
|
190
|
-
f(o(
|
|
192
|
+
f(o(H.value), 1)
|
|
191
193
|
]),
|
|
192
194
|
_: 1
|
|
193
195
|
}, 8, ["is-disabled", "aria-label"]),
|
|
194
|
-
x.value ? (u(), b("p",
|
|
196
|
+
x.value ? (u(), b("p", Be, o(t.$t("pix-combinaisons.combinationAlreadyTried")), 1)) : ee("", !0)
|
|
195
197
|
]),
|
|
196
|
-
e("section",
|
|
198
|
+
e("section", $e, [
|
|
197
199
|
e("div", {
|
|
198
200
|
role: "heading",
|
|
199
201
|
"aria-level": d.titleLevel + 1
|
|
@@ -201,38 +203,37 @@ const pe = {
|
|
|
201
203
|
e("img", {
|
|
202
204
|
alt: "",
|
|
203
205
|
src: A
|
|
204
|
-
}, null, 8,
|
|
206
|
+
}, null, 8, je),
|
|
205
207
|
f(" " + o(t.$t("pix-combinaisons.discoverCombinations")), 1)
|
|
206
|
-
], 8,
|
|
208
|
+
], 8, ze),
|
|
207
209
|
e("ul", {
|
|
208
210
|
class: "results",
|
|
209
|
-
"aria-live":
|
|
211
|
+
"aria-live": w.value ? "polite" : "off"
|
|
210
212
|
}, [
|
|
211
213
|
(u(!0), b(L, null, P(c.value, (s) => (u(), b("li", {
|
|
212
214
|
ref_for: !0,
|
|
213
215
|
ref: "combination",
|
|
214
216
|
key: s
|
|
215
217
|
}, o(s), 1))), 128))
|
|
216
|
-
], 8,
|
|
218
|
+
], 8, Se)
|
|
217
219
|
])
|
|
218
220
|
]),
|
|
219
|
-
|
|
221
|
+
y(ne, te(q.value, {
|
|
220
222
|
show: I.value,
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
}), null, 16, ["show", "root-element"])
|
|
223
|
+
onPrimaryAction: G
|
|
224
|
+
}), null, 16, ["show"])
|
|
224
225
|
], 512);
|
|
225
226
|
};
|
|
226
227
|
}
|
|
227
|
-
}),
|
|
228
|
-
B.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/fr.json":
|
|
229
|
-
const
|
|
228
|
+
}), Ae = 'html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box;font-family:Nunito,Roboto,sans-serif;color:#122647}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.doublon-feedback{border-radius:8px;background:#eaf1ff;padding:8px}.wrapper{position:relative;padding:24px 16px}.stepper{display:flex;align-items:center;gap:8px;width:60%;margin:0 auto;margin-bottom:calc(28px + 1.5rem)}.stepper .stepper-bar{height:4px;width:100%;background:#cdd1d9;border-radius:4px;position:relative}.stepper .stepper-bar:after{content:"";position:absolute;border-radius:inherit;background:#155dfc;width:var(--step-progression);height:100%}.stepper .character{display:flex;justify-content:center;align-items:center;position:relative;font-size:.875rem;font-weight:700;border-radius:50%;background-color:#3d68ff;aspect-ratio:1;width:32px}.stepper .character-value{color:#fff}.stepper .character-info{position:absolute;width:fit-content;color:#3d68ff;top:100%;left:50%;transform:translate(-50%);line-height:.75rem;text-align:center}.stepper .character-info span{display:block;font-size:.75rem;color:inherit}.cards{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.card{width:100%;max-width:356px;border-radius:24px;background:#fff;box-shadow:0 2px 5px #4a3aff40,0 -2px 5px #4a3aff26 inset,0 1px 1px #ffffff1a inset,0 3px 4px #dfeeff1a inset;padding:24px}.card p{font-family:Roboto,sans-serif;font-size:.875rem;margin-block:8px}.card-left .progress-bar{height:12px;border-radius:12px;background:#cdd1d9;margin-bottom:24px;position:relative}.card-left .progress-bar:after{content:"";position:absolute;left:0;border-radius:12px;background:linear-gradient(90deg,#2b7fff,#00b8db);height:100%;width:var(--completion)}.card-left .placeholders{display:flex;gap:8px;justify-content:center}.card-left .placeholder{font-size:1.25rem;border-radius:10px;border:2px dashed #cdd1d9;background:#f4f5f7;width:64px;height:80px;text-align:center;display:flex;align-items:center;justify-content:center;font-weight:700}.card-left .letters-and-back{display:flex;gap:8px;justify-content:center;cursor:pointer;margin:16px 0}.card-left .letter{padding-block:16px;border-radius:10px;background:#155dfc;color:#fff;font-size:1.25rem;font-weight:700;text-align:center}.card-left .letter:hover{background:#155dfcdd}.card-left .letter[aria-disabled=true]{background:#155dfc50}.card-left .backspace,.card-left .backspace:hover,.card-left .backspace[aria-disabled=true]{background:#f4f5f7}.card-left .backspace[aria-disabled=true] img{opacity:.5}.card-left .validate{width:100%;font-weight:700;font-size:1rem;margin-bottom:24px}.card-right{display:flex;flex-direction:column}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;overflow-y:auto;max-height:300px}.results li{list-style:none;border-radius:10px;border:2px solid #2c75ff;background:#eaf1ff;padding:15px 0;text-align:center;font-weight:700}div[role=heading]{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:24px}button{border:none;border-radius:10px;flex:1;cursor:pointer}', De = /* @__PURE__ */ se(Te, [["styles", [Ae]]]);
|
|
229
|
+
B.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/fr.json": ce }));
|
|
230
|
+
const D = oe(De, {
|
|
230
231
|
configureApp(d) {
|
|
231
232
|
B.changeLanguage(document?.documentElement?.lang || navigator.language), d.use(B);
|
|
232
233
|
}
|
|
233
234
|
});
|
|
234
|
-
|
|
235
|
+
D.prototype.normalizeProps = (d) => ({
|
|
235
236
|
...d,
|
|
236
|
-
titleLevel:
|
|
237
|
+
titleLevel: le(d.titleLevel)
|
|
237
238
|
});
|
|
238
|
-
window.customElements.define("pix-combinaisons",
|
|
239
|
+
window.customElements.define("pix-combinaisons", D);
|