@lab-anssi/ui-kit 1.6.5 → 1.7.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/assets/icones/fleche_gauche_bleue.svg +3 -0
- package/dist/assets/icones/succes.svg +3 -0
- package/dist/assets/illustrations/cnil.svg +25 -0
- package/dist/generateurImagesPlaceholders.d.ts +1 -0
- package/dist/generateurImagesPlaceholders.js +3 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +2 -0
- package/dist/lab/vitrines-produits/briques/Brique.svelte +69 -0
- package/dist/lab/vitrines-produits/briques/Brique.svelte.d.ts +20 -0
- package/dist/lab/vitrines-produits/briques/BriqueHero.svelte +229 -0
- package/dist/lab/vitrines-produits/briques/BriqueHero.svelte.d.ts +24 -0
- package/dist/lab/vitrines-produits/briques/CarrouselTuiles.svelte +170 -0
- package/dist/lab/vitrines-produits/briques/CarrouselTuiles.svelte.d.ts +19 -0
- package/dist/lab/vitrines-produits/briques/Tuile.svelte +46 -0
- package/dist/lab/vitrines-produits/briques/Tuile.svelte.d.ts +22 -0
- package/dist/types.d.ts +14 -0
- package/dist/types.js +1 -0
- package/dist/webcomponents/lab-anssi-ui-kit.iife.js +32 -32
- package/dist/webcomponents/lab-anssi-ui-kit.jsx.d.ts +14 -3
- package/package.json +1 -1
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.21875 7.33336H13.3334V8.6667H5.21875L8.79475 12.2427L7.85208 13.1854L2.66675 8.00003L7.85208 2.8147L8.79475 3.75736L5.21875 7.33336Z" fill="#042794"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.00004 14.6667C4.31804 14.6667 1.33337 11.682 1.33337 8.00004C1.33337 4.31804 4.31804 1.33337 8.00004 1.33337C11.682 1.33337 14.6667 4.31804 14.6667 8.00004C14.6667 11.682 11.682 14.6667 8.00004 14.6667ZM7.33537 10.6667L12.0487 5.95271L11.106 5.01004L7.33537 8.78137L5.44937 6.89537L4.50671 7.83804L7.33537 10.6667Z" fill="#18753C"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
<svg width="79" height="25" viewBox="0 0 79 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g id="cnil.svg" clip-path="url(#clip0_1792_5017)">
|
|
3
|
+
<g id="Clip path group">
|
|
4
|
+
<mask id="mask0_1792_5017" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="79" height="25">
|
|
5
|
+
<g id="a">
|
|
6
|
+
<path id="Vector" d="M78.2556 0.632812H0V24.6328H78.2556V0.632812Z" fill="white"/>
|
|
7
|
+
</g>
|
|
8
|
+
</mask>
|
|
9
|
+
<g mask="url(#mask0_1792_5017)">
|
|
10
|
+
<g id="Group">
|
|
11
|
+
<path id="Vector_2" d="M78.257 20.1401H74.1055V24.2917H78.257V20.1401Z" fill="white"/>
|
|
12
|
+
<path id="Vector_3" d="M16.7774 19.8554L17.2321 23.6658C15.1846 24.2916 12.7394 24.6328 9.78189 24.6328C6.1991 24.6328 3.63982 23.7228 2.21811 21.96C0.73937 20.1401 0 17.069 0 12.6328C0 8.19659 0.73937 5.12556 2.21811 3.30565C3.69685 1.48574 6.1991 0.632812 9.78189 0.632812C12.3982 0.632812 14.7299 0.916954 16.7769 1.42921L16.3222 5.23961C14.5023 5.12606 12.3412 5.06903 9.78189 5.06903C8.07554 5.06903 6.93847 5.58078 6.31266 6.66132C5.68684 7.74186 5.4027 9.73236 5.4027 12.6328C5.4027 15.5333 5.68684 17.5237 6.31266 18.6043C6.93847 19.6848 8.07554 20.1966 9.78189 20.1966C12.91 20.1966 15.2421 20.083 16.7774 19.8554Z" fill="white"/>
|
|
13
|
+
<path id="Vector_4" d="M40.1515 1.03066V22.3579C40.1515 23.609 39.5257 24.2348 38.3316 24.2348H35.147C34.6352 24.2348 34.237 24.1212 33.9529 23.8936C33.6687 23.666 33.3841 23.2678 33.0999 22.7561L26.9579 10.3578C26.2185 8.7085 25.7067 7.51441 25.5362 6.77504H25.138C25.3085 7.9126 25.3656 9.1067 25.3656 10.4719V24.2348H20.4746V2.85057C20.4746 1.59945 21.1004 0.973633 22.3516 0.973633H25.4796C25.9914 0.973633 26.3896 1.08719 26.6737 1.3148C26.9579 1.54242 27.2425 1.94062 27.5267 2.45237L33.4411 14.4524C34.0099 15.59 34.5787 16.8411 35.1475 18.2058H35.4886C35.3751 16.4429 35.261 15.1347 35.261 14.2818V1.03066H40.1515Z" fill="white"/>
|
|
14
|
+
<path id="Vector_5" d="M49.9897 24.2344H44.8711V1.03076H49.9897V24.2344Z" fill="white"/>
|
|
15
|
+
<path id="Vector_6" d="M69.4981 24.2914H59.9438C58.1239 24.2914 56.8158 23.8367 55.9058 22.9267C55.0529 22.0168 54.5977 20.8227 54.5977 19.344V1.03076H59.7162V18.3199C59.7162 18.9458 59.8298 19.3434 60.1144 19.6281C60.3991 19.9127 60.8538 20.0263 61.5361 20.0263H69.4981V24.2914Z" fill="white"/>
|
|
16
|
+
</g>
|
|
17
|
+
</g>
|
|
18
|
+
</g>
|
|
19
|
+
</g>
|
|
20
|
+
<defs>
|
|
21
|
+
<clipPath id="clip0_1792_5017">
|
|
22
|
+
<rect width="79" height="24" fill="white" transform="translate(0 0.632812)"/>
|
|
23
|
+
</clipPath>
|
|
24
|
+
</defs>
|
|
25
|
+
</svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const genereImageDePlaceholder: (largeur: number, longeur: number) => string;
|
package/dist/index.d.ts
CHANGED
|
@@ -4,3 +4,5 @@ export { default as LienDiagnosticCyber } from "./mes-services-cyber/lien/LienDi
|
|
|
4
4
|
export { default as NavigationPiedDePage } from "./pied-de-page/NavigationPiedDePage.svelte";
|
|
5
5
|
export { default as SuiteCyberNavigation } from "./suite-cyber/navigation/Navigation.svelte";
|
|
6
6
|
export { default as ResumePssi } from "./lab/ResumePssi.svelte";
|
|
7
|
+
export { default as BriqueHero } from './lab/vitrines-produits/briques/BriqueHero.svelte';
|
|
8
|
+
export { default as CarrouselTuiles } from './lab/vitrines-produits/briques/CarrouselTuiles.svelte';
|
package/dist/index.js
CHANGED
|
@@ -4,3 +4,5 @@ export { default as LienDiagnosticCyber } from "./mes-services-cyber/lien/LienDi
|
|
|
4
4
|
export { default as NavigationPiedDePage } from "./pied-de-page/NavigationPiedDePage.svelte";
|
|
5
5
|
export { default as SuiteCyberNavigation } from "./suite-cyber/navigation/Navigation.svelte";
|
|
6
6
|
export { default as ResumePssi } from "./lab/ResumePssi.svelte";
|
|
7
|
+
export { default as BriqueHero } from './lab/vitrines-produits/briques/BriqueHero.svelte';
|
|
8
|
+
export { default as CarrouselTuiles } from './lab/vitrines-produits/briques/CarrouselTuiles.svelte';
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
<script>export let variation = "primaire";
|
|
2
|
+
</script>
|
|
3
|
+
|
|
4
|
+
<section class={variation}>
|
|
5
|
+
<div class="contenu-brique">
|
|
6
|
+
<slot />
|
|
7
|
+
</div>
|
|
8
|
+
</section>
|
|
9
|
+
|
|
10
|
+
<style>.visible-tablette {
|
|
11
|
+
display: none !important;
|
|
12
|
+
}
|
|
13
|
+
@media (min-width: 576px) {
|
|
14
|
+
.visible-tablette {
|
|
15
|
+
display: unset !important;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
@media (min-width: 576px) {
|
|
20
|
+
.invisible-tablette {
|
|
21
|
+
display: none !important;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.visible-desktop {
|
|
26
|
+
display: none !important;
|
|
27
|
+
}
|
|
28
|
+
@media (min-width: 932px) {
|
|
29
|
+
.visible-desktop {
|
|
30
|
+
display: unset !important;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
@media (min-width: 932px) {
|
|
35
|
+
.invisible-desktop {
|
|
36
|
+
display: none !important;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
section {
|
|
41
|
+
font-family: Marianne;
|
|
42
|
+
padding: 48px 16px;
|
|
43
|
+
text-align: left;
|
|
44
|
+
width: calc(100vw - 32px);
|
|
45
|
+
color: white;
|
|
46
|
+
}
|
|
47
|
+
@media (min-width: 576px) {
|
|
48
|
+
section {
|
|
49
|
+
padding: 72px 24px;
|
|
50
|
+
width: calc(100vw - 48px);
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
@media (min-width: 932px) {
|
|
54
|
+
section {
|
|
55
|
+
padding: 48px 24px;
|
|
56
|
+
width: calc(100vw - 48px);
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
section.primaire {
|
|
60
|
+
background: var(--brique-background-primaire);
|
|
61
|
+
}
|
|
62
|
+
section.transparent {
|
|
63
|
+
background: none;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.contenu-brique {
|
|
67
|
+
max-width: 1200px;
|
|
68
|
+
margin: 0 auto;
|
|
69
|
+
}</style>
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
declare const __propDef: {
|
|
3
|
+
props: {
|
|
4
|
+
variation?: "primaire" | "transparent";
|
|
5
|
+
};
|
|
6
|
+
events: {
|
|
7
|
+
[evt: string]: CustomEvent<any>;
|
|
8
|
+
};
|
|
9
|
+
slots: {
|
|
10
|
+
default: {};
|
|
11
|
+
};
|
|
12
|
+
exports?: {} | undefined;
|
|
13
|
+
bindings?: string | undefined;
|
|
14
|
+
};
|
|
15
|
+
export type BriqueProps = typeof __propDef.props;
|
|
16
|
+
export type BriqueEvents = typeof __propDef.events;
|
|
17
|
+
export type BriqueSlots = typeof __propDef.slots;
|
|
18
|
+
export default class Brique extends SvelteComponent<BriqueProps, BriqueEvents, BriqueSlots> {
|
|
19
|
+
}
|
|
20
|
+
export {};
|
|
@@ -0,0 +1,229 @@
|
|
|
1
|
+
<svelte:options
|
|
2
|
+
customElement={{
|
|
3
|
+
tag: 'lab-anssi-brique-hero',
|
|
4
|
+
props: {
|
|
5
|
+
titre: { reflect: false, type: 'String', attribute: 'titre' },
|
|
6
|
+
soustitre: { reflect: false, type: 'String', attribute: 'soustitre' },
|
|
7
|
+
illustration: { reflect: false, type: 'Object', attribute: 'illustration' },
|
|
8
|
+
badge: { reflect: false, type: 'Boolean', attribute: 'badge' },
|
|
9
|
+
actions: { reflect: false, type: 'Array', attribute: 'actions' },
|
|
10
|
+
partenaires: { reflect: false, type: 'Array', attribute: 'partenaires' },
|
|
11
|
+
}
|
|
12
|
+
}} />
|
|
13
|
+
|
|
14
|
+
<script>import Brique from "./Brique.svelte";
|
|
15
|
+
export let titre;
|
|
16
|
+
export let soustitre;
|
|
17
|
+
export let illustration;
|
|
18
|
+
export let badge = false;
|
|
19
|
+
export let actions = [];
|
|
20
|
+
export let partenaires = [];
|
|
21
|
+
</script>
|
|
22
|
+
|
|
23
|
+
<Brique>
|
|
24
|
+
<div class="hero">
|
|
25
|
+
<div class="contenu">
|
|
26
|
+
{#if badge}
|
|
27
|
+
<div class="section-badge">
|
|
28
|
+
<div class="badge">
|
|
29
|
+
<span>Service à impact national</span>
|
|
30
|
+
</div>
|
|
31
|
+
</div>
|
|
32
|
+
{/if}
|
|
33
|
+
<div class="textes">
|
|
34
|
+
<h1>{titre}</h1>
|
|
35
|
+
<p>{soustitre}</p>
|
|
36
|
+
</div>
|
|
37
|
+
{#if actions && actions.length > 0}
|
|
38
|
+
<div class="actions">
|
|
39
|
+
{#each actions as action}
|
|
40
|
+
<button type="button" class={action.variation}>{action.titre}</button>
|
|
41
|
+
{/each}
|
|
42
|
+
</div>
|
|
43
|
+
{/if}
|
|
44
|
+
</div>
|
|
45
|
+
<div class="image">
|
|
46
|
+
<img src={illustration.lien} alt={illustration.alt} />
|
|
47
|
+
</div>
|
|
48
|
+
{#if partenaires && partenaires.length > 0}
|
|
49
|
+
<div class="partenaires">
|
|
50
|
+
<p>Une innovation ANSSI conçue pour durer en collaboration avec :</p>
|
|
51
|
+
<div class="liste">
|
|
52
|
+
{#each partenaires as partenaire}
|
|
53
|
+
<img src={partenaire.lien} alt={partenaire.alt} />
|
|
54
|
+
{/each}
|
|
55
|
+
</div>
|
|
56
|
+
</div>
|
|
57
|
+
{/if}
|
|
58
|
+
</div>
|
|
59
|
+
</Brique>
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
<style>.visible-tablette {
|
|
63
|
+
display: none !important;
|
|
64
|
+
}
|
|
65
|
+
@media (min-width: 576px) {
|
|
66
|
+
.visible-tablette {
|
|
67
|
+
display: unset !important;
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
@media (min-width: 576px) {
|
|
72
|
+
.invisible-tablette {
|
|
73
|
+
display: none !important;
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.visible-desktop {
|
|
78
|
+
display: none !important;
|
|
79
|
+
}
|
|
80
|
+
@media (min-width: 932px) {
|
|
81
|
+
.visible-desktop {
|
|
82
|
+
display: unset !important;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
@media (min-width: 932px) {
|
|
87
|
+
.invisible-desktop {
|
|
88
|
+
display: none !important;
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.hero {
|
|
93
|
+
display: grid;
|
|
94
|
+
grid-template-columns: 1fr;
|
|
95
|
+
grid-template-areas: "contenu" "image" "partenaires";
|
|
96
|
+
gap: 32px;
|
|
97
|
+
}
|
|
98
|
+
@media (min-width: 932px) {
|
|
99
|
+
.hero {
|
|
100
|
+
grid-template-areas: "contenu image" "partenaires image";
|
|
101
|
+
grid-template-columns: 1fr 1fr;
|
|
102
|
+
column-gap: 24px;
|
|
103
|
+
row-gap: 0px;
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
.hero .contenu {
|
|
107
|
+
grid-area: contenu;
|
|
108
|
+
display: flex;
|
|
109
|
+
flex-direction: column;
|
|
110
|
+
}
|
|
111
|
+
.hero .contenu .textes {
|
|
112
|
+
display: flex;
|
|
113
|
+
flex-direction: column;
|
|
114
|
+
gap: 16px;
|
|
115
|
+
margin-bottom: 32px;
|
|
116
|
+
}
|
|
117
|
+
.hero .contenu .section-badge {
|
|
118
|
+
margin-bottom: 8px;
|
|
119
|
+
}
|
|
120
|
+
.hero .contenu .section-badge .badge {
|
|
121
|
+
text-align: left;
|
|
122
|
+
background: #defbe5;
|
|
123
|
+
color: #18753c;
|
|
124
|
+
text-transform: uppercase;
|
|
125
|
+
padding: 0 6px;
|
|
126
|
+
font-size: 12px;
|
|
127
|
+
font-weight: 700;
|
|
128
|
+
line-height: 20px;
|
|
129
|
+
border-radius: 4px;
|
|
130
|
+
width: fit-content;
|
|
131
|
+
margin-bottom: 4px;
|
|
132
|
+
}
|
|
133
|
+
.hero .contenu .section-badge .badge span {
|
|
134
|
+
display: flex;
|
|
135
|
+
flex-direction: row;
|
|
136
|
+
gap: 4px;
|
|
137
|
+
align-items: center;
|
|
138
|
+
}
|
|
139
|
+
.hero .contenu .section-badge .badge span:before {
|
|
140
|
+
content: url("src/lib/assets/icones/succes.svg");
|
|
141
|
+
display: flex;
|
|
142
|
+
width: 16px;
|
|
143
|
+
height: 16px;
|
|
144
|
+
}
|
|
145
|
+
.hero .contenu .actions {
|
|
146
|
+
grid-area: actions;
|
|
147
|
+
display: flex;
|
|
148
|
+
flex-direction: column;
|
|
149
|
+
gap: 16px;
|
|
150
|
+
}
|
|
151
|
+
@media (min-width: 576px) {
|
|
152
|
+
.hero .contenu .actions {
|
|
153
|
+
flex-direction: row;
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
@media (min-width: 576px) {
|
|
157
|
+
.hero .contenu {
|
|
158
|
+
margin-bottom: 32px;
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
.hero .image {
|
|
162
|
+
grid-area: image;
|
|
163
|
+
}
|
|
164
|
+
.hero .image img {
|
|
165
|
+
width: 100%;
|
|
166
|
+
max-height: 250px;
|
|
167
|
+
}
|
|
168
|
+
@media (min-width: 932px) {
|
|
169
|
+
.hero .image img {
|
|
170
|
+
max-height: 355px;
|
|
171
|
+
}
|
|
172
|
+
}
|
|
173
|
+
.hero .partenaires {
|
|
174
|
+
grid-area: partenaires;
|
|
175
|
+
display: flex;
|
|
176
|
+
flex-direction: column;
|
|
177
|
+
gap: 8px;
|
|
178
|
+
}
|
|
179
|
+
.hero .partenaires p {
|
|
180
|
+
font-size: 14px;
|
|
181
|
+
}
|
|
182
|
+
.hero .partenaires .liste {
|
|
183
|
+
display: flex;
|
|
184
|
+
gap: 8px;
|
|
185
|
+
}
|
|
186
|
+
.hero .partenaires .liste img {
|
|
187
|
+
width: 79px;
|
|
188
|
+
height: 24px;
|
|
189
|
+
}
|
|
190
|
+
.hero h1 {
|
|
191
|
+
font-size: 40px;
|
|
192
|
+
margin: 0;
|
|
193
|
+
line-height: 48px;
|
|
194
|
+
word-break: break-word;
|
|
195
|
+
}
|
|
196
|
+
@media (min-width: 576px) {
|
|
197
|
+
.hero h1 {
|
|
198
|
+
font-size: 48px;
|
|
199
|
+
}
|
|
200
|
+
}
|
|
201
|
+
.hero p {
|
|
202
|
+
margin: 0;
|
|
203
|
+
font-size: 20px;
|
|
204
|
+
line-height: 32px;
|
|
205
|
+
}
|
|
206
|
+
.hero button {
|
|
207
|
+
font-family: Marianne, sans-serif;
|
|
208
|
+
padding: 8px 16px;
|
|
209
|
+
font-size: 16px;
|
|
210
|
+
font-weight: 500;
|
|
211
|
+
line-height: 24px;
|
|
212
|
+
border-radius: 4px;
|
|
213
|
+
}
|
|
214
|
+
.hero button.primaire {
|
|
215
|
+
border: none;
|
|
216
|
+
color: var(--centre-aide-font-color-bouton);
|
|
217
|
+
background-color: var(--bouton-background-primaire);
|
|
218
|
+
}
|
|
219
|
+
.hero button.primaire-inverse {
|
|
220
|
+
border: none;
|
|
221
|
+
color: var(--centre-aide-background-entete);
|
|
222
|
+
background-color: var(--bouton-background-primaire-inverse);
|
|
223
|
+
}
|
|
224
|
+
.hero button.secondaire {
|
|
225
|
+
border-radius: 4px;
|
|
226
|
+
border: 1px solid #FFF;
|
|
227
|
+
color: white;
|
|
228
|
+
background-color: transparent;
|
|
229
|
+
}</style>
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
import type { Actions, Image } from "../../../types";
|
|
3
|
+
declare const __propDef: {
|
|
4
|
+
props: {
|
|
5
|
+
titre: string;
|
|
6
|
+
soustitre: string;
|
|
7
|
+
illustration: Image;
|
|
8
|
+
badge?: boolean;
|
|
9
|
+
actions?: Actions;
|
|
10
|
+
partenaires?: Image[];
|
|
11
|
+
};
|
|
12
|
+
events: {
|
|
13
|
+
[evt: string]: CustomEvent<any>;
|
|
14
|
+
};
|
|
15
|
+
slots: {};
|
|
16
|
+
exports?: {} | undefined;
|
|
17
|
+
bindings?: string | undefined;
|
|
18
|
+
};
|
|
19
|
+
export type BriqueHeroProps = typeof __propDef.props;
|
|
20
|
+
export type BriqueHeroEvents = typeof __propDef.events;
|
|
21
|
+
export type BriqueHeroSlots = typeof __propDef.slots;
|
|
22
|
+
export default class BriqueHero extends SvelteComponent<BriqueHeroProps, BriqueHeroEvents, BriqueHeroSlots> {
|
|
23
|
+
}
|
|
24
|
+
export {};
|
|
@@ -0,0 +1,170 @@
|
|
|
1
|
+
<svelte:options customElement={{
|
|
2
|
+
tag: 'lab-anssi-carrousel-tuiles',
|
|
3
|
+
props: {
|
|
4
|
+
tuiles: { reflect: false, type: 'Array', attribute: 'tuiles' }
|
|
5
|
+
}
|
|
6
|
+
}} />
|
|
7
|
+
|
|
8
|
+
<script>import Brique from "./Brique.svelte";
|
|
9
|
+
import Tuile from "./Tuile.svelte";
|
|
10
|
+
export let tuiles = [];
|
|
11
|
+
let elementCarrousel;
|
|
12
|
+
const versDirection = (direction) => {
|
|
13
|
+
if (elementCarrousel) {
|
|
14
|
+
const cardWidth = elementCarrousel.firstElementChild?.clientWidth || 0;
|
|
15
|
+
elementCarrousel.scrollBy({
|
|
16
|
+
left: direction * (cardWidth + 16),
|
|
17
|
+
behavior: "smooth"
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
const precedent = () => versDirection(-1);
|
|
22
|
+
const suivant = () => versDirection(1);
|
|
23
|
+
</script>
|
|
24
|
+
|
|
25
|
+
<div class="carrousel-tuiles primaire">
|
|
26
|
+
<Brique variation="transparent">
|
|
27
|
+
<div class="conteneur-tuiles" bind:this={elementCarrousel}>
|
|
28
|
+
{#each tuiles as tuile}
|
|
29
|
+
<Tuile
|
|
30
|
+
illustration={tuile.illustration}
|
|
31
|
+
titre={tuile.titre}
|
|
32
|
+
contenu={tuile.contenu}
|
|
33
|
+
classe="tuile-presentation"
|
|
34
|
+
/>
|
|
35
|
+
{/each}
|
|
36
|
+
</div>
|
|
37
|
+
<div class="conteneur-actions">
|
|
38
|
+
<button class="precedent" on:click={precedent}>Précédent</button>
|
|
39
|
+
<button class="suivant" on:click={suivant}>Suivant</button>
|
|
40
|
+
</div>
|
|
41
|
+
</Brique>
|
|
42
|
+
</div>
|
|
43
|
+
|
|
44
|
+
<style>.visible-tablette {
|
|
45
|
+
display: none !important;
|
|
46
|
+
}
|
|
47
|
+
@media (min-width: 576px) {
|
|
48
|
+
.visible-tablette {
|
|
49
|
+
display: unset !important;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
@media (min-width: 576px) {
|
|
54
|
+
.invisible-tablette {
|
|
55
|
+
display: none !important;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.visible-desktop {
|
|
60
|
+
display: none !important;
|
|
61
|
+
}
|
|
62
|
+
@media (min-width: 932px) {
|
|
63
|
+
.visible-desktop {
|
|
64
|
+
display: unset !important;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
@media (min-width: 932px) {
|
|
69
|
+
.invisible-desktop {
|
|
70
|
+
display: none !important;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.carrousel-tuiles {
|
|
75
|
+
padding: 52px 0;
|
|
76
|
+
}
|
|
77
|
+
.carrousel-tuiles.primaire {
|
|
78
|
+
background: linear-gradient(to bottom, var(--centre-aide-background-entete) 0%, var(--centre-aide-background-entete) 35%, transparent 35%, transparent 100%);
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.conteneur-tuiles {
|
|
82
|
+
--espacement: 16px;
|
|
83
|
+
display: flex;
|
|
84
|
+
overflow-x: auto;
|
|
85
|
+
gap: var(--espacement);
|
|
86
|
+
scroll-snap-type: x mandatory;
|
|
87
|
+
scroll-behavior: smooth;
|
|
88
|
+
-webkit-overflow-scrolling: touch;
|
|
89
|
+
scrollbar-width: none;
|
|
90
|
+
-ms-overflow-style: none;
|
|
91
|
+
padding: 0 32px;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.conteneur-tuiles::-webkit-scrollbar {
|
|
95
|
+
display: none;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.tuile-presentation:first-of-type {
|
|
99
|
+
margin-left: var(--espacement);
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.tuile-presentation:last-of-type {
|
|
103
|
+
margin-right: var(--espacement);
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.tuile-presentation {
|
|
107
|
+
box-sizing: border-box;
|
|
108
|
+
scroll-snap-align: center;
|
|
109
|
+
flex-shrink: 0;
|
|
110
|
+
width: calc(100vw - 60px);
|
|
111
|
+
max-width: 266px;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.conteneur-actions {
|
|
115
|
+
display: flex;
|
|
116
|
+
margin-top: 32px;
|
|
117
|
+
justify-content: center;
|
|
118
|
+
padding: 0 var(--espacement);
|
|
119
|
+
gap: 24px;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.conteneur-actions button {
|
|
123
|
+
background: none;
|
|
124
|
+
border: none;
|
|
125
|
+
color: #000091;
|
|
126
|
+
font-size: 18px;
|
|
127
|
+
font-weight: 400;
|
|
128
|
+
line-height: 28px;
|
|
129
|
+
cursor: pointer;
|
|
130
|
+
display: flex;
|
|
131
|
+
align-items: center;
|
|
132
|
+
gap: 8px;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.conteneur-actions .precedent:before,
|
|
136
|
+
.conteneur-actions .suivant:after {
|
|
137
|
+
content: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/fleche_gauche_bleue.svg");
|
|
138
|
+
display: flex;
|
|
139
|
+
width: 24px;
|
|
140
|
+
height: 24px;
|
|
141
|
+
filter: brightness(0) invert(1);
|
|
142
|
+
line-height: 28px;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
.conteneur-actions .suivant:after {
|
|
146
|
+
transform: rotate(180deg);
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.conteneur-actions button:hover {
|
|
150
|
+
text-decoration: underline;
|
|
151
|
+
text-underline-offset: 4px;
|
|
152
|
+
text-decoration-thickness: 2px;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
@media screen and (min-width: 577px) {
|
|
156
|
+
.conteneur-tuiles {
|
|
157
|
+
--espacement: 24px;
|
|
158
|
+
}
|
|
159
|
+
}
|
|
160
|
+
@media screen and (min-width: 1247px) {
|
|
161
|
+
.conteneur-actions {
|
|
162
|
+
display: none;
|
|
163
|
+
}
|
|
164
|
+
.tuile-presentation:first-of-type {
|
|
165
|
+
margin-left: 0;
|
|
166
|
+
}
|
|
167
|
+
.tuile-presentation:last-of-type {
|
|
168
|
+
margin-right: 0;
|
|
169
|
+
}
|
|
170
|
+
}</style>
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
import type { Tuiles } from "../../../types.js";
|
|
3
|
+
declare const __propDef: {
|
|
4
|
+
props: {
|
|
5
|
+
tuiles?: Tuiles;
|
|
6
|
+
};
|
|
7
|
+
events: {
|
|
8
|
+
[evt: string]: CustomEvent<any>;
|
|
9
|
+
};
|
|
10
|
+
slots: {};
|
|
11
|
+
exports?: {} | undefined;
|
|
12
|
+
bindings?: string | undefined;
|
|
13
|
+
};
|
|
14
|
+
export type CarrouselTuilesProps = typeof __propDef.props;
|
|
15
|
+
export type CarrouselTuilesEvents = typeof __propDef.events;
|
|
16
|
+
export type CarrouselTuilesSlots = typeof __propDef.slots;
|
|
17
|
+
export default class CarrouselTuiles extends SvelteComponent<CarrouselTuilesProps, CarrouselTuilesEvents, CarrouselTuilesSlots> {
|
|
18
|
+
}
|
|
19
|
+
export {};
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
<script>export let titre;
|
|
2
|
+
export let illustration;
|
|
3
|
+
export let contenu;
|
|
4
|
+
export let classe = "";
|
|
5
|
+
</script>
|
|
6
|
+
|
|
7
|
+
<div class="tuile {classe ?? ''}">
|
|
8
|
+
<div class="conteneur-image">
|
|
9
|
+
<img src={illustration.lien} alt={illustration.alt} />
|
|
10
|
+
</div>
|
|
11
|
+
<p>{titre}</p>
|
|
12
|
+
<span>{contenu}</span>
|
|
13
|
+
</div>
|
|
14
|
+
|
|
15
|
+
<style>
|
|
16
|
+
.tuile {
|
|
17
|
+
--couleur-texte: #000000;
|
|
18
|
+
border-radius: 8px;
|
|
19
|
+
border: 1px solid #ddd;
|
|
20
|
+
background: #fff;
|
|
21
|
+
padding: 32px;
|
|
22
|
+
display: flex;
|
|
23
|
+
flex-direction: column;
|
|
24
|
+
align-items: center;
|
|
25
|
+
gap: 12px;
|
|
26
|
+
text-align: center;
|
|
27
|
+
color: var(--couleur-texte);
|
|
28
|
+
width: 384px;
|
|
29
|
+
min-width: 212px;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
p {
|
|
33
|
+
margin: 0;
|
|
34
|
+
font-size: 22px;
|
|
35
|
+
font-style: normal;
|
|
36
|
+
font-weight: 700;
|
|
37
|
+
line-height: 28px;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
span {
|
|
41
|
+
font-size: 16px;
|
|
42
|
+
font-style: normal;
|
|
43
|
+
font-weight: 400;
|
|
44
|
+
line-height: 24px;
|
|
45
|
+
}
|
|
46
|
+
</style>
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
import type { Image } from "../../../types.js";
|
|
3
|
+
declare const __propDef: {
|
|
4
|
+
props: {
|
|
5
|
+
titre: string;
|
|
6
|
+
illustration: Image;
|
|
7
|
+
contenu: string;
|
|
8
|
+
classe?: string;
|
|
9
|
+
};
|
|
10
|
+
events: {
|
|
11
|
+
[evt: string]: CustomEvent<any>;
|
|
12
|
+
};
|
|
13
|
+
slots: {};
|
|
14
|
+
exports?: {} | undefined;
|
|
15
|
+
bindings?: string | undefined;
|
|
16
|
+
};
|
|
17
|
+
export type TuileProps = typeof __propDef.props;
|
|
18
|
+
export type TuileEvents = typeof __propDef.events;
|
|
19
|
+
export type TuileSlots = typeof __propDef.slots;
|
|
20
|
+
export default class Tuile extends SvelteComponent<TuileProps, TuileEvents, TuileSlots> {
|
|
21
|
+
}
|
|
22
|
+
export {};
|
package/dist/types.d.ts
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export type Image = {
|
|
2
|
+
lien: string;
|
|
3
|
+
alt: string;
|
|
4
|
+
};
|
|
5
|
+
export type Actions = {
|
|
6
|
+
titre: string;
|
|
7
|
+
lien: string;
|
|
8
|
+
variation: "primaire" | 'primaire-inverse' | "secondaire";
|
|
9
|
+
}[];
|
|
10
|
+
export type Tuiles = {
|
|
11
|
+
titre: string;
|
|
12
|
+
illustration: Image;
|
|
13
|
+
contenu: string;
|
|
14
|
+
}[];
|
package/dist/types.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,44 +1,44 @@
|
|
|
1
1
|
const nonce = document.currentScript?.nonce;
|
|
2
|
-
var WebComponents=function(D){"use strict";var
|
|
3
|
-
`;for(let
|
|
4
|
-
`}const
|
|
5
|
-
}`,
|
|
6
|
-
transform: ${c} translate(${(1
|
|
7
|
-
opacity: ${
|
|
8
|
-
Centre d'aide`,
|
|
9
|
-
l'ANSSI et de ses partenaires.</p>`,
|
|
10
|
-
`),
|
|
11
|
-
<b>accompagné par un Aidant cyber</b>.</p></div> <img class="illustration svelte-ss2c34" src="${
|
|
12
|
-
<span class="svelte-1ohpq3w">Gérer mon profil et mes services</span>`,o=w(),u=p("div"),c=p("img"),G(s.src,i=t[0])||a(s,"src",i),a(s,"alt","MesServicesCyber"),a(n,"class","icone"),a(l,"for","mes-services-cyber"),a(l,"class","svelte-1ohpq3w"),G(c.src,f=t[1])||a(c,"src",f),a(c,"alt","Aller sur MesServicesCyber"),a(u,"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(m,g){$(m,e,g),d(e,n),d(n,s),d(e,r),d(e,l),d(e,o),d(e,u),d(u,c)},p:L,i:L,o:L,d(m){m&&h(e)}}}function _n(t){const e=R("/icones/bouton-accueil-msc.svg"),n=R("/icones/chevron-noir.svg");return[e,n]}class Et extends te{constructor(e){super(),Z(this,e,_n,$n,K,{},xn)}}ee(Et,{},[],[],!0);function wn(t){Q(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 Mt(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 qt(t,e,n){const s=t.slice();return s[9]=e[n],s}function Nt(t){let e,n=pe(t[5]),s=[];for(let i=0;i<n.length;i+=1)s[i]=At(qt(t,n,i));return{c(){e=p("div");for(let i=0;i<s.length;i+=1)s[i].c();a(e,"class","labels svelte-10m4bdv")},m(i,r){$(i,e,r);for(let l=0;l<s.length;l+=1)s[l]&&s[l].m(e,null)},p(i,r){if(r&2){n=pe(i[5]);let l;for(l=0;l<n.length;l+=1){const o=qt(i,n,l);s[l]?s[l].p(o,r):(s[l]=At(o),s[l].c(),s[l].m(e,null))}for(;l<s.length;l+=1)s[l].d(1);s.length=n.length}},d(i){i&&h(e),ct(s,i)}}}function At(t){let e,n=t[9]+"",s;return{c(){e=p("span"),s=O(n),a(e,"class","svelte-10m4bdv")},m(i,r){$(i,e,r),d(e,s)},p(i,r){r&2&&n!==(n=i[9]+"")&&X(s,n)},d(i){i&&h(e)}}}function Lt(t){let e;return{c(){e=p("hr"),a(e,"class","svelte-10m4bdv")},m(n,s){$(n,e,s)},d(n){n&&h(e)}}}function jt(t){let e,n,s,i,r,l,o,u,c=t[2]+"",f,m,g,C,v,k,_=t[5]&&Nt(t),b=t[8]<t[1].length-1&&Lt();return{c(){e=p("a"),n=p("div"),s=p("div"),i=p("img"),o=w(),u=p("div"),f=O(c),m=w(),_&&_.c(),v=w(),b&&b.c(),k=ye(),G(i.src,r=t[4])||a(i,"src",r),a(i,"alt",l=t[2]),a(s,"class","icone svelte-10m4bdv"),a(n,"class","defaut svelte-10m4bdv"),a(e,"href",g=t[3]),a(e,"target","_blank"),a(e,"class",C=it(t[6])+" svelte-10m4bdv")},m(x,S){$(x,e,S),d(e,n),d(n,s),d(s,i),d(n,o),d(n,u),d(u,f),d(e,m),_&&_.m(e,null),$(x,v,S),b&&b.m(x,S),$(x,k,S)},p(x,S){S&2&&!G(i.src,r=x[4])&&a(i,"src",r),S&2&&l!==(l=x[2])&&a(i,"alt",l),S&2&&c!==(c=x[2]+"")&&X(f,c),x[5]?_?_.p(x,S):(_=Nt(x),_.c(),_.m(e,null)):_&&(_.d(1),_=null),S&2&&g!==(g=x[3])&&a(e,"href",g),S&2&&C!==(C=it(x[6])+" svelte-10m4bdv")&&a(e,"class",C),x[8]<x[1].length-1?b||(b=Lt(),b.c(),b.m(k.parentNode,k)):b&&(b.d(1),b=null)},d(x){x&&(h(e),h(v),h(k)),_&&_.d(),b&&b.d(x)}}}function yn(t){let e,n,s,i,r,l=pe(t[1]),o=[];for(let u=0;u<l.length;u+=1)o[u]=jt(Mt(t,l,u));return{c(){e=p("div"),n=p("div"),s=O(t[0]),i=w(),r=p("div");for(let u=0;u<o.length;u+=1)o[u].c();a(n,"class","titre svelte-10m4bdv"),a(r,"class","conteneur svelte-10m4bdv"),a(e,"class","bloc svelte-10m4bdv")},m(u,c){$(u,e,c),d(e,n),d(n,s),d(e,i),d(e,r);for(let f=0;f<o.length;f+=1)o[f]&&o[f].m(r,null)},p(u,[c]){if(c&1&&X(s,u[0]),c&2){l=pe(u[1]);let f;for(f=0;f<l.length;f+=1){const m=Mt(u,l,f);o[f]?o[f].p(m,c):(o[f]=jt(m),o[f].c(),o[f].m(r,null))}for(;f<o.length;f+=1)o[f].d(1);o.length=l.length}},i:L,o:L,d(u){u&&h(e),ct(o,u)}}}function kn(t,e,n){let{titre:s}=e,{services:i}=e;return t.$$set=r=>{"titre"in r&&n(0,s=r.titre),"services"in r&&n(1,i=r.services)},[s,i]}class _e extends te{constructor(e){super(),Z(this,e,kn,yn,K,{titre:0,services:1},wn)}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()}}ee(_e,{titre:{},services:{}},[],[],!0);function zn(t){Q(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 Tt(t){let e,n,s,i,r,l,o,u,c,f,m,g,C,v,k,_,b,x,S,T,P,A,N,j,E,M,B,U;return o=new Et({}),f=new _e({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"}]}}),g=new _e({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 _e({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 _e({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=p("div"),n=p("button"),s=O(`Fermer
|
|
13
|
-
`),
|
|
14
|
-
`),
|
|
2
|
+
var WebComponents=function(D){"use strict";var ui=Object.defineProperty;var di=(D,j,de)=>j in D?ui(D,j,{enumerable:!0,configurable:!0,writable:!0,value:de}):D[j]=de;var ee=(D,j,de)=>di(D,typeof j!="symbol"?j+"":j,de);function j(){}const de=t=>t;function Xt(t,e){for(const n in e)t[n]=e[n];return t}function rt(t){return t()}function at(){return Object.create(null)}function le(t){t.forEach(rt)}function He(t){return typeof t=="function"}function J(t,e){return t!=t?e==e:t!==e||t&&typeof t=="object"||typeof t=="function"}let ke;function H(t,e){return t===e?!0:(ke||(ke=document.createElement("a")),ke.href=e,t===ke.href)}function Zt(t){return Object.keys(t).length===0}function en(t,e,n,i){if(t){const s=ot(t,e,n,i);return t[0](s)}}function ot(t,e,n,i){return t[1]&&i?Xt(n.ctx.slice(),t[1](i(e))):n.ctx}function tn(t,e,n,i){return t[2],e.dirty}function nn(t,e,n,i,s,r){if(s){const l=ot(e,n,i,r);t.p(l,s)}}function sn(t){if(t.ctx.length>32){const e=[],n=t.ctx.length/32;for(let i=0;i<n;i++)e[i]=-1;return e}return-1}function fe(t){return t??""}function ct(t){const e=typeof t=="string"&&t.match(/^\s*(-?[\d.]+)([^\s]*)\s*$/);return e?[parseFloat(e[1]),e[2]||"px"]:[t,"px"]}const ut=typeof window<"u";let ln=ut?()=>window.performance.now():()=>Date.now(),Ue=ut?t=>requestAnimationFrame(t):j;const me=new Set;function dt(t){me.forEach(e=>{e.c(t)||(me.delete(e),e.f())}),me.size!==0&&Ue(dt)}function rn(t){let e;return me.size===0&&Ue(dt),{promise:new Promise(n=>{me.add(e={c:t,f:n})}),abort(){me.delete(e)}}}function u(t,e){t.appendChild(e)}function G(t,e,n){const i=Ve(t);if(!i.getElementById(e)){const s=f("style");s.nonce=nonce;s.id=e,s.textContent=n,ft(i,s)}}function Ve(t){if(!t)return document;const e=t.getRootNode?t.getRootNode():t.ownerDocument;return e&&e.host?e:t.ownerDocument}function an(t){const e=f("style");e.nonce=nonce;return e.textContent="/* empty */",ft(Ve(t),e),e.sheet}function ft(t,e){return u(t.head||t,e),e.sheet}function y(t,e,n){t.insertBefore(e,n||null)}function x(t){t.parentNode&&t.parentNode.removeChild(t)}function xe(t,e){for(let n=0;n<t.length;n+=1)t[n]&&t[n].d(e)}function f(t){return document.createElement(t)}function O(t){return document.createTextNode(t)}function w(){return O(" ")}function ze(){return O("")}function re(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 on(t){return Array.from(t.childNodes)}function W(t,e){e=""+e,t.data!==e&&(t.data=e)}function Ce(t,e,n){t.classList.toggle(e,!!n)}function mt(t,e,{bubbles:n=!1,cancelable:i=!1}={}){return new CustomEvent(t,{detail:e,bubbles:n,cancelable:i})}function cn(t){const e={};return t.childNodes.forEach(n=>{e[n.slot||"default"]=!0}),e}const Se=new Map;let Ee=0;function un(t){let e=5381,n=t.length;for(;n--;)e=(e<<5)-e^t.charCodeAt(n);return e>>>0}function dn(t,e){const n={stylesheet:an(e),rules:{}};return Se.set(t,n),n}function vt(t,e,n,i,s,r,l,a=0){const d=16.666/i;let c=`{
|
|
3
|
+
`;for(let k=0;k<=1;k+=d){const h=e+(n-e)*r(k);c+=k*100+`%{${l(h,1-h)}}
|
|
4
|
+
`}const m=c+`100% {${l(n,1-n)}}
|
|
5
|
+
}`,v=`__svelte_${un(m)}_${a}`,_=Ve(t),{stylesheet:b,rules:p}=Se.get(_)||dn(_,t);p[v]||(p[v]=!0,b.insertRule(`@keyframes ${v} ${m}`,b.cssRules.length));const $=t.style.animation||"";return t.style.animation=`${$?`${$}, `:""}${v} ${i}ms linear ${s}ms 1 both`,Ee+=1,v}function fn(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(", "),Ee-=s,Ee||mn())}function mn(){Ue(()=>{Ee||(Se.forEach(t=>{const{ownerNode:e}=t.stylesheet;e&&x(e)}),Se.clear())})}let _e;function ye(t){_e=t}function vn(){if(!_e)throw new Error("Function called outside component initialization");return _e}function pn(){const t=vn();return(e,n,{cancelable:i=!1}={})=>{const s=t.$$.callbacks[e];if(s){const r=mt(e,n,{cancelable:i});return s.slice().forEach(l=>{l.call(t,r)}),!r.defaultPrevented}return!0}}const ve=[],We=[];let pe=[];const pt=[],bn=Promise.resolve();let Je=!1;function hn(){Je||(Je=!0,bn.then(F))}function oe(t){pe.push(t)}const Ge=new Set;let be=0;function F(){if(be!==0)return;const t=_e;do{try{for(;be<ve.length;){const e=ve[be];be++,ye(e),gn(e.$$)}}catch(e){throw ve.length=0,be=0,e}for(ye(null),ve.length=0,be=0;We.length;)We.pop()();for(let e=0;e<pe.length;e+=1){const n=pe[e];Ge.has(n)||(Ge.add(n),n())}pe.length=0}while(ve.length);for(;pt.length;)pt.pop()();Je=!1,Ge.clear(),ye(t)}function gn(t){if(t.fragment!==null){t.update(),le(t.before_update);const e=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,e),t.after_update.forEach(oe)}}function xn(t){const e=[],n=[];pe.forEach(i=>t.indexOf(i)===-1?e.push(i):n.push(i)),n.forEach(i=>i()),pe=e}let $e;function _n(){return $e||($e=Promise.resolve(),$e.then(()=>{$e=null})),$e}function Ye(t,e,n){t.dispatchEvent(mt(`${e?"intro":"outro"}${n}`))}const qe=new Set;let ne;function Me(){ne={r:0,c:[],p:ne}}function Ne(){ne.r||le(ne.c),ne=ne.p}function I(t,e){t&&t.i&&(qe.delete(t),t.i(e))}function R(t,e,n,i){if(t&&t.o){if(qe.has(t))return;qe.add(t),ne.c.push(()=>{qe.delete(t),i&&(n&&t.d(1),i())}),t.o(e)}else i&&i()}const yn={duration:0};function he(t,e,n,i){let r=e(t,n,{direction:"both"}),l=i?0:1,a=null,d=null,c=null,m;function v(){c&&fn(t,c)}function _(p,$){const k=p.b-l;return $*=Math.abs(k),{a:l,b:p.b,d:k,duration:$,start:p.start,end:p.start+$,group:p.group}}function b(p){const{delay:$=0,duration:k=300,easing:h=de,tick:g=j,css:z}=r||yn,E={start:ln()+$,b:p};p||(E.group=ne,ne.r+=1),"inert"in t&&(p?m!==void 0&&(t.inert=m):(m=t.inert,t.inert=!0)),a||d?d=E:(z&&(v(),c=vt(t,l,p,k,$,h,z)),p&&g(0,1),a=_(E,k),oe(()=>Ye(t,p,"start")),rn(A=>{if(d&&A>d.start&&(a=_(d,k),d=null,Ye(t,a.b,"start"),z&&(v(),c=vt(t,l,a.b,a.duration,0,h,r.css))),a){if(A>=a.end)g(l=a.b,1-l),Ye(t,a.b,"end"),d||(a.b?v():--a.group.r||le(a.group.c)),a=null;else if(A>=a.start){const T=A-a.start;l=a.a+a.d*h(T/a.duration),g(l,1-l)}}return!!(a||d)}))}return{run(p){He(r)?_n().then(()=>{r=r({direction:p?"in":"out"}),b(p)}):b(p)},end(){v(),a=d=null}}}function Y(t){return(t==null?void 0:t.length)!==void 0?t:Array.from(t)}function $n(t,e){t.d(1),e.delete(t.key)}function wn(t,e,n,i,s,r,l,a,d,c,m,v){let _=t.length,b=r.length,p=_;const $={};for(;p--;)$[t[p].key]=p;const k=[],h=new Map,g=new Map,z=[];for(p=b;p--;){const L=v(s,r,p),P=n(L);let q=l.get(P);q?z.push(()=>q.p(L,e)):(q=c(P,L),q.c()),h.set(P,k[p]=q),P in $&&g.set(P,Math.abs(p-$[P]))}const E=new Set,A=new Set;function T(L){I(L,1),L.m(a,m),l.set(L.key,L),m=L.first,b--}for(;_&&b;){const L=k[b-1],P=t[_-1],q=L.key,M=P.key;L===P?(m=L.first,_--,b--):h.has(M)?!l.has(q)||E.has(q)?T(L):A.has(M)?_--:g.get(q)>g.get(M)?(A.add(q),T(L)):(E.add(M),_--):(d(P,l),_--)}for(;_--;){const L=t[_];h.has(L.key)||d(L,l)}for(;b;)T(k[b-1]);return le(z),k}function ae(t){t&&t.c()}function ie(t,e,n){const{fragment:i,after_update:s}=t.$$;i&&i.m(e,n),oe(()=>{const r=t.$$.on_mount.map(rt).filter(He);t.$$.on_destroy?t.$$.on_destroy.push(...r):le(r),t.$$.on_mount=[]}),s.forEach(oe)}function se(t,e){const n=t.$$;n.fragment!==null&&(xn(n.after_update),le(n.on_destroy),n.fragment&&n.fragment.d(e),n.on_destroy=n.fragment=null,n.ctx=[])}function kn(t,e){t.$$.dirty[0]===-1&&(ve.push(t),hn(),t.$$.dirty.fill(0)),t.$$.dirty[e/31|0]|=1<<e%31}function K(t,e,n,i,s,r,l=null,a=[-1]){const d=_e;ye(t);const c=t.$$={fragment:null,ctx:[],props:r,update:j,not_equal:s,bound:at(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(e.context||(d?d.$$.context:[])),callbacks:at(),dirty:a,skip_bound:!1,root:e.target||d.$$.root};l&&l(c.root);let m=!1;if(c.ctx=n?n(t,e.props||{},(v,_,...b)=>{const p=b.length?b[0]:_;return c.ctx&&s(c.ctx[v],c.ctx[v]=p)&&(!c.skip_bound&&c.bound[v]&&c.bound[v](p),m&&kn(t,v)),_}):[],c.update(),m=!0,le(c.before_update),c.fragment=i?i(c.ctx):!1,e.target){if(e.hydrate){const v=on(e.target);c.fragment&&c.fragment.l(v),v.forEach(x)}else c.fragment&&c.fragment.c();e.intro&&I(t.$$.fragment),ie(t,e.target,e.anchor),F()}ye(d)}let bt;typeof HTMLElement=="function"&&(bt=class extends HTMLElement{constructor(e,n,i){super();ee(this,"$$ctor");ee(this,"$$s");ee(this,"$$c");ee(this,"$$cn",!1);ee(this,"$$d",{});ee(this,"$$r",!1);ee(this,"$$p_d",{});ee(this,"$$l",{});ee(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=f("slot"),r!=="default"&&o(l,"name",r)},m:function(c,m){y(c,l,m)},d:function(c){c&&x(l)}}}};if(await Promise.resolve(),!this.$$cn||this.$$c)return;const n={},i=cn(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]=Ae(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=Ae(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]=Ae(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 Ae(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 Q(t,e,n,i,s,r){let l=class extends bt{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=Ae(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 X{constructor(){ee(this,"$$");ee(this,"$$set")}$destroy(){se(this,1),this.$destroy=j}$on(e,n){if(!He(n))return j;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&&!Zt(e)&&(this.$$.skip_bound=!0,this.$$set(e),this.$$.skip_bound=!1)}}const zn="4";typeof window<"u"&&(window.__svelte||(window.__svelte={v:new Set})).v.add(zn);function ht(t){const e=t-1;return e*e*e+1}function Le(t,{delay:e=0,duration:n=400,easing:i=ht,x:s=0,y:r=0,opacity:l=0}={}){const a=getComputedStyle(t),d=+a.opacity,c=a.transform==="none"?"":a.transform,m=d*(1-l),[v,_]=ct(s),[b,p]=ct(r);return{delay:e,duration:n,easing:i,css:($,k)=>`
|
|
6
|
+
transform: ${c} translate(${(1-$)*v}${_}, ${(1-$)*b}${p});
|
|
7
|
+
opacity: ${d-m*k}`}}function gt(t,{delay:e=0,duration:n=400,easing:i=ht,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"],m=c.map(h=>`${h[0].toUpperCase()}${h.slice(1)}`),v=parseFloat(r[`padding${m[0]}`]),_=parseFloat(r[`padding${m[1]}`]),b=parseFloat(r[`margin${m[0]}`]),p=parseFloat(r[`margin${m[1]}`]),$=parseFloat(r[`border${m[0]}Width`]),k=parseFloat(r[`border${m[1]}Width`]);return{delay:e,duration:n,easing:i,css:h=>`overflow: hidden;opacity: ${Math.min(h*20,1)*l};${a}: ${h*d}px;padding-${c[0]}: ${h*v}px;padding-${c[1]}: ${h*_}px;margin-${c[0]}: ${h*b}px;margin-${c[1]}: ${h*p}px;border-${c[0]}-width: ${h*$}px;border-${c[1]}-width: ${h*k}px;`}}const U=t=>`https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com${t}`;function Cn(t){G(t,"svelte-1bb4bxh",'@media(min-width: 576px){}@media(min-width: 576px){}@media(min-width: 932px){}@media(min-width: 932px){}.declencheur-centre-aide.svelte-1bb4bxh.svelte-1bb4bxh{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-1bb4bxh.svelte-1bb4bxh:hover{background:var(--centre-aide-background-hover-declencheur)}@media(min-width: 576px){.declencheur-centre-aide.svelte-1bb4bxh.svelte-1bb4bxh{bottom:48px;right:48px}}.centre-aide.svelte-1bb4bxh.svelte-1bb4bxh{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-1bb4bxh.svelte-1bb4bxh{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-1bb4bxh .entete.svelte-1bb4bxh{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-1bb4bxh .entete.svelte-1bb4bxh{border-top-left-radius:8px;border-top-right-radius:8px}}.centre-aide.svelte-1bb4bxh .entete .icone-centre-aide.svelte-1bb4bxh{width:24px;height:24px}@media(min-width: 576px){.centre-aide.svelte-1bb4bxh .entete .icone-centre-aide.svelte-1bb4bxh{width:30px;height:30px}}.centre-aide.svelte-1bb4bxh .entete h4.svelte-1bb4bxh{color:white;font-size:18px;font-weight:700;line-height:28px;margin:0}@media(min-width: 576px){.centre-aide.svelte-1bb4bxh .entete h4.svelte-1bb4bxh{font-size:24px;line-height:32px}}.centre-aide.svelte-1bb4bxh .entete div.svelte-1bb4bxh{display:flex;flex-direction:row;gap:16px}.centre-aide.svelte-1bb4bxh .entete button.svelte-1bb4bxh{border:none;background:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.centre-aide.svelte-1bb4bxh .entete button span.svelte-1bb4bxh{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-1bb4bxh .entete button span.svelte-1bb4bxh{display:inline-block}}.centre-aide.svelte-1bb4bxh .contenu.svelte-1bb4bxh{padding:16px;display:flex;flex-direction:column;gap:12px}@media(min-width: 576px){.centre-aide.svelte-1bb4bxh .contenu.svelte-1bb4bxh{padding:32px}}.centre-aide.svelte-1bb4bxh .contenu .message.svelte-1bb4bxh{display:flex;padding:16px;border-radius:8px;background:#ededed;color:#161616;font-size:1rem;font-weight:400;line-height:24px}@media(min-width: 576px){.centre-aide.svelte-1bb4bxh .contenu .message.svelte-1bb4bxh{width:fit-content}}.centre-aide.svelte-1bb4bxh .contenu .message.marge-haute.svelte-1bb4bxh{margin-top:16px}.centre-aide.svelte-1bb4bxh .contenu a.lien.svelte-1bb4bxh{box-sizing:border-box;text-decoration:none;padding:8px 12px 8px 16px;background:var(--centre-aide-background-bouton);color:var(--centre-aide-font-color-bouton);border-radius:8px;font-size:16px;font-weight:500;line-height:24px;display:flex;flex-direction:row;text-align:left;align-items:center;justify-content:space-between;cursor:pointer;gap:8px}.centre-aide.svelte-1bb4bxh .contenu a.lien[href].svelte-1bb4bxh: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:16px;height:16px;mask-size:16px;min-width:16px}.centre-aide.svelte-1bb4bxh .contenu a.lien.svelte-1bb4bxh:hover{background-color:var(--centre-aide-background-hover-lien)}@media(min-width: 576px){.centre-aide.svelte-1bb4bxh .contenu a.lien.svelte-1bb4bxh{width:fit-content}}.centre-aide.svelte-1bb4bxh .contenu a.lien.secondaire.svelte-1bb4bxh{background:none;border:1px solid var(--centre-aide-border-lien-secondaire);color:var(--centre-aide-font-color-lien-secondaire)}.centre-aide.svelte-1bb4bxh .contenu a.lien.secondaire.svelte-1bb4bxh:after{background-color:var(--centre-aide-font-color-lien-secondaire)}.centre-aide.svelte-1bb4bxh .contenu a.lien.secondaire.svelte-1bb4bxh:hover{background-color:rgba(0, 0, 0, 0.04)}')}function xt(t,e,n){const i=t.slice();return i[8]=e[n],i[10]=n,i}function _t(t){let e,n,i,s,r;return{c(){e=f("button"),e.innerHTML=`<img src="${U("/icones/centre-aide.svg")}" alt="Icône du centre d'aide"/>
|
|
8
|
+
Centre d'aide`,o(e,"class","declencheur-centre-aide svelte-1bb4bxh")},m(l,a){y(l,e,a),i=!0,s||(r=re(e,"click",t[5]),s=!0)},p:j,i(l){i||(l&&oe(()=>{i&&(n||(n=he(e,Le,{y:300},!0)),n.run(1))}),i=!0)},o(l){l&&(n||(n=he(e,Le,{y:300},!1)),n.run(0)),i=!1},d(l){l&&x(e),l&&n&&n.end(),s=!1,r()}}}function yt(t){let e,n,i,s,r,l,a,d,c,m,v,_,b,p,$,k,h,g,z,E,A,T,L,P,q=t[1]&&$t(t);return{c(){e=f("div"),n=f("div"),i=f("div"),i.innerHTML=`<img class="icone-centre-aide svelte-1bb4bxh" src="${U("/icones/centre-aide.svg")}" alt="Icône du centre d'aide"/> <h4 class="svelte-1bb4bxh">Centre d'aide</h4>`,s=w(),r=f("button"),r.innerHTML=`<span class="svelte-1bb4bxh">Fermer</span> <img src="${U("/icones/croix-blanche.svg")}" alt="Icône de fermeture du centre d'aider"/>`,l=w(),a=f("div"),d=f("div"),c=f("span"),m=O("Bonjour et bienvenue sur "),v=f("b"),_=O(t[0]),b=O(". Comment pouvons-nous vous aider ?"),p=w(),q&&q.c(),$=w(),k=f("div"),k.innerHTML='<span class="svelte-1bb4bxh">Vous souhaitez faire une autre demande à l'ANSSI ?</span>',h=w(),g=f("a"),g.textContent="️⚠️ Signaler un incident ou une vulnérabilité",z=w(),E=f("a"),E.textContent="️📩 Contacter d’autres services de l’ANSSI",o(i,"class","svelte-1bb4bxh"),o(r,"class","svelte-1bb4bxh"),o(n,"class","entete svelte-1bb4bxh"),o(c,"class","svelte-1bb4bxh"),o(d,"class","message svelte-1bb4bxh"),o(k,"class","message marge-haute svelte-1bb4bxh"),o(g,"class","lien secondaire centre-aide-signaler-incident svelte-1bb4bxh"),o(g,"href","https://club.ssi.gouv.fr/#/declarations"),o(g,"target","_blank"),o(E,"class","lien secondaire centre-aide-contacter-anssi svelte-1bb4bxh"),o(E,"href","https://cyber.gouv.fr/contacter-lanssi"),o(E,"target","_blank"),o(a,"class","contenu svelte-1bb4bxh"),o(e,"class","centre-aide svelte-1bb4bxh")},m(M,V){y(M,e,V),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,m),u(c,v),u(v,_),u(c,b),u(a,p),q&&q.m(a,null),u(a,$),u(a,k),u(a,h),u(a,g),u(a,z),u(a,E),T=!0,L||(P=re(r,"click",t[6]),L=!0)},p(M,V){(!T||V&1)&&W(_,M[0]),M[1]?q?q.p(M,V):(q=$t(M),q.c(),q.m(a,$)):q&&(q.d(1),q=null)},i(M){T||(M&&oe(()=>{T&&(A||(A=he(e,Le,{y:300},!0)),A.run(1))}),T=!0)},o(M){M&&(A||(A=he(e,Le,{y:300},!1)),A.run(0)),T=!1},d(M){M&&x(e),q&&q.d(),M&&A&&A.end(),L=!1,P()}}}function $t(t){let e=[],n=new Map,i,s=Y(t[1]);const r=l=>l[10];for(let l=0;l<s.length;l+=1){let a=xt(t,s,l),d=r(a);n.set(d,e[l]=wt(d,a))}return{c(){for(let l=0;l<e.length;l+=1)e[l].c();i=ze()},m(l,a){for(let d=0;d<e.length;d+=1)e[d]&&e[d].m(l,a);y(l,i,a)},p(l,a){a&10&&(s=Y(l[1]),e=wn(e,a,r,1,l,s,n,i.parentNode,$n,wt,i,xt))},d(l){l&&x(i);for(let a=0;a<e.length;a+=1)e[a].d(l)}}}function wt(t,e){let n,i=e[8].texte+"",s,r,l,a,d;function c(...m){return e[7](e[8],...m)}return{key:t,first:null,c(){n=f("a"),s=O(i),o(n,"class","lien lien-principal svelte-1bb4bxh"),o(n,"href",r=e[8].href),o(n,"target","_blank"),o(n,"id",l=e[8].id),this.first=n},m(m,v){y(m,n,v),u(n,s),a||(d=re(n,"click",c),a=!0)},p(m,v){e=m,v&2&&i!==(i=e[8].texte+"")&&W(s,i),v&2&&r!==(r=e[8].href)&&o(n,"href",r),v&2&&l!==(l=e[8].id)&&o(n,"id",l)},d(m){m&&x(n),a=!1,d()}}}function Sn(t){let e,n,i=!t[2]&&_t(t),s=t[2]&&yt(t);return{c(){i&&i.c(),e=w(),s&&s.c(),n=ze()},m(r,l){i&&i.m(r,l),y(r,e,l),s&&s.m(r,l),y(r,n,l)},p(r,[l]){r[2]?i&&(Me(),R(i,1,1,()=>{i=null}),Ne()):i?(i.p(r,l),l&4&&I(i,1)):(i=_t(r),i.c(),I(i,1),i.m(e.parentNode,e)),r[2]?s?(s.p(r,l),l&4&&I(s,1)):(s=yt(r),s.c(),I(s,1),s.m(n.parentNode,n)):s&&(Me(),R(s,1,1,()=>{s=null}),Ne())},i(r){I(i),I(s)},o(r){R(i),R(s)},d(r){r&&(x(e),x(n)),i&&i.d(r),s&&s.d(r)}}}function En(t,e,n){let{nomService:i}=e,{liens:s}=e;const r=pn();let l=[],a=!1;const d=()=>n(2,a=!0),c=()=>n(2,a=!1),m=(v,_)=>{v.preventDefault&&_.preventDefault(),r("lienclique",{target:_.currentTarget})};return t.$$set=v=>{"nomService"in v&&n(0,i=v.nomService),"liens"in v&&n(4,s=v.liens)},t.$$.update=()=>{if(t.$$.dirty&18&&(n(1,l=JSON.parse(s)),!Array.isArray(l)||l.some(v=>!v.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,m]}class kt extends X{constructor(e){super(),K(this,e,En,Sn,J,{nomService:0,liens:4},Cn)}get nomService(){return this.$$.ctx[0]}set nomService(e){this.$$set({nomService:e}),F()}get liens(){return this.$$.ctx[4]}set liens(e){this.$$set({liens:e}),F()}}customElements.define("lab-anssi-centre-aide",Q(kt,{nomService:{},liens:{}},[],[],!0));function qn(t){G(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 zt(t){let e,n,i,s,r,l,a,d,c,m,v;return{c(){e=f("div"),n=f("div"),i=f("button"),s=f("img"),l=w(),a=f("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
|
|
9
|
+
l'ANSSI et de ses partenaires.</p>`,d=w(),c=f("a"),c.textContent="Je découvre MesServicesCyber",H(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(_,b){y(_,e,b),u(e,n),u(n,i),u(i,s),u(n,l),u(n,a),u(n,d),u(n,c),m||(v=re(i,"click",t[2]),m=!0)},p:j,d(_){_&&x(e),m=!1,v()}}}function Mn(t){let e,n=t[0]==="visible"&&zt(t);return{c(){n&&n.c(),e=ze()},m(i,s){n&&n.m(i,s),y(i,e,s)},p(i,[s]){i[0]==="visible"?n?n.p(i,s):(n=zt(i),n.c(),n.m(e.parentNode,e)):n&&(n.d(1),n=null)},i:j,o:j,d(i){i&&x(e),n&&n.d(i)}}}const Ct="lab-anssi-ui-kit-msc-bandeau-affichage";function Nn(t,e,n){let i=localStorage.getItem(Ct)||"visible";const s=U("/icones/croix-blanche.svg");return[i,s,()=>{n(0,i="invisible"),localStorage.setItem(Ct,"invisible")}]}class St extends X{constructor(e){super(),K(this,e,Nn,Mn,J,{},qn)}}customElements.define("lab-anssi-mes-services-cyber-bandeau",Q(St,{},[],[],!0));function An(t){G(t,"svelte-ss2c34","@media(min-width: 576px){}@media(min-width: 576px){}@media(min-width: 932px){}@media(min-width: 932px){}.racine.svelte-ss2c34.svelte-ss2c34.svelte-ss2c34{position:relative;display:block}.racine.svelte-ss2c34 .lien-diagnostic-cyber.svelte-ss2c34.svelte-ss2c34{font-size:1rem;line-height:1.5rem;font-style:normal;font-weight:500;text-decoration:none;color:var(--diagnostic-cyber-color, #0d0c21);padding:10px 8px 8px 12px;display:flex;flex-direction:row;align-items:center;gap:8px;border:1px solid var(--diagnostic-cyber-color, #0d0c21);border-radius:8px;cursor:pointer;text-wrap:nowrap;justify-content:space-between}@media(min-width: 932px){.racine.svelte-ss2c34 .lien-diagnostic-cyber.svelte-ss2c34.svelte-ss2c34{font-size:0.875rem;line-height:0.875rem;max-width:fit-content}}.racine.svelte-ss2c34 .lien-diagnostic-cyber.svelte-ss2c34:hover+.bloc.svelte-ss2c34{visibility:visible;opacity:1;top:calc(1.5rem + 4px + 4px + 2px + 12px)}.racine.svelte-ss2c34 .lien-diagnostic-cyber img.svelte-ss2c34.svelte-ss2c34{position:relative;top:-1px}.racine.svelte-ss2c34 .bloc.svelte-ss2c34.svelte-ss2c34{position:absolute;pointer-events:none;top:calc(1.5rem + 1px);right:0;border-radius:8px;background:#fff;display:flex;width:482px;padding:24px;align-items:center;box-shadow:0px 4px 12px 0px rgba(0, 0, 18, 0.16);visibility:hidden;opacity:0;transition:visibility 0.2s linear, opacity 0.2s linear, top 0.2s ease-out;z-index:1}.racine.svelte-ss2c34 .bloc h6.svelte-ss2c34.svelte-ss2c34{font-size:1.25rem;font-style:normal;font-weight:700;line-height:1.75rem;color:var(--diagnostic-cyber-color, #0d0c21);align-self:stretch;margin:0;margin-block-start:0;margin-block-end:0}.racine.svelte-ss2c34 .bloc .texte.svelte-ss2c34.svelte-ss2c34{display:flex;flex-direction:column;gap:8px}.racine.svelte-ss2c34 .bloc .texte.svelte-ss2c34>p.svelte-ss2c34{font-size:0.875rem;font-style:normal;font-weight:400;align-self:stretch;line-height:1.5rem;color:var(--diagnostic-cyber-color, #0d0c21);margin:0;margin-block-end:0;margin-block-start:0;width:300px}.racine.svelte-ss2c34 .illustration.svelte-ss2c34.svelte-ss2c34{display:flex;height:144px;padding:6.4px 0px 7.014px 0px;justify-content:center;align-items:center;align-self:stretch;aspect-ratio:4/3}")}function Ln(t){let e,n,i,s,r,l,a,d;return{c(){e=f("div"),n=f("a"),i=O(`Votre diagnostic cyber gratuit
|
|
10
|
+
`),s=f("img"),a=w(),d=f("div"),d.innerHTML=`<div class="texte svelte-ss2c34"><h6 class="svelte-ss2c34">Prenez votre cyberdépart !</h6> <p class="svelte-ss2c34">Bénéficiez d'un <b>premier diagnostic gratuit</b> et anonyme dans vos locaux
|
|
11
|
+
<b>accompagné par un Aidant cyber</b>.</p></div> <img class="illustration svelte-ss2c34" src="${U("/illustrations/dino-kart.svg")}" alt="Votre diagnostic cyber gratuit"/>`,H(s.src,r=U(`/icones/${t[4]}.svg`))||o(s,"src",r),o(s,"alt",l=`lien-${t[1]?"externe":"interne"}`),o(s,"class","svelte-ss2c34"),o(n,"href",t[0]),o(n,"target",t[2]),o(n,"class","lien-diagnostic-cyber svelte-ss2c34"),o(n,"rel",t[3]),o(d,"class","bloc svelte-ss2c34"),o(e,"class","racine svelte-ss2c34")},m(c,m){y(c,e,m),u(e,n),u(n,i),u(n,s),u(e,a),u(e,d)},p(c,[m]){m&2&&l!==(l=`lien-${c[1]?"externe":"interne"}`)&&o(s,"alt",l),m&1&&o(n,"href",c[0])},i:j,o:j,d(c){c&&x(e)}}}function jn(t,e,n){let{lien:i}=e,{versExterne:s=!1}=e,r=s?"_blank":"_self",l=s?"noreferrer":void 0,a=s?"lien-externe":"lien-interne";return t.$$set=d=>{"lien"in d&&n(0,i=d.lien),"versExterne"in d&&n(1,s=d.versExterne)},[i,s,r,l,a]}class Et extends X{constructor(e){super(),K(this,e,jn,Ln,J,{lien:0,versExterne:1},An)}get lien(){return this.$$.ctx[0]}set lien(e){this.$$set({lien:e}),F()}get versExterne(){return this.$$.ctx[1]}set versExterne(e){this.$$set({versExterne:e}),F()}}customElements.define("lab-anssi-mes-services-cyber-lien-diagnostic-cyber",Q(Et,{lien:{},versExterne:{type:"Boolean"}},[],[],!0));function Tn(t){G(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 Pn(t){let e,n,i,s,r,l,a,d,c,m,v,_,b,p,$,k,h,g,z,E,A,T,L,P,q,M,V,Z=t[0]?"conforme":"non conforme",N;return{c(){e=f("div"),n=f("a"),n.textContent="À propos",i=w(),s=f("div"),r=w(),l=f("a"),l.textContent="Mentions légales",a=w(),d=f("div"),c=w(),m=f("a"),m.textContent="Politique de confidentialité",v=w(),_=f("div"),b=w(),p=f("a"),p.textContent="Conditions générales",$=w(),k=f("div"),h=w(),g=f("a"),g.textContent="Statistiques d’utilisation",z=w(),E=f("div"),A=w(),T=f("a"),T.textContent="Sécurité",L=w(),P=f("div"),q=w(),M=f("a"),V=O("Accessiblité: "),N=O(Z),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(m,"href","/confidentialite"),o(m,"class","svelte-xza2h6"),o(_,"class","separateur svelte-xza2h6"),o(p,"href","/cgu"),o(p,"class","svelte-xza2h6"),o(k,"class","separateur svelte-xza2h6"),o(g,"href","/statistiques"),o(g,"class","svelte-xza2h6"),o(E,"class","separateur svelte-xza2h6"),o(T,"href","/securite"),o(T,"class","svelte-xza2h6"),o(P,"class","separateur svelte-xza2h6"),o(M,"href","/accessibilite"),o(M,"class","svelte-xza2h6"),o(e,"class","conteneur-navigation-pied-de-page svelte-xza2h6")},m(B,te){y(B,e,te),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,m),u(e,v),u(e,_),u(e,b),u(e,p),u(e,$),u(e,k),u(e,h),u(e,g),u(e,z),u(e,E),u(e,A),u(e,T),u(e,L),u(e,P),u(e,q),u(e,M),u(M,V),u(M,N)},p(B,[te]){te&1&&Z!==(Z=B[0]?"conforme":"non conforme")&&W(N,Z)},i:j,o:j,d(B){B&&x(e)}}}function On(t,e,n){let{conforme:i=!1}=e;return t.$$set=s=>{"conforme"in s&&n(0,i=s.conforme)},[i]}class qt extends X{constructor(e){super(),K(this,e,On,Pn,J,{conforme:0},Tn)}get conforme(){return this.$$.ctx[0]}set conforme(e){this.$$set({conforme:e}),F()}}customElements.define("lab-anssi-navigation-pied-de-page",Q(qt,{conforme:{type:"Boolean"}},[],[],!0));function Fn(t){G(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 In(t){let e,n,i,s,r,l,a,d,c,m;return{c(){e=f("a"),n=f("div"),i=f("img"),r=w(),l=f("label"),l.innerHTML=`MesServicesCyber
|
|
12
|
+
<span class="svelte-1ohpq3w">Gérer mon profil et mes services</span>`,a=w(),d=f("div"),c=f("img"),H(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"),H(c.src,m=t[1])||o(c,"src",m),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(v,_){y(v,e,_),u(e,n),u(n,i),u(e,r),u(e,l),u(e,a),u(e,d),u(d,c)},p:j,i:j,o:j,d(v){v&&x(e)}}}function Bn(t){const e=U("/icones/bouton-accueil-msc.svg"),n=U("/icones/chevron-noir.svg");return[e,n]}class Mt extends X{constructor(e){super(),K(this,e,Bn,In,J,{},Fn)}}Q(Mt,{},[],[],!0);function Rn(t){G(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 Nt(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 At(t,e,n){const i=t.slice();return i[9]=e[n],i}function Lt(t){let e,n=Y(t[5]),i=[];for(let s=0;s<n.length;s+=1)i[s]=jt(At(t,n,s));return{c(){e=f("div");for(let s=0;s<i.length;s+=1)i[s].c();o(e,"class","labels svelte-10m4bdv")},m(s,r){y(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=Y(s[5]);let l;for(l=0;l<n.length;l+=1){const a=At(s,n,l);i[l]?i[l].p(a,r):(i[l]=jt(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&&x(e),xe(i,s)}}}function jt(t){let e,n=t[9]+"",i;return{c(){e=f("span"),i=O(n),o(e,"class","svelte-10m4bdv")},m(s,r){y(s,e,r),u(e,i)},p(s,r){r&2&&n!==(n=s[9]+"")&&W(i,n)},d(s){s&&x(e)}}}function Tt(t){let e;return{c(){e=f("hr"),o(e,"class","svelte-10m4bdv")},m(n,i){y(n,e,i)},d(n){n&&x(e)}}}function Pt(t){let e,n,i,s,r,l,a,d,c=t[2]+"",m,v,_,b,p,$,k=t[5]&&Lt(t),h=t[8]<t[1].length-1&&Tt();return{c(){e=f("a"),n=f("div"),i=f("div"),s=f("img"),a=w(),d=f("div"),m=O(c),v=w(),k&&k.c(),p=w(),h&&h.c(),$=ze(),H(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",_=t[3]),o(e,"target","_blank"),o(e,"class",b=fe(t[6])+" svelte-10m4bdv")},m(g,z){y(g,e,z),u(e,n),u(n,i),u(i,s),u(n,a),u(n,d),u(d,m),u(e,v),k&&k.m(e,null),y(g,p,z),h&&h.m(g,z),y(g,$,z)},p(g,z){z&2&&!H(s.src,r=g[4])&&o(s,"src",r),z&2&&l!==(l=g[2])&&o(s,"alt",l),z&2&&c!==(c=g[2]+"")&&W(m,c),g[5]?k?k.p(g,z):(k=Lt(g),k.c(),k.m(e,null)):k&&(k.d(1),k=null),z&2&&_!==(_=g[3])&&o(e,"href",_),z&2&&b!==(b=fe(g[6])+" svelte-10m4bdv")&&o(e,"class",b),g[8]<g[1].length-1?h||(h=Tt(),h.c(),h.m($.parentNode,$)):h&&(h.d(1),h=null)},d(g){g&&(x(e),x(p),x($)),k&&k.d(),h&&h.d(g)}}}function Dn(t){let e,n,i,s,r,l=Y(t[1]),a=[];for(let d=0;d<l.length;d+=1)a[d]=Pt(Nt(t,l,d));return{c(){e=f("div"),n=f("div"),i=O(t[0]),s=w(),r=f("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){y(d,e,c),u(e,n),u(n,i),u(e,s),u(e,r);for(let m=0;m<a.length;m+=1)a[m]&&a[m].m(r,null)},p(d,[c]){if(c&1&&W(i,d[0]),c&2){l=Y(d[1]);let m;for(m=0;m<l.length;m+=1){const v=Nt(d,l,m);a[m]?a[m].p(v,c):(a[m]=Pt(v),a[m].c(),a[m].m(r,null))}for(;m<a.length;m+=1)a[m].d(1);a.length=l.length}},i:j,o:j,d(d){d&&x(e),xe(a,d)}}}function Hn(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 we extends X{constructor(e){super(),K(this,e,Hn,Dn,J,{titre:0,services:1},Rn)}get titre(){return this.$$.ctx[0]}set titre(e){this.$$set({titre:e}),F()}get services(){return this.$$.ctx[1]}set services(e){this.$$set({services:e}),F()}}Q(we,{titre:{},services:{}},[],[],!0);function Un(t){G(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 Ot(t){let e,n,i,s,r,l,a,d,c,m,v,_,b,p,$,k,h,g,z,E,A,T,L,P,q,M,V,Z;return a=new Mt({}),m=new we({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"}]}}),_=new we({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 we({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"}]}}),k=new we({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=f("div"),n=f("button"),i=O(`Fermer
|
|
13
|
+
`),s=f("img"),l=w(),ae(a.$$.fragment),d=w(),c=f("div"),ae(m.$$.fragment),v=w(),ae(_.$$.fragment),b=w(),ae(p.$$.fragment),$=w(),ae(k.$$.fragment),h=w(),g=f("a"),z=f("div"),E=f("span"),E.textContent="Accéder au site de l'ANSSI",A=w(),T=f("img"),H(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"),H(T.src,L=t[9])||o(T,"src",L),o(T,"alt","Accéder au site de l'ANSSI"),o(T,"class","svelte-19naxzg"),o(z,"class","svelte-19naxzg"),o(g,"class","lien-externe site-anssi svelte-19naxzg"),o(g,"href",P="https://cyber.gouv.fr?utm_campaign=suite-cyber&utm_source="+t[0]),o(g,"target","_blank"),o(e,"class","contenu svelte-19naxzg")},m(N,B){y(N,e,B),u(e,n),u(n,i),u(n,s),u(e,l),ie(a,e,null),u(e,d),u(e,c),ie(m,c,null),u(c,v),ie(_,c,null),u(c,b),ie(p,c,null),u(c,$),ie(k,c,null),u(e,h),u(e,g),u(g,z),u(z,E),u(z,A),u(z,T),M=!0,V||(Z=re(n,"click",t[11]),V=!0)},p(N,B){const te={};B&1&&(te.services=[{nom:"MonEspaceNIS2",lien:`https://monespacenis2.cyber.gouv.fr?utm_campaign=suite-cyber&utm_source=${N[0]}`,icone:N[5],classeTracking:"nis2"}]),m.$set(te);const ce={};B&1&&(ce.services=[{nom:"Le portail du CERT-FR",lien:`https://www.cert.ssi.gouv.fr?utm_campaign=suite-cyber&utm_source=${N[0]}`,icone:N[6],classeTracking:"cert-fr"}]),_.$set(ce);const ge={};B&1&&(ge.services=[{nom:"MonServiceSécurisé",lien:`https://monservicesecurise.cyber.gouv.fr?utm_campaign=suite-cyber&utm_source=${N[0]}`,icone:N[8],labels:["Entités publiques"],classeTracking:"mss"}]),p.$set(ge);const ue={};B&1&&(ue.services=[{nom:"MonAideCyber",lien:`https://monaide.cyber.gouv.fr?utm_campaign=suite-cyber&utm_source=${N[0]}`,icone:N[7],classeTracking:"mac"}]),k.$set(ue),(!M||B&1&&P!==(P="https://cyber.gouv.fr?utm_campaign=suite-cyber&utm_source="+N[0]))&&o(g,"href",P)},i(N){M||(I(a.$$.fragment,N),I(m.$$.fragment,N),I(_.$$.fragment,N),I(p.$$.fragment,N),I(k.$$.fragment,N),N&&oe(()=>{M&&(q||(q=he(e,gt,{},!0)),q.run(1))}),M=!0)},o(N){R(a.$$.fragment,N),R(m.$$.fragment,N),R(_.$$.fragment,N),R(p.$$.fragment,N),R(k.$$.fragment,N),N&&(q||(q=he(e,gt,{},!1)),q.run(0)),M=!1},d(N){N&&x(e),se(a),se(m),se(_),se(p),se(k),N&&q&&q.end(),V=!1,Z()}}}function Vn(t){let e,n,i,s,r,l,a,d,c,m,v,_,b,p,$,k,h=t[1]&&Ot(t);return{c(){e=f("div"),n=f("div"),i=f("button"),s=f("img"),l=w(),a=f("div"),d=f("span"),d.textContent="La Suite cyber",c=w(),m=f("img"),b=w(),h&&h.c(),H(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"),H(m.src,v=t[3])||o(m,"src",v),o(m,"alt",_=t[1]?"ouvert":"fermé"),o(m,"class","svelte-19naxzg"),Ce(m,"ouvert",t[1]),o(a,"class","avec-texte svelte-19naxzg"),o(i,"class","svelte-19naxzg"),Ce(i,"actif",t[1]),o(n,"class","navigation svelte-19naxzg"),o(e,"class","suite-cyber svelte-19naxzg")},m(g,z){y(g,e,z),u(e,n),u(n,i),u(i,s),u(i,l),u(i,a),u(a,d),u(a,c),u(a,m),u(e,b),h&&h.m(e,null),p=!0,$||(k=re(i,"click",t[10]),$=!0)},p(g,[z]){(!p||z&2&&_!==(_=g[1]?"ouvert":"fermé"))&&o(m,"alt",_),(!p||z&2)&&Ce(m,"ouvert",g[1]),(!p||z&2)&&Ce(i,"actif",g[1]),g[1]?h?(h.p(g,z),z&2&&I(h,1)):(h=Ot(g),h.c(),I(h,1),h.m(e,null)):h&&(Me(),R(h,1,1,()=>{h=null}),Ne())},i(g){p||(I(h),p=!0)},o(g){R(h),p=!1},d(g){g&&x(e),h&&h.d(),$=!1,k()}}}function Wn(t,e,n){const i=U("/icones/bouton-gauffre.svg"),s=U("/icones/chevron-bleu.svg"),r=U("/icones/croix-bleu.svg"),l=U("/icones/NIS2.svg"),a=U("/icones/CERT-FR.svg"),d=U("/icones/MAC.svg"),c=U("/icones/MSS.svg"),m=U("/icones/lien-externe.svg");let{sourceUtm:v=""}=e,_=!1;const b=()=>{n(1,_=!_)},p=()=>n(1,_=!1);return t.$$set=$=>{"sourceUtm"in $&&n(0,v=$.sourceUtm)},[v,_,i,s,r,l,a,d,c,m,b,p]}class Ft extends X{constructor(e){super(),K(this,e,Wn,Vn,J,{sourceUtm:0},Un)}get sourceUtm(){return this.$$.ctx[0]}set sourceUtm(e){this.$$set({sourceUtm:e}),F()}}customElements.define("lab-anssi-bouton-suite-cyber-navigation",Q(Ft,{sourceUtm:{}},[],[],!0));function Jn(t){G(t,"svelte-16zsyam","@media(min-width: 576px){}@media(min-width: 576px){}@media(min-width: 932px){}@media(min-width: 932px){}a.svelte-16zsyam{display:inline-flex;color:#000091;border:none;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}")}function Gn(t){let e,n,i,s,r,l,a,d,c,m,v,_,b,p,$,k,h,g,z,E,A,T,L,P,q,M,V,Z,N,B,te,ce,ge,ue,Qe,je,Xe,Te,Ze,Pe,et,Oe,tt,Fe,nt,Ie,it,Be,st,Re,lt,De;return{c(){e=f("p"),n=O(t[0]),i=O(` est hébergé chez
|
|
14
|
+
`),s=f("a"),s.textContent="Clever Cloud",r=O(`
|
|
15
15
|
prenant appui sur
|
|
16
|
-
`),l=
|
|
17
|
-
qualifié SecNumCloud.`),
|
|
16
|
+
`),l=f("a"),l.textContent="Cloud Temple",a=O(`
|
|
17
|
+
qualifié SecNumCloud.`),d=w(),c=f("p"),m=O("L'ANSSI soumet "),v=O(t[0]),_=O(` à un rythme d'homologation soutenu dans le
|
|
18
18
|
cadre d'une démarche de renforcement continu de la sécurité du service
|
|
19
19
|
numérique, dont plusieurs éléments clés mais non exhaustifs sont résumés
|
|
20
|
-
ci-dessous.`),
|
|
20
|
+
ci-dessous.`),b=w(),p=f("h2"),p.textContent="Gouvernance",$=w(),k=f("p"),k.textContent=`Nous auditons régulièrement nos fournisseurs en termes de configuration et
|
|
21
21
|
d'architecture et maintenons un contact étroit avec eux pour améliorer en
|
|
22
|
-
continu leur sécurité et donc celle de vos données.`,
|
|
23
|
-
d'intrusion) par des prestataires qualifiés (PASSI).`,
|
|
24
|
-
prenant appui sur la méthode EBIOS Risk Manager.`,
|
|
25
|
-
conservons, selon leur sensibilité, afin d'assurer une protection adaptée.`,
|
|
26
|
-
et de leurs interconnexions.`,
|
|
22
|
+
continu leur sécurité et donc celle de vos données.`,h=w(),g=f("p"),g.textContent=`Nous auditions également régulièrement nos services (audits de code et tests
|
|
23
|
+
d'intrusion) par des prestataires qualifiés (PASSI).`,z=w(),E=f("p"),E.textContent=`Nous réalisons et tenons à jour une analyse de risques de nos services en
|
|
24
|
+
prenant appui sur la méthode EBIOS Risk Manager.`,A=w(),T=f("p"),T.textContent=`Nous maintenons une classification de l'ensemble des données que nous
|
|
25
|
+
conservons, selon leur sensibilité, afin d'assurer une protection adaptée.`,L=w(),P=f("p"),P.textContent=`Nous maintenons un dossier d’architecture technique détaillé de nos services
|
|
26
|
+
et de leurs interconnexions.`,q=w(),M=f("p"),M.textContent=`Les membres de nos équipes sont sensibilisés aux bonnes pratiques de
|
|
27
27
|
sécurité, quels que soient les profils (technique, produit, design,
|
|
28
28
|
déploiement), au travers de formations en continu ou de la réalisation de
|
|
29
|
-
campagnes anti-phishing.`,
|
|
30
|
-
applicatif.`,
|
|
29
|
+
campagnes anti-phishing.`,V=w(),Z=f("h2"),Z.textContent="Protection",N=w(),B=f("p"),B.textContent=`Vos données sont protégées par un chiffrement multi-couches, système et
|
|
30
|
+
applicatif.`,te=w(),ce=f("p"),ce.textContent=`Chaque membre de notre équipe est équipé de clés d'authentification
|
|
31
31
|
matérielle et l’authentification multi-facteur est généralisée à tous les
|
|
32
32
|
accès, permettant de mettre en œuvre une authentification forte sur
|
|
33
|
-
l'ensemble de nos services.`,
|
|
33
|
+
l'ensemble de nos services.`,ge=w(),ue=f("p"),ue.textContent=`Nous limitons les accès au strict nécessaire et cloisonnons de façon
|
|
34
34
|
rigoureuse les activités d'administration, en particulier au niveau
|
|
35
35
|
technique : utilisation de comptes dédiés et séparés selon leurs
|
|
36
36
|
usages ; postes d'administration durcis et réservés à ce seul
|
|
37
|
-
usage ; clés d’authentification nominatives.`,
|
|
38
|
-
nécessaires.`,
|
|
39
|
-
strict nécessaire.`,
|
|
40
|
-
défiguration, scans automatisés, veille active sur les risques émergents.`,
|
|
41
|
-
l'analyse en cas d'incident.`,
|
|
42
|
-
incidents de sécurité.`,
|
|
43
|
-
environnement totalement séparé de la plate-forme de production.`,
|
|
44
|
-
l'application en production dans un délai très court.`,a(i,"href","https://www.clever-cloud.com/"),a(i,"rel","noopener"),a(i,"target","_blank"),a(i,"class","svelte-16zsyam"),a(l,"href","https://www.cloud-temple.com/notre-approche-secnumcloud/"),a(l,"rel","noopener"),a(l,"target","_blank"),a(l,"class","svelte-16zsyam")},m(y,z){$(y,e,z),d(e,n),d(e,s),d(e,i),d(e,r),d(e,l),d(e,o),$(y,u,z),$(y,c,z),d(c,f),d(c,m),d(c,g),$(y,C,z),$(y,v,z),$(y,k,z),$(y,_,z),$(y,b,z),$(y,x,z),$(y,S,z),$(y,T,z),$(y,P,z),$(y,A,z),$(y,N,z),$(y,j,z),$(y,E,z),$(y,M,z),$(y,B,z),$(y,U,z),$(y,q,z),$(y,I,z),$(y,W,z),$(y,ie,z),$(y,be,z),$(y,le,z),$(y,Ge,z),$(y,qe,z),$(y,We,z),$(y,Ne,z),$(y,Ye,z),$(y,Ae,z),$(y,Ke,z),$(y,Le,z),$(y,Qe,z),$(y,je,z),$(y,Xe,z),$(y,Te,z),$(y,Ze,z),$(y,Pe,z),$(y,et,z),$(y,Oe,z),$(y,tt,z),$(y,Ie,z)},p(y,[z]){z&1&&X(n,y[0]),z&1&&X(m,y[0])},i:L,o:L,d(y){y&&(h(e),h(u),h(c),h(C),h(v),h(k),h(_),h(b),h(x),h(S),h(T),h(P),h(A),h(N),h(j),h(E),h(M),h(B),h(U),h(q),h(I),h(W),h(ie),h(be),h(le),h(Ge),h(qe),h(We),h(Ne),h(Ye),h(Ae),h(Ke),h(Le),h(Qe),h(je),h(Xe),h(Te),h(Ze),h(Pe),h(et),h(Oe),h(tt),h(Ie))}}}function qn(t,e,n){let{nomService:s}=e;return t.$$set=i=>{"nomService"in i&&n(0,s=i.nomService)},[s]}class Ot extends te{constructor(e){super(),Z(this,e,qn,Mn,K,{nomService:0},En)}get nomService(){return this.$$.ctx[0]}set nomService(e){this.$$set({nomService:e}),V()}}return customElements.define("lab-anssi-resume-pssi",ee(Ot,{nomService:{}},[],[],!0)),D.CentreAide=wt,D.LienDiagnosticCyber=Ct,D.MesServicesCyberBandeau=zt,D.NavigationPiedDePage=St,D.ResumePssi=Ot,D.SuiteCyberNavigation=Pt,Object.defineProperty(D,Symbol.toStringTag,{value:"Module"}),D}({});
|
|
37
|
+
usage ; clés d’authentification nominatives.`,Qe=w(),je=f("p"),je.textContent=`Nous n’installons et n’utilisons que les applications strictement
|
|
38
|
+
nécessaires.`,Xe=w(),Te=f("p"),Te.textContent=`Les droits des administrateurs techniques et métiers sont restreints au
|
|
39
|
+
strict nécessaire.`,Ze=w(),Pe=f("h2"),Pe.textContent="Défense",et=w(),Oe=f("p"),Oe.textContent=`La sécurité de nos services est surveillée en continu : détection de
|
|
40
|
+
défiguration, scans automatisés, veille active sur les risques émergents.`,tt=w(),Fe=f("p"),Fe.textContent=`L'ensemble des actions est historisé de façon nominative pour simplifier
|
|
41
|
+
l'analyse en cas d'incident.`,nt=w(),Ie=f("p"),Ie.textContent=`Nous mettons en œuvre et testons régulièrement notre procédure de gestion des
|
|
42
|
+
incidents de sécurité.`,it=w(),Be=f("h2"),Be.textContent="Résilience",st=w(),Re=f("p"),Re.textContent=`Vos données sont sauvegardées de façon sécurisée et pérenne sur un
|
|
43
|
+
environnement totalement séparé de la plate-forme de production.`,lt=w(),De=f("p"),De.textContent=`En cas d'incident majeur, nous sommes capables de reconstruire totalement
|
|
44
|
+
l'application en production dans un délai très court.`,o(s,"href","https://www.clever-cloud.com/"),o(s,"rel","noopener"),o(s,"target","_blank"),o(s,"class","svelte-16zsyam"),o(l,"href","https://www.cloud-temple.com/notre-approche-secnumcloud/"),o(l,"rel","noopener"),o(l,"target","_blank"),o(l,"class","svelte-16zsyam")},m(C,S){y(C,e,S),u(e,n),u(e,i),u(e,s),u(e,r),u(e,l),u(e,a),y(C,d,S),y(C,c,S),u(c,m),u(c,v),u(c,_),y(C,b,S),y(C,p,S),y(C,$,S),y(C,k,S),y(C,h,S),y(C,g,S),y(C,z,S),y(C,E,S),y(C,A,S),y(C,T,S),y(C,L,S),y(C,P,S),y(C,q,S),y(C,M,S),y(C,V,S),y(C,Z,S),y(C,N,S),y(C,B,S),y(C,te,S),y(C,ce,S),y(C,ge,S),y(C,ue,S),y(C,Qe,S),y(C,je,S),y(C,Xe,S),y(C,Te,S),y(C,Ze,S),y(C,Pe,S),y(C,et,S),y(C,Oe,S),y(C,tt,S),y(C,Fe,S),y(C,nt,S),y(C,Ie,S),y(C,it,S),y(C,Be,S),y(C,st,S),y(C,Re,S),y(C,lt,S),y(C,De,S)},p(C,[S]){S&1&&W(n,C[0]),S&1&&W(v,C[0])},i:j,o:j,d(C){C&&(x(e),x(d),x(c),x(b),x(p),x($),x(k),x(h),x(g),x(z),x(E),x(A),x(T),x(L),x(P),x(q),x(M),x(V),x(Z),x(N),x(B),x(te),x(ce),x(ge),x(ue),x(Qe),x(je),x(Xe),x(Te),x(Ze),x(Pe),x(et),x(Oe),x(tt),x(Fe),x(nt),x(Ie),x(it),x(Be),x(st),x(Re),x(lt),x(De))}}}function Yn(t,e,n){let{nomService:i}=e;return t.$$set=s=>{"nomService"in s&&n(0,i=s.nomService)},[i]}class It extends X{constructor(e){super(),K(this,e,Yn,Gn,J,{nomService:0},Jn)}get nomService(){return this.$$.ctx[0]}set nomService(e){this.$$set({nomService:e}),F()}}customElements.define("lab-anssi-resume-pssi",Q(It,{nomService:{}},[],[],!0));function Kn(t){G(t,"svelte-1ovwyh4",".visible-tablette.svelte-1ovwyh4{display:none !important}@media(min-width: 576px){.visible-tablette.svelte-1ovwyh4{display:unset !important}}@media(min-width: 576px){.invisible-tablette.svelte-1ovwyh4{display:none !important}}.visible-desktop.svelte-1ovwyh4{display:none !important}@media(min-width: 932px){.visible-desktop.svelte-1ovwyh4{display:unset !important}}@media(min-width: 932px){.invisible-desktop.svelte-1ovwyh4{display:none !important}}section.svelte-1ovwyh4{font-family:Marianne;padding:48px 16px;text-align:left;width:calc(100vw - 32px);color:white}@media(min-width: 576px){section.svelte-1ovwyh4{padding:72px 24px;width:calc(100vw - 48px)}}@media(min-width: 932px){section.svelte-1ovwyh4{padding:48px 24px;width:calc(100vw - 48px)}}section.primaire.svelte-1ovwyh4{background:var(--brique-background-primaire)}section.transparent.svelte-1ovwyh4{background:none}.contenu-brique.svelte-1ovwyh4{max-width:1200px;margin:0 auto}")}function Qn(t){let e,n,i,s;const r=t[2].default,l=en(r,t,t[1],null);return{c(){e=f("section"),n=f("div"),l&&l.c(),o(n,"class","contenu-brique svelte-1ovwyh4"),o(e,"class",i=fe(t[0])+" svelte-1ovwyh4")},m(a,d){y(a,e,d),u(e,n),l&&l.m(n,null),s=!0},p(a,[d]){l&&l.p&&(!s||d&2)&&nn(l,r,a,a[1],s?tn(r,a[1],d,null):sn(a[1]),null),(!s||d&1&&i!==(i=fe(a[0])+" svelte-1ovwyh4"))&&o(e,"class",i)},i(a){s||(I(l,a),s=!0)},o(a){R(l,a),s=!1},d(a){a&&x(e),l&&l.d(a)}}}function Xn(t,e,n){let{$$slots:i={},$$scope:s}=e,{variation:r="primaire"}=e;return t.$$set=l=>{"variation"in l&&n(0,r=l.variation),"$$scope"in l&&n(1,s=l.$$scope)},[r,s,i]}class Ke extends X{constructor(e){super(),K(this,e,Xn,Qn,J,{variation:0},Kn)}get variation(){return this.$$.ctx[0]}set variation(e){this.$$set({variation:e}),F()}}Q(Ke,{variation:{}},["default"],[],!0);function Zn(t){G(t,"svelte-9mcby5",'.visible-tablette.svelte-9mcby5.svelte-9mcby5{display:none !important}@media(min-width: 576px){.visible-tablette.svelte-9mcby5.svelte-9mcby5{display:unset !important}}@media(min-width: 576px){.invisible-tablette.svelte-9mcby5.svelte-9mcby5{display:none !important}}.visible-desktop.svelte-9mcby5.svelte-9mcby5{display:none !important}@media(min-width: 932px){.visible-desktop.svelte-9mcby5.svelte-9mcby5{display:unset !important}}@media(min-width: 932px){.invisible-desktop.svelte-9mcby5.svelte-9mcby5{display:none !important}}.hero.svelte-9mcby5.svelte-9mcby5{display:grid;grid-template-columns:1fr;grid-template-areas:"contenu" "image" "partenaires";gap:32px}@media(min-width: 932px){.hero.svelte-9mcby5.svelte-9mcby5{grid-template-areas:"contenu image" "partenaires image";grid-template-columns:1fr 1fr;column-gap:24px;row-gap:0px}}.hero.svelte-9mcby5 .contenu.svelte-9mcby5{grid-area:contenu;display:flex;flex-direction:column}.hero.svelte-9mcby5 .contenu .textes.svelte-9mcby5{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.hero.svelte-9mcby5 .contenu .section-badge.svelte-9mcby5{margin-bottom:8px}.hero.svelte-9mcby5 .contenu .section-badge .badge.svelte-9mcby5{text-align:left;background:#defbe5;color:#18753c;text-transform:uppercase;padding:0 6px;font-size:12px;font-weight:700;line-height:20px;border-radius:4px;width:fit-content;margin-bottom:4px}.hero.svelte-9mcby5 .contenu .section-badge .badge span.svelte-9mcby5{display:flex;flex-direction:row;gap:4px;align-items:center}.hero.svelte-9mcby5 .contenu .section-badge .badge span.svelte-9mcby5:before{content:url("src/lib/assets/icones/succes.svg");display:flex;width:16px;height:16px}.hero.svelte-9mcby5 .contenu .actions.svelte-9mcby5{grid-area:actions;display:flex;flex-direction:column;gap:16px}@media(min-width: 576px){.hero.svelte-9mcby5 .contenu .actions.svelte-9mcby5{flex-direction:row}}@media(min-width: 576px){.hero.svelte-9mcby5 .contenu.svelte-9mcby5{margin-bottom:32px}}.hero.svelte-9mcby5 .image.svelte-9mcby5{grid-area:image}.hero.svelte-9mcby5 .image img.svelte-9mcby5{width:100%;max-height:250px}@media(min-width: 932px){.hero.svelte-9mcby5 .image img.svelte-9mcby5{max-height:355px}}.hero.svelte-9mcby5 .partenaires.svelte-9mcby5{grid-area:partenaires;display:flex;flex-direction:column;gap:8px}.hero.svelte-9mcby5 .partenaires p.svelte-9mcby5{font-size:14px}.hero.svelte-9mcby5 .partenaires .liste.svelte-9mcby5{display:flex;gap:8px}.hero.svelte-9mcby5 .partenaires .liste img.svelte-9mcby5{width:79px;height:24px}.hero.svelte-9mcby5 h1.svelte-9mcby5{font-size:40px;margin:0;line-height:48px;word-break:break-word}@media(min-width: 576px){.hero.svelte-9mcby5 h1.svelte-9mcby5{font-size:48px}}.hero.svelte-9mcby5 p.svelte-9mcby5{margin:0;font-size:20px;line-height:32px}.hero.svelte-9mcby5 button.svelte-9mcby5{font-family:Marianne, sans-serif;padding:8px 16px;font-size:16px;font-weight:500;line-height:24px;border-radius:4px}.hero.svelte-9mcby5 button.primaire.svelte-9mcby5{border:none;color:var(--centre-aide-font-color-bouton);background-color:var(--bouton-background-primaire)}.hero.svelte-9mcby5 button.primaire-inverse.svelte-9mcby5{border:none;color:var(--centre-aide-background-entete);background-color:var(--bouton-background-primaire-inverse)}.hero.svelte-9mcby5 button.secondaire.svelte-9mcby5{border-radius:4px;border:1px solid #FFF;color:white;background-color:transparent}')}function Bt(t,e,n){const i=t.slice();return i[6]=e[n],i}function Rt(t,e,n){const i=t.slice();return i[9]=e[n],i}function Dt(t){let e;return{c(){e=f("div"),e.innerHTML='<div class="badge svelte-9mcby5"><span class="svelte-9mcby5">Service à impact national</span></div>',o(e,"class","section-badge svelte-9mcby5")},m(n,i){y(n,e,i)},d(n){n&&x(e)}}}function Ht(t){let e,n=Y(t[4]),i=[];for(let s=0;s<n.length;s+=1)i[s]=Ut(Rt(t,n,s));return{c(){e=f("div");for(let s=0;s<i.length;s+=1)i[s].c();o(e,"class","actions svelte-9mcby5")},m(s,r){y(s,e,r);for(let l=0;l<i.length;l+=1)i[l]&&i[l].m(e,null)},p(s,r){if(r&16){n=Y(s[4]);let l;for(l=0;l<n.length;l+=1){const a=Rt(s,n,l);i[l]?i[l].p(a,r):(i[l]=Ut(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&&x(e),xe(i,s)}}}function Ut(t){let e,n=t[9].titre+"",i,s;return{c(){e=f("button"),i=O(n),o(e,"type","button"),o(e,"class",s=fe(t[9].variation)+" svelte-9mcby5")},m(r,l){y(r,e,l),u(e,i)},p(r,l){l&16&&n!==(n=r[9].titre+"")&&W(i,n),l&16&&s!==(s=fe(r[9].variation)+" svelte-9mcby5")&&o(e,"class",s)},d(r){r&&x(e)}}}function Vt(t){let e,n,i,s,r=Y(t[5]),l=[];for(let a=0;a<r.length;a+=1)l[a]=Wt(Bt(t,r,a));return{c(){e=f("div"),n=f("p"),n.textContent="Une innovation ANSSI conçue pour durer en collaboration avec :",i=w(),s=f("div");for(let a=0;a<l.length;a+=1)l[a].c();o(n,"class","svelte-9mcby5"),o(s,"class","liste svelte-9mcby5"),o(e,"class","partenaires svelte-9mcby5")},m(a,d){y(a,e,d),u(e,n),u(e,i),u(e,s);for(let c=0;c<l.length;c+=1)l[c]&&l[c].m(s,null)},p(a,d){if(d&32){r=Y(a[5]);let c;for(c=0;c<r.length;c+=1){const m=Bt(a,r,c);l[c]?l[c].p(m,d):(l[c]=Wt(m),l[c].c(),l[c].m(s,null))}for(;c<l.length;c+=1)l[c].d(1);l.length=r.length}},d(a){a&&x(e),xe(l,a)}}}function Wt(t){let e,n,i;return{c(){e=f("img"),H(e.src,n=t[6].lien)||o(e,"src",n),o(e,"alt",i=t[6].alt),o(e,"class","svelte-9mcby5")},m(s,r){y(s,e,r)},p(s,r){r&32&&!H(e.src,n=s[6].lien)&&o(e,"src",n),r&32&&i!==(i=s[6].alt)&&o(e,"alt",i)},d(s){s&&x(e)}}}function ei(t){let e,n,i,s,r,l,a,d,c,m,v,_,b,p,$,k,h=t[3]&&Dt(),g=t[4]&&t[4].length>0&&Ht(t),z=t[5]&&t[5].length>0&&Vt(t);return{c(){e=f("div"),n=f("div"),h&&h.c(),i=w(),s=f("div"),r=f("h1"),l=O(t[0]),a=w(),d=f("p"),c=O(t[1]),m=w(),g&&g.c(),v=w(),_=f("div"),b=f("img"),k=w(),z&&z.c(),o(r,"class","svelte-9mcby5"),o(d,"class","svelte-9mcby5"),o(s,"class","textes svelte-9mcby5"),o(n,"class","contenu svelte-9mcby5"),H(b.src,p=t[2].lien)||o(b,"src",p),o(b,"alt",$=t[2].alt),o(b,"class","svelte-9mcby5"),o(_,"class","image svelte-9mcby5"),o(e,"class","hero svelte-9mcby5")},m(E,A){y(E,e,A),u(e,n),h&&h.m(n,null),u(n,i),u(n,s),u(s,r),u(r,l),u(s,a),u(s,d),u(d,c),u(n,m),g&&g.m(n,null),u(e,v),u(e,_),u(_,b),u(e,k),z&&z.m(e,null)},p(E,A){E[3]?h||(h=Dt(),h.c(),h.m(n,i)):h&&(h.d(1),h=null),A&1&&W(l,E[0]),A&2&&W(c,E[1]),E[4]&&E[4].length>0?g?g.p(E,A):(g=Ht(E),g.c(),g.m(n,null)):g&&(g.d(1),g=null),A&4&&!H(b.src,p=E[2].lien)&&o(b,"src",p),A&4&&$!==($=E[2].alt)&&o(b,"alt",$),E[5]&&E[5].length>0?z?z.p(E,A):(z=Vt(E),z.c(),z.m(e,null)):z&&(z.d(1),z=null)},d(E){E&&x(e),h&&h.d(),g&&g.d(),z&&z.d()}}}function ti(t){let e,n;return e=new Ke({props:{$$slots:{default:[ei]},$$scope:{ctx:t}}}),{c(){ae(e.$$.fragment)},m(i,s){ie(e,i,s),n=!0},p(i,[s]){const r={};s&4159&&(r.$$scope={dirty:s,ctx:i}),e.$set(r)},i(i){n||(I(e.$$.fragment,i),n=!0)},o(i){R(e.$$.fragment,i),n=!1},d(i){se(e,i)}}}function ni(t,e,n){let{titre:i}=e,{soustitre:s}=e,{illustration:r}=e,{badge:l=!1}=e,{actions:a=[]}=e,{partenaires:d=[]}=e;return t.$$set=c=>{"titre"in c&&n(0,i=c.titre),"soustitre"in c&&n(1,s=c.soustitre),"illustration"in c&&n(2,r=c.illustration),"badge"in c&&n(3,l=c.badge),"actions"in c&&n(4,a=c.actions),"partenaires"in c&&n(5,d=c.partenaires)},[i,s,r,l,a,d]}class Jt extends X{constructor(e){super(),K(this,e,ni,ti,J,{titre:0,soustitre:1,illustration:2,badge:3,actions:4,partenaires:5},Zn)}get titre(){return this.$$.ctx[0]}set titre(e){this.$$set({titre:e}),F()}get soustitre(){return this.$$.ctx[1]}set soustitre(e){this.$$set({soustitre:e}),F()}get illustration(){return this.$$.ctx[2]}set illustration(e){this.$$set({illustration:e}),F()}get badge(){return this.$$.ctx[3]}set badge(e){this.$$set({badge:e}),F()}get actions(){return this.$$.ctx[4]}set actions(e){this.$$set({actions:e}),F()}get partenaires(){return this.$$.ctx[5]}set partenaires(e){this.$$set({partenaires:e}),F()}}customElements.define("lab-anssi-brique-hero",Q(Jt,{titre:{reflect:!1,type:"String",attribute:"titre"},soustitre:{reflect:!1,type:"String",attribute:"soustitre"},illustration:{reflect:!1,type:"Object",attribute:"illustration"},badge:{reflect:!1,type:"Boolean",attribute:"badge"},actions:{reflect:!1,type:"Array",attribute:"actions"},partenaires:{reflect:!1,type:"Array",attribute:"partenaires"}},[],[],!0));function ii(t){G(t,"svelte-1glz0b4",".tuile.svelte-1glz0b4{--couleur-texte:#000000;border-radius:8px;border:1px solid #ddd;background:#fff;padding:32px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;color:var(--couleur-texte);width:384px;min-width:212px}p.svelte-1glz0b4{margin:0;font-size:22px;font-style:normal;font-weight:700;line-height:28px}span.svelte-1glz0b4{font-size:16px;font-style:normal;font-weight:400;line-height:24px}")}function si(t){let e,n,i,s,r,l,a,d,c,m,v,_;return{c(){e=f("div"),n=f("div"),i=f("img"),l=w(),a=f("p"),d=O(t[0]),c=w(),m=f("span"),v=O(t[2]),H(i.src,s=t[1].lien)||o(i,"src",s),o(i,"alt",r=t[1].alt),o(n,"class","conteneur-image"),o(a,"class","svelte-1glz0b4"),o(m,"class","svelte-1glz0b4"),o(e,"class",_="tuile "+(t[3]??"")+" svelte-1glz0b4")},m(b,p){y(b,e,p),u(e,n),u(n,i),u(e,l),u(e,a),u(a,d),u(e,c),u(e,m),u(m,v)},p(b,[p]){p&2&&!H(i.src,s=b[1].lien)&&o(i,"src",s),p&2&&r!==(r=b[1].alt)&&o(i,"alt",r),p&1&&W(d,b[0]),p&4&&W(v,b[2]),p&8&&_!==(_="tuile "+(b[3]??"")+" svelte-1glz0b4")&&o(e,"class",_)},i:j,o:j,d(b){b&&x(e)}}}function li(t,e,n){let{titre:i}=e,{illustration:s}=e,{contenu:r}=e,{classe:l=""}=e;return t.$$set=a=>{"titre"in a&&n(0,i=a.titre),"illustration"in a&&n(1,s=a.illustration),"contenu"in a&&n(2,r=a.contenu),"classe"in a&&n(3,l=a.classe)},[i,s,r,l]}class Gt extends X{constructor(e){super(),K(this,e,li,si,J,{titre:0,illustration:1,contenu:2,classe:3},ii)}get titre(){return this.$$.ctx[0]}set titre(e){this.$$set({titre:e}),F()}get illustration(){return this.$$.ctx[1]}set illustration(e){this.$$set({illustration:e}),F()}get contenu(){return this.$$.ctx[2]}set contenu(e){this.$$set({contenu:e}),F()}get classe(){return this.$$.ctx[3]}set classe(e){this.$$set({classe:e}),F()}}Q(Gt,{titre:{},illustration:{},contenu:{},classe:{}},[],[],!0);function ri(t){G(t,"svelte-296i74",'@media(min-width: 576px){}@media(min-width: 576px){}@media(min-width: 932px){}@media(min-width: 932px){}.carrousel-tuiles.svelte-296i74.svelte-296i74{padding:52px 0}.carrousel-tuiles.primaire.svelte-296i74.svelte-296i74{background:linear-gradient(to bottom, var(--centre-aide-background-entete) 0%, var(--centre-aide-background-entete) 35%, transparent 35%, transparent 100%)}.conteneur-tuiles.svelte-296i74.svelte-296i74{--espacement:16px;display:flex;overflow-x:auto;gap:var(--espacement);scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:0 32px}.conteneur-tuiles.svelte-296i74.svelte-296i74::-webkit-scrollbar{display:none}.conteneur-actions.svelte-296i74.svelte-296i74{display:flex;margin-top:32px;justify-content:center;padding:0 var(--espacement);gap:24px}.conteneur-actions.svelte-296i74 button.svelte-296i74{background:none;border:none;color:#000091;font-size:18px;font-weight:400;line-height:28px;cursor:pointer;display:flex;align-items:center;gap:8px}.conteneur-actions.svelte-296i74 .precedent.svelte-296i74:before,.conteneur-actions.svelte-296i74 .suivant.svelte-296i74:after{content:url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/fleche_gauche_bleue.svg");display:flex;width:24px;height:24px;filter:brightness(0) invert(1);line-height:28px}.conteneur-actions.svelte-296i74 .suivant.svelte-296i74:after{transform:rotate(180deg)}.conteneur-actions.svelte-296i74 button.svelte-296i74:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}@media screen and (min-width: 577px){.conteneur-tuiles.svelte-296i74.svelte-296i74{--espacement:24px}}@media screen and (min-width: 1247px){.conteneur-actions.svelte-296i74.svelte-296i74{display:none}}')}function Yt(t,e,n){const i=t.slice();return i[6]=e[n],i}function Kt(t){let e,n;return e=new Gt({props:{illustration:t[6].illustration,titre:t[6].titre,contenu:t[6].contenu,classe:"tuile-presentation"}}),{c(){ae(e.$$.fragment)},m(i,s){ie(e,i,s),n=!0},p(i,s){const r={};s&1&&(r.illustration=i[6].illustration),s&1&&(r.titre=i[6].titre),s&1&&(r.contenu=i[6].contenu),e.$set(r)},i(i){n||(I(e.$$.fragment,i),n=!0)},o(i){R(e.$$.fragment,i),n=!1},d(i){se(e,i)}}}function ai(t){let e,n,i,s,r,l,a,d,c,m=Y(t[0]),v=[];for(let b=0;b<m.length;b+=1)v[b]=Kt(Yt(t,m,b));const _=b=>R(v[b],1,1,()=>{v[b]=null});return{c(){e=f("div");for(let b=0;b<v.length;b+=1)v[b].c();n=w(),i=f("div"),s=f("button"),s.textContent="Précédent",r=w(),l=f("button"),l.textContent="Suivant",o(e,"class","conteneur-tuiles svelte-296i74"),o(s,"class","precedent svelte-296i74"),o(l,"class","suivant svelte-296i74"),o(i,"class","conteneur-actions svelte-296i74")},m(b,p){y(b,e,p);for(let $=0;$<v.length;$+=1)v[$]&&v[$].m(e,null);t[4](e),y(b,n,p),y(b,i,p),u(i,s),u(i,r),u(i,l),a=!0,d||(c=[re(s,"click",t[2]),re(l,"click",t[3])],d=!0)},p(b,p){if(p&1){m=Y(b[0]);let $;for($=0;$<m.length;$+=1){const k=Yt(b,m,$);v[$]?(v[$].p(k,p),I(v[$],1)):(v[$]=Kt(k),v[$].c(),I(v[$],1),v[$].m(e,null))}for(Me(),$=m.length;$<v.length;$+=1)_($);Ne()}},i(b){if(!a){for(let p=0;p<m.length;p+=1)I(v[p]);a=!0}},o(b){v=v.filter(Boolean);for(let p=0;p<v.length;p+=1)R(v[p]);a=!1},d(b){b&&(x(e),x(n),x(i)),xe(v,b),t[4](null),d=!1,le(c)}}}function oi(t){let e,n,i;return n=new Ke({props:{variation:"transparent",$$slots:{default:[ai]},$$scope:{ctx:t}}}),{c(){e=f("div"),ae(n.$$.fragment),o(e,"class","carrousel-tuiles primaire svelte-296i74")},m(s,r){y(s,e,r),ie(n,e,null),i=!0},p(s,[r]){const l={};r&515&&(l.$$scope={dirty:r,ctx:s}),n.$set(l)},i(s){i||(I(n.$$.fragment,s),i=!0)},o(s){R(n.$$.fragment,s),i=!1},d(s){s&&x(e),se(n)}}}function ci(t,e,n){let{tuiles:i=[]}=e,s;const r=c=>{var m;if(s){const v=((m=s.firstElementChild)==null?void 0:m.clientWidth)||0;s.scrollBy({left:c*(v+16),behavior:"smooth"})}},l=()=>r(-1),a=()=>r(1);function d(c){We[c?"unshift":"push"](()=>{s=c,n(1,s)})}return t.$$set=c=>{"tuiles"in c&&n(0,i=c.tuiles)},[i,s,l,a,d]}class Qt extends X{constructor(e){super(),K(this,e,ci,oi,J,{tuiles:0},ri)}get tuiles(){return this.$$.ctx[0]}set tuiles(e){this.$$set({tuiles:e}),F()}}return customElements.define("lab-anssi-carrousel-tuiles",Q(Qt,{tuiles:{reflect:!1,type:"Array",attribute:"tuiles"}},[],[],!0)),D.BriqueHero=Jt,D.CarrouselTuiles=Qt,D.CentreAide=kt,D.LienDiagnosticCyber=Et,D.MesServicesCyberBandeau=St,D.NavigationPiedDePage=qt,D.ResumePssi=It,D.SuiteCyberNavigation=Ft,Object.defineProperty(D,Symbol.toStringTag,{value:"Module"}),D}({});
|
|
@@ -8,15 +8,26 @@ declare namespace JSX {
|
|
|
8
8
|
sourceUtm?: string;
|
|
9
9
|
};
|
|
10
10
|
"lab-anssi-navigation-pied-de-page": {
|
|
11
|
-
conforme?:
|
|
11
|
+
conforme?: string;
|
|
12
12
|
};
|
|
13
13
|
"lab-anssi-mes-services-cyber-lien-diagnostic-cyber": {
|
|
14
|
-
lien:
|
|
15
|
-
versExterne?:
|
|
14
|
+
lien: string;
|
|
15
|
+
versExterne?: string;
|
|
16
16
|
};
|
|
17
17
|
"lab-anssi-mes-services-cyber-bandeau": {};
|
|
18
18
|
"lab-anssi-resume-pssi": {
|
|
19
19
|
nomService: string;
|
|
20
20
|
};
|
|
21
|
+
"lab-anssi-brique-hero": {
|
|
22
|
+
titre: string;
|
|
23
|
+
soustitre: string;
|
|
24
|
+
illustration: string;
|
|
25
|
+
badge?: string;
|
|
26
|
+
actions?: string;
|
|
27
|
+
partenaires?: string;
|
|
28
|
+
};
|
|
29
|
+
"lab-anssi-carrousel-tuiles": {
|
|
30
|
+
tuiles?: string;
|
|
31
|
+
};
|
|
21
32
|
}
|
|
22
33
|
}
|