@starterlib/ui 0.10.14 → 0.11.0

package/fesm2022/starterlib-ui-parcours.mjs

@@ -1,57 +1,57 @@
 import * as i0 from "@angular/core";
 import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, InjectionToken, Injector, afterNextRender, booleanAttribute, computed, effect, inject, input, isDevMode, linkedSignal, model, numberAttribute, output, signal, untracked, viewChild } from "@angular/core";
-import { AnnonceLocale, ICONES_DE_TON, REGION_VIVANTE_PARENTE, ST_LIBELLES, ST_LOCALE, StBanner, StButton, StCopyButton, StHeading, StIcon, StIdentifiants, StInlineMessage, StLink, StPageTitle, StSpinner, StTimer } from "@starterlib/ui";
-import { StCode, StDate } from "@starterlib/ui/donnees";
+import { AnnonceLocale, ICONES_DE_TON, REGION_VIVANTE_PARENTE, ST_LIBELLES, ST_LOCALE, StBanner, StButton, StCopyButton, StHeading, StIcon, StIdentifiants, StInlineMessage, StLink, StPageTitle, StSpinner, StTimer, catalogueDuPointDEntree } from "@starterlib/ui";
+import { StCode, StDate, StDeadline } from "@starterlib/ui/donnees";
 import { estUneErreurRejouable, sansCommandesDeDirection, varianteDErreur } from "@starterlib/util";
 import { DOCUMENT, NgTemplateOutlet } from "@angular/common";
 import { RouterLink } from "@angular/router";
 import { StStatusPill } from "@starterlib/ui/indicateurs";
