@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,10 +1,10 @@
|
|
|
1
|
-
import { b, K as
|
|
2
|
-
import { u as H, a as W, i as
|
|
1
|
+
import { b, K as z, o, c as d, F as k, a as t, x as a, v as j, y as N, D as S, W as F, e as y, E as B, l as h, g as u, _ as w, h as _, z as Q, f as C, m as L, J as O, r as x, n as J, d as U } from "../_plugin-vue_export-helper-Dz58mCLm.js";
|
|
2
|
+
import { u as H, a as W, i as M, b as G } from "../i18n-H4HokXDX.js";
|
|
3
3
|
import { b as K } from "../normalize-props-DH0oPBss.js";
|
|
4
4
|
const X = {}, Y = {}, ee = {}, te = {}, ne = {}, se = {
|
|
5
|
-
"phishing-message": {
|
|
5
|
+
"phishing-message": { messagePreviewTitle: "Messagerie :", feedBackQuizTitle: "Qu’avez-vous ressenti en lisant ce message ?", next: "Message suivant", step: "Étape {{step}} sur {{totalStep}}", readMore: "lire la suite", message1: { senderName: "Info ANTAI", content: "{{ boldContent1 }}: amende impayée de 35€. Consultez votre dossier ANTAI avant {{ boldContent2 }} via : {{ linkContent }}", boldContent1: "Retard de paiement", boldContent2: "majoration", linkContent: "dossier-amende-gouv.antai", victory: "Effectivement, avec ce message, l’escroc veut que le lecteur ressente de la peur et un sentiment d’urgence.", loose: "Eh non ! Avec ce message, l’escroc veut que vous ressentiez de la peur et un sentiment d’urgence." }, message2: { senderName: "IMPOT", content: `IMPORTANT : Vous avez un remboursement disponible de 826€.
|
|
6
6
|
Référence 125489 : accédez à votre formulaire de remboursement {{ linkContent }}`, linkContent: "impot.gouv-remboursement.nt", victory: "Effectivement, avec ce message, l’escroc veut que vous ressentiez de l’espoir : recevoir une somme d’argent inattendue.", loose: "Eh non ! Avec ce message, l’escroc veut que vous ressentiez de l’espoir : recevoir une somme d’argent inattendue." }, message3: { senderName: "+33639981542", content: "Salut, c'est ta cousine, j'ai besoin de ton aide, je suis coincée à l'étranger et j'ai perdu mes papiers. Pour pouvoir rentrer, j'ai besoin que tu m'envoies 300€ ici : {{ linkContent }} Il n'y a que toi qui peut m'aider !", linkContent: "http://dT23.bitly.com", victory: "Effectivement, avec ce message, l’escroc veut que vous ressentiez un sentiment d’urgence et de peur pour cette cousine bloquée à l’étranger.", loose: " Eh non, avec ce message, l’escroc veut que vous ressentiez un sentiment d’urgence et de peur pour cette cousine bloquée à l’étranger." } }
|
|
7
|
-
},
|
|
7
|
+
}, ae = {}, oe = {}, ie = "data:image/svg+xml,%3csvg%20width='34'%20height='34'%20viewBox='0%200%2034%2034'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='34'%20height='34'%20rx='8'%20fill='%23E9F3EF'/%3e%3cpath%20d='M8%2025.3451V10.0551C8%209.52465%208.21071%209.01594%208.58579%208.64087C8.96086%208.2658%209.46957%208.05508%2010%208.05508H24C24.5304%208.05508%2025.0391%208.2658%2025.4142%208.64087C25.7893%209.01594%2026%209.52465%2026%2010.0551V20.0551C26%2020.5855%2025.7893%2021.0942%2025.4142%2021.4693C25.0391%2021.8444%2024.5304%2022.0551%2024%2022.0551H12.961C12.6612%2022.0551%2012.3653%2022.1225%2012.0951%2022.2524C11.8249%2022.3822%2011.5874%2022.5711%2011.4%2022.8051L9.069%2025.7191C8.99143%2025.8163%208.88556%2025.887%208.76604%2025.9214C8.64652%2025.9559%208.51926%2025.9523%208.40186%2025.9112C8.28446%2025.8701%208.18273%2025.7936%208.11073%2025.6922C8.03874%2025.5907%208.00005%2025.4695%208%2025.3451Z'%20stroke='%231C825D'%20stroke-width='2'/%3e%3c/svg%3e", re = ["aria-level"], le = { class: "message-page-preview" }, de = { class: "card-wrapper" }, ce = ["src"], pe = ["aria-level"], ge = { key: 0 }, ue = { key: 1 }, he = { class: "sr-only" }, me = { class: "card-wrapper__time" }, ve = /* @__PURE__ */ b({
|
|
8
8
|
__name: "MessagePreview.ce",
|
|
9
9
|
props: {
|
|
10
10
|
senderName: { type: String },
|
|
@@ -20,14 +20,14 @@ const X = {}, Y = {}, ee = {}, te = {}, ne = {}, se = {
|
|
|
20
20
|
setup(e) {
|
|
21
21
|
const { i18next: g } = H(), r = u(() => new Intl.DateTimeFormat(g.language, { timeStyle: "short" }).format());
|
|
22
22
|
return (i, n) => {
|
|
23
|
-
const l =
|
|
24
|
-
return
|
|
23
|
+
const l = z("i18next");
|
|
24
|
+
return o(), d(k, null, [
|
|
25
25
|
t("header", null, [
|
|
26
26
|
t("div", {
|
|
27
27
|
role: "heading",
|
|
28
28
|
"aria-level": e.titleLevel ? e.titleLevel + 1 : 3,
|
|
29
29
|
class: "title-mobile h3"
|
|
30
|
-
},
|
|
30
|
+
}, a(i.$t("phishing-message.messagePreviewTitle")), 9, re)
|
|
31
31
|
]),
|
|
32
32
|
t("main", le, [
|
|
33
33
|
t("div", de, [
|
|
@@ -40,7 +40,7 @@ const X = {}, Y = {}, ee = {}, te = {}, ne = {}, se = {
|
|
|
40
40
|
role: "heading",
|
|
41
41
|
"aria-level": e.titleLevel ? e.titleLevel + 1 : 3,
|
|
42
42
|
class: "card-wrapper__sender h3"
|
|
43
|
-
},
|
|
43
|
+
}, a(e.senderName), 9, pe),
|
|
44
44
|
t("a", {
|
|
45
45
|
href: "#",
|
|
46
46
|
onClick: n[0] || (n[0] = N((c) => i.$emit("open-message"), ["prevent"])),
|
|
@@ -50,14 +50,14 @@ const X = {}, Y = {}, ee = {}, te = {}, ne = {}, se = {
|
|
|
50
50
|
y(e.contentParts, (c) => ({
|
|
51
51
|
name: c.name,
|
|
52
52
|
fn: B(() => [
|
|
53
|
-
c.type === "bold" ? (
|
|
54
|
-
c.type === "link" ? (
|
|
53
|
+
c.type === "bold" ? (o(), d("strong", ge, a(c.content), 1)) : h("", !0),
|
|
54
|
+
c.type === "link" ? (o(), d("span", ue, a(c.content), 1)) : h("", !0)
|
|
55
55
|
])
|
|
56
56
|
}))
|
|
57
57
|
]), 1032, ["translation"]),
|
|
58
|
-
t("span", he,
|
|
58
|
+
t("span", he, a(i.$t("phishing-message.readMore")), 1)
|
|
59
59
|
]),
|
|
60
|
-
t("p", me,
|
|
60
|
+
t("p", me, a(r.value), 1)
|
|
61
61
|
])
|
|
62
62
|
])
|
|
63
63
|
], 64);
|
|
@@ -80,8 +80,8 @@ const X = {}, Y = {}, ee = {}, te = {}, ne = {}, se = {
|
|
|
80
80
|
},
|
|
81
81
|
setup(e) {
|
|
82
82
|
return (g, r) => {
|
|
83
|
-
const i =
|
|
84
|
-
return
|
|
83
|
+
const i = z("i18next");
|
|
84
|
+
return o(), d(k, null, [
|
|
85
85
|
t("header", Ce, [
|
|
86
86
|
t("img", {
|
|
87
87
|
src: j(we),
|
|
@@ -91,23 +91,23 @@ const X = {}, Y = {}, ee = {}, te = {}, ne = {}, se = {
|
|
|
91
91
|
role: "heading",
|
|
92
92
|
"aria-level": e.titleLevel ? e.titleLevel + 1 : 3,
|
|
93
93
|
class: "header1__sender-name h3"
|
|
94
|
-
},
|
|
94
|
+
}, a(e.senderName), 9, _e)
|
|
95
95
|
]),
|
|
96
96
|
t("main", null, [
|
|
97
97
|
t("div", ke, [
|
|
98
|
-
e.title ? (
|
|
98
|
+
e.title ? (o(), d("p", ye, a(e.title), 1)) : h("", !0),
|
|
99
99
|
t("p", null, [
|
|
100
100
|
S(i, { translation: e.content }, F({ _: 2 }, [
|
|
101
101
|
y(e.contentParts, (n) => ({
|
|
102
102
|
name: n.name,
|
|
103
103
|
fn: B(() => [
|
|
104
|
-
n.type === "bold" ? (
|
|
105
|
-
n.type === "link" ? (
|
|
104
|
+
n.type === "bold" ? (o(), d("strong", $e, a(n.content), 1)) : h("", !0),
|
|
105
|
+
n.type === "link" ? (o(), d("a", {
|
|
106
106
|
key: 1,
|
|
107
107
|
href: "#",
|
|
108
108
|
onClick: r[0] || (r[0] = N(() => {
|
|
109
109
|
}, ["prevent"]))
|
|
110
|
-
},
|
|
110
|
+
}, a(n.content), 1)) : h("", !0)
|
|
111
111
|
])
|
|
112
112
|
}))
|
|
113
113
|
]), 1032, ["translation"])
|
|
@@ -117,7 +117,7 @@ const X = {}, Y = {}, ee = {}, te = {}, ne = {}, se = {
|
|
|
117
117
|
], 64);
|
|
118
118
|
};
|
|
119
119
|
}
|
|
120
|
-
}),
|
|
120
|
+
}), Me = ".header[data-v-ab3c2b54]{display:flex;align-items:center;padding:24px 16px 16px;border-radius:32px 32px 0 0;gap:8px;background:#fff;margin:10px 10px 0}.header__sender-name[data-v-ab3c2b54]{color:#122647;font-size:14px;font-weight:700}.card-wrapper[data-v-ab3c2b54]{padding:16px;border-radius:8px;background:#fff;text-align:left}.card-wrapper strong[data-v-ab3c2b54]{font-weight:bolder}.card-wrapper p[data-v-ab3c2b54]{color:#122647;font-size:.875rem;line-height:1.25rem}.card-wrapper .title[data-v-ab3c2b54]{font-weight:700}main[data-v-ab3c2b54]{padding:16px 21px}", ze = /* @__PURE__ */ w(Le, [["styles", [Me]], ["__scopeId", "data-v-ab3c2b54"]]), je = "data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%2010C0%204.47715%204.47715%200%2010%200H30C35.5228%200%2040%204.47715%2040%2010V30C40%2035.5228%2035.5228%2040%2030%2040H10C4.47715%2040%200%2035.5228%200%2030V10Z'%20fill='%23613FDD'/%3e%3cpath%20d='M28.1083%2025L21.4416%2013.3333C21.2962%2013.0768%2021.0854%2012.8635%2020.8307%2012.715C20.576%2012.5666%2020.2864%2012.4884%2019.9916%2012.4884C19.6968%2012.4884%2019.4072%2012.5666%2019.1525%2012.715C18.8978%2012.8635%2018.687%2013.0768%2018.5416%2013.3333L11.8749%2025C11.728%2025.2544%2011.651%2025.5432%2011.6516%2025.8371C11.6523%2026.1309%2011.7306%2026.4194%2011.8786%2026.6732C12.0267%2026.927%2012.2392%2027.1371%2012.4947%2027.2823C12.7501%2027.4275%2013.0394%2027.5026%2013.3333%2027.5H26.6666C26.959%2027.4997%2027.2462%2027.4225%2027.4993%2027.2761C27.7525%2027.1297%2027.9626%2026.9192%2028.1087%2026.6659C28.2548%2026.4126%2028.3316%2026.1253%2028.3316%2025.8329C28.3315%2025.5405%2028.2545%2025.2532%2028.1083%2025Z'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M20%2017.5V20.8333'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M20%2024.1667H20.0083'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", Ne = "data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%2010C0%204.47715%204.47715%200%2010%200H30C35.5228%200%2040%204.47715%2040%2010V30C40%2035.5228%2035.5228%2040%2030%2040H10C4.47715%2040%200%2035.5228%200%2030V10Z'%20fill='%23FFCB33'/%3e%3cpath%20d='M13.3334%2021.6667C13.1757%2021.6672%2013.0211%2021.623%2012.8875%2021.5391C12.7539%2021.4553%2012.6469%2021.3353%2012.5788%2021.193C12.5108%2021.0508%2012.4844%2020.8921%2012.503%2020.7355C12.5215%2020.5789%2012.584%2020.4308%2012.6834%2020.3083L20.9334%2011.8083C20.9953%2011.7369%2021.0796%2011.6886%2021.1725%2011.6714C21.2655%2011.6543%2021.3615%2011.6692%2021.4448%2011.7137C21.5281%2011.7583%2021.5939%2011.8299%2021.6311%2011.9168C21.6684%2012.0036%2021.6751%2012.1005%2021.65%2012.1917L20.05%2017.2083C20.0029%2017.3346%2019.987%2017.4704%2020.0039%2017.6042C20.0207%2017.7379%2020.0698%2017.8656%2020.1468%2017.9762C20.2238%2018.0868%2020.3265%2018.1771%2020.4461%2018.2393C20.5657%2018.3015%2020.6986%2018.3338%2020.8334%2018.3333H26.6667C26.8244%2018.3328%2026.979%2018.377%2027.1126%2018.4608C27.2461%2018.5447%2027.3532%2018.6647%2027.4212%2018.8069C27.4893%2018.9492%2027.5156%2019.1078%2027.4971%2019.2644C27.4786%2019.4211%2027.4161%2019.5692%2027.3167%2019.6917L19.0667%2028.1917C19.0048%2028.2631%2018.9205%2028.3114%2018.8275%2028.3285C18.7346%2028.3457%2018.6386%2028.3308%2018.5553%2028.2862C18.4719%2028.2417%2018.4062%2028.1701%2018.3689%2028.0832C18.3316%2027.9964%2018.325%2027.8995%2018.35%2027.8083L19.95%2022.7917C19.9972%2022.6654%2020.0131%2022.5296%2019.9962%2022.3958C19.9794%2022.2621%2019.9303%2022.1344%2019.8533%2022.0238C19.7763%2021.9132%2019.6736%2021.8229%2019.554%2021.7607C19.4344%2021.6985%2019.3015%2021.6662%2019.1667%2021.6667H13.3334Z'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", Se = "data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%2010C0%204.47715%204.47715%200%2010%200H30C35.5228%200%2040%204.47715%2040%2010V30C40%2035.5228%2035.5228%2040%2030%2040H10C4.47715%2040%200%2035.5228%200%2030V10Z'%20fill='%23D73328'/%3e%3cpath%20d='M20%2012.5C20.5555%2014.7222%2021.6666%2016.5278%2023.3333%2017.9167C25%2019.3056%2025.8333%2020.8333%2025.8333%2022.5C25.8333%2024.0471%2025.2187%2025.5308%2024.1247%2026.6248C23.0308%2027.7188%2021.5471%2028.3333%2020%2028.3333C18.4529%2028.3333%2016.9691%2027.7188%2015.8752%2026.6248C14.7812%2025.5308%2014.1666%2024.0471%2014.1666%2022.5C14.1666%2021.5985%2014.459%2020.7212%2015%2020C15%2020.5525%2015.2195%2021.0824%2015.6102%2021.4731C16.0009%2021.8638%2016.5308%2022.0833%2017.0833%2022.0833C17.6358%2022.0833%2018.1657%2021.8638%2018.5564%2021.4731C18.9471%2021.0824%2019.1666%2020.5525%2019.1666%2020C19.1666%2018.3333%2017.9166%2017.5%2017.9166%2015.8333C17.9166%2014.7222%2018.6111%2013.6111%2020%2012.5Z'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", Fe = "data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%2010C0%204.47715%204.47715%200%2010%200H30C35.5228%200%2040%204.47715%2040%2010V30C40%2035.5228%2035.5228%2040%2030%2040H10C4.47715%2040%200%2035.5228%200%2030V10Z'%20fill='%2300A85A'/%3e%3cg%20clip-path='url(%23clip0_1162_2180)'%3e%3cpath%20d='M19.1808%2012.345C19.2165%2012.1538%2019.318%2011.9812%2019.4676%2011.8569C19.6172%2011.7327%2019.8055%2011.6647%2020%2011.6647C20.1945%2011.6647%2020.3828%2011.7327%2020.5324%2011.8569C20.682%2011.9812%2020.7835%2012.1538%2020.8192%2012.345L21.695%2016.9767C21.7572%2017.306%2021.9172%2017.6088%2022.1542%2017.8458C22.3912%2018.0828%2022.694%2018.2428%2023.0233%2018.305L27.655%2019.1808C27.8462%2019.2165%2028.0188%2019.318%2028.1431%2019.4676C28.2673%2019.6172%2028.3353%2019.8055%2028.3353%2020C28.3353%2020.1945%2028.2673%2020.3828%2028.1431%2020.5324C28.0188%2020.682%2027.8462%2020.7835%2027.655%2020.8192L23.0233%2021.695C22.694%2021.7572%2022.3912%2021.9172%2022.1542%2022.1542C21.9172%2022.3912%2021.7572%2022.694%2021.695%2023.0233L20.8192%2027.655C20.7835%2027.8462%2020.682%2028.0188%2020.5324%2028.1431C20.3828%2028.2673%2020.1945%2028.3353%2020%2028.3353C19.8055%2028.3353%2019.6172%2028.2673%2019.4676%2028.1431C19.318%2028.0188%2019.2165%2027.8462%2019.1808%2027.655L18.305%2023.0233C18.2428%2022.694%2018.0828%2022.3912%2017.8458%2022.1542C17.6088%2021.9172%2017.306%2021.7572%2016.9767%2021.695L12.345%2020.8192C12.1538%2020.7835%2011.9812%2020.682%2011.8569%2020.5324C11.7327%2020.3828%2011.6647%2020.1945%2011.6647%2020C11.6647%2019.8055%2011.7327%2019.6172%2011.8569%2019.4676C11.9812%2019.318%2012.1538%2019.2165%2012.345%2019.1808L16.9767%2018.305C17.306%2018.2428%2017.6088%2018.0828%2017.8458%2017.8458C18.0828%2017.6088%2018.2428%2017.306%2018.305%2016.9767L19.1808%2012.345Z'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M26.6666%2011.6667V15'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M28.3333%2013.3333H25'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M13.3333%2028.3333C14.2538%2028.3333%2015%2027.5871%2015%2026.6667C15%2025.7462%2014.2538%2025%2013.3333%2025C12.4128%2025%2011.6666%2025.7462%2011.6666%2026.6667C11.6666%2027.5871%2012.4128%2028.3333%2013.3333%2028.3333Z'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1162_2180'%3e%3crect%20width='20'%20height='20'%20fill='white'%20transform='translate(10%2010)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", Be = "data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%2010C0%204.47715%204.47715%200%2010%200H30C35.5228%200%2040%204.47715%2040%2010V30C40%2035.5228%2035.5228%2040%2030%2040H10C4.47715%2040%200%2035.5228%200%2030V10Z'%20fill='%235E6C84'/%3e%3cpath%20d='M14.1667%2020H25.8334'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", He = { class: "card-wrapper" }, Ve = ["aria-level"], Ae = ["onClick"], Re = ["src"], Te = /* @__PURE__ */ b({
|
|
121
121
|
__name: "FeedBackQuiz.ce",
|
|
122
122
|
props: {
|
|
123
123
|
goodFeelings: { type: Array },
|
|
@@ -155,29 +155,29 @@ const X = {}, Y = {}, ee = {}, te = {}, ne = {}, se = {
|
|
|
155
155
|
function n(l) {
|
|
156
156
|
r("sendResult", e.goodFeelings.includes(l));
|
|
157
157
|
}
|
|
158
|
-
return (l, c) => (
|
|
158
|
+
return (l, c) => (o(), d("div", He, [
|
|
159
159
|
t("div", {
|
|
160
160
|
role: "heading",
|
|
161
161
|
"aria-level": e.titleLevel ? e.titleLevel + 1 : 3,
|
|
162
162
|
class: "title"
|
|
163
|
-
},
|
|
163
|
+
}, a(l.$t("phishing-message.feedBackQuizTitle")), 9, Ve),
|
|
164
164
|
t("ul", null, [
|
|
165
|
-
(
|
|
165
|
+
(o(), d(k, null, y(i, ({ icon: p, label: s, id: m }) => t("li", { key: s }, [
|
|
166
166
|
t("button", {
|
|
167
167
|
type: "button",
|
|
168
|
-
onClick: (
|
|
168
|
+
onClick: (v) => n(m)
|
|
169
169
|
}, [
|
|
170
170
|
t("img", {
|
|
171
171
|
src: p,
|
|
172
172
|
alt: ""
|
|
173
173
|
}, null, 8, Re),
|
|
174
|
-
t("span", null,
|
|
174
|
+
t("span", null, a(s), 1)
|
|
175
175
|
], 8, Ae)
|
|
176
176
|
])), 64))
|
|
177
177
|
])
|
|
178
178
|
]));
|
|
179
179
|
}
|
|
180
|
-
}),
|
|
180
|
+
}), Ee = ".card-wrapper[data-v-aed5dcf2]{padding:16px;border-radius:16px;background:#fff;box-shadow:0 25px 25px #00000040}.card-wrapper .title[data-v-aed5dcf2]{text-align:left;font-weight:700;font-family:Nunito,sans-serif;color:#122647;font-size:.875rem;margin-bottom:16px}.card-wrapper ul[data-v-aed5dcf2]{display:flex;justify-content:center;gap:8px}.card-wrapper li[data-v-aed5dcf2]{font-family:Roboto;font-size:.875rem;line-height:1.25rem;width:100px}.card-wrapper button[data-v-aed5dcf2]{display:flex;padding:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;text-wrap:nowrap;border:none;border-radius:8px;background:#f4f5f7;width:100%}.card-wrapper button[data-v-aed5dcf2]:hover{cursor:pointer}@media screen and (max-width:630px){.card-wrapper li[data-v-aed5dcf2]{font-size:.6rem;line-height:1rem;width:90px}.card-wrapper button[data-v-aed5dcf2]{padding:6px}.card-wrapper ul[data-v-aed5dcf2]{flex-wrap:wrap}}", Ie = /* @__PURE__ */ w(Te, [["styles", [Ee]], ["__scopeId", "data-v-aed5dcf2"]]), Pe = /* @__PURE__ */ b({
|
|
181
181
|
__name: "PopInResult.ce",
|
|
182
182
|
props: {
|
|
183
183
|
content: { type: String },
|
|
@@ -188,24 +188,24 @@ const X = {}, Y = {}, ee = {}, te = {}, ne = {}, se = {
|
|
|
188
188
|
const r = _("wrapper");
|
|
189
189
|
return g({
|
|
190
190
|
wrapper: r
|
|
191
|
-
}), (i, n) => (
|
|
191
|
+
}), (i, n) => (o(), d("div", {
|
|
192
192
|
ref_key: "wrapper",
|
|
193
193
|
ref: r,
|
|
194
194
|
class: "card-wrapper",
|
|
195
195
|
tabindex: "-1"
|
|
196
196
|
}, [
|
|
197
|
-
t("p", null,
|
|
198
|
-
e.isLastStep ? h("", !0) : (
|
|
197
|
+
t("p", null, a(e.content), 1),
|
|
198
|
+
e.isLastStep ? h("", !0) : (o(), d("button", {
|
|
199
199
|
key: 0,
|
|
200
200
|
type: "button",
|
|
201
201
|
onClick: n[0] || (n[0] = (l) => i.$emit("next"))
|
|
202
|
-
},
|
|
202
|
+
}, a(i.$t("phishing-message.next")), 1))
|
|
203
203
|
], 512));
|
|
204
204
|
}
|
|
205
|
-
}),
|
|
205
|
+
}), De = ".card-wrapper[data-v-69441fb3]{padding:16px;width:100%;max-width:460px;border-radius:16px;background:#eaf1ff;box-shadow:0 25px 25px #00000040}.card-wrapper button[data-v-69441fb3]{margin-top:24px;padding:8px 24px;border-radius:8px;background:#253858;color:#fff;border:none}.card-wrapper button[data-v-69441fb3]:hover{cursor:pointer;background-color:#5e6c84}", qe = /* @__PURE__ */ w(Pe, [["styles", [De]], ["__scopeId", "data-v-69441fb3"]]), Ze = { class: "container" }, Qe = { class: "steps-wrapper" }, Oe = { class: "steps-wrapper__stepper" }, Je = { "aria-hidden": "true" }, Ue = {
|
|
206
206
|
class: "sr-only",
|
|
207
207
|
"aria-live": "polite"
|
|
208
|
-
},
|
|
208
|
+
}, We = { class: "grid" }, Ge = /* @__PURE__ */ b({
|
|
209
209
|
__name: "PhishingMessage.ce",
|
|
210
210
|
props: {
|
|
211
211
|
titleLevel: { default: 2, type: Number }
|
|
@@ -244,17 +244,17 @@ const X = {}, Y = {}, ee = {}, te = {}, ne = {}, se = {
|
|
|
244
244
|
victory: s("phishing-message.message3.victory"),
|
|
245
245
|
loose: s("phishing-message.message3.loose")
|
|
246
246
|
}
|
|
247
|
-
]),
|
|
248
|
-
const
|
|
249
|
-
return
|
|
247
|
+
]), v = u(() => m.value[p.value]), A = u(() => n.value && !l.value), R = u(() => n.value && l.value), T = u(() => m.value.length === p.value + 1), E = u(() => {
|
|
248
|
+
const f = c.value ? "victory" : "loose";
|
|
249
|
+
return v.value[f];
|
|
250
250
|
}), I = u(() => Math.floor((p.value + 1) / m.value.length * 100));
|
|
251
|
-
async function
|
|
252
|
-
c.value =
|
|
251
|
+
async function P(f) {
|
|
252
|
+
c.value = f, l.value = !0, await J(), r.value.wrapper.focus();
|
|
253
253
|
}
|
|
254
|
-
function
|
|
254
|
+
function D() {
|
|
255
255
|
n.value = !0, i.value.focus();
|
|
256
256
|
}
|
|
257
|
-
function
|
|
257
|
+
function q() {
|
|
258
258
|
n.value = !1, l.value = !1, p.value++, i.value.focus();
|
|
259
259
|
}
|
|
260
260
|
function Z() {
|
|
@@ -262,55 +262,54 @@ const X = {}, Y = {}, ee = {}, te = {}, ne = {}, se = {
|
|
|
262
262
|
}
|
|
263
263
|
return g({
|
|
264
264
|
reset: Z
|
|
265
|
-
}), (
|
|
266
|
-
t("p", Oe, o(v.$t("phishing-message.description")), 1),
|
|
265
|
+
}), (f, $) => (o(), d("div", Ze, [
|
|
267
266
|
t("div", Qe, [
|
|
268
|
-
t("div",
|
|
267
|
+
t("div", Oe, [
|
|
269
268
|
t("div", {
|
|
270
269
|
class: "steps-wrapper__effective-steps",
|
|
271
|
-
style:
|
|
270
|
+
style: Q({ "--step1": `${I.value}%` })
|
|
272
271
|
}, null, 4)
|
|
273
272
|
]),
|
|
274
|
-
t("p",
|
|
275
|
-
t("p",
|
|
273
|
+
t("p", Je, a(p.value + 1) + "/3", 1),
|
|
274
|
+
t("p", Ue, a(f.$t("phishing-message.step", { step: p.value + 1, totalStep: m.value.length })), 1)
|
|
276
275
|
]),
|
|
277
|
-
t("div",
|
|
276
|
+
t("div", We, [
|
|
278
277
|
t("div", {
|
|
279
278
|
ref_key: "mobileShell",
|
|
280
279
|
ref: i,
|
|
281
280
|
class: "mobile-shell-content",
|
|
282
281
|
tabindex: "-1"
|
|
283
282
|
}, [
|
|
284
|
-
n.value ? (
|
|
283
|
+
n.value ? (o(), C(ze, L({ key: 0 }, v.value, { "title-level": e.titleLevel }), null, 16, ["title-level"])) : (o(), C(be, L({
|
|
285
284
|
key: 1,
|
|
286
|
-
onOpenMessage:
|
|
287
|
-
},
|
|
285
|
+
onOpenMessage: D
|
|
286
|
+
}, v.value, { "title-level": e.titleLevel }), null, 16, ["title-level"]))
|
|
288
287
|
], 512),
|
|
289
|
-
A.value ? (
|
|
288
|
+
A.value ? (o(), C(Ie, {
|
|
290
289
|
key: 0,
|
|
291
|
-
onSendResult:
|
|
292
|
-
"good-feelings":
|
|
290
|
+
onSendResult: P,
|
|
291
|
+
"good-feelings": v.value.goodFeelings,
|
|
293
292
|
class: "feedback",
|
|
294
293
|
"title-level": e.titleLevel
|
|
295
294
|
}, null, 8, ["good-feelings", "title-level"])) : h("", !0),
|
|
296
|
-
R.value ? (
|
|
295
|
+
R.value ? (o(), C(qe, {
|
|
297
296
|
key: 1,
|
|
298
297
|
ref_key: "popInResult",
|
|
299
298
|
ref: r,
|
|
300
299
|
class: "feedback",
|
|
301
|
-
content:
|
|
302
|
-
"is-last-step":
|
|
303
|
-
onNext:
|
|
300
|
+
content: E.value,
|
|
301
|
+
"is-last-step": T.value,
|
|
302
|
+
onNext: q
|
|
304
303
|
}, null, 8, ["content", "is-last-step"])) : h("", !0),
|
|
305
|
-
$[0] || ($[0] =
|
|
304
|
+
$[0] || ($[0] = O('<div class="mobile-shell"><div class="cache-top"><div class="camera"></div></div><div class="buttons"><div class="button small"></div><div class="button long"></div><div class="button long"></div></div></div>', 1))
|
|
306
305
|
])
|
|
307
306
|
]));
|
|
308
307
|
}
|
|
309
|
-
}),
|
|
310
|
-
W(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": X, "./locales/en.json": Y, "./locales/es-419.json": ee, "./locales/es.json": te, "./locales/fr-BE.json": ne, "./locales/fr.json": se, "./locales/it.json":
|
|
311
|
-
const V = U(
|
|
308
|
+
}), Ke = '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}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}.container{position:relative;text-align:center}.container .grid{display:grid;grid-template-columns:1fr 330px 1fr;grid-template-rows:auto auto;margin-top:20px;min-height:380px;margin-bottom:5px}.container .mobile-shell{grid-column:2;grid-row:1/span 2;position:relative;box-sizing:content-box;border:10px solid black;border-bottom:none;border-radius:30px 30px 0 0;background:#f4f5f7;height:inherit}.container .mobile-shell:after{content:"";position:absolute;top:-7px;left:-5px;width:85%;height:30px;border-top-left-radius:25px;border-top:.1rem solid rgba(255,255,255,.8);border-right:2px solid transparent;filter:blur(1px)}.container .mobile-shell-content{position:relative;z-index:1;grid-column:2;grid-row:1}.container .feedback{grid-column:1/span 3;grid-row:2;justify-self:center;align-self:center;position:relative;z-index:3;margin-bottom:20px}.container .h2,.container .h3{font-family:Nunito,Roboto,sans-serif;color:#122647;font-weight:700}.container .h2.title-page,.container .h3.title-page{font-size:1.25rem;line-height:28px;margin-bottom:8px}.container .steps-wrapper{display:flex;align-items:center;justify-content:center;color:#613fdd;font-size:.875rem;gap:6px;font-weight:500}.container .steps-wrapper__stepper{background:#e8eaed;height:8px;width:100%;max-width:336px;border-radius:4px}.container .steps-wrapper__effective-steps{width:var(--step1);background:#613fdd;border-radius:4px;height:8px}.container .mobile-shell .cache-top{position:absolute;z-index:6;top:0;left:32.5%;width:35%;height:15px;background:#000;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.container .mobile-shell .cache-top .camera{position:absolute;top:40%;right:5%;width:9%;max-width:10px;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#ffffff4d}.container .mobile-shell .cache-top .camera:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:25%;height:25%;border-radius:50%;background:#fff;filter:blur(1px)}.container .mobile-shell .buttons{position:absolute;top:10%;left:-12.5px;height:20%;width:5px}.container .mobile-shell .button{width:5px;background:#000;margin-bottom:10px;border-radius:30%}.container .mobile-shell .button.small{height:15px;margin-bottom:10px}.container .mobile-shell .button.long{height:30px}@media screen and (max-width:630px){.container .feedback{width:95%;margin-bottom:0}.container .grid{grid-template-columns:1fr 90% 1fr}}', Xe = /* @__PURE__ */ w(Ge, [["styles", [Ke]]]);
|
|
309
|
+
W(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": X, "./locales/en.json": Y, "./locales/es-419.json": ee, "./locales/es.json": te, "./locales/fr-BE.json": ne, "./locales/fr.json": se, "./locales/it.json": ae, "./locales/nl.json": oe })).catch((e) => console.error(e));
|
|
310
|
+
const V = U(Xe, {
|
|
312
311
|
configureApp(e) {
|
|
313
|
-
|
|
312
|
+
M.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(G, { i18next: M, slotStart: "{{", slotEnd: "}}" });
|
|
314
313
|
}
|
|
315
314
|
});
|
|
316
315
|
V.prototype.normalizeProps = (e) => ({
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { h as P, j as J, k as Q, n as R, o as a, c as r, l as k, a as t, q as U, r as x, g as v, b as W, s as X, u as e2, K as t2,
|
|
2
|
-
import { u as r2, a as l2, i as T, b as c2 } from "../i18n-
|
|
1
|
+
import { h as P, j as J, k as Q, n as R, o as a, c as r, l as k, a as t, q as U, r as x, g as v, b as W, s as X, u as e2, K as t2, D as H, E as F, x as n, z as o2, B, F as Z, e as N, t as S, y as i2, v as w, N as n2, _ as s2, d as a2 } from "../_plugin-vue_export-helper-Dz58mCLm.js";
|
|
2
|
+
import { u as r2, a as l2, i as T, b as c2 } from "../i18n-H4HokXDX.js";
|
|
3
3
|
import { b as d2 } from "../normalize-props-DH0oPBss.js";
|
|
4
4
|
import "./mobile-shell.ce.js.js";
|
|
5
5
|
import { a as h2 } from "../temporal.utils-DgmGPVba.js";
|
|
6
|
-
import { B as u2 } from "../ButtonTooltip.ce-
|
|
6
|
+
import { B as u2 } from "../ButtonTooltip.ce-WwOarMJq.js";
|
|
7
7
|
const g2 = {}, p2 = {}, f2 = {}, m2 = {}, _2 = {}, C2 = {
|
|
8
8
|
"phishing-notification": { titleCta: "Catégorisez les notifications", categorization: { titleCta: "Catégorisez cette notification", from: "De : {{sender}}", titleCategories: "L’expéditeur se fait passer pour :" }, correction: "La catégorie {{selectedCategory}} n'est pas la bonne. La bonne catégorisation est : {{category}}", validation: "La catégorie {{selectedCategory}} est la bonne.", progressBarA11Y_one: "{{count}} réponse sur {{total}}", progressBarA11Y_other: "{{count}} réponses sur {{total}}", titleResult: "Résultats", result_one: "{{count}} / {{total}} bonne réponse", result_other: "{{count}} / {{total}} bonnes réponses", close: "Fermer" }
|
|
9
9
|
}, w2 = {}, v2 = {}, k2 = ["tabindex"], b2 = ["tabindex"], x2 = {
|
|
@@ -28,7 +28,7 @@ const g2 = {}, p2 = {}, f2 = {}, m2 = {}, _2 = {}, C2 = {
|
|
|
28
28
|
},
|
|
29
29
|
setup(s) {
|
|
30
30
|
const y = [
|
|
31
|
-
...["input", "select", "button", "textarea"].map((e) => `${e}:not([disabled])`),
|
|
31
|
+
...["input", "select", "button", "textarea", "pix-button"].map((e) => `${e}:not([disabled])`),
|
|
32
32
|
"a[href]",
|
|
33
33
|
"video[controls]",
|
|
34
34
|
"audio[controls]",
|
|
@@ -1,131 +1,130 @@
|
|
|
1
|
-
import { b as
|
|
2
|
-
import { a as
|
|
3
|
-
import { b as
|
|
4
|
-
import { B as z } from "../Button.ce-
|
|
5
|
-
const
|
|
6
|
-
"pix-anonymisation": {
|
|
1
|
+
import { b as E, h as V, o, c as n, a, F as u, e as m, z as k, t as h, x as d, H as F, P as T, D as q, E as w, B as S, l as _, f as D, r as x, g as p, _ as I, d as G } from "../_plugin-vue_export-helper-Dz58mCLm.js";
|
|
2
|
+
import { a as H, i as $, b as M } from "../i18n-H4HokXDX.js";
|
|
3
|
+
import { b as O } from "../normalize-props-DH0oPBss.js";
|
|
4
|
+
import { B as z } from "../Button.ce-Dvxeebpx.js";
|
|
5
|
+
const U = {}, J = {}, K = {}, Q = {}, W = {}, X = {
|
|
6
|
+
"pix-anonymisation": { prompt: { title: "Prompt" }, rephrase: { title: "Reformulation" }, buttons: { checkNow: "Suivant", displayRephrasing: "Suivant", nextPrompt: "Suivant" }, correction: "élements qui doivent être anonymisés:" }
|
|
7
7
|
}, Y = {}, Z = {}, aa = {
|
|
8
8
|
ref: "prompt-container",
|
|
9
9
|
tabindex: "-1"
|
|
10
|
-
}, ta = { class: "
|
|
10
|
+
}, ta = { class: "stepper-container" }, ea = { key: 0 }, oa = { class: "prompt-card" }, na = ["aria-level"], da = { class: "prompt-card-content" }, ra = ["for"], sa = ["id", "value"], ia = { class: "prompt-card-content-part" }, la = { class: "prompt-card" }, ba = ["aria-level"], pa = { class: "prompt-card-content" }, fa = { class: "sr-only" }, ca = { class: "sr-only" }, va = {
|
|
11
11
|
key: 0,
|
|
12
12
|
class: "prompt-card rephrase"
|
|
13
|
-
},
|
|
13
|
+
}, ua = ["aria-level"], ma = { class: "prompt-card-content" }, ga = {
|
|
14
14
|
key: 1,
|
|
15
15
|
class: "feedback"
|
|
16
|
-
},
|
|
16
|
+
}, ha = /* @__PURE__ */ E({
|
|
17
17
|
__name: "PixAnonymisation.ce",
|
|
18
18
|
props: {
|
|
19
19
|
titleLevel: { default: 2, type: Number },
|
|
20
20
|
steps: { type: Array }
|
|
21
21
|
},
|
|
22
22
|
setup(e, { expose: j }) {
|
|
23
|
-
const
|
|
23
|
+
const i = x(0), b = x([]), l = x(1), N = V("prompt-container"), f = p(() => e.steps[i.value]), L = p(() => l.value === 3 && i.value + 1 === e.steps.length), c = p(() => l.value === 3), P = p(() => f.value.fullSentence.map(({ content: t }) => t)), B = p(() => f.value.fullSentence.map(({ content: t, isAnonymizable: v }) => v ? { content: t, color: "green" } : {
|
|
24
24
|
content: t,
|
|
25
|
-
color:
|
|
26
|
-
})),
|
|
27
|
-
function
|
|
28
|
-
|
|
25
|
+
color: b.value.includes(t) ? "red" : "neutral"
|
|
26
|
+
})), R = p(() => f.value.fullSentence.filter(({ isAnonymizable: t }) => t).map(({ content: t }) => t));
|
|
27
|
+
function A() {
|
|
28
|
+
l.value = 1, i.value = 0, b.value = [];
|
|
29
29
|
}
|
|
30
30
|
function y() {
|
|
31
|
-
if (
|
|
32
|
-
|
|
31
|
+
if (c.value) {
|
|
32
|
+
l.value = 1, i.value++, b.value = [];
|
|
33
33
|
return;
|
|
34
34
|
}
|
|
35
|
-
|
|
35
|
+
l.value++, N.value.focus();
|
|
36
36
|
}
|
|
37
37
|
return j({
|
|
38
|
-
reset:
|
|
39
|
-
}), (t,
|
|
38
|
+
reset: A
|
|
39
|
+
}), (t, v) => (o(), n("div", aa, [
|
|
40
40
|
a("header", null, [
|
|
41
|
-
a("
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
class: h(["stepper-background", { "is-active": r.value === c, "is-finished": c < r.value }]),
|
|
41
|
+
a("div", ta, [
|
|
42
|
+
(o(!0), n(u, null, m(e.steps, (r, s) => (o(), n("div", {
|
|
43
|
+
key: s,
|
|
44
|
+
class: h(["stepper-background", { "is-active": i.value === s, "is-finished": s < i.value }]),
|
|
46
45
|
style: k({ "--step-width": `${100 / e.steps.length}%` })
|
|
47
46
|
}, [
|
|
48
47
|
a("div", {
|
|
49
48
|
class: "progress-bar",
|
|
50
|
-
style: k({ "--progress-bar-width": `${100 / e.steps.length *
|
|
49
|
+
style: k({ "--progress-bar-width": `${100 / e.steps.length * l.value}%` })
|
|
51
50
|
}, null, 4)
|
|
52
51
|
], 6))), 128)),
|
|
53
|
-
a("span", null,
|
|
52
|
+
a("span", null, d(i.value + 1) + " / " + d(e.steps.length), 1)
|
|
54
53
|
])
|
|
55
54
|
]),
|
|
56
55
|
a("main", null, [
|
|
57
|
-
|
|
56
|
+
l.value === 1 ? (o(), n("form", ea, [
|
|
58
57
|
a("div", oa, [
|
|
59
58
|
a("div", {
|
|
60
59
|
role: "heading",
|
|
61
60
|
class: "prompt-card__heading",
|
|
62
61
|
"aria-level": e.titleLevel
|
|
63
|
-
},
|
|
64
|
-
a("div",
|
|
65
|
-
(
|
|
66
|
-
for: `${
|
|
67
|
-
key:
|
|
62
|
+
}, d(t.$t("pix-anonymisation.prompt.title")), 9, na),
|
|
63
|
+
a("div", da, [
|
|
64
|
+
(o(!0), n(u, null, m(P.value, (r, s) => (o(), n("label", {
|
|
65
|
+
for: `${r}-${s}`,
|
|
66
|
+
key: r
|
|
68
67
|
}, [
|
|
69
|
-
|
|
70
|
-
id: `${
|
|
71
|
-
value:
|
|
68
|
+
F(a("input", {
|
|
69
|
+
id: `${r}-${s}`,
|
|
70
|
+
value: r,
|
|
72
71
|
class: "sr-only",
|
|
73
72
|
type: "checkbox",
|
|
74
|
-
"onUpdate:modelValue":
|
|
75
|
-
}, null, 8,
|
|
76
|
-
[
|
|
73
|
+
"onUpdate:modelValue": v[0] || (v[0] = (g) => b.value = g)
|
|
74
|
+
}, null, 8, sa), [
|
|
75
|
+
[T, b.value]
|
|
77
76
|
]),
|
|
78
|
-
a("span",
|
|
79
|
-
], 8,
|
|
77
|
+
a("span", ia, d(r), 1)
|
|
78
|
+
], 8, ra))), 128))
|
|
80
79
|
])
|
|
81
80
|
]),
|
|
82
|
-
|
|
83
|
-
"is-disabled":
|
|
81
|
+
q(z, {
|
|
82
|
+
"is-disabled": b.value.length === 0,
|
|
84
83
|
onClick: y
|
|
85
84
|
}, {
|
|
86
85
|
default: w(() => [
|
|
87
|
-
S(
|
|
86
|
+
S(d(t.$t("pix-anonymisation.buttons.checkNow")), 1)
|
|
88
87
|
]),
|
|
89
88
|
_: 1
|
|
90
89
|
}, 8, ["is-disabled"])
|
|
91
|
-
])) : (
|
|
90
|
+
])) : (o(), n("div", {
|
|
92
91
|
key: 1,
|
|
93
|
-
class: h(["results", { "prompt-and-rephrase":
|
|
92
|
+
class: h(["results", { "prompt-and-rephrase": c.value }])
|
|
94
93
|
}, [
|
|
95
|
-
a("div",
|
|
94
|
+
a("div", la, [
|
|
96
95
|
a("div", {
|
|
97
96
|
role: "heading",
|
|
98
97
|
class: "prompt-card__heading",
|
|
99
98
|
"aria-level": e.titleLevel
|
|
100
|
-
},
|
|
99
|
+
}, d(t.$t("pix-anonymisation.prompt.title")), 9, ba),
|
|
101
100
|
a("p", pa, [
|
|
102
|
-
(
|
|
101
|
+
(o(!0), n(u, null, m(B.value, ({ content: r, color: s }, g) => (o(), n("span", { key: g }, [
|
|
103
102
|
a("span", {
|
|
104
|
-
class: h(["prompt-card-content-part",
|
|
105
|
-
},
|
|
103
|
+
class: h(["prompt-card-content-part", s])
|
|
104
|
+
}, d(r), 3)
|
|
106
105
|
]))), 128))
|
|
107
106
|
]),
|
|
108
|
-
a("p",
|
|
109
|
-
a("ul",
|
|
110
|
-
(
|
|
107
|
+
a("p", fa, d(t.$t("pix-anonymisation.correction")), 1),
|
|
108
|
+
a("ul", ca, [
|
|
109
|
+
(o(!0), n(u, null, m(R.value, (r) => (o(), n("li", { key: r }, d(r), 1))), 128))
|
|
111
110
|
])
|
|
112
111
|
]),
|
|
113
|
-
|
|
112
|
+
c.value ? (o(), n("div", va, [
|
|
114
113
|
a("div", {
|
|
115
114
|
role: "heading",
|
|
116
115
|
class: "prompt-card__heading",
|
|
117
116
|
"aria-level": e.titleLevel
|
|
118
|
-
},
|
|
119
|
-
a("p",
|
|
117
|
+
}, d(t.$t("pix-anonymisation.rephrase.title")), 9, ua),
|
|
118
|
+
a("p", ma, d(f.value.rephrase), 1)
|
|
120
119
|
])) : _("", !0),
|
|
121
|
-
|
|
122
|
-
L.value ? _("", !0) : (
|
|
120
|
+
c.value ? (o(), n("p", ga, d(f.value.feedback), 1)) : _("", !0),
|
|
121
|
+
L.value ? _("", !0) : (o(), D(z, {
|
|
123
122
|
key: 2,
|
|
124
123
|
onClick: y,
|
|
125
124
|
class: "feedback-button"
|
|
126
125
|
}, {
|
|
127
126
|
default: w(() => [
|
|
128
|
-
S(
|
|
127
|
+
S(d(c.value ? t.$t("pix-anonymisation.buttons.nextPrompt") : t.$t("pix-anonymisation.buttons.displayRephrasing")), 1)
|
|
129
128
|
]),
|
|
130
129
|
_: 1
|
|
131
130
|
}))
|
|
@@ -133,15 +132,15 @@ const O = {}, J = {}, K = {}, Q = {}, W = {}, X = {
|
|
|
133
132
|
])
|
|
134
133
|
], 512));
|
|
135
134
|
}
|
|
136
|
-
}),
|
|
137
|
-
|
|
138
|
-
const C =
|
|
135
|
+
}), _a = "html[data-v-a2b3f4a1],body[data-v-a2b3f4a1],div[data-v-a2b3f4a1],span[data-v-a2b3f4a1],applet[data-v-a2b3f4a1],object[data-v-a2b3f4a1],iframe[data-v-a2b3f4a1],h1[data-v-a2b3f4a1],h2[data-v-a2b3f4a1],h3[data-v-a2b3f4a1],h4[data-v-a2b3f4a1],h5[data-v-a2b3f4a1],h6[data-v-a2b3f4a1],p[data-v-a2b3f4a1],blockquote[data-v-a2b3f4a1],pre[data-v-a2b3f4a1],a[data-v-a2b3f4a1],abbr[data-v-a2b3f4a1],acronym[data-v-a2b3f4a1],address[data-v-a2b3f4a1],big[data-v-a2b3f4a1],cite[data-v-a2b3f4a1],code[data-v-a2b3f4a1],del[data-v-a2b3f4a1],dfn[data-v-a2b3f4a1],em[data-v-a2b3f4a1],img[data-v-a2b3f4a1],ins[data-v-a2b3f4a1],kbd[data-v-a2b3f4a1],q[data-v-a2b3f4a1],s[data-v-a2b3f4a1],samp[data-v-a2b3f4a1],small[data-v-a2b3f4a1],strike[data-v-a2b3f4a1],strong[data-v-a2b3f4a1],sub[data-v-a2b3f4a1],sup[data-v-a2b3f4a1],tt[data-v-a2b3f4a1],var[data-v-a2b3f4a1],b[data-v-a2b3f4a1],u[data-v-a2b3f4a1],i[data-v-a2b3f4a1],center[data-v-a2b3f4a1],dl[data-v-a2b3f4a1],dt[data-v-a2b3f4a1],dd[data-v-a2b3f4a1],ol[data-v-a2b3f4a1],ul[data-v-a2b3f4a1],li[data-v-a2b3f4a1],fieldset[data-v-a2b3f4a1],form[data-v-a2b3f4a1],label[data-v-a2b3f4a1],legend[data-v-a2b3f4a1],table[data-v-a2b3f4a1],caption[data-v-a2b3f4a1],tbody[data-v-a2b3f4a1],tfoot[data-v-a2b3f4a1],thead[data-v-a2b3f4a1],tr[data-v-a2b3f4a1],th[data-v-a2b3f4a1],td[data-v-a2b3f4a1],article[data-v-a2b3f4a1],aside[data-v-a2b3f4a1],canvas[data-v-a2b3f4a1],details[data-v-a2b3f4a1],embed[data-v-a2b3f4a1],figure[data-v-a2b3f4a1],figcaption[data-v-a2b3f4a1],footer[data-v-a2b3f4a1],header[data-v-a2b3f4a1],hgroup[data-v-a2b3f4a1],menu[data-v-a2b3f4a1],nav[data-v-a2b3f4a1],output[data-v-a2b3f4a1],ruby[data-v-a2b3f4a1],section[data-v-a2b3f4a1],summary[data-v-a2b3f4a1],time[data-v-a2b3f4a1],mark[data-v-a2b3f4a1],audio[data-v-a2b3f4a1],video[data-v-a2b3f4a1]{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article[data-v-a2b3f4a1],aside[data-v-a2b3f4a1],details[data-v-a2b3f4a1],figcaption[data-v-a2b3f4a1],figure[data-v-a2b3f4a1],footer[data-v-a2b3f4a1],header[data-v-a2b3f4a1],hgroup[data-v-a2b3f4a1],menu[data-v-a2b3f4a1],nav[data-v-a2b3f4a1],section[data-v-a2b3f4a1]{display:block}body[data-v-a2b3f4a1]{line-height:1}ol[data-v-a2b3f4a1],ul[data-v-a2b3f4a1]{list-style:none}table[data-v-a2b3f4a1]{border-collapse:collapse;border-spacing:0}[data-v-a2b3f4a1]{color:#122647;font-style:normal;box-sizing:border-box}p[data-v-a2b3f4a1],label[data-v-a2b3f4a1],button[data-v-a2b3f4a1]{font-family:Roboto,sans-serif;font-size:.875rem;font-weight:400}form[data-v-a2b3f4a1],.results[data-v-a2b3f4a1]{display:flex;flex-direction:column;gap:16px}button[data-v-a2b3f4a1]{font-weight:700;margin:0 auto}.heading[data-v-a2b3f4a1]{font-family:Nunito,Roboto,sans-serif;text-align:center;font-size:1.25rem;font-weight:700}.stepper-container[data-v-a2b3f4a1]{display:flex;gap:6px;margin-bottom:16px;align-items:center}.stepper-container span[data-v-a2b3f4a1]{font-size:.875rem;white-space:nowrap}.stepper-background[data-v-a2b3f4a1]{background-color:#e8eaed;height:8px;flex:1 1 var(--step-width);border-radius:64px}.stepper-background.is-active .progress-bar[data-v-a2b3f4a1]{background:#613fdd;height:8px;border-radius:64px;width:var(--progress-bar-width)}.stepper-background.is-finished[data-v-a2b3f4a1]{background:#613fdd;height:8px;border-radius:64px;width:100%}.prompt-card[data-v-a2b3f4a1]{border-radius:16px;border:1px solid #cdd1d9;padding:16px}.prompt-card__heading[data-v-a2b3f4a1]{font-family:Roboto,sans-serif;font-size:1rem;font-weight:700;margin-bottom:8px}.prompt-card-content[data-v-a2b3f4a1]{display:flex;flex-wrap:wrap;border-radius:8px;background:#f4f5f7;padding:16px;gap:4px}.prompt-card-content>span[data-v-a2b3f4a1]{padding:2px}.prompt-card-content-part[data-v-a2b3f4a1]{padding:1px 4px;border-radius:4px;border:1px solid #cdd1d9;margin-bottom:5px}.prompt-card-content-part.red[data-v-a2b3f4a1]{border-color:transparent;background:#e4766f}.prompt-card-content-part.green[data-v-a2b3f4a1]{border-color:transparent;background:#54c590}input:checked~.prompt-card-content-part[data-v-a2b3f4a1]{background:#ffdc76;border-color:transparent}input:focus~.prompt-card-content-part[data-v-a2b3f4a1]{outline:1px solid black}.prompt-and-rephrase[data-v-a2b3f4a1]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.prompt-and-rephrase .feedback[data-v-a2b3f4a1]{grid-column:1/span 2;border-radius:16px;background:#eaf1ff;padding:16px}.feedback-button[data-v-a2b3f4a1]{grid-column:1/span 2}.sr-only[data-v-a2b3f4a1]{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-a2b3f4a1]{grid-column:1/span 2;margin-top:8px}.prompt-card.rephrase[data-v-a2b3f4a1]{margin-top:0}.feedback[data-v-a2b3f4a1]{margin-block:8px}}", xa = /* @__PURE__ */ I(ha, [["styles", [_a]], ["__scopeId", "data-v-a2b3f4a1"]]);
|
|
136
|
+
H(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": U, "./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));
|
|
137
|
+
const C = G(xa, {
|
|
139
138
|
configureApp(e) {
|
|
140
|
-
$.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(
|
|
139
|
+
$.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(M, { i18next: $ });
|
|
141
140
|
}
|
|
142
141
|
});
|
|
143
142
|
C.prototype.normalizeProps = (e) => ({
|
|
144
143
|
...e,
|
|
145
|
-
titleLevel:
|
|
144
|
+
titleLevel: O(e.titleLevel)
|
|
146
145
|
});
|
|
147
146
|
window.customElements.define("pix-anonymisation", C);
|