@1024pix/epreuves-components 4.3.0 → 4.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/notification-antivirus.ce.js.js +343 -0
- package/dist/components/usages-donnees.ce.js.js +55 -55
- package/dist/index.js +1 -0
- package/dist/metadata.js +34 -30
- package/dist/props.examples.js +81 -79
- package/dist/schema.js +52 -50
- package/package.json +1 -1
|
@@ -0,0 +1,343 @@
|
|
|
1
|
+
import { b as _, h as V, o as r, c as p, t as A, F as M, f as w, l as h, a as i, x as c, q as f, g as u, _ as m, z as N, e as Z, E as C, B as x, D as F, r as S, d as D } from "../_plugin-vue_export-helper-Dz58mCLm.js";
|
|
2
|
+
import { i as g, u as q } from "../i18n-lite-CzqISEWm.js";
|
|
3
|
+
import { _ as H, a as z } from "../Cross.ce.vue_vue_type_script_setup_true_lang-DVLRq2sO.js";
|
|
4
|
+
import { b as E } from "../normalize-props-DH0oPBss.js";
|
|
5
|
+
const P = {
|
|
6
|
+
"notification-antivirus": { nextButtonLabel: "Suivant", question: "Que devez-vous faire pour cette notification ?", notificationSubtitle: "Antivirus security", iDontKnow: "Je ne sais pas", closeNotification: "Fermer la notification", successFeedbackTitle: "Bien joué !", failureFeedbackTitle: "Eh non !", indeed: "effectivement, ", step1: { notification: { title: "Analyse quotidienne terminée", content: "Aucun élément dangereux détecté." }, shutDownComputer: "Éteindre l’ordinateur", feedback: "{{indeed}}ici la notification transmet seulement une information mais ne demande pas d’action de la part de Philippe. Il faut toujours lire attentivement les notifications de l’antivirus." }, step2: { notification: { title: "Menace détectée sur la clef USB", content: "L’élément potentiellement dangereux a été isolé." }, unplugUsb: "Débrancher la clé et ne plus l’utiliser", feedback: "{{indeed}}ici la notification transmet une information importante à Philippe : il a un problème avec la clé USB. Mieux vaut ne plus l’utiliser." }, step3: { notification: { title: "Mise à jour prête à être installée", content: "La base de signatures de votre antivirus doit être mise à jour." }, installUpdate: "Installer la mise à jour", feedback: "{{indeed}}ici la notification transmet une information importante à Philippe : son antivirus doit être mis à jour. Il est important de ne pas ignorer cette notification et d’installer la notification." } }
|
|
7
|
+
}, G = ["aria-disabled"], R = { class: "sr-only" }, U = /* @__PURE__ */ _({
|
|
8
|
+
__name: "Chips.ce",
|
|
9
|
+
props: {
|
|
10
|
+
variant: { type: String }
|
|
11
|
+
},
|
|
12
|
+
emits: ["click"],
|
|
13
|
+
setup(e, { expose: n, emit: t }) {
|
|
14
|
+
const l = u(() => e.variant === "neutral"), a = u(() => e.variant === "positive"), o = u(() => e.variant === "negative"), s = u(() => a.value ? "chips.goodAnswer" : "chips.badAnswer"), d = V("button");
|
|
15
|
+
function k() {
|
|
16
|
+
l.value && $("click");
|
|
17
|
+
}
|
|
18
|
+
function y() {
|
|
19
|
+
d.value.focus();
|
|
20
|
+
}
|
|
21
|
+
const $ = t;
|
|
22
|
+
return n({
|
|
23
|
+
buttonElement: d,
|
|
24
|
+
focus: y
|
|
25
|
+
}), (b, L) => (r(), p("button", {
|
|
26
|
+
ref: "button",
|
|
27
|
+
"aria-disabled": !l.value,
|
|
28
|
+
class: A({ [e.variant]: !0 }),
|
|
29
|
+
type: "button",
|
|
30
|
+
onClick: k
|
|
31
|
+
}, [
|
|
32
|
+
l.value ? h("", !0) : (r(), p(M, { key: 0 }, [
|
|
33
|
+
a.value ? (r(), w(H, {
|
|
34
|
+
key: 0,
|
|
35
|
+
"aria-hidden": !0,
|
|
36
|
+
class: "icon"
|
|
37
|
+
})) : h("", !0),
|
|
38
|
+
o.value ? (r(), w(z, {
|
|
39
|
+
key: 1,
|
|
40
|
+
"aria-hidden": !0,
|
|
41
|
+
class: "icon",
|
|
42
|
+
color: "#141514"
|
|
43
|
+
})) : h("", !0),
|
|
44
|
+
i("span", R, c(b.$t(s.value)), 1)
|
|
45
|
+
], 64)),
|
|
46
|
+
f(b.$slots, "default", {}, void 0, !0)
|
|
47
|
+
], 10, G));
|
|
48
|
+
}
|
|
49
|
+
}), K = "button[data-v-346e8bce]{display:flex;padding:8px;justify-content:center;align-items:center;border-radius:8px;background:#155dfc;box-shadow:0 2px 5px #155dfc40,0 -2px 5px #155dfc26 inset,0 1px 1px #fafafa1a inset,0 3px 4px #ebebeb1a inset;border:none;flex:1;color:#fff;font-size:14px;font-weight:700}button[data-v-346e8bce]:hover{cursor:pointer;background:#0d3897}button.positive[data-v-346e8bce]{cursor:not-allowed;border-radius:8px;background:#338436;box-shadow:0 2px 5px #31623840,0 -2px 5px #31623826 inset,0 1px 1px #fafafa1a inset,0 3px 4px #ebebeb1a inset}button.positive[data-v-346e8bce]:focus{background:#338436}button.negative[data-v-346e8bce]{cursor:not-allowed;color:#141514;border-radius:8px;background:#ffbe0b;box-shadow:0 2px 5px #99720740,0 -2px 5px #99720726 inset,0 1px 1px #fafafa1a inset,0 3px 4px #ebebeb1a inset}button.negative[data-v-346e8bce]:focus{background:#ffbe0b;outline-color:#141514}button .icon[data-v-346e8bce]{width:18px;height:18px;margin-right:4px}button[data-v-346e8bce]:focus{background:#0d3897;border-radius:12px;outline:1px solid #fafafa;outline-offset:-3px}button[data-v-346e8bce]:active:not([aria-disabled=true]){background:#041332;outline:none}", O = /* @__PURE__ */ m(U, [["styles", [K]], ["__scopeId", "data-v-346e8bce"]]), J = { class: "category-select-container" }, Q = { class: "steps-wrapper" }, W = {
|
|
50
|
+
"aria-hidden": "true",
|
|
51
|
+
class: "steps-wrapper__stepper-count"
|
|
52
|
+
}, X = { class: "steps-wrapper__stepper" }, Y = {
|
|
53
|
+
"aria-live": "polite",
|
|
54
|
+
class: "sr-only"
|
|
55
|
+
}, t2 = { class: "category-select-container-wrapper" }, e2 = { class: "actions" }, i2 = { class: "actions__title" }, a2 = {
|
|
56
|
+
"aria-live": "polite",
|
|
57
|
+
class: "actions__button-list"
|
|
58
|
+
}, n2 = /* @__PURE__ */ _({
|
|
59
|
+
__name: "CategorySelect.ce",
|
|
60
|
+
props: {
|
|
61
|
+
currentStep: { type: Number },
|
|
62
|
+
totalStep: { type: Number },
|
|
63
|
+
question: { type: String },
|
|
64
|
+
answers: { type: Array },
|
|
65
|
+
answered: { type: Boolean }
|
|
66
|
+
},
|
|
67
|
+
emits: ["answered"],
|
|
68
|
+
setup(e) {
|
|
69
|
+
const n = e, t = u(() => {
|
|
70
|
+
const a = Math.floor(n.currentStep / n.totalStep * 100) ?? 0;
|
|
71
|
+
return a > 100 ? 100 : a;
|
|
72
|
+
});
|
|
73
|
+
function l(a) {
|
|
74
|
+
return n.answered ? a ? "positive" : "negative" : "neutral";
|
|
75
|
+
}
|
|
76
|
+
return (a, o) => (r(), p("div", J, [
|
|
77
|
+
i("div", Q, [
|
|
78
|
+
i("p", W, c(e.currentStep) + "/" + c(e.totalStep), 1),
|
|
79
|
+
i("div", X, [
|
|
80
|
+
i("div", {
|
|
81
|
+
style: N({ "--stepProgress": `${t.value}%` }),
|
|
82
|
+
class: "steps-wrapper__effective-steps"
|
|
83
|
+
}, null, 4)
|
|
84
|
+
]),
|
|
85
|
+
i("p", Y, c(a.$t("category-select.step", { currentStep: e.currentStep, totalStep: e.totalStep })), 1)
|
|
86
|
+
]),
|
|
87
|
+
i("div", t2, [
|
|
88
|
+
f(a.$slots, "default", {}, void 0, !0),
|
|
89
|
+
i("div", e2, [
|
|
90
|
+
i("p", i2, c(n.question), 1),
|
|
91
|
+
i("section", a2, [
|
|
92
|
+
(r(!0), p(M, null, Z(e.answers, (s) => (r(), w(O, {
|
|
93
|
+
key: s.label,
|
|
94
|
+
variant: l(s.isGoodAnswer),
|
|
95
|
+
onClick: (d) => a.$emit("answered", !!s.isGoodAnswer)
|
|
96
|
+
}, {
|
|
97
|
+
default: C(() => [
|
|
98
|
+
x(c(s.label), 1)
|
|
99
|
+
]),
|
|
100
|
+
_: 2
|
|
101
|
+
}, 1032, ["variant", "onClick"]))), 128))
|
|
102
|
+
])
|
|
103
|
+
])
|
|
104
|
+
])
|
|
105
|
+
]));
|
|
106
|
+
}
|
|
107
|
+
}), o2 = 'p[data-v-a6e7cafb]{font-family:Roboto,arial,"sans-serif";margin:0}.category-select-container[data-v-a6e7cafb]{border-radius:16px;box-shadow:0 2px 5px #155dfc40,0 -2px 5px #155dfc26 inset,0 1px 1px #fafafa1a inset,0 3px 4px #ebebeb1a inset}.category-select-container-wrapper[data-v-a6e7cafb]{padding:16px}.category-select-container-wrapper .actions__button-list[data-v-a6e7cafb]{display:flex;justify-content:space-between;gap:8px}.category-select-container-wrapper .actions__title[data-v-a6e7cafb]{color:#122647;font-size:.875rem;font-weight:700;margin-block:8px 16px}.steps-wrapper[data-v-a6e7cafb]{display:flex;align-items:center;gap:8px;border-radius:16px 16px 0 0;background:#d0dffe;padding:16px 24px}.steps-wrapper__stepper-count[data-v-a6e7cafb]{display:flex;align-items:center;border-radius:50%;aspect-ratio:1;background:#0d3897;color:#fff;font-size:.75rem;padding:4px;font-weight:700}.steps-wrapper__stepper[data-v-a6e7cafb]{background:#fff;height:8px;width:100%;border-radius:4px}.steps-wrapper__effective-steps[data-v-a6e7cafb]{width:var(--stepProgress);background:#0d3897;border-radius:4px;height:8px}.sr-only[data-v-a6e7cafb]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}@media screen and (max-width:576px){.actions__button-list[data-v-a6e7cafb]{flex-direction:column}}', s2 = /* @__PURE__ */ m(n2, [["styles", [o2]], ["__scopeId", "data-v-a6e7cafb"]]), c2 = ["aria-disabled"], r2 = /* @__PURE__ */ _({
|
|
108
|
+
__name: "Button.ce",
|
|
109
|
+
props: {
|
|
110
|
+
isDisabled: { type: Boolean }
|
|
111
|
+
},
|
|
112
|
+
setup(e, { expose: n }) {
|
|
113
|
+
const t = V("button");
|
|
114
|
+
function l(o) {
|
|
115
|
+
e.isDisabled && o.stopPropagation();
|
|
116
|
+
}
|
|
117
|
+
function a() {
|
|
118
|
+
t.value.focus();
|
|
119
|
+
}
|
|
120
|
+
return n({
|
|
121
|
+
buttonElement: t,
|
|
122
|
+
focus: a
|
|
123
|
+
}), (o, s) => (r(), p("button", {
|
|
124
|
+
ref: "button",
|
|
125
|
+
"aria-disabled": e.isDisabled,
|
|
126
|
+
class: A({ "is-disabled": e.isDisabled }),
|
|
127
|
+
type: "button",
|
|
128
|
+
onClickCapture: l
|
|
129
|
+
}, [
|
|
130
|
+
f(o.$slots, "default", {}, void 0, !0)
|
|
131
|
+
], 42, c2));
|
|
132
|
+
}
|
|
133
|
+
}), l2 = "button[data-v-c01acab2]{padding:8px 24px;border-radius:12px;background:#155dfc;border:none;color:#fff;font-size:.875rem;font-weight:700}button[data-v-c01acab2]:hover{cursor:pointer;background:#0d3897}button[data-v-c01acab2]:focus{background:#0d3897;border-radius:12px;outline:1px solid #fafafa;outline-offset:-3px}button[data-v-c01acab2]:active:not([aria-disabled=true]){background:#041332;outline:none}", d2 = /* @__PURE__ */ m(r2, [["styles", [l2]], ["__scopeId", "data-v-c01acab2"]]), u2 = /* @__PURE__ */ _({
|
|
134
|
+
__name: "Icon.ce",
|
|
135
|
+
props: {
|
|
136
|
+
backgroundColor: { type: String }
|
|
137
|
+
},
|
|
138
|
+
setup(e) {
|
|
139
|
+
return (n, t) => (r(), p("div", {
|
|
140
|
+
style: N({ "--background-color": e.backgroundColor }),
|
|
141
|
+
class: "rounded-icon"
|
|
142
|
+
}, [
|
|
143
|
+
f(n.$slots, "default", {}, void 0, !0)
|
|
144
|
+
], 4));
|
|
145
|
+
}
|
|
146
|
+
}), p2 = ".rounded-icon[data-v-82096407]{display:flex;align-items:center;background-color:var(--background-color);border-radius:50%;aspect-ratio:1;width:fit-content;padding:8px}", f2 = /* @__PURE__ */ m(u2, [["styles", [p2]], ["__scopeId", "data-v-82096407"]]), b2 = { class: "feedback-container" }, v2 = { class: "feedback-container__title" }, C2 = { class: "feedback-container__content" }, g2 = /* @__PURE__ */ _({
|
|
147
|
+
__name: "Feedback.ce",
|
|
148
|
+
props: {
|
|
149
|
+
title: { type: String }
|
|
150
|
+
},
|
|
151
|
+
setup(e) {
|
|
152
|
+
return (n, t) => (r(), p("div", b2, [
|
|
153
|
+
i("p", v2, [
|
|
154
|
+
f(n.$slots, "icon", { class: "icon" }),
|
|
155
|
+
f(n.$slots, "title", {}, () => [
|
|
156
|
+
x(c(e.title), 1)
|
|
157
|
+
])
|
|
158
|
+
]),
|
|
159
|
+
i("p", C2, [
|
|
160
|
+
f(n.$slots, "content")
|
|
161
|
+
])
|
|
162
|
+
]));
|
|
163
|
+
}
|
|
164
|
+
}), _2 = ".feedback-container{font-size:.875em;width:100%}.feedback-container .icon{width:16px;height:16px}.feedback-container__title{display:flex;width:fit-content;padding:4px 8px;justify-content:center;align-items:center;gap:8px;border-radius:8px 8px 0 0;background:#155dfc;color:#fff;margin:0;font-weight:700}.feedback-container__content{padding:8px;border-radius:0 8px 8px;background:#eaf1ff;margin:0}", m2 = /* @__PURE__ */ m(g2, [["styles", [_2]]]), h2 = "data:image/svg+xml,%3csvg%20width='17'%20height='17'%20viewBox='0%200%2017%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.32104%209.82833L5.65896%208.16625C5.48632%207.99347%205.26861%207.90708%205.00583%207.90708C4.74319%207.90708%204.52549%207.99347%204.35271%208.16625C4.18007%208.33889%204.09458%208.5566%204.09625%208.81938C4.09792%209.08201%204.18507%209.29965%204.35771%209.47229L6.65313%2011.7677C6.84424%2011.9576%207.06722%2012.0525%207.32208%2012.0525C7.57681%2012.0525%207.79917%2011.9576%207.98917%2011.7677L12.6227%207.13396C12.7955%206.96132%2012.8819%206.74451%2012.8819%206.48354C12.8819%206.22243%2012.7955%206.00556%2012.6227%205.83292C12.4501%205.66014%2012.2324%205.57375%2011.9696%205.57375C11.7069%205.57375%2011.4893%205.66014%2011.3167%205.83292L7.32104%209.82833ZM8.50271%2017.0054C7.3234%2017.0054%206.21688%2016.7824%205.18313%2016.3363C4.14924%2015.8901%203.24993%2015.2848%202.48521%2014.5202C1.72063%2013.7555%201.11528%2012.8562%200.669167%2011.8223C0.223055%2010.7885%200%209.68201%200%208.50271C0%207.3234%200.223055%206.21687%200.669167%205.18312C1.11528%204.14924%201.72063%203.24993%202.48521%202.48521C3.24993%201.72062%204.14924%201.11528%205.18313%200.669167C6.21688%200.223055%207.3234%200%208.50271%200C9.68201%200%2010.7885%200.223055%2011.8223%200.669167C12.8562%201.11528%2013.7555%201.72062%2014.5202%202.48521C15.2848%203.24993%2015.8901%204.14924%2016.3363%205.18312C16.7824%206.21687%2017.0054%207.3234%2017.0054%208.50271C17.0054%209.68201%2016.7824%2010.7885%2016.3363%2011.8223C15.8901%2012.8562%2015.2848%2013.7555%2014.5202%2014.5202C13.7555%2015.2848%2012.8562%2015.8901%2011.8223%2016.3363C10.7885%2016.7824%209.68201%2017.0054%208.50271%2017.0054ZM8.50271%2015.1096C10.3505%2015.1096%2011.9136%2014.4704%2013.1921%2013.1921C14.4704%2011.9136%2015.1096%2010.3505%2015.1096%208.50271C15.1096%206.65493%2014.4704%205.09181%2013.1921%203.81333C11.9136%202.535%2010.3505%201.89583%208.50271%201.89583C6.65493%201.89583%205.09181%202.535%203.81333%203.81333C2.535%205.09181%201.89583%206.65493%201.89583%208.50271C1.89583%2010.3505%202.535%2011.9136%203.81333%2013.1921C5.09181%2014.4704%206.65493%2015.1096%208.50271%2015.1096Z'%20fill='white'/%3e%3c/svg%3e", x2 = "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='M9.99898%2014.3361C10.2756%2014.3361%2010.5079%2014.2425%2010.6959%2014.0552C10.8838%2013.868%2010.9777%2013.6361%2010.9777%2013.3594C10.9777%2013.0827%2010.8842%2012.8495%2010.6971%2012.6598C10.5099%2012.4702%2010.2779%2012.3754%2010.0011%2012.3754C9.7244%2012.3754%209.49211%2012.4702%209.30419%2012.6598C9.11627%2012.8495%209.02232%2013.0827%209.02232%2013.3594C9.02232%2013.6361%209.11586%2013.868%209.30294%2014.0552C9.49016%2014.2425%209.72218%2014.3361%209.99898%2014.3361ZM10%2010.8434C10.266%2010.8434%2010.4905%2010.7518%2010.6736%2010.5688C10.8565%2010.3859%2010.9479%2010.1614%2010.9479%209.89544V6.67669C10.9479%206.41072%2010.8565%206.1862%2010.6736%206.00315C10.4905%205.82023%2010.266%205.72877%2010%205.72877C9.73405%205.72877%209.50954%205.82023%209.32648%206.00315C9.14357%206.1862%209.05211%206.41072%209.05211%206.67669V9.89544C9.05211%2010.1614%209.14357%2010.3859%209.32648%2010.5688C9.50954%2010.7518%209.73405%2010.8434%2010%2010.8434ZM10%2018.5027C8.82072%2018.5027%207.71419%2018.2797%206.68044%2017.8336C5.64655%2017.3875%204.74725%2016.7821%203.98252%2016.0175C3.21794%2015.2528%202.61259%2014.3535%202.16648%2013.3196C1.72037%2012.2859%201.49731%2011.1793%201.49731%2010C1.49731%208.82072%201.72037%207.71419%202.16648%206.68044C2.61259%205.64655%203.21794%204.74724%203.98252%203.98252C4.74725%203.21794%205.64655%202.61259%206.68044%202.16648C7.71419%201.72037%208.82072%201.49731%2010%201.49731C11.1793%201.49731%2012.2859%201.72037%2013.3196%202.16648C14.3535%202.61259%2015.2528%203.21794%2016.0175%203.98252C16.7821%204.74724%2017.3875%205.64655%2017.8336%206.68044C18.2797%207.71419%2018.5027%208.82072%2018.5027%2010C18.5027%2011.1793%2018.2797%2012.2859%2017.8336%2013.3196C17.3875%2014.3535%2016.7821%2015.2528%2016.0175%2016.0175C15.2528%2016.7821%2014.3535%2017.3875%2013.3196%2017.8336C12.2859%2018.2797%2011.1793%2018.5027%2010%2018.5027ZM10%2016.6069C11.8478%2016.6069%2013.4109%2015.9677%2014.6894%2014.6894C15.9677%2013.4109%2016.6069%2011.8478%2016.6069%2010C16.6069%208.15225%2015.9677%206.58912%2014.6894%205.31065C13.4109%204.03231%2011.8478%203.39315%2010%203.39315C8.15225%203.39315%206.58912%204.03231%205.31065%205.31065C4.03231%206.58912%203.39315%208.15225%203.39315%2010C3.39315%2011.8478%204.03231%2013.4109%205.31065%2014.6894C6.58912%2015.9677%208.15225%2016.6069%2010%2016.6069Z'%20fill='%23FAFAFA'/%3e%3c/svg%3e", w2 = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%2021C3.71667%2021%203.47917%2020.9042%203.2875%2020.7125C3.09583%2020.5208%203%2020.2833%203%2020V19C3%2018.7167%203.09583%2018.4792%203.2875%2018.2875C3.47917%2018.0958%203.71667%2018%204%2018C4.28333%2018%204.52083%2018.0958%204.7125%2018.2875C4.90417%2018.4792%205%2018.7167%205%2019V20C5%2020.2833%204.90417%2020.5208%204.7125%2020.7125C4.52083%2020.9042%204.28333%2021%204%2021ZM8%2021C7.71667%2021%207.47917%2020.9042%207.2875%2020.7125C7.09583%2020.5208%207%2020.2833%207%2020V14.5C7%2014.2167%207.09583%2013.9792%207.2875%2013.7875C7.47917%2013.5958%207.71667%2013.5%208%2013.5C8.28333%2013.5%208.52083%2013.5958%208.7125%2013.7875C8.90417%2013.9792%209%2014.2167%209%2014.5V20C9%2020.2833%208.90417%2020.5208%208.7125%2020.7125C8.52083%2020.9042%208.28333%2021%208%2021ZM12%2021C11.7167%2021%2011.4792%2020.9042%2011.2875%2020.7125C11.0958%2020.5208%2011%2020.2833%2011%2020V16.5C11%2016.2167%2011.0958%2015.9792%2011.2875%2015.7875C11.4792%2015.5958%2011.7167%2015.5%2012%2015.5C12.2833%2015.5%2012.5208%2015.5958%2012.7125%2015.7875C12.9042%2015.9792%2013%2016.2167%2013%2016.5V20C13%2020.2833%2012.9042%2020.5208%2012.7125%2020.7125C12.5208%2020.9042%2012.2833%2021%2012%2021ZM16%2021C15.7167%2021%2015.4792%2020.9042%2015.2875%2020.7125C15.0958%2020.5208%2015%2020.2833%2015%2020V15C15%2014.7167%2015.0958%2014.4792%2015.2875%2014.2875C15.4792%2014.0958%2015.7167%2014%2016%2014C16.2833%2014%2016.5208%2014.0958%2016.7125%2014.2875C16.9042%2014.4792%2017%2014.7167%2017%2015V20C17%2020.2833%2016.9042%2020.5208%2016.7125%2020.7125C16.5208%2020.9042%2016.2833%2021%2016%2021ZM20%2021C19.7167%2021%2019.4792%2020.9042%2019.2875%2020.7125C19.0958%2020.5208%2019%2020.2833%2019%2020V11C19%2010.7167%2019.0958%2010.4792%2019.2875%2010.2875C19.4792%2010.0958%2019.7167%209.99999%2020%209.99999C20.2833%209.99999%2020.5208%2010.0958%2020.7125%2010.2875C20.9042%2010.4792%2021%2010.7167%2021%2011V20C21%2020.2833%2020.9042%2020.5208%2020.7125%2020.7125C20.5208%2020.9042%2020.2833%2021%2020%2021ZM14%2011.975C13.7333%2011.975%2013.4792%2011.925%2013.2375%2011.825C12.9958%2011.725%2012.775%2011.5833%2012.575%2011.4L10%208.82499L4.7%2014.125C4.5%2014.325%204.2625%2014.4208%203.9875%2014.4125C3.7125%2014.4042%203.475%2014.3%203.275%2014.1C3.09167%2013.9%203.00417%2013.6625%203.0125%2013.3875C3.02083%2013.1125%203.11667%2012.8833%203.3%2012.7L8.575%207.42499C8.775%207.22499%208.99583%207.07915%209.2375%206.98749C9.47917%206.89582%209.73333%206.84999%2010%206.84999C10.2667%206.84999%2010.525%206.89582%2010.775%206.98749C11.025%207.07915%2011.2417%207.22499%2011.425%207.42499L14%209.99999L19.3%204.69999C19.5%204.49999%2019.7375%204.40415%2020.0125%204.41249C20.2875%204.42082%2020.525%204.52499%2020.725%204.72499C20.9083%204.92499%2020.9958%205.16249%2020.9875%205.43749C20.9792%205.71249%2020.8833%205.94165%2020.7%206.12499L15.425%2011.4C15.2417%2011.5833%2015.025%2011.725%2014.775%2011.825C14.525%2011.925%2014.2667%2011.975%2014%2011.975Z'%20fill='%23332602'/%3e%3c/svg%3e", k2 = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.5875%2021.4125C10.1958%2021.0208%2010%2020.55%2010%2020C10%2019.65%2010.0917%2019.325%2010.275%2019.025C10.4583%2018.725%2010.7%2018.4833%2011%2018.3V16H8C7.45%2016%206.97917%2015.8042%206.5875%2015.4125C6.19583%2015.0208%206%2014.55%206%2014V11.7C5.7%2011.55%205.45833%2011.325%205.275%2011.025C5.09167%2010.725%205%2010.3833%205%2010C5%209.45%205.19583%208.97917%205.5875%208.5875C5.97917%208.19583%206.45%208%207%208C7.55%208%208.02083%208.19583%208.4125%208.5875C8.80417%208.97917%209%209.45%209%2010C9%2010.3833%208.90833%2010.7167%208.725%2011C8.54167%2011.2833%208.3%2011.5167%208%2011.7V14H11V6H9L12%202L15%206H13V14H16V12H15V8H19V12H18V14C18%2014.55%2017.8042%2015.0208%2017.4125%2015.4125C17.0208%2015.8042%2016.55%2016%2016%2016H13V18.3C13.3167%2018.4667%2013.5625%2018.7%2013.7375%2019C13.9125%2019.3%2014%2019.6333%2014%2020C14%2020.55%2013.8042%2021.0208%2013.4125%2021.4125C13.0208%2021.8042%2012.55%2022%2012%2022C11.45%2022%2010.9792%2021.8042%2010.5875%2021.4125Z'%20fill='%23332602'/%3e%3c/svg%3e", y2 = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2021C10.75%2021%209.57917%2020.7625%208.4875%2020.2875C7.39583%2019.8125%206.44583%2019.1708%205.6375%2018.3625C4.82917%2017.5542%204.1875%2016.6042%203.7125%2015.5125C3.2375%2014.4208%203%2013.25%203%2012C3%2010.75%203.2375%209.57917%203.7125%208.4875C4.1875%207.39583%204.82917%206.44583%205.6375%205.6375C6.44583%204.82917%207.39583%204.1875%208.4875%203.7125C9.57917%203.2375%2010.75%203%2012%203C13.3667%203%2014.6625%203.29167%2015.8875%203.875C17.1125%204.45833%2018.15%205.28333%2019%206.35V4H21V10H15V8H17.75C17.0667%207.06667%2016.225%206.33333%2015.225%205.8C14.225%205.26667%2013.15%205%2012%205C10.05%205%208.39583%205.67917%207.0375%207.0375C5.67917%208.39583%205%2010.05%205%2012C5%2013.95%205.67917%2015.6042%207.0375%2016.9625C8.39583%2018.3208%2010.05%2019%2012%2019C13.75%2019%2015.2792%2018.4333%2016.5875%2017.3C17.8958%2016.1667%2018.6667%2014.7333%2018.9%2013H20.95C20.7%2015.2833%2019.7208%2017.1875%2018.0125%2018.7125C16.3042%2020.2375%2014.3%2021%2012%2021ZM14.8%2016.2L11%2012.4V7H13V11.6L16.2%2014.8L14.8%2016.2Z'%20fill='%23332602'/%3e%3c/svg%3e", $2 = {
|
|
165
|
+
"category-select": { step: "Étape {{currentStep}} sur {{totalStep}}" }
|
|
166
|
+
};
|
|
167
|
+
function S2() {
|
|
168
|
+
g.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/fr.json": $2 }));
|
|
169
|
+
}
|
|
170
|
+
const V2 = { goodAnswer: "Bonne réponse", badAnswer: "Mauvaise réponse" }, L2 = {
|
|
171
|
+
chips: V2
|
|
172
|
+
};
|
|
173
|
+
function F2() {
|
|
174
|
+
g.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/fr.json": L2 }));
|
|
175
|
+
}
|
|
176
|
+
const A2 = {
|
|
177
|
+
ref: "notification-antivirus-container",
|
|
178
|
+
class: "wrapper",
|
|
179
|
+
tabindex: "-1"
|
|
180
|
+
}, M2 = { class: "notification" }, N2 = ["src"], B2 = { class: "notification-wrapper" }, T2 = { class: "notification-header" }, I2 = ["aria-level"], j2 = { class: "notification-header__subtitle" }, Z2 = { class: "notification-header__time" }, D2 = { class: "notification-content" }, q2 = {
|
|
181
|
+
"aria-live": "polite",
|
|
182
|
+
class: "feedback-wrapper"
|
|
183
|
+
}, H2 = ["src"], z2 = /* @__PURE__ */ _({
|
|
184
|
+
__name: "NotificationAntivirus.ce",
|
|
185
|
+
props: {
|
|
186
|
+
titleLevel: { type: Number }
|
|
187
|
+
},
|
|
188
|
+
setup(e, { expose: n }) {
|
|
189
|
+
F2(), S2();
|
|
190
|
+
const { t } = q(), l = [
|
|
191
|
+
{
|
|
192
|
+
notification: {
|
|
193
|
+
title: t("notification-antivirus.step1.notification.title"),
|
|
194
|
+
subTitle: t("notification-antivirus.notificationSubtitle"),
|
|
195
|
+
content: t("notification-antivirus.step1.notification.content"),
|
|
196
|
+
iconName: "monitoring"
|
|
197
|
+
},
|
|
198
|
+
question: t("notification-antivirus.question"),
|
|
199
|
+
answers: [
|
|
200
|
+
{ label: t("notification-antivirus.closeNotification"), isGoodAnswer: !0 },
|
|
201
|
+
{ label: t("notification-antivirus.step1.shutDownComputer") },
|
|
202
|
+
{ label: t("notification-antivirus.iDontKnow") }
|
|
203
|
+
],
|
|
204
|
+
successFeedback: t("notification-antivirus.step1.feedback", { indeed: t("notification-antivirus.indeed") }),
|
|
205
|
+
failureFeedback: t("notification-antivirus.step1.feedback", { indeed: "" })
|
|
206
|
+
},
|
|
207
|
+
{
|
|
208
|
+
notification: {
|
|
209
|
+
title: t("notification-antivirus.step2.notification.title"),
|
|
210
|
+
subTitle: t("notification-antivirus.notificationSubtitle"),
|
|
211
|
+
content: t("notification-antivirus.step2.notification.content"),
|
|
212
|
+
iconName: "usb"
|
|
213
|
+
},
|
|
214
|
+
question: t("notification-antivirus.question"),
|
|
215
|
+
answers: [
|
|
216
|
+
{ label: t("notification-antivirus.closeNotification") },
|
|
217
|
+
{ label: t("notification-antivirus.step2.unplugUsb"), isGoodAnswer: !0 },
|
|
218
|
+
{ label: t("notification-antivirus.iDontKnow") }
|
|
219
|
+
],
|
|
220
|
+
successFeedback: t("notification-antivirus.step2.feedback", { indeed: t("notification-antivirus.indeed") }),
|
|
221
|
+
failureFeedback: t("notification-antivirus.step2.feedback", { indeed: "" })
|
|
222
|
+
},
|
|
223
|
+
{
|
|
224
|
+
notification: {
|
|
225
|
+
title: t("notification-antivirus.step3.notification.title"),
|
|
226
|
+
subTitle: t("notification-antivirus.notificationSubtitle"),
|
|
227
|
+
content: t("notification-antivirus.step3.notification.content"),
|
|
228
|
+
iconName: "update"
|
|
229
|
+
},
|
|
230
|
+
question: t("notification-antivirus.question"),
|
|
231
|
+
answers: [
|
|
232
|
+
{ label: t("notification-antivirus.closeNotification") },
|
|
233
|
+
{ label: t("notification-antivirus.step3.installUpdate"), isGoodAnswer: !0 },
|
|
234
|
+
{ label: t("notification-antivirus.iDontKnow") }
|
|
235
|
+
],
|
|
236
|
+
successFeedback: t("notification-antivirus.step3.feedback", { indeed: t("notification-antivirus.indeed") }),
|
|
237
|
+
failureFeedback: t("notification-antivirus.step3.feedback", { indeed: "" })
|
|
238
|
+
}
|
|
239
|
+
], a = S(0), o = u(() => l.at(a.value)), s = S(!1), d = S(!1), k = V("notification-antivirus-container"), y = {
|
|
240
|
+
monitoring: w2,
|
|
241
|
+
usb: k2,
|
|
242
|
+
update: y2
|
|
243
|
+
}, $ = u(() => new Intl.DateTimeFormat(g.language, {
|
|
244
|
+
hour: "2-digit",
|
|
245
|
+
minute: "2-digit"
|
|
246
|
+
}).format(/* @__PURE__ */ new Date())), b = u(() => ({
|
|
247
|
+
title: d.value ? t("notification-antivirus.successFeedbackTitle") : t("notification-antivirus.failureFeedbackTitle"),
|
|
248
|
+
content: d.value ? o.value.successFeedback : o.value.failureFeedback,
|
|
249
|
+
icon: d.value ? h2 : x2
|
|
250
|
+
}));
|
|
251
|
+
function L(v) {
|
|
252
|
+
return v.charAt(0).toUpperCase() + v.slice(1);
|
|
253
|
+
}
|
|
254
|
+
function T() {
|
|
255
|
+
s.value = !1, d.value = !1, a.value = 0;
|
|
256
|
+
}
|
|
257
|
+
function I(v) {
|
|
258
|
+
s.value = !0, d.value = v;
|
|
259
|
+
}
|
|
260
|
+
function j() {
|
|
261
|
+
s.value = !1, d.value = !1, a.value += 1, k.value.focus();
|
|
262
|
+
}
|
|
263
|
+
return n({
|
|
264
|
+
reset: T
|
|
265
|
+
}), (v, R2) => (r(), p("div", A2, [
|
|
266
|
+
F(s2, {
|
|
267
|
+
answered: s.value,
|
|
268
|
+
answers: o.value.answers,
|
|
269
|
+
"current-step": a.value + 1,
|
|
270
|
+
question: o.value.question,
|
|
271
|
+
"total-step": l.length,
|
|
272
|
+
onAnswered: I
|
|
273
|
+
}, {
|
|
274
|
+
default: C(() => [
|
|
275
|
+
i("div", M2, [
|
|
276
|
+
F(f2, { "background-color": "#ffbE0b" }, {
|
|
277
|
+
default: C(() => [
|
|
278
|
+
i("img", {
|
|
279
|
+
src: y[o.value.notification.iconName],
|
|
280
|
+
alt: ""
|
|
281
|
+
}, null, 8, N2)
|
|
282
|
+
]),
|
|
283
|
+
_: 1
|
|
284
|
+
}),
|
|
285
|
+
i("div", B2, [
|
|
286
|
+
i("div", T2, [
|
|
287
|
+
i("div", {
|
|
288
|
+
"aria-level": e.titleLevel || 2,
|
|
289
|
+
class: "notification-header__title",
|
|
290
|
+
role: "heading"
|
|
291
|
+
}, [
|
|
292
|
+
i("span", j2, c(o.value.notification.subTitle), 1),
|
|
293
|
+
x(" " + c(o.value.notification.title), 1)
|
|
294
|
+
], 8, I2),
|
|
295
|
+
i("p", Z2, c($.value), 1)
|
|
296
|
+
]),
|
|
297
|
+
i("p", D2, c(o.value.notification.content), 1)
|
|
298
|
+
])
|
|
299
|
+
])
|
|
300
|
+
]),
|
|
301
|
+
_: 1
|
|
302
|
+
}, 8, ["answered", "answers", "current-step", "question", "total-step"]),
|
|
303
|
+
i("section", q2, [
|
|
304
|
+
s.value ? (r(), w(m2, {
|
|
305
|
+
key: 0,
|
|
306
|
+
title: b.value.title,
|
|
307
|
+
class: "feedback"
|
|
308
|
+
}, {
|
|
309
|
+
icon: C(() => [
|
|
310
|
+
i("img", {
|
|
311
|
+
src: b.value.icon,
|
|
312
|
+
alt: ""
|
|
313
|
+
}, null, 8, H2)
|
|
314
|
+
]),
|
|
315
|
+
content: C(() => [
|
|
316
|
+
x(c(L(b.value.content)), 1)
|
|
317
|
+
]),
|
|
318
|
+
_: 1
|
|
319
|
+
}, 8, ["title"])) : h("", !0),
|
|
320
|
+
s.value && a.value + 1 < l.length ? (r(), w(d2, {
|
|
321
|
+
key: 1,
|
|
322
|
+
class: "next-button",
|
|
323
|
+
onClick: j
|
|
324
|
+
}, {
|
|
325
|
+
default: C(() => [
|
|
326
|
+
x(c(v.$t("notification-antivirus.nextButtonLabel")), 1)
|
|
327
|
+
]),
|
|
328
|
+
_: 1
|
|
329
|
+
})) : h("", !0)
|
|
330
|
+
])
|
|
331
|
+
], 512));
|
|
332
|
+
}
|
|
333
|
+
}), E2 = "p{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}", P2 = "[data-v-80416a34]{font-family:Roboto,sans-serif;color:#253858}.notification[data-v-80416a34]{padding:8px 16px;display:flex;align-items:center;gap:8px;background-color:#fff8e7;border-radius:8px}.notification-wrapper[data-v-80416a34]{width:100%}.notification-header[data-v-80416a34]{display:flex;align-items:center;justify-content:space-between}.notification-header__title[data-v-80416a34]{color:#141514;font-size:1rem;font-weight:700}.notification-header__subtitle[data-v-80416a34],.notification-header__time[data-v-80416a34]{display:block;color:#666765;font-size:.75rem;font-weight:400}.feedback-wrapper[data-v-80416a34]{margin-top:16px}.feedback-wrapper .feedback[data-v-80416a34]{margin-bottom:16px}.feedback-wrapper .next-button[data-v-80416a34]{display:block;margin:0 auto}@media screen and (max-width:576px){.notification-header[data-v-80416a34]{flex-direction:column;align-items:start}.notification-header .notification-header__time[data-v-80416a34]{order:-1}}", G2 = /* @__PURE__ */ m(z2, [["styles", [E2, P2]], ["__scopeId", "data-v-80416a34"]]);
|
|
334
|
+
g.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/fr.json": P }));
|
|
335
|
+
const B = D(G2, {
|
|
336
|
+
configureApp(e) {
|
|
337
|
+
g.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(g);
|
|
338
|
+
}
|
|
339
|
+
});
|
|
340
|
+
B.prototype.normalizeProps = (e) => ({
|
|
341
|
+
titleLevel: E(e.titleLevel)
|
|
342
|
+
});
|
|
343
|
+
window.customElements.define("notification-antivirus", B);
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { _ as
|
|
1
|
+
import { _ as V, s as P, o as n, c as l, a as t, v, l as C, t as w, B as D, x as o, b as M, h as O, r as z, K as U, F as m, e as h, f as x, m as _, D as B, E as y, g as d, n as G, d as K } from "../_plugin-vue_export-helper-Dz58mCLm.js";
|
|
2
2
|
import { u as Z, i as S } from "../i18n-lite-CzqISEWm.js";
|
|
3
3
|
import { B as H } from "../Button.ce-Dvxeebpx.js";
|
|
4
|
-
const J = {
|
|
4
|
+
const J = {}, Q = {}, W = {}, X = {}, Y = {}, ee = {
|
|
5
5
|
"usages-donnees": { "instruction-step-1": "Parmi les éléments suivants, séléctionnez ceux qui correspondent à ce que vous avez sur votre appareil.", "instruction-step-2": "Parmi les éléments suivants, séléctionnez ceux qui correspondent à ce que vous faites en ligne.", "step-a11y": "Étape {{currentStep}} sur {{total}}", next: "Suivant", result: "Voir mon bilan", "locale-choice-title": "Ce que vous avez sur votre appareil", "cloud-choice-title": "Ce que vous faites en ligne", "last-step": { "title-1": "Données et usages avec plus de valeur", "title-2": "Données et usages avec moins de valeur", content: { "line-1": "Certaines données et certains usages ont beaucoup de valeur pour les pirates, d’autres ont moins de valeur.", "line-2": "Par exemple, en accédant à ces informations, les pirates peuvent : {{bold1}} à vos différents services en ligne ou vous demander {{bold2}} (une rançon) pour réparer les dégâts qu'ils ont causés.", "bold-1": "récupérer des données importantes, accéder", "bold-2": "de l'argent" } } }
|
|
6
|
-
},
|
|
6
|
+
}, te = {}, ae = {}, se = "data:image/svg+xml,%3csvg%20width='11'%20height='8'%20viewBox='0%200%2011%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.61484%205.80617L9.19317%200.227833C9.34506%200.0759442%209.52317%200%209.7275%200C9.93184%200%2010.11%200.0759442%2010.262%200.227833C10.4139%200.379833%2010.4898%200.560111%2010.4898%200.768667C10.4898%200.977222%2010.4139%201.1575%2010.262%201.3095L4.14934%207.43483C3.99734%207.58672%203.81917%207.66267%203.61484%207.66267C3.41051%207.66267%203.23234%207.58672%203.08034%207.43483L0.221671%204.57617C0.0697825%204.42417%20-0.00405093%204.24389%200.000171293%204.03533C0.00439352%203.82678%200.0824491%203.6465%200.234338%203.4945C0.386338%203.34261%200.566616%203.26667%200.775171%203.26667C0.983727%203.26667%201.164%203.34261%201.316%203.4945L3.61484%205.80617Z'%20fill='%23212A37'/%3e%3c/svg%3e", ne = "label[data-v-e33c94f6]{position:relative;display:flex;align-items:center;gap:6px;border-radius:8px}label[data-v-e33c94f6]:not(.readonly):hover{cursor:pointer}label .custom-input[data-v-e33c94f6]{display:flex;justify-content:center;align-items:center;min-width:16px;aspect-ratio:1;background-color:#fff;border:1px solid #000}label .custom-input img[data-v-e33c94f6]{width:10px}label input:focus~.custom-input[data-v-e33c94f6]{outline:2px solid black}.variant-a[data-v-e33c94f6]{background:#eaf1ff;padding:14px}.variant-a.is-checked[data-v-e33c94f6]{background:#2c75ff;color:#fff}.variant-b[data-v-e33c94f6],.variant-c[data-v-e33c94f6]{border-left:4px solid #c8cfd9;background:#f9f9f9;padding:8px 12px}.variant-b.is-checked[data-v-e33c94f6]{border-left:4px solid #ffdc76;background:#fffaeb}.variant-c.is-checked[data-v-e33c94f6]{border-left:4px solid #72a3ff;background:#eaf1ff}", oe = ["for"], le = ["id", "checked", "readonly"], ce = ["src"], re = {
|
|
7
7
|
__name: "CustomCheckbox.ce",
|
|
8
8
|
props: {
|
|
9
9
|
label: String,
|
|
@@ -20,77 +20,77 @@ const J = {
|
|
|
20
20
|
},
|
|
21
21
|
emits: ["select"],
|
|
22
22
|
setup(a, { emit: b }) {
|
|
23
|
-
const
|
|
24
|
-
function s(
|
|
25
|
-
a.readonly || p("select",
|
|
23
|
+
const r = P(), p = b;
|
|
24
|
+
function s(c) {
|
|
25
|
+
a.readonly || p("select", c.target.checked, a.index);
|
|
26
26
|
}
|
|
27
|
-
return (
|
|
28
|
-
for: v(
|
|
27
|
+
return (c, j) => (n(), l("label", {
|
|
28
|
+
for: v(r),
|
|
29
29
|
class: w({ "is-checked": a.isSelected, [`variant-${a.variant}`]: !0, readonly: a.readonly })
|
|
30
30
|
}, [
|
|
31
31
|
t("input", {
|
|
32
|
-
id: v(
|
|
32
|
+
id: v(r),
|
|
33
33
|
checked: a.isSelected,
|
|
34
34
|
readonly: a.readonly,
|
|
35
35
|
type: "checkbox",
|
|
36
36
|
class: "sr-only",
|
|
37
37
|
onChange: s
|
|
38
|
-
}, null, 40,
|
|
38
|
+
}, null, 40, le),
|
|
39
39
|
t("span", {
|
|
40
40
|
class: w(["custom-input", { "is-checked": a.isSelected }])
|
|
41
41
|
}, [
|
|
42
42
|
a.isSelected ? (n(), l("img", {
|
|
43
43
|
key: 0,
|
|
44
|
-
src: v(
|
|
44
|
+
src: v(se),
|
|
45
45
|
alt: ""
|
|
46
|
-
}, null, 8,
|
|
46
|
+
}, null, 8, ce)) : C("", !0)
|
|
47
47
|
], 2),
|
|
48
48
|
D(" " + o(a.label), 1)
|
|
49
|
-
], 10,
|
|
49
|
+
], 10, oe));
|
|
50
50
|
}
|
|
51
|
-
},
|
|
51
|
+
}, k = /* @__PURE__ */ V(re, [["styles", [ne]], ["__scopeId", "data-v-e33c94f6"]]), ie = {
|
|
52
52
|
key: 0,
|
|
53
53
|
class: "instruction"
|
|
54
|
-
},
|
|
54
|
+
}, de = { key: 1 }, ue = { class: "title" }, fe = { class: "stepper" }, pe = { class: "sr-only" }, be = { "aria-hidden": "true" }, ge = { class: "checkbox-group" }, ve = {
|
|
55
55
|
key: 2,
|
|
56
56
|
class: "result"
|
|
57
|
-
},
|
|
57
|
+
}, me = {
|
|
58
58
|
class: "legend",
|
|
59
59
|
style: { "--color": "#ffcb33" }
|
|
60
|
-
},
|
|
60
|
+
}, he = { class: "title" }, xe = { class: "checkbox-group" }, _e = {
|
|
61
61
|
class: "legend",
|
|
62
62
|
style: { "--color": "#2c75ff" }
|
|
63
|
-
},
|
|
63
|
+
}, ye = { class: "title" }, ke = { class: "checkbox-group" }, Ce = {
|
|
64
64
|
key: 3,
|
|
65
65
|
class: "feedback"
|
|
66
|
-
},
|
|
66
|
+
}, we = /* @__PURE__ */ M({
|
|
67
67
|
__name: "UsagesDonnees.ce",
|
|
68
68
|
props: {
|
|
69
69
|
localeChoices: { type: Array },
|
|
70
70
|
cloudChoices: { type: Array }
|
|
71
71
|
},
|
|
72
72
|
setup(a, { expose: b }) {
|
|
73
|
-
const { t:
|
|
73
|
+
const { t: r } = Z(), p = O("wrapper"), s = z(1), c = z({
|
|
74
74
|
1: a.localeChoices.map((e) => ({ ...e, isSelected: !1 })),
|
|
75
75
|
2: a.cloudChoices.map((e) => ({ ...e, isSelected: !1 }))
|
|
76
|
-
}),
|
|
77
|
-
function
|
|
76
|
+
}), j = d(() => Object.values(c.value).flatMap((e) => e).filter((e) => e.hasValue).sort($)), N = d(() => Object.values(c.value).flatMap((e) => e).filter((e) => !e.hasValue).sort($)), q = d(() => s.value === 1 ? r("usages-donnees.locale-choice-title") : r("usages-donnees.cloud-choice-title")), A = d(() => s.value === 1 ? r("usages-donnees.next") : r("usages-donnees.result")), R = d(() => r(`usages-donnees.instruction-step-${s.value}`)), g = d(() => s.value === 3), E = d(() => !c.value[s.value]?.some(({ isSelected: e }) => e));
|
|
77
|
+
function $(e, u) {
|
|
78
78
|
return e.isSelected && u.isSelected ? 0 : e.isSelected ? -1 : u.isSelected ? 1 : 0;
|
|
79
79
|
}
|
|
80
|
-
function
|
|
81
|
-
|
|
80
|
+
function L() {
|
|
81
|
+
c.value = {
|
|
82
82
|
1: a.localeChoices.map((e) => ({ ...e, isSelected: !1 })),
|
|
83
83
|
2: a.cloudChoices.map((e) => ({ ...e, isSelected: !1 }))
|
|
84
84
|
}, s.value = 1;
|
|
85
85
|
}
|
|
86
86
|
function T(e, u) {
|
|
87
|
-
|
|
87
|
+
c.value[s.value][u].isSelected = e;
|
|
88
88
|
}
|
|
89
89
|
async function F() {
|
|
90
90
|
s.value++, await G(), p.value.focus();
|
|
91
91
|
}
|
|
92
92
|
return b({
|
|
93
|
-
reset:
|
|
93
|
+
reset: L
|
|
94
94
|
}), (e, u) => {
|
|
95
95
|
const I = U("i18n");
|
|
96
96
|
return n(), l("div", {
|
|
@@ -99,14 +99,14 @@ const J = {
|
|
|
99
99
|
class: w(["wrapper", [`step-${s.value}`]]),
|
|
100
100
|
tabindex: "-1"
|
|
101
101
|
}, [
|
|
102
|
-
g.value ? C("", !0) : (n(), l("p",
|
|
103
|
-
g.value ? (n(), l("form",
|
|
102
|
+
g.value ? C("", !0) : (n(), l("p", ie, o(R.value), 1)),
|
|
103
|
+
g.value ? (n(), l("form", ve, [
|
|
104
104
|
t("fieldset", null, [
|
|
105
|
-
t("legend",
|
|
106
|
-
t("span",
|
|
105
|
+
t("legend", me, [
|
|
106
|
+
t("span", he, o(e.$t("usages-donnees.last-step.title-1")), 1)
|
|
107
107
|
]),
|
|
108
|
-
t("div",
|
|
109
|
-
(n(!0), l(m, null, h(
|
|
108
|
+
t("div", xe, [
|
|
109
|
+
(n(!0), l(m, null, h(j.value, (i, f) => (n(), x(k, _({
|
|
110
110
|
key: i.label
|
|
111
111
|
}, { ref_for: !0 }, i, {
|
|
112
112
|
readonly: !0,
|
|
@@ -116,11 +116,11 @@ const J = {
|
|
|
116
116
|
])
|
|
117
117
|
]),
|
|
118
118
|
t("fieldset", null, [
|
|
119
|
-
t("legend",
|
|
120
|
-
t("span",
|
|
119
|
+
t("legend", _e, [
|
|
120
|
+
t("span", ye, o(e.$t("usages-donnees.last-step.title-2")), 1)
|
|
121
121
|
]),
|
|
122
|
-
t("div",
|
|
123
|
-
(n(!0), l(m, null, h(N.value, (i, f) => (n(), x(
|
|
122
|
+
t("div", ke, [
|
|
123
|
+
(n(!0), l(m, null, h(N.value, (i, f) => (n(), x(k, _({
|
|
124
124
|
key: i.label
|
|
125
125
|
}, { ref_for: !0 }, i, {
|
|
126
126
|
readonly: !0,
|
|
@@ -129,17 +129,17 @@ const J = {
|
|
|
129
129
|
}), null, 16, ["index"]))), 128))
|
|
130
130
|
])
|
|
131
131
|
])
|
|
132
|
-
])) : (n(), l("form",
|
|
132
|
+
])) : (n(), l("form", de, [
|
|
133
133
|
t("fieldset", null, [
|
|
134
134
|
t("legend", null, [
|
|
135
|
-
t("span",
|
|
136
|
-
t("span",
|
|
137
|
-
t("span",
|
|
138
|
-
t("span",
|
|
135
|
+
t("span", ue, o(q.value), 1),
|
|
136
|
+
t("span", fe, [
|
|
137
|
+
t("span", pe, o(e.$t("usages-donnees.step-a11y", { currentStep: s.value, total: 2 })), 1),
|
|
138
|
+
t("span", be, o(s.value) + "/2", 1)
|
|
139
139
|
])
|
|
140
140
|
]),
|
|
141
|
-
t("div",
|
|
142
|
-
(n(!0), l(m, null, h(
|
|
141
|
+
t("div", ge, [
|
|
142
|
+
(n(!0), l(m, null, h(c.value[s.value], (i, f) => (n(), x(k, _({
|
|
143
143
|
key: i.label
|
|
144
144
|
}, { ref_for: !0 }, i, {
|
|
145
145
|
index: f,
|
|
@@ -147,24 +147,24 @@ const J = {
|
|
|
147
147
|
}), null, 16, ["index"]))), 128))
|
|
148
148
|
])
|
|
149
149
|
]),
|
|
150
|
-
|
|
150
|
+
B(H, {
|
|
151
151
|
class: "pix-button",
|
|
152
152
|
onClick: F,
|
|
153
|
-
"is-disabled":
|
|
153
|
+
"is-disabled": E.value
|
|
154
154
|
}, {
|
|
155
|
-
default:
|
|
156
|
-
D(o(
|
|
155
|
+
default: y(() => [
|
|
156
|
+
D(o(A.value), 1)
|
|
157
157
|
]),
|
|
158
158
|
_: 1
|
|
159
159
|
}, 8, ["is-disabled"])
|
|
160
160
|
])),
|
|
161
|
-
g.value ? (n(), l("p",
|
|
161
|
+
g.value ? (n(), l("p", Ce, [
|
|
162
162
|
t("span", null, o(e.$t("usages-donnees.last-step.content.line-1")), 1),
|
|
163
|
-
|
|
164
|
-
bold1:
|
|
163
|
+
B(I, { t: "usages-donnees.last-step.content.line-2" }, {
|
|
164
|
+
bold1: y(() => [
|
|
165
165
|
t("strong", null, o(e.$t("usages-donnees.last-step.content.bold-1")), 1)
|
|
166
166
|
]),
|
|
167
|
-
bold2:
|
|
167
|
+
bold2: y(() => [
|
|
168
168
|
t("strong", null, o(e.$t("usages-donnees.last-step.content.bold-2")), 1)
|
|
169
169
|
]),
|
|
170
170
|
_: 1
|
|
@@ -173,11 +173,11 @@ const J = {
|
|
|
173
173
|
], 2);
|
|
174
174
|
};
|
|
175
175
|
}
|
|
176
|
-
}),
|
|
177
|
-
S.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/
|
|
178
|
-
const
|
|
176
|
+
}), Se = "*{--text-blue: #122647;--background-blue: #253858;font-family:Nunito,Roboto,sans-serif;font-size:14px}h1,h2,h3,h4,h5,h6{color:var(--text-blue);font-family:Nunito,sans-serif}h2{color:var(--text-blue);font-size:20px}p,a,span,li{color:var(--text-blue);font-family:Roboto,sans-serif}button{border-radius:8px;background:var(--background-blue);font-weight:700;font-size:16px}button:disabled{background:#c8cfd9}input{border-radius:10px;border:#cdd1d9;background:#f4f5f7}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box;font-family:Nunito,Roboto,sans-serif;color:#122647}", je = '.wrapper[data-v-aef3c1bd]{padding:0 24px 24px}.wrapper.step-3[data-v-aef3c1bd]{padding-top:24px}.instruction[data-v-aef3c1bd]{margin:0 0 24px}form[data-v-aef3c1bd]{padding:16px 24px;border-radius:16px;background-color:#fff;box-shadow:0 2px 5px #4a3aff40,0 -2px 5px #4a3aff26 inset,0 1px 1px #ffffff1a inset,0 3px 4px #dfeeff1a inset}fieldset[data-v-aef3c1bd]{border:none;padding:0}legend[data-v-aef3c1bd]{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}legend .title[data-v-aef3c1bd]{font-size:1.25rem;font-weight:800}legend .stepper[data-v-aef3c1bd]{display:flex;justify-content:center;align-items:center;align-self:center;border-radius:50%;background:#bde4ff;min-width:38px;aspect-ratio:1;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:700}.checkbox-group[data-v-aef3c1bd]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.pix-button[data-v-aef3c1bd]{display:block;margin:0 auto}.result fieldset[data-v-aef3c1bd]:first-child{margin-bottom:24px}.result .legend[data-v-aef3c1bd]{justify-content:start;gap:8px}.result .legend[data-v-aef3c1bd]:before{content:"";position:relative;top:2px;background-color:var(--color);border-radius:50%;min-width:12px;aspect-ratio:1;align-self:center}.result .checkbox-group[data-v-aef3c1bd]{grid-template-columns:repeat(4,1fr)}.feedback[data-v-aef3c1bd]{border-radius:8px;background:#eaf1ff;padding:8px;margin:16px 0 0}.feedback[data-v-aef3c1bd],.feedback span[data-v-aef3c1bd]{font-family:Roboto,sans-serif;font-size:.75rem;line-height:1.125rem}.feedback span[data-v-aef3c1bd]{display:block;margin-bottom:.4rem}@media screen and (max-width:874px){.result .checkbox-group[data-v-aef3c1bd]{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:576px){.checkbox-group[data-v-aef3c1bd]{grid-template-columns:1fr;gap:8px}.result .checkbox-group[data-v-aef3c1bd]{grid-template-columns:1fr}}', $e = /* @__PURE__ */ V(we, [["styles", [Se, je]], ["__scopeId", "data-v-aef3c1bd"]]);
|
|
177
|
+
S.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": J, "./locales/en.json": Q, "./locales/es-419.json": W, "./locales/es.json": X, "./locales/fr-BE.json": Y, "./locales/fr.json": ee, "./locales/it.json": te, "./locales/nl.json": ae }));
|
|
178
|
+
const ze = K($e, {
|
|
179
179
|
configureApp(a) {
|
|
180
180
|
S.changeLanguage(document?.documentElement?.lang || navigator.language), a.use(S);
|
|
181
181
|
}
|
|
182
182
|
});
|
|
183
|
-
window.customElements.define("usages-donnees",
|
|
183
|
+
window.customElements.define("usages-donnees", ze);
|
package/dist/index.js
CHANGED