-import { StCheckbox, StFormActions, StInput, StOtpField, erreurCode } from "@starterlib/ui/saisie";
+import { ST_ETAT_D_ENVOI, StCheckbox, StErrorSummary, StFieldset, StFormActions, StInput, StOtpField, erreurCode } from "@starterlib/ui/saisie";
 var StRefusal = class StRefusal {
 	injecteur = inject(Injector);
 	libelles = inject(ST_LIBELLES);
-	erreur = input.required(...ngDevMode ? [{ debugName: "erreur" }] : 	/* istanbul ignore next */ []);
-	message = input.required(...ngDevMode ? [{ debugName: "message" }] : 	/* istanbul ignore next */ []);
-	titre = input(null, ...ngDevMode ? [{ debugName: "titre" }] : 	/* istanbul ignore next */ []);
+	erreur = input.required(...ngDevMode ? [{ debugName: "erreur" }] : /* istanbul ignore next */ []);
+	message = input.required(...ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []);
+	titre = input(null, ...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
 	codeInconnu = input(false, {
-		...ngDevMode ? { debugName: "codeInconnu" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "codeInconnu" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	rejeuEnCours = input(false, {
-		...ngDevMode ? { debugName: "rejeuEnCours" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "rejeuEnCours" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	rechargementEnCours = input(false, {
-		...ngDevMode ? { debugName: "rechargementEnCours" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "rechargementEnCours" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	rejeu = output();
 	rechargement = output();
 	attenteTerminee = output();
 	banniere = viewChild.required(StBanner, {
-		...ngDevMode ? { debugName: "banniere" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "banniere" } : /* istanbul ignore next */ {},
 		read: ElementRef
 	});
-	decompte = viewChild(StTimer, ...ngDevMode ? [{ debugName: "decompte" }] : 	/* istanbul ignore next */ []);
+	decompte = viewChild(StTimer, ...ngDevMode ? [{ debugName: "decompte" }] : /* istanbul ignore next */ []);
 	variante = computed(() => {
 		const erreur = this.erreur();
 		return varianteDErreur(erreur.status, erreur.code, erreur.horsLigne);
-	}, ...ngDevMode ? [{ debugName: "variante" }] : 	/* istanbul ignore next */ []);
-	rejouableSelonLaTable = computed(() => estUneErreurRejouable(this.variante(), this.erreur().status), ...ngDevMode ? [{ debugName: "rejouableSelonLaTable" }] : 	/* istanbul ignore next */ []);
-	ton = computed(() => this.rejouableSelonLaTable() || this.variante() === "conflit" ? "avertissement" : "danger", ...ngDevMode ? [{ debugName: "ton" }] : 	/* istanbul ignore next */ []);
-	titreLu = computed(() => this.titre() ?? (this.variante() === "hors-ligne" ? this.libelles().horsConnexion : null), ...ngDevMode ? [{ debugName: "titreLu" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "variante" }] : /* istanbul ignore next */ []);
+	rejouableSelonLaTable = computed(() => estUneErreurRejouable(this.variante(), this.erreur().status), ...ngDevMode ? [{ debugName: "rejouableSelonLaTable" }] : /* istanbul ignore next */ []);
+	ton = computed(() => this.rejouableSelonLaTable() || this.variante() === "conflit" ? "avertissement" : "erreur", ...ngDevMode ? [{ debugName: "ton" }] : /* istanbul ignore next */ []);
+	titreLu = computed(() => this.titre() ?? (this.variante() === "hors-ligne" ? this.libelles().horsConnexion : null), ...ngDevMode ? [{ debugName: "titreLu" }] : /* istanbul ignore next */ []);
 	attente = computed(() => {
 		const secondes = this.erreur().reessayerDans;
 		return this.variante() === "limite" && secondes !== null && secondes > 0 ? secondes : null;
-	}, ...ngDevMode ? [{ debugName: "attente" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "attente" }] : /* istanbul ignore next */ []);
 	attenteFinie = linkedSignal({
-		...ngDevMode ? { debugName: "attenteFinie" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "attenteFinie" } : /* istanbul ignore next */ {},
 		source: this.erreur,
 		computation: () => false
 	});
-	rejouable = computed(() => this.rejouableSelonLaTable() && (this.variante() !== "limite" || this.attente() !== null), ...ngDevMode ? [{ debugName: "rejouable" }] : 	/* istanbul ignore next */ []);
-	enAttente = computed(() => this.attente() !== null && !this.attenteFinie(), ...ngDevMode ? [{ debugName: "enAttente" }] : 	/* istanbul ignore next */ []);
-	raisonDuRejeu = computed(() => this.enAttente() ? this.decompte()?.phrase() ?? null : null, ...ngDevMode ? [{ debugName: "raisonDuRejeu" }] : 	/* istanbul ignore next */ []);
+	rejouable = computed(() => this.rejouableSelonLaTable() && (this.variante() !== "limite" || this.attente() !== null), ...ngDevMode ? [{ debugName: "rejouable" }] : /* istanbul ignore next */ []);
+	enAttente = computed(() => this.attente() !== null && !this.attenteFinie(), ...ngDevMode ? [{ debugName: "enAttente" }] : /* istanbul ignore next */ []);
+	raisonDuRejeu = computed(() => this.enAttente() ? this.decompte()?.phrase() ?? null : null, ...ngDevMode ? [{ debugName: "raisonDuRejeu" }] : /* istanbul ignore next */ []);
 	constructor() {
 		effect(() => {
 			this.erreur();
@@ -66,7 +66,7 @@ var StRefusal = class StRefusal {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StRefusal,
 		deps: [],
@@ -74,7 +74,7 @@ var StRefusal = class StRefusal {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StRefusal,
 		isStandalone: true,
 		selector: "st-refusal",
@@ -215,7 +215,7 @@ var StRefusal = class StRefusal {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StRefusal,
 	decorators: [{
@@ -319,35 +319,36 @@ i0.ɵɵngDeclareClassMetadata({
 const TONS = {
 	succes: "succes",
 	attente: "information",
-	echec: "danger",
+	echec: "erreur",
 	partiel: "avertissement"
 };
 var StOutcome = class StOutcome {
 	libelles = inject(ST_LIBELLES);
-	issue = input.required(...ngDevMode ? [{ debugName: "issue" }] : 	/* istanbul ignore next */ []);
-	titre = input.required(...ngDevMode ? [{ debugName: "titre" }] : 	/* istanbul ignore next */ []);
-	precision = input(null, ...ngDevMode ? [{ debugName: "precision" }] : 	/* istanbul ignore next */ []);
-	reference = input(null, ...ngDevMode ? [{ debugName: "reference" }] : 	/* istanbul ignore next */ []);
-	etiquetteDeReference = input(null, ...ngDevMode ? [{ debugName: "etiquetteDeReference" }] : 	/* istanbul ignore next */ []);
-	horodatage = input(null, ...ngDevMode ? [{ debugName: "horodatage" }] : 	/* istanbul ignore next */ []);
-	etiquetteDHorodatage = input(null, ...ngDevMode ? [{ debugName: "etiquetteDHorodatage" }] : 	/* istanbul ignore next */ []);
-	niveauDuTitre = input(1, ...ngDevMode ? [{ debugName: "niveauDuTitre" }] : 	/* istanbul ignore next */ []);
-	disposition = input("page", ...ngDevMode ? [{ debugName: "disposition" }] : 	/* istanbul ignore next */ []);
-	ton = computed(() => TONS[this.issue()], ...ngDevMode ? [{ debugName: "ton" }] : 	/* istanbul ignore next */ []);
-	icone = computed(() => this.issue() === "attente" ? "horloge" : ICONES_DE_TON[this.ton()], ...ngDevMode ? [{ debugName: "icone" }] : 	/* istanbul ignore next */ []);
+	issue = input.required(...ngDevMode ? [{ debugName: "issue" }] : /* istanbul ignore next */ []);
+	titre = input.required(...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
+	precision = input(null, ...ngDevMode ? [{ debugName: "precision" }] : /* istanbul ignore next */ []);
+	reference = input(null, ...ngDevMode ? [{ debugName: "reference" }] : /* istanbul ignore next */ []);
+	etiquetteDeReference = input(null, ...ngDevMode ? [{ debugName: "etiquetteDeReference" }] : /* istanbul ignore next */ []);
+	horodatage = input(null, ...ngDevMode ? [{ debugName: "horodatage" }] : /* istanbul ignore next */ []);
+	etiquetteDHorodatage = input(null, ...ngDevMode ? [{ debugName: "etiquetteDHorodatage" }] : /* istanbul ignore next */ []);
+	niveauDuTitre = input(1, ...ngDevMode ? [{ debugName: "niveauDuTitre" }] : /* istanbul ignore next */ []);
+	disposition = input("page", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
+	ton = computed(() => TONS[this.issue()], ...ngDevMode ? [{ debugName: "ton" }] : /* istanbul ignore next */ []);
+	icone = computed(() => this.issue() === "attente" ? "horloge" : ICONES_DE_TON[this.ton()], ...ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []);
 	mot = computed(() => {
 		const libelles = this.libelles();
 		switch (this.ton()) {
 			case "succes": return libelles.tonSucces;
+			case "erreur": return libelles.tonErreur;
 			case "danger": return libelles.tonDanger;
 			case "avertissement": return libelles.tonAvertissement;
 			default: return libelles.tonInformation;
 		}
-	}, ...ngDevMode ? [{ debugName: "mot" }] : 	/* istanbul ignore next */ []);
-	etiquetteDeReferenceLue = computed(() => this.etiquetteDeReference() ?? this.libelles().referenceDeLOperation, ...ngDevMode ? [{ debugName: "etiquetteDeReferenceLue" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "mot" }] : /* istanbul ignore next */ []);
+	etiquetteDeReferenceLue = computed(() => this.etiquetteDeReference() ?? this.libelles().referenceDeLOperation, ...ngDevMode ? [{ debugName: "etiquetteDeReferenceLue" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StOutcome,
 		deps: [],
@@ -355,7 +356,7 @@ var StOutcome = class StOutcome {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StOutcome,
 		isStandalone: true,
 		selector: "st-outcome",
@@ -433,7 +434,7 @@ var StOutcome = class StOutcome {
 		},
 		ngImport: i0,
 		template: "<div class=\"st-outcome__entete\">\n  <st-icon\n    class=\"st-outcome__icone\"\n    [nom]=\"icone()\"\n    variante=\"plein\"\n    [ton]=\"ton()\"\n    [taille]=\"disposition() === 'page' ? '48' : '20'\"\n  />\n  @switch (niveauDuTitre()) {\n    @case (1) {\n      <h1 stHeading class=\"st-outcome__titre\" [taille]=\"disposition() === 'page' ? '2xl' : 'sm'\">\n        <span class=\"st-vh\">{{ mot() }}</span\n        >{{ titre() }}\n      </h1>\n    }\n    @case (2) {\n      <h2 stHeading class=\"st-outcome__titre\" [taille]=\"disposition() === 'page' ? '2xl' : 'sm'\">\n        <span class=\"st-vh\">{{ mot() }}</span\n        >{{ titre() }}\n      </h2>\n    }\n    @case (3) {\n      <h3 stHeading class=\"st-outcome__titre\" [taille]=\"disposition() === 'page' ? '2xl' : 'sm'\">\n        <span class=\"st-vh\">{{ mot() }}</span\n        >{{ titre() }}\n      </h3>\n    }\n    @default {\n      <h4 stHeading class=\"st-outcome__titre\" [taille]=\"disposition() === 'page' ? '2xl' : 'sm'\">\n        <span class=\"st-vh\">{{ mot() }}</span\n        >{{ titre() }}\n      </h4>\n    }\n  }\n  <span class=\"st-outcome__etiquette\"><ng-content select=\"[etiquette]\" /></span>\n</div>\n\n@if (precision(); as texte) {\n  <p class=\"st-outcome__precision\">{{ texte }}</p>\n}\n\n@if (reference() !== null || horodatage() !== null) {\n  <div class=\"st-outcome__faits\">\n    @if (reference(); as valeur) {\n      <div class=\"st-outcome__fait\">\n        <!-- Vue ici, lue par st-code, qui la dit avant la valeur : une seule lecture. -->\n        <span class=\"st-outcome__etiquette-de-fait\" aria-hidden=\"true\">{{\n          etiquetteDeReferenceLue()\n        }}</span>\n        <st-code [valeur]=\"valeur\" [etiquette]=\"etiquetteDeReferenceLue()\" />\n      </div>\n    }\n    @if (horodatage(); as instant) {\n      <div class=\"st-outcome__fait\">\n        @if (etiquetteDHorodatage(); as etiquette) {\n          <span class=\"st-outcome__etiquette-de-fait\">{{ etiquette }}</span>\n        }\n        <st-date class=\"st-outcome__instant\" [valeur]=\"instant\" format=\"date-heure\" />\n      </div>\n    }\n    <span class=\"st-outcome__medaillon\"><ng-content select=\"[medaillon]\" /></span>\n  </div>\n}\n\n<ng-content select=\"[recapitulatif]\" />\n<ng-content select=\"[suite]\" />\n<div class=\"st-outcome__actions\"><ng-content select=\"[actions]\" /></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{display:grid;gap:var(--st-espacement-4);justify-items:start}.st-outcome__entete{display:grid;gap:var(--st-espacement-3);justify-items:start}.st-outcome__titre{margin:0}.st-outcome__precision{max-inline-size:var(--st-largeur-normale);margin:0;color:var(--st-couleur-texte-discret)}.st-outcome__faits{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3) var(--st-espacement-6);align-items:center}.st-outcome__fait{display:grid;gap:var(--st-espacement-1);justify-items:start}.st-outcome__etiquette-de-fait{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);text-transform:uppercase;letter-spacing:var(--st-interlettrage-capitales)}.st-outcome__instant{font-weight:var(--st-graisse-semi)}.st-outcome__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3);align-items:center}.st-outcome__actions:empty{display:none}:host ::ng-deep .st-outcome__actions>[actions]{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3);align-items:center}.st-outcome__etiquette:empty,.st-outcome__medaillon:empty{display:none}:host([data-disposition=compacte]){gap:var(--st-espacement-2);justify-items:stretch;padding:var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-lg)}:host([data-disposition=compacte]) .st-outcome__entete{display:flex;gap:var(--st-espacement-1-5);align-items:center}:host([data-disposition=compacte]) .st-outcome__titre{flex:1;font-weight:var(--st-graisse-semi)}:host([data-disposition=compacte]) .st-outcome__faits{justify-content:space-between}:host([data-disposition=compacte][data-issue=succes]) .st-outcome__titre{color:var(--st-couleur-succes)}:host([data-disposition=compacte][data-issue=echec]) .st-outcome__titre{color:var(--st-couleur-danger)}@media(forced-colors:active){:host([data-disposition=compacte]){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:grid;gap:var(--st-espacement-4);justify-items:start}.st-outcome__entete{display:grid;gap:var(--st-espacement-3);justify-items:start}.st-outcome__titre{margin:0}.st-outcome__precision{max-inline-size:var(--st-largeur-normale);margin:0;color:var(--st-couleur-texte-discret)}.st-outcome__faits{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3) var(--st-espacement-6);align-items:center}.st-outcome__fait{display:grid;gap:var(--st-espacement-1);justify-items:start}.st-outcome__etiquette-de-fait{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);text-transform:uppercase;letter-spacing:var(--st-interlettrage-capitales)}.st-outcome__instant{font-weight:var(--st-graisse-semi)}.st-outcome__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3);align-items:center}.st-outcome__actions:empty{display:none}:host ::ng-deep .st-outcome__actions>[actions]{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3);align-items:center}.st-outcome__etiquette:empty,.st-outcome__medaillon:empty{display:none}:host([data-disposition=compacte]){gap:var(--st-espacement-2);justify-items:stretch;padding:var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-lg)}:host([data-disposition=compacte]) .st-outcome__entete{display:flex;gap:var(--st-espacement-1-5);align-items:center}:host([data-disposition=compacte]) .st-outcome__titre{flex:1;font-weight:var(--st-graisse-semi)}:host([data-disposition=compacte]) .st-outcome__faits{justify-content:space-between}:host([data-disposition=compacte][data-issue=succes]) .st-outcome__titre{color:var(--st-couleur-succes)}:host([data-disposition=compacte][data-issue=echec]) .st-outcome__titre{color:var(--st-couleur-erreur)}@media(forced-colors:active){:host([data-disposition=compacte]){border:var(--st-epaisseur-fine) solid CanvasText}}\n"],
 		dependencies: [
 			{
 				kind: "component",
@@ -492,7 +493,7 @@ var StOutcome = class StOutcome {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StOutcome,
 	decorators: [{
@@ -512,7 +513,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.data-disposition]": "disposition()"
 			},
 			template: "<div class=\"st-outcome__entete\">\n  <st-icon\n    class=\"st-outcome__icone\"\n    [nom]=\"icone()\"\n    variante=\"plein\"\n    [ton]=\"ton()\"\n    [taille]=\"disposition() === 'page' ? '48' : '20'\"\n  />\n  @switch (niveauDuTitre()) {\n    @case (1) {\n      <h1 stHeading class=\"st-outcome__titre\" [taille]=\"disposition() === 'page' ? '2xl' : 'sm'\">\n        <span class=\"st-vh\">{{ mot() }}</span\n        >{{ titre() }}\n      </h1>\n    }\n    @case (2) {\n      <h2 stHeading class=\"st-outcome__titre\" [taille]=\"disposition() === 'page' ? '2xl' : 'sm'\">\n        <span class=\"st-vh\">{{ mot() }}</span\n        >{{ titre() }}\n      </h2>\n    }\n    @case (3) {\n      <h3 stHeading class=\"st-outcome__titre\" [taille]=\"disposition() === 'page' ? '2xl' : 'sm'\">\n        <span class=\"st-vh\">{{ mot() }}</span\n        >{{ titre() }}\n      </h3>\n    }\n    @default {\n      <h4 stHeading class=\"st-outcome__titre\" [taille]=\"disposition() === 'page' ? '2xl' : 'sm'\">\n        <span class=\"st-vh\">{{ mot() }}</span\n        >{{ titre() }}\n      </h4>\n    }\n  }\n  <span class=\"st-outcome__etiquette\"><ng-content select=\"[etiquette]\" /></span>\n</div>\n\n@if (precision(); as texte) {\n  <p class=\"st-outcome__precision\">{{ texte }}</p>\n}\n\n@if (reference() !== null || horodatage() !== null) {\n  <div class=\"st-outcome__faits\">\n    @if (reference(); as valeur) {\n      <div class=\"st-outcome__fait\">\n        <!-- Vue ici, lue par st-code, qui la dit avant la valeur : une seule lecture. -->\n        <span class=\"st-outcome__etiquette-de-fait\" aria-hidden=\"true\">{{\n          etiquetteDeReferenceLue()\n        }}</span>\n        <st-code [valeur]=\"valeur\" [etiquette]=\"etiquetteDeReferenceLue()\" />\n      </div>\n    }\n    @if (horodatage(); as instant) {\n      <div class=\"st-outcome__fait\">\n        @if (etiquetteDHorodatage(); as etiquette) {\n          <span class=\"st-outcome__etiquette-de-fait\">{{ etiquette }}</span>\n        }\n        <st-date class=\"st-outcome__instant\" [valeur]=\"instant\" format=\"date-heure\" />\n      </div>\n    }\n    <span class=\"st-outcome__medaillon\"><ng-content select=\"[medaillon]\" /></span>\n  </div>\n}\n\n<ng-content select=\"[recapitulatif]\" />\n<ng-content select=\"[suite]\" />\n<div class=\"st-outcome__actions\"><ng-content select=\"[actions]\" /></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{display:grid;gap:var(--st-espacement-4);justify-items:start}.st-outcome__entete{display:grid;gap:var(--st-espacement-3);justify-items:start}.st-outcome__titre{margin:0}.st-outcome__precision{max-inline-size:var(--st-largeur-normale);margin:0;color:var(--st-couleur-texte-discret)}.st-outcome__faits{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3) var(--st-espacement-6);align-items:center}.st-outcome__fait{display:grid;gap:var(--st-espacement-1);justify-items:start}.st-outcome__etiquette-de-fait{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);text-transform:uppercase;letter-spacing:var(--st-interlettrage-capitales)}.st-outcome__instant{font-weight:var(--st-graisse-semi)}.st-outcome__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3);align-items:center}.st-outcome__actions:empty{display:none}:host ::ng-deep .st-outcome__actions>[actions]{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3);align-items:center}.st-outcome__etiquette:empty,.st-outcome__medaillon:empty{display:none}:host([data-disposition=compacte]){gap:var(--st-espacement-2);justify-items:stretch;padding:var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-lg)}:host([data-disposition=compacte]) .st-outcome__entete{display:flex;gap:var(--st-espacement-1-5);align-items:center}:host([data-disposition=compacte]) .st-outcome__titre{flex:1;font-weight:var(--st-graisse-semi)}:host([data-disposition=compacte]) .st-outcome__faits{justify-content:space-between}:host([data-disposition=compacte][data-issue=succes]) .st-outcome__titre{color:var(--st-couleur-succes)}:host([data-disposition=compacte][data-issue=echec]) .st-outcome__titre{color:var(--st-couleur-danger)}@media(forced-colors:active){:host([data-disposition=compacte]){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:grid;gap:var(--st-espacement-4);justify-items:start}.st-outcome__entete{display:grid;gap:var(--st-espacement-3);justify-items:start}.st-outcome__titre{margin:0}.st-outcome__precision{max-inline-size:var(--st-largeur-normale);margin:0;color:var(--st-couleur-texte-discret)}.st-outcome__faits{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3) var(--st-espacement-6);align-items:center}.st-outcome__fait{display:grid;gap:var(--st-espacement-1);justify-items:start}.st-outcome__etiquette-de-fait{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);text-transform:uppercase;letter-spacing:var(--st-interlettrage-capitales)}.st-outcome__instant{font-weight:var(--st-graisse-semi)}.st-outcome__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3);align-items:center}.st-outcome__actions:empty{display:none}:host ::ng-deep .st-outcome__actions>[actions]{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3);align-items:center}.st-outcome__etiquette:empty,.st-outcome__medaillon:empty{display:none}:host([data-disposition=compacte]){gap:var(--st-espacement-2);justify-items:stretch;padding:var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-lg)}:host([data-disposition=compacte]) .st-outcome__entete{display:flex;gap:var(--st-espacement-1-5);align-items:center}:host([data-disposition=compacte]) .st-outcome__titre{flex:1;font-weight:var(--st-graisse-semi)}:host([data-disposition=compacte]) .st-outcome__faits{justify-content:space-between}:host([data-disposition=compacte][data-issue=succes]) .st-outcome__titre{color:var(--st-couleur-succes)}:host([data-disposition=compacte][data-issue=echec]) .st-outcome__titre{color:var(--st-couleur-erreur)}@media(forced-colors:active){:host([data-disposition=compacte]){border:var(--st-epaisseur-fine) solid CanvasText}}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -604,7 +605,7 @@ const PROFILS = {
 		icone: "cercle-coche"
 	},
 	refusee: {
-		ton: "danger",
+		ton: "erreur",
 		icone: "cercle-croix"
 	},
 	bloquee: {
@@ -615,12 +616,12 @@ const PROFILS = {
 var StTaskList = class StTaskList {
 	libelles = inject(ST_LIBELLES);
 	identifiants = inject(StIdentifiants);
-	taches = input.required(...ngDevMode ? [{ debugName: "taches" }] : 	/* istanbul ignore next */ []);
-	etiquette = input.required(...ngDevMode ? [{ debugName: "etiquette" }] : 	/* istanbul ignore next */ []);
-	sections = input(null, ...ngDevMode ? [{ debugName: "sections" }] : 	/* istanbul ignore next */ []);
-	niveauDuTitre = input(2, ...ngDevMode ? [{ debugName: "niveauDuTitre" }] : 	/* istanbul ignore next */ []);
+	taches = input.required(...ngDevMode ? [{ debugName: "taches" }] : /* istanbul ignore next */ []);
+	etiquette = input.required(...ngDevMode ? [{ debugName: "etiquette" }] : /* istanbul ignore next */ []);
+	sections = input(null, ...ngDevMode ? [{ debugName: "sections" }] : /* istanbul ignore next */ []);
+	niveauDuTitre = input(2, ...ngDevMode ? [{ debugName: "niveauDuTitre" }] : /* istanbul ignore next */ []);
 	resume = input(true, {
-		...ngDevMode ? { debugName: "resume" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "resume" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	ouverture = output();
@@ -637,7 +638,7 @@ var StTaskList = class StTaskList {
 			idDeLaPrecision,
 			decritPar: idDeLaPrecision === null ? idDuStatut : `${idDuStatut} ${idDeLaPrecision}`
 		};
-	}), ...ngDevMode ? [{ debugName: "lues" }] : 	/* istanbul ignore next */ []);
+	}), ...ngDevMode ? [{ debugName: "lues" }] : /* istanbul ignore next */ []);
 	groupes = computed(() => {
 		const sections = this.sections();
 		if (sections === null) return null;
@@ -649,16 +650,16 @@ var StTaskList = class StTaskList {
 				return tache === void 0 ? [] : [tache];
 			})
 		}));
-	}, ...ngDevMode ? [{ debugName: "groupes" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "groupes" }] : /* istanbul ignore next */ []);
 	texteDuResume = computed(() => {
 		const taches = this.taches();
 		const faites = taches.filter((tache) => tache.statut === "terminee").length;
 		return this.libelles().tachesTerminees(faites, taches.length);
-	}, ...ngDevMode ? [{ debugName: "texteDuResume" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "texteDuResume" }] : /* istanbul ignore next */ []);
 	idDuTitre = (indice) => `${this.prefixe}-section-${String(indice)}`;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StTaskList,
 		deps: [],
@@ -666,7 +667,7 @@ var StTaskList = class StTaskList {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StTaskList,
 		isStandalone: true,
 		selector: "st-task-list",
@@ -784,7 +785,7 @@ var StTaskList = class StTaskList {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StTaskList,
 	decorators: [{
@@ -854,24 +855,24 @@ i0.ɵɵngDeclareClassMetadata({
 var StStepper = class StStepper {
 	libelles = inject(ST_LIBELLES);
 	locale = inject(ST_LOCALE);
-	etapes = input.required(...ngDevMode ? [{ debugName: "etapes" }] : 	/* istanbul ignore next */ []);
-	etape = input.required(...ngDevMode ? [{ debugName: "etape" }] : 	/* istanbul ignore next */ []);
-	etiquette = input(null, ...ngDevMode ? [{ debugName: "etiquette" }] : 	/* istanbul ignore next */ []);
-	libelle = input(null, ...ngDevMode ? [{ debugName: "libelle" }] : 	/* istanbul ignore next */ []);
+	etapes = input.required(...ngDevMode ? [{ debugName: "etapes" }] : /* istanbul ignore next */ []);
+	etape = input.required(...ngDevMode ? [{ debugName: "etape" }] : /* istanbul ignore next */ []);
+	etiquette = input(null, ...ngDevMode ? [{ debugName: "etiquette" }] : /* istanbul ignore next */ []);
+	libelle = input(null, ...ngDevMode ? [{ debugName: "libelle" }] : /* istanbul ignore next */ []);
 	compacte = input(false, {
-		...ngDevMode ? { debugName: "compacte" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "compacte" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	orientation = input("horizontale", ...ngDevMode ? [{ debugName: "orientation" }] : 	/* istanbul ignore next */ []);
-	etiquetteLue = computed(() => this.etiquette() ?? this.libelle() ?? this.libelles().etapes, ...ngDevMode ? [{ debugName: "etiquetteLue" }] : 	/* istanbul ignore next */ []);
-	motDeLEtapeFaite = computed(() => this.libelles().etapeTerminee, ...ngDevMode ? [{ debugName: "motDeLEtapeFaite" }] : 	/* istanbul ignore next */ []);
+	orientation = input("horizontale", ...ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []);
+	etiquetteLue = computed(() => this.etiquette() ?? this.libelle() ?? this.libelles().etapes, ...ngDevMode ? [{ debugName: "etiquetteLue" }] : /* istanbul ignore next */ []);
+	motDeLEtapeFaite = computed(() => this.libelles().etapeTerminee, ...ngDevMode ? [{ debugName: "motDeLEtapeFaite" }] : /* istanbul ignore next */ []);
 	courante = computed(() => {
 		const demande = this.etape();
 		const total = this.etapes().length;
 		const borne = Math.min(total, Math.max(0, Number.isFinite(demande) ? Math.trunc(demande) : 0));
 		if (borne !== demande && isDevMode()) console.warn(`st-stepper : l'etape ${String(demande)} est hors du parcours (0 a ${String(total)}) ; elle est ramenee a ${String(borne)}.`);
 		return borne;
-	}, ...ngDevMode ? [{ debugName: "courante" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "courante" }] : /* istanbul ignore next */ []);
 	lignes = computed(() => {
 		const courante = this.courante();
 		const libelles = this.libelles();
@@ -889,11 +890,11 @@ var StStepper = class StStepper {
 				relie: indice < etapes.length - 1
 			};
 		});
-	}, ...ngDevMode ? [{ debugName: "lignes" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []);
 	formatDuPourcentage = computed(() => new Intl.NumberFormat(this.locale(), {
 		style: "percent",
 		maximumFractionDigits: 0
-	}), ...ngDevMode ? [{ debugName: "formatDuPourcentage" }] : 	/* istanbul ignore next */ []);
+	}), ...ngDevMode ? [{ debugName: "formatDuPourcentage" }] : /* istanbul ignore next */ []);
 	resume = computed(() => {
 		const etapes = this.etapes();
 		const total = etapes.length;
@@ -909,10 +910,10 @@ var StStepper = class StStepper {
 			precedente: precedente === void 0 ? null : libelles.etapePrecedente(precedente.libelle),
 			suivante: suivante === void 0 ? null : libelles.etapeSuivante(suivante.libelle)
 		};
-	}, ...ngDevMode ? [{ debugName: "resume" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "resume" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StStepper,
 		deps: [],
@@ -920,7 +921,7 @@ var StStepper = class StStepper {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StStepper,
 		isStandalone: true,
 		selector: "st-stepper",
@@ -977,7 +978,7 @@ var StStepper = class StStepper {
 		},
 		ngImport: i0,
 		template: "<!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste, et c'est la seule\n     forme lue, la vue compacte etant masquee (audit UI du 2026-09-27, D-1). -->\n<ol class=\"st-stepper__liste\" role=\"list\" [attr.aria-label]=\"etiquetteLue()\">\n  @for (ligne of lignes(); track $index) {\n    <li\n      class=\"st-stepper__etape\"\n      [attr.data-etat]=\"ligne.etat\"\n      [attr.aria-current]=\"ligne.etat === 'courante' ? 'step' : null\"\n    >\n      <span class=\"st-stepper__tete\" aria-hidden=\"true\">\n        <span class=\"st-stepper__repere\">\n          @if (ligne.etat === 'faite') {\n            <st-icon nom=\"coche\" taille=\"20\" />\n          } @else {\n            {{ ligne.numero }}\n          }\n        </span>\n        @if (ligne.relie) {\n          <span class=\"st-stepper__connecteur\"></span>\n        }\n      </span>\n      <span class=\"st-stepper__textes\">\n        <span class=\"st-stepper__surtitre\">\n          <span>{{ ligne.surtitre }}</span>\n          @if (ligne.etat === 'faite') {\n            <st-icon nom=\"double-coche\" taille=\"14\" />\n            <span class=\"st-vh\">, {{ motDeLEtapeFaite() }}</span>\n          }\n        </span>\n        <span class=\"st-stepper__libelle\">{{ ligne.libelle }}</span>\n        @if (ligne.description !== null) {\n          <span class=\"st-stepper__description\">{{ ligne.description }}</span>\n        }\n      </span>\n    </li>\n  }\n</ol>\n@if (resume(); as resume) {\n  <div class=\"st-stepper__compact\" aria-hidden=\"true\">\n    <div class=\"st-stepper__compact-entete\">\n      <div class=\"st-stepper__compact-titres\">\n        @if (libelle(); as libelle) {\n          <span class=\"st-stepper__compact-surtitre\">{{ libelle }}</span>\n        }\n        <span class=\"st-stepper__compact-titre\">{{ resume.titre }}</span>\n      </div>\n      <span class=\"st-stepper__pourcentage\">{{ resume.pourcentage }}</span>\n    </div>\n    <div class=\"st-stepper__segments\">\n      @for (ligne of lignes(); track $index) {\n        <span class=\"st-stepper__segment\" [attr.data-etat]=\"ligne.etat\"></span>\n      }\n    </div>\n    <div class=\"st-stepper__voisines\">\n      @if (resume.precedente; as precedente) {\n        <span>{{ precedente }}</span>\n      }\n      @if (resume.suivante; as suivante) {\n        <span class=\"st-stepper__suivante\">{{ suivante }}</span>\n      }\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{display:block;container-type:inline-size}.st-stepper__liste{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;list-style:none}.st-stepper__compact{display:flex;flex-direction:column;gap:var(--st-espacement-2);padding:var(--st-espacement-6) var(--st-espacement-4) var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}.st-stepper__compact-entete{display:flex;gap:var(--st-espacement-4);align-items:center;justify-content:space-between}.st-stepper__compact-titres{display:flex;flex-direction:column;min-inline-size:0}.st-stepper__compact-surtitre{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;color:var(--st-couleur-texte-attenue)}.st-stepper__compact-titre{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte)}.st-stepper__pourcentage{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;flex:none;font-family:var(--st-police-mono);font-weight:var(--st-graisse-grasse);color:var(--st-couleur-texte-primaire);text-transform:none}.st-stepper__segments{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:var(--st-espacement-1-5);block-size:var(--st-espacement-2)}.st-stepper__segment{display:block;background:var(--st-couleur-surface-active);border-radius:var(--st-rayon-pleine)}.st-stepper__segment[data-etat=faite]{background:var(--st-couleur-succes)}.st-stepper__segment[data-etat=courante]{background:var(--st-couleur-primaire)}.st-stepper__voisines{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;display:flex;gap:var(--st-espacement-4);align-items:center;justify-content:space-between;padding-block-start:var(--st-espacement-1);color:var(--st-couleur-texte-discret);text-transform:none}.st-stepper__suivante{margin-inline-start:auto}@container (min-width: 48rem){:host(:not([data-forme=compacte]):not([data-orientation=verticale])) .st-stepper__liste{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;position:relative;display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:var(--st-espacement-4);padding:0}:host(:not([data-forme=compacte]):not([data-orientation=verticale])) .st-stepper__compact{display:none}}:host([data-orientation=verticale]:not([data-forme=compacte])) .st-stepper__liste{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;display:grid;padding:0}:host([data-orientation=verticale]:not([data-forme=compacte])) .st-stepper__compact{display:none}:host([data-orientation=verticale]:not([data-forme=compacte])) .st-stepper__etape{flex-direction:row;gap:var(--st-espacement-3)}:host([data-orientation=verticale]:not([data-forme=compacte])) .st-stepper__tete{flex-direction:column;align-self:stretch}:host([data-orientation=verticale]:not([data-forme=compacte])) .st-stepper__connecteur{inline-size:var(--st-epaisseur-epaisse);block-size:auto;min-block-size:var(--st-espacement-4);margin-block:var(--st-espacement-1);margin-inline-start:0}:host([data-orientation=verticale]:not([data-forme=compacte])) .st-stepper__textes{padding-block:var(--st-espacement-2) var(--st-espacement-4)}.st-stepper__etape{position:relative;display:flex;flex-direction:column;gap:var(--st-espacement-2)}.st-stepper__tete{display:flex;align-items:center}.st-stepper__repere{display:flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-hauteur-commande-lg);block-size:var(--st-hauteur-commande-lg);line-height:var(--st-interligne-md);color:var(--st-couleur-texte-attenue);background:var(--st-couleur-surface-conteneur-haut);border-radius:var(--st-rayon-pleine)}.st-stepper__etape:not([data-etat=faite]) .st-stepper__repere{font-size:var(--st-taille-lg);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-lg);font-weight:var(--st-graisse-grasse)}.st-stepper__connecteur{flex:1 1 0%;block-size:var(--st-epaisseur-epaisse);margin-inline-start:var(--st-espacement-2);background:var(--st-couleur-surface-active)}.st-stepper__textes{display:flex;flex-direction:column}.st-stepper__surtitre{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;display:flex;gap:var(--st-espacement-1);align-items:center;color:var(--st-couleur-texte-attenue)}.st-stepper__libelle{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);overflow-wrap:anywhere;font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-texte-attenue)}.st-stepper__description{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;overflow-wrap:anywhere;color:var(--st-couleur-texte-attenue);text-transform:none}.st-stepper__etape:not([data-etat=a-venir]) .st-stepper__surtitre{font-weight:var(--st-graisse-grasse)}.st-stepper__etape:not([data-etat=a-venir]) .st-stepper__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte)}.st-stepper__etape:not([data-etat=a-venir]) .st-stepper__description{color:var(--st-couleur-texte-discret)}.st-stepper__etape[data-etat=faite] .st-stepper__repere{color:var(--st-couleur-sur-succes);background:var(--st-couleur-succes);box-shadow:var(--st-ombre-repos)}.st-stepper__etape[data-etat=faite] .st-stepper__connecteur{background:var(--st-couleur-succes)}.st-stepper__etape[data-etat=faite] .st-stepper__surtitre{color:var(--st-couleur-succes)}.st-stepper__etape[data-etat=courante] .st-stepper__repere{color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire);box-shadow:0 0 0 var(--st-epaisseur-epaisse) var(--st-couleur-primaire-attenue),var(--st-ombre-survol)}.st-stepper__etape[data-etat=courante] .st-stepper__surtitre{color:var(--st-couleur-texte-primaire)}@media(forced-colors:active){.st-stepper__etape[data-etat=courante] .st-stepper__repere,.st-stepper__etape[data-etat=faite] .st-stepper__repere,.st-stepper__segment[data-etat=faite],.st-stepper__segment[data-etat=courante]{forced-color-adjust:none;color:HighlightText;background:Highlight}.st-stepper__segment[data-etat=courante]{background:Canvas;outline:var(--st-epaisseur-moyenne) solid Highlight;outline-offset:calc(-1 * var(--st-epaisseur-moyenne))}.st-stepper__etape[data-etat=a-venir] .st-stepper__repere,.st-stepper__segment[data-etat=a-venir]{outline:var(--st-epaisseur-fine) solid CanvasText;outline-offset:calc(-1 * var(--st-epaisseur-fine))}.st-stepper__connecteur{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{display:block;container-type:inline-size}.st-stepper__liste{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;list-style:none}.st-stepper__compact{display:flex;flex-direction:column;gap:var(--st-espacement-2);padding:var(--st-espacement-6) var(--st-espacement-4) var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}.st-stepper__compact-entete{display:flex;gap:var(--st-espacement-4);align-items:center;justify-content:space-between}.st-stepper__compact-titres{display:flex;flex-direction:column;min-inline-size:0}.st-stepper__compact-surtitre{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;color:var(--st-couleur-texte-attenue)}.st-stepper__compact-titre{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte)}.st-stepper__pourcentage{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;flex:none;font-family:var(--st-police-mono);font-weight:var(--st-graisse-grasse);color:var(--st-couleur-texte-primaire);text-transform:none}.st-stepper__segments{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:var(--st-espacement-1-5);block-size:var(--st-espacement-2)}.st-stepper__segment{display:block;background:var(--st-couleur-surface-active);border-radius:var(--st-rayon-pleine)}.st-stepper__segment[data-etat=faite]{background:var(--st-couleur-succes)}.st-stepper__segment[data-etat=courante]{background:var(--st-couleur-primaire)}.st-stepper__voisines{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;display:flex;gap:var(--st-espacement-4);align-items:center;justify-content:space-between;padding-block-start:var(--st-espacement-1);color:var(--st-couleur-texte-discret);text-transform:none}.st-stepper__suivante{margin-inline-start:auto}@container (min-width: 48rem){:host(:not([data-forme=compacte]):not([data-orientation=verticale])) .st-stepper__liste{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;position:relative;display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:var(--st-espacement-4);padding:0}:host(:not([data-forme=compacte]):not([data-orientation=verticale])) .st-stepper__compact{display:none}}:host([data-orientation=verticale]:not([data-forme=compacte])) .st-stepper__liste{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;display:grid;padding:0}:host([data-orientation=verticale]:not([data-forme=compacte])) .st-stepper__compact{display:none}:host([data-orientation=verticale]:not([data-forme=compacte])) .st-stepper__etape{flex-direction:row;gap:var(--st-espacement-3)}:host([data-orientation=verticale]:not([data-forme=compacte])) .st-stepper__tete{flex-direction:column;align-self:stretch}:host([data-orientation=verticale]:not([data-forme=compacte])) .st-stepper__connecteur{inline-size:var(--st-epaisseur-epaisse);block-size:auto;min-block-size:var(--st-espacement-4);margin-block:var(--st-espacement-1);margin-inline-start:0}:host([data-orientation=verticale]:not([data-forme=compacte])) .st-stepper__textes{padding-block:var(--st-espacement-2) var(--st-espacement-4)}.st-stepper__etape{position:relative;display:flex;flex-direction:column;gap:var(--st-espacement-2)}.st-stepper__tete{display:flex;align-items:center}.st-stepper__repere{display:flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-hauteur-commande-lg);block-size:var(--st-hauteur-commande-lg);line-height:var(--st-interligne-md);color:var(--st-couleur-texte-attenue);background:var(--st-couleur-surface-conteneur-haut);border-radius:var(--st-rayon-pleine)}.st-stepper__etape:not([data-etat=faite]) .st-stepper__repere{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);font-weight:var(--st-graisse-grasse)}.st-stepper__connecteur{flex:1 1 0%;block-size:var(--st-epaisseur-epaisse);margin-inline-start:var(--st-espacement-2);background:var(--st-couleur-surface-active)}.st-stepper__textes{display:flex;flex-direction:column}.st-stepper__surtitre{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;display:flex;gap:var(--st-espacement-1);align-items:center;color:var(--st-couleur-texte-attenue)}.st-stepper__libelle{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);overflow-wrap:anywhere;font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-texte-attenue)}.st-stepper__description{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;overflow-wrap:anywhere;color:var(--st-couleur-texte-attenue);text-transform:none}.st-stepper__etape:not([data-etat=a-venir]) .st-stepper__surtitre{font-weight:var(--st-graisse-grasse)}.st-stepper__etape:not([data-etat=a-venir]) .st-stepper__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte)}.st-stepper__etape:not([data-etat=a-venir]) .st-stepper__description{color:var(--st-couleur-texte-discret)}.st-stepper__etape[data-etat=faite] .st-stepper__repere{color:var(--st-couleur-sur-succes);background:var(--st-couleur-succes);box-shadow:var(--st-ombre-repos)}.st-stepper__etape[data-etat=faite] .st-stepper__connecteur{background:var(--st-couleur-succes)}.st-stepper__etape[data-etat=faite] .st-stepper__surtitre{color:var(--st-couleur-succes)}.st-stepper__etape[data-etat=courante] .st-stepper__repere{color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire);box-shadow:0 0 0 var(--st-epaisseur-epaisse) var(--st-couleur-primaire-attenue),var(--st-ombre-survol)}.st-stepper__etape[data-etat=courante] .st-stepper__surtitre{color:var(--st-couleur-texte-primaire)}@media(forced-colors:active){.st-stepper__etape[data-etat=courante] .st-stepper__repere,.st-stepper__etape[data-etat=faite] .st-stepper__repere,.st-stepper__segment[data-etat=faite],.st-stepper__segment[data-etat=courante]{forced-color-adjust:none;color:HighlightText;background:Highlight}.st-stepper__segment[data-etat=courante]{background:Canvas;outline:var(--st-epaisseur-moyenne) solid Highlight;outline-offset:calc(-1 * var(--st-epaisseur-moyenne))}.st-stepper__etape[data-etat=a-venir] .st-stepper__repere,.st-stepper__segment[data-etat=a-venir]{outline:var(--st-epaisseur-fine) solid CanvasText;outline-offset:calc(-1 * var(--st-epaisseur-fine))}.st-stepper__connecteur{forced-color-adjust:none;background:CanvasText}}\n"],
 		dependencies: [{
 			kind: "component",
 			type: StIcon,
@@ -999,7 +1000,7 @@ var StStepper = class StStepper {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StStepper,
 	decorators: [{
@@ -1014,7 +1015,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.data-orientation]": "orientation() === 'verticale' ? 'verticale' : null"
 			},
 			template: "<!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste, et c'est la seule\n     forme lue, la vue compacte etant masquee (audit UI du 2026-09-27, D-1). -->\n<ol class=\"st-stepper__liste\" role=\"list\" [attr.aria-label]=\"etiquetteLue()\">\n  @for (ligne of lignes(); track $index) {\n    <li\n      class=\"st-stepper__etape\"\n      [attr.data-etat]=\"ligne.etat\"\n      [attr.aria-current]=\"ligne.etat === 'courante' ? 'step' : null\"\n    >\n      <span class=\"st-stepper__tete\" aria-hidden=\"true\">\n        <span class=\"st-stepper__repere\">\n          @if (ligne.etat === 'faite') {\n            <st-icon nom=\"coche\" taille=\"20\" />\n          } @else {\n            {{ ligne.numero }}\n          }\n        </span>\n        @if (ligne.relie) {\n          <span class=\"st-stepper__connecteur\"></span>\n        }\n      </span>\n      <span class=\"st-stepper__textes\">\n        <span class=\"st-stepper__surtitre\">\n          <span>{{ ligne.surtitre }}</span>\n          @if (ligne.etat === 'faite') {\n            <st-icon nom=\"double-coche\" taille=\"14\" />\n            <span class=\"st-vh\">, {{ motDeLEtapeFaite() }}</span>\n          }\n        </span>\n        <span class=\"st-stepper__libelle\">{{ ligne.libelle }}</span>\n        @if (ligne.description !== null) {\n          <span class=\"st-stepper__description\">{{ ligne.description }}</span>\n        }\n      </span>\n    </li>\n  }\n</ol>\n@if (resume(); as resume) {\n  <div class=\"st-stepper__compact\" aria-hidden=\"true\">\n    <div class=\"st-stepper__compact-entete\">\n      <div class=\"st-stepper__compact-titres\">\n        @if (libelle(); as libelle) {\n          <span class=\"st-stepper__compact-surtitre\">{{ libelle }}</span>\n        }\n        <span class=\"st-stepper__compact-titre\">{{ resume.titre }}</span>\n      </div>\n      <span class=\"st-stepper__pourcentage\">{{ resume.pourcentage }}</span>\n    </div>\n    <div class=\"st-stepper__segments\">\n      @for (ligne of lignes(); track $index) {\n        <span class=\"st-stepper__segment\" [attr.data-etat]=\"ligne.etat\"></span>\n      }\n    </div>\n    <div class=\"st-stepper__voisines\">\n      @if (resume.precedente; as precedente) {\n        <span>{{ precedente }}</span>\n      }\n      @if (resume.suivante; as suivante) {\n        <span class=\"st-stepper__suivante\">{{ suivante }}</span>\n      }\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{display:block;container-type:inline-size}.st-stepper__liste{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;list-style:none}.st-stepper__compact{display:flex;flex-direction:column;gap:var(--st-espacement-2);padding:var(--st-espacement-6) var(--st-espacement-4) var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}.st-stepper__compact-entete{display:flex;gap:var(--st-espacement-4);align-items:center;justify-content:space-between}.st-stepper__compact-titres{display:flex;flex-direction:column;min-inline-size:0}.st-stepper__compact-surtitre{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;color:var(--st-couleur-texte-attenue)}.st-stepper__compact-titre{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte)}.st-stepper__pourcentage{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;flex:none;font-family:var(--st-police-mono);font-weight:var(--st-graisse-grasse);color:var(--st-couleur-texte-primaire);text-transform:none}.st-stepper__segments{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:var(--st-espacement-1-5);block-size:var(--st-espacement-2)}.st-stepper__segment{display:block;background:var(--st-couleur-surface-active);border-radius:var(--st-rayon-pleine)}.st-stepper__segment[data-etat=faite]{background:var(--st-couleur-succes)}.st-stepper__segment[data-etat=courante]{background:var(--st-couleur-primaire)}.st-stepper__voisines{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;display:flex;gap:var(--st-espacement-4);align-items:center;justify-content:space-between;padding-block-start:var(--st-espacement-1);color:var(--st-couleur-texte-discret);text-transform:none}.st-stepper__suivante{margin-inline-start:auto}@container (min-width: 48rem){:host(:not([data-forme=compacte]):not([data-orientation=verticale])) .st-stepper__liste{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;position:relative;display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:var(--st-espacement-4);padding:0}:host(:not([data-forme=compacte]):not([data-orientation=verticale])) .st-stepper__compact{display:none}}:host([data-orientation=verticale]:not([data-forme=compacte])) .st-stepper__liste{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;display:grid;padding:0}:host([data-orientation=verticale]:not([data-forme=compacte])) .st-stepper__compact{display:none}:host([data-orientation=verticale]:not([data-forme=compacte])) .st-stepper__etape{flex-direction:row;gap:var(--st-espacement-3)}:host([data-orientation=verticale]:not([data-forme=compacte])) .st-stepper__tete{flex-direction:column;align-self:stretch}:host([data-orientation=verticale]:not([data-forme=compacte])) .st-stepper__connecteur{inline-size:var(--st-epaisseur-epaisse);block-size:auto;min-block-size:var(--st-espacement-4);margin-block:var(--st-espacement-1);margin-inline-start:0}:host([data-orientation=verticale]:not([data-forme=compacte])) .st-stepper__textes{padding-block:var(--st-espacement-2) var(--st-espacement-4)}.st-stepper__etape{position:relative;display:flex;flex-direction:column;gap:var(--st-espacement-2)}.st-stepper__tete{display:flex;align-items:center}.st-stepper__repere{display:flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-hauteur-commande-lg);block-size:var(--st-hauteur-commande-lg);line-height:var(--st-interligne-md);color:var(--st-couleur-texte-attenue);background:var(--st-couleur-surface-conteneur-haut);border-radius:var(--st-rayon-pleine)}.st-stepper__etape:not([data-etat=faite]) .st-stepper__repere{font-size:var(--st-taille-lg);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-lg);font-weight:var(--st-graisse-grasse)}.st-stepper__connecteur{flex:1 1 0%;block-size:var(--st-epaisseur-epaisse);margin-inline-start:var(--st-espacement-2);background:var(--st-couleur-surface-active)}.st-stepper__textes{display:flex;flex-direction:column}.st-stepper__surtitre{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;display:flex;gap:var(--st-espacement-1);align-items:center;color:var(--st-couleur-texte-attenue)}.st-stepper__libelle{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);overflow-wrap:anywhere;font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-texte-attenue)}.st-stepper__description{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;overflow-wrap:anywhere;color:var(--st-couleur-texte-attenue);text-transform:none}.st-stepper__etape:not([data-etat=a-venir]) .st-stepper__surtitre{font-weight:var(--st-graisse-grasse)}.st-stepper__etape:not([data-etat=a-venir]) .st-stepper__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte)}.st-stepper__etape:not([data-etat=a-venir]) .st-stepper__description{color:var(--st-couleur-texte-discret)}.st-stepper__etape[data-etat=faite] .st-stepper__repere{color:var(--st-couleur-sur-succes);background:var(--st-couleur-succes);box-shadow:var(--st-ombre-repos)}.st-stepper__etape[data-etat=faite] .st-stepper__connecteur{background:var(--st-couleur-succes)}.st-stepper__etape[data-etat=faite] .st-stepper__surtitre{color:var(--st-couleur-succes)}.st-stepper__etape[data-etat=courante] .st-stepper__repere{color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire);box-shadow:0 0 0 var(--st-epaisseur-epaisse) var(--st-couleur-primaire-attenue),var(--st-ombre-survol)}.st-stepper__etape[data-etat=courante] .st-stepper__surtitre{color:var(--st-couleur-texte-primaire)}@media(forced-colors:active){.st-stepper__etape[data-etat=courante] .st-stepper__repere,.st-stepper__etape[data-etat=faite] .st-stepper__repere,.st-stepper__segment[data-etat=faite],.st-stepper__segment[data-etat=courante]{forced-color-adjust:none;color:HighlightText;background:Highlight}.st-stepper__segment[data-etat=courante]{background:Canvas;outline:var(--st-epaisseur-moyenne) solid Highlight;outline-offset:calc(-1 * var(--st-epaisseur-moyenne))}.st-stepper__etape[data-etat=a-venir] .st-stepper__repere,.st-stepper__segment[data-etat=a-venir]{outline:var(--st-epaisseur-fine) solid CanvasText;outline-offset:calc(-1 * var(--st-epaisseur-fine))}.st-stepper__connecteur{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{display:block;container-type:inline-size}.st-stepper__liste{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;list-style:none}.st-stepper__compact{display:flex;flex-direction:column;gap:var(--st-espacement-2);padding:var(--st-espacement-6) var(--st-espacement-4) var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}.st-stepper__compact-entete{display:flex;gap:var(--st-espacement-4);align-items:center;justify-content:space-between}.st-stepper__compact-titres{display:flex;flex-direction:column;min-inline-size:0}.st-stepper__compact-surtitre{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;color:var(--st-couleur-texte-attenue)}.st-stepper__compact-titre{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte)}.st-stepper__pourcentage{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;flex:none;font-family:var(--st-police-mono);font-weight:var(--st-graisse-grasse);color:var(--st-couleur-texte-primaire);text-transform:none}.st-stepper__segments{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:var(--st-espacement-1-5);block-size:var(--st-espacement-2)}.st-stepper__segment{display:block;background:var(--st-couleur-surface-active);border-radius:var(--st-rayon-pleine)}.st-stepper__segment[data-etat=faite]{background:var(--st-couleur-succes)}.st-stepper__segment[data-etat=courante]{background:var(--st-couleur-primaire)}.st-stepper__voisines{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;display:flex;gap:var(--st-espacement-4);align-items:center;justify-content:space-between;padding-block-start:var(--st-espacement-1);color:var(--st-couleur-texte-discret);text-transform:none}.st-stepper__suivante{margin-inline-start:auto}@container (min-width: 48rem){:host(:not([data-forme=compacte]):not([data-orientation=verticale])) .st-stepper__liste{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;position:relative;display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:var(--st-espacement-4);padding:0}:host(:not([data-forme=compacte]):not([data-orientation=verticale])) .st-stepper__compact{display:none}}:host([data-orientation=verticale]:not([data-forme=compacte])) .st-stepper__liste{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;display:grid;padding:0}:host([data-orientation=verticale]:not([data-forme=compacte])) .st-stepper__compact{display:none}:host([data-orientation=verticale]:not([data-forme=compacte])) .st-stepper__etape{flex-direction:row;gap:var(--st-espacement-3)}:host([data-orientation=verticale]:not([data-forme=compacte])) .st-stepper__tete{flex-direction:column;align-self:stretch}:host([data-orientation=verticale]:not([data-forme=compacte])) .st-stepper__connecteur{inline-size:var(--st-epaisseur-epaisse);block-size:auto;min-block-size:var(--st-espacement-4);margin-block:var(--st-espacement-1);margin-inline-start:0}:host([data-orientation=verticale]:not([data-forme=compacte])) .st-stepper__textes{padding-block:var(--st-espacement-2) var(--st-espacement-4)}.st-stepper__etape{position:relative;display:flex;flex-direction:column;gap:var(--st-espacement-2)}.st-stepper__tete{display:flex;align-items:center}.st-stepper__repere{display:flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-hauteur-commande-lg);block-size:var(--st-hauteur-commande-lg);line-height:var(--st-interligne-md);color:var(--st-couleur-texte-attenue);background:var(--st-couleur-surface-conteneur-haut);border-radius:var(--st-rayon-pleine)}.st-stepper__etape:not([data-etat=faite]) .st-stepper__repere{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);font-weight:var(--st-graisse-grasse)}.st-stepper__connecteur{flex:1 1 0%;block-size:var(--st-epaisseur-epaisse);margin-inline-start:var(--st-espacement-2);background:var(--st-couleur-surface-active)}.st-stepper__textes{display:flex;flex-direction:column}.st-stepper__surtitre{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;display:flex;gap:var(--st-espacement-1);align-items:center;color:var(--st-couleur-texte-attenue)}.st-stepper__libelle{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);overflow-wrap:anywhere;font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-texte-attenue)}.st-stepper__description{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;overflow-wrap:anywhere;color:var(--st-couleur-texte-attenue);text-transform:none}.st-stepper__etape:not([data-etat=a-venir]) .st-stepper__surtitre{font-weight:var(--st-graisse-grasse)}.st-stepper__etape:not([data-etat=a-venir]) .st-stepper__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte)}.st-stepper__etape:not([data-etat=a-venir]) .st-stepper__description{color:var(--st-couleur-texte-discret)}.st-stepper__etape[data-etat=faite] .st-stepper__repere{color:var(--st-couleur-sur-succes);background:var(--st-couleur-succes);box-shadow:var(--st-ombre-repos)}.st-stepper__etape[data-etat=faite] .st-stepper__connecteur{background:var(--st-couleur-succes)}.st-stepper__etape[data-etat=faite] .st-stepper__surtitre{color:var(--st-couleur-succes)}.st-stepper__etape[data-etat=courante] .st-stepper__repere{color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire);box-shadow:0 0 0 var(--st-epaisseur-epaisse) var(--st-couleur-primaire-attenue),var(--st-ombre-survol)}.st-stepper__etape[data-etat=courante] .st-stepper__surtitre{color:var(--st-couleur-texte-primaire)}@media(forced-colors:active){.st-stepper__etape[data-etat=courante] .st-stepper__repere,.st-stepper__etape[data-etat=faite] .st-stepper__repere,.st-stepper__segment[data-etat=faite],.st-stepper__segment[data-etat=courante]{forced-color-adjust:none;color:HighlightText;background:Highlight}.st-stepper__segment[data-etat=courante]{background:Canvas;outline:var(--st-epaisseur-moyenne) solid Highlight;outline-offset:calc(-1 * var(--st-epaisseur-moyenne))}.st-stepper__etape[data-etat=a-venir] .st-stepper__repere,.st-stepper__segment[data-etat=a-venir]{outline:var(--st-epaisseur-fine) solid CanvasText;outline-offset:calc(-1 * var(--st-epaisseur-fine))}.st-stepper__connecteur{forced-color-adjust:none;background:CanvasText}}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -1070,25 +1071,25 @@ i0.ɵɵngDeclareClassMetadata({
 });
 const ST_ASSISTANT = new InjectionToken("ST_ASSISTANT");
 var StWizard = class StWizard {
-	etapes = input.required(...ngDevMode ? [{ debugName: "etapes" }] : 	/* istanbul ignore next */ []);
-	etape = input.required(...ngDevMode ? [{ debugName: "etape" }] : 	/* istanbul ignore next */ []);
-	libelle = input(null, ...ngDevMode ? [{ debugName: "libelle" }] : 	/* istanbul ignore next */ []);
-	etiquette = input(null, ...ngDevMode ? [{ debugName: "etiquette" }] : 	/* istanbul ignore next */ []);
-	orientation = input("horizontale", ...ngDevMode ? [{ debugName: "orientation" }] : 	/* istanbul ignore next */ []);
-	retourVers = input(null, ...ngDevMode ? [{ debugName: "retourVers" }] : 	/* istanbul ignore next */ []);
+	etapes = input.required(...ngDevMode ? [{ debugName: "etapes" }] : /* istanbul ignore next */ []);
+	etape = input.required(...ngDevMode ? [{ debugName: "etape" }] : /* istanbul ignore next */ []);
+	libelle = input(null, ...ngDevMode ? [{ debugName: "libelle" }] : /* istanbul ignore next */ []);
+	etiquette = input(null, ...ngDevMode ? [{ debugName: "etiquette" }] : /* istanbul ignore next */ []);
+	orientation = input("horizontale", ...ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []);
+	retourVers = input(null, ...ngDevMode ? [{ debugName: "retourVers" }] : /* istanbul ignore next */ []);
 	retour = output();
-	total = computed(() => this.etapes().length, ...ngDevMode ? [{ debugName: "total" }] : 	/* istanbul ignore next */ []);
+	total = computed(() => this.etapes().length, ...ngDevMode ? [{ debugName: "total" }] : /* istanbul ignore next */ []);
 	numero = computed(() => {
 		const etape = Math.trunc(Number.isFinite(this.etape()) ? this.etape() : 0);
 		return Math.min(this.total(), Math.max(0, etape)) + 1;
-	}, ...ngDevMode ? [{ debugName: "numero" }] : 	/* istanbul ignore next */ []);
-	retourPossible = computed(() => this.retourVers() !== null || this.numero() > 1, ...ngDevMode ? [{ debugName: "retourPossible" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "numero" }] : /* istanbul ignore next */ []);
+	retourPossible = computed(() => this.retourVers() !== null || this.numero() > 1, ...ngDevMode ? [{ debugName: "retourPossible" }] : /* istanbul ignore next */ []);
 	demanderLeRetour() {
 		this.retour.emit();
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StWizard,
 		deps: [],
@@ -1096,7 +1097,7 @@ var StWizard = class StWizard {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StWizard,
 		isStandalone: true,
 		selector: "st-wizard",
@@ -1171,7 +1172,7 @@ var StWizard = class StWizard {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StWizard,
 	decorators: [{
@@ -1248,37 +1249,37 @@ var StWizardStep = class StWizardStep {
 	assistant = inject(ST_ASSISTANT, { optional: true });
 	element = inject(ElementRef).nativeElement;
 	libelles = inject(ST_LIBELLES);
-	titre = input.required(...ngDevMode ? [{ debugName: "titre" }] : 	/* istanbul ignore next */ []);
-	niveauDuTitre = input(1, ...ngDevMode ? [{ debugName: "niveauDuTitre" }] : 	/* istanbul ignore next */ []);
+	titre = input.required(...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
+	niveauDuTitre = input(1, ...ngDevMode ? [{ debugName: "niveauDuTitre" }] : /* istanbul ignore next */ []);
 	derniere = input(false, {
-		...ngDevMode ? { debugName: "derniere" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "derniere" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	avertissement = input(null, ...ngDevMode ? [{ debugName: "avertissement" }] : 	/* istanbul ignore next */ []);
-	libelleContinuer = input(null, ...ngDevMode ? [{ debugName: "libelleContinuer" }] : 	/* istanbul ignore next */ []);
+	avertissement = input(null, ...ngDevMode ? [{ debugName: "avertissement" }] : /* istanbul ignore next */ []);
+	libelleContinuer = input(null, ...ngDevMode ? [{ debugName: "libelleContinuer" }] : /* 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
 	});
-	dispositionDesActions = input("pied", ...ngDevMode ? [{ debugName: "dispositionDesActions" }] : 	/* istanbul ignore next */ []);
+	dispositionDesActions = input("pied", ...ngDevMode ? [{ debugName: "dispositionDesActions" }] : /* istanbul ignore next */ []);
 	titreLu = computed(() => {
 		const assistant = this.assistant;
 		if (assistant === null) return this.titre();
 		return this.libelles().etapeSur(assistant.numero(), assistant.total(), this.titre());
-	}, ...ngDevMode ? [{ debugName: "titreLu" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "titreLu" }] : /* istanbul ignore next */ []);
 	compte = computed(() => {
 		const assistant = this.assistant;
 		return assistant === null ? null : this.libelles().etapeSurTotal(assistant.numero(), assistant.total());
-	}, ...ngDevMode ? [{ debugName: "compte" }] : 	/* istanbul ignore next */ []);
-	retourVers = computed(() => this.assistant?.retourVers() ?? null, ...ngDevMode ? [{ debugName: "retourVers" }] : 	/* istanbul ignore next */ []);
-	orientation = computed(() => this.assistant?.orientation() ?? null, ...ngDevMode ? [{ debugName: "orientation" }] : 	/* istanbul ignore next */ []);
-	retourPossible = computed(() => this.assistant?.retourPossible() ?? false, ...ngDevMode ? [{ debugName: "retourPossible" }] : 	/* istanbul ignore next */ []);
-	libelleDeLAction = computed(() => this.derniere() ? this.libelles().confirmer : this.libelleContinuer() ?? this.libelles().continuer, ...ngDevMode ? [{ debugName: "libelleDeLAction" }] : 	/* istanbul ignore next */ []);
-	avecAvertissement = computed(() => this.derniere() && this.avertissement() !== null, ...ngDevMode ? [{ debugName: "avecAvertissement" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "compte" }] : /* istanbul ignore next */ []);
+	retourVers = computed(() => this.assistant?.retourVers() ?? null, ...ngDevMode ? [{ debugName: "retourVers" }] : /* istanbul ignore next */ []);
+	orientation = computed(() => this.assistant?.orientation() ?? null, ...ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []);
+	retourPossible = computed(() => this.assistant?.retourPossible() ?? false, ...ngDevMode ? [{ debugName: "retourPossible" }] : /* istanbul ignore next */ []);
+	libelleDeLAction = computed(() => this.derniere() ? this.libelles().confirmer : this.libelleContinuer() ?? this.libelles().continuer, ...ngDevMode ? [{ debugName: "libelleDeLAction" }] : /* istanbul ignore next */ []);
+	avecAvertissement = computed(() => this.derniere() && this.avertissement() !== null, ...ngDevMode ? [{ debugName: "avecAvertissement" }] : /* istanbul ignore next */ []);
 	idDeLAvertissement = inject(StIdentifiants).prochain("st-etape-avertissement");
 	constructor() {
 		let averti = false;
@@ -1298,7 +1299,7 @@ var StWizardStep = class StWizardStep {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StWizardStep,
 		deps: [],
@@ -1306,7 +1307,7 @@ var StWizardStep = class StWizardStep {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StWizardStep,
 		isStandalone: true,
 		selector: "st-wizard-step",
@@ -1457,7 +1458,7 @@ var StWizardStep = class StWizardStep {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StWizardStep,
 	decorators: [{
@@ -1563,98 +1564,98 @@ var StChallenge = class StChallenge {
 	idDeLOperation = this.identifiants.prochain("st-ceremonie-operation");
 	idDesMoyens = this.identifiants.prochain("st-ceremonie-moyens");
 	idDesTentatives = this.identifiants.prochain("st-ceremonie-tentatives");
-	titre = input(null, ...ngDevMode ? [{ debugName: "titre" }] : 	/* istanbul ignore next */ []);
-	niveauDuTitre = input(2, ...ngDevMode ? [{ debugName: "niveauDuTitre" }] : 	/* istanbul ignore next */ []);
-	description = input(null, ...ngDevMode ? [{ debugName: "description" }] : 	/* istanbul ignore next */ []);
-	moyen = model("code", ...ngDevMode ? [{ debugName: "moyen" }] : 	/* istanbul ignore next */ []);
-	autresMoyens = input([], ...ngDevMode ? [{ debugName: "autresMoyens" }] : 	/* istanbul ignore next */ []);
-	ceremonie = input(null, ...ngDevMode ? [{ debugName: "ceremonie" }] : 	/* istanbul ignore next */ []);
+	titre = input(null, ...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
+	niveauDuTitre = input(2, ...ngDevMode ? [{ debugName: "niveauDuTitre" }] : /* istanbul ignore next */ []);
+	description = input(null, ...ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []);
+	moyen = model("code", ...ngDevMode ? [{ debugName: "moyen" }] : /* istanbul ignore next */ []);
+	autresMoyens = input([], ...ngDevMode ? [{ debugName: "autresMoyens" }] : /* istanbul ignore next */ []);
+	ceremonie = input(null, ...ngDevMode ? [{ debugName: "ceremonie" }] : /* istanbul ignore next */ []);
 	longueurDuCode = input(6, {
-		...ngDevMode ? { debugName: "longueurDuCode" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "longueurDuCode" } : /* istanbul ignore next */ {},
 		transform: numberAttribute
 	});
-	libelleDuCode = input(null, ...ngDevMode ? [{ debugName: "libelleDuCode" }] : 	/* istanbul ignore next */ []);
-	aideDuCode = input(null, ...ngDevMode ? [{ debugName: "aideDuCode" }] : 	/* istanbul ignore next */ []);
+	libelleDuCode = input(null, ...ngDevMode ? [{ debugName: "libelleDuCode" }] : /* istanbul ignore next */ []);
+	aideDuCode = input(null, ...ngDevMode ? [{ debugName: "aideDuCode" }] : /* istanbul ignore next */ []);
 	renvoyable = input(false, {
-		...ngDevMode ? { debugName: "renvoyable" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "renvoyable" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	renvoiDans = input(null, ...ngDevMode ? [{ debugName: "renvoiDans" }] : 	/* istanbul ignore next */ []);
+	renvoiDans = input(null, ...ngDevMode ? [{ debugName: "renvoiDans" }] : /* istanbul ignore next */ []);
 	renvoiEnCours = input(false, {
-		...ngDevMode ? { debugName: "renvoiEnCours" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "renvoiEnCours" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	expireDans = input(null, ...ngDevMode ? [{ debugName: "expireDans" }] : 	/* istanbul ignore next */ []);
+	expireDans = input(null, ...ngDevMode ? [{ debugName: "expireDans" }] : /* istanbul ignore next */ []);
 	chargement = input(false, {
-		...ngDevMode ? { debugName: "chargement" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "chargement" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	proposerAppareilDeConfiance = input(false, {
-		...ngDevMode ? { debugName: "proposerAppareilDeConfiance" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "proposerAppareilDeConfiance" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	appareilDeConfiance = model(false, ...ngDevMode ? [{ debugName: "appareilDeConfiance" }] : 	/* istanbul ignore next */ []);
+	appareilDeConfiance = model(false, ...ngDevMode ? [{ debugName: "appareilDeConfiance" }] : /* istanbul ignore next */ []);
 	annulable = input(false, {
-		...ngDevMode ? { debugName: "annulable" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "annulable" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	libelleDAnnulation = input(null, ...ngDevMode ? [{ debugName: "libelleDAnnulation" }] : 	/* istanbul ignore next */ []);
-	libelleDeLAction = input(null, ...ngDevMode ? [{ debugName: "libelleDeLAction" }] : 	/* istanbul ignore next */ []);
-	code = model("", ...ngDevMode ? [{ debugName: "code" }] : 	/* istanbul ignore next */ []);
+	libelleDAnnulation = input(null, ...ngDevMode ? [{ debugName: "libelleDAnnulation" }] : /* istanbul ignore next */ []);
+	libelleDeLAction = input(null, ...ngDevMode ? [{ debugName: "libelleDeLAction" }] : /* istanbul ignore next */ []);
+	code = model("", ...ngDevMode ? [{ debugName: "code" }] : /* istanbul ignore next */ []);
 	focusALArrivee = input(true, {
-		...ngDevMode ? { debugName: "focusALArrivee" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "focusALArrivee" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	envoi = output();
 	renvoi = output();
 	annulation = output();
 	expiration = output();
-	champDuCode = viewChild(StOtpField, ...ngDevMode ? [{ debugName: "champDuCode" }] : 	/* istanbul ignore next */ []);
-	champDeSecours = viewChild(StInput, ...ngDevMode ? [{ debugName: "champDeSecours" }] : 	/* istanbul ignore next */ []);
-	operation = viewChild("operation", ...ngDevMode ? [{ debugName: "operation" }] : 	/* istanbul ignore next */ []);
+	champDuCode = viewChild(StOtpField, ...ngDevMode ? [{ debugName: "champDuCode" }] : /* istanbul ignore next */ []);
+	champDeSecours = viewChild(StInput, ...ngDevMode ? [{ debugName: "champDeSecours" }] : /* istanbul ignore next */ []);
+	operation = viewChild("operation", ...ngDevMode ? [{ debugName: "operation" }] : /* istanbul ignore next */ []);
 	lecture = linkedSignal({
-		...ngDevMode ? { debugName: "lecture" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "lecture" } : /* istanbul ignore next */ {},
 		source: () => ({
 			moyen: this.moyen(),
 			ceremonie: this.ceremonie()
 		}),
 		computation: (source, precedent) => precedent !== void 0 && precedent.source.moyen !== source.moyen && precedent.source.ceremonie === source.ceremonie ? null : source.ceremonie
 	});
-	etat = linkedSignal(() => this.lecture()?.etat ?? (this.moyen() === "appareil" ? "attente" : "saisie"), ...ngDevMode ? [{ debugName: "etat" }] : 	/* istanbul ignore next */ []);
-	bloque = computed(() => this.etat() === "bloque", ...ngDevMode ? [{ debugName: "bloque" }] : 	/* istanbul ignore next */ []);
-	expiree = computed(() => this.etat() === "expire", ...ngDevMode ? [{ debugName: "expiree" }] : 	/* istanbul ignore next */ []);
-	horsService = computed(() => this.bloque() || this.expiree(), ...ngDevMode ? [{ debugName: "horsService" }] : 	/* istanbul ignore next */ []);
-	avecCode = computed(() => this.moyen() === "code", ...ngDevMode ? [{ debugName: "avecCode" }] : 	/* istanbul ignore next */ []);
-	tentativesRestantes = computed(() => this.etat() === "refuse" ? this.lecture()?.tentativesRestantes ?? null : null, ...ngDevMode ? [{ debugName: "tentativesRestantes" }] : 	/* istanbul ignore next */ []);
-	descriptionsDuChamp = computed(() => this.tentativesRestantes() ? [this.idDesTentatives] : [], ...ngDevMode ? [{ debugName: "descriptionsDuChamp" }] : 	/* istanbul ignore next */ []);
+	etat = linkedSignal(() => this.lecture()?.etat ?? (this.moyen() === "appareil" ? "attente" : "saisie"), ...ngDevMode ? [{ debugName: "etat" }] : /* istanbul ignore next */ []);
+	bloque = computed(() => this.etat() === "bloque", ...ngDevMode ? [{ debugName: "bloque" }] : /* istanbul ignore next */ []);
+	expiree = computed(() => this.etat() === "expire", ...ngDevMode ? [{ debugName: "expiree" }] : /* istanbul ignore next */ []);
+	horsService = computed(() => this.bloque() || this.expiree(), ...ngDevMode ? [{ debugName: "horsService" }] : /* istanbul ignore next */ []);
+	avecCode = computed(() => this.moyen() === "code", ...ngDevMode ? [{ debugName: "avecCode" }] : /* istanbul ignore next */ []);
+	tentativesRestantes = computed(() => this.etat() === "refuse" ? this.lecture()?.tentativesRestantes ?? null : null, ...ngDevMode ? [{ debugName: "tentativesRestantes" }] : /* istanbul ignore next */ []);
+	descriptionsDuChamp = computed(() => this.tentativesRestantes() ? [this.idDesTentatives] : [], ...ngDevMode ? [{ debugName: "descriptionsDuChamp" }] : /* istanbul ignore next */ []);
 	attenteDuBlocage = computed(() => {
 		const secondes = this.lecture()?.reessayerDans ?? null;
 		return this.bloque() && secondes !== null && secondes > 0 ? secondes : null;
-	}, ...ngDevMode ? [{ debugName: "attenteDuBlocage" }] : 	/* istanbul ignore next */ []);
-	libelleDuChamp = computed(() => this.libelleDuCode() ?? (this.avecCode() ? this.libelles().codeDeVerification : this.libelles().codeDeSecours), ...ngDevMode ? [{ debugName: "libelleDuChamp" }] : 	/* istanbul ignore next */ []);
-	libelleDuBouton = computed(() => this.libelleDeLAction() ?? this.libelles().confirmer, ...ngDevMode ? [{ debugName: "libelleDuBouton" }] : 	/* istanbul ignore next */ []);
-	delaiDeRenvoi = computed(() => this.renvoiDans() ?? (this.renvoyable() && this.avecCode() ? DELAI_DE_RENVOI_PAR_DEFAUT : null), ...ngDevMode ? [{ debugName: "delaiDeRenvoi" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "attenteDuBlocage" }] : /* istanbul ignore next */ []);
+	libelleDuChamp = computed(() => this.libelleDuCode() ?? (this.avecCode() ? this.libelles().codeDeVerification : this.libelles().codeDeSecours), ...ngDevMode ? [{ debugName: "libelleDuChamp" }] : /* istanbul ignore next */ []);
+	libelleDuBouton = computed(() => this.libelleDeLAction() ?? this.libelles().confirmer, ...ngDevMode ? [{ debugName: "libelleDuBouton" }] : /* istanbul ignore next */ []);
+	delaiDeRenvoi = computed(() => this.renvoiDans() ?? (this.renvoyable() && this.avecCode() ? DELAI_DE_RENVOI_PAR_DEFAUT : null), ...ngDevMode ? [{ debugName: "delaiDeRenvoi" }] : /* istanbul ignore next */ []);
 	finDuDelaiDeRenvoi = linkedSignal({
-		...ngDevMode ? { debugName: "finDuDelaiDeRenvoi" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "finDuDelaiDeRenvoi" } : /* istanbul ignore next */ {},
 		source: this.delaiDeRenvoi,
 		computation: (secondes) => echeance(secondes)
 	});
-	renvoiEnAttente = computed(() => this.finDuDelaiDeRenvoi() !== null, ...ngDevMode ? [{ debugName: "renvoiEnAttente" }] : 	/* istanbul ignore next */ []);
+	renvoiEnAttente = computed(() => this.finDuDelaiDeRenvoi() !== null, ...ngDevMode ? [{ debugName: "renvoiEnAttente" }] : /* istanbul ignore next */ []);
 	finDeValidite = linkedSignal({
-		...ngDevMode ? { debugName: "finDeValidite" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "finDeValidite" } : /* istanbul ignore next */ {},
 		source: this.expireDans,
 		computation: (secondes) => echeance(secondes)
 	});
-	decompteDuRenvoi = viewChild("decompteDuRenvoi", ...ngDevMode ? [{ debugName: "decompteDuRenvoi" }] : 	/* istanbul ignore next */ []);
-	raisonDuRenvoi = computed(() => this.renvoiEnAttente() ? this.decompteDuRenvoi()?.phrase() ?? null : null, ...ngDevMode ? [{ debugName: "raisonDuRenvoi" }] : 	/* istanbul ignore next */ []);
-	moyensOuverts = signal(false, ...ngDevMode ? [{ debugName: "moyensOuverts" }] : 	/* istanbul ignore next */ []);
-	autres = computed(() => this.autresMoyens().filter((moyen) => moyen !== this.moyen()), ...ngDevMode ? [{ debugName: "autres" }] : 	/* istanbul ignore next */ []);
+	decompteDuRenvoi = viewChild("decompteDuRenvoi", ...ngDevMode ? [{ debugName: "decompteDuRenvoi" }] : /* istanbul ignore next */ []);
+	raisonDuRenvoi = computed(() => this.renvoiEnAttente() ? this.decompteDuRenvoi()?.phrase() ?? null : null, ...ngDevMode ? [{ debugName: "raisonDuRenvoi" }] : /* istanbul ignore next */ []);
+	moyensOuverts = signal(false, ...ngDevMode ? [{ debugName: "moyensOuverts" }] : /* istanbul ignore next */ []);
+	autres = computed(() => this.autresMoyens().filter((moyen) => moyen !== this.moyen()), ...ngDevMode ? [{ debugName: "autres" }] : /* istanbul ignore next */ []);
 	tente = linkedSignal({
-		...ngDevMode ? { debugName: "tente" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "tente" } : /* istanbul ignore next */ {},
 		source: this.moyen,
 		computation: () => false
 	});
-	codeAuRefus = signal(null, ...ngDevMode ? [{ debugName: "codeAuRefus" }] : 	/* istanbul ignore next */ []);
+	codeAuRefus = signal(null, ...ngDevMode ? [{ debugName: "codeAuRefus" }] : /* istanbul ignore next */ []);
 	erreurs = computed(() => {
 		const code = this.code();
 		if (this.etat() === "refuse" && code === this.codeAuRefus()) return [{
@@ -1665,9 +1666,9 @@ var StChallenge = class StChallenge {
 		if (code.trim() === "") return [{ kind: "required" }];
 		const forme = this.avecCode() ? erreurCode(code, this.longueurDuCode()) : null;
 		return forme === null ? [] : [forme];
-	}, ...ngDevMode ? [{ debugName: "erreurs" }] : 	/* istanbul ignore next */ []);
-	erreursVisibles = computed(() => this.erreurs().length > 0, ...ngDevMode ? [{ debugName: "erreursVisibles" }] : 	/* istanbul ignore next */ []);
-	avecOperation = signal(false, ...ngDevMode ? [{ debugName: "avecOperation" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "erreurs" }] : /* istanbul ignore next */ []);
+	erreursVisibles = computed(() => this.erreurs().length > 0, ...ngDevMode ? [{ debugName: "erreursVisibles" }] : /* istanbul ignore next */ []);
+	avecOperation = signal(false, ...ngDevMode ? [{ debugName: "avecOperation" }] : /* istanbul ignore next */ []);
 	constructor() {
 		afterNextRender(() => {
 			this.avecOperation.set((this.operation()?.nativeElement.childElementCount ?? 0) > 0);
@@ -1761,7 +1762,7 @@ var StChallenge = class StChallenge {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StChallenge,
 		deps: [],
@@ -1769,7 +1770,7 @@ var StChallenge = class StChallenge {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StChallenge,
 		isStandalone: true,
 		selector: "st-challenge",
@@ -1972,7 +1973,7 @@ var StChallenge = class StChallenge {
 			}
 		],
 		ngImport: i0,
-		template: "@if (titre(); as texte) {\n  @switch (niveauDuTitre()) {\n    @case (1) {\n      <h1 stHeading taille=\"lg\" class=\"st-challenge__titre\" [id]=\"idDuTitre\">{{ texte }}</h1>\n    }\n    @case (3) {\n      <h3 stHeading taille=\"lg\" class=\"st-challenge__titre\" [id]=\"idDuTitre\">{{ texte }}</h3>\n    }\n    @case (4) {\n      <h4 stHeading taille=\"lg\" class=\"st-challenge__titre\" [id]=\"idDuTitre\">{{ texte }}</h4>\n    }\n    @default {\n      <h2 stHeading taille=\"lg\" class=\"st-challenge__titre\" [id]=\"idDuTitre\">{{ texte }}</h2>\n    }\n  }\n}\n@if (description(); as texte) {\n  <p class=\"st-challenge__description\">{{ texte }}</p>\n}\n\n<!-- Ce que l'on confirme (DSP2, lien dynamique) : lu avant le champ, il decrit le groupe. -->\n<div #operation class=\"st-challenge__operation\" [id]=\"idDeLOperation\">\n  <ng-content select=\"[operation]\" />\n</div>\n\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n\n@if (bloque()) {\n  <!-- Le ton danger rend la banniere en alert : le blocage s'annonce a son arrivee. -->\n  <st-banner class=\"st-challenge__blocage\" ton=\"danger\" [message]=\"libelles().tropDeTentatives\">\n    @if (attenteDuBlocage(); as secondes) {\n      <st-timer nature=\"reessai\" [secondes]=\"secondes\" (termine)=\"finDuBlocage()\" />\n    }\n  </st-banner>\n}\n\n@switch (moyen()) {\n  @case ('appareil') {\n    <div class=\"st-challenge__appareil\">\n      @if (etat() === 'attente') {\n        <!-- L'indicateur s'annonce une fois (sa region, texte compris, reste lue) ; la phrase\n             visible le double pour les yeux seulement. Le decompte ne dit que sa fin. -->\n        <p class=\"st-challenge__attente\">\n          <st-spinner taille=\"sm\" [etiquette]=\"libelles().enAttenteDeValidation\" />\n          <span aria-hidden=\"true\">{{ libelles().enAttenteDeValidation }}</span>\n        </p>\n      }\n      @if (etat() === 'refuse') {\n        <st-inline-message ton=\"danger\">{{ libelles().demandeRefusee }}</st-inline-message>\n      }\n      @if (finDeValidite(); as fin) {\n        <st-timer\n          nature=\"expiration\"\n          avecIcone\n          [secondes]=\"expireDans() ?? 0\"\n          [echeance]=\"fin\"\n          (termine)=\"finDeLaDemande()\"\n        />\n      }\n      <!-- En attente, un recours discret ; expiree ou refusee, la nouvelle demande est l'action. -->\n      <button\n        stButton\n        class=\"st-challenge__cible\"\n        type=\"button\"\n        [variante]=\"etat() === 'attente' ? 'discret' : 'secondaire'\"\n        [chargement]=\"renvoiEnCours()\"\n        [indisponible]=\"bloque()\"\n        (click)=\"renvoyer()\"\n      >\n        {{ etat() === 'attente' ? libelles().demandeNonRecue : libelles().nouvelleDemande }}\n      </button>\n    </div>\n  }\n  @case ('passkey') {\n    @if (etat() === 'refuse') {\n      <st-inline-message ton=\"danger\">{{ libelles().cleRefusee }}</st-inline-message>\n    }\n    <button\n      stButton\n      class=\"st-challenge__cible st-challenge__cle\"\n      variante=\"primaire\"\n      type=\"button\"\n      iconeAvant=\"cle\"\n      [chargement]=\"chargement()\"\n      [indisponible]=\"horsService()\"\n      (click)=\"utiliserLaCle()\"\n    >\n      {{ libelles().moyenDeCeremonie('passkey') }}\n    </button>\n  }\n  @default {\n    <form class=\"st-challenge__formulaire\" novalidate (submit)=\"surEnvoi($event)\">\n      @if (avecCode()) {\n        <st-otp-field\n          class=\"st-challenge__champ\"\n          [libelle]=\"libelleDuChamp()\"\n          [aide]=\"aideDuCode()\"\n          [longueur]=\"longueurDuCode()\"\n          [decritPar]=\"descriptionsDuChamp()\"\n          [(value)]=\"code\"\n          [errors]=\"erreurs()\"\n          [touched]=\"erreursVisibles()\"\n          [disabled]=\"horsService()\"\n        >\n          @if (renvoyable()) {\n            <!-- Le renvoi attend son delai (30 s sans `renvoiDans`) puis la requete partie :\n                 deux clics ne font jamais partir deux codes (D-9). -->\n            <span stRenvoi class=\"st-challenge__renvoi\">\n              <button\n                stButton\n                variante=\"discret\"\n                type=\"button\"\n                iconeAvant=\"rotation-arriere\"\n                [chargement]=\"renvoiEnCours()\"\n                [indisponible]=\"renvoiEnAttente() || bloque()\"\n                [raisonIndisponible]=\"raisonDuRenvoi()\"\n                (click)=\"renvoyer()\"\n              >\n                {{ libelles().renvoyerLeCode }}\n              </button>\n              @if (finDuDelaiDeRenvoi(); as fin) {\n                <st-timer\n                  #decompteDuRenvoi\n                  nature=\"renvoi\"\n                  [secondes]=\"delaiDeRenvoi() ?? 0\"\n                  [echeance]=\"fin\"\n                  (termine)=\"finDuRenvoi()\"\n                />\n              }\n            </span>\n          }\n        </st-otp-field>\n        @if (finDeValidite(); as fin) {\n          <st-timer\n            nature=\"expiration\"\n            avecIcone\n            [secondes]=\"expireDans() ?? 0\"\n            [echeance]=\"fin\"\n            (termine)=\"finDeLaDemande()\"\n          />\n        }\n      } @else {\n        <st-input\n          class=\"st-challenge__champ\"\n          autocomplete=\"off\"\n          chiffres=\"reference\"\n          [libelle]=\"libelleDuChamp()\"\n          [aide]=\"aideDuCode() ?? libelles().aideDuCodeDeSecours\"\n          [decritPar]=\"descriptionsDuChamp()\"\n          [(value)]=\"code\"\n          [errors]=\"erreurs()\"\n          [touched]=\"erreursVisibles()\"\n          [disabled]=\"horsService()\"\n        />\n      }\n\n      <!-- Les essais restants decrivent le champ (`descriptionsDuChamp`, D-20) : le focus amene au\n           champ les lit avec l'erreur. -->\n      @if (tentativesRestantes(); as restantes) {\n        <st-inline-message ton=\"avertissement\" [identifiant]=\"idDesTentatives\">{{\n          libelles().tentativesRestantes(restantes)\n        }}</st-inline-message>\n      }\n\n      @if (proposerAppareilDeConfiance()) {\n        <st-checkbox\n          [libelle]=\"libelles().faireConfianceACetAppareil\"\n          [aide]=\"libelles().aideDeLAppareilDeConfiance\"\n          [(checked)]=\"appareilDeConfiance\"\n        />\n      }\n\n      <!-- L'ordre du document est l'ordre visuel : l'annulation, puis la seule action principale. -->\n      <st-form-actions class=\"st-challenge__actions\" disposition=\"pied\">\n        @if (annulable()) {\n          <button debut stButton type=\"button\" (click)=\"annulation.emit()\">\n            {{ libelleDAnnulation() ?? libelles().annuler }}\n          </button>\n        }\n        <button\n          stButton\n          variante=\"primaire\"\n          type=\"submit\"\n          [chargement]=\"chargement()\"\n          [indisponible]=\"horsService()\"\n        >\n          {{ libelleDuBouton() }}\n        </button>\n      </st-form-actions>\n    </form>\n  }\n}\n\n@if (annulable() && (moyen() === 'appareil' || moyen() === 'passkey')) {\n  <st-form-actions class=\"st-challenge__actions\" disposition=\"pied\">\n    <button debut stButton type=\"button\" (click)=\"annulation.emit()\">\n      {{ libelleDAnnulation() ?? libelles().annuler }}\n    </button>\n  </st-form-actions>\n}\n\n@if (autres().length > 0) {\n  <div class=\"st-challenge__moyens\">\n    <button\n      stButton\n      variante=\"discret\"\n      type=\"button\"\n      [attr.aria-expanded]=\"moyensOuverts()\"\n      [attr.aria-controls]=\"idDesMoyens\"\n      (click)=\"moyensOuverts.set(!moyensOuverts())\"\n    >\n      {{ libelles().utiliserUnAutreMoyen }}\n    </button>\n    <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n    <ul\n      class=\"st-challenge__liste-des-moyens\"\n      role=\"list\"\n      [id]=\"idDesMoyens\"\n      [hidden]=\"!moyensOuverts()\"\n    >\n      @for (autre of autres(); track autre) {\n        <li>\n          <button stButton variante=\"discret\" type=\"button\" (click)=\"choisir(autre)\">\n            {{ libelles().moyenDeCeremonie(autre) }}\n          </button>\n        </li>\n      }\n    </ul>\n  </div>\n}\n",
+		template: "@if (titre(); as texte) {\n  @switch (niveauDuTitre()) {\n    @case (1) {\n      <h1 stHeading taille=\"lg\" class=\"st-challenge__titre\" [id]=\"idDuTitre\">{{ texte }}</h1>\n    }\n    @case (3) {\n      <h3 stHeading taille=\"lg\" class=\"st-challenge__titre\" [id]=\"idDuTitre\">{{ texte }}</h3>\n    }\n    @case (4) {\n      <h4 stHeading taille=\"lg\" class=\"st-challenge__titre\" [id]=\"idDuTitre\">{{ texte }}</h4>\n    }\n    @default {\n      <h2 stHeading taille=\"lg\" class=\"st-challenge__titre\" [id]=\"idDuTitre\">{{ texte }}</h2>\n    }\n  }\n}\n@if (description(); as texte) {\n  <p class=\"st-challenge__description\">{{ texte }}</p>\n}\n\n<!-- Ce que l'on confirme (DSP2, lien dynamique) : lu avant le champ, il decrit le groupe. -->\n<div #operation class=\"st-challenge__operation\" [id]=\"idDeLOperation\">\n  <ng-content select=\"[operation]\" />\n</div>\n\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n\n@if (bloque()) {\n  <!-- Le ton danger rend la banniere en alert : le blocage s'annonce a son arrivee. -->\n  <st-banner class=\"st-challenge__blocage\" ton=\"erreur\" [message]=\"libelles().tropDeTentatives\">\n    @if (attenteDuBlocage(); as secondes) {\n      <st-timer nature=\"reessai\" [secondes]=\"secondes\" (termine)=\"finDuBlocage()\" />\n    }\n  </st-banner>\n}\n\n@switch (moyen()) {\n  @case ('appareil') {\n    <div class=\"st-challenge__appareil\">\n      @if (etat() === 'attente') {\n        <!-- L'indicateur s'annonce une fois (sa region, texte compris, reste lue) ; la phrase\n             visible le double pour les yeux seulement. Le decompte ne dit que sa fin. -->\n        <p class=\"st-challenge__attente\">\n          <st-spinner taille=\"sm\" [etiquette]=\"libelles().enAttenteDeValidation\" />\n          <span aria-hidden=\"true\">{{ libelles().enAttenteDeValidation }}</span>\n        </p>\n      }\n      @if (etat() === 'refuse') {\n        <st-inline-message ton=\"erreur\">{{ libelles().demandeRefusee }}</st-inline-message>\n      }\n      @if (finDeValidite(); as fin) {\n        <st-timer\n          nature=\"expiration\"\n          avecIcone\n          [secondes]=\"expireDans() ?? 0\"\n          [echeance]=\"fin\"\n          (termine)=\"finDeLaDemande()\"\n        />\n      }\n      <!-- En attente, un recours discret ; expiree ou refusee, la nouvelle demande est l'action. -->\n      <button\n        stButton\n        class=\"st-challenge__cible\"\n        type=\"button\"\n        [variante]=\"etat() === 'attente' ? 'discret' : 'secondaire'\"\n        [chargement]=\"renvoiEnCours()\"\n        [indisponible]=\"bloque()\"\n        (click)=\"renvoyer()\"\n      >\n        {{ etat() === 'attente' ? libelles().demandeNonRecue : libelles().nouvelleDemande }}\n      </button>\n    </div>\n  }\n  @case ('passkey') {\n    @if (etat() === 'refuse') {\n      <st-inline-message ton=\"erreur\">{{ libelles().cleRefusee }}</st-inline-message>\n    }\n    <button\n      stButton\n      class=\"st-challenge__cible st-challenge__cle\"\n      variante=\"primaire\"\n      type=\"button\"\n      iconeAvant=\"cle\"\n      [chargement]=\"chargement()\"\n      [indisponible]=\"horsService()\"\n      (click)=\"utiliserLaCle()\"\n    >\n      {{ libelles().moyenDeCeremonie('passkey') }}\n    </button>\n  }\n  @default {\n    <form class=\"st-challenge__formulaire\" novalidate (submit)=\"surEnvoi($event)\">\n      @if (avecCode()) {\n        <st-otp-field\n          class=\"st-challenge__champ\"\n          [libelle]=\"libelleDuChamp()\"\n          [aide]=\"aideDuCode()\"\n          [longueur]=\"longueurDuCode()\"\n          [decritPar]=\"descriptionsDuChamp()\"\n          [(value)]=\"code\"\n          [errors]=\"erreurs()\"\n          [touched]=\"erreursVisibles()\"\n          [disabled]=\"horsService()\"\n        >\n          @if (renvoyable()) {\n            <!-- Le renvoi attend son delai (30 s sans `renvoiDans`) puis la requete partie :\n                 deux clics ne font jamais partir deux codes (D-9). -->\n            <span stRenvoi class=\"st-challenge__renvoi\">\n              <button\n                stButton\n                variante=\"discret\"\n                type=\"button\"\n                iconeAvant=\"rotation-arriere\"\n                [chargement]=\"renvoiEnCours()\"\n                [indisponible]=\"renvoiEnAttente() || bloque()\"\n                [raisonIndisponible]=\"raisonDuRenvoi()\"\n                (click)=\"renvoyer()\"\n              >\n                {{ libelles().renvoyerLeCode }}\n              </button>\n              @if (finDuDelaiDeRenvoi(); as fin) {\n                <st-timer\n                  #decompteDuRenvoi\n                  nature=\"renvoi\"\n                  [secondes]=\"delaiDeRenvoi() ?? 0\"\n                  [echeance]=\"fin\"\n                  (termine)=\"finDuRenvoi()\"\n                />\n              }\n            </span>\n          }\n        </st-otp-field>\n        @if (finDeValidite(); as fin) {\n          <st-timer\n            nature=\"expiration\"\n            avecIcone\n            [secondes]=\"expireDans() ?? 0\"\n            [echeance]=\"fin\"\n            (termine)=\"finDeLaDemande()\"\n          />\n        }\n      } @else {\n        <st-input\n          class=\"st-challenge__champ\"\n          autocomplete=\"off\"\n          chiffres=\"reference\"\n          [libelle]=\"libelleDuChamp()\"\n          [aide]=\"aideDuCode() ?? libelles().aideDuCodeDeSecours\"\n          [decritPar]=\"descriptionsDuChamp()\"\n          [(value)]=\"code\"\n          [errors]=\"erreurs()\"\n          [touched]=\"erreursVisibles()\"\n          [disabled]=\"horsService()\"\n        />\n      }\n\n      <!-- Les essais restants decrivent le champ (`descriptionsDuChamp`, D-20) : le focus amene au\n           champ les lit avec l'erreur. -->\n      @if (tentativesRestantes(); as restantes) {\n        <st-inline-message ton=\"avertissement\" [identifiant]=\"idDesTentatives\">{{\n          libelles().tentativesRestantes(restantes)\n        }}</st-inline-message>\n      }\n\n      @if (proposerAppareilDeConfiance()) {\n        <st-checkbox\n          [libelle]=\"libelles().faireConfianceACetAppareil\"\n          [aide]=\"libelles().aideDeLAppareilDeConfiance\"\n          [(checked)]=\"appareilDeConfiance\"\n        />\n      }\n\n      <!-- L'ordre du document est l'ordre visuel : l'annulation, puis la seule action principale. -->\n      <st-form-actions class=\"st-challenge__actions\" disposition=\"pied\">\n        @if (annulable()) {\n          <button debut stButton type=\"button\" (click)=\"annulation.emit()\">\n            {{ libelleDAnnulation() ?? libelles().annuler }}\n          </button>\n        }\n        <button\n          stButton\n          variante=\"primaire\"\n          type=\"submit\"\n          [chargement]=\"chargement()\"\n          [indisponible]=\"horsService()\"\n        >\n          {{ libelleDuBouton() }}\n        </button>\n      </st-form-actions>\n    </form>\n  }\n}\n\n@if (annulable() && (moyen() === 'appareil' || moyen() === 'passkey')) {\n  <st-form-actions class=\"st-challenge__actions\" disposition=\"pied\">\n    <button debut stButton type=\"button\" (click)=\"annulation.emit()\">\n      {{ libelleDAnnulation() ?? libelles().annuler }}\n    </button>\n  </st-form-actions>\n}\n\n@if (autres().length > 0) {\n  <div class=\"st-challenge__moyens\">\n    <button\n      stButton\n      variante=\"discret\"\n      type=\"button\"\n      [attr.aria-expanded]=\"moyensOuverts()\"\n      [attr.aria-controls]=\"idDesMoyens\"\n      (click)=\"moyensOuverts.set(!moyensOuverts())\"\n    >\n      {{ libelles().utiliserUnAutreMoyen }}\n    </button>\n    <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n    <ul\n      class=\"st-challenge__liste-des-moyens\"\n      role=\"list\"\n      [id]=\"idDesMoyens\"\n      [hidden]=\"!moyensOuverts()\"\n    >\n      @for (autre of autres(); track autre) {\n        <li>\n          <button stButton variante=\"discret\" type=\"button\" (click)=\"choisir(autre)\">\n            {{ libelles().moyenDeCeremonie(autre) }}\n          </button>\n        </li>\n      }\n    </ul>\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{display:grid;gap:var(--st-espacement-5);min-inline-size:0}.st-challenge__titre,.st-challenge__description{margin:0}.st-challenge__titre+.st-challenge__description{margin-block-start:calc(var(--st-espacement-3) - var(--st-espacement-5))}.st-challenge__description{color:var(--st-couleur-texte-discret)}.st-challenge__operation:empty{display:none}.st-challenge__formulaire,.st-challenge__appareil{display:grid;gap:var(--st-espacement-4);justify-items:start;min-inline-size:0}.st-challenge__champ{justify-self:stretch}.st-challenge__renvoi{display:grid;gap:var(--st-espacement-1);justify-items:start}.st-challenge__attente{display:inline-flex;gap:var(--st-espacement-2);align-items:center;margin:0;font-weight:var(--st-graisse-semi)}.st-challenge__actions,.st-challenge__cle{justify-self:stretch}@media(min-width:30rem){.st-challenge__cle{justify-self:start}}.st-challenge__moyens{display:grid;gap:var(--st-espacement-1);justify-items:start}.st-challenge__liste-des-moyens{display:grid;gap:var(--st-espacement-1);padding:0;padding-inline-start:var(--st-espacement-4);margin:0;list-style:none;border-inline-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-challenge__liste-des-moyens[hidden]{display:none}\n"],
 		dependencies: [
 			{
@@ -2091,7 +2092,7 @@ var StChallenge = class StChallenge {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StChallenge,
 	decorators: [{
@@ -2119,7 +2120,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.data-moyen]": "moyen()",
 				"[attr.data-etat]": "etat()"
 			},
-			template: "@if (titre(); as texte) {\n  @switch (niveauDuTitre()) {\n    @case (1) {\n      <h1 stHeading taille=\"lg\" class=\"st-challenge__titre\" [id]=\"idDuTitre\">{{ texte }}</h1>\n    }\n    @case (3) {\n      <h3 stHeading taille=\"lg\" class=\"st-challenge__titre\" [id]=\"idDuTitre\">{{ texte }}</h3>\n    }\n    @case (4) {\n      <h4 stHeading taille=\"lg\" class=\"st-challenge__titre\" [id]=\"idDuTitre\">{{ texte }}</h4>\n    }\n    @default {\n      <h2 stHeading taille=\"lg\" class=\"st-challenge__titre\" [id]=\"idDuTitre\">{{ texte }}</h2>\n    }\n  }\n}\n@if (description(); as texte) {\n  <p class=\"st-challenge__description\">{{ texte }}</p>\n}\n\n<!-- Ce que l'on confirme (DSP2, lien dynamique) : lu avant le champ, il decrit le groupe. -->\n<div #operation class=\"st-challenge__operation\" [id]=\"idDeLOperation\">\n  <ng-content select=\"[operation]\" />\n</div>\n\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n\n@if (bloque()) {\n  <!-- Le ton danger rend la banniere en alert : le blocage s'annonce a son arrivee. -->\n  <st-banner class=\"st-challenge__blocage\" ton=\"danger\" [message]=\"libelles().tropDeTentatives\">\n    @if (attenteDuBlocage(); as secondes) {\n      <st-timer nature=\"reessai\" [secondes]=\"secondes\" (termine)=\"finDuBlocage()\" />\n    }\n  </st-banner>\n}\n\n@switch (moyen()) {\n  @case ('appareil') {\n    <div class=\"st-challenge__appareil\">\n      @if (etat() === 'attente') {\n        <!-- L'indicateur s'annonce une fois (sa region, texte compris, reste lue) ; la phrase\n             visible le double pour les yeux seulement. Le decompte ne dit que sa fin. -->\n        <p class=\"st-challenge__attente\">\n          <st-spinner taille=\"sm\" [etiquette]=\"libelles().enAttenteDeValidation\" />\n          <span aria-hidden=\"true\">{{ libelles().enAttenteDeValidation }}</span>\n        </p>\n      }\n      @if (etat() === 'refuse') {\n        <st-inline-message ton=\"danger\">{{ libelles().demandeRefusee }}</st-inline-message>\n      }\n      @if (finDeValidite(); as fin) {\n        <st-timer\n          nature=\"expiration\"\n          avecIcone\n          [secondes]=\"expireDans() ?? 0\"\n          [echeance]=\"fin\"\n          (termine)=\"finDeLaDemande()\"\n        />\n      }\n      <!-- En attente, un recours discret ; expiree ou refusee, la nouvelle demande est l'action. -->\n      <button\n        stButton\n        class=\"st-challenge__cible\"\n        type=\"button\"\n        [variante]=\"etat() === 'attente' ? 'discret' : 'secondaire'\"\n        [chargement]=\"renvoiEnCours()\"\n        [indisponible]=\"bloque()\"\n        (click)=\"renvoyer()\"\n      >\n        {{ etat() === 'attente' ? libelles().demandeNonRecue : libelles().nouvelleDemande }}\n      </button>\n    </div>\n  }\n  @case ('passkey') {\n    @if (etat() === 'refuse') {\n      <st-inline-message ton=\"danger\">{{ libelles().cleRefusee }}</st-inline-message>\n    }\n    <button\n      stButton\n      class=\"st-challenge__cible st-challenge__cle\"\n      variante=\"primaire\"\n      type=\"button\"\n      iconeAvant=\"cle\"\n      [chargement]=\"chargement()\"\n      [indisponible]=\"horsService()\"\n      (click)=\"utiliserLaCle()\"\n    >\n      {{ libelles().moyenDeCeremonie('passkey') }}\n    </button>\n  }\n  @default {\n    <form class=\"st-challenge__formulaire\" novalidate (submit)=\"surEnvoi($event)\">\n      @if (avecCode()) {\n        <st-otp-field\n          class=\"st-challenge__champ\"\n          [libelle]=\"libelleDuChamp()\"\n          [aide]=\"aideDuCode()\"\n          [longueur]=\"longueurDuCode()\"\n          [decritPar]=\"descriptionsDuChamp()\"\n          [(value)]=\"code\"\n          [errors]=\"erreurs()\"\n          [touched]=\"erreursVisibles()\"\n          [disabled]=\"horsService()\"\n        >\n          @if (renvoyable()) {\n            <!-- Le renvoi attend son delai (30 s sans `renvoiDans`) puis la requete partie :\n                 deux clics ne font jamais partir deux codes (D-9). -->\n            <span stRenvoi class=\"st-challenge__renvoi\">\n              <button\n                stButton\n                variante=\"discret\"\n                type=\"button\"\n                iconeAvant=\"rotation-arriere\"\n                [chargement]=\"renvoiEnCours()\"\n                [indisponible]=\"renvoiEnAttente() || bloque()\"\n                [raisonIndisponible]=\"raisonDuRenvoi()\"\n                (click)=\"renvoyer()\"\n              >\n                {{ libelles().renvoyerLeCode }}\n              </button>\n              @if (finDuDelaiDeRenvoi(); as fin) {\n                <st-timer\n                  #decompteDuRenvoi\n                  nature=\"renvoi\"\n                  [secondes]=\"delaiDeRenvoi() ?? 0\"\n                  [echeance]=\"fin\"\n                  (termine)=\"finDuRenvoi()\"\n                />\n              }\n            </span>\n          }\n        </st-otp-field>\n        @if (finDeValidite(); as fin) {\n          <st-timer\n            nature=\"expiration\"\n            avecIcone\n            [secondes]=\"expireDans() ?? 0\"\n            [echeance]=\"fin\"\n            (termine)=\"finDeLaDemande()\"\n          />\n        }\n      } @else {\n        <st-input\n          class=\"st-challenge__champ\"\n          autocomplete=\"off\"\n          chiffres=\"reference\"\n          [libelle]=\"libelleDuChamp()\"\n          [aide]=\"aideDuCode() ?? libelles().aideDuCodeDeSecours\"\n          [decritPar]=\"descriptionsDuChamp()\"\n          [(value)]=\"code\"\n          [errors]=\"erreurs()\"\n          [touched]=\"erreursVisibles()\"\n          [disabled]=\"horsService()\"\n        />\n      }\n\n      <!-- Les essais restants decrivent le champ (`descriptionsDuChamp`, D-20) : le focus amene au\n           champ les lit avec l'erreur. -->\n      @if (tentativesRestantes(); as restantes) {\n        <st-inline-message ton=\"avertissement\" [identifiant]=\"idDesTentatives\">{{\n          libelles().tentativesRestantes(restantes)\n        }}</st-inline-message>\n      }\n\n      @if (proposerAppareilDeConfiance()) {\n        <st-checkbox\n          [libelle]=\"libelles().faireConfianceACetAppareil\"\n          [aide]=\"libelles().aideDeLAppareilDeConfiance\"\n          [(checked)]=\"appareilDeConfiance\"\n        />\n      }\n\n      <!-- L'ordre du document est l'ordre visuel : l'annulation, puis la seule action principale. -->\n      <st-form-actions class=\"st-challenge__actions\" disposition=\"pied\">\n        @if (annulable()) {\n          <button debut stButton type=\"button\" (click)=\"annulation.emit()\">\n            {{ libelleDAnnulation() ?? libelles().annuler }}\n          </button>\n        }\n        <button\n          stButton\n          variante=\"primaire\"\n          type=\"submit\"\n          [chargement]=\"chargement()\"\n          [indisponible]=\"horsService()\"\n        >\n          {{ libelleDuBouton() }}\n        </button>\n      </st-form-actions>\n    </form>\n  }\n}\n\n@if (annulable() && (moyen() === 'appareil' || moyen() === 'passkey')) {\n  <st-form-actions class=\"st-challenge__actions\" disposition=\"pied\">\n    <button debut stButton type=\"button\" (click)=\"annulation.emit()\">\n      {{ libelleDAnnulation() ?? libelles().annuler }}\n    </button>\n  </st-form-actions>\n}\n\n@if (autres().length > 0) {\n  <div class=\"st-challenge__moyens\">\n    <button\n      stButton\n      variante=\"discret\"\n      type=\"button\"\n      [attr.aria-expanded]=\"moyensOuverts()\"\n      [attr.aria-controls]=\"idDesMoyens\"\n      (click)=\"moyensOuverts.set(!moyensOuverts())\"\n    >\n      {{ libelles().utiliserUnAutreMoyen }}\n    </button>\n    <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n    <ul\n      class=\"st-challenge__liste-des-moyens\"\n      role=\"list\"\n      [id]=\"idDesMoyens\"\n      [hidden]=\"!moyensOuverts()\"\n    >\n      @for (autre of autres(); track autre) {\n        <li>\n          <button stButton variante=\"discret\" type=\"button\" (click)=\"choisir(autre)\">\n            {{ libelles().moyenDeCeremonie(autre) }}\n          </button>\n        </li>\n      }\n    </ul>\n  </div>\n}\n",
+			template: "@if (titre(); as texte) {\n  @switch (niveauDuTitre()) {\n    @case (1) {\n      <h1 stHeading taille=\"lg\" class=\"st-challenge__titre\" [id]=\"idDuTitre\">{{ texte }}</h1>\n    }\n    @case (3) {\n      <h3 stHeading taille=\"lg\" class=\"st-challenge__titre\" [id]=\"idDuTitre\">{{ texte }}</h3>\n    }\n    @case (4) {\n      <h4 stHeading taille=\"lg\" class=\"st-challenge__titre\" [id]=\"idDuTitre\">{{ texte }}</h4>\n    }\n    @default {\n      <h2 stHeading taille=\"lg\" class=\"st-challenge__titre\" [id]=\"idDuTitre\">{{ texte }}</h2>\n    }\n  }\n}\n@if (description(); as texte) {\n  <p class=\"st-challenge__description\">{{ texte }}</p>\n}\n\n<!-- Ce que l'on confirme (DSP2, lien dynamique) : lu avant le champ, il decrit le groupe. -->\n<div #operation class=\"st-challenge__operation\" [id]=\"idDeLOperation\">\n  <ng-content select=\"[operation]\" />\n</div>\n\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n\n@if (bloque()) {\n  <!-- Le ton danger rend la banniere en alert : le blocage s'annonce a son arrivee. -->\n  <st-banner class=\"st-challenge__blocage\" ton=\"erreur\" [message]=\"libelles().tropDeTentatives\">\n    @if (attenteDuBlocage(); as secondes) {\n      <st-timer nature=\"reessai\" [secondes]=\"secondes\" (termine)=\"finDuBlocage()\" />\n    }\n  </st-banner>\n}\n\n@switch (moyen()) {\n  @case ('appareil') {\n    <div class=\"st-challenge__appareil\">\n      @if (etat() === 'attente') {\n        <!-- L'indicateur s'annonce une fois (sa region, texte compris, reste lue) ; la phrase\n             visible le double pour les yeux seulement. Le decompte ne dit que sa fin. -->\n        <p class=\"st-challenge__attente\">\n          <st-spinner taille=\"sm\" [etiquette]=\"libelles().enAttenteDeValidation\" />\n          <span aria-hidden=\"true\">{{ libelles().enAttenteDeValidation }}</span>\n        </p>\n      }\n      @if (etat() === 'refuse') {\n        <st-inline-message ton=\"erreur\">{{ libelles().demandeRefusee }}</st-inline-message>\n      }\n      @if (finDeValidite(); as fin) {\n        <st-timer\n          nature=\"expiration\"\n          avecIcone\n          [secondes]=\"expireDans() ?? 0\"\n          [echeance]=\"fin\"\n          (termine)=\"finDeLaDemande()\"\n        />\n      }\n      <!-- En attente, un recours discret ; expiree ou refusee, la nouvelle demande est l'action. -->\n      <button\n        stButton\n        class=\"st-challenge__cible\"\n        type=\"button\"\n        [variante]=\"etat() === 'attente' ? 'discret' : 'secondaire'\"\n        [chargement]=\"renvoiEnCours()\"\n        [indisponible]=\"bloque()\"\n        (click)=\"renvoyer()\"\n      >\n        {{ etat() === 'attente' ? libelles().demandeNonRecue : libelles().nouvelleDemande }}\n      </button>\n    </div>\n  }\n  @case ('passkey') {\n    @if (etat() === 'refuse') {\n      <st-inline-message ton=\"erreur\">{{ libelles().cleRefusee }}</st-inline-message>\n    }\n    <button\n      stButton\n      class=\"st-challenge__cible st-challenge__cle\"\n      variante=\"primaire\"\n      type=\"button\"\n      iconeAvant=\"cle\"\n      [chargement]=\"chargement()\"\n      [indisponible]=\"horsService()\"\n      (click)=\"utiliserLaCle()\"\n    >\n      {{ libelles().moyenDeCeremonie('passkey') }}\n    </button>\n  }\n  @default {\n    <form class=\"st-challenge__formulaire\" novalidate (submit)=\"surEnvoi($event)\">\n      @if (avecCode()) {\n        <st-otp-field\n          class=\"st-challenge__champ\"\n          [libelle]=\"libelleDuChamp()\"\n          [aide]=\"aideDuCode()\"\n          [longueur]=\"longueurDuCode()\"\n          [decritPar]=\"descriptionsDuChamp()\"\n          [(value)]=\"code\"\n          [errors]=\"erreurs()\"\n          [touched]=\"erreursVisibles()\"\n          [disabled]=\"horsService()\"\n        >\n          @if (renvoyable()) {\n            <!-- Le renvoi attend son delai (30 s sans `renvoiDans`) puis la requete partie :\n                 deux clics ne font jamais partir deux codes (D-9). -->\n            <span stRenvoi class=\"st-challenge__renvoi\">\n              <button\n                stButton\n                variante=\"discret\"\n                type=\"button\"\n                iconeAvant=\"rotation-arriere\"\n                [chargement]=\"renvoiEnCours()\"\n                [indisponible]=\"renvoiEnAttente() || bloque()\"\n                [raisonIndisponible]=\"raisonDuRenvoi()\"\n                (click)=\"renvoyer()\"\n              >\n                {{ libelles().renvoyerLeCode }}\n              </button>\n              @if (finDuDelaiDeRenvoi(); as fin) {\n                <st-timer\n                  #decompteDuRenvoi\n                  nature=\"renvoi\"\n                  [secondes]=\"delaiDeRenvoi() ?? 0\"\n                  [echeance]=\"fin\"\n                  (termine)=\"finDuRenvoi()\"\n                />\n              }\n            </span>\n          }\n        </st-otp-field>\n        @if (finDeValidite(); as fin) {\n          <st-timer\n            nature=\"expiration\"\n            avecIcone\n            [secondes]=\"expireDans() ?? 0\"\n            [echeance]=\"fin\"\n            (termine)=\"finDeLaDemande()\"\n          />\n        }\n      } @else {\n        <st-input\n          class=\"st-challenge__champ\"\n          autocomplete=\"off\"\n          chiffres=\"reference\"\n          [libelle]=\"libelleDuChamp()\"\n          [aide]=\"aideDuCode() ?? libelles().aideDuCodeDeSecours\"\n          [decritPar]=\"descriptionsDuChamp()\"\n          [(value)]=\"code\"\n          [errors]=\"erreurs()\"\n          [touched]=\"erreursVisibles()\"\n          [disabled]=\"horsService()\"\n        />\n      }\n\n      <!-- Les essais restants decrivent le champ (`descriptionsDuChamp`, D-20) : le focus amene au\n           champ les lit avec l'erreur. -->\n      @if (tentativesRestantes(); as restantes) {\n        <st-inline-message ton=\"avertissement\" [identifiant]=\"idDesTentatives\">{{\n          libelles().tentativesRestantes(restantes)\n        }}</st-inline-message>\n      }\n\n      @if (proposerAppareilDeConfiance()) {\n        <st-checkbox\n          [libelle]=\"libelles().faireConfianceACetAppareil\"\n          [aide]=\"libelles().aideDeLAppareilDeConfiance\"\n          [(checked)]=\"appareilDeConfiance\"\n        />\n      }\n\n      <!-- L'ordre du document est l'ordre visuel : l'annulation, puis la seule action principale. -->\n      <st-form-actions class=\"st-challenge__actions\" disposition=\"pied\">\n        @if (annulable()) {\n          <button debut stButton type=\"button\" (click)=\"annulation.emit()\">\n            {{ libelleDAnnulation() ?? libelles().annuler }}\n          </button>\n        }\n        <button\n          stButton\n          variante=\"primaire\"\n          type=\"submit\"\n          [chargement]=\"chargement()\"\n          [indisponible]=\"horsService()\"\n        >\n          {{ libelleDuBouton() }}\n        </button>\n      </st-form-actions>\n    </form>\n  }\n}\n\n@if (annulable() && (moyen() === 'appareil' || moyen() === 'passkey')) {\n  <st-form-actions class=\"st-challenge__actions\" disposition=\"pied\">\n    <button debut stButton type=\"button\" (click)=\"annulation.emit()\">\n      {{ libelleDAnnulation() ?? libelles().annuler }}\n    </button>\n  </st-form-actions>\n}\n\n@if (autres().length > 0) {\n  <div class=\"st-challenge__moyens\">\n    <button\n      stButton\n      variante=\"discret\"\n      type=\"button\"\n      [attr.aria-expanded]=\"moyensOuverts()\"\n      [attr.aria-controls]=\"idDesMoyens\"\n      (click)=\"moyensOuverts.set(!moyensOuverts())\"\n    >\n      {{ libelles().utiliserUnAutreMoyen }}\n    </button>\n    <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n    <ul\n      class=\"st-challenge__liste-des-moyens\"\n      role=\"list\"\n      [id]=\"idDesMoyens\"\n      [hidden]=\"!moyensOuverts()\"\n    >\n      @for (autre of autres(); track autre) {\n        <li>\n          <button stButton variante=\"discret\" type=\"button\" (click)=\"choisir(autre)\">\n            {{ libelles().moyenDeCeremonie(autre) }}\n          </button>\n        </li>\n      }\n    </ul>\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{display:grid;gap:var(--st-espacement-5);min-inline-size:0}.st-challenge__titre,.st-challenge__description{margin:0}.st-challenge__titre+.st-challenge__description{margin-block-start:calc(var(--st-espacement-3) - var(--st-espacement-5))}.st-challenge__description{color:var(--st-couleur-texte-discret)}.st-challenge__operation:empty{display:none}.st-challenge__formulaire,.st-challenge__appareil{display:grid;gap:var(--st-espacement-4);justify-items:start;min-inline-size:0}.st-challenge__champ{justify-self:stretch}.st-challenge__renvoi{display:grid;gap:var(--st-espacement-1);justify-items:start}.st-challenge__attente{display:inline-flex;gap:var(--st-espacement-2);align-items:center;margin:0;font-weight:var(--st-graisse-semi)}.st-challenge__actions,.st-challenge__cle{justify-self:stretch}@media(min-width:30rem){.st-challenge__cle{justify-self:start}}.st-challenge__moyens{display:grid;gap:var(--st-espacement-1);justify-items:start}.st-challenge__liste-des-moyens{display:grid;gap:var(--st-espacement-1);padding:0;padding-inline-start:var(--st-espacement-4);margin:0;list-style:none;border-inline-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-challenge__liste-des-moyens[hidden]{display:none}\n"]
 		}]
 	}],
@@ -2343,27 +2344,27 @@ var StRecoveryCodes = class StRecoveryCodes {
 	destruction = inject(DestroyRef);
 	libelles = inject(ST_LIBELLES);
 	annonce = new AnnonceLocale(this.destruction);
-	codes = input([], ...ngDevMode ? [{ debugName: "codes" }] : 	/* istanbul ignore next */ []);
-	restants = input(null, ...ngDevMode ? [{ debugName: "restants" }] : 	/* istanbul ignore next */ []);
+	codes = input([], ...ngDevMode ? [{ debugName: "codes" }] : /* istanbul ignore next */ []);
+	restants = input(null, ...ngDevMode ? [{ debugName: "restants" }] : /* istanbul ignore next */ []);
 	regenerationEnCours = input(false, {
-		...ngDevMode ? { debugName: "regenerationEnCours" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "regenerationEnCours" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	enTeteDuFichier = input(null, ...ngDevMode ? [{ debugName: "enTeteDuFichier" }] : 	/* istanbul ignore next */ []);
-	nomDuFichier = input("codes-de-secours.txt", ...ngDevMode ? [{ debugName: "nomDuFichier" }] : 	/* istanbul ignore next */ []);
-	libelleDeLAction = input(null, ...ngDevMode ? [{ debugName: "libelleDeLAction" }] : 	/* istanbul ignore next */ []);
-	confirme = model(false, ...ngDevMode ? [{ debugName: "confirme" }] : 	/* istanbul ignore next */ []);
+	enTeteDuFichier = input(null, ...ngDevMode ? [{ debugName: "enTeteDuFichier" }] : /* istanbul ignore next */ []);
+	nomDuFichier = input("codes-de-secours.txt", ...ngDevMode ? [{ debugName: "nomDuFichier" }] : /* istanbul ignore next */ []);
+	libelleDeLAction = input(null, ...ngDevMode ? [{ debugName: "libelleDeLAction" }] : /* istanbul ignore next */ []);
+	confirme = model(false, ...ngDevMode ? [{ debugName: "confirme" }] : /* istanbul ignore next */ []);
 	confirmation = output();
 	copie = output();
 	telechargement = output();
 	impression = output();
 	regeneration = output();
-	tousLesCodes = computed(() => this.codes().join("\n"), ...ngDevMode ? [{ debugName: "tousLesCodes" }] : 	/* istanbul ignore next */ []);
-	raisonDeLAttente = computed(() => this.libelles().cocherPourContinuer(this.libelles().codesEnregistres), ...ngDevMode ? [{ debugName: "raisonDeLAttente" }] : 	/* istanbul ignore next */ []);
+	tousLesCodes = computed(() => this.codes().join("\n"), ...ngDevMode ? [{ debugName: "tousLesCodes" }] : /* istanbul ignore next */ []);
+	raisonDeLAttente = computed(() => this.libelles().cocherPourContinuer(this.libelles().codesEnregistres), ...ngDevMode ? [{ debugName: "raisonDeLAttente" }] : /* istanbul ignore next */ []);
 	tonDuCompteur = computed(() => {
 		const restants = this.restants() ?? 0;
 		return restants === 0 ? "danger" : restants <= 2 ? "avertissement" : "neutre";
-	}, ...ngDevMode ? [{ debugName: "tonDuCompteur" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "tonDuCompteur" }] : /* istanbul ignore next */ []);
 	constructor() {
 		this.destruction.onDestroy(() => {
 			this.document.documentElement.removeAttribute(IMPRESSION_EXCLUSIVE);
@@ -2405,7 +2406,7 @@ var StRecoveryCodes = class StRecoveryCodes {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StRecoveryCodes,
 		deps: [],
@@ -2413,7 +2414,7 @@ var StRecoveryCodes = class StRecoveryCodes {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StRecoveryCodes,
 		isStandalone: true,
 		selector: "st-recovery-codes",
@@ -2558,7 +2559,7 @@ var StRecoveryCodes = class StRecoveryCodes {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StRecoveryCodes,
 	decorators: [{
@@ -2662,6 +2663,468 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-export { StChallenge, StOutcome, StRecoveryCodes, StRefusal, StStepper, StTaskList, StWizard, StWizardStep };
+function erreurHorsPlage(valeur, bornes) {
+	if (valeur === null) return null;
+	if (bornes.min !== void 0 && valeur < bornes.min) return {
+		kind: "min",
+		min: bornes.min
+	};
+	if (bornes.max !== void 0 && valeur > bornes.max) return {
+		kind: "max",
+		max: bornes.max
+	};
+	return null;
+}
+const MOTIF_MINIMUM = 10;
+function erreurDeMotif(valeur, minimum = 10) {
+	const lu = valeur.trim();
+	if (lu === "") return { kind: "required" };
+	return lu.length < minimum ? {
+		kind: "minLength",
+		minLength: minimum
+	} : null;
+}
+const LIBELLES_PARCOURS_FR = {
+	etatsDeDemande: {
+		brouillon: "Brouillon",
+		previsualise: "Prévisualisée",
+		"attente-seconde-validation": "En attente de seconde validation",
+		"seconde-validation-suspendue": "Seconde validation suspendue",
+		programme: "Programmée",
+		publie: "Publiée",
+		refuse: "Refusée"
+	},
+	sensDeDemande: {
+		assouplissement: "Assouplissement",
+		resserrement: "Resserrement"
+	},
+	valeurActuelle: "Valeur actuelle",
+	plageAutorisee: "Plage autorisée",
+	plage: (min, max) => `de ${min} \u00e0 ${max}`,
+	effet: "Effet",
+	effetImmediat: "immédiat",
+	effetDiffere: "différé",
+	priseDEffet: "Prise d’effet",
+	proposition: "Votre demande",
+	previsualisation: "Effet prévu",
+	rouvrirPourModifier: "Pour changer la valeur ou le motif, choisissez «\xA0Modifier la demande\xA0».",
+	demandeEnvoyee: "La demande est envoyée\xA0: sa valeur et son motif ne changent plus.",
+	attenteDeSecondeValidation: "Une seconde personne doit valider la demande avant qu’elle prenne effet.",
+	secondeValidationSuspendue: "La seconde validation est suspendue\xA0: la demande prendra effet à sa date sans second validateur.",
+	previsualiser: "Prévisualiser",
+	soumettre: "Soumettre la demande",
+	modifier: "Modifier la demande",
+	annuler: "Annuler la demande",
+	etatDeLaDemande: (etat) => `Demande\u00a0: ${etat}`
+};
+const LIBELLES_PARCOURS_EN = {
+	etatsDeDemande: {
+		brouillon: "Draft",
+		previsualise: "Previewed",
+		"attente-seconde-validation": "Awaiting second approval",
+		"seconde-validation-suspendue": "Second approval suspended",
+		programme: "Scheduled",
+		publie: "Published",
+		refuse: "Rejected"
+	},
+	sensDeDemande: {
+		assouplissement: "Loosening",
+		resserrement: "Tightening"
+	},
+	valeurActuelle: "Current value",
+	plageAutorisee: "Allowed range",
+	plage: (min, max) => `from ${min} to ${max}`,
+	effet: "Effect",
+	effetImmediat: "immediate",
+	effetDiffere: "deferred",
+	priseDEffet: "Takes effect",
+	proposition: "Your request",
+	previsualisation: "Expected effect",
+	rouvrirPourModifier: "To change the value or the reason, choose \"Edit request\".",
+	demandeEnvoyee: "The request is sent: its value and reason no longer change.",
+	attenteDeSecondeValidation: "A second person must approve the request before it takes effect.",
+	secondeValidationSuspendue: "Second approval is suspended: the request will take effect on its date without a second approver.",
+	previsualiser: "Preview",
+	soumettre: "Submit request",
+	modifier: "Edit request",
+	annuler: "Cancel request",
+	etatDeLaDemande: (etat) => `Request: ${etat}`
+};
+const ST_LIBELLES_PARCOURS = new InjectionToken("ST_LIBELLES_PARCOURS", {
+	providedIn: "root",
+	factory: () => ({
+		fr: LIBELLES_PARCOURS_FR,
+		en: LIBELLES_PARCOURS_EN
+	})
+});
+function fournirLibellesParcours(catalogues) {
+	return {
+		provide: ST_LIBELLES_PARCOURS,
+		useValue: {
+			fr: LIBELLES_PARCOURS_FR,
+			en: LIBELLES_PARCOURS_EN,
+			...catalogues
+		}
+	};
+}
+function libellesDuParcours() {
+	const catalogue = catalogueDuParcours();
+	return computed(() => catalogue().libelles);
+}
+function catalogueDuParcours() {
+	return catalogueDuPointDEntree("@starterlib/ui/parcours", inject(ST_LIBELLES_PARCOURS), LIBELLES_PARCOURS_FR, "fournirLibellesParcours");
+}
+const PASTILLES = {
+	brouillon: {
+		ton: "neutre",
+		icone: "crayon"
+	},
+	previsualise: {
+		ton: "information",
+		icone: "oeil"
+	},
+	"attente-seconde-validation": {
+		ton: "primaire",
+		icone: "sablier"
+	},
+	"seconde-validation-suspendue": {
+		ton: "avertissement",
+		icone: "pause"
+	},
+	programme: {
+		ton: "primaire",
+		icone: "calendrier-horloge"
+	},
+	publie: {
+		ton: "succes",
+		icone: "cercle-coche"
+	},
+	refuse: {
+		ton: "erreur",
+		icone: "cercle-croix"
+	}
+};
+const ENVOYEE = /* @__PURE__ */ new Set([
+	"attente-seconde-validation",
+	"seconde-validation-suspendue",
+	"programme"
+]);
+var StChangeRequest = class StChangeRequest {
+	catalogue = catalogueDuParcours();
+	annonce = new AnnonceLocale(inject(DestroyRef));
+	envoi = inject(ST_ETAT_D_ENVOI, { optional: true });
+	titre = input.required(...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
+	niveauDuTitre = input(2, ...ngDevMode ? [{ debugName: "niveauDuTitre" }] : /* istanbul ignore next */ []);
+	etat = input.required(...ngDevMode ? [{ debugName: "etat" }] : /* istanbul ignore next */ []);
+	effet = input(null, ...ngDevMode ? [{ debugName: "effet" }] : /* istanbul ignore next */ []);
+	plage = input(null, ...ngDevMode ? [{ debugName: "plage" }] : /* istanbul ignore next */ []);
+	refus = input(null, ...ngDevMode ? [{ debugName: "refus" }] : /* istanbul ignore next */ []);
+	modification = output();
+	annulation = output();
+	identifiants = (() => {
+		const base = inject(StIdentifiants).prochain("st-demande");
+		return {
+			titre: `${base}-titre`,
+			gel: `${base}-gel`,
+			previsualisation: `${base}-previsualisation`
+		};
+	})();
+	pastille = computed(() => PASTILLES[this.etat()], ...ngDevMode ? [{ debugName: "pastille" }] : /* istanbul ignore next */ []);
+	libelleDEtat = computed(() => this.catalogue().libelles.etatsDeDemande[this.etat()], ...ngDevMode ? [{ debugName: "libelleDEtat" }] : /* istanbul ignore next */ []);
+	fige = computed(() => this.etat() !== "brouillon", ...ngDevMode ? [{ debugName: "fige" }] : /* istanbul ignore next */ []);
+	envoyee = computed(() => ENVOYEE.has(this.etat()), ...ngDevMode ? [{ debugName: "envoyee" }] : /* istanbul ignore next */ []);
+	rouvrable = computed(() => this.etat() === "previsualise" || this.etat() === "refuse", ...ngDevMode ? [{ debugName: "rouvrable" }] : /* istanbul ignore next */ []);
+	raisonDuGel = computed(() => {
+		const libelles = this.catalogue().libelles;
+		if (this.rouvrable()) return libelles.rouvrirPourModifier;
+		return this.fige() ? libelles.demandeEnvoyee : null;
+	}, ...ngDevMode ? [{ debugName: "raisonDuGel" }] : /* istanbul ignore next */ []);
+	explication = computed(() => {
+		const libelles = this.catalogue().libelles;
+		switch (this.etat()) {
+			case "attente-seconde-validation": return libelles.attenteDeSecondeValidation;
+			case "seconde-validation-suspendue": return libelles.secondeValidationSuspendue;
+			default: return null;
+		}
+	}, ...ngDevMode ? [{ debugName: "explication" }] : /* istanbul ignore next */ []);
+	enCours = computed(() => this.envoi?.enCours() ?? false, ...ngDevMode ? [{ debugName: "enCours" }] : /* istanbul ignore next */ []);
+	niveauDuRecapitulatif = computed(() => this.niveauDuTitre() === 2 ? 3 : 4, ...ngDevMode ? [{ debugName: "niveauDuRecapitulatif" }] : /* istanbul ignore next */ []);
+	constructor() {
+		let precedent = null;
+		effect(() => {
+			const etat = this.etat();
+			const libelle = this.libelleDEtat();
+			if (precedent !== null && precedent !== etat && etat !== "refuse") untracked(() => {
+				this.annonce.annoncer(this.catalogue().libelles.etatDeLaDemande(libelle));
+			});
+			precedent = etat;
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: StChangeRequest,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: StChangeRequest,
+		isStandalone: true,
+		selector: "st-change-request",
+		inputs: {
+			titre: {
+				classPropertyName: "titre",
+				publicName: "titre",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			niveauDuTitre: {
+				classPropertyName: "niveauDuTitre",
+				publicName: "niveauDuTitre",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			etat: {
+				classPropertyName: "etat",
+				publicName: "etat",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			effet: {
+				classPropertyName: "effet",
+				publicName: "effet",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			plage: {
+				classPropertyName: "plage",
+				publicName: "plage",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			refus: {
+				classPropertyName: "refus",
+				publicName: "refus",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			modification: "modification",
+			annulation: "annulation"
+		},
+		host: {
+			properties: { "attr.data-etat": "etat()" },
+			classAttribute: "st-change-request"
+		},
+		ngImport: i0,
+		template: "<div class=\"st-change-request__entete\">\n  @switch (niveauDuTitre()) {\n    @case (2) {\n      <h2 stHeading class=\"st-change-request__titre\" taille=\"lg\" [id]=\"identifiants.titre\">\n        {{ titre() }}\n      </h2>\n    }\n    @case (3) {\n      <h3 stHeading class=\"st-change-request__titre\" taille=\"md\" [id]=\"identifiants.titre\">\n        {{ titre() }}\n      </h3>\n    }\n    @default {\n      <h4 stHeading class=\"st-change-request__titre\" taille=\"sm\" [id]=\"identifiants.titre\">\n        {{ titre() }}\n      </h4>\n    }\n  }\n  <st-status-pill\n    casse=\"phrase\"\n    [statut]=\"etat()\"\n    [libelle]=\"libelleDEtat()\"\n    [ton]=\"pastille().ton\"\n    [icone]=\"pastille().icone\"\n    [attr.lang]=\"catalogue().langueDeRepli\"\n  />\n</div>\n\n@if (envoi !== null) {\n  <st-error-summary [niveau]=\"niveauDuRecapitulatif()\" />\n}\n\n@if (etat() === 'refuse') {\n  @if (refus(); as refus) {\n    <st-refusal\n      [erreur]=\"refus.erreur\"\n      [message]=\"refus.message\"\n      [codeInconnu]=\"refus.codeInconnu ?? false\"\n    />\n  }\n}\n\n<dl class=\"st-change-request__faits\">\n  <div class=\"st-change-request__fait\">\n    <dt [attr.lang]=\"catalogue().langueDeRepli\">{{ catalogue().libelles.valeurActuelle }}</dt>\n    <dd><ng-content select=\"[actuelle]\" /></dd>\n  </div>\n  @if (plage(); as plage) {\n    <div class=\"st-change-request__fait\">\n      <dt [attr.lang]=\"catalogue().langueDeRepli\">{{ catalogue().libelles.plageAutorisee }}</dt>\n      <dd [attr.lang]=\"catalogue().langueDeRepli\">\n        {{ catalogue().libelles.plage(plage.min, plage.max) }}\n      </dd>\n    </div>\n  }\n  @if (effet(); as effet) {\n    <div class=\"st-change-request__fait\">\n      <dt [attr.lang]=\"catalogue().langueDeRepli\">{{ catalogue().libelles.effet }}</dt>\n      <dd [attr.lang]=\"catalogue().langueDeRepli\">\n        {{ catalogue().libelles.sensDeDemande[effet.sens] }},\n        {{\n          effet.nature === 'immediat'\n            ? catalogue().libelles.effetImmediat\n            : catalogue().libelles.effetDiffere\n        }}\n      </dd>\n    </div>\n    @if (effet.nature === 'differe') {\n      <div class=\"st-change-request__fait\">\n        <dt [attr.lang]=\"catalogue().langueDeRepli\">{{ catalogue().libelles.priseDEffet }}</dt>\n        <dd><st-deadline absoluVisible [echeance]=\"effet.date\" /></dd>\n      </div>\n    }\n  }\n</dl>\n\n<st-fieldset\n  [legende]=\"catalogue().libelles.proposition\"\n  [disabled]=\"fige()\"\n  [decritPar]=\"raisonDuGel() === null ? [] : [identifiants.gel]\"\n>\n  <ng-content select=\"[champ]\" />\n  <ng-content select=\"[motif]\" />\n</st-fieldset>\n@if (raisonDuGel(); as raison) {\n  <p\n    class=\"st-change-request__note\"\n    [id]=\"identifiants.gel\"\n    [attr.lang]=\"catalogue().langueDeRepli\"\n  >\n    {{ raison }}\n  </p>\n}\n\n@if (etat() !== 'brouillon') {\n  <section\n    class=\"st-change-request__previsualisation\"\n    [attr.aria-labelledby]=\"identifiants.previsualisation\"\n  >\n    @switch (niveauDuTitre()) {\n      @case (2) {\n        <h3\n          stHeading\n          taille=\"sm\"\n          [id]=\"identifiants.previsualisation\"\n          [attr.lang]=\"catalogue().langueDeRepli\"\n        >\n          {{ catalogue().libelles.previsualisation }}\n        </h3>\n      }\n      @case (3) {\n        <h4\n          stHeading\n          taille=\"sm\"\n          [id]=\"identifiants.previsualisation\"\n          [attr.lang]=\"catalogue().langueDeRepli\"\n        >\n          {{ catalogue().libelles.previsualisation }}\n        </h4>\n      }\n      @default {\n        <h5\n          stHeading\n          taille=\"sm\"\n          [id]=\"identifiants.previsualisation\"\n          [attr.lang]=\"catalogue().langueDeRepli\"\n        >\n          {{ catalogue().libelles.previsualisation }}\n        </h5>\n      }\n    }\n    <ng-content select=\"[previsualisation]\" />\n  </section>\n}\n\n@if (explication(); as texte) {\n  <p class=\"st-change-request__note\" [attr.lang]=\"catalogue().langueDeRepli\">{{ texte }}</p>\n}\n\n@if (etat() !== 'publie') {\n  <st-form-actions disposition=\"pied\" [attr.lang]=\"catalogue().langueDeRepli\">\n    @if (rouvrable()) {\n      <button debut stButton variante=\"secondaire\" type=\"button\" (click)=\"modification.emit()\">\n        {{ catalogue().libelles.modifier }}\n      </button>\n    }\n    @if (envoyee()) {\n      <button debut stButton variante=\"secondaire\" type=\"button\" (click)=\"annulation.emit()\">\n        {{ catalogue().libelles.annuler }}\n      </button>\n    }\n    @if (etat() === 'brouillon') {\n      <button stButton variante=\"primaire\" type=\"submit\" [chargement]=\"enCours()\">\n        {{ catalogue().libelles.previsualiser }}\n      </button>\n    }\n    @if (etat() === 'previsualise') {\n      <button stButton variante=\"primaire\" type=\"submit\" [chargement]=\"enCours()\">\n        {{ catalogue().libelles.soumettre }}\n      </button>\n    }\n  </st-form-actions>\n}\n\n<span\n  class=\"st-change-request__annonce st-vh\"\n  aria-live=\"polite\"\n  [attr.lang]=\"catalogue().langueDeRepli\"\n  >{{ annonce.texte() }}</span\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:grid;gap:var(--st-espacement-4);min-inline-size:0}.st-change-request__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-3);align-items:center;justify-content:space-between}.st-change-request__titre{min-inline-size:0;margin:0;overflow-wrap:anywhere}.st-change-request__faits{display:grid;gap:var(--st-espacement-2);margin:0}.st-change-request__fait{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-4);align-items:baseline}.st-change-request__fait dt{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);flex:0 0 12rem;max-inline-size:100%;color:var(--st-couleur-texte-discret)}.st-change-request__fait dd{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);flex:1 1 12rem;min-inline-size:0;margin:0;color:var(--st-couleur-texte);overflow-wrap:anywhere}.st-change-request__note{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-change-request__previsualisation{display:grid;gap:var(--st-espacement-2);padding:var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}.st-change-request__previsualisation h3,.st-change-request__previsualisation h4,.st-change-request__previsualisation h5{margin:0}@media(forced-colors:active){.st-change-request__previsualisation{border-color:CanvasText}}\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: StButton,
+				selector: "button[stButton]",
+				inputs: [
+					"variante",
+					"taille",
+					"pleineLargeur",
+					"iconeAvant",
+					"iconeApres",
+					"chargement",
+					"indisponible",
+					"raisonIndisponible"
+				]
+			},
+			{
+				kind: "component",
+				type: StDeadline,
+				selector: "st-deadline",
+				inputs: [
+					"echeance",
+					"libelle",
+					"seuilUrgentEnMinutes",
+					"absoluVisible"
+				],
+				outputs: ["depassee"]
+			},
+			{
+				kind: "component",
+				type: StErrorSummary,
+				selector: "st-error-summary",
+				inputs: [
+					"erreurs",
+					"titre",
+					"niveau",
+					"introduction",
+					"tentative"
+				]
+			},
+			{
+				kind: "component",
+				type: StFieldset,
+				selector: "st-fieldset",
+				inputs: [
+					"legende",
+					"contenu",
+					"disposition",
+					"toutesLesErreurs",
+					"choixExclusif",
+					"readonly",
+					"disabled",
+					"hidden",
+					"decritPar"
+				]
+			},
+			{
+				kind: "component",
+				type: StFormActions,
+				selector: "st-form-actions",
+				inputs: ["disposition"]
+			},
+			{
+				kind: "component",
+				type: StHeading,
+				selector: "h1[stHeading], h2[stHeading], h3[stHeading], h4[stHeading], h5[stHeading], h6[stHeading]",
+				inputs: [
+					"taille",
+					"serre",
+					"identifiant"
+				]
+			},
+			{
+				kind: "component",
+				type: StRefusal,
+				selector: "st-refusal",
+				inputs: [
+					"erreur",
+					"message",
+					"titre",
+					"codeInconnu",
+					"rejeuEnCours",
+					"rechargementEnCours"
+				],
+				outputs: [
+					"rejeu",
+					"rechargement",
+					"attenteTerminee"
+				]
+			},
+			{
+				kind: "component",
+				type: StStatusPill,
+				selector: "st-status-pill",
+				inputs: [
+					"statut",
+					"libelle",
+					"icone",
+					"ton",
+					"taille",
+					"variante",
+					"casse"
+				]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: StChangeRequest,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-change-request",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				StButton,
+				StDeadline,
+				StErrorSummary,
+				StFieldset,
+				StFormActions,
+				StHeading,
+				StRefusal,
+				StStatusPill
+			],
+			host: {
+				class: "st-change-request",
+				"[attr.data-etat]": "etat()"
+			},
+			template: "<div class=\"st-change-request__entete\">\n  @switch (niveauDuTitre()) {\n    @case (2) {\n      <h2 stHeading class=\"st-change-request__titre\" taille=\"lg\" [id]=\"identifiants.titre\">\n        {{ titre() }}\n      </h2>\n    }\n    @case (3) {\n      <h3 stHeading class=\"st-change-request__titre\" taille=\"md\" [id]=\"identifiants.titre\">\n        {{ titre() }}\n      </h3>\n    }\n    @default {\n      <h4 stHeading class=\"st-change-request__titre\" taille=\"sm\" [id]=\"identifiants.titre\">\n        {{ titre() }}\n      </h4>\n    }\n  }\n  <st-status-pill\n    casse=\"phrase\"\n    [statut]=\"etat()\"\n    [libelle]=\"libelleDEtat()\"\n    [ton]=\"pastille().ton\"\n    [icone]=\"pastille().icone\"\n    [attr.lang]=\"catalogue().langueDeRepli\"\n  />\n</div>\n\n@if (envoi !== null) {\n  <st-error-summary [niveau]=\"niveauDuRecapitulatif()\" />\n}\n\n@if (etat() === 'refuse') {\n  @if (refus(); as refus) {\n    <st-refusal\n      [erreur]=\"refus.erreur\"\n      [message]=\"refus.message\"\n      [codeInconnu]=\"refus.codeInconnu ?? false\"\n    />\n  }\n}\n\n<dl class=\"st-change-request__faits\">\n  <div class=\"st-change-request__fait\">\n    <dt [attr.lang]=\"catalogue().langueDeRepli\">{{ catalogue().libelles.valeurActuelle }}</dt>\n    <dd><ng-content select=\"[actuelle]\" /></dd>\n  </div>\n  @if (plage(); as plage) {\n    <div class=\"st-change-request__fait\">\n      <dt [attr.lang]=\"catalogue().langueDeRepli\">{{ catalogue().libelles.plageAutorisee }}</dt>\n      <dd [attr.lang]=\"catalogue().langueDeRepli\">\n        {{ catalogue().libelles.plage(plage.min, plage.max) }}\n      </dd>\n    </div>\n  }\n  @if (effet(); as effet) {\n    <div class=\"st-change-request__fait\">\n      <dt [attr.lang]=\"catalogue().langueDeRepli\">{{ catalogue().libelles.effet }}</dt>\n      <dd [attr.lang]=\"catalogue().langueDeRepli\">\n        {{ catalogue().libelles.sensDeDemande[effet.sens] }},\n        {{\n          effet.nature === 'immediat'\n            ? catalogue().libelles.effetImmediat\n            : catalogue().libelles.effetDiffere\n        }}\n      </dd>\n    </div>\n    @if (effet.nature === 'differe') {\n      <div class=\"st-change-request__fait\">\n        <dt [attr.lang]=\"catalogue().langueDeRepli\">{{ catalogue().libelles.priseDEffet }}</dt>\n        <dd><st-deadline absoluVisible [echeance]=\"effet.date\" /></dd>\n      </div>\n    }\n  }\n</dl>\n\n<st-fieldset\n  [legende]=\"catalogue().libelles.proposition\"\n  [disabled]=\"fige()\"\n  [decritPar]=\"raisonDuGel() === null ? [] : [identifiants.gel]\"\n>\n  <ng-content select=\"[champ]\" />\n  <ng-content select=\"[motif]\" />\n</st-fieldset>\n@if (raisonDuGel(); as raison) {\n  <p\n    class=\"st-change-request__note\"\n    [id]=\"identifiants.gel\"\n    [attr.lang]=\"catalogue().langueDeRepli\"\n  >\n    {{ raison }}\n  </p>\n}\n\n@if (etat() !== 'brouillon') {\n  <section\n    class=\"st-change-request__previsualisation\"\n    [attr.aria-labelledby]=\"identifiants.previsualisation\"\n  >\n    @switch (niveauDuTitre()) {\n      @case (2) {\n        <h3\n          stHeading\n          taille=\"sm\"\n          [id]=\"identifiants.previsualisation\"\n          [attr.lang]=\"catalogue().langueDeRepli\"\n        >\n          {{ catalogue().libelles.previsualisation }}\n        </h3>\n      }\n      @case (3) {\n        <h4\n          stHeading\n          taille=\"sm\"\n          [id]=\"identifiants.previsualisation\"\n          [attr.lang]=\"catalogue().langueDeRepli\"\n        >\n          {{ catalogue().libelles.previsualisation }}\n        </h4>\n      }\n      @default {\n        <h5\n          stHeading\n          taille=\"sm\"\n          [id]=\"identifiants.previsualisation\"\n          [attr.lang]=\"catalogue().langueDeRepli\"\n        >\n          {{ catalogue().libelles.previsualisation }}\n        </h5>\n      }\n    }\n    <ng-content select=\"[previsualisation]\" />\n  </section>\n}\n\n@if (explication(); as texte) {\n  <p class=\"st-change-request__note\" [attr.lang]=\"catalogue().langueDeRepli\">{{ texte }}</p>\n}\n\n@if (etat() !== 'publie') {\n  <st-form-actions disposition=\"pied\" [attr.lang]=\"catalogue().langueDeRepli\">\n    @if (rouvrable()) {\n      <button debut stButton variante=\"secondaire\" type=\"button\" (click)=\"modification.emit()\">\n        {{ catalogue().libelles.modifier }}\n      </button>\n    }\n    @if (envoyee()) {\n      <button debut stButton variante=\"secondaire\" type=\"button\" (click)=\"annulation.emit()\">\n        {{ catalogue().libelles.annuler }}\n      </button>\n    }\n    @if (etat() === 'brouillon') {\n      <button stButton variante=\"primaire\" type=\"submit\" [chargement]=\"enCours()\">\n        {{ catalogue().libelles.previsualiser }}\n      </button>\n    }\n    @if (etat() === 'previsualise') {\n      <button stButton variante=\"primaire\" type=\"submit\" [chargement]=\"enCours()\">\n        {{ catalogue().libelles.soumettre }}\n      </button>\n    }\n  </st-form-actions>\n}\n\n<span\n  class=\"st-change-request__annonce st-vh\"\n  aria-live=\"polite\"\n  [attr.lang]=\"catalogue().langueDeRepli\"\n  >{{ annonce.texte() }}</span\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:grid;gap:var(--st-espacement-4);min-inline-size:0}.st-change-request__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-3);align-items:center;justify-content:space-between}.st-change-request__titre{min-inline-size:0;margin:0;overflow-wrap:anywhere}.st-change-request__faits{display:grid;gap:var(--st-espacement-2);margin:0}.st-change-request__fait{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-4);align-items:baseline}.st-change-request__fait dt{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);flex:0 0 12rem;max-inline-size:100%;color:var(--st-couleur-texte-discret)}.st-change-request__fait dd{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);flex:1 1 12rem;min-inline-size:0;margin:0;color:var(--st-couleur-texte);overflow-wrap:anywhere}.st-change-request__note{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-change-request__previsualisation{display:grid;gap:var(--st-espacement-2);padding:var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}.st-change-request__previsualisation h3,.st-change-request__previsualisation h4,.st-change-request__previsualisation h5{margin:0}@media(forced-colors:active){.st-change-request__previsualisation{border-color:CanvasText}}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		titre: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "titre",
+				required: true
+			}]
+		}],
+		niveauDuTitre: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "niveauDuTitre",
+				required: false
+			}]
+		}],
+		etat: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "etat",
+				required: true
+			}]
+		}],
+		effet: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "effet",
+				required: false
+			}]
+		}],
+		plage: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "plage",
+				required: false
+			}]
+		}],
+		refus: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "refus",
+				required: false
+			}]
+		}],
+		modification: [{
+			type: i0.Output,
+			args: ["modification"]
+		}],
+		annulation: [{
+			type: i0.Output,
+			args: ["annulation"]
+		}]
+	}
+});
+export { LIBELLES_PARCOURS_EN, LIBELLES_PARCOURS_FR, MOTIF_MINIMUM, ST_LIBELLES_PARCOURS, StChallenge, StChangeRequest, StOutcome, StRecoveryCodes, StRefusal, StStepper, StTaskList, StWizard, StWizardStep, catalogueDuParcours, erreurDeMotif, erreurHorsPlage, fournirLibellesParcours, libellesDuParcours };
 
 //# sourceMappingURL=starterlib-ui-parcours.mjs.map