@starterlib/ui 0.10.13 → 0.11.0

package/fesm2022/starterlib-ui-surfaces.mjs

@@ -195,10 +195,10 @@ var StMenu = class StMenu {
 	element = inject(ElementRef);
 	aria = inject(Menu);
 	couche = new CoucheAncree(inject(Overlay), inject(DestroyRef));
-	etiquette = input.required(...ngDevMode ? [{ debugName: "etiquette" }] : 	/* istanbul ignore next */ []);
-	alignement = input("debut", ...ngDevMode ? [{ debugName: "alignement" }] : 	/* istanbul ignore next */ []);
-	accroche = input("detachee", ...ngDevMode ? [{ debugName: "accroche" }] : 	/* istanbul ignore next */ []);
-	ouvertInterne = signal(false, ...ngDevMode ? [{ debugName: "ouvertInterne" }] : 	/* istanbul ignore next */ []);
+	etiquette = input.required(...ngDevMode ? [{ debugName: "etiquette" }] : /* istanbul ignore next */ []);
+	alignement = input("debut", ...ngDevMode ? [{ debugName: "alignement" }] : /* istanbul ignore next */ []);
+	accroche = input("detachee", ...ngDevMode ? [{ debugName: "accroche" }] : /* istanbul ignore next */ []);
+	ouvertInterne = signal(false, ...ngDevMode ? [{ debugName: "ouvertInterne" }] : /* istanbul ignore next */ []);
 	ouvert = this.ouvertInterne.asReadonly();
 	declencheur = null;
 	accrochePosee = false;
@@ -317,7 +317,7 @@ var StMenu = class StMenu {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StMenu,
 		deps: [],
@@ -325,7 +325,7 @@ var StMenu = class StMenu {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StMenu,
 		isStandalone: true,
 		selector: "st-menu",
@@ -384,7 +384,7 @@ var StMenu = class StMenu {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StMenu,
 	decorators: [{
@@ -447,21 +447,21 @@ const ROLE_DU_CHOIX = {
 };
 var StMenuItem = class StMenuItem {
 	aria = inject(MenuItem);
-	icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : 	/* istanbul ignore next */ []);
-	ton = input("neutre", ...ngDevMode ? [{ debugName: "ton" }] : 	/* istanbul ignore next */ []);
-	choix = input(null, ...ngDevMode ? [{ debugName: "choix" }] : 	/* istanbul ignore next */ []);
+	icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []);
+	ton = input("neutre", ...ngDevMode ? [{ debugName: "ton" }] : /* istanbul ignore next */ []);
+	choix = input(null, ...ngDevMode ? [{ debugName: "choix" }] : /* istanbul ignore next */ []);
 	coche = input(false, {
-		...ngDevMode ? { debugName: "coche" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "coche" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	roleLu = computed(() => {
 		const choix = this.choix();
 		return choix === null ? this.aria.role() : ROLE_DU_CHOIX[choix];
-	}, ...ngDevMode ? [{ debugName: "roleLu" }] : 	/* istanbul ignore next */ []);
-	cocheLu = computed(() => this.choix() === null ? null : String(this.coche()), ...ngDevMode ? [{ debugName: "cocheLu" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "roleLu" }] : /* istanbul ignore next */ []);
+	cocheLu = computed(() => this.choix() === null ? null : String(this.coche()), ...ngDevMode ? [{ debugName: "cocheLu" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StMenuItem,
 		deps: [],
@@ -469,7 +469,7 @@ var StMenuItem = class StMenuItem {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StMenuItem,
 		isStandalone: true,
 		selector: "button[stMenuItem]",
@@ -547,7 +547,7 @@ var StMenuItem = class StMenuItem {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StMenuItem,
 	decorators: [{
@@ -615,9 +615,9 @@ var StMenuTrigger = class StMenuTrigger {
 	constructor() {
 		if (this.element.tagName === "BUTTON" && !this.element.hasAttribute("type")) this.element.setAttribute("type", "button");
 	}
-	stMenuTrigger = input.required(...ngDevMode ? [{ debugName: "stMenuTrigger" }] : 	/* istanbul ignore next */ []);
-	cible = computed(() => this.stMenuTrigger(), ...ngDevMode ? [{ debugName: "cible" }] : 	/* istanbul ignore next */ []);
-	accrocheLue = computed(() => this.cible().accroche() === "collee" ? "collee" : null, ...ngDevMode ? [{ debugName: "accrocheLue" }] : 	/* istanbul ignore next */ []);
+	stMenuTrigger = input.required(...ngDevMode ? [{ debugName: "stMenuTrigger" }] : /* istanbul ignore next */ []);
+	cible = computed(() => this.stMenuTrigger(), ...ngDevMode ? [{ debugName: "cible" }] : /* istanbul ignore next */ []);
+	accrocheLue = computed(() => this.cible().accroche() === "collee" ? "collee" : null, ...ngDevMode ? [{ debugName: "accrocheLue" }] : /* istanbul ignore next */ []);
 	estIndisponible() {
 		return this.element.matches(":disabled, [aria-disabled=\"true\"]");
 	}
@@ -635,7 +635,7 @@ var StMenuTrigger = class StMenuTrigger {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StMenuTrigger,
 		deps: [],
@@ -643,7 +643,7 @@ var StMenuTrigger = class StMenuTrigger {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StMenuTrigger,
 		isStandalone: true,
 		selector: "[stMenuTrigger]",
@@ -672,7 +672,7 @@ var StMenuTrigger = class StMenuTrigger {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StMenuTrigger,
 	decorators: [{
@@ -703,7 +703,7 @@ i0.ɵɵngDeclareClassMetadata({
 var StMenuSeparator = class StMenuSeparator {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StMenuSeparator,
 		deps: [],
@@ -711,7 +711,7 @@ var StMenuSeparator = class StMenuSeparator {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StMenuSeparator,
 		isStandalone: true,
 		selector: "hr[stMenuSeparator]",
@@ -724,7 +724,7 @@ var StMenuSeparator = class StMenuSeparator {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StMenuSeparator,
 	decorators: [{
@@ -740,26 +740,26 @@ i0.ɵɵngDeclareClassMetadata({
 });
 var StSplitButton = class StSplitButton {
 	libelles = inject(ST_LIBELLES);
-	libelle = input.required(...ngDevMode ? [{ debugName: "libelle" }] : 	/* istanbul ignore next */ []);
-	menu = input.required(...ngDevMode ? [{ debugName: "menu" }] : 	/* istanbul ignore next */ []);
-	variante = input("secondaire", ...ngDevMode ? [{ debugName: "variante" }] : 	/* istanbul ignore next */ []);
-	taille = input("md", ...ngDevMode ? [{ debugName: "taille" }] : 	/* istanbul ignore next */ []);
-	type = input("button", ...ngDevMode ? [{ debugName: "type" }] : 	/* istanbul ignore next */ []);
-	iconeAvant = input(null, ...ngDevMode ? [{ debugName: "iconeAvant" }] : 	/* istanbul ignore next */ []);
-	etiquetteDuMenu = input(null, ...ngDevMode ? [{ debugName: "etiquetteDuMenu" }] : 	/* istanbul ignore next */ []);
+	libelle = input.required(...ngDevMode ? [{ debugName: "libelle" }] : /* istanbul ignore next */ []);
+	menu = input.required(...ngDevMode ? [{ debugName: "menu" }] : /* istanbul ignore next */ []);
+	variante = input("secondaire", ...ngDevMode ? [{ debugName: "variante" }] : /* istanbul ignore next */ []);
+	taille = input("md", ...ngDevMode ? [{ debugName: "taille" }] : /* istanbul ignore next */ []);
+	type = input("button", ...ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []);
+	iconeAvant = input(null, ...ngDevMode ? [{ debugName: "iconeAvant" }] : /* istanbul ignore next */ []);
+	etiquetteDuMenu = input(null, ...ngDevMode ? [{ debugName: "etiquetteDuMenu" }] : /* istanbul ignore next */ []);
 	chargement = input(false, {
-		...ngDevMode ? { debugName: "chargement" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "chargement" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	indisponible = input(false, {
-		...ngDevMode ? { debugName: "indisponible" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "indisponible" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	action = output();
-	nomDuMenu = computed(() => this.etiquetteDuMenu() ?? this.libelles().plusDOptionsPour(this.libelle()), ...ngDevMode ? [{ debugName: "nomDuMenu" }] : 	/* istanbul ignore next */ []);
+	nomDuMenu = computed(() => this.etiquetteDuMenu() ?? this.libelles().plusDOptionsPour(this.libelle()), ...ngDevMode ? [{ debugName: "nomDuMenu" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StSplitButton,
 		deps: [],
@@ -767,7 +767,7 @@ var StSplitButton = class StSplitButton {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StSplitButton,
 		isStandalone: true,
 		selector: "st-split-button",
@@ -897,7 +897,7 @@ var StSplitButton = class StSplitButton {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StSplitButton,
 	decorators: [{
@@ -999,16 +999,16 @@ const DECONNEXION = "st-user-menu:deconnexion";
 var StUserMenu = class StUserMenu {
 	libelles = inject(ST_LIBELLES);
 	deconnecter = DECONNEXION;
-	nom = input.required(...ngDevMode ? [{ debugName: "nom" }] : 	/* istanbul ignore next */ []);
-	fonction = input(null, ...ngDevMode ? [{ debugName: "fonction" }] : 	/* istanbul ignore next */ []);
-	courriel = input(null, ...ngDevMode ? [{ debugName: "courriel" }] : 	/* istanbul ignore next */ []);
-	image = input(null, ...ngDevMode ? [{ debugName: "image" }] : 	/* istanbul ignore next */ []);
-	elements = input([], ...ngDevMode ? [{ debugName: "elements" }] : 	/* istanbul ignore next */ []);
+	nom = input.required(...ngDevMode ? [{ debugName: "nom" }] : /* istanbul ignore next */ []);
+	fonction = input(null, ...ngDevMode ? [{ debugName: "fonction" }] : /* istanbul ignore next */ []);
+	courriel = input(null, ...ngDevMode ? [{ debugName: "courriel" }] : /* istanbul ignore next */ []);
+	image = input(null, ...ngDevMode ? [{ debugName: "image" }] : /* istanbul ignore next */ []);
+	elements = input([], ...ngDevMode ? [{ debugName: "elements" }] : /* istanbul ignore next */ []);
 	selection = output();
 	deconnexion = output();
 	affichable = sansCommandesDeDirection;
-	nomAffiche = computed(() => sansCommandesDeDirection(this.nom()), ...ngDevMode ? [{ debugName: "nomAffiche" }] : 	/* istanbul ignore next */ []);
-	nomDuCompte = computed(() => this.libelles().compteDe(this.nomAffiche()), ...ngDevMode ? [{ debugName: "nomDuCompte" }] : 	/* istanbul ignore next */ []);
+	nomAffiche = computed(() => sansCommandesDeDirection(this.nom()), ...ngDevMode ? [{ debugName: "nomAffiche" }] : /* istanbul ignore next */ []);
+	nomDuCompte = computed(() => this.libelles().compteDe(this.nomAffiche()), ...ngDevMode ? [{ debugName: "nomDuCompte" }] : /* istanbul ignore next */ []);
 	idDeLEntete = inject(StIdentifiants).prochain("st-user-menu");
 	choisir(valeur) {
 		if (valeur === DECONNEXION) this.deconnexion.emit();
@@ -1016,7 +1016,7 @@ var StUserMenu = class StUserMenu {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StUserMenu,
 		deps: [],
@@ -1024,7 +1024,7 @@ var StUserMenu = class StUserMenu {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StUserMenu,
 		isStandalone: true,
 		selector: "st-user-menu",
@@ -1072,7 +1072,7 @@ var StUserMenu = class StUserMenu {
 		host: { classAttribute: "st-user-menu" },
 		ngImport: i0,
 		template: "<button\n  type=\"button\"\n  class=\"st-user-menu__declencheur\"\n  [stMenuTrigger]=\"menu\"\n  [attr.aria-label]=\"nomDuCompte()\"\n>\n  <st-avatar\n    class=\"st-user-menu__avatar\"\n    taille=\"sm\"\n    variante=\"pleine\"\n    [nom]=\"nomAffiche()\"\n    [sourceImage]=\"image()\"\n  />\n  <!-- Coupe par points de suspension : `dir=\"auto\"` sur SA boite, pour qu'un nom ecrit de droite a\n       gauche perde sa fin, et non son debut (audit UI du 2026-09-27, D-5). -->\n  <span class=\"st-user-menu__nom\" dir=\"auto\">{{ nomAffiche() }}</span>\n  <st-icon class=\"st-user-menu__chevron\" nom=\"chevron-bas\" />\n</button>\n\n<st-menu\n  #menu\n  class=\"st-user-menu__panneau\"\n  alignement=\"fin\"\n  [etiquette]=\"nomDuCompte()\"\n  [attr.aria-describedby]=\"idDeLEntete\"\n  (selection)=\"choisir($event)\"\n>\n  <!-- Muet dans le menu (aria-hidden), il le decrit : un role menu ne contient que des entrees.\n       Ses lignes gardent l'alignement de la page ; seul leur texte est isole (`<bdi>`), le courriel\n       de gauche a droite (D-5). -->\n  <div class=\"st-user-menu__entete\" aria-hidden=\"true\" [id]=\"idDeLEntete\">\n    <st-avatar taille=\"md\" variante=\"pleine\" [nom]=\"nomAffiche()\" [sourceImage]=\"image()\" />\n    <span class=\"st-user-menu__identite\">\n      <span class=\"st-user-menu__nom-complet\"\n        ><bdi>{{ nomAffiche() }}</bdi></span\n      >\n      @if (fonction(); as texte) {\n        <span class=\"st-user-menu__precision\"\n          ><bdi>{{ affichable(texte) }}</bdi></span\n        >\n      }\n      @if (courriel(); as texte) {\n        <span class=\"st-user-menu__precision\"\n          ><bdi dir=\"ltr\">{{ affichable(texte) }}</bdi></span\n        >\n      }\n    </span>\n  </div>\n  @for (element of elements(); track element.valeur) {\n    <button type=\"button\" stMenuItem [valeur]=\"element.valeur\" [icone]=\"element.icone ?? null\">\n      {{ element.libelle }}\n    </button>\n  }\n  <hr stMenuSeparator />\n  <button type=\"button\" stMenuItem icone=\"deconnexion\" ton=\"danger-discret\" [valeur]=\"deconnecter\">\n    {{ libelles().seDeconnecter }}\n  </button>\n</st-menu>\n",
-		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:inline-flex;min-inline-size:0}.st-user-menu__declencheur:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-user-menu__declencheur{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);display:inline-flex;gap:var(--st-espacement-2);align-items:center;min-inline-size:var(--st-cible-tactile-min);min-block-size:var(--st-cible-tactile-min);max-inline-size:100%;padding-block:0;padding-inline:var(--st-espacement-1) var(--st-espacement-2);font-family:inherit;color:var(--st-couleur-texte);cursor:pointer;background:transparent;border:0;border-radius:var(--st-rayon-md)}@media(hover:hover){.st-user-menu__declencheur:hover{background:var(--st-couleur-surface-survol)}}.st-user-menu__declencheur:active{background:var(--st-couleur-surface-active)}.st-user-menu__nom{display:none;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:48rem){.st-user-menu__nom{display:inline}}.st-user-menu__chevron{flex:none;color:var(--st-couleur-texte-discret);transition:rotate var(--st-duree-rapide) var(--st-courbe-standard)}.st-user-menu__declencheur[aria-expanded=true] .st-user-menu__chevron{rotate:180deg}.st-user-menu__panneau{--st-largeur-menu: 18rem}.st-user-menu__entete{display:flex;gap:var(--st-espacement-2);align-items:center;margin-block-end:var(--st-espacement-1);padding:var(--st-espacement-2);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}.st-user-menu__identite{display:flex;flex-direction:column;min-inline-size:0}.st-user-menu__nom-complet{font-size:var(--st-taille-lg);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-lg);overflow-wrap:anywhere;color:var(--st-couleur-texte)}.st-user-menu__precision{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-large);overflow-wrap:anywhere;color:var(--st-couleur-texte-discret)}@media(forced-colors:active){.st-user-menu__entete{border:var(--st-epaisseur-fine) solid CanvasText}}\n"],
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:inline-flex;min-inline-size:0}.st-user-menu__declencheur:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-user-menu__declencheur{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);display:inline-flex;gap:var(--st-espacement-2);align-items:center;min-inline-size:var(--st-cible-tactile-min);min-block-size:var(--st-cible-tactile-min);max-inline-size:100%;padding-block:0;padding-inline:var(--st-espacement-1) var(--st-espacement-2);font-family:inherit;color:var(--st-couleur-texte);cursor:pointer;background:transparent;border:0;border-radius:var(--st-rayon-md)}@media(hover:hover){.st-user-menu__declencheur:hover{background:var(--st-couleur-surface-survol)}}.st-user-menu__declencheur:active{background:var(--st-couleur-surface-active)}.st-user-menu__nom{display:none;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:48rem){.st-user-menu__nom{display:inline}}.st-user-menu__chevron{flex:none;color:var(--st-couleur-texte-discret);transition:rotate var(--st-duree-rapide) var(--st-courbe-standard)}.st-user-menu__declencheur[aria-expanded=true] .st-user-menu__chevron{rotate:180deg}.st-user-menu__panneau{--st-largeur-menu: 18rem}.st-user-menu__entete{display:flex;gap:var(--st-espacement-2);align-items:center;margin-block-end:var(--st-espacement-1);padding:var(--st-espacement-2);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}.st-user-menu__identite{display:flex;flex-direction:column;min-inline-size:0}.st-user-menu__nom-complet{font-family:var(--st-police-titre, var(--st-police-base));font-size:var(--st-taille-lg);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-lg);overflow-wrap:anywhere;color:var(--st-couleur-texte)}.st-user-menu__precision{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-large);overflow-wrap:anywhere;color:var(--st-couleur-texte-discret)}@media(forced-colors:active){.st-user-menu__entete{border:var(--st-epaisseur-fine) solid CanvasText}}\n"],
 		dependencies: [
 			{
 				kind: "component",
@@ -1142,7 +1142,7 @@ var StUserMenu = class StUserMenu {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StUserMenu,
 	decorators: [{
@@ -1160,7 +1160,7 @@ i0.ɵɵngDeclareClassMetadata({
 			],
 			host: { class: "st-user-menu" },
 			template: "<button\n  type=\"button\"\n  class=\"st-user-menu__declencheur\"\n  [stMenuTrigger]=\"menu\"\n  [attr.aria-label]=\"nomDuCompte()\"\n>\n  <st-avatar\n    class=\"st-user-menu__avatar\"\n    taille=\"sm\"\n    variante=\"pleine\"\n    [nom]=\"nomAffiche()\"\n    [sourceImage]=\"image()\"\n  />\n  <!-- Coupe par points de suspension : `dir=\"auto\"` sur SA boite, pour qu'un nom ecrit de droite a\n       gauche perde sa fin, et non son debut (audit UI du 2026-09-27, D-5). -->\n  <span class=\"st-user-menu__nom\" dir=\"auto\">{{ nomAffiche() }}</span>\n  <st-icon class=\"st-user-menu__chevron\" nom=\"chevron-bas\" />\n</button>\n\n<st-menu\n  #menu\n  class=\"st-user-menu__panneau\"\n  alignement=\"fin\"\n  [etiquette]=\"nomDuCompte()\"\n  [attr.aria-describedby]=\"idDeLEntete\"\n  (selection)=\"choisir($event)\"\n>\n  <!-- Muet dans le menu (aria-hidden), il le decrit : un role menu ne contient que des entrees.\n       Ses lignes gardent l'alignement de la page ; seul leur texte est isole (`<bdi>`), le courriel\n       de gauche a droite (D-5). -->\n  <div class=\"st-user-menu__entete\" aria-hidden=\"true\" [id]=\"idDeLEntete\">\n    <st-avatar taille=\"md\" variante=\"pleine\" [nom]=\"nomAffiche()\" [sourceImage]=\"image()\" />\n    <span class=\"st-user-menu__identite\">\n      <span class=\"st-user-menu__nom-complet\"\n        ><bdi>{{ nomAffiche() }}</bdi></span\n      >\n      @if (fonction(); as texte) {\n        <span class=\"st-user-menu__precision\"\n          ><bdi>{{ affichable(texte) }}</bdi></span\n        >\n      }\n      @if (courriel(); as texte) {\n        <span class=\"st-user-menu__precision\"\n          ><bdi dir=\"ltr\">{{ affichable(texte) }}</bdi></span\n        >\n      }\n    </span>\n  </div>\n  @for (element of elements(); track element.valeur) {\n    <button type=\"button\" stMenuItem [valeur]=\"element.valeur\" [icone]=\"element.icone ?? null\">\n      {{ element.libelle }}\n    </button>\n  }\n  <hr stMenuSeparator />\n  <button type=\"button\" stMenuItem icone=\"deconnexion\" ton=\"danger-discret\" [valeur]=\"deconnecter\">\n    {{ libelles().seDeconnecter }}\n  </button>\n</st-menu>\n",
-			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:inline-flex;min-inline-size:0}.st-user-menu__declencheur:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-user-menu__declencheur{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);display:inline-flex;gap:var(--st-espacement-2);align-items:center;min-inline-size:var(--st-cible-tactile-min);min-block-size:var(--st-cible-tactile-min);max-inline-size:100%;padding-block:0;padding-inline:var(--st-espacement-1) var(--st-espacement-2);font-family:inherit;color:var(--st-couleur-texte);cursor:pointer;background:transparent;border:0;border-radius:var(--st-rayon-md)}@media(hover:hover){.st-user-menu__declencheur:hover{background:var(--st-couleur-surface-survol)}}.st-user-menu__declencheur:active{background:var(--st-couleur-surface-active)}.st-user-menu__nom{display:none;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:48rem){.st-user-menu__nom{display:inline}}.st-user-menu__chevron{flex:none;color:var(--st-couleur-texte-discret);transition:rotate var(--st-duree-rapide) var(--st-courbe-standard)}.st-user-menu__declencheur[aria-expanded=true] .st-user-menu__chevron{rotate:180deg}.st-user-menu__panneau{--st-largeur-menu: 18rem}.st-user-menu__entete{display:flex;gap:var(--st-espacement-2);align-items:center;margin-block-end:var(--st-espacement-1);padding:var(--st-espacement-2);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}.st-user-menu__identite{display:flex;flex-direction:column;min-inline-size:0}.st-user-menu__nom-complet{font-size:var(--st-taille-lg);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-lg);overflow-wrap:anywhere;color:var(--st-couleur-texte)}.st-user-menu__precision{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-large);overflow-wrap:anywhere;color:var(--st-couleur-texte-discret)}@media(forced-colors:active){.st-user-menu__entete{border:var(--st-epaisseur-fine) solid CanvasText}}\n"]
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:inline-flex;min-inline-size:0}.st-user-menu__declencheur:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-user-menu__declencheur{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);display:inline-flex;gap:var(--st-espacement-2);align-items:center;min-inline-size:var(--st-cible-tactile-min);min-block-size:var(--st-cible-tactile-min);max-inline-size:100%;padding-block:0;padding-inline:var(--st-espacement-1) var(--st-espacement-2);font-family:inherit;color:var(--st-couleur-texte);cursor:pointer;background:transparent;border:0;border-radius:var(--st-rayon-md)}@media(hover:hover){.st-user-menu__declencheur:hover{background:var(--st-couleur-surface-survol)}}.st-user-menu__declencheur:active{background:var(--st-couleur-surface-active)}.st-user-menu__nom{display:none;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:48rem){.st-user-menu__nom{display:inline}}.st-user-menu__chevron{flex:none;color:var(--st-couleur-texte-discret);transition:rotate var(--st-duree-rapide) var(--st-courbe-standard)}.st-user-menu__declencheur[aria-expanded=true] .st-user-menu__chevron{rotate:180deg}.st-user-menu__panneau{--st-largeur-menu: 18rem}.st-user-menu__entete{display:flex;gap:var(--st-espacement-2);align-items:center;margin-block-end:var(--st-espacement-1);padding:var(--st-espacement-2);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}.st-user-menu__identite{display:flex;flex-direction:column;min-inline-size:0}.st-user-menu__nom-complet{font-family:var(--st-police-titre, var(--st-police-base));font-size:var(--st-taille-lg);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-lg);overflow-wrap:anywhere;color:var(--st-couleur-texte)}.st-user-menu__precision{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-large);overflow-wrap:anywhere;color:var(--st-couleur-texte-discret)}@media(forced-colors:active){.st-user-menu__entete{border:var(--st-epaisseur-fine) solid CanvasText}}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -1217,7 +1217,7 @@ i0.ɵɵngDeclareClassMetadata({
 var StToolbarPrincipale = class StToolbarPrincipale {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StToolbarPrincipale,
 		deps: [],
@@ -1225,7 +1225,7 @@ var StToolbarPrincipale = class StToolbarPrincipale {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StToolbarPrincipale,
 		isStandalone: true,
 		selector: "[stToolbarPrincipale]",
@@ -1234,7 +1234,7 @@ var StToolbarPrincipale = class StToolbarPrincipale {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StToolbarPrincipale,
 	decorators: [{
@@ -1249,33 +1249,33 @@ function estPrincipale(element) {
 var StToolbar = class StToolbar {
 	libelles = inject(ST_LIBELLES);
 	hote = inject(ElementRef).nativeElement;
-	etiquette = input.required(...ngDevMode ? [{ debugName: "etiquette" }] : 	/* istanbul ignore next */ []);
-	secondaires = input([], ...ngDevMode ? [{ debugName: "secondaires" }] : 	/* istanbul ignore next */ []);
-	libellePlus = input(null, ...ngDevMode ? [{ debugName: "libellePlus" }] : 	/* istanbul ignore next */ []);
-	taille = input("md", ...ngDevMode ? [{ debugName: "taille" }] : 	/* istanbul ignore next */ []);
+	etiquette = input.required(...ngDevMode ? [{ debugName: "etiquette" }] : /* istanbul ignore next */ []);
+	secondaires = input([], ...ngDevMode ? [{ debugName: "secondaires" }] : /* istanbul ignore next */ []);
+	libellePlus = input(null, ...ngDevMode ? [{ debugName: "libellePlus" }] : /* istanbul ignore next */ []);
+	taille = input("md", ...ngDevMode ? [{ debugName: "taille" }] : /* istanbul ignore next */ []);
 	action = output();
-	libellePlusLu = computed(() => this.libellePlus() ?? this.libelles().plusDActions, ...ngDevMode ? [{ debugName: "libellePlusLu" }] : 	/* istanbul ignore next */ []);
-	large = signal(false, ...ngDevMode ? [{ debugName: "large" }] : 	/* istanbul ignore next */ []);
-	menuPlus = viewChild(StMenu, ...ngDevMode ? [{ debugName: "menuPlus" }] : 	/* istanbul ignore next */ []);
+	libellePlusLu = computed(() => this.libellePlus() ?? this.libelles().plusDActions, ...ngDevMode ? [{ debugName: "libellePlusLu" }] : /* istanbul ignore next */ []);
+	large = signal(false, ...ngDevMode ? [{ debugName: "large" }] : /* istanbul ignore next */ []);
+	menuPlus = viewChild(StMenu, ...ngDevMode ? [{ debugName: "menuPlus" }] : /* istanbul ignore next */ []);
 	boutonsProjetes = contentChildren(StButton, {
-		...ngDevMode ? { debugName: "boutonsProjetes" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "boutonsProjetes" } : /* istanbul ignore next */ {},
 		descendants: true
 	});
 	elementsProjetes = contentChildren(StButton, {
-		...ngDevMode ? { debugName: "elementsProjetes" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "elementsProjetes" } : /* istanbul ignore next */ {},
 		descendants: true,
 		read: ElementRef
 	});
 	marques = contentChildren(StToolbarPrincipale, {
-		...ngDevMode ? { debugName: "marques" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "marques" } : /* istanbul ignore next */ {},
 		descendants: true
 	});
-	aPrincipale = computed(() => this.marques().length > 0 || this.elementsProjetes().some((element) => estPrincipale(element.nativeElement)), ...ngDevMode ? [{ debugName: "aPrincipale" }] : 	/* istanbul ignore next */ []);
+	aPrincipale = computed(() => this.marques().length > 0 || this.elementsProjetes().some((element) => estPrincipale(element.nativeElement)), ...ngDevMode ? [{ debugName: "aPrincipale" }] : /* istanbul ignore next */ []);
 	boutons = computed(() => {
 		if (!this.large()) return [];
 		const toutes = this.secondaires();
 		return this.aPrincipale() ? toutes.filter((action) => action.ton !== "danger") : toutes;
-	}, ...ngDevMode ? [{ debugName: "boutons" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "boutons" }] : /* istanbul ignore next */ []);
 	entrees = computed(() => {
 		const toutes = this.secondaires();
 		const neutres = toutes.filter((action) => action.ton !== "danger");
@@ -1287,7 +1287,7 @@ var StToolbar = class StToolbar {
 			action,
 			separee: i > 0 && action.ton === "danger" && liste[i - 1]?.ton !== "danger"
 		}));
-	}, ...ngDevMode ? [{ debugName: "entrees" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "entrees" }] : /* istanbul ignore next */ []);
 	actif = null;
 	constructor() {
 		const fenetre = inject(DOCUMENT$1).defaultView;
@@ -1388,7 +1388,7 @@ var StToolbar = class StToolbar {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StToolbar,
 		deps: [],
@@ -1396,7 +1396,7 @@ var StToolbar = class StToolbar {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StToolbar,
 		isStandalone: true,
 		selector: "st-toolbar",
@@ -1545,7 +1545,7 @@ var StToolbar = class StToolbar {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StToolbar,
 	decorators: [{
@@ -1689,7 +1689,7 @@ var StDialogContainer = class StDialogContainer extends CdkDialogContainer {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StDialogContainer,
 		deps: [],
@@ -1697,7 +1697,7 @@ var StDialogContainer = class StDialogContainer extends CdkDialogContainer {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StDialogContainer,
 		isStandalone: true,
 		selector: "st-dialog-container",
@@ -1728,7 +1728,7 @@ var StDialogContainer = class StDialogContainer extends CdkDialogContainer {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StDialogContainer,
 	decorators: [{
@@ -1780,14 +1780,14 @@ function coteDuTiroir(classes) {
 }
 var StDialogClose = class StDialogClose {
 	reference = inject(DialogRef, { optional: true });
-	stDialogClose = input(void 0, ...ngDevMode ? [{ debugName: "stDialogClose" }] : 	/* istanbul ignore next */ []);
+	stDialogClose = input(void 0, ...ngDevMode ? [{ debugName: "stDialogClose" }] : /* istanbul ignore next */ []);
 	fermer() {
 		const resultat = this.stDialogClose();
 		this.reference?.close(resultat === "" ? void 0 : resultat);
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StDialogClose,
 		deps: [],
@@ -1795,7 +1795,7 @@ var StDialogClose = class StDialogClose {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StDialogClose,
 		isStandalone: true,
 		selector: "button[stDialogClose]",
@@ -1816,7 +1816,7 @@ var StDialogClose = class StDialogClose {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StDialogClose,
 	decorators: [{
@@ -1844,31 +1844,31 @@ var StDialogTitle = class StDialogTitle {
 	dansUnDialogue = inject(DialogRef, { optional: true }) !== null;
 	libelles = inject(ST_LIBELLES);
 	identifiant = inject(IDENTIFIANT_DU_TITRE, { optional: true }) ?? inject(StIdentifiants).prochain("st-dialog-title");
-	icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : 	/* istanbul ignore next */ []);
-	ton = input("neutre", ...ngDevMode ? [{ debugName: "ton" }] : 	/* istanbul ignore next */ []);
-	sousTitre = input(null, ...ngDevMode ? [{ debugName: "sousTitre" }] : 	/* istanbul ignore next */ []);
-	niveau = input(2, ...ngDevMode ? [{ debugName: "niveau" }] : 	/* istanbul ignore next */ []);
+	icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []);
+	ton = input("neutre", ...ngDevMode ? [{ debugName: "ton" }] : /* istanbul ignore next */ []);
+	sousTitre = input(null, ...ngDevMode ? [{ debugName: "sousTitre" }] : /* istanbul ignore next */ []);
+	niveau = input(2, ...ngDevMode ? [{ debugName: "niveau" }] : /* istanbul ignore next */ []);
 	fermeture = input(void 0, {
-		...ngDevMode ? { debugName: "fermeture" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "fermeture" } : /* istanbul ignore next */ {},
 		transform: (valeur) => valeur === null || valeur === void 0 ? void 0 : booleanAttribute(valeur)
 	});
 	forme = computed(() => {
 		if (this.ton() !== "neutre" && this.ton() !== "primaire") return "ton";
 		return this.icone() === null ? "simple" : "tuile";
-	}, ...ngDevMode ? [{ debugName: "forme" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "forme" }] : /* istanbul ignore next */ []);
 	iconeRendue = computed(() => {
 		const icone = this.icone();
 		if (icone !== null || this.forme() !== "ton") return icone;
 		return ICONES_DE_TON[this.ton()];
-	}, ...ngDevMode ? [{ debugName: "iconeRendue" }] : 	/* istanbul ignore next */ []);
-	tonDeLIcone = computed(() => this.forme() === "ton" ? this.ton() : "neutre", ...ngDevMode ? [{ debugName: "tonDeLIcone" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "iconeRendue" }] : /* istanbul ignore next */ []);
+	tonDeLIcone = computed(() => this.forme() === "ton" ? this.ton() : "neutre", ...ngDevMode ? [{ debugName: "tonDeLIcone" }] : /* istanbul ignore next */ []);
 	croix = computed(() => {
 		if (this.contexte?.fermable === false) return false;
 		return this.fermeture() ?? (this.contexte !== null || this.dansUnDialogue);
-	}, ...ngDevMode ? [{ debugName: "croix" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "croix" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StDialogTitle,
 		deps: [],
@@ -1876,7 +1876,7 @@ var StDialogTitle = class StDialogTitle {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StDialogTitle,
 		isStandalone: true,
 		selector: "st-dialog-title",
@@ -1926,7 +1926,7 @@ var StDialogTitle = class StDialogTitle {
 		},
 		ngImport: i0,
 		template: "<ng-template #texte><ng-content /></ng-template>\n\n<div class=\"st-dialog-title__debut\">\n  @if (iconeRendue(); as nom) {\n    <span class=\"st-dialog-title__icone\">\n      <st-icon [nom]=\"nom\" [taille]=\"forme() === 'ton' ? '22' : '20'\" [ton]=\"tonDeLIcone()\" />\n    </span>\n  }\n  <div class=\"st-dialog-title__textes\">\n    @switch (niveau()) {\n      @case (3) {\n        <h3 class=\"st-dialog-title__texte\" [id]=\"identifiant\">\n          <ng-container *ngTemplateOutlet=\"texte\" />\n        </h3>\n      }\n      @case (4) {\n        <h4 class=\"st-dialog-title__texte\" [id]=\"identifiant\">\n          <ng-container *ngTemplateOutlet=\"texte\" />\n        </h4>\n      }\n      @default {\n        <h2 class=\"st-dialog-title__texte\" [id]=\"identifiant\">\n          <ng-container *ngTemplateOutlet=\"texte\" />\n        </h2>\n      }\n    }\n    @if (sousTitre(); as ligne) {\n      <span class=\"st-dialog-title__sous-titre\">{{ ligne }}</span>\n    }\n  </div>\n</div>\n\n<ng-content select=\"[fermeture]\" />\n@if (croix()) {\n  <button\n    stIconButton\n    stDialogClose\n    type=\"button\"\n    class=\"st-dialog-title__fermeture\"\n    icone=\"croix\"\n    tailleDuGlyphe=\"20\"\n    [etiquette]=\"libelles().fermerLeDialogue\"\n  ></button>\n}\n",
-		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;justify-content:space-between;gap:var(--st-espacement-3);padding:var(--st-espacement-6) var(--st-espacement-6) var(--st-espacement-2);font-family:var(--st-police-base);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte)}:host([data-forme=tuile]){align-items:center;gap:var(--st-espacement-4);padding-block-end:var(--st-espacement-4);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-dialog-title__debut{display:flex;flex:0 1 auto;align-items:flex-start;gap:var(--st-espacement-3);min-inline-size:0}:host([data-forme=tuile]) .st-dialog-title__debut{align-items:center}.st-dialog-title__icone{display:flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-espacement-6);block-size:var(--st-espacement-6);margin-block-start:calc(var(--st-espacement-1) / 2)}:host([data-forme=tuile]) .st-dialog-title__icone{inline-size:var(--st-hauteur-commande-md);block-size:var(--st-hauteur-commande-md);margin:0;color:var(--st-couleur-primaire);background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-md)}.st-dialog-title__textes{display:block;min-inline-size:0}:host([data-forme=ton]) .st-dialog-title__textes{display:flex;flex-direction:column}.st-dialog-title__texte{margin:0;font-family:var(--st-police-base);font-size:var(--st-taille-lg);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-lg);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte)}.st-dialog-title__sous-titre{display:inline;font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;text-transform:none;color:var(--st-couleur-texte-attenue)}:host([data-forme=ton]) .st-dialog-title__sous-titre{display:block;margin-block-start:calc(var(--st-espacement-1) / 2);line-height:var(--st-interligne-md);text-transform:uppercase}:host([data-ton=information]) .st-dialog-title__sous-titre{color:var(--st-couleur-information)}:host([data-ton=succes]) .st-dialog-title__sous-titre{color:var(--st-couleur-succes)}:host([data-ton=avertissement]) .st-dialog-title__sous-titre{color:var(--st-couleur-avertissement)}:host([data-ton=danger]) .st-dialog-title__sous-titre{color:var(--st-couleur-danger)}.st-dialog-title__fermeture{align-self:flex-start;margin-block-start:calc(-1 * var(--st-espacement-3));margin-inline-end:calc(-1 * var(--st-espacement-3))}:host([data-forme=tuile]) .st-dialog-title__fermeture{align-self:center;margin-block-start:0;margin-inline-end:calc(-1 * var(--st-espacement-2))}\n"],
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;justify-content:space-between;gap:var(--st-espacement-3);padding:var(--st-espacement-6) var(--st-espacement-6) var(--st-espacement-2);font-family:var(--st-police-base);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte)}:host([data-forme=tuile]){align-items:center;gap:var(--st-espacement-4);padding-block-end:var(--st-espacement-4);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-dialog-title__debut{display:flex;flex:0 1 auto;align-items:flex-start;gap:var(--st-espacement-3);min-inline-size:0}:host([data-forme=tuile]) .st-dialog-title__debut{align-items:center}.st-dialog-title__icone{display:flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-espacement-6);block-size:var(--st-espacement-6);margin-block-start:calc(var(--st-espacement-1) / 2)}:host([data-forme=tuile]) .st-dialog-title__icone{inline-size:var(--st-hauteur-commande-md);block-size:var(--st-hauteur-commande-md);margin:0;color:var(--st-couleur-primaire);background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-md)}.st-dialog-title__textes{display:block;min-inline-size:0}:host([data-forme=ton]) .st-dialog-title__textes{display:flex;flex-direction:column}.st-dialog-title__texte{margin:0;font-family:var(--st-police-base);font-family:var(--st-police-titre, var(--st-police-base));font-size:var(--st-taille-lg);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-lg);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte)}.st-dialog-title__sous-titre{display:inline;font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;text-transform:none;color:var(--st-couleur-texte-attenue)}:host([data-forme=ton]) .st-dialog-title__sous-titre{display:block;margin-block-start:calc(var(--st-espacement-1) / 2);line-height:var(--st-interligne-md);text-transform:uppercase}:host([data-ton=information]) .st-dialog-title__sous-titre{color:var(--st-couleur-information)}:host([data-ton=succes]) .st-dialog-title__sous-titre{color:var(--st-couleur-succes)}:host([data-ton=avertissement]) .st-dialog-title__sous-titre{color:var(--st-couleur-avertissement)}:host([data-ton=danger]) .st-dialog-title__sous-titre{color:var(--st-couleur-danger)}.st-dialog-title__fermeture{align-self:flex-start;margin-block-start:calc(-1 * var(--st-espacement-3));margin-inline-end:calc(-1 * var(--st-espacement-3))}:host([data-forme=tuile]) .st-dialog-title__fermeture{align-self:center;margin-block-start:0;margin-inline-end:calc(-1 * var(--st-espacement-2))}\n"],
 		dependencies: [
 			{
 				kind: "directive",
@@ -1983,7 +1983,7 @@ var StDialogTitle = class StDialogTitle {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StDialogTitle,
 	decorators: [{
@@ -2003,7 +2003,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.data-ton]": "forme() === \"ton\" ? ton() : null"
 			},
 			template: "<ng-template #texte><ng-content /></ng-template>\n\n<div class=\"st-dialog-title__debut\">\n  @if (iconeRendue(); as nom) {\n    <span class=\"st-dialog-title__icone\">\n      <st-icon [nom]=\"nom\" [taille]=\"forme() === 'ton' ? '22' : '20'\" [ton]=\"tonDeLIcone()\" />\n    </span>\n  }\n  <div class=\"st-dialog-title__textes\">\n    @switch (niveau()) {\n      @case (3) {\n        <h3 class=\"st-dialog-title__texte\" [id]=\"identifiant\">\n          <ng-container *ngTemplateOutlet=\"texte\" />\n        </h3>\n      }\n      @case (4) {\n        <h4 class=\"st-dialog-title__texte\" [id]=\"identifiant\">\n          <ng-container *ngTemplateOutlet=\"texte\" />\n        </h4>\n      }\n      @default {\n        <h2 class=\"st-dialog-title__texte\" [id]=\"identifiant\">\n          <ng-container *ngTemplateOutlet=\"texte\" />\n        </h2>\n      }\n    }\n    @if (sousTitre(); as ligne) {\n      <span class=\"st-dialog-title__sous-titre\">{{ ligne }}</span>\n    }\n  </div>\n</div>\n\n<ng-content select=\"[fermeture]\" />\n@if (croix()) {\n  <button\n    stIconButton\n    stDialogClose\n    type=\"button\"\n    class=\"st-dialog-title__fermeture\"\n    icone=\"croix\"\n    tailleDuGlyphe=\"20\"\n    [etiquette]=\"libelles().fermerLeDialogue\"\n  ></button>\n}\n",
-			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;justify-content:space-between;gap:var(--st-espacement-3);padding:var(--st-espacement-6) var(--st-espacement-6) var(--st-espacement-2);font-family:var(--st-police-base);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte)}:host([data-forme=tuile]){align-items:center;gap:var(--st-espacement-4);padding-block-end:var(--st-espacement-4);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-dialog-title__debut{display:flex;flex:0 1 auto;align-items:flex-start;gap:var(--st-espacement-3);min-inline-size:0}:host([data-forme=tuile]) .st-dialog-title__debut{align-items:center}.st-dialog-title__icone{display:flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-espacement-6);block-size:var(--st-espacement-6);margin-block-start:calc(var(--st-espacement-1) / 2)}:host([data-forme=tuile]) .st-dialog-title__icone{inline-size:var(--st-hauteur-commande-md);block-size:var(--st-hauteur-commande-md);margin:0;color:var(--st-couleur-primaire);background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-md)}.st-dialog-title__textes{display:block;min-inline-size:0}:host([data-forme=ton]) .st-dialog-title__textes{display:flex;flex-direction:column}.st-dialog-title__texte{margin:0;font-family:var(--st-police-base);font-size:var(--st-taille-lg);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-lg);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte)}.st-dialog-title__sous-titre{display:inline;font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;text-transform:none;color:var(--st-couleur-texte-attenue)}:host([data-forme=ton]) .st-dialog-title__sous-titre{display:block;margin-block-start:calc(var(--st-espacement-1) / 2);line-height:var(--st-interligne-md);text-transform:uppercase}:host([data-ton=information]) .st-dialog-title__sous-titre{color:var(--st-couleur-information)}:host([data-ton=succes]) .st-dialog-title__sous-titre{color:var(--st-couleur-succes)}:host([data-ton=avertissement]) .st-dialog-title__sous-titre{color:var(--st-couleur-avertissement)}:host([data-ton=danger]) .st-dialog-title__sous-titre{color:var(--st-couleur-danger)}.st-dialog-title__fermeture{align-self:flex-start;margin-block-start:calc(-1 * var(--st-espacement-3));margin-inline-end:calc(-1 * var(--st-espacement-3))}:host([data-forme=tuile]) .st-dialog-title__fermeture{align-self:center;margin-block-start:0;margin-inline-end:calc(-1 * var(--st-espacement-2))}\n"]
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;justify-content:space-between;gap:var(--st-espacement-3);padding:var(--st-espacement-6) var(--st-espacement-6) var(--st-espacement-2);font-family:var(--st-police-base);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte)}:host([data-forme=tuile]){align-items:center;gap:var(--st-espacement-4);padding-block-end:var(--st-espacement-4);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-dialog-title__debut{display:flex;flex:0 1 auto;align-items:flex-start;gap:var(--st-espacement-3);min-inline-size:0}:host([data-forme=tuile]) .st-dialog-title__debut{align-items:center}.st-dialog-title__icone{display:flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-espacement-6);block-size:var(--st-espacement-6);margin-block-start:calc(var(--st-espacement-1) / 2)}:host([data-forme=tuile]) .st-dialog-title__icone{inline-size:var(--st-hauteur-commande-md);block-size:var(--st-hauteur-commande-md);margin:0;color:var(--st-couleur-primaire);background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-md)}.st-dialog-title__textes{display:block;min-inline-size:0}:host([data-forme=ton]) .st-dialog-title__textes{display:flex;flex-direction:column}.st-dialog-title__texte{margin:0;font-family:var(--st-police-base);font-family:var(--st-police-titre, var(--st-police-base));font-size:var(--st-taille-lg);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-lg);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte)}.st-dialog-title__sous-titre{display:inline;font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;text-transform:none;color:var(--st-couleur-texte-attenue)}:host([data-forme=ton]) .st-dialog-title__sous-titre{display:block;margin-block-start:calc(var(--st-espacement-1) / 2);line-height:var(--st-interligne-md);text-transform:uppercase}:host([data-ton=information]) .st-dialog-title__sous-titre{color:var(--st-couleur-information)}:host([data-ton=succes]) .st-dialog-title__sous-titre{color:var(--st-couleur-succes)}:host([data-ton=avertissement]) .st-dialog-title__sous-titre{color:var(--st-couleur-avertissement)}:host([data-ton=danger]) .st-dialog-title__sous-titre{color:var(--st-couleur-danger)}.st-dialog-title__fermeture{align-self:flex-start;margin-block-start:calc(-1 * var(--st-espacement-3));margin-inline-end:calc(-1 * var(--st-espacement-3))}:host([data-forme=tuile]) .st-dialog-title__fermeture{align-self:center;margin-block-start:0;margin-inline-end:calc(-1 * var(--st-espacement-2))}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -2051,12 +2051,12 @@ i0.ɵɵngDeclareClassMetadata({
 });
 var StDialogContent = class StDialogContent {
 	libelles = inject(ST_LIBELLES);
-	rembourrage = input("md", ...ngDevMode ? [{ debugName: "rembourrage" }] : 	/* istanbul ignore next */ []);
-	defilante = signal(false, ...ngDevMode ? [{ debugName: "defilante" }] : 	/* istanbul ignore next */ []);
-	resteAuDessus = signal(false, ...ngDevMode ? [{ debugName: "resteAuDessus" }] : 	/* istanbul ignore next */ []);
-	resteAuDessous = signal(false, ...ngDevMode ? [{ debugName: "resteAuDessous" }] : 	/* istanbul ignore next */ []);
-	apresUnFilet = signal(false, ...ngDevMode ? [{ debugName: "apresUnFilet" }] : 	/* istanbul ignore next */ []);
-	corps = viewChild.required("corps", ...ngDevMode ? [{ debugName: "corps" }] : 	/* istanbul ignore next */ []);
+	rembourrage = input("md", ...ngDevMode ? [{ debugName: "rembourrage" }] : /* istanbul ignore next */ []);
+	defilante = signal(false, ...ngDevMode ? [{ debugName: "defilante" }] : /* istanbul ignore next */ []);
+	resteAuDessus = signal(false, ...ngDevMode ? [{ debugName: "resteAuDessus" }] : /* istanbul ignore next */ []);
+	resteAuDessous = signal(false, ...ngDevMode ? [{ debugName: "resteAuDessous" }] : /* istanbul ignore next */ []);
+	apresUnFilet = signal(false, ...ngDevMode ? [{ debugName: "apresUnFilet" }] : /* istanbul ignore next */ []);
+	corps = viewChild.required("corps", ...ngDevMode ? [{ debugName: "corps" }] : /* istanbul ignore next */ []);
 	constructor() {
 		const hote = inject(ElementRef).nativeElement;
 		const destruction = inject(DestroyRef);
@@ -2096,7 +2096,7 @@ var StDialogContent = class StDialogContent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StDialogContent,
 		deps: [],
@@ -2104,7 +2104,7 @@ var StDialogContent = class StDialogContent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StDialogContent,
 		isStandalone: true,
 		selector: "st-dialog-content",
@@ -2140,7 +2140,7 @@ var StDialogContent = class StDialogContent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StDialogContent,
 	decorators: [{
@@ -2178,7 +2178,7 @@ i0.ɵɵngDeclareClassMetadata({
 });
 const CONFIRMATIONS = /* @__PURE__ */ new Set(["primaire", "danger"]);
 var StDialogActions = class StDialogActions {
-	alignement = input("fin", ...ngDevMode ? [{ debugName: "alignement" }] : 	/* istanbul ignore next */ []);
+	alignement = input("fin", ...ngDevMode ? [{ debugName: "alignement" }] : /* istanbul ignore next */ []);
 	constructor() {
 		if (!isDevMode()) return;
 		const element = inject(ElementRef).nativeElement;
@@ -2191,7 +2191,7 @@ var StDialogActions = class StDialogActions {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StDialogActions,
 		deps: [],
@@ -2199,7 +2199,7 @@ var StDialogActions = class StDialogActions {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StDialogActions,
 		isStandalone: true,
 		selector: "st-dialog-actions",
@@ -2222,7 +2222,7 @@ var StDialogActions = class StDialogActions {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StDialogActions,
 	decorators: [{
@@ -2286,33 +2286,33 @@ var StConfirmDialog = class StConfirmDialog {
 	libelles = inject(ST_LIBELLES);
 	identifiants = inject(StIdentifiants);
 	demande = inject(DIALOG_DATA$1);
-	saisie = signal("", ...ngDevMode ? [{ debugName: "saisie" }] : 	/* istanbul ignore next */ []);
-	tentative = signal(false, ...ngDevMode ? [{ debugName: "tentative" }] : 	/* istanbul ignore next */ []);
+	saisie = signal("", ...ngDevMode ? [{ debugName: "saisie" }] : /* istanbul ignore next */ []);
+	tentative = signal(false, ...ngDevMode ? [{ debugName: "tentative" }] : /* istanbul ignore next */ []);
 	erreurAnnoncee = new AnnonceLocale(inject(DestroyRef));
 	identifiantDuMessage = this.demande.identifiantDuMessage ?? this.identifiants.prochain("st-confirmation-message");
 	identifiantDeSaisie = this.identifiants.prochain("st-confirmation-saisie");
 	identifiantDeLAide = this.identifiants.prochain("st-confirmation-aide");
 	identifiantDeLErreur = this.identifiants.prochain("st-confirmation-erreur");
-	ton = computed(() => this.demande.ton ?? "primaire", ...ngDevMode ? [{ debugName: "ton" }] : 	/* istanbul ignore next */ []);
-	tonDuTitre = computed(() => this.ton() === "danger" ? "danger" : "neutre", ...ngDevMode ? [{ debugName: "tonDuTitre" }] : 	/* istanbul ignore next */ []);
+	ton = computed(() => this.demande.ton ?? "primaire", ...ngDevMode ? [{ debugName: "ton" }] : /* istanbul ignore next */ []);
+	tonDuTitre = computed(() => this.ton() === "danger" ? "danger" : "neutre", ...ngDevMode ? [{ debugName: "tonDuTitre" }] : /* istanbul ignore next */ []);
 	icone = computed(() => {
 		const icone = this.demande.icone;
 		if (icone !== void 0) return icone;
 		return this.ton() === "danger" ? "triangle-alerte" : null;
-	}, ...ngDevMode ? [{ debugName: "icone" }] : 	/* istanbul ignore next */ []);
-	libelleConfirmation = computed(() => this.demande.libelleConfirmation ?? this.libelles().confirmer, ...ngDevMode ? [{ debugName: "libelleConfirmation" }] : 	/* istanbul ignore next */ []);
-	libelleAnnulation = computed(() => this.demande.libelleAnnulation ?? this.libelles().annuler, ...ngDevMode ? [{ debugName: "libelleAnnulation" }] : 	/* istanbul ignore next */ []);
-	libelleRecopie = computed(() => this.libelles().recopierPourConfirmer(this.demande.saisieDeConfirmation ?? ""), ...ngDevMode ? [{ debugName: "libelleRecopie" }] : 	/* istanbul ignore next */ []);
-	morceauxDuMessage = computed(() => couperAutour(this.demande.message, this.demande.saisieDeConfirmation ?? "", true), ...ngDevMode ? [{ debugName: "morceauxDuMessage" }] : 	/* istanbul ignore next */ []);
-	morceauxDeLEtiquette = computed(() => couperAutour(this.libelleRecopie(), this.demande.saisieDeConfirmation ?? "", false), ...ngDevMode ? [{ debugName: "morceauxDeLEtiquette" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []);
+	libelleConfirmation = computed(() => this.demande.libelleConfirmation ?? this.libelles().confirmer, ...ngDevMode ? [{ debugName: "libelleConfirmation" }] : /* istanbul ignore next */ []);
+	libelleAnnulation = computed(() => this.demande.libelleAnnulation ?? this.libelles().annuler, ...ngDevMode ? [{ debugName: "libelleAnnulation" }] : /* istanbul ignore next */ []);
+	libelleRecopie = computed(() => this.libelles().recopierPourConfirmer(this.demande.saisieDeConfirmation ?? ""), ...ngDevMode ? [{ debugName: "libelleRecopie" }] : /* istanbul ignore next */ []);
+	morceauxDuMessage = computed(() => couperAutour(this.demande.message, this.demande.saisieDeConfirmation ?? "", true), ...ngDevMode ? [{ debugName: "morceauxDuMessage" }] : /* istanbul ignore next */ []);
+	morceauxDeLEtiquette = computed(() => couperAutour(this.libelleRecopie(), this.demande.saisieDeConfirmation ?? "", false), ...ngDevMode ? [{ debugName: "morceauxDeLEtiquette" }] : /* istanbul ignore next */ []);
 	confirmationPossible = computed(() => {
 		const attendu = this.demande.saisieDeConfirmation;
 		if (attendu === void 0) return true;
 		return normaliser(this.saisie()) === normaliser(attendu);
-	}, ...ngDevMode ? [{ debugName: "confirmationPossible" }] : 	/* istanbul ignore next */ []);
-	correspond = computed(() => this.demande.saisieDeConfirmation !== void 0 && this.confirmationPossible(), ...ngDevMode ? [{ debugName: "correspond" }] : 	/* istanbul ignore next */ []);
-	invalide = computed(() => this.tentative() && !this.confirmationPossible(), ...ngDevMode ? [{ debugName: "invalide" }] : 	/* istanbul ignore next */ []);
-	descriptionDuChamp = computed(() => this.invalide() ? `${this.identifiantDeLErreur} ${this.identifiantDeLAide}` : this.identifiantDeLAide, ...ngDevMode ? [{ debugName: "descriptionDuChamp" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "confirmationPossible" }] : /* istanbul ignore next */ []);
+	correspond = computed(() => this.demande.saisieDeConfirmation !== void 0 && this.confirmationPossible(), ...ngDevMode ? [{ debugName: "correspond" }] : /* istanbul ignore next */ []);
+	invalide = computed(() => this.tentative() && !this.confirmationPossible(), ...ngDevMode ? [{ debugName: "invalide" }] : /* istanbul ignore next */ []);
+	descriptionDuChamp = computed(() => this.invalide() ? `${this.identifiantDeLErreur} ${this.identifiantDeLAide}` : this.identifiantDeLAide, ...ngDevMode ? [{ debugName: "descriptionDuChamp" }] : /* istanbul ignore next */ []);
 	auChangement(evenement) {
 		this.saisie.set(evenement.target.value);
 	}
@@ -2336,7 +2336,7 @@ var StConfirmDialog = class StConfirmDialog {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StConfirmDialog,
 		deps: [],
@@ -2344,7 +2344,7 @@ var StConfirmDialog = class StConfirmDialog {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StConfirmDialog,
 		isStandalone: true,
 		selector: "st-confirm-dialog",
@@ -2353,8 +2353,8 @@ var StConfirmDialog = class StConfirmDialog {
 			classAttribute: "st-confirm-dialog"
 		},
 		ngImport: i0,
-		template: "<st-dialog-title [ton]=\"tonDuTitre()\" [icone]=\"icone()\" [sousTitre]=\"demande.sousTitre ?? null\">{{\n  demande.titre\n}}</st-dialog-title>\n\n<st-dialog-content>\n  <p class=\"st-confirm-dialog__message\" [id]=\"identifiantDuMessage\">\n    @for (morceau of morceauxDuMessage(); track $index) {\n      @if (morceau.valeur) {\n        <strong class=\"st-confirm-dialog__valeur\" dir=\"auto\">{{ uneLigne(morceau.texte) }}</strong>\n      } @else {\n        <ng-container>{{ morceau.texte }}</ng-container>\n      }\n    }\n  </p>\n\n  @if (demande.saisieDeConfirmation !== undefined) {\n    <div class=\"st-confirm-dialog__garde\">\n      <label class=\"st-confirm-dialog__etiquette\" [attr.for]=\"identifiantDeSaisie\">\n        @for (morceau of morceauxDeLEtiquette(); track $index) {\n          @if (morceau.valeur) {\n            <span class=\"st-confirm-dialog__a-recopier\" dir=\"auto\">{{\n              uneLigne(morceau.texte)\n            }}</span>\n          } @else {\n            <ng-container>{{ morceau.texte }}</ng-container>\n          }\n        }\n      </label>\n      <div class=\"st-confirm-dialog__saisie\">\n        <input\n          [id]=\"identifiantDeSaisie\"\n          class=\"st-confirm-dialog__champ\"\n          type=\"text\"\n          autocomplete=\"off\"\n          spellcheck=\"false\"\n          autocapitalize=\"off\"\n          inputmode=\"text\"\n          [attr.aria-describedby]=\"descriptionDuChamp()\"\n          [attr.aria-invalid]=\"invalide() ? 'true' : null\"\n          [value]=\"saisie()\"\n          (input)=\"auChangement($event)\"\n          (keydown.enter)=\"valider($event)\"\n        />\n        @if (correspond()) {\n          <st-icon class=\"st-confirm-dialog__coche\" nom=\"badge-coche\" taille=\"18\" ton=\"succes\" />\n        }\n      </div>\n      @if (invalide()) {\n        <st-inline-message ton=\"danger\" [identifiant]=\"identifiantDeLErreur\">{{\n          libelles().saisieNeCorrespondPas\n        }}</st-inline-message>\n      }\n      <span class=\"st-confirm-dialog__aide\" [id]=\"identifiantDeLAide\">{{\n        libelles().recopieTolerante\n      }}</span>\n      <!-- Le message d'erreur ci-dessus n'a ni role ni region vivante (st-inline-message sans\n           `annonce`) et le focus reste dans le champ deja focalise : sans cette region, NVDA et\n           JAWS ne relisent rien apres une recopie fausse. -->\n      <span class=\"st-vh\" role=\"alert\" aria-atomic=\"true\">{{ erreurAnnoncee.texte() }}</span>\n    </div>\n  }\n</st-dialog-content>\n\n<st-dialog-actions>\n  <button stButton variante=\"secondaire\" type=\"button\" (click)=\"annuler()\">\n    {{ libelleAnnulation() }}\n  </button>\n  <button\n    stButton\n    type=\"button\"\n    [variante]=\"ton() === 'danger' ? 'danger' : 'primaire'\"\n    [iconeAvant]=\"demande.iconeConfirmation ?? null\"\n    [indisponible]=\"!confirmationPossible()\"\n    [raisonIndisponible]=\"demande.saisieDeConfirmation === undefined ? null : libelleRecopie()\"\n    (click)=\"confirmer()\"\n  >\n    {{ libelleConfirmation() }}\n  </button>\n</st-dialog-actions>\n",
-		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-confirm-dialog__message{margin:0;font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte-discret)}.st-confirm-dialog__valeur{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte)}.st-confirm-dialog__garde{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);margin-block-start:var(--st-espacement-4);padding:var(--st-espacement-3);background:var(--st-couleur-surface-conteneur-bas);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}.st-confirm-dialog__etiquette{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte)}.st-confirm-dialog__a-recopier{font-family:var(--st-police-mono);font-weight:var(--st-graisse-grasse);color:var(--st-couleur-texte-primaire)}:host([data-ton=danger]) .st-confirm-dialog__a-recopier{color:var(--st-couleur-danger)}.st-confirm-dialog__saisie{position:relative;display:flex;align-items:center}.st-confirm-dialog__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-confirm-dialog__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-confirm-dialog__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-confirm-dialog__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-confirm-dialog__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-confirm-dialog__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-confirm-dialog__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-confirm-dialog__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-confirm-dialog__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-confirm-dialog__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-confirm-dialog__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-confirm-dialog__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-confirm-dialog__champ:is(input,textarea):read-only:not(:disabled),.st-confirm-dialog__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-confirm-dialog__champ{padding-inline-end:var(--st-espacement-10)}.st-confirm-dialog__coche{position:absolute;inset-inline-end:var(--st-espacement-3);pointer-events:none}.st-confirm-dialog__aide{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-attenue)}\n"],
+		template: "<st-dialog-title [ton]=\"tonDuTitre()\" [icone]=\"icone()\" [sousTitre]=\"demande.sousTitre ?? null\">{{\n  demande.titre\n}}</st-dialog-title>\n\n<st-dialog-content>\n  <p class=\"st-confirm-dialog__message\" [id]=\"identifiantDuMessage\">\n    @for (morceau of morceauxDuMessage(); track $index) {\n      @if (morceau.valeur) {\n        <strong class=\"st-confirm-dialog__valeur\" dir=\"auto\">{{ uneLigne(morceau.texte) }}</strong>\n      } @else {\n        <ng-container>{{ morceau.texte }}</ng-container>\n      }\n    }\n  </p>\n\n  @if (demande.saisieDeConfirmation !== undefined) {\n    <div class=\"st-confirm-dialog__garde\">\n      <label class=\"st-confirm-dialog__etiquette\" [attr.for]=\"identifiantDeSaisie\">\n        @for (morceau of morceauxDeLEtiquette(); track $index) {\n          @if (morceau.valeur) {\n            <span class=\"st-confirm-dialog__a-recopier\" dir=\"auto\">{{\n              uneLigne(morceau.texte)\n            }}</span>\n          } @else {\n            <ng-container>{{ morceau.texte }}</ng-container>\n          }\n        }\n      </label>\n      <div class=\"st-confirm-dialog__saisie\">\n        <input\n          [id]=\"identifiantDeSaisie\"\n          class=\"st-confirm-dialog__champ\"\n          type=\"text\"\n          autocomplete=\"off\"\n          spellcheck=\"false\"\n          autocapitalize=\"off\"\n          inputmode=\"text\"\n          [attr.aria-describedby]=\"descriptionDuChamp()\"\n          [attr.aria-invalid]=\"invalide() ? 'true' : null\"\n          [value]=\"saisie()\"\n          (input)=\"auChangement($event)\"\n          (keydown.enter)=\"valider($event)\"\n        />\n        @if (correspond()) {\n          <st-icon class=\"st-confirm-dialog__coche\" nom=\"badge-coche\" taille=\"18\" ton=\"succes\" />\n        }\n      </div>\n      @if (invalide()) {\n        <st-inline-message ton=\"erreur\" [identifiant]=\"identifiantDeLErreur\">{{\n          libelles().saisieNeCorrespondPas\n        }}</st-inline-message>\n      }\n      <span class=\"st-confirm-dialog__aide\" [id]=\"identifiantDeLAide\">{{\n        libelles().recopieTolerante\n      }}</span>\n      <!-- Le message d'erreur ci-dessus n'a ni role ni region vivante (st-inline-message sans\n           `annonce`) et le focus reste dans le champ deja focalise : sans cette region, NVDA et\n           JAWS ne relisent rien apres une recopie fausse. -->\n      <span class=\"st-vh\" role=\"alert\" aria-atomic=\"true\">{{ erreurAnnoncee.texte() }}</span>\n    </div>\n  }\n</st-dialog-content>\n\n<st-dialog-actions>\n  <button stButton variante=\"secondaire\" type=\"button\" (click)=\"annuler()\">\n    {{ libelleAnnulation() }}\n  </button>\n  <button\n    stButton\n    type=\"button\"\n    [variante]=\"ton() === 'danger' ? 'danger' : 'primaire'\"\n    [iconeAvant]=\"demande.iconeConfirmation ?? null\"\n    [indisponible]=\"!confirmationPossible()\"\n    [raisonIndisponible]=\"demande.saisieDeConfirmation === undefined ? null : libelleRecopie()\"\n    (click)=\"confirmer()\"\n  >\n    {{ libelleConfirmation() }}\n  </button>\n</st-dialog-actions>\n",
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-confirm-dialog__message{margin:0;font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte-discret)}.st-confirm-dialog__valeur{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte)}.st-confirm-dialog__garde{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);margin-block-start:var(--st-espacement-4);padding:var(--st-espacement-3);background:var(--st-couleur-surface-conteneur-bas);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}.st-confirm-dialog__etiquette{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte)}.st-confirm-dialog__a-recopier{font-family:var(--st-police-mono);font-weight:var(--st-graisse-grasse);color:var(--st-couleur-texte-primaire)}:host([data-ton=danger]) .st-confirm-dialog__a-recopier{color:var(--st-couleur-danger)}.st-confirm-dialog__saisie{position:relative;display:flex;align-items:center}.st-confirm-dialog__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-confirm-dialog__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-confirm-dialog__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-confirm-dialog__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-confirm-dialog__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-confirm-dialog__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-confirm-dialog__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-confirm-dialog__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-confirm-dialog__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-confirm-dialog__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-confirm-dialog__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-confirm-dialog__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-confirm-dialog__champ:is(input,textarea):read-only:not(:disabled),.st-confirm-dialog__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-confirm-dialog__champ{padding-inline-end:var(--st-espacement-10)}.st-confirm-dialog__coche{position:absolute;inset-inline-end:var(--st-espacement-3);pointer-events:none}.st-confirm-dialog__aide{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-attenue)}\n"],
 		dependencies: [
 			{
 				kind: "component",
@@ -2429,7 +2429,7 @@ var StConfirmDialog = class StConfirmDialog {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StConfirmDialog,
 	decorators: [{
@@ -2449,8 +2449,8 @@ i0.ɵɵngDeclareClassMetadata({
 				class: "st-confirm-dialog",
 				"[attr.data-ton]": "ton()"
 			},
-			template: "<st-dialog-title [ton]=\"tonDuTitre()\" [icone]=\"icone()\" [sousTitre]=\"demande.sousTitre ?? null\">{{\n  demande.titre\n}}</st-dialog-title>\n\n<st-dialog-content>\n  <p class=\"st-confirm-dialog__message\" [id]=\"identifiantDuMessage\">\n    @for (morceau of morceauxDuMessage(); track $index) {\n      @if (morceau.valeur) {\n        <strong class=\"st-confirm-dialog__valeur\" dir=\"auto\">{{ uneLigne(morceau.texte) }}</strong>\n      } @else {\n        <ng-container>{{ morceau.texte }}</ng-container>\n      }\n    }\n  </p>\n\n  @if (demande.saisieDeConfirmation !== undefined) {\n    <div class=\"st-confirm-dialog__garde\">\n      <label class=\"st-confirm-dialog__etiquette\" [attr.for]=\"identifiantDeSaisie\">\n        @for (morceau of morceauxDeLEtiquette(); track $index) {\n          @if (morceau.valeur) {\n            <span class=\"st-confirm-dialog__a-recopier\" dir=\"auto\">{{\n              uneLigne(morceau.texte)\n            }}</span>\n          } @else {\n            <ng-container>{{ morceau.texte }}</ng-container>\n          }\n        }\n      </label>\n      <div class=\"st-confirm-dialog__saisie\">\n        <input\n          [id]=\"identifiantDeSaisie\"\n          class=\"st-confirm-dialog__champ\"\n          type=\"text\"\n          autocomplete=\"off\"\n          spellcheck=\"false\"\n          autocapitalize=\"off\"\n          inputmode=\"text\"\n          [attr.aria-describedby]=\"descriptionDuChamp()\"\n          [attr.aria-invalid]=\"invalide() ? 'true' : null\"\n          [value]=\"saisie()\"\n          (input)=\"auChangement($event)\"\n          (keydown.enter)=\"valider($event)\"\n        />\n        @if (correspond()) {\n          <st-icon class=\"st-confirm-dialog__coche\" nom=\"badge-coche\" taille=\"18\" ton=\"succes\" />\n        }\n      </div>\n      @if (invalide()) {\n        <st-inline-message ton=\"danger\" [identifiant]=\"identifiantDeLErreur\">{{\n          libelles().saisieNeCorrespondPas\n        }}</st-inline-message>\n      }\n      <span class=\"st-confirm-dialog__aide\" [id]=\"identifiantDeLAide\">{{\n        libelles().recopieTolerante\n      }}</span>\n      <!-- Le message d'erreur ci-dessus n'a ni role ni region vivante (st-inline-message sans\n           `annonce`) et le focus reste dans le champ deja focalise : sans cette region, NVDA et\n           JAWS ne relisent rien apres une recopie fausse. -->\n      <span class=\"st-vh\" role=\"alert\" aria-atomic=\"true\">{{ erreurAnnoncee.texte() }}</span>\n    </div>\n  }\n</st-dialog-content>\n\n<st-dialog-actions>\n  <button stButton variante=\"secondaire\" type=\"button\" (click)=\"annuler()\">\n    {{ libelleAnnulation() }}\n  </button>\n  <button\n    stButton\n    type=\"button\"\n    [variante]=\"ton() === 'danger' ? 'danger' : 'primaire'\"\n    [iconeAvant]=\"demande.iconeConfirmation ?? null\"\n    [indisponible]=\"!confirmationPossible()\"\n    [raisonIndisponible]=\"demande.saisieDeConfirmation === undefined ? null : libelleRecopie()\"\n    (click)=\"confirmer()\"\n  >\n    {{ libelleConfirmation() }}\n  </button>\n</st-dialog-actions>\n",
-			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-confirm-dialog__message{margin:0;font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte-discret)}.st-confirm-dialog__valeur{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte)}.st-confirm-dialog__garde{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);margin-block-start:var(--st-espacement-4);padding:var(--st-espacement-3);background:var(--st-couleur-surface-conteneur-bas);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}.st-confirm-dialog__etiquette{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte)}.st-confirm-dialog__a-recopier{font-family:var(--st-police-mono);font-weight:var(--st-graisse-grasse);color:var(--st-couleur-texte-primaire)}:host([data-ton=danger]) .st-confirm-dialog__a-recopier{color:var(--st-couleur-danger)}.st-confirm-dialog__saisie{position:relative;display:flex;align-items:center}.st-confirm-dialog__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-confirm-dialog__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-confirm-dialog__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-confirm-dialog__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-confirm-dialog__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-confirm-dialog__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-confirm-dialog__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-confirm-dialog__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-confirm-dialog__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-confirm-dialog__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-confirm-dialog__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-confirm-dialog__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-confirm-dialog__champ:is(input,textarea):read-only:not(:disabled),.st-confirm-dialog__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-confirm-dialog__champ{padding-inline-end:var(--st-espacement-10)}.st-confirm-dialog__coche{position:absolute;inset-inline-end:var(--st-espacement-3);pointer-events:none}.st-confirm-dialog__aide{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-attenue)}\n"]
+			template: "<st-dialog-title [ton]=\"tonDuTitre()\" [icone]=\"icone()\" [sousTitre]=\"demande.sousTitre ?? null\">{{\n  demande.titre\n}}</st-dialog-title>\n\n<st-dialog-content>\n  <p class=\"st-confirm-dialog__message\" [id]=\"identifiantDuMessage\">\n    @for (morceau of morceauxDuMessage(); track $index) {\n      @if (morceau.valeur) {\n        <strong class=\"st-confirm-dialog__valeur\" dir=\"auto\">{{ uneLigne(morceau.texte) }}</strong>\n      } @else {\n        <ng-container>{{ morceau.texte }}</ng-container>\n      }\n    }\n  </p>\n\n  @if (demande.saisieDeConfirmation !== undefined) {\n    <div class=\"st-confirm-dialog__garde\">\n      <label class=\"st-confirm-dialog__etiquette\" [attr.for]=\"identifiantDeSaisie\">\n        @for (morceau of morceauxDeLEtiquette(); track $index) {\n          @if (morceau.valeur) {\n            <span class=\"st-confirm-dialog__a-recopier\" dir=\"auto\">{{\n              uneLigne(morceau.texte)\n            }}</span>\n          } @else {\n            <ng-container>{{ morceau.texte }}</ng-container>\n          }\n        }\n      </label>\n      <div class=\"st-confirm-dialog__saisie\">\n        <input\n          [id]=\"identifiantDeSaisie\"\n          class=\"st-confirm-dialog__champ\"\n          type=\"text\"\n          autocomplete=\"off\"\n          spellcheck=\"false\"\n          autocapitalize=\"off\"\n          inputmode=\"text\"\n          [attr.aria-describedby]=\"descriptionDuChamp()\"\n          [attr.aria-invalid]=\"invalide() ? 'true' : null\"\n          [value]=\"saisie()\"\n          (input)=\"auChangement($event)\"\n          (keydown.enter)=\"valider($event)\"\n        />\n        @if (correspond()) {\n          <st-icon class=\"st-confirm-dialog__coche\" nom=\"badge-coche\" taille=\"18\" ton=\"succes\" />\n        }\n      </div>\n      @if (invalide()) {\n        <st-inline-message ton=\"erreur\" [identifiant]=\"identifiantDeLErreur\">{{\n          libelles().saisieNeCorrespondPas\n        }}</st-inline-message>\n      }\n      <span class=\"st-confirm-dialog__aide\" [id]=\"identifiantDeLAide\">{{\n        libelles().recopieTolerante\n      }}</span>\n      <!-- Le message d'erreur ci-dessus n'a ni role ni region vivante (st-inline-message sans\n           `annonce`) et le focus reste dans le champ deja focalise : sans cette region, NVDA et\n           JAWS ne relisent rien apres une recopie fausse. -->\n      <span class=\"st-vh\" role=\"alert\" aria-atomic=\"true\">{{ erreurAnnoncee.texte() }}</span>\n    </div>\n  }\n</st-dialog-content>\n\n<st-dialog-actions>\n  <button stButton variante=\"secondaire\" type=\"button\" (click)=\"annuler()\">\n    {{ libelleAnnulation() }}\n  </button>\n  <button\n    stButton\n    type=\"button\"\n    [variante]=\"ton() === 'danger' ? 'danger' : 'primaire'\"\n    [iconeAvant]=\"demande.iconeConfirmation ?? null\"\n    [indisponible]=\"!confirmationPossible()\"\n    [raisonIndisponible]=\"demande.saisieDeConfirmation === undefined ? null : libelleRecopie()\"\n    (click)=\"confirmer()\"\n  >\n    {{ libelleConfirmation() }}\n  </button>\n</st-dialog-actions>\n",
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-confirm-dialog__message{margin:0;font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte-discret)}.st-confirm-dialog__valeur{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte)}.st-confirm-dialog__garde{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);margin-block-start:var(--st-espacement-4);padding:var(--st-espacement-3);background:var(--st-couleur-surface-conteneur-bas);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}.st-confirm-dialog__etiquette{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte)}.st-confirm-dialog__a-recopier{font-family:var(--st-police-mono);font-weight:var(--st-graisse-grasse);color:var(--st-couleur-texte-primaire)}:host([data-ton=danger]) .st-confirm-dialog__a-recopier{color:var(--st-couleur-danger)}.st-confirm-dialog__saisie{position:relative;display:flex;align-items:center}.st-confirm-dialog__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-confirm-dialog__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-confirm-dialog__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-confirm-dialog__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-confirm-dialog__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-confirm-dialog__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-confirm-dialog__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-confirm-dialog__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-confirm-dialog__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-confirm-dialog__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-confirm-dialog__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-confirm-dialog__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-confirm-dialog__champ:is(input,textarea):read-only:not(:disabled),.st-confirm-dialog__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-confirm-dialog__champ{padding-inline-end:var(--st-espacement-10)}.st-confirm-dialog__coche{position:absolute;inset-inline-end:var(--st-espacement-3);pointer-events:none}.st-confirm-dialog__aide{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-attenue)}\n"]
 		}]
 	}]
 });
@@ -2599,7 +2599,7 @@ var StDialog = class StDialog {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StDialog,
 		deps: [],
@@ -2607,7 +2607,7 @@ var StDialog = class StDialog {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StDialog,
 		providedIn: "root"
@@ -2615,7 +2615,7 @@ var StDialog = class StDialog {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StDialog,
 	decorators: [{
@@ -2626,17 +2626,17 @@ i0.ɵɵngDeclareClassMetadata({
 });
 var StToastMessage = class StToastMessage {
 	libelles = inject(ST_LIBELLES);
-	ton = input("neutre", ...ngDevMode ? [{ debugName: "ton" }] : 	/* istanbul ignore next */ []);
-	titre = input(null, ...ngDevMode ? [{ debugName: "titre" }] : 	/* istanbul ignore next */ []);
-	message = input.required(...ngDevMode ? [{ debugName: "message" }] : 	/* istanbul ignore next */ []);
-	libelleDAction = input(null, ...ngDevMode ? [{ debugName: "libelleDAction" }] : 	/* istanbul ignore next */ []);
-	fermeture = input("croix", ...ngDevMode ? [{ debugName: "fermeture" }] : 	/* istanbul ignore next */ []);
+	ton = input("neutre", ...ngDevMode ? [{ debugName: "ton" }] : /* istanbul ignore next */ []);
+	titre = input(null, ...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
+	message = input.required(...ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []);
+	libelleDAction = input(null, ...ngDevMode ? [{ debugName: "libelleDAction" }] : /* istanbul ignore next */ []);
+	fermeture = input("croix", ...ngDevMode ? [{ debugName: "fermeture" }] : /* istanbul ignore next */ []);
 	action = output();
 	retrait = output();
 	tonRendu = computed(() => {
 		const ton = this.ton();
 		return ton === "primaire" ? "information" : ton;
-	}, ...ngDevMode ? [{ debugName: "tonRendu" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "tonRendu" }] : /* istanbul ignore next */ []);
 	icone = computed(() => {
 		const ton = this.tonRendu();
 		const nom = ICONES_DE_TON[ton];
@@ -2644,12 +2644,12 @@ var StToastMessage = class StToastMessage {
 			nom,
 			variante: "plein"
 		};
-	}, ...ngDevMode ? [{ debugName: "icone" }] : 	/* istanbul ignore next */ []);
-	libelleFermeture = computed(() => this.libelles().fermerLeMessage, ...ngDevMode ? [{ debugName: "libelleFermeture" }] : 	/* istanbul ignore next */ []);
-	libelleIgnorer = computed(() => this.libelles().ignorerLeMessage, ...ngDevMode ? [{ debugName: "libelleIgnorer" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []);
+	libelleFermeture = computed(() => this.libelles().fermerLeMessage, ...ngDevMode ? [{ debugName: "libelleFermeture" }] : /* istanbul ignore next */ []);
+	libelleIgnorer = computed(() => this.libelles().ignorerLeMessage, ...ngDevMode ? [{ debugName: "libelleIgnorer" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StToastMessage,
 		deps: [],
@@ -2657,7 +2657,7 @@ var StToastMessage = class StToastMessage {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StToastMessage,
 		isStandalone: true,
 		selector: "st-toast-message",
@@ -2708,7 +2708,7 @@ var StToastMessage = class StToastMessage {
 		},
 		ngImport: i0,
 		template: "<!-- Barre de ton : un second moyen, avec l'icone, de lire le ton d'un coup d'oeil. Le ton se dit\n     aussi en mots, dans l'annonce de la pile. -->\n<span class=\"st-toast__barre\" aria-hidden=\"true\"></span>\n\n<div class=\"st-toast__corps\">\n  <st-icon class=\"st-toast__icone\" [icone]=\"icone()\" taille=\"20\" />\n  <div class=\"st-toast__texte\">\n    @if (titre(); as titre) {\n      <span class=\"st-toast__titre\">{{ titre }}</span>\n    }\n    <p class=\"st-toast__message\">{{ message() }}</p>\n  </div>\n</div>\n\n<div class=\"st-toast__actions\">\n  @if (libelleDAction(); as libelle) {\n    <button class=\"st-toast__action\" type=\"button\" (click)=\"action.emit()\">{{ libelle }}</button>\n  }\n  @if (fermeture() === 'ignorer') {\n    <button class=\"st-toast__action st-toast__ignorer\" type=\"button\" (click)=\"retrait.emit()\">\n      {{ libelleIgnorer() }}\n    </button>\n  } @else {\n    <button\n      class=\"st-toast__fermer\"\n      type=\"button\"\n      [attr.aria-label]=\"libelleFermeture()\"\n      (click)=\"retrait.emit()\"\n    >\n      <st-icon nom=\"croix\" taille=\"16\" />\n    </button>\n  }\n</div>\n",
-		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{--st-toast-ton: var(--st-couleur-texte-discret);position:relative;display:flex;gap:var(--st-espacement-2);align-items:flex-start;justify-content:space-between;box-sizing:border-box;inline-size:100%;max-inline-size:var(--st-largeur-couche);padding:var(--st-espacement-4);overflow:hidden;color:var(--st-couleur-texte);pointer-events:auto;background:var(--st-couleur-surface-elevee);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-surface-rayon, var(--st-rayon-md));box-shadow:var(--st-ombre-surelevee)}:host([data-ton=information]){--st-toast-ton: var(--st-couleur-information)}:host([data-ton=succes]){--st-toast-ton: var(--st-couleur-succes)}:host([data-ton=avertissement]){--st-toast-ton: var(--st-couleur-avertissement)}:host([data-ton=danger]){--st-toast-ton: var(--st-couleur-danger)}.st-toast__barre{position:absolute;inset-block:0;inset-inline-start:0;inline-size:var(--st-epaisseur-forte);background:var(--st-toast-ton)}.st-toast__corps{display:flex;flex:0 1 auto;gap:var(--st-espacement-1);align-items:flex-start;min-inline-size:0;padding-inline-start:var(--st-espacement-1)}.st-toast__icone{flex:none;margin-block-start:calc(var(--st-espacement-1) / 2);color:var(--st-toast-ton)}.st-toast__texte{display:flex;flex-direction:column;min-inline-size:0}.st-toast__titre{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-etiquette);font-weight:var(--st-graisse-grasse);color:var(--st-couleur-texte)}.st-toast__message{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);margin:0;color:var(--st-couleur-texte-discret)}.st-toast__actions{display:flex;flex-shrink:0;gap:var(--st-espacement-1);align-items:center}.st-toast__action,.st-toast__fermer{position:relative;padding:0;margin:0;font:inherit;cursor:pointer;background:none;border:0}.st-toast__action:focus-visible,.st-toast__fermer:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-toast__action:after,.st-toast__fermer:after{position:absolute;top:50%;left:50%;min-inline-size:var(--st-hauteur-commande-sm);min-block-size:var(--st-hauteur-commande-sm);content:\"\";translate:-50% -50%}@media(pointer:coarse){.st-toast__action{--st-toast-cible: var(--st-cible-tactile-min)}.st-toast__action:after,.st-toast__fermer:after{min-inline-size:var(--st-cible-tactile-min);min-block-size:var(--st-cible-tactile-min)}}.st-toast__action{--st-toast-cible: var(--st-hauteur-commande-sm);display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--st-toast-cible);margin-block:calc((var(--st-interligne-xs) + var(--st-espacement-1) - var(--st-toast-cible)) / 2);padding:calc(var(--st-espacement-1) / 2) var(--st-espacement-1);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-primaire);letter-spacing:var(--st-interlettrage-capitales)}.st-toast__action:after{inline-size:100%}.st-toast__ignorer{color:var(--st-couleur-texte-attenue)}.st-toast__fermer{display:flex;align-items:center;justify-content:center;inline-size:var(--st-espacement-6);block-size:var(--st-espacement-6);color:var(--st-couleur-texte-attenue)}@media(hover:hover){.st-toast__action:hover{text-decoration-line:underline}.st-toast__ignorer:hover,.st-toast__fermer:hover{color:var(--st-couleur-texte);text-decoration-line:none}}@media(forced-colors:active){:host{border-color:CanvasText}.st-toast__barre{forced-color-adjust:none;background:CanvasText}}\n"],
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{--st-toast-ton: var(--st-couleur-texte-discret);position:relative;display:flex;gap:var(--st-espacement-2);align-items:flex-start;justify-content:space-between;box-sizing:border-box;inline-size:100%;max-inline-size:var(--st-largeur-couche);padding:var(--st-espacement-4);overflow:hidden;color:var(--st-couleur-texte);pointer-events:auto;background:var(--st-couleur-surface-elevee);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-surface-rayon, var(--st-rayon-md));box-shadow:var(--st-ombre-surelevee)}:host([data-ton=information]){--st-toast-ton: var(--st-couleur-information)}:host([data-ton=succes]){--st-toast-ton: var(--st-couleur-succes)}:host([data-ton=avertissement]){--st-toast-ton: var(--st-couleur-avertissement)}:host([data-ton=erreur]){--st-toast-ton: var(--st-couleur-erreur)}:host([data-ton=danger]){--st-toast-ton: var(--st-couleur-danger)}.st-toast__barre{position:absolute;inset-block:0;inset-inline-start:0;inline-size:var(--st-epaisseur-forte);background:var(--st-toast-ton)}.st-toast__corps{display:flex;flex:0 1 auto;gap:var(--st-espacement-1);align-items:flex-start;min-inline-size:0;padding-inline-start:var(--st-espacement-1)}.st-toast__icone{flex:none;margin-block-start:calc(var(--st-espacement-1) / 2);color:var(--st-toast-ton)}.st-toast__texte{display:flex;flex-direction:column;min-inline-size:0}.st-toast__titre{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-etiquette);font-weight:var(--st-graisse-grasse);color:var(--st-couleur-texte)}.st-toast__message{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);margin:0;color:var(--st-couleur-texte-discret)}.st-toast__actions{display:flex;flex-shrink:0;gap:var(--st-espacement-1);align-items:center}.st-toast__action,.st-toast__fermer{position:relative;padding:0;margin:0;font:inherit;cursor:pointer;background:none;border:0}.st-toast__action:focus-visible,.st-toast__fermer:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-toast__action:after,.st-toast__fermer:after{position:absolute;top:50%;left:50%;min-inline-size:var(--st-hauteur-commande-sm);min-block-size:var(--st-hauteur-commande-sm);content:\"\";translate:-50% -50%}@media(pointer:coarse){.st-toast__action{--st-toast-cible: var(--st-cible-tactile-min)}.st-toast__action:after,.st-toast__fermer:after{min-inline-size:var(--st-cible-tactile-min);min-block-size:var(--st-cible-tactile-min)}}.st-toast__action{--st-toast-cible: var(--st-hauteur-commande-sm);display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--st-toast-cible);margin-block:calc((var(--st-interligne-xs) + var(--st-espacement-1) - var(--st-toast-cible)) / 2);padding:calc(var(--st-espacement-1) / 2) var(--st-espacement-1);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-primaire);letter-spacing:var(--st-interlettrage-capitales)}.st-toast__action:after{inline-size:100%}.st-toast__ignorer{color:var(--st-couleur-texte-attenue)}.st-toast__fermer{display:flex;align-items:center;justify-content:center;inline-size:var(--st-espacement-6);block-size:var(--st-espacement-6);color:var(--st-couleur-texte-attenue)}@media(hover:hover){.st-toast__action:hover{text-decoration-line:underline}.st-toast__ignorer:hover,.st-toast__fermer:hover{color:var(--st-couleur-texte);text-decoration-line:none}}@media(forced-colors:active){:host{border-color:CanvasText}.st-toast__barre{forced-color-adjust:none;background:CanvasText}}\n"],
 		dependencies: [{
 			kind: "component",
 			type: StIcon,
@@ -2730,7 +2730,7 @@ var StToastMessage = class StToastMessage {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StToastMessage,
 	decorators: [{
@@ -2744,7 +2744,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.data-ton]": "tonRendu()"
 			},
 			template: "<!-- Barre de ton : un second moyen, avec l'icone, de lire le ton d'un coup d'oeil. Le ton se dit\n     aussi en mots, dans l'annonce de la pile. -->\n<span class=\"st-toast__barre\" aria-hidden=\"true\"></span>\n\n<div class=\"st-toast__corps\">\n  <st-icon class=\"st-toast__icone\" [icone]=\"icone()\" taille=\"20\" />\n  <div class=\"st-toast__texte\">\n    @if (titre(); as titre) {\n      <span class=\"st-toast__titre\">{{ titre }}</span>\n    }\n    <p class=\"st-toast__message\">{{ message() }}</p>\n  </div>\n</div>\n\n<div class=\"st-toast__actions\">\n  @if (libelleDAction(); as libelle) {\n    <button class=\"st-toast__action\" type=\"button\" (click)=\"action.emit()\">{{ libelle }}</button>\n  }\n  @if (fermeture() === 'ignorer') {\n    <button class=\"st-toast__action st-toast__ignorer\" type=\"button\" (click)=\"retrait.emit()\">\n      {{ libelleIgnorer() }}\n    </button>\n  } @else {\n    <button\n      class=\"st-toast__fermer\"\n      type=\"button\"\n      [attr.aria-label]=\"libelleFermeture()\"\n      (click)=\"retrait.emit()\"\n    >\n      <st-icon nom=\"croix\" taille=\"16\" />\n    </button>\n  }\n</div>\n",
-			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{--st-toast-ton: var(--st-couleur-texte-discret);position:relative;display:flex;gap:var(--st-espacement-2);align-items:flex-start;justify-content:space-between;box-sizing:border-box;inline-size:100%;max-inline-size:var(--st-largeur-couche);padding:var(--st-espacement-4);overflow:hidden;color:var(--st-couleur-texte);pointer-events:auto;background:var(--st-couleur-surface-elevee);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-surface-rayon, var(--st-rayon-md));box-shadow:var(--st-ombre-surelevee)}:host([data-ton=information]){--st-toast-ton: var(--st-couleur-information)}:host([data-ton=succes]){--st-toast-ton: var(--st-couleur-succes)}:host([data-ton=avertissement]){--st-toast-ton: var(--st-couleur-avertissement)}:host([data-ton=danger]){--st-toast-ton: var(--st-couleur-danger)}.st-toast__barre{position:absolute;inset-block:0;inset-inline-start:0;inline-size:var(--st-epaisseur-forte);background:var(--st-toast-ton)}.st-toast__corps{display:flex;flex:0 1 auto;gap:var(--st-espacement-1);align-items:flex-start;min-inline-size:0;padding-inline-start:var(--st-espacement-1)}.st-toast__icone{flex:none;margin-block-start:calc(var(--st-espacement-1) / 2);color:var(--st-toast-ton)}.st-toast__texte{display:flex;flex-direction:column;min-inline-size:0}.st-toast__titre{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-etiquette);font-weight:var(--st-graisse-grasse);color:var(--st-couleur-texte)}.st-toast__message{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);margin:0;color:var(--st-couleur-texte-discret)}.st-toast__actions{display:flex;flex-shrink:0;gap:var(--st-espacement-1);align-items:center}.st-toast__action,.st-toast__fermer{position:relative;padding:0;margin:0;font:inherit;cursor:pointer;background:none;border:0}.st-toast__action:focus-visible,.st-toast__fermer:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-toast__action:after,.st-toast__fermer:after{position:absolute;top:50%;left:50%;min-inline-size:var(--st-hauteur-commande-sm);min-block-size:var(--st-hauteur-commande-sm);content:\"\";translate:-50% -50%}@media(pointer:coarse){.st-toast__action{--st-toast-cible: var(--st-cible-tactile-min)}.st-toast__action:after,.st-toast__fermer:after{min-inline-size:var(--st-cible-tactile-min);min-block-size:var(--st-cible-tactile-min)}}.st-toast__action{--st-toast-cible: var(--st-hauteur-commande-sm);display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--st-toast-cible);margin-block:calc((var(--st-interligne-xs) + var(--st-espacement-1) - var(--st-toast-cible)) / 2);padding:calc(var(--st-espacement-1) / 2) var(--st-espacement-1);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-primaire);letter-spacing:var(--st-interlettrage-capitales)}.st-toast__action:after{inline-size:100%}.st-toast__ignorer{color:var(--st-couleur-texte-attenue)}.st-toast__fermer{display:flex;align-items:center;justify-content:center;inline-size:var(--st-espacement-6);block-size:var(--st-espacement-6);color:var(--st-couleur-texte-attenue)}@media(hover:hover){.st-toast__action:hover{text-decoration-line:underline}.st-toast__ignorer:hover,.st-toast__fermer:hover{color:var(--st-couleur-texte);text-decoration-line:none}}@media(forced-colors:active){:host{border-color:CanvasText}.st-toast__barre{forced-color-adjust:none;background:CanvasText}}\n"]
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{--st-toast-ton: var(--st-couleur-texte-discret);position:relative;display:flex;gap:var(--st-espacement-2);align-items:flex-start;justify-content:space-between;box-sizing:border-box;inline-size:100%;max-inline-size:var(--st-largeur-couche);padding:var(--st-espacement-4);overflow:hidden;color:var(--st-couleur-texte);pointer-events:auto;background:var(--st-couleur-surface-elevee);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-surface-rayon, var(--st-rayon-md));box-shadow:var(--st-ombre-surelevee)}:host([data-ton=information]){--st-toast-ton: var(--st-couleur-information)}:host([data-ton=succes]){--st-toast-ton: var(--st-couleur-succes)}:host([data-ton=avertissement]){--st-toast-ton: var(--st-couleur-avertissement)}:host([data-ton=erreur]){--st-toast-ton: var(--st-couleur-erreur)}:host([data-ton=danger]){--st-toast-ton: var(--st-couleur-danger)}.st-toast__barre{position:absolute;inset-block:0;inset-inline-start:0;inline-size:var(--st-epaisseur-forte);background:var(--st-toast-ton)}.st-toast__corps{display:flex;flex:0 1 auto;gap:var(--st-espacement-1);align-items:flex-start;min-inline-size:0;padding-inline-start:var(--st-espacement-1)}.st-toast__icone{flex:none;margin-block-start:calc(var(--st-espacement-1) / 2);color:var(--st-toast-ton)}.st-toast__texte{display:flex;flex-direction:column;min-inline-size:0}.st-toast__titre{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-etiquette);font-weight:var(--st-graisse-grasse);color:var(--st-couleur-texte)}.st-toast__message{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);margin:0;color:var(--st-couleur-texte-discret)}.st-toast__actions{display:flex;flex-shrink:0;gap:var(--st-espacement-1);align-items:center}.st-toast__action,.st-toast__fermer{position:relative;padding:0;margin:0;font:inherit;cursor:pointer;background:none;border:0}.st-toast__action:focus-visible,.st-toast__fermer:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-toast__action:after,.st-toast__fermer:after{position:absolute;top:50%;left:50%;min-inline-size:var(--st-hauteur-commande-sm);min-block-size:var(--st-hauteur-commande-sm);content:\"\";translate:-50% -50%}@media(pointer:coarse){.st-toast__action{--st-toast-cible: var(--st-cible-tactile-min)}.st-toast__action:after,.st-toast__fermer:after{min-inline-size:var(--st-cible-tactile-min);min-block-size:var(--st-cible-tactile-min)}}.st-toast__action{--st-toast-cible: var(--st-hauteur-commande-sm);display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--st-toast-cible);margin-block:calc((var(--st-interligne-xs) + var(--st-espacement-1) - var(--st-toast-cible)) / 2);padding:calc(var(--st-espacement-1) / 2) var(--st-espacement-1);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-primaire);letter-spacing:var(--st-interlettrage-capitales)}.st-toast__action:after{inline-size:100%}.st-toast__ignorer{color:var(--st-couleur-texte-attenue)}.st-toast__fermer{display:flex;align-items:center;justify-content:center;inline-size:var(--st-espacement-6);block-size:var(--st-espacement-6);color:var(--st-couleur-texte-attenue)}@media(hover:hover){.st-toast__action:hover{text-decoration-line:underline}.st-toast__ignorer:hover,.st-toast__fermer:hover{color:var(--st-couleur-texte);text-decoration-line:none}}@media(forced-colors:active){:host{border-color:CanvasText}.st-toast__barre{forced-color-adjust:none;background:CanvasText}}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -2800,11 +2800,14 @@ i0.ɵɵngDeclareClassMetadata({
 });
 const MAXIMUM_AFFICHE = 3;
 const MAXIMUM_AFFICHE_SOUS_SM = 2;
+function exigeLaLecture(toast) {
+	return toast.ton === "erreur" || toast.ton === "danger";
+}
 var StToastContainer = class StToastContainer {
 	libelles = inject(ST_LIBELLES);
 	document = inject(DOCUMENT);
 	hote = inject(ElementRef).nativeElement;
-	pile = signal([], ...ngDevMode ? [{ debugName: "pile" }] : 	/* istanbul ignore next */ []);
+	pile = signal([], ...ngDevMode ? [{ debugName: "pile" }] : /* istanbul ignore next */ []);
 	minuteries = /* @__PURE__ */ new Map();
 	pauses = /* @__PURE__ */ new Map();
 	annoncesEnAttente = /* @__PURE__ */ new Map();
@@ -2815,10 +2818,10 @@ var StToastContainer = class StToastContainer {
 		return typeof fenetre?.matchMedia === "function" ? fenetre.matchMedia(RUPTURES.sm.requete) : null;
 	})();
 	messages = this.pile.asReadonly();
-	nonVide = computed(() => this.pile().length > 0, ...ngDevMode ? [{ debugName: "nonVide" }] : 	/* istanbul ignore next */ []);
-	annoncePolie = signal("", ...ngDevMode ? [{ debugName: "annoncePolie" }] : 	/* istanbul ignore next */ []);
-	annonceAssertive = signal("", ...ngDevMode ? [{ debugName: "annonceAssertive" }] : 	/* istanbul ignore next */ []);
-	libelleDeRegion = computed(() => this.libelles().regionDesMessages, ...ngDevMode ? [{ debugName: "libelleDeRegion" }] : 	/* istanbul ignore next */ []);
+	nonVide = computed(() => this.pile().length > 0, ...ngDevMode ? [{ debugName: "nonVide" }] : /* istanbul ignore next */ []);
+	annoncePolie = signal("", ...ngDevMode ? [{ debugName: "annoncePolie" }] : /* istanbul ignore next */ []);
+	annonceAssertive = signal("", ...ngDevMode ? [{ debugName: "annonceAssertive" }] : /* istanbul ignore next */ []);
+	libelleDeRegion = computed(() => this.libelles().regionDesMessages, ...ngDevMode ? [{ debugName: "libelleDeRegion" }] : /* istanbul ignore next */ []);
 	fonduDeSortie = fonduDeSortie;
 	constructor() {
 		const visibilite = () => {
@@ -2848,7 +2851,7 @@ var StToastContainer = class StToastContainer {
 		for (const victime of this.aEvincer([...this.pile(), toast])) this.retirer(victime);
 		this.pile.update((existants) => [...existants, toast]);
 		this.programmer(toast);
-		this.annoncer(this.texteAnnonce(toast), toast.ton === "danger" ? "assertif" : "poli");
+		this.annoncer(this.texteAnnonce(toast), exigeLaLecture(toast) ? "assertif" : "poli");
 		return identifiant;
 	}
 	retirer(identifiant) {
@@ -2940,7 +2943,7 @@ var StToastContainer = class StToastContainer {
 		const resultat = [...pile];
 		const identifiants = [];
 		while (resultat.length > maximum) {
-			const indice = resultat.findIndex((toast) => toast.action === void 0 && toast.ton !== "danger" && !this.pauses.has(toast.identifiant));
+			const indice = resultat.findIndex((toast) => toast.action === void 0 && !exigeLaLecture(toast) && !this.pauses.has(toast.identifiant));
 			if (indice === -1) break;
 			const [evince] = resultat.splice(indice, 1);
 			if (evince !== void 0) identifiants.push(evince.identifiant);
@@ -2953,6 +2956,7 @@ var StToastContainer = class StToastContainer {
 			information: libelles.tonInformation,
 			succes: libelles.tonSucces,
 			avertissement: libelles.tonAvertissement,
+			erreur: libelles.tonErreur,
 			danger: libelles.tonDanger
 		};
 		const corps = [toast.titre, toast.message].filter((partie) => partie !== void 0 && partie.trim() !== "").map((partie) => ponctuer(partie.trim())).join(" ");
@@ -2980,7 +2984,7 @@ var StToastContainer = class StToastContainer {
 	dureeDe(toast) {
 		if (toast.action !== void 0) return null;
 		if (toast.dureeMs !== void 0) return toast.dureeMs;
-		return toast.ton === "danger" ? null : tenue.toast;
+		return exigeLaLecture(toast) ? null : tenue.toast;
 	}
 	programmer(toast) {
 		const duree = this.dureeDe(toast);
@@ -3001,7 +3005,7 @@ var StToastContainer = class StToastContainer {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StToastContainer,
 		deps: [],
@@ -3009,7 +3013,7 @@ var StToastContainer = class StToastContainer {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StToastContainer,
 		isStandalone: true,
 		selector: "st-toast-container",
@@ -3046,7 +3050,7 @@ var StToastContainer = class StToastContainer {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StToastContainer,
 	decorators: [{
@@ -3151,7 +3155,7 @@ var StToast = class StToast {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StToast,
 		deps: [],
@@ -3159,7 +3163,7 @@ var StToast = class StToast {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StToast,
 		providedIn: "root"
@@ -3167,7 +3171,7 @@ var StToast = class StToast {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StToast,
 	decorators: [{
@@ -3195,18 +3199,18 @@ var StIdleWarningPanel = class StIdleWarningPanel {
 	alerte = new AnnonceLocale(inject(DestroyRef));
 	identifiantDeLegende = inject(StIdentifiants).prochain("st-inactivite-legende");
 	duree = this.donnees.duree ?? Math.max(1, this.donnees.restant());
-	restant = computed(() => Math.max(0, this.donnees.restant()), ...ngDevMode ? [{ debugName: "restant" }] : 	/* istanbul ignore next */ []);
-	dureeLue = computed(() => formaterDuree(this.restant(), this.locale()), ...ngDevMode ? [{ debugName: "dureeLue" }] : 	/* istanbul ignore next */ []);
+	restant = computed(() => Math.max(0, this.donnees.restant()), ...ngDevMode ? [{ debugName: "restant" }] : /* istanbul ignore next */ []);
+	dureeLue = computed(() => formaterDuree(this.restant(), this.locale()), ...ngDevMode ? [{ debugName: "dureeLue" }] : /* istanbul ignore next */ []);
 	deuxChiffres = computed(() => new Intl.NumberFormat(this.locale(), {
 		minimumIntegerDigits: 2,
 		useGrouping: false
-	}), ...ngDevMode ? [{ debugName: "deuxChiffres" }] : 	/* istanbul ignore next */ []);
-	dureeAffichee = computed(() => enMinutesSecondes(this.restant(), this.deuxChiffres()), ...ngDevMode ? [{ debugName: "dureeAffichee" }] : 	/* istanbul ignore next */ []);
-	jauge = computed(() => Math.min(this.duree, this.restant()), ...ngDevMode ? [{ debugName: "jauge" }] : 	/* istanbul ignore next */ []);
+	}), ...ngDevMode ? [{ debugName: "deuxChiffres" }] : /* istanbul ignore next */ []);
+	dureeAffichee = computed(() => enMinutesSecondes(this.restant(), this.deuxChiffres()), ...ngDevMode ? [{ debugName: "dureeAffichee" }] : /* istanbul ignore next */ []);
+	jauge = computed(() => Math.min(this.duree, this.restant()), ...ngDevMode ? [{ debugName: "jauge" }] : /* istanbul ignore next */ []);
 	maximum = this.duree;
-	phrase = computed(() => this.libelles().sessionExpireDans(this.dureeLue()), ...ngDevMode ? [{ debugName: "phrase" }] : 	/* istanbul ignore next */ []);
+	phrase = computed(() => this.libelles().sessionExpireDans(this.dureeLue()), ...ngDevMode ? [{ debugName: "phrase" }] : /* istanbul ignore next */ []);
 	franchi = linkedSignal({
-		...ngDevMode ? { debugName: "franchi" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "franchi" } : /* istanbul ignore next */ {},
 		source: this.restant,
 		computation: (restant, precedent) => {
 			if (precedent === void 0) return null;
@@ -3239,7 +3243,7 @@ var StIdleWarningPanel = class StIdleWarningPanel {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StIdleWarningPanel,
 		deps: [],
@@ -3247,7 +3251,7 @@ var StIdleWarningPanel = class StIdleWarningPanel {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StIdleWarningPanel,
 		isStandalone: true,
 		selector: "st-idle-warning-panel",
@@ -3332,7 +3336,7 @@ var StIdleWarningPanel = class StIdleWarningPanel {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StIdleWarningPanel,
 	decorators: [{
@@ -3357,12 +3361,12 @@ i0.ɵɵngDeclareClassMetadata({
 });
 var StIdleWarning = class StIdleWarning {
 	dialogues = inject(StDialog);
-	secondesRestantes = input(null, ...ngDevMode ? [{ debugName: "secondesRestantes" }] : 	/* istanbul ignore next */ []);
-	duree = input(null, ...ngDevMode ? [{ debugName: "duree" }] : 	/* istanbul ignore next */ []);
-	seuils = input(SEUILS_D_ANNONCE_PAR_DEFAUT, ...ngDevMode ? [{ debugName: "seuils" }] : 	/* istanbul ignore next */ []);
+	secondesRestantes = input(null, ...ngDevMode ? [{ debugName: "secondesRestantes" }] : /* istanbul ignore next */ []);
+	duree = input(null, ...ngDevMode ? [{ debugName: "duree" }] : /* istanbul ignore next */ []);
+	seuils = input(SEUILS_D_ANNONCE_PAR_DEFAUT, ...ngDevMode ? [{ debugName: "seuils" }] : /* istanbul ignore next */ []);
 	prolonge = output();
 	deconnecte = output();
-	restant = signal(0, ...ngDevMode ? [{ debugName: "restant" }] : 	/* istanbul ignore next */ []);
+	restant = signal(0, ...ngDevMode ? [{ debugName: "restant" }] : /* istanbul ignore next */ []);
 	reference = null;
 	identifiantDeDescription = inject(StIdentifiants).prochain("st-inactivite");
 	constructor() {
@@ -3411,7 +3415,7 @@ var StIdleWarning = class StIdleWarning {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StIdleWarning,
 		deps: [],
@@ -3419,7 +3423,7 @@ var StIdleWarning = class StIdleWarning {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StIdleWarning,
 		isStandalone: true,
 		selector: "st-idle-warning",
@@ -3458,7 +3462,7 @@ var StIdleWarning = class StIdleWarning {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StIdleWarning,
 	decorators: [{
@@ -3507,11 +3511,11 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 var StTooltipPanel = class StTooltipPanel {
-	texte = input.required(...ngDevMode ? [{ debugName: "texte" }] : 	/* istanbul ignore next */ []);
-	icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : 	/* istanbul ignore next */ []);
+	texte = input.required(...ngDevMode ? [{ debugName: "texte" }] : /* istanbul ignore next */ []);
+	icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StTooltipPanel,
 		deps: [],
@@ -3519,7 +3523,7 @@ var StTooltipPanel = class StTooltipPanel {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StTooltipPanel,
 		isStandalone: true,
 		selector: "st-tooltip-panel",
@@ -3567,7 +3571,7 @@ var StTooltipPanel = class StTooltipPanel {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StTooltipPanel,
 	decorators: [{
@@ -3672,7 +3676,7 @@ var InfobullesVisibles = class InfobullesVisibles {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: InfobullesVisibles,
 		deps: [],
@@ -3680,7 +3684,7 @@ var InfobullesVisibles = class InfobullesVisibles {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: InfobullesVisibles,
 		providedIn: "root"
@@ -3688,7 +3692,7 @@ var InfobullesVisibles = class InfobullesVisibles {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: InfobullesVisibles,
 	decorators: [{
@@ -3701,9 +3705,9 @@ var StTooltip = class StTooltip {
 	couche = new CoucheAncree(inject(Overlay), inject(DestroyRef));
 	descripteur = inject(AriaDescriber);
 	visibles = inject(InfobullesVisibles);
-	stTooltip = input.required(...ngDevMode ? [{ debugName: "stTooltip" }] : 	/* istanbul ignore next */ []);
-	positionDInfobulle = input("haut", ...ngDevMode ? [{ debugName: "positionDInfobulle" }] : 	/* istanbul ignore next */ []);
-	iconeDInfobulle = input(null, ...ngDevMode ? [{ debugName: "iconeDInfobulle" }] : 	/* istanbul ignore next */ []);
+	stTooltip = input.required(...ngDevMode ? [{ debugName: "stTooltip" }] : /* istanbul ignore next */ []);
+	positionDInfobulle = input("haut", ...ngDevMode ? [{ debugName: "positionDInfobulle" }] : /* istanbul ignore next */ []);
+	iconeDInfobulle = input(null, ...ngDevMode ? [{ debugName: "iconeDInfobulle" }] : /* istanbul ignore next */ []);
 	minuterie = null;
 	description = null;
 	constructor() {
@@ -3798,7 +3802,7 @@ var StTooltip = class StTooltip {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StTooltip,
 		deps: [],
@@ -3806,7 +3810,7 @@ var StTooltip = class StTooltip {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StTooltip,
 		isStandalone: true,
 		selector: "[stTooltip]",
@@ -3844,7 +3848,7 @@ var StTooltip = class StTooltip {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StTooltip,
 	decorators: [{
@@ -3920,16 +3924,16 @@ var StPopover = class StPopover {
 	verificateur = inject(InteractivityChecker);
 	defilements = inject(ScrollDispatcher);
 	libelles = inject(ST_LIBELLES);
-	etiquette = input(void 0, ...ngDevMode ? [{ debugName: "etiquette" }] : 	/* istanbul ignore next */ []);
-	titre = input(null, ...ngDevMode ? [{ debugName: "titre" }] : 	/* istanbul ignore next */ []);
-	descriptionDe = input(null, ...ngDevMode ? [{ debugName: "descriptionDe" }] : 	/* istanbul ignore next */ []);
-	alignement = input("debut", ...ngDevMode ? [{ debugName: "alignement" }] : 	/* istanbul ignore next */ []);
+	etiquette = input(void 0, ...ngDevMode ? [{ debugName: "etiquette" }] : /* istanbul ignore next */ []);
+	titre = input(null, ...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
+	descriptionDe = input(null, ...ngDevMode ? [{ debugName: "descriptionDe" }] : /* istanbul ignore next */ []);
+	alignement = input("debut", ...ngDevMode ? [{ debugName: "alignement" }] : /* istanbul ignore next */ []);
 	fermable = input(false, {
-		...ngDevMode ? { debugName: "fermable" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "fermable" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	feuilleSousMd = input(false, {
-		...ngDevMode ? { debugName: "feuilleSousMd" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "feuilleSousMd" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	id = inject(StIdentifiants).prochain("st-popover");
@@ -3937,8 +3941,8 @@ var StPopover = class StPopover {
 	titreAffiche = computed(() => {
 		const titre = this.titre()?.trim() ?? "";
 		return titre === "" ? null : titre;
-	}, ...ngDevMode ? [{ debugName: "titreAffiche" }] : 	/* istanbul ignore next */ []);
-	ouvertInterne = signal(false, ...ngDevMode ? [{ debugName: "ouvertInterne" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "titreAffiche" }] : /* istanbul ignore next */ []);
+	ouvertInterne = signal(false, ...ngDevMode ? [{ debugName: "ouvertInterne" }] : /* istanbul ignore next */ []);
 	ouvert = this.ouvertInterne.asReadonly();
 	declencheur = null;
 	defilement = null;
@@ -4129,7 +4133,7 @@ var StPopover = class StPopover {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StPopover,
 		deps: [],
@@ -4137,7 +4141,7 @@ var StPopover = class StPopover {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StPopover,
 		isStandalone: true,
 		selector: "st-popover",
@@ -4228,7 +4232,7 @@ var StPopover = class StPopover {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StPopover,
 	decorators: [{
@@ -4307,7 +4311,7 @@ i0.ɵɵngDeclareClassMetadata({
 });
 var StPopoverTrigger = class StPopoverTrigger {
 	element = inject(ElementRef).nativeElement;
-	stPopoverTrigger = input.required(...ngDevMode ? [{ debugName: "stPopoverTrigger" }] : 	/* istanbul ignore next */ []);
+	stPopoverTrigger = input.required(...ngDevMode ? [{ debugName: "stPopoverTrigger" }] : /* istanbul ignore next */ []);
 	constructor() {
 		if (this.element.tagName === "BUTTON" && !this.element.hasAttribute("type")) this.element.setAttribute("type", "button");
 	}
@@ -4326,7 +4330,7 @@ var StPopoverTrigger = class StPopoverTrigger {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StPopoverTrigger,
 		deps: [],
@@ -4334,7 +4338,7 @@ var StPopoverTrigger = class StPopoverTrigger {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StPopoverTrigger,
 		isStandalone: true,
 		selector: "[stPopoverTrigger]",
@@ -4362,7 +4366,7 @@ var StPopoverTrigger = class StPopoverTrigger {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StPopoverTrigger,
 	decorators: [{
@@ -4391,13 +4395,13 @@ i0.ɵɵngDeclareClassMetadata({
 });
 var StPopconfirmPanneau = class StPopconfirmPanneau {
 	libelles = inject(ST_LIBELLES);
-	question = input.required(...ngDevMode ? [{ debugName: "question" }] : 	/* istanbul ignore next */ []);
-	precision = input(null, ...ngDevMode ? [{ debugName: "precision" }] : 	/* istanbul ignore next */ []);
-	libelleConfirmer = input(null, ...ngDevMode ? [{ debugName: "libelleConfirmer" }] : 	/* istanbul ignore next */ []);
-	libelleAnnuler = input(null, ...ngDevMode ? [{ debugName: "libelleAnnuler" }] : 	/* istanbul ignore next */ []);
-	varianteDeConfirmation = input("primaire", ...ngDevMode ? [{ debugName: "varianteDeConfirmation" }] : 	/* istanbul ignore next */ []);
+	question = input.required(...ngDevMode ? [{ debugName: "question" }] : /* istanbul ignore next */ []);
+	precision = input(null, ...ngDevMode ? [{ debugName: "precision" }] : /* istanbul ignore next */ []);
+	libelleConfirmer = input(null, ...ngDevMode ? [{ debugName: "libelleConfirmer" }] : /* istanbul ignore next */ []);
+	libelleAnnuler = input(null, ...ngDevMode ? [{ debugName: "libelleAnnuler" }] : /* istanbul ignore next */ []);
+	varianteDeConfirmation = input("primaire", ...ngDevMode ? [{ debugName: "varianteDeConfirmation" }] : /* istanbul ignore next */ []);
 	reponse = output();
-	couche = viewChild.required(StPopover, ...ngDevMode ? [{ debugName: "couche" }] : 	/* istanbul ignore next */ []);
+	couche = viewChild.required(StPopover, ...ngDevMode ? [{ debugName: "couche" }] : /* istanbul ignore next */ []);
 	confirme = false;
 	constructor() {
 		let ouverte = false;
@@ -4425,7 +4429,7 @@ var StPopconfirmPanneau = class StPopconfirmPanneau {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StPopconfirmPanneau,
 		deps: [],
@@ -4433,7 +4437,7 @@ var StPopconfirmPanneau = class StPopconfirmPanneau {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StPopconfirmPanneau,
 		isStandalone: true,
 		selector: "st-popconfirm",
@@ -4518,7 +4522,7 @@ var StPopconfirmPanneau = class StPopconfirmPanneau {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StPopconfirmPanneau,
 	decorators: [{
@@ -4587,16 +4591,16 @@ i0.ɵɵngDeclareClassMetadata({
 var StPopconfirm = class StPopconfirm {
 	element = inject(ElementRef).nativeElement;
 	vue = inject(ViewContainerRef);
-	stPopconfirm = input.required(...ngDevMode ? [{ debugName: "stPopconfirm" }] : 	/* istanbul ignore next */ []);
-	precision = input(null, ...ngDevMode ? [{ debugName: "precision" }] : 	/* istanbul ignore next */ []);
-	libelleConfirmer = input(null, ...ngDevMode ? [{ debugName: "libelleConfirmer" }] : 	/* istanbul ignore next */ []);
-	libelleAnnuler = input(null, ...ngDevMode ? [{ debugName: "libelleAnnuler" }] : 	/* istanbul ignore next */ []);
-	varianteDeConfirmation = input("primaire", ...ngDevMode ? [{ debugName: "varianteDeConfirmation" }] : 	/* istanbul ignore next */ []);
+	stPopconfirm = input.required(...ngDevMode ? [{ debugName: "stPopconfirm" }] : /* istanbul ignore next */ []);
+	precision = input(null, ...ngDevMode ? [{ debugName: "precision" }] : /* istanbul ignore next */ []);
+	libelleConfirmer = input(null, ...ngDevMode ? [{ debugName: "libelleConfirmer" }] : /* istanbul ignore next */ []);
+	libelleAnnuler = input(null, ...ngDevMode ? [{ debugName: "libelleAnnuler" }] : /* istanbul ignore next */ []);
+	varianteDeConfirmation = input("primaire", ...ngDevMode ? [{ debugName: "varianteDeConfirmation" }] : /* istanbul ignore next */ []);
 	confirme = output();
 	annule = output();
-	panneau = signal(null, ...ngDevMode ? [{ debugName: "panneau" }] : 	/* istanbul ignore next */ []);
-	ouvert = computed(() => this.panneau()?.instance.couche().ouvert() ?? false, ...ngDevMode ? [{ debugName: "ouvert" }] : 	/* istanbul ignore next */ []);
-	controle = signal(null, ...ngDevMode ? [{ debugName: "controle" }] : 	/* istanbul ignore next */ []);
+	panneau = signal(null, ...ngDevMode ? [{ debugName: "panneau" }] : /* istanbul ignore next */ []);
+	ouvert = computed(() => this.panneau()?.instance.couche().ouvert() ?? false, ...ngDevMode ? [{ debugName: "ouvert" }] : /* istanbul ignore next */ []);
+	controle = signal(null, ...ngDevMode ? [{ debugName: "controle" }] : /* istanbul ignore next */ []);
 	constructor() {
 		effect(() => {
 			const panneau = this.panneau();
@@ -4640,7 +4644,7 @@ var StPopconfirm = class StPopconfirm {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StPopconfirm,
 		deps: [],
@@ -4648,7 +4652,7 @@ var StPopconfirm = class StPopconfirm {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StPopconfirm,
 		isStandalone: true,
 		selector: "[stPopconfirm]",
@@ -4709,7 +4713,7 @@ var StPopconfirm = class StPopconfirm {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StPopconfirm,
 	decorators: [{
@@ -4779,14 +4783,14 @@ i0.ɵɵngDeclareClassMetadata({
 });
 var StHelpButton = class StHelpButton {
 	libelles = inject(ST_LIBELLES);
-	sujet = input.required(...ngDevMode ? [{ debugName: "sujet" }] : 	/* istanbul ignore next */ []);
-	titre = input(null, ...ngDevMode ? [{ debugName: "titre" }] : 	/* istanbul ignore next */ []);
-	alignement = input("debut", ...ngDevMode ? [{ debugName: "alignement" }] : 	/* istanbul ignore next */ []);
+	sujet = input.required(...ngDevMode ? [{ debugName: "sujet" }] : /* istanbul ignore next */ []);
+	titre = input(null, ...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
+	alignement = input("debut", ...ngDevMode ? [{ debugName: "alignement" }] : /* istanbul ignore next */ []);
 	ouverture = output();
-	nom = computed(() => this.libelles().aideSur(this.sujet()), ...ngDevMode ? [{ debugName: "nom" }] : 	/* istanbul ignore next */ []);
-	titreAffiche = computed(() => this.titre() ?? this.sujet(), ...ngDevMode ? [{ debugName: "titreAffiche" }] : 	/* istanbul ignore next */ []);
+	nom = computed(() => this.libelles().aideSur(this.sujet()), ...ngDevMode ? [{ debugName: "nom" }] : /* istanbul ignore next */ []);
+	titreAffiche = computed(() => this.titre() ?? this.sujet(), ...ngDevMode ? [{ debugName: "titreAffiche" }] : /* istanbul ignore next */ []);
 	idDuContenu = inject(StIdentifiants).prochain("st-help-button");
-	couche = viewChild.required(StPopover, ...ngDevMode ? [{ debugName: "couche" }] : 	/* istanbul ignore next */ []);
+	couche = viewChild.required(StPopover, ...ngDevMode ? [{ debugName: "couche" }] : /* istanbul ignore next */ []);
 	constructor() {
 		let ouverte = false;
 		effect(() => {
@@ -4797,7 +4801,7 @@ var StHelpButton = class StHelpButton {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StHelpButton,
 		deps: [],
@@ -4805,7 +4809,7 @@ var StHelpButton = class StHelpButton {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.2.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StHelpButton,
 		isStandalone: true,
 		selector: "st-help-button",
@@ -4887,7 +4891,7 @@ var StHelpButton = class StHelpButton {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StHelpButton,
 	decorators: [{
@@ -4949,18 +4953,18 @@ var StLoadingOverlay = class StLoadingOverlay {
 	idTitre = this.identifiants.prochain("st-loading-overlay-titre");
 	idPrecision = this.identifiants.prochain("st-loading-overlay-precision");
 	actif = input(false, {
-		...ngDevMode ? { debugName: "actif" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "actif" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	titre = input.required(...ngDevMode ? [{ debugName: "titre" }] : 	/* istanbul ignore next */ []);
-	sousTitre = input(null, ...ngDevMode ? [{ debugName: "sousTitre" }] : 	/* istanbul ignore next */ []);
-	icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : 	/* istanbul ignore next */ []);
+	titre = input.required(...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
+	sousTitre = input(null, ...ngDevMode ? [{ debugName: "sousTitre" }] : /* istanbul ignore next */ []);
+	icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []);
 	flou = input(false, {
-		...ngDevMode ? { debugName: "flou" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "flou" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	contenu = viewChild("contenu", ...ngDevMode ? [{ debugName: "contenu" }] : 	/* istanbul ignore next */ []);
-	carte = viewChild("carte", ...ngDevMode ? [{ debugName: "carte" }] : 	/* istanbul ignore next */ []);
+	contenu = viewChild("contenu", ...ngDevMode ? [{ debugName: "contenu" }] : /* istanbul ignore next */ []);
+	carte = viewChild("carte", ...ngDevMode ? [{ debugName: "carte" }] : /* istanbul ignore next */ []);
 	focusAvantLeVoile = null;
 	constructor() {
 		effect(() => {
@@ -5002,7 +5006,7 @@ var StLoadingOverlay = class StLoadingOverlay {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StLoadingOverlay,
 		deps: [],
@@ -5010,7 +5014,7 @@ var StLoadingOverlay = class StLoadingOverlay {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StLoadingOverlay,
 		isStandalone: true,
 		selector: "st-loading-overlay",
@@ -5073,7 +5077,7 @@ var StLoadingOverlay = class StLoadingOverlay {
 		}],
 		ngImport: i0,
 		template: "<div\n  #contenu\n  class=\"st-loading-overlay__contenu\"\n  [attr.inert]=\"actif() ? '' : null\"\n  [attr.aria-busy]=\"actif() ? 'true' : null\"\n>\n  <ng-content />\n</div>\n@if (actif()) {\n  <div class=\"st-loading-overlay__voile\">\n    <div\n      #carte\n      class=\"st-loading-overlay__carte\"\n      tabindex=\"-1\"\n      role=\"group\"\n      [attr.aria-labelledby]=\"idTitre\"\n      [attr.aria-describedby]=\"sousTitre() ? idPrecision : null\"\n    >\n      <st-spinner\n        class=\"st-loading-overlay__indicateur\"\n        taille=\"lg\"\n        [icone]=\"icone()\"\n        [etiquette]=\"titre()\"\n      />\n      <p class=\"st-loading-overlay__titre\" [id]=\"idTitre\">{{ titre() }}</p>\n      @if (sousTitre(); as precision) {\n        <p class=\"st-loading-overlay__sous-titre\" [id]=\"idPrecision\">{{ precision }}</p>\n      }\n      <div class=\"st-loading-overlay__progression\"><ng-content select=\"[progression]\" /></div>\n      <div class=\"st-loading-overlay__reassurance\"><ng-content select=\"[reassurance]\" /></div>\n    </div>\n  </div>\n}\n",
-		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{position:relative;display:block;isolation:isolate}:host([data-actif]) .st-loading-overlay__contenu{opacity:.8}.st-loading-overlay__voile{position:absolute;inset:0;z-index:var(--st-plan-contenu-eleve);display:flex;align-items:center;align-items:safe center;justify-content:center;overflow-y:auto;padding:var(--st-espacement-3-5);background-color:var(--st-voile);transition:opacity var(--st-duree-normale) linear}@starting-style{.st-loading-overlay__voile{opacity:0}}.st-loading-overlay__carte{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;inline-size:100%;max-inline-size:var(--st-largeur-couche);padding:var(--st-espacement-4);color:var(--st-couleur-texte);text-align:center;background-color:color-mix(in srgb,var(--st-couleur-surface) 95%,transparent);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-modale)}.st-loading-overlay__carte:focus{outline:none}.st-loading-overlay__indicateur{margin-block-end:var(--st-espacement-2-5)}.st-loading-overlay__titre{margin:0;font-size:var(--st-taille-lg);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-lg)}.st-loading-overlay__sous-titre{margin:var(--st-espacement-1) 0 0;color:var(--st-couleur-texte-discret);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-etiquette)}.st-loading-overlay__progression{inline-size:100%;margin-block:var(--st-espacement-2);text-align:start}.st-loading-overlay__progression:empty{display:none}.st-loading-overlay__reassurance{display:flex;gap:var(--st-espacement-2);align-items:center;box-sizing:border-box;inline-size:100%;padding:var(--st-espacement-2);text-align:start;background-color:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}.st-loading-overlay__reassurance:empty{display:none}@supports (backdrop-filter: blur(1px)){:host([data-flou]) .st-loading-overlay__voile,:host([data-flou]) .st-loading-overlay__carte{-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem)}}@supports not (backdrop-filter: blur(1px)){:host([data-flou]) .st-loading-overlay__voile{background-color:var(--st-couleur-surface-enfoncee)}}@media(prefers-reduced-transparency:reduce){:host([data-flou]) .st-loading-overlay__voile,:host([data-flou]) .st-loading-overlay__carte{-webkit-backdrop-filter:none;backdrop-filter:none}:host([data-flou]) .st-loading-overlay__voile{background-color:var(--st-couleur-surface-enfoncee)}:host([data-flou]) .st-loading-overlay__carte{background-color:var(--st-couleur-surface)}}@media(forced-colors:active){:host .st-loading-overlay__voile,:host([data-flou]) .st-loading-overlay__voile{forced-color-adjust:none;background-color:Canvas;-webkit-backdrop-filter:none;backdrop-filter:none}:host .st-loading-overlay__carte,:host([data-flou]) .st-loading-overlay__carte{forced-color-adjust:auto;border-color:CanvasText;-webkit-backdrop-filter:none;backdrop-filter:none}:host .st-loading-overlay__carte:focus,:host([data-flou]) .st-loading-overlay__carte:focus{outline:var(--st-focus-epaisseur) solid Highlight;outline-offset:var(--st-focus-decalage)}}@media print{.st-loading-overlay__voile{display:none}:host([data-actif]) .st-loading-overlay__contenu{opacity:1}}\n"],
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{position:relative;display:block;isolation:isolate}:host([data-actif]) .st-loading-overlay__contenu{opacity:.8}.st-loading-overlay__voile{position:absolute;inset:0;z-index:var(--st-plan-contenu-eleve);display:flex;align-items:center;align-items:safe center;justify-content:center;overflow-y:auto;padding:var(--st-espacement-3-5);background-color:var(--st-voile);transition:opacity var(--st-duree-normale) linear}@starting-style{.st-loading-overlay__voile{opacity:0}}.st-loading-overlay__carte{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;inline-size:100%;max-inline-size:var(--st-largeur-couche);padding:var(--st-espacement-4);color:var(--st-couleur-texte);text-align:center;background-color:color-mix(in srgb,var(--st-couleur-surface) 95%,transparent);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-modale)}.st-loading-overlay__carte:focus{outline:none}.st-loading-overlay__indicateur{margin-block-end:var(--st-espacement-2-5)}.st-loading-overlay__titre{margin:0;font-family:var(--st-police-titre, var(--st-police-base));font-size:var(--st-taille-lg);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-lg)}.st-loading-overlay__sous-titre{margin:var(--st-espacement-1) 0 0;color:var(--st-couleur-texte-discret);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-etiquette)}.st-loading-overlay__progression{inline-size:100%;margin-block:var(--st-espacement-2);text-align:start}.st-loading-overlay__progression:empty{display:none}.st-loading-overlay__reassurance{display:flex;gap:var(--st-espacement-2);align-items:center;box-sizing:border-box;inline-size:100%;padding:var(--st-espacement-2);text-align:start;background-color:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}.st-loading-overlay__reassurance:empty{display:none}@supports (backdrop-filter: blur(1px)){:host([data-flou]) .st-loading-overlay__voile,:host([data-flou]) .st-loading-overlay__carte{-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem)}}@supports not (backdrop-filter: blur(1px)){:host([data-flou]) .st-loading-overlay__voile{background-color:var(--st-couleur-surface-enfoncee)}}@media(prefers-reduced-transparency:reduce){:host([data-flou]) .st-loading-overlay__voile,:host([data-flou]) .st-loading-overlay__carte{-webkit-backdrop-filter:none;backdrop-filter:none}:host([data-flou]) .st-loading-overlay__voile{background-color:var(--st-couleur-surface-enfoncee)}:host([data-flou]) .st-loading-overlay__carte{background-color:var(--st-couleur-surface)}}@media(forced-colors:active){:host .st-loading-overlay__voile,:host([data-flou]) .st-loading-overlay__voile{forced-color-adjust:none;background-color:Canvas;-webkit-backdrop-filter:none;backdrop-filter:none}:host .st-loading-overlay__carte,:host([data-flou]) .st-loading-overlay__carte{forced-color-adjust:auto;border-color:CanvasText;-webkit-backdrop-filter:none;backdrop-filter:none}:host .st-loading-overlay__carte:focus,:host([data-flou]) .st-loading-overlay__carte:focus{outline:var(--st-focus-epaisseur) solid Highlight;outline-offset:var(--st-focus-decalage)}}@media print{.st-loading-overlay__voile{display:none}:host([data-actif]) .st-loading-overlay__contenu{opacity:1}}\n"],
 		dependencies: [{
 			kind: "component",
 			type: StSpinner,
@@ -5090,7 +5094,7 @@ var StLoadingOverlay = class StLoadingOverlay {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StLoadingOverlay,
 	decorators: [{
@@ -5105,7 +5109,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.data-flou]": "flou() ? \"\" : null"
 			},
 			template: "<div\n  #contenu\n  class=\"st-loading-overlay__contenu\"\n  [attr.inert]=\"actif() ? '' : null\"\n  [attr.aria-busy]=\"actif() ? 'true' : null\"\n>\n  <ng-content />\n</div>\n@if (actif()) {\n  <div class=\"st-loading-overlay__voile\">\n    <div\n      #carte\n      class=\"st-loading-overlay__carte\"\n      tabindex=\"-1\"\n      role=\"group\"\n      [attr.aria-labelledby]=\"idTitre\"\n      [attr.aria-describedby]=\"sousTitre() ? idPrecision : null\"\n    >\n      <st-spinner\n        class=\"st-loading-overlay__indicateur\"\n        taille=\"lg\"\n        [icone]=\"icone()\"\n        [etiquette]=\"titre()\"\n      />\n      <p class=\"st-loading-overlay__titre\" [id]=\"idTitre\">{{ titre() }}</p>\n      @if (sousTitre(); as precision) {\n        <p class=\"st-loading-overlay__sous-titre\" [id]=\"idPrecision\">{{ precision }}</p>\n      }\n      <div class=\"st-loading-overlay__progression\"><ng-content select=\"[progression]\" /></div>\n      <div class=\"st-loading-overlay__reassurance\"><ng-content select=\"[reassurance]\" /></div>\n    </div>\n  </div>\n}\n",
-			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{position:relative;display:block;isolation:isolate}:host([data-actif]) .st-loading-overlay__contenu{opacity:.8}.st-loading-overlay__voile{position:absolute;inset:0;z-index:var(--st-plan-contenu-eleve);display:flex;align-items:center;align-items:safe center;justify-content:center;overflow-y:auto;padding:var(--st-espacement-3-5);background-color:var(--st-voile);transition:opacity var(--st-duree-normale) linear}@starting-style{.st-loading-overlay__voile{opacity:0}}.st-loading-overlay__carte{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;inline-size:100%;max-inline-size:var(--st-largeur-couche);padding:var(--st-espacement-4);color:var(--st-couleur-texte);text-align:center;background-color:color-mix(in srgb,var(--st-couleur-surface) 95%,transparent);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-modale)}.st-loading-overlay__carte:focus{outline:none}.st-loading-overlay__indicateur{margin-block-end:var(--st-espacement-2-5)}.st-loading-overlay__titre{margin:0;font-size:var(--st-taille-lg);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-lg)}.st-loading-overlay__sous-titre{margin:var(--st-espacement-1) 0 0;color:var(--st-couleur-texte-discret);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-etiquette)}.st-loading-overlay__progression{inline-size:100%;margin-block:var(--st-espacement-2);text-align:start}.st-loading-overlay__progression:empty{display:none}.st-loading-overlay__reassurance{display:flex;gap:var(--st-espacement-2);align-items:center;box-sizing:border-box;inline-size:100%;padding:var(--st-espacement-2);text-align:start;background-color:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}.st-loading-overlay__reassurance:empty{display:none}@supports (backdrop-filter: blur(1px)){:host([data-flou]) .st-loading-overlay__voile,:host([data-flou]) .st-loading-overlay__carte{-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem)}}@supports not (backdrop-filter: blur(1px)){:host([data-flou]) .st-loading-overlay__voile{background-color:var(--st-couleur-surface-enfoncee)}}@media(prefers-reduced-transparency:reduce){:host([data-flou]) .st-loading-overlay__voile,:host([data-flou]) .st-loading-overlay__carte{-webkit-backdrop-filter:none;backdrop-filter:none}:host([data-flou]) .st-loading-overlay__voile{background-color:var(--st-couleur-surface-enfoncee)}:host([data-flou]) .st-loading-overlay__carte{background-color:var(--st-couleur-surface)}}@media(forced-colors:active){:host .st-loading-overlay__voile,:host([data-flou]) .st-loading-overlay__voile{forced-color-adjust:none;background-color:Canvas;-webkit-backdrop-filter:none;backdrop-filter:none}:host .st-loading-overlay__carte,:host([data-flou]) .st-loading-overlay__carte{forced-color-adjust:auto;border-color:CanvasText;-webkit-backdrop-filter:none;backdrop-filter:none}:host .st-loading-overlay__carte:focus,:host([data-flou]) .st-loading-overlay__carte:focus{outline:var(--st-focus-epaisseur) solid Highlight;outline-offset:var(--st-focus-decalage)}}@media print{.st-loading-overlay__voile{display:none}:host([data-actif]) .st-loading-overlay__contenu{opacity:1}}\n"]
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{position:relative;display:block;isolation:isolate}:host([data-actif]) .st-loading-overlay__contenu{opacity:.8}.st-loading-overlay__voile{position:absolute;inset:0;z-index:var(--st-plan-contenu-eleve);display:flex;align-items:center;align-items:safe center;justify-content:center;overflow-y:auto;padding:var(--st-espacement-3-5);background-color:var(--st-voile);transition:opacity var(--st-duree-normale) linear}@starting-style{.st-loading-overlay__voile{opacity:0}}.st-loading-overlay__carte{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;inline-size:100%;max-inline-size:var(--st-largeur-couche);padding:var(--st-espacement-4);color:var(--st-couleur-texte);text-align:center;background-color:color-mix(in srgb,var(--st-couleur-surface) 95%,transparent);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-modale)}.st-loading-overlay__carte:focus{outline:none}.st-loading-overlay__indicateur{margin-block-end:var(--st-espacement-2-5)}.st-loading-overlay__titre{margin:0;font-family:var(--st-police-titre, var(--st-police-base));font-size:var(--st-taille-lg);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-lg)}.st-loading-overlay__sous-titre{margin:var(--st-espacement-1) 0 0;color:var(--st-couleur-texte-discret);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-etiquette)}.st-loading-overlay__progression{inline-size:100%;margin-block:var(--st-espacement-2);text-align:start}.st-loading-overlay__progression:empty{display:none}.st-loading-overlay__reassurance{display:flex;gap:var(--st-espacement-2);align-items:center;box-sizing:border-box;inline-size:100%;padding:var(--st-espacement-2);text-align:start;background-color:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}.st-loading-overlay__reassurance:empty{display:none}@supports (backdrop-filter: blur(1px)){:host([data-flou]) .st-loading-overlay__voile,:host([data-flou]) .st-loading-overlay__carte{-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem)}}@supports not (backdrop-filter: blur(1px)){:host([data-flou]) .st-loading-overlay__voile{background-color:var(--st-couleur-surface-enfoncee)}}@media(prefers-reduced-transparency:reduce){:host([data-flou]) .st-loading-overlay__voile,:host([data-flou]) .st-loading-overlay__carte{-webkit-backdrop-filter:none;backdrop-filter:none}:host([data-flou]) .st-loading-overlay__voile{background-color:var(--st-couleur-surface-enfoncee)}:host([data-flou]) .st-loading-overlay__carte{background-color:var(--st-couleur-surface)}}@media(forced-colors:active){:host .st-loading-overlay__voile,:host([data-flou]) .st-loading-overlay__voile{forced-color-adjust:none;background-color:Canvas;-webkit-backdrop-filter:none;backdrop-filter:none}:host .st-loading-overlay__carte,:host([data-flou]) .st-loading-overlay__carte{forced-color-adjust:auto;border-color:CanvasText;-webkit-backdrop-filter:none;backdrop-filter:none}:host .st-loading-overlay__carte:focus,:host([data-flou]) .st-loading-overlay__carte:focus{outline:var(--st-focus-epaisseur) solid Highlight;outline-offset:var(--st-focus-decalage)}}@media print{.st-loading-overlay__voile{display:none}:host([data-actif]) .st-loading-overlay__contenu{opacity:1}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],