@lab-anssi/ui-kit 1.2.1 → 1.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/CentreAide.svelte +278 -0
- package/dist/CentreAide.svelte.d.ts +19 -0
- package/dist/assets/icones/centre-aide.svg +5 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/mes-services-cyber/bandeau/Bandeau.svelte +1 -1
- package/dist/suite-cyber/navigation/AccueilMSC.svelte +1 -1
- package/dist/suite-cyber/navigation/Navigation.svelte +10 -8
- package/dist/webcomponents/lab-anssi-ui-kit.iife.js +10 -7
- package/dist/webcomponents/lab-anssi-ui-kit.jsx.d.ts +4 -0
- package/package.json +1 -1
- /package/dist/{mes-services-cyber → assets}/assets.d.ts +0 -0
- /package/dist/{mes-services-cyber → assets}/assets.js +0 -0
|
@@ -0,0 +1,278 @@
|
|
|
1
|
+
<svelte:options customElement="lab-anssi-centre-aide" />
|
|
2
|
+
|
|
3
|
+
<script>import { fly } from "svelte/transition";
|
|
4
|
+
import { srcAsset } from "./assets/assets";
|
|
5
|
+
export let nomService;
|
|
6
|
+
export let liens;
|
|
7
|
+
let liensMisEnForme = JSON.parse(liens);
|
|
8
|
+
if (!Array.isArray(liensMisEnForme) || liensMisEnForme.some((l) => !l.texte || !l.href)) {
|
|
9
|
+
throw new Error("Les liens doivent respecter le type : { texte: string; href: string; }[]");
|
|
10
|
+
}
|
|
11
|
+
let ouvert = false;
|
|
12
|
+
</script>
|
|
13
|
+
|
|
14
|
+
{#if !ouvert}
|
|
15
|
+
<button class="declencheur-centre-aide" on:click={() => ouvert = true} transition:fly={{ y: 300 }}>
|
|
16
|
+
<img src={srcAsset("/icones/centre-aide.svg")} alt="Icône du centre d'aide" />
|
|
17
|
+
Centre d'aide
|
|
18
|
+
</button>
|
|
19
|
+
{/if}
|
|
20
|
+
|
|
21
|
+
{#if ouvert}
|
|
22
|
+
<div class="centre-aide" transition:fly={{ y: 300 }}>
|
|
23
|
+
<div class="entete">
|
|
24
|
+
<div>
|
|
25
|
+
<img class="icone-centre-aide" src={srcAsset("/icones/centre-aide.svg")} alt="Icône du centre d'aide" />
|
|
26
|
+
<h4>Centre d'aide</h4>
|
|
27
|
+
</div>
|
|
28
|
+
<button on:click={() => ouvert = false}>
|
|
29
|
+
<span>Fermer</span>
|
|
30
|
+
<img src={srcAsset("/icones/croix-blanche.svg")} alt="Icône de fermeture du centre d'aider" />
|
|
31
|
+
</button>
|
|
32
|
+
</div>
|
|
33
|
+
<div class="contenu">
|
|
34
|
+
<div class="message">
|
|
35
|
+
<span>Bonjour et bienvenue sur <b>{nomService}</b>. Comment pouvons-nous vous aider ?</span>
|
|
36
|
+
</div>
|
|
37
|
+
{#if liensMisEnForme}
|
|
38
|
+
{#each liensMisEnForme as lien, id (id)}
|
|
39
|
+
<a class="lien lien-principal" href={lien.href} target="_blank">{lien.texte}</a>
|
|
40
|
+
{/each}
|
|
41
|
+
{/if}
|
|
42
|
+
<div class="message marge-haute">
|
|
43
|
+
<span>Vous souhaitez faire une autre demande à l'ANSSI ?</span>
|
|
44
|
+
</div>
|
|
45
|
+
<a class="lien secondaire centre-aide-signaler-incident" href="https://club.ssi.gouv.fr/#/declarations" target="_blank">️⚠️ Signaler un incident ou une vulnérabilité</a>
|
|
46
|
+
<a class="lien secondaire centre-aide-contacter-anssi" href="https://cyber.gouv.fr/contacter-lanssi" target="_blank">️📩 Contacter d’autres services de l’ANSSI</a>
|
|
47
|
+
</div>
|
|
48
|
+
</div>
|
|
49
|
+
{/if}
|
|
50
|
+
|
|
51
|
+
<style>.visible-tablette {
|
|
52
|
+
display: none !important;
|
|
53
|
+
}
|
|
54
|
+
@media (min-width: 576px) {
|
|
55
|
+
.visible-tablette {
|
|
56
|
+
display: unset !important;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
@media (min-width: 576px) {
|
|
61
|
+
.invisible-tablette {
|
|
62
|
+
display: none !important;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.visible-desktop {
|
|
67
|
+
display: none !important;
|
|
68
|
+
}
|
|
69
|
+
@media (min-width: 932px) {
|
|
70
|
+
.visible-desktop {
|
|
71
|
+
display: unset !important;
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
@media (min-width: 932px) {
|
|
76
|
+
.invisible-desktop {
|
|
77
|
+
display: none !important;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.declencheur-centre-aide {
|
|
82
|
+
position: fixed;
|
|
83
|
+
bottom: 24px;
|
|
84
|
+
right: 24px;
|
|
85
|
+
border-radius: 100px;
|
|
86
|
+
border: 1px solid #FFF;
|
|
87
|
+
background: var(--centre-aide-background-entete);
|
|
88
|
+
box-shadow: 0 4px 12px 0 rgba(0, 0, 18, 0.16);
|
|
89
|
+
color: #F5F5FE;
|
|
90
|
+
text-align: center;
|
|
91
|
+
font-size: 18px;
|
|
92
|
+
font-weight: 500;
|
|
93
|
+
line-height: 28px;
|
|
94
|
+
display: flex;
|
|
95
|
+
gap: 8px;
|
|
96
|
+
padding: 10px 24px 10px 18px;
|
|
97
|
+
cursor: pointer;
|
|
98
|
+
z-index: 1000;
|
|
99
|
+
font-family: Marianne;
|
|
100
|
+
}
|
|
101
|
+
.declencheur-centre-aide:hover {
|
|
102
|
+
background: var(--centre-aide-background-hover-declencheur);
|
|
103
|
+
}
|
|
104
|
+
@media (min-width: 576px) {
|
|
105
|
+
.declencheur-centre-aide {
|
|
106
|
+
bottom: 48px;
|
|
107
|
+
right: 48px;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
.centre-aide {
|
|
112
|
+
position: fixed;
|
|
113
|
+
top: 0;
|
|
114
|
+
left: 0;
|
|
115
|
+
width: 100%;
|
|
116
|
+
height: 100%;
|
|
117
|
+
background: white;
|
|
118
|
+
z-index: 9;
|
|
119
|
+
font-family: Marianne;
|
|
120
|
+
overflow-y: scroll;
|
|
121
|
+
}
|
|
122
|
+
@media (min-width: 576px) {
|
|
123
|
+
.centre-aide {
|
|
124
|
+
width: 520px;
|
|
125
|
+
height: 576px;
|
|
126
|
+
top: unset;
|
|
127
|
+
left: unset;
|
|
128
|
+
bottom: 48px;
|
|
129
|
+
right: 48px;
|
|
130
|
+
border-radius: 8px;
|
|
131
|
+
border: 1px solid #FFF;
|
|
132
|
+
box-shadow: 0 6px 18px 0 rgba(0, 0, 18, 0.16);
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
.centre-aide .entete {
|
|
136
|
+
padding: 24px 32px;
|
|
137
|
+
display: flex;
|
|
138
|
+
align-items: center;
|
|
139
|
+
justify-content: space-between;
|
|
140
|
+
background: var(--centre-aide-background-entete);
|
|
141
|
+
position: sticky;
|
|
142
|
+
top: 0;
|
|
143
|
+
z-index: 1;
|
|
144
|
+
}
|
|
145
|
+
@media (min-width: 576px) {
|
|
146
|
+
.centre-aide .entete {
|
|
147
|
+
border-top-left-radius: 8px;
|
|
148
|
+
border-top-right-radius: 8px;
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
.centre-aide .entete .icone-centre-aide {
|
|
152
|
+
width: 24px;
|
|
153
|
+
height: 24px;
|
|
154
|
+
}
|
|
155
|
+
@media (min-width: 576px) {
|
|
156
|
+
.centre-aide .entete .icone-centre-aide {
|
|
157
|
+
width: 30px;
|
|
158
|
+
height: 30px;
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
.centre-aide .entete h4 {
|
|
162
|
+
color: white;
|
|
163
|
+
font-size: 18px;
|
|
164
|
+
font-weight: 700;
|
|
165
|
+
line-height: 28px;
|
|
166
|
+
margin: 0;
|
|
167
|
+
}
|
|
168
|
+
@media (min-width: 576px) {
|
|
169
|
+
.centre-aide .entete h4 {
|
|
170
|
+
font-size: 24px;
|
|
171
|
+
line-height: 32px;
|
|
172
|
+
}
|
|
173
|
+
}
|
|
174
|
+
.centre-aide .entete div {
|
|
175
|
+
display: flex;
|
|
176
|
+
flex-direction: row;
|
|
177
|
+
gap: 16px;
|
|
178
|
+
}
|
|
179
|
+
.centre-aide .entete button {
|
|
180
|
+
border: none;
|
|
181
|
+
background: none;
|
|
182
|
+
margin: 0;
|
|
183
|
+
padding: 0;
|
|
184
|
+
display: flex;
|
|
185
|
+
align-items: center;
|
|
186
|
+
justify-content: center;
|
|
187
|
+
cursor: pointer;
|
|
188
|
+
}
|
|
189
|
+
.centre-aide .entete button span {
|
|
190
|
+
display: none;
|
|
191
|
+
font-size: 14px;
|
|
192
|
+
line-height: 24px;
|
|
193
|
+
font-weight: 500;
|
|
194
|
+
margin-right: 8px;
|
|
195
|
+
color: white;
|
|
196
|
+
font-family: Marianne;
|
|
197
|
+
}
|
|
198
|
+
@media (min-width: 576px) {
|
|
199
|
+
.centre-aide .entete button span {
|
|
200
|
+
display: inline-block;
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
.centre-aide .contenu {
|
|
204
|
+
padding: 16px;
|
|
205
|
+
display: flex;
|
|
206
|
+
flex-direction: column;
|
|
207
|
+
gap: 12px;
|
|
208
|
+
}
|
|
209
|
+
@media (min-width: 576px) {
|
|
210
|
+
.centre-aide .contenu {
|
|
211
|
+
padding: 32px;
|
|
212
|
+
}
|
|
213
|
+
}
|
|
214
|
+
.centre-aide .contenu .message {
|
|
215
|
+
display: flex;
|
|
216
|
+
padding: 16px;
|
|
217
|
+
border-radius: 8px;
|
|
218
|
+
background: #EDEDED;
|
|
219
|
+
color: #161616;
|
|
220
|
+
font-size: 1rem;
|
|
221
|
+
font-weight: 400;
|
|
222
|
+
line-height: 1.5rem;
|
|
223
|
+
}
|
|
224
|
+
@media (min-width: 576px) {
|
|
225
|
+
.centre-aide .contenu .message {
|
|
226
|
+
width: fit-content;
|
|
227
|
+
}
|
|
228
|
+
}
|
|
229
|
+
.centre-aide .contenu .message.marge-haute {
|
|
230
|
+
margin-top: 16px;
|
|
231
|
+
}
|
|
232
|
+
.centre-aide .contenu a.lien {
|
|
233
|
+
box-sizing: border-box;
|
|
234
|
+
text-decoration: none;
|
|
235
|
+
padding: 10px 18px 10px 24px;
|
|
236
|
+
background: var(--centre-aide-background-bouton);
|
|
237
|
+
color: var(--centre-aide-font-color-bouton);
|
|
238
|
+
border-radius: 8px;
|
|
239
|
+
font-size: 18px;
|
|
240
|
+
font-weight: 500;
|
|
241
|
+
line-height: 28px;
|
|
242
|
+
display: flex;
|
|
243
|
+
flex-direction: row;
|
|
244
|
+
text-align: left;
|
|
245
|
+
align-items: center;
|
|
246
|
+
justify-content: space-between;
|
|
247
|
+
gap: 8px;
|
|
248
|
+
}
|
|
249
|
+
.centre-aide .contenu a.lien:after {
|
|
250
|
+
content: "";
|
|
251
|
+
mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/lien-externe.svg");
|
|
252
|
+
-webkit-mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/lien-externe.svg");
|
|
253
|
+
display: flex;
|
|
254
|
+
background-color: var(--centre-aide-font-color-bouton);
|
|
255
|
+
width: 24px;
|
|
256
|
+
height: 24px;
|
|
257
|
+
mask-size: 24px;
|
|
258
|
+
min-width: 24px;
|
|
259
|
+
}
|
|
260
|
+
.centre-aide .contenu a.lien:hover {
|
|
261
|
+
background-color: var(--centre-aide-background-hover-lien);
|
|
262
|
+
}
|
|
263
|
+
@media (min-width: 576px) {
|
|
264
|
+
.centre-aide .contenu a.lien {
|
|
265
|
+
width: fit-content;
|
|
266
|
+
}
|
|
267
|
+
}
|
|
268
|
+
.centre-aide .contenu a.lien.secondaire {
|
|
269
|
+
background: none;
|
|
270
|
+
border: 1px solid var(--centre-aide-border-lien-secondaire);
|
|
271
|
+
color: var(--centre-aide-font-color-lien-secondaire);
|
|
272
|
+
}
|
|
273
|
+
.centre-aide .contenu a.lien.secondaire:after {
|
|
274
|
+
background-color: var(--centre-aide-font-color-lien-secondaire);
|
|
275
|
+
}
|
|
276
|
+
.centre-aide .contenu a.lien.secondaire:hover {
|
|
277
|
+
background-color: rgba(0, 0, 0, 0.04);
|
|
278
|
+
}</style>
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
declare const __propDef: {
|
|
3
|
+
props: {
|
|
4
|
+
nomService: string;
|
|
5
|
+
liens: string;
|
|
6
|
+
};
|
|
7
|
+
events: {
|
|
8
|
+
[evt: string]: CustomEvent<any>;
|
|
9
|
+
};
|
|
10
|
+
slots: {};
|
|
11
|
+
exports?: {} | undefined;
|
|
12
|
+
bindings?: string | undefined;
|
|
13
|
+
};
|
|
14
|
+
export type CentreAideProps = typeof __propDef.props;
|
|
15
|
+
export type CentreAideEvents = typeof __propDef.events;
|
|
16
|
+
export type CentreAideSlots = typeof __propDef.slots;
|
|
17
|
+
export default class CentreAide extends SvelteComponent<CentreAideProps, CentreAideEvents, CentreAideSlots> {
|
|
18
|
+
}
|
|
19
|
+
export {};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g id="Icône">
|
|
3
|
+
<path id="Icône_2" fill-rule="evenodd" clip-rule="evenodd" d="M26.25 3.75C26.9404 3.75 27.5 4.30964 27.5 5V22.5C27.5 23.1904 26.9404 23.75 26.25 23.75H8.06875L2.5 28.125V5C2.5 4.30964 3.05964 3.75 3.75 3.75H26.25ZM25 6.25H5V22.9813L7.20375 21.25H25V6.25ZM16.25 17.5V20H13.75V17.5H16.25ZM15.574 7.53528C17.8594 7.83754 19.5185 9.86098 19.367 12.1613C19.2155 14.4617 17.3054 16.2501 15 16.25H13.75V13.75H15C15.9877 13.7499 16.806 12.9837 16.8708 11.9981C16.9357 11.0126 16.2249 10.1457 15.2457 10.0162C14.2666 9.88668 13.3548 10.539 13.1613 11.5075L10.7088 11.0162C11.1605 8.75558 13.2885 7.23301 15.574 7.53528Z" fill="#F5F5FE"/>
|
|
4
|
+
</g>
|
|
5
|
+
</svg>
|
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
export { default as MesServicesCyberBandeau } from "./mes-services-cyber/bandeau/Bandeau.svelte";
|
|
2
2
|
export { default as NavigationPiedDePage } from "./pied-de-page/NavigationPiedDePage.svelte";
|
|
3
3
|
export { default as SuiteCyberNavigation } from "./suite-cyber/navigation/Navigation.svelte";
|
|
4
|
+
export { default as CentreAide } from "./CentreAide.svelte";
|
package/dist/index.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
export { default as MesServicesCyberBandeau } from "./mes-services-cyber/bandeau/Bandeau.svelte";
|
|
2
2
|
export { default as NavigationPiedDePage } from "./pied-de-page/NavigationPiedDePage.svelte";
|
|
3
3
|
export { default as SuiteCyberNavigation } from "./suite-cyber/navigation/Navigation.svelte";
|
|
4
|
+
export { default as CentreAide } from "./CentreAide.svelte";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<svelte:options customElement="lab-anssi-mes-services-cyber-bandeau" />
|
|
2
2
|
|
|
3
|
-
<script>import { srcAsset } from "
|
|
3
|
+
<script>import { srcAsset } from "../../assets/assets.js";
|
|
4
4
|
const CLE_LOCAL_STORAGE = "lab-anssi-ui-kit-msc-bandeau-affichage";
|
|
5
5
|
let affichage = localStorage.getItem(CLE_LOCAL_STORAGE) || "visible";
|
|
6
6
|
const croix = srcAsset("/icones/croix-blanche.svg");
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<svelte:options customElement="lab-anssi-bouton-suite-cyber-navigation" />
|
|
2
2
|
|
|
3
|
-
<script>import { srcAsset } from "../../
|
|
3
|
+
<script>import { srcAsset } from "../../assets/assets.js";
|
|
4
4
|
import { slide } from "svelte/transition";
|
|
5
5
|
import AccueilMsc from "./AccueilMSC.svelte";
|
|
6
6
|
import BlocLiens from "./BlocLiens.svelte";
|
|
@@ -44,7 +44,7 @@ let estOuvert = false;
|
|
|
44
44
|
services={[
|
|
45
45
|
{
|
|
46
46
|
nom: "MonEspaceNIS2",
|
|
47
|
-
lien: `https://monespacenis2.cyber.gouv.fr?utm_campaign=
|
|
47
|
+
lien: `https://monespacenis2.cyber.gouv.fr?utm_campaign=suite-cyber&utm_source=${sourceUtm}`,
|
|
48
48
|
icone: nis2,
|
|
49
49
|
classeTracking: "nis2",
|
|
50
50
|
},
|
|
@@ -55,7 +55,7 @@ let estOuvert = false;
|
|
|
55
55
|
services={[
|
|
56
56
|
{
|
|
57
57
|
nom: "Le portail du CERT-FR",
|
|
58
|
-
lien: `https://www.cert.ssi.gouv.fr?utm_campaign=
|
|
58
|
+
lien: `https://www.cert.ssi.gouv.fr?utm_campaign=suite-cyber&utm_source=${sourceUtm}`,
|
|
59
59
|
icone: certFr,
|
|
60
60
|
classeTracking: "cert-fr",
|
|
61
61
|
},
|
|
@@ -66,7 +66,7 @@ let estOuvert = false;
|
|
|
66
66
|
services={[
|
|
67
67
|
{
|
|
68
68
|
nom: "MonServiceSécurisé",
|
|
69
|
-
lien: `https://monservicesecurise.cyber.gouv.fr?utm_campaign=
|
|
69
|
+
lien: `https://monservicesecurise.cyber.gouv.fr?utm_campaign=suite-cyber&utm_source=${sourceUtm}`,
|
|
70
70
|
icone: mss,
|
|
71
71
|
labels: ["Entités publiques"],
|
|
72
72
|
classeTracking: "mss",
|
|
@@ -78,14 +78,14 @@ let estOuvert = false;
|
|
|
78
78
|
services={[
|
|
79
79
|
{
|
|
80
80
|
nom: "ADS",
|
|
81
|
-
lien: `https://club.ssi.gouv.fr?utm_campaign=
|
|
81
|
+
lien: `https://club.ssi.gouv.fr?utm_campaign=suite-cyber&utm_source=${sourceUtm}`,
|
|
82
82
|
icone: certFr,
|
|
83
83
|
labels: ["Entités publiques", "Entités régulées"],
|
|
84
84
|
classeTracking: "ads",
|
|
85
85
|
},
|
|
86
86
|
{
|
|
87
87
|
nom: "SILENE",
|
|
88
|
-
lien: `https://club.ssi.gouv.fr?utm_campaign=
|
|
88
|
+
lien: `https://club.ssi.gouv.fr?utm_campaign=suite-cyber&utm_source=${sourceUtm}`,
|
|
89
89
|
icone: certFr,
|
|
90
90
|
labels: ["Entités publiques", "Entités régulées"],
|
|
91
91
|
classeTracking: "silene",
|
|
@@ -97,7 +97,7 @@ let estOuvert = false;
|
|
|
97
97
|
services={[
|
|
98
98
|
{
|
|
99
99
|
nom: "MonAideCyber",
|
|
100
|
-
lien: `https://monaide.cyber.gouv.fr?utm_campaign=
|
|
100
|
+
lien: `https://monaide.cyber.gouv.fr?utm_campaign=suite-cyber&utm_source=${sourceUtm}`,
|
|
101
101
|
icone: mac,
|
|
102
102
|
classeTracking: "mac",
|
|
103
103
|
},
|
|
@@ -106,7 +106,7 @@ let estOuvert = false;
|
|
|
106
106
|
</div>
|
|
107
107
|
<a
|
|
108
108
|
class="lien-externe site-anssi"
|
|
109
|
-
href="https://cyber.gouv.fr?utm_campaign=
|
|
109
|
+
href="https://cyber.gouv.fr?utm_campaign=suite-cyber&utm_source={sourceUtm}"
|
|
110
110
|
target="_blank"
|
|
111
111
|
>
|
|
112
112
|
<div>
|
|
@@ -197,6 +197,7 @@ let estOuvert = false;
|
|
|
197
197
|
align-items: center;
|
|
198
198
|
justify-content: center;
|
|
199
199
|
gap: 8px;
|
|
200
|
+
white-space: nowrap;
|
|
200
201
|
}
|
|
201
202
|
}
|
|
202
203
|
.suite-cyber .navigation button.actif {
|
|
@@ -246,6 +247,7 @@ let estOuvert = false;
|
|
|
246
247
|
gap: 8px;
|
|
247
248
|
padding: 4px 8px 4px 12px;
|
|
248
249
|
margin: 12px;
|
|
250
|
+
font-family: "Marianne";
|
|
249
251
|
}
|
|
250
252
|
.suite-cyber .contenu .services-anssi {
|
|
251
253
|
display: flex;
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
const nonce = document.currentScript?.nonce;
|
|
2
|
-
var WebComponents=function(
|
|
3
|
-
`;for(let
|
|
4
|
-
`}const
|
|
5
|
-
}`,h=`__svelte_${gt(d)}_${r}`,b=ye(t),{stylesheet:k,rules:v}=pe.get(b)||vt(b,t);v[h]||(v[h]=!0,k.insertRule(`@keyframes ${h} ${d}`,k.cssRules.length));const w=t.style.animation||"";return t.style.animation=`${w?`${w}, `:""}${h} ${s}ms linear ${l}ms 1 both`,he+=1,h}function pt(t,e){const n=(t.style.animation||"").split(", "),s=n.filter(e?i=>i.indexOf(e)<0:i=>i.indexOf("__svelte")===-1),l=n.length-s.length;l&&(t.style.animation=s.join(", "),he-=l,he||ht())}function ht(){we(()=>{he||(pe.forEach(t=>{const{ownerNode:e}=t.stylesheet;e&&S(e)}),pe.clear())})}let Ee;function ie(t){Ee=t}const Q=[],Fe=[];let X=[];const Ie=[],bt=Promise.resolve();let Se=!1;function $t(){Se||(Se=!0,bt.then(ee))}function re(t){X.push(t)}const ze=new Set;let Z=0;function ee(){if(Z!==0)return;const t=Ee;do{try{for(;Z<Q.length;){const e=Q[Z];Z++,ie(e),_t(e.$$)}}catch(e){throw Q.length=0,Z=0,e}for(ie(null),Q.length=0,Z=0;Fe.length;)Fe.pop()();for(let e=0;e<X.length;e+=1){const n=X[e];ze.has(n)||(ze.add(n),n())}X.length=0}while(Q.length);for(;Ie.length;)Ie.pop()();Se=!1,ze.clear(),ie(t)}function _t(t){if(t.fragment!==null){t.update(),Y(t.before_update);const e=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,e),t.after_update.forEach(re)}}function xt(t){const e=[],n=[];X.forEach(s=>t.indexOf(s)===-1?e.push(s):n.push(s)),n.forEach(s=>s()),X=e}let oe;function wt(){return oe||(oe=Promise.resolve(),oe.then(()=>{oe=null})),oe}function Ce(t,e,n){t.dispatchEvent(dt(`${e?"intro":"outro"}${n}`))}const be=new Set;let R;function yt(){R={r:0,c:[],p:R}}function kt(){R.r||Y(R.c),R=R.p}function P(t,e){t&&t.i&&(be.delete(t),t.i(e))}function D(t,e,n,s){if(t&&t.o){if(be.has(t))return;be.add(t),R.c.push(()=>{be.delete(t),s&&(n&&t.d(1),s())}),t.o(e)}else s&&s()}const Et={duration:0};function Re(t,e,n,s){let i=e(t,n,{direction:"both"}),o=s?0:1,r=null,m=null,c=null,d;function h(){c&&pt(t,c)}function b(v,w){const $=v.b-o;return w*=Math.abs($),{a:o,b:v.b,d:$,duration:w,start:v.start,end:v.start+w,group:v.group}}function k(v){const{delay:w=0,duration:$=300,easing:f=V,tick:p=E,css:y}=i||Et,z={start:at()+w,b:v};v||(z.group=R,R.r+=1),"inert"in t&&(v?d!==void 0&&(t.inert=d):(d=t.inert,t.inert=!0)),r||m?m=z:(y&&(h(),c=Pe(t,o,v,$,w,f,y)),v&&p(0,1),r=b(z,$),re(()=>Ce(t,v,"start")),ct(M=>{if(m&&M>m.start&&(r=b(m,$),m=null,Ce(t,r.b,"start"),y&&(h(),c=Pe(t,o,r.b,r.duration,0,f,i.css))),r){if(M>=r.end)p(o=r.b,1-o),Ce(t,r.b,"end"),m||(r.b?h():--r.group.r||Y(r.group.c)),r=null;else if(M>=r.start){const L=M-r.start;o=r.a+r.d*f(L/r.duration),p(o,1-o)}}return!!(r||m)}))}return{run(v){xe(i)?wt().then(()=>{i=i({direction:v?"in":"out"}),k(v)}):k(v)},end(){h(),r=m=null}}}function $e(t){return(t==null?void 0:t.length)!==void 0?t:Array.from(t)}function te(t){t&&t.c()}function J(t,e,n){const{fragment:s,after_update:l}=t.$$;s&&s.m(e,n),re(()=>{const i=t.$$.on_mount.map(Me).filter(xe);t.$$.on_destroy?t.$$.on_destroy.push(...i):Y(i),t.$$.on_mount=[]}),l.forEach(re)}function W(t,e){const n=t.$$;n.fragment!==null&&(xt(n.after_update),Y(n.on_destroy),n.fragment&&n.fragment.d(e),n.on_destroy=n.fragment=null,n.ctx=[])}function St(t,e){t.$$.dirty[0]===-1&&(Q.push(t),$t(),t.$$.dirty.fill(0)),t.$$.dirty[e/31|0]|=1<<e%31}function ae(t,e,n,s,l,i,o=null,r=[-1]){const m=Ee;ie(t);const c=t.$$={fragment:null,ctx:[],props:i,update:E,not_equal:l,bound:Ae(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(e.context||(m?m.$$.context:[])),callbacks:Ae(),dirty:r,skip_bound:!1,root:e.target||m.$$.root};o&&o(c.root);let d=!1;if(c.ctx=n?n(t,e.props||{},(h,b,...k)=>{const v=k.length?k[0]:b;return c.ctx&&l(c.ctx[h],c.ctx[h]=v)&&(!c.skip_bound&&c.bound[h]&&c.bound[h](v),d&&St(t,h)),b}):[],c.update(),d=!0,Y(c.before_update),c.fragment=s?s(c.ctx):!1,e.target){if(e.hydrate){const h=mt(e.target);c.fragment&&c.fragment.l(h),h.forEach(S)}else c.fragment&&c.fragment.c();e.intro&&P(t.$$.fragment),J(t,e.target,e.anchor),ee()}ie(m)}let Be;typeof HTMLElement=="function"&&(Be=class extends HTMLElement{constructor(e,n,s){super();A(this,"$$ctor");A(this,"$$s");A(this,"$$c");A(this,"$$cn",!1);A(this,"$$d",{});A(this,"$$r",!1);A(this,"$$p_d",{});A(this,"$$l",{});A(this,"$$l_u",new Map);this.$$ctor=e,this.$$s=n,s&&this.attachShadow({mode:"open"})}addEventListener(e,n,s){if(this.$$l[e]=this.$$l[e]||[],this.$$l[e].push(n),this.$$c){const l=this.$$c.$on(e,n);this.$$l_u.set(n,l)}super.addEventListener(e,n,s)}removeEventListener(e,n,s){if(super.removeEventListener(e,n,s),this.$$c){const l=this.$$l_u.get(n);l&&(l(),this.$$l_u.delete(n))}}async connectedCallback(){if(this.$$cn=!0,!this.$$c){let e=function(i){return()=>{let o;return{c:function(){o=g("slot"),i!=="default"&&a(o,"name",i)},m:function(c,d){C(c,o,d)},d:function(c){c&&S(o)}}}};if(await Promise.resolve(),!this.$$cn||this.$$c)return;const n={},s=ft(this);for(const i of this.$$s)i in s&&(n[i]=[e(i)]);for(const i of this.attributes){const o=this.$$g_p(i.name);o in this.$$d||(this.$$d[o]=_e(o,i.value,this.$$p_d,"toProp"))}for(const i in this.$$p_d)!(i in this.$$d)&&this[i]!==void 0&&(this.$$d[i]=this[i],delete this[i]);this.$$c=new this.$$ctor({target:this.shadowRoot||this,props:{...this.$$d,$$slots:n,$$scope:{ctx:[]}}});const l=()=>{this.$$r=!0;for(const i in this.$$p_d)if(this.$$d[i]=this.$$c.$$.ctx[this.$$c.$$.props[i]],this.$$p_d[i].reflect){const o=_e(i,this.$$d[i],this.$$p_d,"toAttribute");o==null?this.removeAttribute(this.$$p_d[i].attribute||i):this.setAttribute(this.$$p_d[i].attribute||i,o)}this.$$r=!1};this.$$c.$$.after_update.push(l),l();for(const i in this.$$l)for(const o of this.$$l[i]){const r=this.$$c.$on(i,o);this.$$l_u.set(o,r)}this.$$l={}}}attributeChangedCallback(e,n,s){var l;this.$$r||(e=this.$$g_p(e),this.$$d[e]=_e(e,s,this.$$p_d,"toProp"),(l=this.$$c)==null||l.$set({[e]:this.$$d[e]}))}disconnectedCallback(){this.$$cn=!1,Promise.resolve().then(()=>{!this.$$cn&&this.$$c&&(this.$$c.$destroy(),this.$$c=void 0)})}$$g_p(e){return Object.keys(this.$$p_d).find(n=>this.$$p_d[n].attribute===e||!this.$$p_d[n].attribute&&n.toLowerCase()===e)||e}});function _e(t,e,n,s){var i;const l=(i=n[t])==null?void 0:i.type;if(e=l==="Boolean"&&typeof e!="boolean"?e!=null:e,!s||!n[t])return e;if(s==="toAttribute")switch(l){case"Object":case"Array":return e==null?null:JSON.stringify(e);case"Boolean":return e?"":null;case"Number":return e??null;default:return e}else switch(l){case"Object":case"Array":return e&&JSON.parse(e);case"Boolean":return e;case"Number":return e!=null?+e:e;default:return e}}function ce(t,e,n,s,l,i){let o=class extends Be{constructor(){super(t,n,l),this.$$p_d=e}static get observedAttributes(){return Object.keys(e).map(r=>(e[r].attribute||r).toLowerCase())}};return Object.keys(e).forEach(r=>{Object.defineProperty(o.prototype,r,{get(){return this.$$c&&r in this.$$c?this.$$c[r]:this.$$d[r]},set(m){var c;m=_e(r,m,e),this.$$d[r]=m,(c=this.$$c)==null||c.$set({[r]:m})}})}),s.forEach(r=>{Object.defineProperty(o.prototype,r,{get(){var m;return(m=this.$$c)==null?void 0:m[r]}})}),t.element=o,o}class ue{constructor(){A(this,"$$");A(this,"$$set")}$destroy(){W(this,1),this.$destroy=E}$on(e,n){if(!xe(n))return E;const s=this.$$.callbacks[e]||(this.$$.callbacks[e]=[]);return s.push(n),()=>{const l=s.indexOf(n);l!==-1&&s.splice(l,1)}}$set(e){this.$$set&&!ot(e)&&(this.$$.skip_bound=!0,this.$$set(e),this.$$.skip_bound=!1)}}const zt="4";typeof window<"u"&&(window.__svelte||(window.__svelte={v:new Set})).v.add(zt);const q=t=>`https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com${t}`;function Ct(t){le(t,"svelte-16kwmn1",'.visible-tablette.svelte-16kwmn1.svelte-16kwmn1{display:none !important}@media(min-width: 576px){.visible-tablette.svelte-16kwmn1.svelte-16kwmn1{display:unset !important}}@media(min-width: 576px){}@media(min-width: 932px){}@media(min-width: 932px){}.largeur-totale.svelte-16kwmn1.svelte-16kwmn1{position:relative;overflow:hidden;background:#0d0c21 url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/illustrations/tuile-msc.svg");background-size:500px}.largeur-totale.svelte-16kwmn1 .contenu.svelte-16kwmn1{position:relative;color:white;font-family:"Marianne";padding:16px;max-width:1200px;margin:auto;font-size:0.875rem;line-height:1.5rem;display:flex;flex-direction:column}@media(min-width: 932px){.largeur-totale.svelte-16kwmn1 .contenu.svelte-16kwmn1{flex-direction:row;gap:16px;align-items:center}}.largeur-totale.svelte-16kwmn1 .contenu .fermer.svelte-16kwmn1{border:none;cursor:pointer;background:none;padding:0;transition:transform 0.2s ease-in-out;position:absolute;top:20px;right:20px}.largeur-totale.svelte-16kwmn1 .contenu .fermer.svelte-16kwmn1:hover{transform:scale(1.3)}.largeur-totale.svelte-16kwmn1 .contenu .textes.svelte-16kwmn1{display:flex;flex-direction:column}@media(min-width: 576px){.largeur-totale.svelte-16kwmn1 .contenu .textes.svelte-16kwmn1{gap:8px}}.largeur-totale.svelte-16kwmn1 .contenu h4.svelte-16kwmn1{font-size:0.875rem;line-height:1.5rem;font-weight:700;margin:0;display:flex;flex-direction:row;align-items:baseline;gap:8px}@media(min-width: 932px){.largeur-totale.svelte-16kwmn1 .contenu h4.svelte-16kwmn1{font-size:1rem;line-height:1.5rem}}.largeur-totale.svelte-16kwmn1 .contenu h4 .badge.svelte-16kwmn1{color:#19753c;background:#b8fec9;border-radius:4px;padding-right:6px;padding-left:6px;font-size:0.75rem;font-weight:700;line-height:1.25rem;text-transform:uppercase;transform:translateY(-3px)}.largeur-totale.svelte-16kwmn1 .contenu p.svelte-16kwmn1{font-weight:400;font-size:0.875rem;line-height:1.5rem;margin:0;padding-right:32px}@media(min-width: 932px){.largeur-totale.svelte-16kwmn1 .contenu p.svelte-16kwmn1{font-size:1rem;line-height:1.5rem}}.largeur-totale.svelte-16kwmn1 .contenu a.svelte-16kwmn1{display:block;color:#242424;background:white;margin:8px auto 0 0;text-align:center;font-size:0.875rem;line-height:1.5rem;text-decoration:none;gap:8px;border-radius:4px;padding:4px 12px;white-space:nowrap;height:fit-content;width:100%;max-width:312px;box-sizing:border-box}@media(min-width: 576px){.largeur-totale.svelte-16kwmn1 .contenu a.svelte-16kwmn1{max-width:248px}}@media(min-width: 932px){.largeur-totale.svelte-16kwmn1 .contenu a.svelte-16kwmn1{margin-right:32px}}')}function De(t){let e,n,s,l,i,o,r,m,c,d,h;return{c(){e=g("div"),n=g("div"),s=g("button"),l=g("img"),o=x(),r=g("div"),r.innerHTML=`<h4 class="svelte-16kwmn1">🚀 Découvrez MesServicesCyber ! <span class="badge visible-tablette svelte-16kwmn1">nouveauté</span></h4> <p class="svelte-16kwmn1">MesServicesCyber, la plateforme pour faciliter l'accès aux services et ressources de
|
|
6
|
-
l'ANSSI et de ses partenaires.</p>`,
|
|
7
|
-
<span class="svelte-1ohpq3w">Gérer mon profil et mes services</span>`,r=x(),m=g("div"),c=g("img"),I(s.src,l=t[0])||a(s,"src",l),a(s,"alt","MesServicesCyber"),a(n,"class","icone"),a(o,"for","mes-services-cyber"),a(o,"class","svelte-1ohpq3w"),I(c.src,d=t[1])||a(c,"src",d),a(c,"alt","Aller sur MesServicesCyber"),a(m,"class","chevron"),a(e,"href","https://messervices.cyber.gouv.fr"),a(e,"target","_blank"),a(e,"class","accueil-msc svelte-1ohpq3w"),a(e,"id","mes-services-cyber")},m(h,b){C(h,e,b),u(e,n),u(n,s),u(e,i),u(e,o),u(e,r),u(e,m),u(m,c)},p:E,i:E,o:E,d(h){h&&S(e)}}}function Pt(t){const e=q("/icones/bouton-accueil-msc.svg"),n=q("/icones/chevron-noir.svg");return[e,n]}class Ge extends ue{constructor(e){super(),ae(this,e,Pt,Ot,se,{},jt)}}ce(Ge,{},[],[],!0);function Ft(t){le(t,"svelte-10m4bdv",".visible-tablette.svelte-10m4bdv.svelte-10m4bdv{display:none !important}@media(min-width: 576px){.visible-tablette.svelte-10m4bdv.svelte-10m4bdv{display:unset !important}}@media(min-width: 576px){.invisible-tablette.svelte-10m4bdv.svelte-10m4bdv{display:none !important}}.visible-desktop.svelte-10m4bdv.svelte-10m4bdv{display:none !important}@media(min-width: 932px){.visible-desktop.svelte-10m4bdv.svelte-10m4bdv{display:unset !important}}@media(min-width: 932px){.invisible-desktop.svelte-10m4bdv.svelte-10m4bdv{display:none !important}}.bloc.svelte-10m4bdv.svelte-10m4bdv{display:flex;flex-direction:column;align-items:center;align-self:stretch;justify-content:center;padding-bottom:8px;gap:10px}.bloc.svelte-10m4bdv.svelte-10m4bdv:last-child{padding-bottom:0}.bloc.svelte-10m4bdv .titre.svelte-10m4bdv{display:flex;align-self:stretch;color:#666666;font-size:12px;font-weight:700;line-height:20px;text-transform:uppercase}.bloc.svelte-10m4bdv .conteneur.svelte-10m4bdv{display:flex;flex-direction:column;align-self:stretch;border-radius:4px;border:1px solid #dddddd;background:#fff}.bloc.svelte-10m4bdv .conteneur a.svelte-10m4bdv{text-decoration:none}.bloc.svelte-10m4bdv .conteneur a.svelte-10m4bdv:hover{background-color:#f6f6f6}.bloc.svelte-10m4bdv .conteneur a.svelte-10m4bdv:active{background-color:#ededed}.bloc.svelte-10m4bdv .conteneur a .defaut.svelte-10m4bdv{display:flex;padding:12px;align-items:center;gap:12px;flex:1 0 0;color:#161616;font-size:16px;font-weight:500;line-height:24px}.bloc.svelte-10m4bdv .conteneur a .defaut .icone.svelte-10m4bdv{display:flex;align-items:center}.bloc.svelte-10m4bdv .conteneur a .labels.svelte-10m4bdv{display:flex;align-items:flex-start;align-content:flex-start;gap:8px;align-self:stretch;flex-wrap:wrap;margin-left:56px}.bloc.svelte-10m4bdv .conteneur a .labels.svelte-10m4bdv:last-child{margin-bottom:12px;margin-top:-3px}.bloc.svelte-10m4bdv .conteneur a .labels span.svelte-10m4bdv{padding:2px 8px;border-radius:12px;background:#eee;color:#161616;font-size:12px;font-weight:400;line-height:20px}.bloc.svelte-10m4bdv .conteneur hr.svelte-10m4bdv{border:0;border-top:1px solid #ddd;margin:0 16px}")}function Ve(t,e,n){const s=t.slice();return s[2]=e[n].nom,s[3]=e[n].lien,s[4]=e[n].icone,s[5]=e[n].labels,s[6]=e[n].classeTracking,s[8]=n,s}function Ye(t,e,n){const s=t.slice();return s[9]=e[n],s}function Ke(t){let e,n=$e(t[5]),s=[];for(let l=0;l<n.length;l+=1)s[l]=Qe(Ye(t,n,l));return{c(){e=g("div");for(let l=0;l<s.length;l+=1)s[l].c();a(e,"class","labels svelte-10m4bdv")},m(l,i){C(l,e,i);for(let o=0;o<s.length;o+=1)s[o]&&s[o].m(e,null)},p(l,i){if(i&2){n=$e(l[5]);let o;for(o=0;o<n.length;o+=1){const r=Ye(l,n,o);s[o]?s[o].p(r,i):(s[o]=Qe(r),s[o].c(),s[o].m(e,null))}for(;o<s.length;o+=1)s[o].d(1);s.length=n.length}},d(l){l&&S(e),je(s,l)}}}function Qe(t){let e,n=t[9]+"",s;return{c(){e=g("span"),s=B(n),a(e,"class","svelte-10m4bdv")},m(l,i){C(l,e,i),u(e,s)},p(l,i){i&2&&n!==(n=l[9]+"")&&ge(s,n)},d(l){l&&S(e)}}}function Xe(t){let e;return{c(){e=g("hr"),a(e,"class","svelte-10m4bdv")},m(n,s){C(n,e,s)},d(n){n&&S(e)}}}function Ze(t){let e,n,s,l,i,o,r,m,c=t[2]+"",d,h,b,k,v,w,$=t[5]&&Ke(t),f=t[8]<t[1].length-1&&Xe();return{c(){e=g("a"),n=g("div"),s=g("div"),l=g("img"),r=x(),m=g("div"),d=B(c),h=x(),$&&$.c(),v=x(),f&&f.c(),w=Oe(),I(l.src,i=t[4])||a(l,"src",i),a(l,"alt",o=t[2]),a(s,"class","icone svelte-10m4bdv"),a(n,"class","defaut svelte-10m4bdv"),a(e,"href",b=t[3]),a(e,"target","_blank"),a(e,"class",k=Ne(t[6])+" svelte-10m4bdv")},m(p,y){C(p,e,y),u(e,n),u(n,s),u(s,l),u(n,r),u(n,m),u(m,d),u(e,h),$&&$.m(e,null),C(p,v,y),f&&f.m(p,y),C(p,w,y)},p(p,y){y&2&&!I(l.src,i=p[4])&&a(l,"src",i),y&2&&o!==(o=p[2])&&a(l,"alt",o),y&2&&c!==(c=p[2]+"")&&ge(d,c),p[5]?$?$.p(p,y):($=Ke(p),$.c(),$.m(e,null)):$&&($.d(1),$=null),y&2&&b!==(b=p[3])&&a(e,"href",b),y&2&&k!==(k=Ne(p[6])+" svelte-10m4bdv")&&a(e,"class",k),p[8]<p[1].length-1?f||(f=Xe(),f.c(),f.m(w.parentNode,w)):f&&(f.d(1),f=null)},d(p){p&&(S(e),S(v),S(w)),$&&$.d(),f&&f.d(p)}}}function It(t){let e,n,s,l,i,o=$e(t[1]),r=[];for(let m=0;m<o.length;m+=1)r[m]=Ze(Ve(t,o,m));return{c(){e=g("div"),n=g("div"),s=B(t[0]),l=x(),i=g("div");for(let m=0;m<r.length;m+=1)r[m].c();a(n,"class","titre svelte-10m4bdv"),a(i,"class","conteneur svelte-10m4bdv"),a(e,"class","bloc svelte-10m4bdv")},m(m,c){C(m,e,c),u(e,n),u(n,s),u(e,l),u(e,i);for(let d=0;d<r.length;d+=1)r[d]&&r[d].m(i,null)},p(m,[c]){if(c&1&&ge(s,m[0]),c&2){o=$e(m[1]);let d;for(d=0;d<o.length;d+=1){const h=Ve(m,o,d);r[d]?r[d].p(h,c):(r[d]=Ze(h),r[d].c(),r[d].m(i,null))}for(;d<r.length;d+=1)r[d].d(1);r.length=o.length}},i:E,o:E,d(m){m&&S(e),je(r,m)}}}function Rt(t,e,n){let{titre:s}=e,{services:l}=e;return t.$$set=i=>{"titre"in i&&n(0,s=i.titre),"services"in i&&n(1,l=i.services)},[s,l]}class ne extends ue{constructor(e){super(),ae(this,e,Rt,It,se,{titre:0,services:1},Ft)}get titre(){return this.$$.ctx[0]}set titre(e){this.$$set({titre:e}),ee()}get services(){return this.$$.ctx[1]}set services(e){this.$$set({services:e}),ee()}}ce(ne,{titre:{},services:{}},[],[],!0);function Bt(t){le(t,"svelte-1lgeglm","@media(min-width: 576px){}@media(min-width: 576px){.invisible-tablette.svelte-1lgeglm.svelte-1lgeglm.svelte-1lgeglm.svelte-1lgeglm{display:none !important}}@media(min-width: 932px){}@media(min-width: 932px){}.suite-cyber.svelte-1lgeglm.svelte-1lgeglm.svelte-1lgeglm.svelte-1lgeglm{font-family:Marianne;font-style:normal;font-weight:normal;position:relative}.suite-cyber.svelte-1lgeglm .navigation.svelte-1lgeglm.svelte-1lgeglm.svelte-1lgeglm{display:flex;justify-content:center;align-items:center}.suite-cyber.svelte-1lgeglm .navigation button.svelte-1lgeglm.svelte-1lgeglm.svelte-1lgeglm{display:flex;border:none;padding:8px;justify-content:center;align-items:center;color:#000091;font-size:14px;font-weight:500;line-height:24px;cursor:pointer;gap:8px;background:white}.suite-cyber.svelte-1lgeglm .navigation button.svelte-1lgeglm.svelte-1lgeglm.svelte-1lgeglm:active{background:rgba(0, 0, 0, 0.08)}.suite-cyber.svelte-1lgeglm .navigation button.svelte-1lgeglm.svelte-1lgeglm.svelte-1lgeglm:hover{background:rgba(0, 0, 0, 0.04)}@media(min-width: 932px){.suite-cyber.svelte-1lgeglm .navigation button img.svelte-1lgeglm.svelte-1lgeglm.svelte-1lgeglm{width:16px;height:16px}}.suite-cyber.svelte-1lgeglm .navigation button.svelte-1lgeglm>.avec-texte.svelte-1lgeglm.svelte-1lgeglm{display:none}.suite-cyber.svelte-1lgeglm .navigation button.svelte-1lgeglm>.avec-texte.svelte-1lgeglm>span.svelte-1lgeglm{font-family:Marianne}@media(min-width: 932px){.suite-cyber.svelte-1lgeglm .navigation button.svelte-1lgeglm>.avec-texte.svelte-1lgeglm.svelte-1lgeglm{display:flex;align-items:center;justify-content:center;gap:8px}}.suite-cyber.svelte-1lgeglm .navigation button.actif.svelte-1lgeglm.svelte-1lgeglm.svelte-1lgeglm{background:#e3e3fd}.suite-cyber.svelte-1lgeglm .navigation button.actif.svelte-1lgeglm.svelte-1lgeglm.svelte-1lgeglm:active{background:#adadf9}.suite-cyber.svelte-1lgeglm .navigation button.actif.svelte-1lgeglm.svelte-1lgeglm.svelte-1lgeglm:hover{background:#c1c1fb}.suite-cyber.svelte-1lgeglm .navigation button img.ouvert.svelte-1lgeglm.svelte-1lgeglm.svelte-1lgeglm{transform:rotate(180deg)}.suite-cyber.svelte-1lgeglm .contenu.svelte-1lgeglm.svelte-1lgeglm.svelte-1lgeglm{display:flex;flex-direction:column;background:#fff;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow-y:scroll !important;overflow-x:hidden;z-index:1000}@media(min-width: 576px){.suite-cyber.svelte-1lgeglm .contenu.svelte-1lgeglm.svelte-1lgeglm.svelte-1lgeglm{position:absolute;top:40px;right:0;left:unset;width:360px;height:540px;box-shadow:0px 4px 12px 0px rgba(0, 0, 18, 0.16)}}.suite-cyber.svelte-1lgeglm .contenu button.fermer.svelte-1lgeglm.svelte-1lgeglm.svelte-1lgeglm{border:none;background:none;color:#000091;display:flex;justify-content:center;align-items:center;align-self:flex-end;gap:8px;padding:4px 8px 4px 12px;margin:12px}.suite-cyber.svelte-1lgeglm .contenu .services-anssi.svelte-1lgeglm.svelte-1lgeglm.svelte-1lgeglm{display:flex;padding:12px 16px 0px 16px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch}.suite-cyber.svelte-1lgeglm .contenu .lien-externe.svelte-1lgeglm.svelte-1lgeglm.svelte-1lgeglm{display:flex;padding:16px;align-items:center;gap:4px;align-self:stretch;text-decoration:none}.suite-cyber.svelte-1lgeglm .contenu .lien-externe div.svelte-1lgeglm.svelte-1lgeglm.svelte-1lgeglm{display:flex;justify-content:center;align-items:center;gap:6px;color:#666666;font-size:12px;font-weight:400;line-height:20px}.suite-cyber.svelte-1lgeglm .contenu .lien-externe div img.svelte-1lgeglm.svelte-1lgeglm.svelte-1lgeglm{line-height:20px}")}function et(t){let e,n,s,l,i,o,r,m,c,d,h,b,k,v,w,$,f,p,y,z,M,L,me,F,de,T,j,O,G,U;return r=new Ge({}),d=new ne({props:{titre:"Embarquer dans NIS2",services:[{nom:"MonEspaceNIS2",lien:`https://monespacenis2.cyber.gouv.fr?utm_campaign="suite-cyber"&utm_source="${t[0]}"`,icone:t[5],classeTracking:"nis2"}]}}),b=new ne({props:{titre:"S'informer",services:[{nom:"Le portail du CERT-FR",lien:`https://www.cert.ssi.gouv.fr?utm_campaign="suite-cyber"&utm_source="${t[0]}"`,icone:t[6],classeTracking:"cert-fr"}]}}),v=new ne({props:{titre:"Piloter",services:[{nom:"MonServiceSécurisé",lien:`https://monservicesecurise.cyber.gouv.fr?utm_campaign="suite-cyber"&utm_source="${t[0]}"`,icone:t[8],labels:["Entités publiques"],classeTracking:"mss"}]}}),$=new ne({props:{titre:"Tester",services:[{nom:"ADS",lien:`https://club.ssi.gouv.fr?utm_campaign="suite-cyber"&utm_source="${t[0]}"`,icone:t[6],labels:["Entités publiques","Entités régulées"],classeTracking:"ads"},{nom:"SILENE",lien:`https://club.ssi.gouv.fr?utm_campaign="suite-cyber"&utm_source="${t[0]}"`,icone:t[6],labels:["Entités publiques","Entités régulées"],classeTracking:"silene"}]}}),p=new ne({props:{titre:"Accompagner",services:[{nom:"MonAideCyber",lien:`https://monaide.cyber.gouv.fr?utm_campaign="suite-cyber"&utm_source="${t[0]}"`,icone:t[7],classeTracking:"mac"}]}}),{c(){e=g("div"),n=g("button"),s=B(`Fermer
|
|
8
|
-
|
|
2
|
+
var WebComponents=function(I){"use strict";var sn=Object.defineProperty;var ln=(I,M,Z)=>M in I?sn(I,M,{enumerable:!0,configurable:!0,writable:!0,value:Z}):I[M]=Z;var D=(I,M,Z)=>ln(I,typeof M!="symbol"?M+"":M,Z);function M(){}const Z=t=>t;function qe(t){return t()}function je(){return Object.create(null)}function G(t){t.forEach(qe)}function ze(t){return typeof t=="function"}function ee(t,e){return t!=t?e==e:t!==e||t&&typeof t=="object"||typeof t=="function"}let he;function U(t,e){return t===e?!0:(he||(he=document.createElement("a")),he.href=e,t===he.href)}function ht(t){return Object.keys(t).length===0}function Fe(t){return t??""}function Oe(t){const e=typeof t=="string"&&t.match(/^\s*(-?[\d.]+)([^\s]*)\s*$/);return e?[parseFloat(e[1]),e[2]||"px"]:[t,"px"]}const Ie=typeof window<"u";let xt=Ie?()=>window.performance.now():()=>Date.now(),Se=Ie?t=>requestAnimationFrame(t):M;const te=new Set;function Pe(t){te.forEach(e=>{e.c(t)||(te.delete(e),e.f())}),te.size!==0&&Se(Pe)}function bt(t){let e;return te.size===0&&Se(Pe),{promise:new Promise(n=>{te.add(e={c:t,f:n})}),abort(){te.delete(e)}}}function u(t,e){t.appendChild(e)}function ne(t,e,n){const i=Ee(t);if(!i.getElementById(e)){const s=m("style");s.nonce=nonce;s.id=e,s.textContent=n,Re(i,s)}}function Ee(t){if(!t)return document;const e=t.getRootNode?t.getRootNode():t.ownerDocument;return e&&e.host?e:t.ownerDocument}function $t(t){const e=m("style");e.nonce=nonce;return e.textContent="/* empty */",Re(Ee(t),e),e.sheet}function Re(t,e){return u(t.head||t,e),e.sheet}function q(t,e,n){t.insertBefore(e,n||null)}function L(t){t.parentNode&&t.parentNode.removeChild(t)}function De(t,e){for(let n=0;n<t.length;n+=1)t[n]&&t[n].d(e)}function m(t){return document.createElement(t)}function P(t){return document.createTextNode(t)}function w(){return P(" ")}function xe(){return P("")}function me(t,e,n,i){return t.addEventListener(e,n,i),()=>t.removeEventListener(e,n,i)}function o(t,e,n){n==null?t.removeAttribute(e):t.getAttribute(e)!==n&&t.setAttribute(e,n)}function _t(t){return Array.from(t.childNodes)}function ve(t,e){e=""+e,t.data!==e&&(t.data=e)}function be(t,e,n){t.classList.toggle(e,!!n)}function wt(t,e,{bubbles:n=!1,cancelable:i=!1}={}){return new CustomEvent(t,{detail:e,bubbles:n,cancelable:i})}function kt(t){const e={};return t.childNodes.forEach(n=>{e[n.slot||"default"]=!0}),e}const $e=new Map;let _e=0;function yt(t){let e=5381,n=t.length;for(;n--;)e=(e<<5)-e^t.charCodeAt(n);return e>>>0}function zt(t,e){const n={stylesheet:$t(e),rules:{}};return $e.set(t,n),n}function Be(t,e,n,i,s,r,l,a=0){const d=16.666/i;let c=`{
|
|
3
|
+
`;for(let x=0;x<=1;x+=d){const p=e+(n-e)*r(x);c+=x*100+`%{${l(p,1-p)}}
|
|
4
|
+
`}const f=c+`100% {${l(n,1-n)}}
|
|
5
|
+
}`,b=`__svelte_${yt(f)}_${a}`,h=Ee(t),{stylesheet:$,rules:v}=$e.get(h)||zt(h,t);v[b]||(v[b]=!0,$.insertRule(`@keyframes ${b} ${f}`,$.cssRules.length));const _=t.style.animation||"";return t.style.animation=`${_?`${_}, `:""}${b} ${i}ms linear ${s}ms 1 both`,_e+=1,b}function St(t,e){const n=(t.style.animation||"").split(", "),i=n.filter(e?r=>r.indexOf(e)<0:r=>r.indexOf("__svelte")===-1),s=n.length-i.length;s&&(t.style.animation=i.join(", "),_e-=s,_e||Et())}function Et(){Se(()=>{_e||($e.forEach(t=>{const{ownerNode:e}=t.stylesheet;e&&L(e)}),$e.clear())})}let Ce;function pe(t){Ce=t}const ie=[],Ue=[];let se=[];const He=[],Ct=Promise.resolve();let Me=!1;function Mt(){Me||(Me=!0,Ct.then(V))}function Y(t){se.push(t)}const Ae=new Set;let le=0;function V(){if(le!==0)return;const t=Ce;do{try{for(;le<ie.length;){const e=ie[le];le++,pe(e),At(e.$$)}}catch(e){throw ie.length=0,le=0,e}for(pe(null),ie.length=0,le=0;Ue.length;)Ue.pop()();for(let e=0;e<se.length;e+=1){const n=se[e];Ae.has(n)||(Ae.add(n),n())}se.length=0}while(ie.length);for(;He.length;)He.pop()();Me=!1,Ae.clear(),pe(t)}function At(t){if(t.fragment!==null){t.update(),G(t.before_update);const e=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,e),t.after_update.forEach(Y)}}function Nt(t){const e=[],n=[];se.forEach(i=>t.indexOf(i)===-1?e.push(i):n.push(i)),n.forEach(i=>i()),se=e}let ge;function Lt(){return ge||(ge=Promise.resolve(),ge.then(()=>{ge=null})),ge}function Ne(t,e,n){t.dispatchEvent(wt(`${e?"intro":"outro"}${n}`))}const we=new Set;let H;function Le(){H={r:0,c:[],p:H}}function Te(){H.r||G(H.c),H=H.p}function j(t,e){t&&t.i&&(we.delete(t),t.i(e))}function R(t,e,n,i){if(t&&t.o){if(we.has(t))return;we.add(t),H.c.push(()=>{we.delete(t),i&&(n&&t.d(1),i())}),t.o(e)}else i&&i()}const Tt={duration:0};function re(t,e,n,i){let r=e(t,n,{direction:"both"}),l=i?0:1,a=null,d=null,c=null,f;function b(){c&&St(t,c)}function h(v,_){const x=v.b-l;return _*=Math.abs(x),{a:l,b:v.b,d:x,duration:_,start:v.start,end:v.start+_,group:v.group}}function $(v){const{delay:_=0,duration:x=300,easing:p=Z,tick:g=M,css:y}=r||Tt,C={start:xt()+_,b:v};v||(C.group=H,H.r+=1),"inert"in t&&(v?f!==void 0&&(t.inert=f):(f=t.inert,t.inert=!0)),a||d?d=C:(y&&(b(),c=Be(t,l,v,x,_,p,y)),v&&g(0,1),a=h(C,x),Y(()=>Ne(t,v,"start")),bt(E=>{if(d&&E>d.start&&(a=h(d,x),d=null,Ne(t,a.b,"start"),y&&(b(),c=Be(t,l,a.b,a.duration,0,p,r.css))),a){if(E>=a.end)g(l=a.b,1-l),Ne(t,a.b,"end"),d||(a.b?b():--a.group.r||G(a.group.c)),a=null;else if(E>=a.start){const T=E-a.start;l=a.a+a.d*p(T/a.duration),g(l,1-l)}}return!!(a||d)}))}return{run(v){ze(r)?Lt().then(()=>{r=r({direction:v?"in":"out"}),$(v)}):$(v)},end(){b(),a=d=null}}}function ae(t){return(t==null?void 0:t.length)!==void 0?t:Array.from(t)}function qt(t,e){t.d(1),e.delete(t.key)}function jt(t,e,n,i,s,r,l,a,d,c,f,b){let h=t.length,$=r.length,v=h;const _={};for(;v--;)_[t[v].key]=v;const x=[],p=new Map,g=new Map,y=[];for(v=$;v--;){const S=b(s,r,v),A=n(S);let N=l.get(A);N?y.push(()=>N.p(S,e)):(N=c(A,S),N.c()),p.set(A,x[v]=N),A in _&&g.set(A,Math.abs(v-_[A]))}const C=new Set,E=new Set;function T(S){j(S,1),S.m(a,f),l.set(S.key,S),f=S.first,$--}for(;h&&$;){const S=x[$-1],A=t[h-1],N=S.key,z=A.key;S===A?(f=S.first,h--,$--):p.has(z)?!l.has(N)||C.has(N)?T(S):E.has(z)?h--:g.get(N)>g.get(z)?(E.add(N),T(S)):(C.add(z),h--):(d(A,l),h--)}for(;h--;){const S=t[h];p.has(S.key)||d(S,l)}for(;$;)T(x[$-1]);return G(y),x}function oe(t){t&&t.c()}function K(t,e,n){const{fragment:i,after_update:s}=t.$$;i&&i.m(e,n),Y(()=>{const r=t.$$.on_mount.map(qe).filter(ze);t.$$.on_destroy?t.$$.on_destroy.push(...r):G(r),t.$$.on_mount=[]}),s.forEach(Y)}function Q(t,e){const n=t.$$;n.fragment!==null&&(Nt(n.after_update),G(n.on_destroy),n.fragment&&n.fragment.d(e),n.on_destroy=n.fragment=null,n.ctx=[])}function Ft(t,e){t.$$.dirty[0]===-1&&(ie.push(t),Mt(),t.$$.dirty.fill(0)),t.$$.dirty[e/31|0]|=1<<e%31}function ce(t,e,n,i,s,r,l=null,a=[-1]){const d=Ce;pe(t);const c=t.$$={fragment:null,ctx:[],props:r,update:M,not_equal:s,bound:je(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(e.context||(d?d.$$.context:[])),callbacks:je(),dirty:a,skip_bound:!1,root:e.target||d.$$.root};l&&l(c.root);let f=!1;if(c.ctx=n?n(t,e.props||{},(b,h,...$)=>{const v=$.length?$[0]:h;return c.ctx&&s(c.ctx[b],c.ctx[b]=v)&&(!c.skip_bound&&c.bound[b]&&c.bound[b](v),f&&Ft(t,b)),h}):[],c.update(),f=!0,G(c.before_update),c.fragment=i?i(c.ctx):!1,e.target){if(e.hydrate){const b=_t(e.target);c.fragment&&c.fragment.l(b),b.forEach(L)}else c.fragment&&c.fragment.c();e.intro&&j(t.$$.fragment),K(t,e.target,e.anchor),V()}pe(d)}let Ve;typeof HTMLElement=="function"&&(Ve=class extends HTMLElement{constructor(e,n,i){super();D(this,"$$ctor");D(this,"$$s");D(this,"$$c");D(this,"$$cn",!1);D(this,"$$d",{});D(this,"$$r",!1);D(this,"$$p_d",{});D(this,"$$l",{});D(this,"$$l_u",new Map);this.$$ctor=e,this.$$s=n,i&&this.attachShadow({mode:"open"})}addEventListener(e,n,i){if(this.$$l[e]=this.$$l[e]||[],this.$$l[e].push(n),this.$$c){const s=this.$$c.$on(e,n);this.$$l_u.set(n,s)}super.addEventListener(e,n,i)}removeEventListener(e,n,i){if(super.removeEventListener(e,n,i),this.$$c){const s=this.$$l_u.get(n);s&&(s(),this.$$l_u.delete(n))}}async connectedCallback(){if(this.$$cn=!0,!this.$$c){let e=function(r){return()=>{let l;return{c:function(){l=m("slot"),r!=="default"&&o(l,"name",r)},m:function(c,f){q(c,l,f)},d:function(c){c&&L(l)}}}};if(await Promise.resolve(),!this.$$cn||this.$$c)return;const n={},i=kt(this);for(const r of this.$$s)r in i&&(n[r]=[e(r)]);for(const r of this.attributes){const l=this.$$g_p(r.name);l in this.$$d||(this.$$d[l]=ke(l,r.value,this.$$p_d,"toProp"))}for(const r in this.$$p_d)!(r in this.$$d)&&this[r]!==void 0&&(this.$$d[r]=this[r],delete this[r]);this.$$c=new this.$$ctor({target:this.shadowRoot||this,props:{...this.$$d,$$slots:n,$$scope:{ctx:[]}}});const s=()=>{this.$$r=!0;for(const r in this.$$p_d)if(this.$$d[r]=this.$$c.$$.ctx[this.$$c.$$.props[r]],this.$$p_d[r].reflect){const l=ke(r,this.$$d[r],this.$$p_d,"toAttribute");l==null?this.removeAttribute(this.$$p_d[r].attribute||r):this.setAttribute(this.$$p_d[r].attribute||r,l)}this.$$r=!1};this.$$c.$$.after_update.push(s),s();for(const r in this.$$l)for(const l of this.$$l[r]){const a=this.$$c.$on(r,l);this.$$l_u.set(l,a)}this.$$l={}}}attributeChangedCallback(e,n,i){var s;this.$$r||(e=this.$$g_p(e),this.$$d[e]=ke(e,i,this.$$p_d,"toProp"),(s=this.$$c)==null||s.$set({[e]:this.$$d[e]}))}disconnectedCallback(){this.$$cn=!1,Promise.resolve().then(()=>{!this.$$cn&&this.$$c&&(this.$$c.$destroy(),this.$$c=void 0)})}$$g_p(e){return Object.keys(this.$$p_d).find(n=>this.$$p_d[n].attribute===e||!this.$$p_d[n].attribute&&n.toLowerCase()===e)||e}});function ke(t,e,n,i){var r;const s=(r=n[t])==null?void 0:r.type;if(e=s==="Boolean"&&typeof e!="boolean"?e!=null:e,!i||!n[t])return e;if(i==="toAttribute")switch(s){case"Object":case"Array":return e==null?null:JSON.stringify(e);case"Boolean":return e?"":null;case"Number":return e??null;default:return e}else switch(s){case"Object":case"Array":return e&&JSON.parse(e);case"Boolean":return e;case"Number":return e!=null?+e:e;default:return e}}function ue(t,e,n,i,s,r){let l=class extends Ve{constructor(){super(t,n,s),this.$$p_d=e}static get observedAttributes(){return Object.keys(e).map(a=>(e[a].attribute||a).toLowerCase())}};return Object.keys(e).forEach(a=>{Object.defineProperty(l.prototype,a,{get(){return this.$$c&&a in this.$$c?this.$$c[a]:this.$$d[a]},set(d){var c;d=ke(a,d,e),this.$$d[a]=d,(c=this.$$c)==null||c.$set({[a]:d})}})}),i.forEach(a=>{Object.defineProperty(l.prototype,a,{get(){var d;return(d=this.$$c)==null?void 0:d[a]}})}),t.element=l,l}class de{constructor(){D(this,"$$");D(this,"$$set")}$destroy(){Q(this,1),this.$destroy=M}$on(e,n){if(!ze(n))return M;const i=this.$$.callbacks[e]||(this.$$.callbacks[e]=[]);return i.push(n),()=>{const s=i.indexOf(n);s!==-1&&i.splice(s,1)}}$set(e){this.$$set&&!ht(e)&&(this.$$.skip_bound=!0,this.$$set(e),this.$$.skip_bound=!1)}}const Ot="4";typeof window<"u"&&(window.__svelte||(window.__svelte={v:new Set})).v.add(Ot);const O=t=>`https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com${t}`;function It(t){ne(t,"svelte-16kwmn1",'.visible-tablette.svelte-16kwmn1.svelte-16kwmn1{display:none !important}@media(min-width: 576px){.visible-tablette.svelte-16kwmn1.svelte-16kwmn1{display:unset !important}}@media(min-width: 576px){}@media(min-width: 932px){}@media(min-width: 932px){}.largeur-totale.svelte-16kwmn1.svelte-16kwmn1{position:relative;overflow:hidden;background:#0d0c21 url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/illustrations/tuile-msc.svg");background-size:500px}.largeur-totale.svelte-16kwmn1 .contenu.svelte-16kwmn1{position:relative;color:white;font-family:"Marianne";padding:16px;max-width:1200px;margin:auto;font-size:0.875rem;line-height:1.5rem;display:flex;flex-direction:column}@media(min-width: 932px){.largeur-totale.svelte-16kwmn1 .contenu.svelte-16kwmn1{flex-direction:row;gap:16px;align-items:center}}.largeur-totale.svelte-16kwmn1 .contenu .fermer.svelte-16kwmn1{border:none;cursor:pointer;background:none;padding:0;transition:transform 0.2s ease-in-out;position:absolute;top:20px;right:20px}.largeur-totale.svelte-16kwmn1 .contenu .fermer.svelte-16kwmn1:hover{transform:scale(1.3)}.largeur-totale.svelte-16kwmn1 .contenu .textes.svelte-16kwmn1{display:flex;flex-direction:column}@media(min-width: 576px){.largeur-totale.svelte-16kwmn1 .contenu .textes.svelte-16kwmn1{gap:8px}}.largeur-totale.svelte-16kwmn1 .contenu h4.svelte-16kwmn1{font-size:0.875rem;line-height:1.5rem;font-weight:700;margin:0;display:flex;flex-direction:row;align-items:baseline;gap:8px}@media(min-width: 932px){.largeur-totale.svelte-16kwmn1 .contenu h4.svelte-16kwmn1{font-size:1rem;line-height:1.5rem}}.largeur-totale.svelte-16kwmn1 .contenu h4 .badge.svelte-16kwmn1{color:#19753c;background:#b8fec9;border-radius:4px;padding-right:6px;padding-left:6px;font-size:0.75rem;font-weight:700;line-height:1.25rem;text-transform:uppercase;transform:translateY(-3px)}.largeur-totale.svelte-16kwmn1 .contenu p.svelte-16kwmn1{font-weight:400;font-size:0.875rem;line-height:1.5rem;margin:0;padding-right:32px}@media(min-width: 932px){.largeur-totale.svelte-16kwmn1 .contenu p.svelte-16kwmn1{font-size:1rem;line-height:1.5rem}}.largeur-totale.svelte-16kwmn1 .contenu a.svelte-16kwmn1{display:block;color:#242424;background:white;margin:8px auto 0 0;text-align:center;font-size:0.875rem;line-height:1.5rem;text-decoration:none;gap:8px;border-radius:4px;padding:4px 12px;white-space:nowrap;height:fit-content;width:100%;max-width:312px;box-sizing:border-box}@media(min-width: 576px){.largeur-totale.svelte-16kwmn1 .contenu a.svelte-16kwmn1{max-width:248px}}@media(min-width: 932px){.largeur-totale.svelte-16kwmn1 .contenu a.svelte-16kwmn1{margin-right:32px}}')}function Je(t){let e,n,i,s,r,l,a,d,c,f,b;return{c(){e=m("div"),n=m("div"),i=m("button"),s=m("img"),l=w(),a=m("div"),a.innerHTML=`<h4 class="svelte-16kwmn1">🚀 Découvrez MesServicesCyber ! <span class="badge visible-tablette svelte-16kwmn1">nouveauté</span></h4> <p class="svelte-16kwmn1">MesServicesCyber, la plateforme pour faciliter l'accès aux services et ressources de
|
|
6
|
+
l'ANSSI et de ses partenaires.</p>`,d=w(),c=m("a"),c.textContent="Je découvre MesServicesCyber",U(s.src,r=t[1])||o(s,"src",r),o(s,"alt","fermer"),o(i,"class","fermer svelte-16kwmn1"),o(a,"class","textes svelte-16kwmn1"),o(c,"href","https://messervices.cyber.gouv.fr/"),o(c,"target","_blank"),o(c,"rel","noopener"),o(c,"id","matomo-bandeau-promotion-msc"),o(c,"class","svelte-16kwmn1"),o(n,"class","contenu svelte-16kwmn1"),o(e,"class","largeur-totale svelte-16kwmn1")},m(h,$){q(h,e,$),u(e,n),u(n,i),u(i,s),u(n,l),u(n,a),u(n,d),u(n,c),f||(b=me(i,"click",t[2]),f=!0)},p:M,d(h){h&&L(e),f=!1,b()}}}function Pt(t){let e,n=t[0]==="visible"&&Je(t);return{c(){n&&n.c(),e=xe()},m(i,s){n&&n.m(i,s),q(i,e,s)},p(i,[s]){i[0]==="visible"?n?n.p(i,s):(n=Je(i),n.c(),n.m(e.parentNode,e)):n&&(n.d(1),n=null)},i:M,o:M,d(i){i&&L(e),n&&n.d(i)}}}const We="lab-anssi-ui-kit-msc-bandeau-affichage";function Rt(t,e,n){let i=localStorage.getItem(We)||"visible";const s=O("/icones/croix-blanche.svg");return[i,s,()=>{n(0,i="invisible"),localStorage.setItem(We,"invisible")}]}class Ge extends de{constructor(e){super(),ce(this,e,Rt,Pt,ee,{},It)}}customElements.define("lab-anssi-mes-services-cyber-bandeau",ue(Ge,{},[],[],!0));function Dt(t){ne(t,"svelte-xza2h6",'@media(min-width: 576px){}@media(min-width: 576px){}@media(min-width: 932px){}@media(min-width: 932px){}.conteneur-navigation-pied-de-page.svelte-xza2h6.svelte-xza2h6{font-family:"Marianne";list-style:none;display:flex;flex-direction:row;align-items:end;row-gap:16px;column-gap:8px;margin:0 16px;padding:16px 0;flex-wrap:wrap;border-top:1px solid #dddddd}@media(min-width: 932px){.conteneur-navigation-pied-de-page.svelte-xza2h6.svelte-xza2h6{margin:0 24px;column-gap:16px}}.conteneur-navigation-pied-de-page.svelte-xza2h6 a.svelte-xza2h6{color:#666666;text-decoration:none;font-size:12px;font-style:normal;font-weight:400;line-height:20px;white-space:nowrap}.conteneur-navigation-pied-de-page.svelte-xza2h6 a.svelte-xza2h6:hover{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}.conteneur-navigation-pied-de-page.svelte-xza2h6 a.svelte-xza2h6:active{background:#ededed}.separateur.svelte-xza2h6.svelte-xza2h6{width:1px;height:16px;background:#dddddd}')}function Bt(t){let e,n,i,s,r,l,a,d,c,f,b,h,$,v,_,x,p,g,y,C,E,T,S,A,N,z,F,B=t[0]?"conforme":"non conforme",X;return{c(){e=m("div"),n=m("a"),n.textContent="À propos",i=w(),s=m("div"),r=w(),l=m("a"),l.textContent="Mentions légales",a=w(),d=m("div"),c=w(),f=m("a"),f.textContent="Politique de confidentialité",b=w(),h=m("div"),$=w(),v=m("a"),v.textContent="Conditions générales",_=w(),x=m("div"),p=w(),g=m("a"),g.textContent="Statistiques d’utilisation",y=w(),C=m("div"),E=w(),T=m("a"),T.textContent="Sécurité",S=w(),A=m("div"),N=w(),z=m("a"),F=P("Accessiblité: "),X=P(B),o(n,"href","/aPropos"),o(n,"class","svelte-xza2h6"),o(s,"class","separateur svelte-xza2h6"),o(l,"href","/mentionsLegales"),o(l,"class","svelte-xza2h6"),o(d,"class","separateur svelte-xza2h6"),o(f,"href","/confidentialite"),o(f,"class","svelte-xza2h6"),o(h,"class","separateur svelte-xza2h6"),o(v,"href","/cgu"),o(v,"class","svelte-xza2h6"),o(x,"class","separateur svelte-xza2h6"),o(g,"href","/statistiques"),o(g,"class","svelte-xza2h6"),o(C,"class","separateur svelte-xza2h6"),o(T,"href","/securite"),o(T,"class","svelte-xza2h6"),o(A,"class","separateur svelte-xza2h6"),o(z,"href","/accessibilite"),o(z,"class","svelte-xza2h6"),o(e,"class","conteneur-navigation-pied-de-page svelte-xza2h6")},m(J,k){q(J,e,k),u(e,n),u(e,i),u(e,s),u(e,r),u(e,l),u(e,a),u(e,d),u(e,c),u(e,f),u(e,b),u(e,h),u(e,$),u(e,v),u(e,_),u(e,x),u(e,p),u(e,g),u(e,y),u(e,C),u(e,E),u(e,T),u(e,S),u(e,A),u(e,N),u(e,z),u(z,F),u(z,X)},p(J,[k]){k&1&&B!==(B=J[0]?"conforme":"non conforme")&&ve(X,B)},i:M,o:M,d(J){J&&L(e)}}}function Ut(t,e,n){let{conforme:i=!1}=e;return t.$$set=s=>{"conforme"in s&&n(0,i=s.conforme)},[i]}class Ye extends de{constructor(e){super(),ce(this,e,Ut,Bt,ee,{conforme:0},Dt)}get conforme(){return this.$$.ctx[0]}set conforme(e){this.$$set({conforme:e}),V()}}customElements.define("lab-anssi-navigation-pied-de-page",ue(Ye,{conforme:{type:"Boolean"}},[],[],!0));function Ke(t){const e=t-1;return e*e*e+1}function ye(t,{delay:e=0,duration:n=400,easing:i=Ke,x:s=0,y:r=0,opacity:l=0}={}){const a=getComputedStyle(t),d=+a.opacity,c=a.transform==="none"?"":a.transform,f=d*(1-l),[b,h]=Oe(s),[$,v]=Oe(r);return{delay:e,duration:n,easing:i,css:(_,x)=>`
|
|
7
|
+
transform: ${c} translate(${(1-_)*b}${h}, ${(1-_)*$}${v});
|
|
8
|
+
opacity: ${d-f*x}`}}function Qe(t,{delay:e=0,duration:n=400,easing:i=Ke,axis:s="y"}={}){const r=getComputedStyle(t),l=+r.opacity,a=s==="y"?"height":"width",d=parseFloat(r[a]),c=s==="y"?["top","bottom"]:["left","right"],f=c.map(p=>`${p[0].toUpperCase()}${p.slice(1)}`),b=parseFloat(r[`padding${f[0]}`]),h=parseFloat(r[`padding${f[1]}`]),$=parseFloat(r[`margin${f[0]}`]),v=parseFloat(r[`margin${f[1]}`]),_=parseFloat(r[`border${f[0]}Width`]),x=parseFloat(r[`border${f[1]}Width`]);return{delay:e,duration:n,easing:i,css:p=>`overflow: hidden;opacity: ${Math.min(p*20,1)*l};${a}: ${p*d}px;padding-${c[0]}: ${p*b}px;padding-${c[1]}: ${p*h}px;margin-${c[0]}: ${p*$}px;margin-${c[1]}: ${p*v}px;border-${c[0]}-width: ${p*_}px;border-${c[1]}-width: ${p*x}px;`}}function Ht(t){ne(t,"svelte-1ohpq3w","@media(min-width: 576px){}@media(min-width: 576px){}@media(min-width: 932px){}@media(min-width: 932px){}.accueil-msc.svelte-1ohpq3w.svelte-1ohpq3w{font-family:Marianne;font-style:normal;font-weight:normal;cursor:pointer;display:flex;margin-top:8px;padding:12px 16px;align-items:center;gap:12px;align-self:stretch;text-decoration:none}.accueil-msc.svelte-1ohpq3w.svelte-1ohpq3w:hover{background-color:#f6f6f6}.accueil-msc.svelte-1ohpq3w.svelte-1ohpq3w:active{background-color:#ededed}.accueil-msc.svelte-1ohpq3w label.svelte-1ohpq3w{display:flex;padding-bottom:4px;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0;color:#161616;font-family:Marianne;font-size:18px;font-style:normal;font-weight:700;line-height:28px;cursor:pointer}.accueil-msc.svelte-1ohpq3w label span.svelte-1ohpq3w{color:#3a3a3a;font-family:Marianne;font-size:12px;font-style:normal;font-weight:400;line-height:20px}")}function Vt(t){let e,n,i,s,r,l,a,d,c,f;return{c(){e=m("a"),n=m("div"),i=m("img"),r=w(),l=m("label"),l.innerHTML=`MesServicesCyber
|
|
9
|
+
<span class="svelte-1ohpq3w">Gérer mon profil et mes services</span>`,a=w(),d=m("div"),c=m("img"),U(i.src,s=t[0])||o(i,"src",s),o(i,"alt","MesServicesCyber"),o(n,"class","icone"),o(l,"for","mes-services-cyber"),o(l,"class","svelte-1ohpq3w"),U(c.src,f=t[1])||o(c,"src",f),o(c,"alt","Aller sur MesServicesCyber"),o(d,"class","chevron"),o(e,"href","https://messervices.cyber.gouv.fr"),o(e,"target","_blank"),o(e,"class","accueil-msc svelte-1ohpq3w"),o(e,"id","mes-services-cyber")},m(b,h){q(b,e,h),u(e,n),u(n,i),u(e,r),u(e,l),u(e,a),u(e,d),u(d,c)},p:M,i:M,o:M,d(b){b&&L(e)}}}function Jt(t){const e=O("/icones/bouton-accueil-msc.svg"),n=O("/icones/chevron-noir.svg");return[e,n]}class Xe extends de{constructor(e){super(),ce(this,e,Jt,Vt,ee,{},Ht)}}ue(Xe,{},[],[],!0);function Wt(t){ne(t,"svelte-10m4bdv",".visible-tablette.svelte-10m4bdv.svelte-10m4bdv{display:none !important}@media(min-width: 576px){.visible-tablette.svelte-10m4bdv.svelte-10m4bdv{display:unset !important}}@media(min-width: 576px){.invisible-tablette.svelte-10m4bdv.svelte-10m4bdv{display:none !important}}.visible-desktop.svelte-10m4bdv.svelte-10m4bdv{display:none !important}@media(min-width: 932px){.visible-desktop.svelte-10m4bdv.svelte-10m4bdv{display:unset !important}}@media(min-width: 932px){.invisible-desktop.svelte-10m4bdv.svelte-10m4bdv{display:none !important}}.bloc.svelte-10m4bdv.svelte-10m4bdv{display:flex;flex-direction:column;align-items:center;align-self:stretch;justify-content:center;padding-bottom:8px;gap:10px}.bloc.svelte-10m4bdv.svelte-10m4bdv:last-child{padding-bottom:0}.bloc.svelte-10m4bdv .titre.svelte-10m4bdv{display:flex;align-self:stretch;color:#666666;font-size:12px;font-weight:700;line-height:20px;text-transform:uppercase}.bloc.svelte-10m4bdv .conteneur.svelte-10m4bdv{display:flex;flex-direction:column;align-self:stretch;border-radius:4px;border:1px solid #dddddd;background:#fff}.bloc.svelte-10m4bdv .conteneur a.svelte-10m4bdv{text-decoration:none}.bloc.svelte-10m4bdv .conteneur a.svelte-10m4bdv:hover{background-color:#f6f6f6}.bloc.svelte-10m4bdv .conteneur a.svelte-10m4bdv:active{background-color:#ededed}.bloc.svelte-10m4bdv .conteneur a .defaut.svelte-10m4bdv{display:flex;padding:12px;align-items:center;gap:12px;flex:1 0 0;color:#161616;font-size:16px;font-weight:500;line-height:24px}.bloc.svelte-10m4bdv .conteneur a .defaut .icone.svelte-10m4bdv{display:flex;align-items:center}.bloc.svelte-10m4bdv .conteneur a .labels.svelte-10m4bdv{display:flex;align-items:flex-start;align-content:flex-start;gap:8px;align-self:stretch;flex-wrap:wrap;margin-left:56px}.bloc.svelte-10m4bdv .conteneur a .labels.svelte-10m4bdv:last-child{margin-bottom:12px;margin-top:-3px}.bloc.svelte-10m4bdv .conteneur a .labels span.svelte-10m4bdv{padding:2px 8px;border-radius:12px;background:#eee;color:#161616;font-size:12px;font-weight:400;line-height:20px}.bloc.svelte-10m4bdv .conteneur hr.svelte-10m4bdv{border:0;border-top:1px solid #ddd;margin:0 16px}")}function Ze(t,e,n){const i=t.slice();return i[2]=e[n].nom,i[3]=e[n].lien,i[4]=e[n].icone,i[5]=e[n].labels,i[6]=e[n].classeTracking,i[8]=n,i}function et(t,e,n){const i=t.slice();return i[9]=e[n],i}function tt(t){let e,n=ae(t[5]),i=[];for(let s=0;s<n.length;s+=1)i[s]=nt(et(t,n,s));return{c(){e=m("div");for(let s=0;s<i.length;s+=1)i[s].c();o(e,"class","labels svelte-10m4bdv")},m(s,r){q(s,e,r);for(let l=0;l<i.length;l+=1)i[l]&&i[l].m(e,null)},p(s,r){if(r&2){n=ae(s[5]);let l;for(l=0;l<n.length;l+=1){const a=et(s,n,l);i[l]?i[l].p(a,r):(i[l]=nt(a),i[l].c(),i[l].m(e,null))}for(;l<i.length;l+=1)i[l].d(1);i.length=n.length}},d(s){s&&L(e),De(i,s)}}}function nt(t){let e,n=t[9]+"",i;return{c(){e=m("span"),i=P(n),o(e,"class","svelte-10m4bdv")},m(s,r){q(s,e,r),u(e,i)},p(s,r){r&2&&n!==(n=s[9]+"")&&ve(i,n)},d(s){s&&L(e)}}}function it(t){let e;return{c(){e=m("hr"),o(e,"class","svelte-10m4bdv")},m(n,i){q(n,e,i)},d(n){n&&L(e)}}}function st(t){let e,n,i,s,r,l,a,d,c=t[2]+"",f,b,h,$,v,_,x=t[5]&&tt(t),p=t[8]<t[1].length-1&&it();return{c(){e=m("a"),n=m("div"),i=m("div"),s=m("img"),a=w(),d=m("div"),f=P(c),b=w(),x&&x.c(),v=w(),p&&p.c(),_=xe(),U(s.src,r=t[4])||o(s,"src",r),o(s,"alt",l=t[2]),o(i,"class","icone svelte-10m4bdv"),o(n,"class","defaut svelte-10m4bdv"),o(e,"href",h=t[3]),o(e,"target","_blank"),o(e,"class",$=Fe(t[6])+" svelte-10m4bdv")},m(g,y){q(g,e,y),u(e,n),u(n,i),u(i,s),u(n,a),u(n,d),u(d,f),u(e,b),x&&x.m(e,null),q(g,v,y),p&&p.m(g,y),q(g,_,y)},p(g,y){y&2&&!U(s.src,r=g[4])&&o(s,"src",r),y&2&&l!==(l=g[2])&&o(s,"alt",l),y&2&&c!==(c=g[2]+"")&&ve(f,c),g[5]?x?x.p(g,y):(x=tt(g),x.c(),x.m(e,null)):x&&(x.d(1),x=null),y&2&&h!==(h=g[3])&&o(e,"href",h),y&2&&$!==($=Fe(g[6])+" svelte-10m4bdv")&&o(e,"class",$),g[8]<g[1].length-1?p||(p=it(),p.c(),p.m(_.parentNode,_)):p&&(p.d(1),p=null)},d(g){g&&(L(e),L(v),L(_)),x&&x.d(),p&&p.d(g)}}}function Gt(t){let e,n,i,s,r,l=ae(t[1]),a=[];for(let d=0;d<l.length;d+=1)a[d]=st(Ze(t,l,d));return{c(){e=m("div"),n=m("div"),i=P(t[0]),s=w(),r=m("div");for(let d=0;d<a.length;d+=1)a[d].c();o(n,"class","titre svelte-10m4bdv"),o(r,"class","conteneur svelte-10m4bdv"),o(e,"class","bloc svelte-10m4bdv")},m(d,c){q(d,e,c),u(e,n),u(n,i),u(e,s),u(e,r);for(let f=0;f<a.length;f+=1)a[f]&&a[f].m(r,null)},p(d,[c]){if(c&1&&ve(i,d[0]),c&2){l=ae(d[1]);let f;for(f=0;f<l.length;f+=1){const b=Ze(d,l,f);a[f]?a[f].p(b,c):(a[f]=st(b),a[f].c(),a[f].m(r,null))}for(;f<a.length;f+=1)a[f].d(1);a.length=l.length}},i:M,o:M,d(d){d&&L(e),De(a,d)}}}function Yt(t,e,n){let{titre:i}=e,{services:s}=e;return t.$$set=r=>{"titre"in r&&n(0,i=r.titre),"services"in r&&n(1,s=r.services)},[i,s]}class fe extends de{constructor(e){super(),ce(this,e,Yt,Gt,ee,{titre:0,services:1},Wt)}get titre(){return this.$$.ctx[0]}set titre(e){this.$$set({titre:e}),V()}get services(){return this.$$.ctx[1]}set services(e){this.$$set({services:e}),V()}}ue(fe,{titre:{},services:{}},[],[],!0);function Kt(t){ne(t,"svelte-19naxzg",'@media(min-width: 576px){}@media(min-width: 576px){.invisible-tablette.svelte-19naxzg.svelte-19naxzg.svelte-19naxzg.svelte-19naxzg{display:none !important}}@media(min-width: 932px){}@media(min-width: 932px){}.suite-cyber.svelte-19naxzg.svelte-19naxzg.svelte-19naxzg.svelte-19naxzg{font-family:Marianne;font-style:normal;font-weight:normal;position:relative}.suite-cyber.svelte-19naxzg .navigation.svelte-19naxzg.svelte-19naxzg.svelte-19naxzg{display:flex;justify-content:center;align-items:center}.suite-cyber.svelte-19naxzg .navigation button.svelte-19naxzg.svelte-19naxzg.svelte-19naxzg{display:flex;border:none;padding:8px;justify-content:center;align-items:center;color:#000091;font-size:14px;font-weight:500;line-height:24px;cursor:pointer;gap:8px;background:white}.suite-cyber.svelte-19naxzg .navigation button.svelte-19naxzg.svelte-19naxzg.svelte-19naxzg:active{background:rgba(0, 0, 0, 0.08)}.suite-cyber.svelte-19naxzg .navigation button.svelte-19naxzg.svelte-19naxzg.svelte-19naxzg:hover{background:rgba(0, 0, 0, 0.04)}@media(min-width: 932px){.suite-cyber.svelte-19naxzg .navigation button img.svelte-19naxzg.svelte-19naxzg.svelte-19naxzg{width:16px;height:16px}}.suite-cyber.svelte-19naxzg .navigation button.svelte-19naxzg>.avec-texte.svelte-19naxzg.svelte-19naxzg{display:none}.suite-cyber.svelte-19naxzg .navigation button.svelte-19naxzg>.avec-texte.svelte-19naxzg>span.svelte-19naxzg{font-family:Marianne}@media(min-width: 932px){.suite-cyber.svelte-19naxzg .navigation button.svelte-19naxzg>.avec-texte.svelte-19naxzg.svelte-19naxzg{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}}.suite-cyber.svelte-19naxzg .navigation button.actif.svelte-19naxzg.svelte-19naxzg.svelte-19naxzg{background:#e3e3fd}.suite-cyber.svelte-19naxzg .navigation button.actif.svelte-19naxzg.svelte-19naxzg.svelte-19naxzg:active{background:#adadf9}.suite-cyber.svelte-19naxzg .navigation button.actif.svelte-19naxzg.svelte-19naxzg.svelte-19naxzg:hover{background:#c1c1fb}.suite-cyber.svelte-19naxzg .navigation button img.ouvert.svelte-19naxzg.svelte-19naxzg.svelte-19naxzg{transform:rotate(180deg)}.suite-cyber.svelte-19naxzg .contenu.svelte-19naxzg.svelte-19naxzg.svelte-19naxzg{display:flex;flex-direction:column;background:#fff;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow-y:scroll !important;overflow-x:hidden;z-index:1000}@media(min-width: 576px){.suite-cyber.svelte-19naxzg .contenu.svelte-19naxzg.svelte-19naxzg.svelte-19naxzg{position:absolute;top:40px;right:0;left:unset;width:360px;height:540px;box-shadow:0px 4px 12px 0px rgba(0, 0, 18, 0.16)}}.suite-cyber.svelte-19naxzg .contenu button.fermer.svelte-19naxzg.svelte-19naxzg.svelte-19naxzg{border:none;background:none;color:#000091;display:flex;justify-content:center;align-items:center;align-self:flex-end;gap:8px;padding:4px 8px 4px 12px;margin:12px;font-family:"Marianne"}.suite-cyber.svelte-19naxzg .contenu .services-anssi.svelte-19naxzg.svelte-19naxzg.svelte-19naxzg{display:flex;padding:12px 16px 0px 16px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch}.suite-cyber.svelte-19naxzg .contenu .lien-externe.svelte-19naxzg.svelte-19naxzg.svelte-19naxzg{display:flex;padding:16px;align-items:center;gap:4px;align-self:stretch;text-decoration:none}.suite-cyber.svelte-19naxzg .contenu .lien-externe div.svelte-19naxzg.svelte-19naxzg.svelte-19naxzg{display:flex;justify-content:center;align-items:center;gap:6px;color:#666666;font-size:12px;font-weight:400;line-height:20px}.suite-cyber.svelte-19naxzg .contenu .lien-externe div img.svelte-19naxzg.svelte-19naxzg.svelte-19naxzg{line-height:20px}')}function lt(t){let e,n,i,s,r,l,a,d,c,f,b,h,$,v,_,x,p,g,y,C,E,T,S,A,N,z,F,B,X,J;return a=new Xe({}),f=new fe({props:{titre:"Embarquer dans NIS2",services:[{nom:"MonEspaceNIS2",lien:`https://monespacenis2.cyber.gouv.fr?utm_campaign=suite-cyber&utm_source=${t[0]}`,icone:t[5],classeTracking:"nis2"}]}}),h=new fe({props:{titre:"S'informer",services:[{nom:"Le portail du CERT-FR",lien:`https://www.cert.ssi.gouv.fr?utm_campaign=suite-cyber&utm_source=${t[0]}`,icone:t[6],classeTracking:"cert-fr"}]}}),v=new fe({props:{titre:"Piloter",services:[{nom:"MonServiceSécurisé",lien:`https://monservicesecurise.cyber.gouv.fr?utm_campaign=suite-cyber&utm_source=${t[0]}`,icone:t[8],labels:["Entités publiques"],classeTracking:"mss"}]}}),x=new fe({props:{titre:"Tester",services:[{nom:"ADS",lien:`https://club.ssi.gouv.fr?utm_campaign=suite-cyber&utm_source=${t[0]}`,icone:t[6],labels:["Entités publiques","Entités régulées"],classeTracking:"ads"},{nom:"SILENE",lien:`https://club.ssi.gouv.fr?utm_campaign=suite-cyber&utm_source=${t[0]}`,icone:t[6],labels:["Entités publiques","Entités régulées"],classeTracking:"silene"}]}}),g=new fe({props:{titre:"Accompagner",services:[{nom:"MonAideCyber",lien:`https://monaide.cyber.gouv.fr?utm_campaign=suite-cyber&utm_source=${t[0]}`,icone:t[7],classeTracking:"mac"}]}}),{c(){e=m("div"),n=m("button"),i=P(`Fermer
|
|
10
|
+
`),s=m("img"),l=w(),oe(a.$$.fragment),d=w(),c=m("div"),oe(f.$$.fragment),b=w(),oe(h.$$.fragment),$=w(),oe(v.$$.fragment),_=w(),oe(x.$$.fragment),p=w(),oe(g.$$.fragment),y=w(),C=m("a"),E=m("div"),T=m("span"),T.textContent="Accéder au site de l'ANSSI",S=w(),A=m("img"),U(s.src,r=t[4])||o(s,"src",r),o(s,"alt","Fermer"),o(s,"class","svelte-19naxzg"),o(n,"class","fermer invisible-tablette svelte-19naxzg"),o(c,"class","services-anssi svelte-19naxzg"),U(A.src,N=t[9])||o(A,"src",N),o(A,"alt","Accéder au site de l'ANSSI"),o(A,"class","svelte-19naxzg"),o(E,"class","svelte-19naxzg"),o(C,"class","lien-externe site-anssi svelte-19naxzg"),o(C,"href",z="https://cyber.gouv.fr?utm_campaign=suite-cyber&utm_source="+t[0]),o(C,"target","_blank"),o(e,"class","contenu svelte-19naxzg")},m(k,W){q(k,e,W),u(e,n),u(n,i),u(n,s),u(e,l),K(a,e,null),u(e,d),u(e,c),K(f,c,null),u(c,b),K(h,c,null),u(c,$),K(v,c,null),u(c,_),K(x,c,null),u(c,p),K(g,c,null),u(e,y),u(e,C),u(C,E),u(E,T),u(E,S),u(E,A),B=!0,X||(J=me(n,"click",t[11]),X=!0)},p(k,W){const ft={};W&1&&(ft.services=[{nom:"MonEspaceNIS2",lien:`https://monespacenis2.cyber.gouv.fr?utm_campaign=suite-cyber&utm_source=${k[0]}`,icone:k[5],classeTracking:"nis2"}]),f.$set(ft);const mt={};W&1&&(mt.services=[{nom:"Le portail du CERT-FR",lien:`https://www.cert.ssi.gouv.fr?utm_campaign=suite-cyber&utm_source=${k[0]}`,icone:k[6],classeTracking:"cert-fr"}]),h.$set(mt);const vt={};W&1&&(vt.services=[{nom:"MonServiceSécurisé",lien:`https://monservicesecurise.cyber.gouv.fr?utm_campaign=suite-cyber&utm_source=${k[0]}`,icone:k[8],labels:["Entités publiques"],classeTracking:"mss"}]),v.$set(vt);const pt={};W&1&&(pt.services=[{nom:"ADS",lien:`https://club.ssi.gouv.fr?utm_campaign=suite-cyber&utm_source=${k[0]}`,icone:k[6],labels:["Entités publiques","Entités régulées"],classeTracking:"ads"},{nom:"SILENE",lien:`https://club.ssi.gouv.fr?utm_campaign=suite-cyber&utm_source=${k[0]}`,icone:k[6],labels:["Entités publiques","Entités régulées"],classeTracking:"silene"}]),x.$set(pt);const gt={};W&1&&(gt.services=[{nom:"MonAideCyber",lien:`https://monaide.cyber.gouv.fr?utm_campaign=suite-cyber&utm_source=${k[0]}`,icone:k[7],classeTracking:"mac"}]),g.$set(gt),(!B||W&1&&z!==(z="https://cyber.gouv.fr?utm_campaign=suite-cyber&utm_source="+k[0]))&&o(C,"href",z)},i(k){B||(j(a.$$.fragment,k),j(f.$$.fragment,k),j(h.$$.fragment,k),j(v.$$.fragment,k),j(x.$$.fragment,k),j(g.$$.fragment,k),k&&Y(()=>{B&&(F||(F=re(e,Qe,{},!0)),F.run(1))}),B=!0)},o(k){R(a.$$.fragment,k),R(f.$$.fragment,k),R(h.$$.fragment,k),R(v.$$.fragment,k),R(x.$$.fragment,k),R(g.$$.fragment,k),k&&(F||(F=re(e,Qe,{},!1)),F.run(0)),B=!1},d(k){k&&L(e),Q(a),Q(f),Q(h),Q(v),Q(x),Q(g),k&&F&&F.end(),X=!1,J()}}}function Qt(t){let e,n,i,s,r,l,a,d,c,f,b,h,$,v,_,x,p=t[1]&<(t);return{c(){e=m("div"),n=m("div"),i=m("button"),s=m("img"),l=w(),a=m("div"),d=m("span"),d.textContent="La Suite cyber",c=w(),f=m("img"),$=w(),p&&p.c(),U(s.src,r=t[2])||o(s,"src",r),o(s,"alt","La Suite cyber"),o(s,"class","svelte-19naxzg"),o(d,"class","svelte-19naxzg"),U(f.src,b=t[3])||o(f,"src",b),o(f,"alt",h=t[1]?"ouvert":"fermé"),o(f,"class","svelte-19naxzg"),be(f,"ouvert",t[1]),o(a,"class","avec-texte svelte-19naxzg"),o(i,"class","svelte-19naxzg"),be(i,"actif",t[1]),o(n,"class","navigation svelte-19naxzg"),o(e,"class","suite-cyber svelte-19naxzg")},m(g,y){q(g,e,y),u(e,n),u(n,i),u(i,s),u(i,l),u(i,a),u(a,d),u(a,c),u(a,f),u(e,$),p&&p.m(e,null),v=!0,_||(x=me(i,"click",t[10]),_=!0)},p(g,[y]){(!v||y&2&&h!==(h=g[1]?"ouvert":"fermé"))&&o(f,"alt",h),(!v||y&2)&&be(f,"ouvert",g[1]),(!v||y&2)&&be(i,"actif",g[1]),g[1]?p?(p.p(g,y),y&2&&j(p,1)):(p=lt(g),p.c(),j(p,1),p.m(e,null)):p&&(Le(),R(p,1,1,()=>{p=null}),Te())},i(g){v||(j(p),v=!0)},o(g){R(p),v=!1},d(g){g&&L(e),p&&p.d(),_=!1,x()}}}function Xt(t,e,n){const i=O("/icones/bouton-gauffre.svg"),s=O("/icones/chevron-bleu.svg"),r=O("/icones/croix-bleu.svg"),l=O("/icones/NIS2.svg"),a=O("/icones/CERT-FR.svg"),d=O("/icones/MAC.svg"),c=O("/icones/MSS.svg"),f=O("/icones/lien-externe.svg");let{sourceUtm:b=""}=e,h=!1;const $=()=>{n(1,h=!h)},v=()=>n(1,h=!1);return t.$$set=_=>{"sourceUtm"in _&&n(0,b=_.sourceUtm)},[b,h,i,s,r,l,a,d,c,f,$,v]}class rt extends de{constructor(e){super(),ce(this,e,Xt,Qt,ee,{sourceUtm:0},Kt)}get sourceUtm(){return this.$$.ctx[0]}set sourceUtm(e){this.$$set({sourceUtm:e}),V()}}customElements.define("lab-anssi-bouton-suite-cyber-navigation",ue(rt,{sourceUtm:{}},[],[],!0));function Zt(t){ne(t,"svelte-1fak1xr",'@media(min-width: 576px){}@media(min-width: 576px){}@media(min-width: 932px){}@media(min-width: 932px){}.declencheur-centre-aide.svelte-1fak1xr.svelte-1fak1xr{position:fixed;bottom:24px;right:24px;border-radius:100px;border:1px solid #FFF;background:var(--centre-aide-background-entete);box-shadow:0 4px 12px 0 rgba(0, 0, 18, 0.16);color:#F5F5FE;text-align:center;font-size:18px;font-weight:500;line-height:28px;display:flex;gap:8px;padding:10px 24px 10px 18px;cursor:pointer;z-index:1000;font-family:Marianne}.declencheur-centre-aide.svelte-1fak1xr.svelte-1fak1xr:hover{background:var(--centre-aide-background-hover-declencheur)}@media(min-width: 576px){.declencheur-centre-aide.svelte-1fak1xr.svelte-1fak1xr{bottom:48px;right:48px}}.centre-aide.svelte-1fak1xr.svelte-1fak1xr{position:fixed;top:0;left:0;width:100%;height:100%;background:white;z-index:9;font-family:Marianne;overflow-y:scroll}@media(min-width: 576px){.centre-aide.svelte-1fak1xr.svelte-1fak1xr{width:520px;height:576px;top:unset;left:unset;bottom:48px;right:48px;border-radius:8px;border:1px solid #FFF;box-shadow:0 6px 18px 0 rgba(0, 0, 18, 0.16)}}.centre-aide.svelte-1fak1xr .entete.svelte-1fak1xr{padding:24px 32px;display:flex;align-items:center;justify-content:space-between;background:var(--centre-aide-background-entete);position:sticky;top:0;z-index:1}@media(min-width: 576px){.centre-aide.svelte-1fak1xr .entete.svelte-1fak1xr{border-top-left-radius:8px;border-top-right-radius:8px}}.centre-aide.svelte-1fak1xr .entete .icone-centre-aide.svelte-1fak1xr{width:24px;height:24px}@media(min-width: 576px){.centre-aide.svelte-1fak1xr .entete .icone-centre-aide.svelte-1fak1xr{width:30px;height:30px}}.centre-aide.svelte-1fak1xr .entete h4.svelte-1fak1xr{color:white;font-size:18px;font-weight:700;line-height:28px;margin:0}@media(min-width: 576px){.centre-aide.svelte-1fak1xr .entete h4.svelte-1fak1xr{font-size:24px;line-height:32px}}.centre-aide.svelte-1fak1xr .entete div.svelte-1fak1xr{display:flex;flex-direction:row;gap:16px}.centre-aide.svelte-1fak1xr .entete button.svelte-1fak1xr{border:none;background:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.centre-aide.svelte-1fak1xr .entete button span.svelte-1fak1xr{display:none;font-size:14px;line-height:24px;font-weight:500;margin-right:8px;color:white;font-family:Marianne}@media(min-width: 576px){.centre-aide.svelte-1fak1xr .entete button span.svelte-1fak1xr{display:inline-block}}.centre-aide.svelte-1fak1xr .contenu.svelte-1fak1xr{padding:16px;display:flex;flex-direction:column;gap:12px}@media(min-width: 576px){.centre-aide.svelte-1fak1xr .contenu.svelte-1fak1xr{padding:32px}}.centre-aide.svelte-1fak1xr .contenu .message.svelte-1fak1xr{display:flex;padding:16px;border-radius:8px;background:#EDEDED;color:#161616;font-size:1rem;font-weight:400;line-height:1.5rem}@media(min-width: 576px){.centre-aide.svelte-1fak1xr .contenu .message.svelte-1fak1xr{width:fit-content}}.centre-aide.svelte-1fak1xr .contenu .message.marge-haute.svelte-1fak1xr{margin-top:16px}.centre-aide.svelte-1fak1xr .contenu a.lien.svelte-1fak1xr{box-sizing:border-box;text-decoration:none;padding:10px 18px 10px 24px;background:var(--centre-aide-background-bouton);color:var(--centre-aide-font-color-bouton);border-radius:8px;font-size:18px;font-weight:500;line-height:28px;display:flex;flex-direction:row;text-align:left;align-items:center;justify-content:space-between;gap:8px}.centre-aide.svelte-1fak1xr .contenu a.lien.svelte-1fak1xr:after{content:"";mask-image:url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/lien-externe.svg");-webkit-mask-image:url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/lien-externe.svg");display:flex;background-color:var(--centre-aide-font-color-bouton);width:24px;height:24px;mask-size:24px;min-width:24px}.centre-aide.svelte-1fak1xr .contenu a.lien.svelte-1fak1xr:hover{background-color:var(--centre-aide-background-hover-lien)}@media(min-width: 576px){.centre-aide.svelte-1fak1xr .contenu a.lien.svelte-1fak1xr{width:fit-content}}.centre-aide.svelte-1fak1xr .contenu a.lien.secondaire.svelte-1fak1xr{background:none;border:1px solid var(--centre-aide-border-lien-secondaire);color:var(--centre-aide-font-color-lien-secondaire)}.centre-aide.svelte-1fak1xr .contenu a.lien.secondaire.svelte-1fak1xr:after{background-color:var(--centre-aide-font-color-lien-secondaire)}.centre-aide.svelte-1fak1xr .contenu a.lien.secondaire.svelte-1fak1xr:hover{background-color:rgba(0, 0, 0, 0.04)}')}function at(t,e,n){const i=t.slice();return i[6]=e[n],i[8]=n,i}function ot(t){let e,n,i,s,r;return{c(){e=m("button"),e.innerHTML=`<img src="${O("/icones/centre-aide.svg")}" alt="Icône du centre d'aide"/>
|
|
11
|
+
Centre d'aide`,o(e,"class","declencheur-centre-aide svelte-1fak1xr")},m(l,a){q(l,e,a),i=!0,s||(r=me(e,"click",t[4]),s=!0)},p:M,i(l){i||(l&&Y(()=>{i&&(n||(n=re(e,ye,{y:300},!0)),n.run(1))}),i=!0)},o(l){l&&(n||(n=re(e,ye,{y:300},!1)),n.run(0)),i=!1},d(l){l&&L(e),l&&n&&n.end(),s=!1,r()}}}function ct(t){let e,n,i,s,r,l,a,d,c,f,b,h,$,v,_,x,p,g,y,C,E,T,S,A,N=t[2]&&en(t);return{c(){e=m("div"),n=m("div"),i=m("div"),i.innerHTML=`<img class="icone-centre-aide svelte-1fak1xr" src="${O("/icones/centre-aide.svg")}" alt="Icône du centre d'aide"/> <h4 class="svelte-1fak1xr">Centre d'aide</h4>`,s=w(),r=m("button"),r.innerHTML=`<span class="svelte-1fak1xr">Fermer</span> <img src="${O("/icones/croix-blanche.svg")}" alt="Icône de fermeture du centre d'aider"/>`,l=w(),a=m("div"),d=m("div"),c=m("span"),f=P("Bonjour et bienvenue sur "),b=m("b"),h=P(t[0]),$=P(". Comment pouvons-nous vous aider ?"),v=w(),N&&N.c(),_=w(),x=m("div"),x.innerHTML='<span class="svelte-1fak1xr">Vous souhaitez faire une autre demande à l'ANSSI ?</span>',p=w(),g=m("a"),g.textContent="️⚠️ Signaler un incident ou une vulnérabilité",y=w(),C=m("a"),C.textContent="️📩 Contacter d’autres services de l’ANSSI",o(i,"class","svelte-1fak1xr"),o(r,"class","svelte-1fak1xr"),o(n,"class","entete svelte-1fak1xr"),o(c,"class","svelte-1fak1xr"),o(d,"class","message svelte-1fak1xr"),o(x,"class","message marge-haute svelte-1fak1xr"),o(g,"class","lien secondaire centre-aide-signaler-incident svelte-1fak1xr"),o(g,"href","https://club.ssi.gouv.fr/#/declarations"),o(g,"target","_blank"),o(C,"class","lien secondaire centre-aide-contacter-anssi svelte-1fak1xr"),o(C,"href","https://cyber.gouv.fr/contacter-lanssi"),o(C,"target","_blank"),o(a,"class","contenu svelte-1fak1xr"),o(e,"class","centre-aide svelte-1fak1xr")},m(z,F){q(z,e,F),u(e,n),u(n,i),u(n,s),u(n,r),u(e,l),u(e,a),u(a,d),u(d,c),u(c,f),u(c,b),u(b,h),u(c,$),u(a,v),N&&N.m(a,null),u(a,_),u(a,x),u(a,p),u(a,g),u(a,y),u(a,C),T=!0,S||(A=me(r,"click",t[5]),S=!0)},p(z,F){(!T||F&1)&&ve(h,z[0]),z[2]&&N.p(z,F)},i(z){T||(z&&Y(()=>{T&&(E||(E=re(e,ye,{y:300},!0)),E.run(1))}),T=!0)},o(z){z&&(E||(E=re(e,ye,{y:300},!1)),E.run(0)),T=!1},d(z){z&&L(e),N&&N.d(),z&&E&&E.end(),S=!1,A()}}}function en(t){let e=[],n=new Map,i,s=ae(t[2]);const r=l=>l[8];for(let l=0;l<s.length;l+=1){let a=at(t,s,l),d=r(a);n.set(d,e[l]=ut(d,a))}return{c(){for(let l=0;l<e.length;l+=1)e[l].c();i=xe()},m(l,a){for(let d=0;d<e.length;d+=1)e[d]&&e[d].m(l,a);q(l,i,a)},p(l,a){a&4&&(s=ae(l[2]),e=jt(e,a,r,1,l,s,n,i.parentNode,qt,ut,i,at))},d(l){l&&L(i);for(let a=0;a<e.length;a+=1)e[a].d(l)}}}function ut(t,e){let n,i=e[6].texte+"",s;return{key:t,first:null,c(){n=m("a"),s=P(i),o(n,"class","lien lien-principal svelte-1fak1xr"),o(n,"href",e[6].href),o(n,"target","_blank"),this.first=n},m(r,l){q(r,n,l),u(n,s)},p(r,l){e=r},d(r){r&&L(n)}}}function tn(t){let e,n,i=!t[1]&&ot(t),s=t[1]&&ct(t);return{c(){i&&i.c(),e=w(),s&&s.c(),n=xe()},m(r,l){i&&i.m(r,l),q(r,e,l),s&&s.m(r,l),q(r,n,l)},p(r,[l]){r[1]?i&&(Le(),R(i,1,1,()=>{i=null}),Te()):i?(i.p(r,l),l&2&&j(i,1)):(i=ot(r),i.c(),j(i,1),i.m(e.parentNode,e)),r[1]?s?(s.p(r,l),l&2&&j(s,1)):(s=ct(r),s.c(),j(s,1),s.m(n.parentNode,n)):s&&(Le(),R(s,1,1,()=>{s=null}),Te())},i(r){j(i),j(s)},o(r){R(i),R(s)},d(r){r&&(L(e),L(n)),i&&i.d(r),s&&s.d(r)}}}function nn(t,e,n){let{nomService:i}=e,{liens:s}=e,r=JSON.parse(s);if(!Array.isArray(r)||r.some(c=>!c.texte||!c.href))throw new Error("Les liens doivent respecter le type : { texte: string; href: string; }[]");let l=!1;const a=()=>n(1,l=!0),d=()=>n(1,l=!1);return t.$$set=c=>{"nomService"in c&&n(0,i=c.nomService),"liens"in c&&n(3,s=c.liens)},[i,l,r,s,a,d]}class dt extends de{constructor(e){super(),ce(this,e,nn,tn,ee,{nomService:0,liens:3},Zt)}get nomService(){return this.$$.ctx[0]}set nomService(e){this.$$set({nomService:e}),V()}get liens(){return this.$$.ctx[3]}set liens(e){this.$$set({liens:e}),V()}}return customElements.define("lab-anssi-centre-aide",ue(dt,{nomService:{},liens:{}},[],[],!0)),I.CentreAide=dt,I.MesServicesCyberBandeau=Ge,I.NavigationPiedDePage=Ye,I.SuiteCyberNavigation=rt,Object.defineProperty(I,Symbol.toStringTag,{value:"Module"}),I}({});
|
package/package.json
CHANGED
|
File without changes
|
|
File without changes
|