@1024pix/epreuves-components 4.2.0 → 4.3.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/Button.ce-Dvxeebpx.js +31 -0
- package/dist/{ButtonTooltip.ce-BnJlaEqx.js → ButtonTooltip.ce-WwOarMJq.js} +1 -1
- package/dist/Cross.ce.vue_vue_type_script_setup_true_lang-DVLRq2sO.js +53 -0
- package/dist/Feedback.ce-CnZRBGWf.js +26 -0
- package/dist/{FocusManager.ce-DHXwg6WZ.js → FocusManager.ce-Cv3wYF9s.js} +2 -2
- package/dist/{LLMMessage.ce-jLEqjxsl.js → LLMMessage.ce-B7EwoHy2.js} +4 -4
- package/dist/{Loading.ce-DDtlSLlu.js → Loading.ce-Dv2gEjXm.js} +1 -1
- package/dist/{NavigationButton.ce-BnnVUwGr.js → NavigationButton.ce-D8_YC96l.js} +2 -2
- package/dist/{PixMailMessage.ce-oCccQFGV.js → PixMailMessage.ce-TnjyOfiH.js} +141 -137
- package/dist/{Popin.ce-Co12R3C8.js → Popin.ce-BPnBZykQ.js} +3 -3
- package/dist/{Retry-C7C78Wpj.js → Retry-C3g7zhz8.js} +1 -1
- package/dist/{Stepper.ce-Dttf3Dsf.js → Stepper.ce-DEMN02yr.js} +1 -1
- package/dist/{_plugin-vue_export-helper-B-lVMTio.js → _plugin-vue_export-helper-Dz58mCLm.js} +4 -4
- package/dist/components/analyse-mails-phishing.ce.js.js +9 -8
- package/dist/components/button.ce.js.js +4 -0
- package/dist/components/calcul-impact.ce.js.js +8 -8
- package/dist/components/capacity-calculation.ce.js.js +124 -137
- package/dist/components/clickable-image.ce.js.js +1 -1
- package/dist/components/complete-phrase.ce.js.js +12 -12
- package/dist/components/feedback.ce.js.js +4 -0
- package/dist/components/flip-cards.ce.js.js +7 -7
- 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 +3 -3
- package/dist/components/llm-messages.ce.js.js +3 -3
- package/dist/components/llm-prompt-select.ce.js.js +6 -6
- package/dist/components/mdp-classement.ce.js.js +20 -19
- package/dist/components/message-conversation.ce.js.js +10 -10
- package/dist/components/mobile-shell.ce.js.js +1 -1
- package/dist/components/phishing-message.ce.js.js +60 -61
- package/dist/components/phishing-notification.ce.js.js +4 -4
- package/dist/components/pix-anonymisation.ce.js.js +63 -64
- package/dist/components/pix-article.ce.js.js +2 -2
- package/dist/components/pix-carousel.ce.js.js +4 -4
- package/dist/components/pix-combinaisons.ce.js.js +96 -96
- package/dist/components/pix-cursor.ce.js.js +10 -10
- package/dist/components/pix-mail-message.ce.js.js +3 -3
- package/dist/components/proteger-mail-spam.ce.js.js +15 -14
- package/dist/components/qcm-deepfake.ce.js.js +41 -41
- package/dist/components/quiz-stepper.ce.js.js +30 -29
- package/dist/components/select-conversation.ce.js.js +6 -6
- package/dist/components/template-mail.ce.js.js +3 -3
- package/dist/components/test-top-mdp.ce.js.js +11 -12
- package/dist/components/trouver-mdp-rs.ce.js.js +97 -96
- package/dist/components/usages-donnees.ce.js.js +183 -0
- package/dist/{i18n-CsT7k7zW.js → i18n-H4HokXDX.js} +1 -1
- package/dist/{i18n-lite-BIJ2LVs6.js → i18n-lite-CzqISEWm.js} +1 -1
- package/dist/{image-quiz.ce-B4NDetit.js → image-quiz.ce-C-iI27gD.js} +2 -2
- package/dist/{index-BaI3Qosp.js → index-BUPiE5WR.js} +1 -1
- package/dist/index.js +2 -1
- package/dist/metadata.js +11 -7
- package/dist/props.examples.js +36 -33
- package/dist/schema.js +38 -29
- package/dist/{shadow-dom-Bouq869n.js → shadow-dom-D54WF-WZ.js} +1 -1
- package/package.json +1 -1
- package/dist/Button.ce-DZ8jDtW5.js +0 -27
- package/dist/Cross.ce.vue_vue_type_script_setup_true_lang-l4hAa4eW.js +0 -75
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { b as d, o as n, c as l, a as t, x as i, F as o, e as u, g as m, _ as f, d as v } from "../_plugin-vue_export-helper-
|
|
2
|
-
import { a as p, i as r, b } from "../i18n-
|
|
1
|
+
import { b as d, o as n, c as l, a as t, x as i, F as o, e as u, g as m, _ as f, d as v } from "../_plugin-vue_export-helper-Dz58mCLm.js";
|
|
2
|
+
import { a as p, i as r, b } from "../i18n-H4HokXDX.js";
|
|
3
3
|
import { a as s, b as y } from "../normalize-props-DH0oPBss.js";
|
|
4
4
|
const S = {}, x = {}, j = {}, A = {}, L = {}, H = {
|
|
5
5
|
"pix-article": { byAuthor: "Par {{author}}" }
|
|
@@ -1,7 +1,7 @@
|
|
|
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,
|
|
2
|
-
import { a as ie, i as E, b as te } from "../i18n-
|
|
3
|
-
import { N as I } from "../NavigationButton.ce-
|
|
4
|
-
import { B as H } from "../ButtonTooltip.ce-
|
|
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, B as P, x as b, v as f, l as B, _ as C, r as T, h as K, z as j, D as y, s as Q, E as $, F as z, e as M, f as R, d as ee } from "../_plugin-vue_export-helper-Dz58mCLm.js";
|
|
2
|
+
import { a as ie, i as E, b as te } from "../i18n-H4HokXDX.js";
|
|
3
|
+
import { N as I } from "../NavigationButton.ce-D8_YC96l.js";
|
|
4
|
+
import { B as H } from "../ButtonTooltip.ce-WwOarMJq.js";
|
|
5
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" }
|
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
import { b as
|
|
2
|
-
import { u as
|
|
3
|
-
import { B as P } from "../Button.ce-
|
|
4
|
-
import { P as
|
|
5
|
-
import { p as
|
|
6
|
-
import { b as
|
|
7
|
-
const
|
|
1
|
+
import { b as X, h as S, K as Y, o as u, c as f, a as e, D as _, E as m, B as b, x as s, z as A, F as L, e as B, f as ee, l as te, m as ae, r as h, g as i, n as se, _ as oe, d as ie } from "../_plugin-vue_export-helper-Dz58mCLm.js";
|
|
2
|
+
import { u as ne, i as V } from "../i18n-lite-CzqISEWm.js";
|
|
3
|
+
import { B as P } from "../Button.ce-Dvxeebpx.js";
|
|
4
|
+
import { P as le } from "../Popin.ce-BPnBZykQ.js";
|
|
5
|
+
import { p as re } from "../shadow-dom-D54WF-WZ.js";
|
|
6
|
+
import { b as ce } from "../normalize-props-DH0oPBss.js";
|
|
7
|
+
const de = {}, pe = {}, ue = {}, be = {}, fe = {}, me = {
|
|
8
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" }
|
|
9
|
-
},
|
|
9
|
+
}, ve = {}, ge = {}, E = "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", he = "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", xe = { class: "stepper" }, Ce = ["aria-hidden"], _e = { class: "character-value" }, ye = { class: "sr-only" }, we = { class: "character-info" }, ke = ["aria-hidden"], je = { class: "character-value" }, Le = { class: "sr-only" }, Be = { class: "character-info" }, Pe = { class: "cards" }, Ve = { class: "card card-left" }, $e = ["aria-level"], ze = ["src"], Te = {
|
|
10
10
|
class: "sr-only",
|
|
11
11
|
"aria-live": "polite"
|
|
12
|
-
},
|
|
12
|
+
}, Se = {
|
|
13
13
|
class: "placeholders",
|
|
14
14
|
id: "letters",
|
|
15
15
|
"aria-live": "polite"
|
|
16
|
-
},
|
|
16
|
+
}, Ae = { class: "letters-and-back" }, Ee = ["src"], De = {
|
|
17
17
|
key: 0,
|
|
18
18
|
class: "doublon-feedback",
|
|
19
19
|
"aria-live": "polite"
|
|
20
|
-
},
|
|
20
|
+
}, Me = { class: "card card-right" }, Fe = ["aria-level"], Ne = ["src"], Re = ["aria-live"], Ie = /* @__PURE__ */ X({
|
|
21
21
|
__name: "PixCombinaisons.ce",
|
|
22
22
|
props: {
|
|
23
23
|
wontWait: { type: Boolean, default: !1 },
|
|
24
24
|
titleLevel: { default: 2, type: Number }
|
|
25
25
|
},
|
|
26
|
-
setup(d, { expose:
|
|
27
|
-
|
|
28
|
-
const { t: r } =
|
|
26
|
+
setup(d, { expose: M }) {
|
|
27
|
+
re();
|
|
28
|
+
const { t: r } = ne(), F = S("combination"), $ = S("wrapper"), n = h([]), x = h(!1), c = h([]), p = h(1), w = h(!1), y = h(!1), N = i(() => n.value.length === C.value.length || v.value), R = i(() => n.value.length === 0 || v.value), I = i(() => n.value.length !== C.value.length && !v.value || y.value), v = i(() => c.value.length >= 7), k = [["A", "B"], ["A", "B", "C"]], C = i(() => k[p.value - 1]), q = i(() => c.value.length === j.value.length && !w.value), H = i(() => p.value === 1 ? {
|
|
29
29
|
title: r("pix-combinaisons.fourPasswords"),
|
|
30
30
|
content: r("pix-combinaisons.easilyTestable"),
|
|
31
31
|
textButton: r("pix-combinaisons.next")
|
|
@@ -33,100 +33,100 @@ const ce = {}, de = {}, pe = {}, ue = {}, be = {}, fe = {
|
|
|
33
33
|
title: r("pix-combinaisons.soManyPasswords"),
|
|
34
34
|
content: r("pix-combinaisons.feedbackSoManyPasswords"),
|
|
35
35
|
textButton: r("pix-combinaisons.completed")
|
|
36
|
-
}),
|
|
37
|
-
function
|
|
36
|
+
}), O = i(() => v.value ? r("pix-combinaisons.displayAllCombinations") : r("pix-combinaisons.validate")), Z = i(() => v.value ? r("pix-combinaisons.displayAllCombinations") : r("pix-combinaisons.ariaValidate")), z = i(() => `${(c.value.length * 100 / j.value.length).toFixed(0)}%`), W = i(() => `${p.value === 1 ? "50" : "100"}%`), j = i(() => T(C.value));
|
|
37
|
+
function G() {
|
|
38
38
|
n.value = [], x.value = !1, c.value = [], p.value = 1, w.value = !1, y.value = !1;
|
|
39
39
|
}
|
|
40
|
-
function
|
|
40
|
+
function T(t, o = t) {
|
|
41
41
|
const l = [];
|
|
42
|
-
for (let
|
|
43
|
-
for (let g = 0; g <
|
|
44
|
-
l.push(`${t[
|
|
45
|
-
return l[0].length !==
|
|
42
|
+
for (let a = 0; a < t.length; a++)
|
|
43
|
+
for (let g = 0; g < o.length; g++)
|
|
44
|
+
l.push(`${t[a]}${o[g]}`);
|
|
45
|
+
return l[0].length !== o.length ? T(l, t) : l;
|
|
46
46
|
}
|
|
47
|
-
async function
|
|
47
|
+
async function K() {
|
|
48
48
|
if (p.value === 2) {
|
|
49
49
|
w.value = !0;
|
|
50
50
|
return;
|
|
51
51
|
}
|
|
52
|
-
n.value = [], x.value = !1, c.value = [], await
|
|
52
|
+
n.value = [], x.value = !1, c.value = [], await se(), $.value.focus(), p.value = 2;
|
|
53
53
|
}
|
|
54
|
-
function
|
|
54
|
+
function Q(t) {
|
|
55
55
|
n.value.push(t);
|
|
56
56
|
}
|
|
57
|
-
async function
|
|
57
|
+
async function U() {
|
|
58
58
|
if (v.value) {
|
|
59
59
|
y.value = !0;
|
|
60
|
-
const
|
|
61
|
-
for (const l of
|
|
62
|
-
c.value.push(l),
|
|
60
|
+
const o = j.value.filter((l) => !c.value.includes(l));
|
|
61
|
+
for (const l of o)
|
|
62
|
+
c.value.push(l), F.value.at(-1).scrollIntoView({ block: "end", behavior: "smooth" }), d.wontWait || await new Promise((a) => setTimeout(a, 200));
|
|
63
63
|
return;
|
|
64
64
|
}
|
|
65
65
|
const t = n.value.join("");
|
|
66
|
-
if (
|
|
66
|
+
if (J(c.value, t)) {
|
|
67
67
|
x.value = !0, n.value = [];
|
|
68
68
|
return;
|
|
69
69
|
}
|
|
70
70
|
c.value.push(t), n.value = [], x.value = !1;
|
|
71
71
|
}
|
|
72
|
-
function
|
|
73
|
-
return t.includes(
|
|
72
|
+
function J(t, o) {
|
|
73
|
+
return t.includes(o);
|
|
74
74
|
}
|
|
75
|
-
return
|
|
76
|
-
reset:
|
|
77
|
-
}), (t,
|
|
78
|
-
const l =
|
|
75
|
+
return M({
|
|
76
|
+
reset: G
|
|
77
|
+
}), (t, o) => {
|
|
78
|
+
const l = Y("i18n");
|
|
79
79
|
return u(), f("div", {
|
|
80
80
|
ref_key: "wrapper",
|
|
81
|
-
ref:
|
|
81
|
+
ref: $,
|
|
82
82
|
class: "wrapper",
|
|
83
83
|
tabindex: "-1"
|
|
84
84
|
}, [
|
|
85
|
-
e("div",
|
|
85
|
+
e("div", xe, [
|
|
86
86
|
e("div", {
|
|
87
87
|
class: "character",
|
|
88
88
|
"aria-hidden": p.value !== 1
|
|
89
89
|
}, [
|
|
90
|
-
e("p",
|
|
90
|
+
e("p", _e, [
|
|
91
91
|
_(l, { t: "pix-combinaisons.currentStep" }, {
|
|
92
92
|
step: m(() => [
|
|
93
|
-
e("span",
|
|
93
|
+
e("span", ye, s(t.$t("pix-combinaisons.step")), 1)
|
|
94
94
|
]),
|
|
95
|
-
number: m(() => [...
|
|
95
|
+
number: m(() => [...o[1] || (o[1] = [
|
|
96
96
|
b("1", -1)
|
|
97
97
|
])]),
|
|
98
98
|
_: 1
|
|
99
99
|
})
|
|
100
100
|
]),
|
|
101
|
-
e("p",
|
|
102
|
-
b(
|
|
103
|
-
|
|
101
|
+
e("p", we, [
|
|
102
|
+
b(s(t.$t("pix-combinaisons.numberOfChars", { number: 2 })), 1),
|
|
103
|
+
e("span", null, "(" + s(k[0].join(",")) + ")", 1)
|
|
104
104
|
])
|
|
105
|
-
], 8,
|
|
105
|
+
], 8, Ce),
|
|
106
106
|
e("div", {
|
|
107
107
|
class: "stepper-bar",
|
|
108
|
-
style:
|
|
108
|
+
style: A({ "--step-progression": W.value })
|
|
109
109
|
}, null, 4),
|
|
110
110
|
e("div", {
|
|
111
111
|
class: "character",
|
|
112
112
|
"aria-hidden": p.value !== 2
|
|
113
113
|
}, [
|
|
114
|
-
e("p",
|
|
114
|
+
e("p", je, [
|
|
115
115
|
_(l, { t: "pix-combinaisons.currentStep" }, {
|
|
116
116
|
step: m(() => [
|
|
117
|
-
e("span",
|
|
117
|
+
e("span", Le, s(t.$t("pix-combinaisons.step")), 1)
|
|
118
118
|
]),
|
|
119
|
-
number: m(() => [...
|
|
119
|
+
number: m(() => [...o[2] || (o[2] = [
|
|
120
120
|
b("2", -1)
|
|
121
121
|
])]),
|
|
122
122
|
_: 1
|
|
123
123
|
})
|
|
124
124
|
]),
|
|
125
|
-
e("p",
|
|
126
|
-
b(
|
|
127
|
-
|
|
125
|
+
e("p", Be, [
|
|
126
|
+
b(s(t.$t("pix-combinaisons.numberOfChars", { number: 3 })), 1),
|
|
127
|
+
e("span", null, "(" + s(k[1].join(",")) + ")", 1)
|
|
128
128
|
])
|
|
129
|
-
], 8,
|
|
129
|
+
], 8, ke)
|
|
130
130
|
]),
|
|
131
131
|
e("div", Pe, [
|
|
132
132
|
e("section", Ve, [
|
|
@@ -137,103 +137,103 @@ const ce = {}, de = {}, pe = {}, ue = {}, be = {}, fe = {
|
|
|
137
137
|
}, [
|
|
138
138
|
e("img", {
|
|
139
139
|
alt: "",
|
|
140
|
-
src:
|
|
141
|
-
}, null, 8,
|
|
142
|
-
b(" " +
|
|
143
|
-
], 8,
|
|
144
|
-
e("p", null,
|
|
140
|
+
src: E
|
|
141
|
+
}, null, 8, ze),
|
|
142
|
+
b(" " + s(t.$t("pix-combinaisons.findCombinations")), 1)
|
|
143
|
+
], 8, $e),
|
|
144
|
+
e("p", null, s(t.$t("pix-combinaisons.progression")), 1),
|
|
145
145
|
e("div", {
|
|
146
146
|
class: "progress-bar",
|
|
147
|
-
style:
|
|
147
|
+
style: A({ "--completion": z.value })
|
|
148
148
|
}, null, 4),
|
|
149
|
-
e("p",
|
|
150
|
-
e("div",
|
|
151
|
-
(u(!0), f(
|
|
149
|
+
e("p", Te, s(t.$t("pix-combinaisons.completionState", { percent: z.value })), 1),
|
|
150
|
+
e("div", Se, [
|
|
151
|
+
(u(!0), f(L, null, B(C.value.length, (a, g) => (u(), f("p", {
|
|
152
152
|
class: "placeholder",
|
|
153
|
-
key:
|
|
154
|
-
},
|
|
153
|
+
key: a
|
|
154
|
+
}, s(n.value[g]), 1))), 128))
|
|
155
155
|
]),
|
|
156
|
-
e("div",
|
|
157
|
-
(u(!0), f(
|
|
158
|
-
"is-disabled":
|
|
156
|
+
e("div", Ae, [
|
|
157
|
+
(u(!0), f(L, null, B(C.value, (a) => (u(), ee(P, {
|
|
158
|
+
"is-disabled": N.value,
|
|
159
159
|
class: "letter",
|
|
160
|
-
onClick: (g) =>
|
|
161
|
-
key:
|
|
160
|
+
onClick: (g) => Q(a),
|
|
161
|
+
key: a,
|
|
162
162
|
"aria-controls": "letters"
|
|
163
163
|
}, {
|
|
164
164
|
default: m(() => [
|
|
165
|
-
b(
|
|
165
|
+
b(s(a), 1)
|
|
166
166
|
]),
|
|
167
167
|
_: 2
|
|
168
168
|
}, 1032, ["is-disabled", "onClick"]))), 128)),
|
|
169
169
|
_(P, {
|
|
170
|
-
"is-disabled":
|
|
170
|
+
"is-disabled": R.value,
|
|
171
171
|
class: "backspace",
|
|
172
|
-
onClick:
|
|
172
|
+
onClick: o[0] || (o[0] = (a) => n.value.pop()),
|
|
173
173
|
"aria-label": t.$t("pix-combinaisons.backspace")
|
|
174
174
|
}, {
|
|
175
175
|
default: m(() => [
|
|
176
176
|
e("img", {
|
|
177
|
-
src:
|
|
177
|
+
src: he,
|
|
178
178
|
alt: ""
|
|
179
|
-
}, null, 8,
|
|
179
|
+
}, null, 8, Ee)
|
|
180
180
|
]),
|
|
181
181
|
_: 1
|
|
182
182
|
}, 8, ["is-disabled", "aria-label"])
|
|
183
183
|
]),
|
|
184
184
|
_(P, {
|
|
185
185
|
class: "validate",
|
|
186
|
-
"is-disabled":
|
|
187
|
-
onClick:
|
|
188
|
-
"aria-label":
|
|
186
|
+
"is-disabled": I.value,
|
|
187
|
+
onClick: U,
|
|
188
|
+
"aria-label": Z.value,
|
|
189
189
|
"aria-describedby": "letters"
|
|
190
190
|
}, {
|
|
191
191
|
default: m(() => [
|
|
192
|
-
b(
|
|
192
|
+
b(s(O.value), 1)
|
|
193
193
|
]),
|
|
194
194
|
_: 1
|
|
195
195
|
}, 8, ["is-disabled", "aria-label"]),
|
|
196
|
-
x.value ? (u(), f("p",
|
|
196
|
+
x.value ? (u(), f("p", De, s(t.$t("pix-combinaisons.combinationAlreadyTried")), 1)) : te("", !0)
|
|
197
197
|
]),
|
|
198
|
-
e("section",
|
|
198
|
+
e("section", Me, [
|
|
199
199
|
e("div", {
|
|
200
200
|
role: "heading",
|
|
201
201
|
"aria-level": d.titleLevel + 1
|
|
202
202
|
}, [
|
|
203
203
|
e("img", {
|
|
204
204
|
alt: "",
|
|
205
|
-
src:
|
|
206
|
-
}, null, 8,
|
|
207
|
-
b(" " +
|
|
208
|
-
], 8,
|
|
205
|
+
src: E
|
|
206
|
+
}, null, 8, Ne),
|
|
207
|
+
b(" " + s(t.$t("pix-combinaisons.discoverCombinations")), 1)
|
|
208
|
+
], 8, Fe),
|
|
209
209
|
e("ul", {
|
|
210
210
|
class: "results",
|
|
211
211
|
"aria-live": y.value ? "polite" : "off"
|
|
212
212
|
}, [
|
|
213
|
-
(u(!0), f(
|
|
213
|
+
(u(!0), f(L, null, B(c.value, (a) => (u(), f("li", {
|
|
214
214
|
ref_for: !0,
|
|
215
215
|
ref: "combination",
|
|
216
|
-
key:
|
|
217
|
-
},
|
|
218
|
-
], 8,
|
|
216
|
+
key: a
|
|
217
|
+
}, s(a), 1))), 128))
|
|
218
|
+
], 8, Re)
|
|
219
219
|
])
|
|
220
220
|
]),
|
|
221
|
-
_(
|
|
222
|
-
show:
|
|
223
|
-
onPrimaryAction:
|
|
221
|
+
_(le, ae(H.value, {
|
|
222
|
+
show: q.value,
|
|
223
|
+
onPrimaryAction: K
|
|
224
224
|
}), null, 16, ["show"])
|
|
225
225
|
], 512);
|
|
226
226
|
};
|
|
227
227
|
}
|
|
228
|
-
}),
|
|
229
|
-
V.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json":
|
|
230
|
-
const
|
|
228
|
+
}), qe = '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 0}.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}', He = /* @__PURE__ */ oe(Ie, [["styles", [qe]]]);
|
|
229
|
+
V.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": de, "./locales/en.json": pe, "./locales/es-419.json": ue, "./locales/es.json": be, "./locales/fr-BE.json": fe, "./locales/fr.json": me, "./locales/it.json": ve, "./locales/nl.json": ge }));
|
|
230
|
+
const D = ie(He, {
|
|
231
231
|
configureApp(d) {
|
|
232
232
|
V.changeLanguage(document?.documentElement?.lang || navigator.language), d.use(V);
|
|
233
233
|
}
|
|
234
234
|
});
|
|
235
|
-
|
|
235
|
+
D.prototype.normalizeProps = (d) => ({
|
|
236
236
|
...d,
|
|
237
|
-
titleLevel:
|
|
237
|
+
titleLevel: ce(d.titleLevel)
|
|
238
238
|
});
|
|
239
|
-
window.customElements.define("pix-combinaisons",
|
|
239
|
+
window.customElements.define("pix-combinaisons", D);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { b as
|
|
2
|
-
import { a as K, i as w, b as Q } from "../i18n-
|
|
3
|
-
import { N as j } from "../NavigationButton.ce-
|
|
1
|
+
import { b as A, r as y, s as k, K as B, o as a, c as i, a as r, v as d, x as u, F as f, e as b, H, Q as S, D as g, t as C, E as L, l as D, y as F, g as m, _ as P, d as G } from "../_plugin-vue_export-helper-Dz58mCLm.js";
|
|
2
|
+
import { a as K, i as w, b as Q } from "../i18n-H4HokXDX.js";
|
|
3
|
+
import { N as j } from "../NavigationButton.ce-D8_YC96l.js";
|
|
4
4
|
const R = {}, U = {}, q = {}, J = {}, W = {}, X = {
|
|
5
5
|
"pix-cursor": { confirm: "Valider", next: "Suivant", previous: "Précédent", selectAnOption: "Sélectionnez une option", youHaveChosen: "Vous avez choisi : { choice }" }
|
|
6
6
|
}, Y = {}, Z = {}, ee = ["for"], oe = {
|
|
@@ -12,7 +12,7 @@ const R = {}, U = {}, q = {}, J = {}, W = {}, X = {
|
|
|
12
12
|
}, ue = {
|
|
13
13
|
key: 0,
|
|
14
14
|
class: "confirm"
|
|
15
|
-
}, pe = ["innerHTML", "aria-hidden"], ve = /* @__PURE__ */
|
|
15
|
+
}, pe = ["innerHTML", "aria-hidden"], ve = /* @__PURE__ */ A({
|
|
16
16
|
__name: "PixCursor.ce",
|
|
17
17
|
props: {
|
|
18
18
|
options: { type: Array }
|
|
@@ -31,13 +31,13 @@ const R = {}, U = {}, q = {}, J = {}, W = {}, X = {
|
|
|
31
31
|
function x(l) {
|
|
32
32
|
o.value || (s.value = l);
|
|
33
33
|
}
|
|
34
|
-
function
|
|
34
|
+
function E() {
|
|
35
35
|
o.value = !1, s.value = Math.floor(p.options.length / 2);
|
|
36
36
|
}
|
|
37
37
|
return M({
|
|
38
|
-
reset:
|
|
38
|
+
reset: E
|
|
39
39
|
}), (l, h) => {
|
|
40
|
-
const
|
|
40
|
+
const O = B("i18next");
|
|
41
41
|
return a(), i("form", {
|
|
42
42
|
class: "pix-cursor",
|
|
43
43
|
onSubmit: F(T, ["prevent"])
|
|
@@ -49,13 +49,13 @@ const R = {}, U = {}, q = {}, J = {}, W = {}, X = {
|
|
|
49
49
|
}, u(l.$t("pix-cursor.selectAnOption")), 9, ee),
|
|
50
50
|
r("ul", oe, [
|
|
51
51
|
(a(!0), i(f, null, b(n.options, (t, e) => (a(), i("li", {
|
|
52
|
-
onClick: (
|
|
52
|
+
onClick: (V) => x(e),
|
|
53
53
|
key: e
|
|
54
54
|
}, u(t.label), 9, te))), 128))
|
|
55
55
|
]),
|
|
56
56
|
r("datalist", { id: d(_) }, [
|
|
57
57
|
(a(!0), i(f, null, b(n.options, (t, e) => (a(), i("option", {
|
|
58
|
-
onClick: (
|
|
58
|
+
onClick: (V) => x(e),
|
|
59
59
|
key: e,
|
|
60
60
|
value: e,
|
|
61
61
|
label: t.label
|
|
@@ -91,7 +91,7 @@ const R = {}, U = {}, q = {}, J = {}, W = {}, X = {
|
|
|
91
91
|
}),
|
|
92
92
|
"aria-hidden": e !== c.value
|
|
93
93
|
}, [
|
|
94
|
-
g(
|
|
94
|
+
g(O, {
|
|
95
95
|
translation: l.$t("pix-cursor.youHaveChosen")
|
|
96
96
|
}, {
|
|
97
97
|
choice: L(() => [
|
|
@@ -1,7 +1,7 @@
|
|
|
1
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
|
-
import { d as m } from "../_plugin-vue_export-helper-
|
|
3
|
-
import { i as e } from "../i18n-lite-
|
|
4
|
-
import { P as c } from "../PixMailMessage.ce-
|
|
2
|
+
import { d as m } from "../_plugin-vue_export-helper-Dz58mCLm.js";
|
|
3
|
+
import { i as e } from "../i18n-lite-CzqISEWm.js";
|
|
4
|
+
import { P as c } from "../PixMailMessage.ce-TnjyOfiH.js";
|
|
5
5
|
e.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": g, "./locales/en.json": t, "./locales/es-419.json": i, "./locales/es.json": n, "./locales/fr-BE.json": l, "./locales/fr.json": a, "./locales/it.json": _, "./locales/nl.json": o }));
|
|
6
6
|
const r = m(c, {
|
|
7
7
|
configureApp(s) {
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import { b as T, h as k, o as l, c as N, a as o, x as u,
|
|
2
|
-
import { u as V, i as b } from "../i18n-lite-
|
|
3
|
-
import { S as D } from "../Stepper.ce-
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
1
|
+
import { b as T, h as k, o as l, c as N, a as o, x as u, D as f, t as M, f as p, E as g, l as y, B as F, v as d, r as v, g as s, n as S, _ as O, d as $ } from "../_plugin-vue_export-helper-Dz58mCLm.js";
|
|
2
|
+
import { u as V, i as b } from "../i18n-lite-CzqISEWm.js";
|
|
3
|
+
import { S as D } from "../Stepper.ce-DEMN02yr.js";
|
|
4
|
+
import { F as I } from "../Feedback.ce-CnZRBGWf.js";
|
|
5
|
+
import { _ as K, a as G } from "../Cross.ce.vue_vue_type_script_setup_true_lang-DVLRq2sO.js";
|
|
6
|
+
import { P as H } from "../Popin.ce-BPnBZykQ.js";
|
|
7
|
+
import { B as J } from "../Button.ce-Dvxeebpx.js";
|
|
8
|
+
import { P as Q } from "../PixMailMessage.ce-TnjyOfiH.js";
|
|
9
|
+
import { p as U } from "../shadow-dom-D54WF-WZ.js";
|
|
9
10
|
import { u as w, a as W, b as X } from "../normalize-props-DH0oPBss.js";
|
|
10
11
|
const Y = {}, Z = {}, ee = {}, te = {}, ne = {}, ae = {
|
|
11
12
|
"proteger-mail-spam": { step: "Étape {{step}} sur {{totalStep}}", mailRecipent: "À moi", nextStepButton: "Continuer", successPopin: { title: "Se protéger, mais protéger aussi les autres.", content: "Dans le prochain exemple, l’interface dispose d'avantage de possibilités.", buttonLabel: "Suivant" }, feedback: { titleOk: "Bonne décision", titleKo: "Mauvais choix", step1: { reply: "Répondre confirme votre adresse mail et peut encourager l’escroc. Sélectionnez une autre action de l’interface pour vous protéger de cet expéditeur.", forward: "Transférer ce message expose quelqu’un d’autre à l’arnaque, et ne vous empêche pas de recevoir d’autres mails de cet expéditeur. Sélectionnez une autre action de l’interface pour vous protéger de cet expéditeur.", delete: "Supprimer ce message ne vous empêche pas d’en recevoir d’autres de cet expéditeur. Sélectionnez une autre action de l’interface pour vous protéger de cet expéditeur.", blockSender: "En choisissant de bloquer l’expéditeur, vous ne recevrez plus de message de cet expéditeur." }, step2: { reply: "Répondre valide votre adresse mail et ne vous permet ni de vous protéger, ni de protéger les autres de cet escroc. Sélectionnez une autre action de l’interface pour protéger tous les utilisateurs.", forward: "Transférer ce message expose quelqu’un d’autre à l’arnaque. Sélectionnez une autre action de l’interface pour protéger tous les utilisateurs.", delete: "Supprimer ce message ne vous permet ni de vous protéger, ni de protéger les autres de cet escroc. Sélectionnez une autre action de l’interface pour protéger tous les utilisateurs.", blockSender: "En choisissant de bloquer l’expéditeur, vous vous protégez de cet escroc mais vous ne protégez pas les autres. Sélectionnez une autre action de l’interface pour protéger tous les utilisateurs.", reportSpam: " En signalant ce message, vous vous protégez et vous contribuez à la protection des autres, car cela améliore les filtres anti-spam de tous les utilisateurs." } } }
|
|
@@ -22,7 +23,7 @@ const Y = {}, Z = {}, ee = {}, te = {}, ne = {}, ae = {
|
|
|
22
23
|
setup(n, { expose: m }) {
|
|
23
24
|
const { t: e } = V();
|
|
24
25
|
U();
|
|
25
|
-
const t = v(0), a = v(""), c = v(!1), P = k("continue-button"),
|
|
26
|
+
const t = v(0), a = v(""), c = v(!1), P = k("continue-button"), B = k("container"), i = s(() => n.steps.at(t.value)), r = s(() => i.value.goodAction === a.value), _ = s(() => t.value === n.steps.length - 1), C = s(() => a.value ? e(`proteger-mail-spam.feedback.step${t.value + 1}.${a.value}`) : ""), j = s(() => r.value ? e("proteger-mail-spam.feedback.titleOk") : e("proteger-mail-spam.feedback.titleKo")), q = s(() => r.value ? {
|
|
26
27
|
return: "disabled",
|
|
27
28
|
reply: "disabled",
|
|
28
29
|
forward: "disabled",
|
|
@@ -35,7 +36,7 @@ const Y = {}, Z = {}, ee = {}, te = {}, ne = {}, ae = {
|
|
|
35
36
|
a.value = h, await S(), r.value && !_.value && P.value?.buttonElement.focus();
|
|
36
37
|
}
|
|
37
38
|
async function L() {
|
|
38
|
-
t.value += 1, a.value = "", await S(),
|
|
39
|
+
t.value += 1, a.value = "", await S(), B.value.focus();
|
|
39
40
|
}
|
|
40
41
|
async function R() {
|
|
41
42
|
await L(), c.value = !1;
|
|
@@ -65,23 +66,23 @@ const Y = {}, Z = {}, ee = {}, te = {}, ne = {}, ae = {
|
|
|
65
66
|
class: M(["feedback", { "is-hidden": !a.value }]),
|
|
66
67
|
"aria-live": "polite"
|
|
67
68
|
}, [
|
|
68
|
-
a.value ? (l(), p(
|
|
69
|
+
a.value ? (l(), p(I, {
|
|
69
70
|
key: 0,
|
|
70
71
|
title: j.value
|
|
71
72
|
}, {
|
|
72
73
|
icon: g(() => [
|
|
73
|
-
r.value ? (l(), p(
|
|
74
|
+
r.value ? (l(), p(K, {
|
|
74
75
|
key: 0,
|
|
75
76
|
class: "feedback__icon",
|
|
76
77
|
"aria-hiden": "true"
|
|
77
|
-
})) : (l(), p(
|
|
78
|
+
})) : (l(), p(G, {
|
|
78
79
|
key: 1,
|
|
79
80
|
class: "feedback__icon",
|
|
80
81
|
"aria-hiden": "true"
|
|
81
82
|
}))
|
|
82
83
|
]),
|
|
83
84
|
content: g(() => [
|
|
84
|
-
o("p", null, u(
|
|
85
|
+
o("p", null, u(C.value), 1)
|
|
85
86
|
]),
|
|
86
87
|
_: 1
|
|
87
88
|
}, 8, ["title"])) : y("", !0)
|