@lab-anssi/ui-kit 1.2.2 → 1.3.1
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 +307 -0
- package/dist/CentreAide.svelte.d.ts +23 -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 +1 -1
- 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,307 @@
|
|
|
1
|
+
<svelte:options customElement="lab-anssi-centre-aide" />
|
|
2
|
+
|
|
3
|
+
<script>import { fly } from "svelte/transition";
|
|
4
|
+
import { createEventDispatcher } from "svelte";
|
|
5
|
+
import { srcAsset } from "./assets/assets";
|
|
6
|
+
export let nomService;
|
|
7
|
+
export let liens;
|
|
8
|
+
const emetEvenement = createEventDispatcher();
|
|
9
|
+
let liensMisEnForme = [];
|
|
10
|
+
$: {
|
|
11
|
+
liensMisEnForme = JSON.parse(liens);
|
|
12
|
+
if (!Array.isArray(liensMisEnForme) || liensMisEnForme.some((l) => !l.texte)) {
|
|
13
|
+
throw new Error("Les liens doivent respecter le type : { texte: string; href?: string; preventDefault?: boolean; id?: string }[]");
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
let ouvert = false;
|
|
17
|
+
</script>
|
|
18
|
+
|
|
19
|
+
{#if !ouvert}
|
|
20
|
+
<button
|
|
21
|
+
class="declencheur-centre-aide"
|
|
22
|
+
on:click={() => (ouvert = true)}
|
|
23
|
+
transition:fly={{ y: 300 }}
|
|
24
|
+
>
|
|
25
|
+
<img src={srcAsset("/icones/centre-aide.svg")} alt="Icône du centre d'aide" />
|
|
26
|
+
Centre d'aide
|
|
27
|
+
</button>
|
|
28
|
+
{/if}
|
|
29
|
+
|
|
30
|
+
{#if ouvert}
|
|
31
|
+
<div class="centre-aide" transition:fly={{ y: 300 }}>
|
|
32
|
+
<div class="entete">
|
|
33
|
+
<div>
|
|
34
|
+
<img
|
|
35
|
+
class="icone-centre-aide"
|
|
36
|
+
src={srcAsset("/icones/centre-aide.svg")}
|
|
37
|
+
alt="Icône du centre d'aide"
|
|
38
|
+
/>
|
|
39
|
+
<h4>Centre d'aide</h4>
|
|
40
|
+
</div>
|
|
41
|
+
<button on:click={() => (ouvert = false)}>
|
|
42
|
+
<span>Fermer</span>
|
|
43
|
+
<img
|
|
44
|
+
src={srcAsset("/icones/croix-blanche.svg")}
|
|
45
|
+
alt="Icône de fermeture du centre d'aider"
|
|
46
|
+
/>
|
|
47
|
+
</button>
|
|
48
|
+
</div>
|
|
49
|
+
<div class="contenu">
|
|
50
|
+
<div class="message">
|
|
51
|
+
<span>Bonjour et bienvenue sur <b>{nomService}</b>. Comment pouvons-nous vous aider ?</span>
|
|
52
|
+
</div>
|
|
53
|
+
{#if liensMisEnForme}
|
|
54
|
+
{#each liensMisEnForme as lien, id (id)}
|
|
55
|
+
<a class="lien lien-principal" href={lien.href} target="_blank" id={lien.id} on:click={(e) =>{
|
|
56
|
+
if(lien.preventDefault)
|
|
57
|
+
e.preventDefault();
|
|
58
|
+
emetEvenement('lienclique', { target: e.currentTarget });
|
|
59
|
+
}}>{lien.texte}</a>
|
|
60
|
+
{/each}
|
|
61
|
+
{/if}
|
|
62
|
+
<div class="message marge-haute">
|
|
63
|
+
<span>Vous souhaitez faire une autre demande à l'ANSSI ?</span>
|
|
64
|
+
</div>
|
|
65
|
+
<a
|
|
66
|
+
class="lien secondaire centre-aide-signaler-incident"
|
|
67
|
+
href="https://club.ssi.gouv.fr/#/declarations"
|
|
68
|
+
target="_blank">️⚠️ Signaler un incident ou une vulnérabilité</a
|
|
69
|
+
>
|
|
70
|
+
<a
|
|
71
|
+
class="lien secondaire centre-aide-contacter-anssi"
|
|
72
|
+
href="https://cyber.gouv.fr/contacter-lanssi"
|
|
73
|
+
target="_blank">️📩 Contacter d’autres services de l’ANSSI</a
|
|
74
|
+
>
|
|
75
|
+
</div>
|
|
76
|
+
</div>
|
|
77
|
+
{/if}
|
|
78
|
+
|
|
79
|
+
<style>.visible-tablette {
|
|
80
|
+
display: none !important;
|
|
81
|
+
}
|
|
82
|
+
@media (min-width: 576px) {
|
|
83
|
+
.visible-tablette {
|
|
84
|
+
display: unset !important;
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
@media (min-width: 576px) {
|
|
89
|
+
.invisible-tablette {
|
|
90
|
+
display: none !important;
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.visible-desktop {
|
|
95
|
+
display: none !important;
|
|
96
|
+
}
|
|
97
|
+
@media (min-width: 932px) {
|
|
98
|
+
.visible-desktop {
|
|
99
|
+
display: unset !important;
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
@media (min-width: 932px) {
|
|
104
|
+
.invisible-desktop {
|
|
105
|
+
display: none !important;
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.declencheur-centre-aide {
|
|
110
|
+
position: fixed;
|
|
111
|
+
bottom: 24px;
|
|
112
|
+
right: 24px;
|
|
113
|
+
border-radius: 100px;
|
|
114
|
+
border: 1px solid #fff;
|
|
115
|
+
background: var(--centre-aide-background-entete);
|
|
116
|
+
box-shadow: 0 4px 12px 0 rgba(0, 0, 18, 0.16);
|
|
117
|
+
color: #f5f5fe;
|
|
118
|
+
text-align: center;
|
|
119
|
+
font-size: 18px;
|
|
120
|
+
font-weight: 500;
|
|
121
|
+
line-height: 28px;
|
|
122
|
+
display: flex;
|
|
123
|
+
gap: 8px;
|
|
124
|
+
padding: 10px 24px 10px 18px;
|
|
125
|
+
cursor: pointer;
|
|
126
|
+
z-index: 1000;
|
|
127
|
+
font-family: Marianne;
|
|
128
|
+
}
|
|
129
|
+
.declencheur-centre-aide:hover {
|
|
130
|
+
background: var(--centre-aide-background-hover-declencheur);
|
|
131
|
+
}
|
|
132
|
+
@media (min-width: 576px) {
|
|
133
|
+
.declencheur-centre-aide {
|
|
134
|
+
bottom: 48px;
|
|
135
|
+
right: 48px;
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.centre-aide {
|
|
140
|
+
position: fixed;
|
|
141
|
+
top: 0;
|
|
142
|
+
left: 0;
|
|
143
|
+
width: 100%;
|
|
144
|
+
height: 100%;
|
|
145
|
+
background: white;
|
|
146
|
+
z-index: 9;
|
|
147
|
+
font-family: Marianne;
|
|
148
|
+
overflow-y: scroll;
|
|
149
|
+
}
|
|
150
|
+
@media (min-width: 576px) {
|
|
151
|
+
.centre-aide {
|
|
152
|
+
width: 520px;
|
|
153
|
+
height: 576px;
|
|
154
|
+
top: unset;
|
|
155
|
+
left: unset;
|
|
156
|
+
bottom: 48px;
|
|
157
|
+
right: 48px;
|
|
158
|
+
border-radius: 8px;
|
|
159
|
+
border: 1px solid #fff;
|
|
160
|
+
box-shadow: 0 6px 18px 0 rgba(0, 0, 18, 0.16);
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
.centre-aide .entete {
|
|
164
|
+
padding: 24px 32px;
|
|
165
|
+
display: flex;
|
|
166
|
+
align-items: center;
|
|
167
|
+
justify-content: space-between;
|
|
168
|
+
background: var(--centre-aide-background-entete);
|
|
169
|
+
position: sticky;
|
|
170
|
+
top: 0;
|
|
171
|
+
z-index: 1;
|
|
172
|
+
}
|
|
173
|
+
@media (min-width: 576px) {
|
|
174
|
+
.centre-aide .entete {
|
|
175
|
+
border-top-left-radius: 8px;
|
|
176
|
+
border-top-right-radius: 8px;
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
.centre-aide .entete .icone-centre-aide {
|
|
180
|
+
width: 24px;
|
|
181
|
+
height: 24px;
|
|
182
|
+
}
|
|
183
|
+
@media (min-width: 576px) {
|
|
184
|
+
.centre-aide .entete .icone-centre-aide {
|
|
185
|
+
width: 30px;
|
|
186
|
+
height: 30px;
|
|
187
|
+
}
|
|
188
|
+
}
|
|
189
|
+
.centre-aide .entete h4 {
|
|
190
|
+
color: white;
|
|
191
|
+
font-size: 18px;
|
|
192
|
+
font-weight: 700;
|
|
193
|
+
line-height: 28px;
|
|
194
|
+
margin: 0;
|
|
195
|
+
}
|
|
196
|
+
@media (min-width: 576px) {
|
|
197
|
+
.centre-aide .entete h4 {
|
|
198
|
+
font-size: 24px;
|
|
199
|
+
line-height: 32px;
|
|
200
|
+
}
|
|
201
|
+
}
|
|
202
|
+
.centre-aide .entete div {
|
|
203
|
+
display: flex;
|
|
204
|
+
flex-direction: row;
|
|
205
|
+
gap: 16px;
|
|
206
|
+
}
|
|
207
|
+
.centre-aide .entete button {
|
|
208
|
+
border: none;
|
|
209
|
+
background: none;
|
|
210
|
+
margin: 0;
|
|
211
|
+
padding: 0;
|
|
212
|
+
display: flex;
|
|
213
|
+
align-items: center;
|
|
214
|
+
justify-content: center;
|
|
215
|
+
cursor: pointer;
|
|
216
|
+
}
|
|
217
|
+
.centre-aide .entete button span {
|
|
218
|
+
display: none;
|
|
219
|
+
font-size: 14px;
|
|
220
|
+
line-height: 24px;
|
|
221
|
+
font-weight: 500;
|
|
222
|
+
margin-right: 8px;
|
|
223
|
+
color: white;
|
|
224
|
+
font-family: Marianne;
|
|
225
|
+
}
|
|
226
|
+
@media (min-width: 576px) {
|
|
227
|
+
.centre-aide .entete button span {
|
|
228
|
+
display: inline-block;
|
|
229
|
+
}
|
|
230
|
+
}
|
|
231
|
+
.centre-aide .contenu {
|
|
232
|
+
padding: 16px;
|
|
233
|
+
display: flex;
|
|
234
|
+
flex-direction: column;
|
|
235
|
+
gap: 12px;
|
|
236
|
+
}
|
|
237
|
+
@media (min-width: 576px) {
|
|
238
|
+
.centre-aide .contenu {
|
|
239
|
+
padding: 32px;
|
|
240
|
+
}
|
|
241
|
+
}
|
|
242
|
+
.centre-aide .contenu .message {
|
|
243
|
+
display: flex;
|
|
244
|
+
padding: 16px;
|
|
245
|
+
border-radius: 8px;
|
|
246
|
+
background: #ededed;
|
|
247
|
+
color: #161616;
|
|
248
|
+
font-size: 1rem;
|
|
249
|
+
font-weight: 400;
|
|
250
|
+
line-height: 1.5rem;
|
|
251
|
+
}
|
|
252
|
+
@media (min-width: 576px) {
|
|
253
|
+
.centre-aide .contenu .message {
|
|
254
|
+
width: fit-content;
|
|
255
|
+
}
|
|
256
|
+
}
|
|
257
|
+
.centre-aide .contenu .message.marge-haute {
|
|
258
|
+
margin-top: 16px;
|
|
259
|
+
}
|
|
260
|
+
.centre-aide .contenu a.lien {
|
|
261
|
+
box-sizing: border-box;
|
|
262
|
+
text-decoration: none;
|
|
263
|
+
padding: 10px 18px 10px 24px;
|
|
264
|
+
background: var(--centre-aide-background-bouton);
|
|
265
|
+
color: var(--centre-aide-font-color-bouton);
|
|
266
|
+
border-radius: 8px;
|
|
267
|
+
font-size: 18px;
|
|
268
|
+
font-weight: 500;
|
|
269
|
+
line-height: 28px;
|
|
270
|
+
display: flex;
|
|
271
|
+
flex-direction: row;
|
|
272
|
+
text-align: left;
|
|
273
|
+
align-items: center;
|
|
274
|
+
justify-content: space-between;
|
|
275
|
+
cursor: pointer;
|
|
276
|
+
gap: 8px;
|
|
277
|
+
}
|
|
278
|
+
.centre-aide .contenu a.lien[href]:after {
|
|
279
|
+
content: "";
|
|
280
|
+
mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/lien-externe.svg");
|
|
281
|
+
-webkit-mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/lien-externe.svg");
|
|
282
|
+
display: flex;
|
|
283
|
+
background-color: var(--centre-aide-font-color-bouton);
|
|
284
|
+
width: 24px;
|
|
285
|
+
height: 24px;
|
|
286
|
+
mask-size: 24px;
|
|
287
|
+
min-width: 24px;
|
|
288
|
+
}
|
|
289
|
+
.centre-aide .contenu a.lien:hover {
|
|
290
|
+
background-color: var(--centre-aide-background-hover-lien);
|
|
291
|
+
}
|
|
292
|
+
@media (min-width: 576px) {
|
|
293
|
+
.centre-aide .contenu a.lien {
|
|
294
|
+
width: fit-content;
|
|
295
|
+
}
|
|
296
|
+
}
|
|
297
|
+
.centre-aide .contenu a.lien.secondaire {
|
|
298
|
+
background: none;
|
|
299
|
+
border: 1px solid var(--centre-aide-border-lien-secondaire);
|
|
300
|
+
color: var(--centre-aide-font-color-lien-secondaire);
|
|
301
|
+
}
|
|
302
|
+
.centre-aide .contenu a.lien.secondaire:after {
|
|
303
|
+
background-color: var(--centre-aide-font-color-lien-secondaire);
|
|
304
|
+
}
|
|
305
|
+
.centre-aide .contenu a.lien.secondaire:hover {
|
|
306
|
+
background-color: rgba(0, 0, 0, 0.04);
|
|
307
|
+
}</style>
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
declare const __propDef: {
|
|
3
|
+
props: {
|
|
4
|
+
nomService: string;
|
|
5
|
+
liens: string;
|
|
6
|
+
};
|
|
7
|
+
events: {
|
|
8
|
+
lienclique: CustomEvent<{
|
|
9
|
+
target: EventTarget & HTMLAnchorElement;
|
|
10
|
+
}>;
|
|
11
|
+
} & {
|
|
12
|
+
[evt: string]: CustomEvent<any>;
|
|
13
|
+
};
|
|
14
|
+
slots: {};
|
|
15
|
+
exports?: {} | undefined;
|
|
16
|
+
bindings?: string | undefined;
|
|
17
|
+
};
|
|
18
|
+
export type CentreAideProps = typeof __propDef.props;
|
|
19
|
+
export type CentreAideEvents = typeof __propDef.events;
|
|
20
|
+
export type CentreAideSlots = typeof __propDef.slots;
|
|
21
|
+
export default class CentreAide extends SvelteComponent<CentreAideProps, CentreAideEvents, CentreAideSlots> {
|
|
22
|
+
}
|
|
23
|
+
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";
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
const nonce = document.currentScript?.nonce;
|
|
2
|
-
var WebComponents=function(
|
|
3
|
-
`;for(let
|
|
4
|
-
`}const f=c+`100% {${
|
|
5
|
-
}`,h=`__svelte_${gt(f)}_${r}`,b=ye(t),{stylesheet:z,rules:v}=pe.get(b)||vt(b,t);v[h]||(v[h]=!0,z.insertRule(`@keyframes ${h} ${f}`,z.cssRules.length));const w=t.style.animation||"";return t.style.animation=`${w?`${w}, `:""}${h} ${s}ms linear ${i}ms 1 both`,he+=1,h}function pt(t,e){const n=(t.style.animation||"").split(", "),s=n.filter(e?l=>l.indexOf(e)<0:l=>l.indexOf("__svelte")===-1),i=n.length-s.length;i&&(t.style.animation=s.join(", "),he-=i,he||ht())}function ht(){we(()=>{he||(pe.forEach(t=>{const{ownerNode:e}=t.stylesheet;e&&E(e)}),pe.clear())})}let ke;function le(t){ke=t}const Q=[],Fe=[];let X=[];const Ie=[],bt=Promise.resolve();let Ee=!1;function $t(){Ee||(Ee=!0,bt.then(ee))}function re(t){X.push(t)}const Se=new Set;let Z=0;function ee(){if(Z!==0)return;const t=ke;do{try{for(;Z<Q.length;){const e=Q[Z];Z++,le(e),xt(e.$$)}}catch(e){throw Q.length=0,Z=0,e}for(le(null),Q.length=0,Z=0;Fe.length;)Fe.pop()();for(let e=0;e<X.length;e+=1){const n=X[e];Se.has(n)||(Se.add(n),n())}X.length=0}while(Q.length);for(;Ie.length;)Ie.pop()();Ee=!1,Se.clear(),le(t)}function xt(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 _t(t){const e=[],n=[];X.forEach(s=>t.indexOf(s)===-1?e.push(s):n.push(s)),n.forEach(s=>s()),X=e}let ae;function wt(){return ae||(ae=Promise.resolve(),ae.then(()=>{ae=null})),ae}function Ce(t,e,n){t.dispatchEvent(ft(`${e?"intro":"outro"}${n}`))}const be=new Set;let R;function yt(){R={r:0,c:[],p:R}}function zt(){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 kt={duration:0};function Re(t,e,n,s){let l=e(t,n,{direction:"both"}),a=s?0:1,r=null,d=null,c=null,f;function h(){c&&pt(t,c)}function b(v,w){const $=v.b-a;return w*=Math.abs($),{a,b:v.b,d:$,duration:w,start:v.start,end:v.start+w,group:v.group}}function z(v){const{delay:w=0,duration:$=300,easing:m=V,tick:p=k,css:y}=l||kt,S={start:ot()+w,b:v};v||(S.group=R,R.r+=1),"inert"in t&&(v?f!==void 0&&(t.inert=f):(f=t.inert,t.inert=!0)),r||d?d=S:(y&&(h(),c=Pe(t,a,v,$,w,m,y)),v&&p(0,1),r=b(S,$),re(()=>Ce(t,v,"start")),ct(M=>{if(d&&M>d.start&&(r=b(d,$),d=null,Ce(t,r.b,"start"),y&&(h(),c=Pe(t,a,r.b,r.duration,0,m,l.css))),r){if(M>=r.end)p(a=r.b,1-a),Ce(t,r.b,"end"),d||(r.b?h():--r.group.r||Y(r.group.c)),r=null;else if(M>=r.start){const L=M-r.start;a=r.a+r.d*m(L/r.duration),p(a,1-a)}}return!!(r||d)}))}return{run(v){_e(l)?wt().then(()=>{l=l({direction:v?"in":"out"}),z(v)}):z(v)},end(){h(),r=d=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:i}=t.$$;s&&s.m(e,n),re(()=>{const l=t.$$.on_mount.map(Me).filter(_e);t.$$.on_destroy?t.$$.on_destroy.push(...l):Y(l),t.$$.on_mount=[]}),i.forEach(re)}function W(t,e){const n=t.$$;n.fragment!==null&&(_t(n.after_update),Y(n.on_destroy),n.fragment&&n.fragment.d(e),n.on_destroy=n.fragment=null,n.ctx=[])}function Et(t,e){t.$$.dirty[0]===-1&&(Q.push(t),$t(),t.$$.dirty.fill(0)),t.$$.dirty[e/31|0]|=1<<e%31}function oe(t,e,n,s,i,l,a=null,r=[-1]){const d=ke;le(t);const c=t.$$={fragment:null,ctx:[],props:l,update:k,not_equal:i,bound:Ae(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(e.context||(d?d.$$.context:[])),callbacks:Ae(),dirty:r,skip_bound:!1,root:e.target||d.$$.root};a&&a(c.root);let f=!1;if(c.ctx=n?n(t,e.props||{},(h,b,...z)=>{const v=z.length?z[0]:b;return c.ctx&&i(c.ctx[h],c.ctx[h]=v)&&(!c.skip_bound&&c.bound[h]&&c.bound[h](v),f&&Et(t,h)),b}):[],c.update(),f=!0,Y(c.before_update),c.fragment=s?s(c.ctx):!1,e.target){if(e.hydrate){const h=dt(e.target);c.fragment&&c.fragment.l(h),h.forEach(E)}else c.fragment&&c.fragment.c();e.intro&&P(t.$$.fragment),J(t,e.target,e.anchor),ee()}le(d)}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 i=this.$$c.$on(e,n);this.$$l_u.set(n,i)}super.addEventListener(e,n,s)}removeEventListener(e,n,s){if(super.removeEventListener(e,n,s),this.$$c){const i=this.$$l_u.get(n);i&&(i(),this.$$l_u.delete(n))}}async connectedCallback(){if(this.$$cn=!0,!this.$$c){let e=function(l){return()=>{let a;return{c:function(){a=g("slot"),l!=="default"&&o(a,"name",l)},m:function(c,f){C(c,a,f)},d:function(c){c&&E(a)}}}};if(await Promise.resolve(),!this.$$cn||this.$$c)return;const n={},s=mt(this);for(const l of this.$$s)l in s&&(n[l]=[e(l)]);for(const l of this.attributes){const a=this.$$g_p(l.name);a in this.$$d||(this.$$d[a]=xe(a,l.value,this.$$p_d,"toProp"))}for(const l in this.$$p_d)!(l in this.$$d)&&this[l]!==void 0&&(this.$$d[l]=this[l],delete this[l]);this.$$c=new this.$$ctor({target:this.shadowRoot||this,props:{...this.$$d,$$slots:n,$$scope:{ctx:[]}}});const i=()=>{this.$$r=!0;for(const l in this.$$p_d)if(this.$$d[l]=this.$$c.$$.ctx[this.$$c.$$.props[l]],this.$$p_d[l].reflect){const a=xe(l,this.$$d[l],this.$$p_d,"toAttribute");a==null?this.removeAttribute(this.$$p_d[l].attribute||l):this.setAttribute(this.$$p_d[l].attribute||l,a)}this.$$r=!1};this.$$c.$$.after_update.push(i),i();for(const l in this.$$l)for(const a of this.$$l[l]){const r=this.$$c.$on(l,a);this.$$l_u.set(a,r)}this.$$l={}}}attributeChangedCallback(e,n,s){var i;this.$$r||(e=this.$$g_p(e),this.$$d[e]=xe(e,s,this.$$p_d,"toProp"),(i=this.$$c)==null||i.$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 xe(t,e,n,s){var l;const i=(l=n[t])==null?void 0:l.type;if(e=i==="Boolean"&&typeof e!="boolean"?e!=null:e,!s||!n[t])return e;if(s==="toAttribute")switch(i){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(i){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,i,l){let a=class extends Be{constructor(){super(t,n,i),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(a.prototype,r,{get(){return this.$$c&&r in this.$$c?this.$$c[r]:this.$$d[r]},set(d){var c;d=xe(r,d,e),this.$$d[r]=d,(c=this.$$c)==null||c.$set({[r]:d})}})}),s.forEach(r=>{Object.defineProperty(a.prototype,r,{get(){var d;return(d=this.$$c)==null?void 0:d[r]}})}),t.element=a,a}class ue{constructor(){A(this,"$$");A(this,"$$set")}$destroy(){W(this,1),this.$destroy=k}$on(e,n){if(!_e(n))return k;const s=this.$$.callbacks[e]||(this.$$.callbacks[e]=[]);return s.push(n),()=>{const i=s.indexOf(n);i!==-1&&s.splice(i,1)}}$set(e){this.$$set&&!at(e)&&(this.$$.skip_bound=!0,this.$$set(e),this.$$.skip_bound=!1)}}const St="4";typeof window<"u"&&(window.__svelte||(window.__svelte={v:new Set})).v.add(St);const q=t=>`https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com${t}`;function Ct(t){ie(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,i,l,a,r,d,c,f,h;return{c(){e=g("div"),n=g("div"),s=g("button"),i=g("img"),a=_(),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>`,d=
|
|
7
|
-
<span class="svelte-1ohpq3w">Gérer mon profil et mes services</span>`,r=_(),d=g("div"),c=g("img"),I(s.src,i=t[0])||o(s,"src",i),o(s,"alt","MesServicesCyber"),o(n,"class","icone"),o(a,"for","mes-services-cyber"),o(a,"class","svelte-1ohpq3w"),I(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(h,b){C(h,e,b),u(e,n),u(n,s),u(e,l),u(e,a),u(e,r),u(e,d),u(d,c)},p:k,i:k,o:k,d(h){h&&E(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(),oe(this,e,Pt,Ot,se,{},jt)}}ce(Ge,{},[],[],!0);function Ft(t){ie(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 i=0;i<n.length;i+=1)s[i]=Qe(Ye(t,n,i));return{c(){e=g("div");for(let i=0;i<s.length;i+=1)s[i].c();o(e,"class","labels svelte-10m4bdv")},m(i,l){C(i,e,l);for(let a=0;a<s.length;a+=1)s[a]&&s[a].m(e,null)},p(i,l){if(l&2){n=$e(i[5]);let a;for(a=0;a<n.length;a+=1){const r=Ye(i,n,a);s[a]?s[a].p(r,l):(s[a]=Qe(r),s[a].c(),s[a].m(e,null))}for(;a<s.length;a+=1)s[a].d(1);s.length=n.length}},d(i){i&&E(e),je(s,i)}}}function Qe(t){let e,n=t[9]+"",s;return{c(){e=g("span"),s=B(n),o(e,"class","svelte-10m4bdv")},m(i,l){C(i,e,l),u(e,s)},p(i,l){l&2&&n!==(n=i[9]+"")&&ge(s,n)},d(i){i&&E(e)}}}function Xe(t){let e;return{c(){e=g("hr"),o(e,"class","svelte-10m4bdv")},m(n,s){C(n,e,s)},d(n){n&&E(e)}}}function Ze(t){let e,n,s,i,l,a,r,d,c=t[2]+"",f,h,b,z,v,w,$=t[5]&&Ke(t),m=t[8]<t[1].length-1&&Xe();return{c(){e=g("a"),n=g("div"),s=g("div"),i=g("img"),r=_(),d=g("div"),f=B(c),h=_(),$&&$.c(),v=_(),m&&m.c(),w=Oe(),I(i.src,l=t[4])||o(i,"src",l),o(i,"alt",a=t[2]),o(s,"class","icone svelte-10m4bdv"),o(n,"class","defaut svelte-10m4bdv"),o(e,"href",b=t[3]),o(e,"target","_blank"),o(e,"class",z=Ne(t[6])+" svelte-10m4bdv")},m(p,y){C(p,e,y),u(e,n),u(n,s),u(s,i),u(n,r),u(n,d),u(d,f),u(e,h),$&&$.m(e,null),C(p,v,y),m&&m.m(p,y),C(p,w,y)},p(p,y){y&2&&!I(i.src,l=p[4])&&o(i,"src",l),y&2&&a!==(a=p[2])&&o(i,"alt",a),y&2&&c!==(c=p[2]+"")&&ge(f,c),p[5]?$?$.p(p,y):($=Ke(p),$.c(),$.m(e,null)):$&&($.d(1),$=null),y&2&&b!==(b=p[3])&&o(e,"href",b),y&2&&z!==(z=Ne(p[6])+" svelte-10m4bdv")&&o(e,"class",z),p[8]<p[1].length-1?m||(m=Xe(),m.c(),m.m(w.parentNode,w)):m&&(m.d(1),m=null)},d(p){p&&(E(e),E(v),E(w)),$&&$.d(),m&&m.d(p)}}}function It(t){let e,n,s,i,l,a=$e(t[1]),r=[];for(let d=0;d<a.length;d+=1)r[d]=Ze(Ve(t,a,d));return{c(){e=g("div"),n=g("div"),s=B(t[0]),i=_(),l=g("div");for(let d=0;d<r.length;d+=1)r[d].c();o(n,"class","titre svelte-10m4bdv"),o(l,"class","conteneur svelte-10m4bdv"),o(e,"class","bloc svelte-10m4bdv")},m(d,c){C(d,e,c),u(e,n),u(n,s),u(e,i),u(e,l);for(let f=0;f<r.length;f+=1)r[f]&&r[f].m(l,null)},p(d,[c]){if(c&1&&ge(s,d[0]),c&2){a=$e(d[1]);let f;for(f=0;f<a.length;f+=1){const h=Ve(d,a,f);r[f]?r[f].p(h,c):(r[f]=Ze(h),r[f].c(),r[f].m(l,null))}for(;f<r.length;f+=1)r[f].d(1);r.length=a.length}},i:k,o:k,d(d){d&&E(e),je(r,d)}}}function Rt(t,e,n){let{titre:s}=e,{services:i}=e;return t.$$set=l=>{"titre"in l&&n(0,s=l.titre),"services"in l&&n(1,i=l.services)},[s,i]}class ne extends ue{constructor(e){super(),oe(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){ie(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 et(t){let e,n,s,i,l,a,r,d,c,f,h,b,z,v,w,$,m,p,y,S,M,L,de,F,fe,T,j,O,G,U;return r=new Ge({}),f=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(P){"use strict";var rn=Object.defineProperty;var an=(P,M,Z)=>M in P?rn(P,M,{enumerable:!0,configurable:!0,writable:!0,value:Z}):P[M]=Z;var R=(P,M,Z)=>an(P,typeof M!="symbol"?M+"":M,Z);function M(){}const Z=t=>t;function Te(t){return t()}function qe(){return Object.create(null)}function G(t){t.forEach(Te)}function je(t){return typeof t=="function"}function ee(t,e){return t!=t?e==e:t!==e||t&&typeof t=="object"||typeof t=="function"}let xe;function U(t,e){return t===e?!0:(xe||(xe=document.createElement("a")),xe.href=e,t===xe.href)}function bt(t){return Object.keys(t).length===0}function Oe(t){return t??""}function Ie(t){const e=typeof t=="string"&&t.match(/^\s*(-?[\d.]+)([^\s]*)\s*$/);return e?[parseFloat(e[1]),e[2]||"px"]:[t,"px"]}const Pe=typeof window<"u";let $t=Pe?()=>window.performance.now():()=>Date.now(),Se=Pe?t=>requestAnimationFrame(t):M;const te=new Set;function Fe(t){te.forEach(e=>{e.c(t)||(te.delete(e),e.f())}),te.size!==0&&Se(Fe)}function _t(t){let e;return te.size===0&&Se(Fe),{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=v("style");s.nonce=nonce;s.id=e,s.textContent=n,De(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 wt(t){const e=v("style");e.nonce=nonce;return e.textContent="/* empty */",De(Ee(t),e),e.sheet}function De(t,e){return u(t.head||t,e),e.sheet}function T(t,e,n){t.insertBefore(e,n||null)}function N(t){t.parentNode&&t.parentNode.removeChild(t)}function Re(t,e){for(let n=0;n<t.length;n+=1)t[n]&&t[n].d(e)}function v(t){return document.createElement(t)}function F(t){return document.createTextNode(t)}function w(){return F(" ")}function be(){return F("")}function ie(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 yt(t){return Array.from(t.childNodes)}function se(t,e){e=""+e,t.data!==e&&(t.data=e)}function $e(t,e,n){t.classList.toggle(e,!!n)}function Be(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 we=0;function zt(t){let e=5381,n=t.length;for(;n--;)e=(e<<5)-e^t.charCodeAt(n);return e>>>0}function jt(t,e){const n={stylesheet:wt(e),rules:{}};return _e.set(t,n),n}function Ue(t,e,n,i,s,r,l,a=0){const d=16.666/i;let c=`{
|
|
3
|
+
`;for(let b=0;b<=1;b+=d){const g=e+(n-e)*r(b);c+=b*100+`%{${l(g,1-g)}}
|
|
4
|
+
`}const f=c+`100% {${l(n,1-n)}}
|
|
5
|
+
}`,m=`__svelte_${zt(f)}_${a}`,h=Ee(t),{stylesheet:_,rules:p}=_e.get(h)||jt(h,t);p[m]||(p[m]=!0,_.insertRule(`@keyframes ${m} ${f}`,_.cssRules.length));const $=t.style.animation||"";return t.style.animation=`${$?`${$}, `:""}${m} ${i}ms linear ${s}ms 1 both`,we+=1,m}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(", "),we-=s,we||Et())}function Et(){Se(()=>{we||(_e.forEach(t=>{const{ownerNode:e}=t.stylesheet;e&&N(e)}),_e.clear())})}let pe;function ge(t){pe=t}function Ct(){if(!pe)throw new Error("Function called outside component initialization");return pe}function Mt(){const t=Ct();return(e,n,{cancelable:i=!1}={})=>{const s=t.$$.callbacks[e];if(s){const r=Be(e,n,{cancelable:i});return s.slice().forEach(l=>{l.call(t,r)}),!r.defaultPrevented}return!0}}const le=[],He=[];let re=[];const Ve=[],At=Promise.resolve();let Ce=!1;function Nt(){Ce||(Ce=!0,At.then(V))}function Y(t){re.push(t)}const Me=new Set;let ae=0;function V(){if(ae!==0)return;const t=pe;do{try{for(;ae<le.length;){const e=le[ae];ae++,ge(e),Lt(e.$$)}}catch(e){throw le.length=0,ae=0,e}for(ge(null),le.length=0,ae=0;He.length;)He.pop()();for(let e=0;e<re.length;e+=1){const n=re[e];Me.has(n)||(Me.add(n),n())}re.length=0}while(le.length);for(;Ve.length;)Ve.pop()();Ce=!1,Me.clear(),ge(t)}function Lt(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 Tt(t){const e=[],n=[];re.forEach(i=>t.indexOf(i)===-1?e.push(i):n.push(i)),n.forEach(i=>i()),re=e}let he;function qt(){return he||(he=Promise.resolve(),he.then(()=>{he=null})),he}function Ae(t,e,n){t.dispatchEvent(Be(`${e?"intro":"outro"}${n}`))}const ye=new Set;let H;function Ne(){H={r:0,c:[],p:H}}function Le(){H.r||G(H.c),H=H.p}function q(t,e){t&&t.i&&(ye.delete(t),t.i(e))}function D(t,e,n,i){if(t&&t.o){if(ye.has(t))return;ye.add(t),H.c.push(()=>{ye.delete(t),i&&(n&&t.d(1),i())}),t.o(e)}else i&&i()}const Ot={duration:0};function oe(t,e,n,i){let r=e(t,n,{direction:"both"}),l=i?0:1,a=null,d=null,c=null,f;function m(){c&&St(t,c)}function h(p,$){const b=p.b-l;return $*=Math.abs(b),{a:l,b:p.b,d:b,duration:$,start:p.start,end:p.start+$,group:p.group}}function _(p){const{delay:$=0,duration:b=300,easing:g=Z,tick:x=M,css:k}=r||Ot,C={start:$t()+$,b:p};p||(C.group=H,H.r+=1),"inert"in t&&(p?f!==void 0&&(t.inert=f):(f=t.inert,t.inert=!0)),a||d?d=C:(k&&(m(),c=Ue(t,l,p,b,$,g,k)),p&&x(0,1),a=h(C,b),Y(()=>Ae(t,p,"start")),_t(E=>{if(d&&E>d.start&&(a=h(d,b),d=null,Ae(t,a.b,"start"),k&&(m(),c=Ue(t,l,a.b,a.duration,0,g,r.css))),a){if(E>=a.end)x(l=a.b,1-l),Ae(t,a.b,"end"),d||(a.b?m():--a.group.r||G(a.group.c)),a=null;else if(E>=a.start){const L=E-a.start;l=a.a+a.d*g(L/a.duration),x(l,1-l)}}return!!(a||d)}))}return{run(p){je(r)?qt().then(()=>{r=r({direction:p?"in":"out"}),_(p)}):_(p)},end(){m(),a=d=null}}}function ce(t){return(t==null?void 0:t.length)!==void 0?t:Array.from(t)}function It(t,e){t.d(1),e.delete(t.key)}function Pt(t,e,n,i,s,r,l,a,d,c,f,m){let h=t.length,_=r.length,p=h;const $={};for(;p--;)$[t[p].key]=p;const b=[],g=new Map,x=new Map,k=[];for(p=_;p--;){const S=m(s,r,p),A=n(S);let z=l.get(A);z?k.push(()=>z.p(S,e)):(z=c(A,S),z.c()),g.set(A,b[p]=z),A in $&&x.set(A,Math.abs(p-$[A]))}const C=new Set,E=new Set;function L(S){q(S,1),S.m(a,f),l.set(S.key,S),f=S.first,_--}for(;h&&_;){const S=b[_-1],A=t[h-1],z=S.key,j=A.key;S===A?(f=S.first,h--,_--):g.has(j)?!l.has(z)||C.has(z)?L(S):E.has(j)?h--:x.get(z)>x.get(j)?(E.add(z),L(S)):(C.add(j),h--):(d(A,l),h--)}for(;h--;){const S=t[h];g.has(S.key)||d(S,l)}for(;_;)L(b[_-1]);return G(k),b}function ue(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(Te).filter(je);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&&(Tt(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&&(le.push(t),Nt(),t.$$.dirty.fill(0)),t.$$.dirty[e/31|0]|=1<<e%31}function de(t,e,n,i,s,r,l=null,a=[-1]){const d=pe;ge(t);const c=t.$$={fragment:null,ctx:[],props:r,update:M,not_equal:s,bound:qe(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(e.context||(d?d.$$.context:[])),callbacks:qe(),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||{},(m,h,..._)=>{const p=_.length?_[0]:h;return c.ctx&&s(c.ctx[m],c.ctx[m]=p)&&(!c.skip_bound&&c.bound[m]&&c.bound[m](p),f&&Ft(t,m)),h}):[],c.update(),f=!0,G(c.before_update),c.fragment=i?i(c.ctx):!1,e.target){if(e.hydrate){const m=yt(e.target);c.fragment&&c.fragment.l(m),m.forEach(N)}else c.fragment&&c.fragment.c();e.intro&&q(t.$$.fragment),K(t,e.target,e.anchor),V()}ge(d)}let Je;typeof HTMLElement=="function"&&(Je=class extends HTMLElement{constructor(e,n,i){super();R(this,"$$ctor");R(this,"$$s");R(this,"$$c");R(this,"$$cn",!1);R(this,"$$d",{});R(this,"$$r",!1);R(this,"$$p_d",{});R(this,"$$l",{});R(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=v("slot"),r!=="default"&&o(l,"name",r)},m:function(c,f){T(c,l,f)},d:function(c){c&&N(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 fe(t,e,n,i,s,r){let l=class extends Je{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 me{constructor(){R(this,"$$");R(this,"$$set")}$destroy(){Q(this,1),this.$destroy=M}$on(e,n){if(!je(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&&!bt(e)&&(this.$$.skip_bound=!0,this.$$set(e),this.$$.skip_bound=!1)}}const Dt="4";typeof window<"u"&&(window.__svelte||(window.__svelte={v:new Set})).v.add(Dt);const I=t=>`https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com${t}`;function Rt(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 We(t){let e,n,i,s,r,l,a,d,c,f,m;return{c(){e=v("div"),n=v("div"),i=v("button"),s=v("img"),l=w(),a=v("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=v("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,_){T(h,e,_),u(e,n),u(n,i),u(i,s),u(n,l),u(n,a),u(n,d),u(n,c),f||(m=ie(i,"click",t[2]),f=!0)},p:M,d(h){h&&N(e),f=!1,m()}}}function Bt(t){let e,n=t[0]==="visible"&&We(t);return{c(){n&&n.c(),e=be()},m(i,s){n&&n.m(i,s),T(i,e,s)},p(i,[s]){i[0]==="visible"?n?n.p(i,s):(n=We(i),n.c(),n.m(e.parentNode,e)):n&&(n.d(1),n=null)},i:M,o:M,d(i){i&&N(e),n&&n.d(i)}}}const Ge="lab-anssi-ui-kit-msc-bandeau-affichage";function Ut(t,e,n){let i=localStorage.getItem(Ge)||"visible";const s=I("/icones/croix-blanche.svg");return[i,s,()=>{n(0,i="invisible"),localStorage.setItem(Ge,"invisible")}]}class Ye extends me{constructor(e){super(),de(this,e,Ut,Bt,ee,{},Rt)}}customElements.define("lab-anssi-mes-services-cyber-bandeau",fe(Ye,{},[],[],!0));function Ht(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 Vt(t){let e,n,i,s,r,l,a,d,c,f,m,h,_,p,$,b,g,x,k,C,E,L,S,A,z,j,O,B=t[0]?"conforme":"non conforme",X;return{c(){e=v("div"),n=v("a"),n.textContent="À propos",i=w(),s=v("div"),r=w(),l=v("a"),l.textContent="Mentions légales",a=w(),d=v("div"),c=w(),f=v("a"),f.textContent="Politique de confidentialité",m=w(),h=v("div"),_=w(),p=v("a"),p.textContent="Conditions générales",$=w(),b=v("div"),g=w(),x=v("a"),x.textContent="Statistiques d’utilisation",k=w(),C=v("div"),E=w(),L=v("a"),L.textContent="Sécurité",S=w(),A=v("div"),z=w(),j=v("a"),O=F("Accessiblité: "),X=F(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(p,"href","/cgu"),o(p,"class","svelte-xza2h6"),o(b,"class","separateur svelte-xza2h6"),o(x,"href","/statistiques"),o(x,"class","svelte-xza2h6"),o(C,"class","separateur svelte-xza2h6"),o(L,"href","/securite"),o(L,"class","svelte-xza2h6"),o(A,"class","separateur svelte-xza2h6"),o(j,"href","/accessibilite"),o(j,"class","svelte-xza2h6"),o(e,"class","conteneur-navigation-pied-de-page svelte-xza2h6")},m(J,y){T(J,e,y),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,m),u(e,h),u(e,_),u(e,p),u(e,$),u(e,b),u(e,g),u(e,x),u(e,k),u(e,C),u(e,E),u(e,L),u(e,S),u(e,A),u(e,z),u(e,j),u(j,O),u(j,X)},p(J,[y]){y&1&&B!==(B=J[0]?"conforme":"non conforme")&&se(X,B)},i:M,o:M,d(J){J&&N(e)}}}function Jt(t,e,n){let{conforme:i=!1}=e;return t.$$set=s=>{"conforme"in s&&n(0,i=s.conforme)},[i]}class Ke extends me{constructor(e){super(),de(this,e,Jt,Vt,ee,{conforme:0},Ht)}get conforme(){return this.$$.ctx[0]}set conforme(e){this.$$set({conforme:e}),V()}}customElements.define("lab-anssi-navigation-pied-de-page",fe(Ke,{conforme:{type:"Boolean"}},[],[],!0));function Qe(t){const e=t-1;return e*e*e+1}function ze(t,{delay:e=0,duration:n=400,easing:i=Qe,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),[m,h]=Ie(s),[_,p]=Ie(r);return{delay:e,duration:n,easing:i,css:($,b)=>`
|
|
7
|
+
transform: ${c} translate(${(1-$)*m}${h}, ${(1-$)*_}${p});
|
|
8
|
+
opacity: ${d-f*b}`}}function Xe(t,{delay:e=0,duration:n=400,easing:i=Qe,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(g=>`${g[0].toUpperCase()}${g.slice(1)}`),m=parseFloat(r[`padding${f[0]}`]),h=parseFloat(r[`padding${f[1]}`]),_=parseFloat(r[`margin${f[0]}`]),p=parseFloat(r[`margin${f[1]}`]),$=parseFloat(r[`border${f[0]}Width`]),b=parseFloat(r[`border${f[1]}Width`]);return{delay:e,duration:n,easing:i,css:g=>`overflow: hidden;opacity: ${Math.min(g*20,1)*l};${a}: ${g*d}px;padding-${c[0]}: ${g*m}px;padding-${c[1]}: ${g*h}px;margin-${c[0]}: ${g*_}px;margin-${c[1]}: ${g*p}px;border-${c[0]}-width: ${g*$}px;border-${c[1]}-width: ${g*b}px;`}}function Wt(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 Gt(t){let e,n,i,s,r,l,a,d,c,f;return{c(){e=v("a"),n=v("div"),i=v("img"),r=w(),l=v("label"),l.innerHTML=`MesServicesCyber
|
|
9
|
+
<span class="svelte-1ohpq3w">Gérer mon profil et mes services</span>`,a=w(),d=v("div"),c=v("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(m,h){T(m,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(m){m&&N(e)}}}function Yt(t){const e=I("/icones/bouton-accueil-msc.svg"),n=I("/icones/chevron-noir.svg");return[e,n]}class Ze extends me{constructor(e){super(),de(this,e,Yt,Gt,ee,{},Wt)}}fe(Ze,{},[],[],!0);function Kt(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 et(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 tt(t,e,n){const i=t.slice();return i[9]=e[n],i}function nt(t){let e,n=ce(t[5]),i=[];for(let s=0;s<n.length;s+=1)i[s]=it(tt(t,n,s));return{c(){e=v("div");for(let s=0;s<i.length;s+=1)i[s].c();o(e,"class","labels svelte-10m4bdv")},m(s,r){T(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=ce(s[5]);let l;for(l=0;l<n.length;l+=1){const a=tt(s,n,l);i[l]?i[l].p(a,r):(i[l]=it(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&&N(e),Re(i,s)}}}function it(t){let e,n=t[9]+"",i;return{c(){e=v("span"),i=F(n),o(e,"class","svelte-10m4bdv")},m(s,r){T(s,e,r),u(e,i)},p(s,r){r&2&&n!==(n=s[9]+"")&&se(i,n)},d(s){s&&N(e)}}}function st(t){let e;return{c(){e=v("hr"),o(e,"class","svelte-10m4bdv")},m(n,i){T(n,e,i)},d(n){n&&N(e)}}}function lt(t){let e,n,i,s,r,l,a,d,c=t[2]+"",f,m,h,_,p,$,b=t[5]&&nt(t),g=t[8]<t[1].length-1&&st();return{c(){e=v("a"),n=v("div"),i=v("div"),s=v("img"),a=w(),d=v("div"),f=F(c),m=w(),b&&b.c(),p=w(),g&&g.c(),$=be(),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",_=Oe(t[6])+" svelte-10m4bdv")},m(x,k){T(x,e,k),u(e,n),u(n,i),u(i,s),u(n,a),u(n,d),u(d,f),u(e,m),b&&b.m(e,null),T(x,p,k),g&&g.m(x,k),T(x,$,k)},p(x,k){k&2&&!U(s.src,r=x[4])&&o(s,"src",r),k&2&&l!==(l=x[2])&&o(s,"alt",l),k&2&&c!==(c=x[2]+"")&&se(f,c),x[5]?b?b.p(x,k):(b=nt(x),b.c(),b.m(e,null)):b&&(b.d(1),b=null),k&2&&h!==(h=x[3])&&o(e,"href",h),k&2&&_!==(_=Oe(x[6])+" svelte-10m4bdv")&&o(e,"class",_),x[8]<x[1].length-1?g||(g=st(),g.c(),g.m($.parentNode,$)):g&&(g.d(1),g=null)},d(x){x&&(N(e),N(p),N($)),b&&b.d(),g&&g.d(x)}}}function Qt(t){let e,n,i,s,r,l=ce(t[1]),a=[];for(let d=0;d<l.length;d+=1)a[d]=lt(et(t,l,d));return{c(){e=v("div"),n=v("div"),i=F(t[0]),s=w(),r=v("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){T(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&&se(i,d[0]),c&2){l=ce(d[1]);let f;for(f=0;f<l.length;f+=1){const m=et(d,l,f);a[f]?a[f].p(m,c):(a[f]=lt(m),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&&N(e),Re(a,d)}}}function Xt(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 ve extends me{constructor(e){super(),de(this,e,Xt,Qt,ee,{titre:0,services:1},Kt)}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()}}fe(ve,{titre:{},services:{}},[],[],!0);function Zt(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 rt(t){let e,n,i,s,r,l,a,d,c,f,m,h,_,p,$,b,g,x,k,C,E,L,S,A,z,j,O,B,X,J;return a=new Ze({}),f=new ve({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 ve({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"}]}}),p=new ve({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"}]}}),b=new ve({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"}]}}),x=new ve({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=v("div"),n=v("button"),i=F(`Fermer
|
|
10
|
+
`),s=v("img"),l=w(),ue(a.$$.fragment),d=w(),c=v("div"),ue(f.$$.fragment),m=w(),ue(h.$$.fragment),_=w(),ue(p.$$.fragment),$=w(),ue(b.$$.fragment),g=w(),ue(x.$$.fragment),k=w(),C=v("a"),E=v("div"),L=v("span"),L.textContent="Accéder au site de l'ANSSI",S=w(),A=v("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,z=t[9])||o(A,"src",z),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",j="https://cyber.gouv.fr?utm_campaign=suite-cyber&utm_source="+t[0]),o(C,"target","_blank"),o(e,"class","contenu svelte-19naxzg")},m(y,W){T(y,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,m),K(h,c,null),u(c,_),K(p,c,null),u(c,$),K(b,c,null),u(c,g),K(x,c,null),u(e,k),u(e,C),u(C,E),u(E,L),u(E,S),u(E,A),B=!0,X||(J=ie(n,"click",t[11]),X=!0)},p(y,W){const vt={};W&1&&(vt.services=[{nom:"MonEspaceNIS2",lien:`https://monespacenis2.cyber.gouv.fr?utm_campaign=suite-cyber&utm_source=${y[0]}`,icone:y[5],classeTracking:"nis2"}]),f.$set(vt);const pt={};W&1&&(pt.services=[{nom:"Le portail du CERT-FR",lien:`https://www.cert.ssi.gouv.fr?utm_campaign=suite-cyber&utm_source=${y[0]}`,icone:y[6],classeTracking:"cert-fr"}]),h.$set(pt);const gt={};W&1&&(gt.services=[{nom:"MonServiceSécurisé",lien:`https://monservicesecurise.cyber.gouv.fr?utm_campaign=suite-cyber&utm_source=${y[0]}`,icone:y[8],labels:["Entités publiques"],classeTracking:"mss"}]),p.$set(gt);const ht={};W&1&&(ht.services=[{nom:"ADS",lien:`https://club.ssi.gouv.fr?utm_campaign=suite-cyber&utm_source=${y[0]}`,icone:y[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=${y[0]}`,icone:y[6],labels:["Entités publiques","Entités régulées"],classeTracking:"silene"}]),b.$set(ht);const xt={};W&1&&(xt.services=[{nom:"MonAideCyber",lien:`https://monaide.cyber.gouv.fr?utm_campaign=suite-cyber&utm_source=${y[0]}`,icone:y[7],classeTracking:"mac"}]),x.$set(xt),(!B||W&1&&j!==(j="https://cyber.gouv.fr?utm_campaign=suite-cyber&utm_source="+y[0]))&&o(C,"href",j)},i(y){B||(q(a.$$.fragment,y),q(f.$$.fragment,y),q(h.$$.fragment,y),q(p.$$.fragment,y),q(b.$$.fragment,y),q(x.$$.fragment,y),y&&Y(()=>{B&&(O||(O=oe(e,Xe,{},!0)),O.run(1))}),B=!0)},o(y){D(a.$$.fragment,y),D(f.$$.fragment,y),D(h.$$.fragment,y),D(p.$$.fragment,y),D(b.$$.fragment,y),D(x.$$.fragment,y),y&&(O||(O=oe(e,Xe,{},!1)),O.run(0)),B=!1},d(y){y&&N(e),Q(a),Q(f),Q(h),Q(p),Q(b),Q(x),y&&O&&O.end(),X=!1,J()}}}function en(t){let e,n,i,s,r,l,a,d,c,f,m,h,_,p,$,b,g=t[1]&&rt(t);return{c(){e=v("div"),n=v("div"),i=v("button"),s=v("img"),l=w(),a=v("div"),d=v("span"),d.textContent="La Suite cyber",c=w(),f=v("img"),_=w(),g&&g.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,m=t[3])||o(f,"src",m),o(f,"alt",h=t[1]?"ouvert":"fermé"),o(f,"class","svelte-19naxzg"),$e(f,"ouvert",t[1]),o(a,"class","avec-texte svelte-19naxzg"),o(i,"class","svelte-19naxzg"),$e(i,"actif",t[1]),o(n,"class","navigation svelte-19naxzg"),o(e,"class","suite-cyber svelte-19naxzg")},m(x,k){T(x,e,k),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,_),g&&g.m(e,null),p=!0,$||(b=ie(i,"click",t[10]),$=!0)},p(x,[k]){(!p||k&2&&h!==(h=x[1]?"ouvert":"fermé"))&&o(f,"alt",h),(!p||k&2)&&$e(f,"ouvert",x[1]),(!p||k&2)&&$e(i,"actif",x[1]),x[1]?g?(g.p(x,k),k&2&&q(g,1)):(g=rt(x),g.c(),q(g,1),g.m(e,null)):g&&(Ne(),D(g,1,1,()=>{g=null}),Le())},i(x){p||(q(g),p=!0)},o(x){D(g),p=!1},d(x){x&&N(e),g&&g.d(),$=!1,b()}}}function tn(t,e,n){const i=I("/icones/bouton-gauffre.svg"),s=I("/icones/chevron-bleu.svg"),r=I("/icones/croix-bleu.svg"),l=I("/icones/NIS2.svg"),a=I("/icones/CERT-FR.svg"),d=I("/icones/MAC.svg"),c=I("/icones/MSS.svg"),f=I("/icones/lien-externe.svg");let{sourceUtm:m=""}=e,h=!1;const _=()=>{n(1,h=!h)},p=()=>n(1,h=!1);return t.$$set=$=>{"sourceUtm"in $&&n(0,m=$.sourceUtm)},[m,h,i,s,r,l,a,d,c,f,_,p]}class at extends me{constructor(e){super(),de(this,e,tn,en,ee,{sourceUtm:0},Zt)}get sourceUtm(){return this.$$.ctx[0]}set sourceUtm(e){this.$$set({sourceUtm:e}),V()}}customElements.define("lab-anssi-bouton-suite-cyber-navigation",fe(at,{sourceUtm:{}},[],[],!0));function nn(t){ne(t,"svelte-m2jx2c",'@media(min-width: 576px){}@media(min-width: 576px){}@media(min-width: 932px){}@media(min-width: 932px){}.declencheur-centre-aide.svelte-m2jx2c.svelte-m2jx2c{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-m2jx2c.svelte-m2jx2c:hover{background:var(--centre-aide-background-hover-declencheur)}@media(min-width: 576px){.declencheur-centre-aide.svelte-m2jx2c.svelte-m2jx2c{bottom:48px;right:48px}}.centre-aide.svelte-m2jx2c.svelte-m2jx2c{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-m2jx2c.svelte-m2jx2c{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-m2jx2c .entete.svelte-m2jx2c{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-m2jx2c .entete.svelte-m2jx2c{border-top-left-radius:8px;border-top-right-radius:8px}}.centre-aide.svelte-m2jx2c .entete .icone-centre-aide.svelte-m2jx2c{width:24px;height:24px}@media(min-width: 576px){.centre-aide.svelte-m2jx2c .entete .icone-centre-aide.svelte-m2jx2c{width:30px;height:30px}}.centre-aide.svelte-m2jx2c .entete h4.svelte-m2jx2c{color:white;font-size:18px;font-weight:700;line-height:28px;margin:0}@media(min-width: 576px){.centre-aide.svelte-m2jx2c .entete h4.svelte-m2jx2c{font-size:24px;line-height:32px}}.centre-aide.svelte-m2jx2c .entete div.svelte-m2jx2c{display:flex;flex-direction:row;gap:16px}.centre-aide.svelte-m2jx2c .entete button.svelte-m2jx2c{border:none;background:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.centre-aide.svelte-m2jx2c .entete button span.svelte-m2jx2c{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-m2jx2c .entete button span.svelte-m2jx2c{display:inline-block}}.centre-aide.svelte-m2jx2c .contenu.svelte-m2jx2c{padding:16px;display:flex;flex-direction:column;gap:12px}@media(min-width: 576px){.centre-aide.svelte-m2jx2c .contenu.svelte-m2jx2c{padding:32px}}.centre-aide.svelte-m2jx2c .contenu .message.svelte-m2jx2c{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-m2jx2c .contenu .message.svelte-m2jx2c{width:fit-content}}.centre-aide.svelte-m2jx2c .contenu .message.marge-haute.svelte-m2jx2c{margin-top:16px}.centre-aide.svelte-m2jx2c .contenu a.lien.svelte-m2jx2c{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;cursor:pointer;gap:8px}.centre-aide.svelte-m2jx2c .contenu a.lien[href].svelte-m2jx2c: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-m2jx2c .contenu a.lien.svelte-m2jx2c:hover{background-color:var(--centre-aide-background-hover-lien)}@media(min-width: 576px){.centre-aide.svelte-m2jx2c .contenu a.lien.svelte-m2jx2c{width:fit-content}}.centre-aide.svelte-m2jx2c .contenu a.lien.secondaire.svelte-m2jx2c{background:none;border:1px solid var(--centre-aide-border-lien-secondaire);color:var(--centre-aide-font-color-lien-secondaire)}.centre-aide.svelte-m2jx2c .contenu a.lien.secondaire.svelte-m2jx2c:after{background-color:var(--centre-aide-font-color-lien-secondaire)}.centre-aide.svelte-m2jx2c .contenu a.lien.secondaire.svelte-m2jx2c:hover{background-color:rgba(0, 0, 0, 0.04)}')}function ot(t,e,n){const i=t.slice();return i[8]=e[n],i[10]=n,i}function ct(t){let e,n,i,s,r;return{c(){e=v("button"),e.innerHTML=`<img src="${I("/icones/centre-aide.svg")}" alt="Icône du centre d'aide"/>
|
|
11
|
+
Centre d'aide`,o(e,"class","declencheur-centre-aide svelte-m2jx2c")},m(l,a){T(l,e,a),i=!0,s||(r=ie(e,"click",t[5]),s=!0)},p:M,i(l){i||(l&&Y(()=>{i&&(n||(n=oe(e,ze,{y:300},!0)),n.run(1))}),i=!0)},o(l){l&&(n||(n=oe(e,ze,{y:300},!1)),n.run(0)),i=!1},d(l){l&&N(e),l&&n&&n.end(),s=!1,r()}}}function ut(t){let e,n,i,s,r,l,a,d,c,f,m,h,_,p,$,b,g,x,k,C,E,L,S,A,z=t[1]&&dt(t);return{c(){e=v("div"),n=v("div"),i=v("div"),i.innerHTML=`<img class="icone-centre-aide svelte-m2jx2c" src="${I("/icones/centre-aide.svg")}" alt="Icône du centre d'aide"/> <h4 class="svelte-m2jx2c">Centre d'aide</h4>`,s=w(),r=v("button"),r.innerHTML=`<span class="svelte-m2jx2c">Fermer</span> <img src="${I("/icones/croix-blanche.svg")}" alt="Icône de fermeture du centre d'aider"/>`,l=w(),a=v("div"),d=v("div"),c=v("span"),f=F("Bonjour et bienvenue sur "),m=v("b"),h=F(t[0]),_=F(". Comment pouvons-nous vous aider ?"),p=w(),z&&z.c(),$=w(),b=v("div"),b.innerHTML='<span class="svelte-m2jx2c">Vous souhaitez faire une autre demande à l'ANSSI ?</span>',g=w(),x=v("a"),x.textContent="️⚠️ Signaler un incident ou une vulnérabilité",k=w(),C=v("a"),C.textContent="️📩 Contacter d’autres services de l’ANSSI",o(i,"class","svelte-m2jx2c"),o(r,"class","svelte-m2jx2c"),o(n,"class","entete svelte-m2jx2c"),o(c,"class","svelte-m2jx2c"),o(d,"class","message svelte-m2jx2c"),o(b,"class","message marge-haute svelte-m2jx2c"),o(x,"class","lien secondaire centre-aide-signaler-incident svelte-m2jx2c"),o(x,"href","https://club.ssi.gouv.fr/#/declarations"),o(x,"target","_blank"),o(C,"class","lien secondaire centre-aide-contacter-anssi svelte-m2jx2c"),o(C,"href","https://cyber.gouv.fr/contacter-lanssi"),o(C,"target","_blank"),o(a,"class","contenu svelte-m2jx2c"),o(e,"class","centre-aide svelte-m2jx2c")},m(j,O){T(j,e,O),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,m),u(m,h),u(c,_),u(a,p),z&&z.m(a,null),u(a,$),u(a,b),u(a,g),u(a,x),u(a,k),u(a,C),L=!0,S||(A=ie(r,"click",t[6]),S=!0)},p(j,O){(!L||O&1)&&se(h,j[0]),j[1]?z?z.p(j,O):(z=dt(j),z.c(),z.m(a,$)):z&&(z.d(1),z=null)},i(j){L||(j&&Y(()=>{L&&(E||(E=oe(e,ze,{y:300},!0)),E.run(1))}),L=!0)},o(j){j&&(E||(E=oe(e,ze,{y:300},!1)),E.run(0)),L=!1},d(j){j&&N(e),z&&z.d(),j&&E&&E.end(),S=!1,A()}}}function dt(t){let e=[],n=new Map,i,s=ce(t[1]);const r=l=>l[10];for(let l=0;l<s.length;l+=1){let a=ot(t,s,l),d=r(a);n.set(d,e[l]=ft(d,a))}return{c(){for(let l=0;l<e.length;l+=1)e[l].c();i=be()},m(l,a){for(let d=0;d<e.length;d+=1)e[d]&&e[d].m(l,a);T(l,i,a)},p(l,a){a&10&&(s=ce(l[1]),e=Pt(e,a,r,1,l,s,n,i.parentNode,It,ft,i,ot))},d(l){l&&N(i);for(let a=0;a<e.length;a+=1)e[a].d(l)}}}function ft(t,e){let n,i=e[8].texte+"",s,r,l,a,d;function c(...f){return e[7](e[8],...f)}return{key:t,first:null,c(){n=v("a"),s=F(i),o(n,"class","lien lien-principal svelte-m2jx2c"),o(n,"href",r=e[8].href),o(n,"target","_blank"),o(n,"id",l=e[8].id),this.first=n},m(f,m){T(f,n,m),u(n,s),a||(d=ie(n,"click",c),a=!0)},p(f,m){e=f,m&2&&i!==(i=e[8].texte+"")&&se(s,i),m&2&&r!==(r=e[8].href)&&o(n,"href",r),m&2&&l!==(l=e[8].id)&&o(n,"id",l)},d(f){f&&N(n),a=!1,d()}}}function sn(t){let e,n,i=!t[2]&&ct(t),s=t[2]&&ut(t);return{c(){i&&i.c(),e=w(),s&&s.c(),n=be()},m(r,l){i&&i.m(r,l),T(r,e,l),s&&s.m(r,l),T(r,n,l)},p(r,[l]){r[2]?i&&(Ne(),D(i,1,1,()=>{i=null}),Le()):i?(i.p(r,l),l&4&&q(i,1)):(i=ct(r),i.c(),q(i,1),i.m(e.parentNode,e)),r[2]?s?(s.p(r,l),l&4&&q(s,1)):(s=ut(r),s.c(),q(s,1),s.m(n.parentNode,n)):s&&(Ne(),D(s,1,1,()=>{s=null}),Le())},i(r){q(i),q(s)},o(r){D(i),D(s)},d(r){r&&(N(e),N(n)),i&&i.d(r),s&&s.d(r)}}}function ln(t,e,n){let{nomService:i}=e,{liens:s}=e;const r=Mt();let l=[],a=!1;const d=()=>n(2,a=!0),c=()=>n(2,a=!1),f=(m,h)=>{m.preventDefault&&h.preventDefault(),r("lienclique",{target:h.currentTarget})};return t.$$set=m=>{"nomService"in m&&n(0,i=m.nomService),"liens"in m&&n(4,s=m.liens)},t.$$.update=()=>{if(t.$$.dirty&18&&(n(1,l=JSON.parse(s)),!Array.isArray(l)||l.some(m=>!m.texte)))throw new Error("Les liens doivent respecter le type : { texte: string; href?: string; preventDefault?: boolean; id?: string }[]")},[i,l,a,r,s,d,c,f]}class mt extends me{constructor(e){super(),de(this,e,ln,sn,ee,{nomService:0,liens:4},nn)}get nomService(){return this.$$.ctx[0]}set nomService(e){this.$$set({nomService:e}),V()}get liens(){return this.$$.ctx[4]}set liens(e){this.$$set({liens:e}),V()}}return customElements.define("lab-anssi-centre-aide",fe(mt,{nomService:{},liens:{}},[],[],!0)),P.CentreAide=mt,P.MesServicesCyberBandeau=Ye,P.NavigationPiedDePage=Ke,P.SuiteCyberNavigation=at,Object.defineProperty(P,Symbol.toStringTag,{value:"Module"}),P}({});
|
package/package.json
CHANGED
|
File without changes
|
|
File without changes
|