@starterlib/ui 0.10.14 → 0.11.1

package/fesm2022/starterlib-ui.mjs

@@ -125,10 +125,21 @@ const LIBELLES_FR = {
 	reglesDuMotDePasse: "Exigences du mot de passe\xA0:",
 	regleRespectee: "respectée",
 	regleNonRespectee: "à respecter",
+	forceDuMotDePasse: "Robustesse estimée",
+	niveauxDeForce: [
+		"faible",
+		"moyenne",
+		"élevée"
+	],
+	forceAnnoncee: (niveau) => `Robustesse estim\u00e9e\u00a0: ${niveau}.`,
+	forceEnAttente: "en attente",
 	revelerPendant: (duree) => `R\u00e9v\u00e9ler ${duree}`,
 	rechercher: "Rechercher",
 	effacerLaRecherche: "Effacer la recherche",
 	fermerLeMessage: "Fermer le message",
+	environnementDEssai: "Données fictives",
+	environnementDEssaiMessage: "Les données affichées sont des exemples\xA0; aucune opération n’a d’effet réel.",
+	finDeLEnvironnementDEssai: (mot) => `Fin\u00a0: ${mot}.`,
 	regionDesMessages: "Messages",
 	ignorerLeMessage: "Ignorer",
 	actionDisponible: (libelle) => `Action disponible\u00a0: ${libelle}`,
@@ -137,6 +148,7 @@ const LIBELLES_FR = {
 	tonInformation: "Information\xA0: ",
 	tonSucces: "Succès\xA0: ",
 	tonAvertissement: "Avertissement\xA0: ",
+	tonErreur: "Erreur\xA0: ",
 	tonDanger: "Erreur\xA0: ",
 	montantIllisible: (exemple) => `Saisissez un montant en chiffres, par exemple ${exemple}.`,
 	nombreIllisible: (exemple) => `Saisissez un nombre en chiffres, par exemple ${exemple}.`,
@@ -438,6 +450,10 @@ function fournirCheminDuSprite(chemin) {
 		useValue: chemin
 	};
 }
+const ST_MARQUE_D_OBLIGATION = new InjectionToken("st.marque-d-obligation", {
+	providedIn: "root",
+	factory: () => "mention"
+});
 const UI_POSEE = new InjectionToken("st.ui-posee");
 function provideStarterUi(configuration) {
 	const fournisseurs = [
@@ -473,6 +489,10 @@ function provideStarterUi(configuration) {
 		provide: FUSEAU_PAR_DEFAUT,
 		useValue: configuration.fuseau
 	});
+	if (configuration.marqueDObligation !== void 0) fournisseurs.push({
+		provide: ST_MARQUE_D_OBLIGATION,
+		useValue: configuration.marqueDObligation
+	});
 	return makeEnvironmentProviders(fournisseurs);
 }
 function enSignal(valeur) {
@@ -499,7 +519,7 @@ var StIdentifiants = class StIdentifiants {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StIdentifiants,
 		deps: [],
@@ -507,7 +527,7 @@ var StIdentifiants = class StIdentifiants {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StIdentifiants,
 		providedIn: "root"
@@ -515,7 +535,7 @@ var StIdentifiants = class StIdentifiants {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StIdentifiants,
 	decorators: [{
@@ -559,7 +579,7 @@ function signalerLeRepli(pointDEntree, langue, fournisseur) {
 	console.warn(`[${pointDEntree}] Aucun catalogue pour la langue \u00ab ${langue} \u00bb : repli sur le francais. Fournir le sien par ${fournisseur}({ ${langue}: ... }).`);
 }
 var AnnonceLocale = class {
-	contenu = signal("", ...ngDevMode ? [{ debugName: "contenu" }] : 	/* istanbul ignore next */ []);
+	contenu = signal("", ...ngDevMode ? [{ debugName: "contenu" }] : /* istanbul ignore next */ []);
 	minuteries = [];
 	texte = this.contenu.asReadonly();
 	constructor(destruction) {
@@ -607,7 +627,7 @@ function formaterDuree(totalEnSecondes, locale) {
 	return `${unite(Math.floor(total / 60), "minute")} ${unite(total % 60, "second")}`;
 }
 function affichageDiffere(actif, options = {}) {
-	const visible = signal(false, ...ngDevMode ? [{ debugName: "visible" }] : 	/* istanbul ignore next */ []);
+	const visible = signal(false, ...ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []);
 	const tenueMinimale = options.tenue ?? tenue.affichageMinimal;
 	let attenteEnCours = null;
 	let tenueEnCours = null;
@@ -672,7 +692,7 @@ function observer(element, nom, rappel) {
 }
 function partagerLaValeur(element, nom, propre) {
 	let ecrite = element.getAttribute(nom);
-	const deLAppelant = signal(ecrite, ...ngDevMode ? [{ debugName: "deLAppelant" }] : 	/* istanbul ignore next */ []);
+	const deLAppelant = signal(ecrite, ...ngDevMode ? [{ debugName: "deLAppelant" }] : /* istanbul ignore next */ []);
 	const reconcilier = () => {
 		const courante = element.getAttribute(nom);
 		if (courante !== ecrite) deLAppelant.set(courante);
@@ -796,7 +816,9 @@ const ICONES_DE_TON = {
 	information: "cercle-info",
 	succes: "cercle-coche",
 	avertissement: "triangle-alerte",
-	danger: "cercle-croix"
+	erreur: "cercle-croix",
+	danger: "cercle-croix",
+	essai: "essai"
 };
 const ST_RECHERCHE_D_ADRESSES = new InjectionToken("st.recherche-d-adresses", {
 	providedIn: "root",
@@ -808,10 +830,13 @@ const ST_LISTES_D_ADRESSES = new InjectionToken("st.listes-d-adresses", {
 });
 const NOMS_DICONE = [
 	"accessibilite",
+	"alimentation",
+	"appareil-photo",
 	"appareils",
 	"arborescence",
 	"asterisque",
 	"badge-coche",
+	"balance",
 	"banque",
 	"batiment",
 	"bifurcation",
@@ -869,6 +894,7 @@ const NOMS_DICONE = [
 	"chevron-haut",
 	"chevrons-droite",
 	"chevrons-haut-bas",
+	"cible",
 	"cle",
 	"cloche",
 	"cloche-sonnerie",
@@ -878,6 +904,7 @@ const NOMS_DICONE = [
 	"code-qr-scanner",
 	"coffre-fort",
 	"colonnes",
+	"comparer",
 	"connexion",
 	"contraste",
 	"copie",
@@ -895,6 +922,7 @@ const NOMS_DICONE = [
 	"dossier-barre",
 	"dossier-ouvert",
 	"double-coche",
+	"drapeau",
 	"echange",
 	"eclair",
 	"empreinte-digitale",
@@ -903,6 +931,7 @@ const NOMS_DICONE = [
 	"envoyer",
 	"epaisseur-de-trait",
 	"epingle",
+	"essai",
 	"etoile",
 	"euro",
 	"fichier",
@@ -943,6 +972,7 @@ const NOMS_DICONE = [
 	"interdit",
 	"jalons",
 	"jauge",
+	"lecture",
 	"lien",
 	"lien-externe",
 	"lignes",
@@ -972,6 +1002,8 @@ const NOMS_DICONE = [
 	"parametres",
 	"parapluie",
 	"parchemin",
+	"passerelle",
+	"pause",
 	"pieces",
 	"plus",
 	"pointeur",
@@ -991,7 +1023,9 @@ const NOMS_DICONE = [
 	"redemarrer",
 	"reglages",
 	"regle",
+	"reseau",
 	"reseau-jauge",
+	"robot",
 	"rotation-arriere",
 	"routeur",
 	"sablier",
@@ -1023,6 +1057,7 @@ const NOMS_DICONE = [
 	"utilisateur",
 	"utilisateur-crayon",
 	"utilisateurs",
+	"visage",
 	"wifi",
 	"wifi-barre"
 ];
@@ -1043,6 +1078,7 @@ const NOMS_DICONE_PLEINE = [
 	"cercle-question",
 	"cloche",
 	"epingle",
+	"essai",
 	"etoile",
 	"grille",
 	"horloge",
@@ -1114,23 +1150,23 @@ function nomCourant(nom) {
 }
 var StIcon = class StIcon {
 	cheminDuSprite = inject(CHEMIN_DU_SPRITE);
-	icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : 	/* istanbul ignore next */ []);
-	nom = input(null, ...ngDevMode ? [{ debugName: "nom" }] : 	/* istanbul ignore next */ []);
-	variante = input("contour", ...ngDevMode ? [{ debugName: "variante" }] : 	/* istanbul ignore next */ []);
-	sprite = input(null, ...ngDevMode ? [{ debugName: "sprite" }] : 	/* istanbul ignore next */ []);
-	nomMetier = input(null, ...ngDevMode ? [{ debugName: "nomMetier" }] : 	/* istanbul ignore next */ []);
-	taille = input("md", ...ngDevMode ? [{ debugName: "taille" }] : 	/* istanbul ignore next */ []);
-	ton = input("neutre", ...ngDevMode ? [{ debugName: "ton" }] : 	/* istanbul ignore next */ []);
-	etiquette = input(null, ...ngDevMode ? [{ debugName: "etiquette" }] : 	/* istanbul ignore next */ []);
+	icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []);
+	nom = input(null, ...ngDevMode ? [{ debugName: "nom" }] : /* istanbul ignore next */ []);
+	variante = input("contour", ...ngDevMode ? [{ debugName: "variante" }] : /* istanbul ignore next */ []);
+	sprite = input(null, ...ngDevMode ? [{ debugName: "sprite" }] : /* istanbul ignore next */ []);
+	nomMetier = input(null, ...ngDevMode ? [{ debugName: "nomMetier" }] : /* istanbul ignore next */ []);
+	taille = input("md", ...ngDevMode ? [{ debugName: "taille" }] : /* istanbul ignore next */ []);
+	ton = input("neutre", ...ngDevMode ? [{ debugName: "ton" }] : /* istanbul ignore next */ []);
+	etiquette = input(null, ...ngDevMode ? [{ debugName: "etiquette" }] : /* istanbul ignore next */ []);
 	miroir = input("auto", {
-		...ngDevMode ? { debugName: "miroir" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "miroir" } : /* istanbul ignore next */ {},
 		transform: (valeur) => valeur === "auto" ? "auto" : booleanAttribute(valeur)
 	});
 	estDecorative = computed(() => {
 		const etiquette = this.etiquette();
 		if (etiquette !== null && etiquette.trim() === "" && isDevMode()) throw new Error("st-icon : `etiquette` vide. Une icone decorative ne prend pas d etiquette (null) ; une icone porteuse de sens prend le texte que le lecteur d ecran doit dire.");
 		return etiquette === null;
-	}, ...ngDevMode ? [{ debugName: "estDecorative" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "estDecorative" }] : /* istanbul ignore next */ []);
 	resolution = computed(() => {
 		const icone = this.icone();
 		if (icone !== null) {
@@ -1149,17 +1185,17 @@ var StIcon = class StIcon {
 		const metier = this.nomMetier();
 		if (metier !== null) throw new Error(`st-icon : "${metier}" est un nom metier, absent du sprite du socle. Fournir le \`sprite\` du remote qui le dessine, ou \`[icone]="iconeMetier(sprite, nom)"\`.`);
 		throw new Error("st-icon : `icone` ou `nom` est obligatoire : un nom du sprite du socle.");
-	}, ...ngDevMode ? [{ debugName: "resolution" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "resolution" }] : /* istanbul ignore next */ []);
 	reference = computed(() => {
 		const r = this.resolution();
 		return r.metier ? `${r.sprite}#${r.id}` : `${this.cheminDuSprite}#${r.id}`;
-	}, ...ngDevMode ? [{ debugName: "reference" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "reference" }] : /* istanbul ignore next */ []);
 	miroite = computed(() => {
 		const force = this.miroir();
 		if (force !== "auto") return force;
 		const r = this.resolution();
 		return r.metier ? r.miroir : NOMS_DICONE_MIROITEE.has(r.courant);
-	}, ...ngDevMode ? [{ debugName: "miroite" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "miroite" }] : /* istanbul ignore next */ []);
 	duSocle(nom, variante) {
 		const courant = nomCourant(nom);
 		if (this.taille() === "xs" && !NOMS_DICONE_MARQUE.has(courant)) avertir(`"${courant}" a la taille xs : a 12 px, seules les marques restent lisibles (chevrons, fleches, croix, coche, plus, moins). Prendre sm.`);
@@ -1188,7 +1224,7 @@ var StIcon = class StIcon {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StIcon,
 		deps: [],
@@ -1196,7 +1232,7 @@ var StIcon = class StIcon {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StIcon,
 		isStandalone: true,
 		selector: "st-icon",
@@ -1274,13 +1310,13 @@ var StIcon = class StIcon {
 		},
 		ngImport: i0,
 		template: "<svg\n  [class.st-icon__miroir]=\"miroite()\"\n  [attr.aria-hidden]=\"estDecorative() ? 'true' : null\"\n  [attr.role]=\"estDecorative() ? null : 'img'\"\n  [attr.aria-label]=\"etiquette()\"\n  focusable=\"false\"\n>\n  <use [attr.href]=\"reference()\" />\n</svg>\n",
-		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:inline-flex;flex:none;vertical-align:-.125em;color:inherit}svg{inline-size:var(--st-icone-taille, 1.25em);block-size:var(--st-icone-taille, 1.25em)}:host(:dir(rtl)) .st-icon__miroir{transform:scaleX(-1)}:host([data-taille=xs]) svg{--st-icone-taille: .75em}:host([data-taille=sm]) svg{--st-icone-taille: 1em}:host([data-taille=lg]) svg{--st-icone-taille: 1.5em}:host([data-taille=xl]) svg{--st-icone-taille: 2em}:host([data-taille=\"14\"]) svg{--st-icone-taille: .875rem}:host([data-taille=\"16\"]) svg{--st-icone-taille: 1rem}:host([data-taille=\"18\"]) svg{--st-icone-taille: 1.125rem}:host([data-taille=\"20\"]) svg{--st-icone-taille: 1.25rem}:host([data-taille=\"22\"]) svg{--st-icone-taille: 1.375rem}:host([data-taille=\"24\"]) svg{--st-icone-taille: 1.5rem}:host([data-taille=\"28\"]) svg{--st-icone-taille: 1.75rem}:host([data-taille=\"48\"]) svg{--st-icone-taille: 3rem}:host([data-ton=discret]){color:var(--st-couleur-texte-discret)}:host([data-ton=primaire]){color:var(--st-couleur-primaire)}:host([data-ton=succes]){color:var(--st-couleur-succes)}:host([data-ton=information]){color:var(--st-couleur-information)}:host([data-ton=avertissement]){color:var(--st-couleur-avertissement)}:host([data-ton=danger]){color:var(--st-couleur-danger)}\n"],
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:inline-flex;flex:none;vertical-align:-.125em;color:inherit}svg{inline-size:var(--st-icone-taille, 1.25em);block-size:var(--st-icone-taille, 1.25em)}:host(:dir(rtl)) .st-icon__miroir{transform:scaleX(-1)}:host([data-taille=xs]) svg{--st-icone-taille: .75em}:host([data-taille=sm]) svg{--st-icone-taille: 1em}:host([data-taille=lg]) svg{--st-icone-taille: 1.5em}:host([data-taille=xl]) svg{--st-icone-taille: 2em}:host([data-taille=\"14\"]) svg{--st-icone-taille: .875rem}:host([data-taille=\"16\"]) svg{--st-icone-taille: 1rem}:host([data-taille=\"18\"]) svg{--st-icone-taille: 1.125rem}:host([data-taille=\"20\"]) svg{--st-icone-taille: 1.25rem}:host([data-taille=\"22\"]) svg{--st-icone-taille: 1.375rem}:host([data-taille=\"24\"]) svg{--st-icone-taille: 1.5rem}:host([data-taille=\"28\"]) svg{--st-icone-taille: 1.75rem}:host([data-taille=\"48\"]) svg{--st-icone-taille: 3rem}:host([data-ton=discret]){color:var(--st-couleur-texte-discret)}:host([data-ton=primaire]){color:var(--st-couleur-primaire)}:host([data-ton=succes]){color:var(--st-couleur-succes)}:host([data-ton=information]){color:var(--st-couleur-information)}:host([data-ton=avertissement]){color:var(--st-couleur-avertissement)}:host([data-ton=erreur]){color:var(--st-couleur-erreur)}:host([data-ton=danger]){color:var(--st-couleur-danger)}:host([data-ton=essai]){color:var(--st-couleur-essai)}\n"],
 		changeDetection: i0.ChangeDetectionStrategy.OnPush
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StIcon,
 	decorators: [{
@@ -1294,7 +1330,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.data-ton]": "ton()"
 			},
 			template: "<svg\n  [class.st-icon__miroir]=\"miroite()\"\n  [attr.aria-hidden]=\"estDecorative() ? 'true' : null\"\n  [attr.role]=\"estDecorative() ? null : 'img'\"\n  [attr.aria-label]=\"etiquette()\"\n  focusable=\"false\"\n>\n  <use [attr.href]=\"reference()\" />\n</svg>\n",
-			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:inline-flex;flex:none;vertical-align:-.125em;color:inherit}svg{inline-size:var(--st-icone-taille, 1.25em);block-size:var(--st-icone-taille, 1.25em)}:host(:dir(rtl)) .st-icon__miroir{transform:scaleX(-1)}:host([data-taille=xs]) svg{--st-icone-taille: .75em}:host([data-taille=sm]) svg{--st-icone-taille: 1em}:host([data-taille=lg]) svg{--st-icone-taille: 1.5em}:host([data-taille=xl]) svg{--st-icone-taille: 2em}:host([data-taille=\"14\"]) svg{--st-icone-taille: .875rem}:host([data-taille=\"16\"]) svg{--st-icone-taille: 1rem}:host([data-taille=\"18\"]) svg{--st-icone-taille: 1.125rem}:host([data-taille=\"20\"]) svg{--st-icone-taille: 1.25rem}:host([data-taille=\"22\"]) svg{--st-icone-taille: 1.375rem}:host([data-taille=\"24\"]) svg{--st-icone-taille: 1.5rem}:host([data-taille=\"28\"]) svg{--st-icone-taille: 1.75rem}:host([data-taille=\"48\"]) svg{--st-icone-taille: 3rem}:host([data-ton=discret]){color:var(--st-couleur-texte-discret)}:host([data-ton=primaire]){color:var(--st-couleur-primaire)}:host([data-ton=succes]){color:var(--st-couleur-succes)}:host([data-ton=information]){color:var(--st-couleur-information)}:host([data-ton=avertissement]){color:var(--st-couleur-avertissement)}:host([data-ton=danger]){color:var(--st-couleur-danger)}\n"]
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:inline-flex;flex:none;vertical-align:-.125em;color:inherit}svg{inline-size:var(--st-icone-taille, 1.25em);block-size:var(--st-icone-taille, 1.25em)}:host(:dir(rtl)) .st-icon__miroir{transform:scaleX(-1)}:host([data-taille=xs]) svg{--st-icone-taille: .75em}:host([data-taille=sm]) svg{--st-icone-taille: 1em}:host([data-taille=lg]) svg{--st-icone-taille: 1.5em}:host([data-taille=xl]) svg{--st-icone-taille: 2em}:host([data-taille=\"14\"]) svg{--st-icone-taille: .875rem}:host([data-taille=\"16\"]) svg{--st-icone-taille: 1rem}:host([data-taille=\"18\"]) svg{--st-icone-taille: 1.125rem}:host([data-taille=\"20\"]) svg{--st-icone-taille: 1.25rem}:host([data-taille=\"22\"]) svg{--st-icone-taille: 1.375rem}:host([data-taille=\"24\"]) svg{--st-icone-taille: 1.5rem}:host([data-taille=\"28\"]) svg{--st-icone-taille: 1.75rem}:host([data-taille=\"48\"]) svg{--st-icone-taille: 3rem}:host([data-ton=discret]){color:var(--st-couleur-texte-discret)}:host([data-ton=primaire]){color:var(--st-couleur-primaire)}:host([data-ton=succes]){color:var(--st-couleur-succes)}:host([data-ton=information]){color:var(--st-couleur-information)}:host([data-ton=avertissement]){color:var(--st-couleur-avertissement)}:host([data-ton=erreur]){color:var(--st-couleur-erreur)}:host([data-ton=danger]){color:var(--st-couleur-danger)}:host([data-ton=essai]){color:var(--st-couleur-essai)}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -1389,22 +1425,22 @@ const NIVEAU_DE_LA_BALISE = {
 	H6: 6
 };
 var StHeading = class StHeading {
-	taille = input(null, ...ngDevMode ? [{ debugName: "taille" }] : 	/* istanbul ignore next */ []);
+	taille = input(null, ...ngDevMode ? [{ debugName: "taille" }] : /* istanbul ignore next */ []);
 	serre = input(false, {
-		...ngDevMode ? { debugName: "serre" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "serre" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	identifiant = input(null, ...ngDevMode ? [{ debugName: "identifiant" }] : 	/* istanbul ignore next */ []);
+	identifiant = input(null, ...ngDevMode ? [{ debugName: "identifiant" }] : /* istanbul ignore next */ []);
 	element = inject(ElementRef).nativeElement;
 	niveau = NIVEAU_DE_LA_BALISE[this.element.tagName] ?? 2;
 	identifiantPartage = partagerLaValeur(this.element, "id", () => this.identifiant());
-	tailleEffective = computed(() => this.taille() ?? TAILLE_PAR_NIVEAU[this.niveau], ...ngDevMode ? [{ debugName: "tailleEffective" }] : 	/* istanbul ignore next */ []);
+	tailleEffective = computed(() => this.taille() ?? TAILLE_PAR_NIVEAU[this.niveau], ...ngDevMode ? [{ debugName: "tailleEffective" }] : /* istanbul ignore next */ []);
 	constructor() {
 		inject(DestroyRef).onDestroy(this.identifiantPartage.liberer);
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StHeading,
 		deps: [],
@@ -1412,7 +1448,7 @@ var StHeading = class StHeading {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StHeading,
 		isStandalone: true,
 		selector: "h1[stHeading], h2[stHeading], h3[stHeading], h4[stHeading], h5[stHeading], h6[stHeading]",
@@ -1448,13 +1484,13 @@ var StHeading = class StHeading {
 		},
 		ngImport: i0,
 		template: "<ng-content />\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;margin-block:0 var(--st-espacement-3);margin-inline:0;font-family:var(--st-police-base);color:var(--st-couleur-texte);break-after:avoid}:host([titre]){margin-block-end:0}:host([data-taille=sm]){font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);letter-spacing:var(--st-interlettrage-normal)}:host([data-taille=md]){font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-normal)}:host([data-taille=lg]){font-size:var(--st-taille-lg);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-lg)}:host([data-taille=xl]){font-size:var(--st-taille-xl);line-height:var(--st-interligne-xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-xl)}:host([data-taille=\"2xl\"]){font-size:var(--st-taille-2xl);line-height:var(--st-interligne-2xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-2xl)}:host([data-taille=\"3xl\"]){font-size:var(--st-taille-3xl);line-height:var(--st-interligne-3xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-3xl)}:host([data-taille=\"4xl\"]){font-size:var(--st-taille-4xl);line-height:var(--st-interligne-4xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-4xl)}:host([data-serre]){letter-spacing:var(--st-approche-4xl)}\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;margin-block:0 var(--st-espacement-3);margin-inline:0;font-family:var(--st-police-base);color:var(--st-couleur-texte);break-after:avoid}:host([titre]){margin-block-end:0}:host([data-taille=sm]){font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);letter-spacing:var(--st-interlettrage-normal)}:host([data-taille=md]){font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-normal)}:host([data-taille=lg]){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)}:host([data-taille=xl]){font-family:var(--st-police-titre, var(--st-police-base));font-size:var(--st-taille-xl);line-height:var(--st-interligne-xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-xl)}:host([data-taille=\"2xl\"]){font-family:var(--st-police-titre, var(--st-police-base));font-size:var(--st-taille-2xl);line-height:var(--st-interligne-2xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-2xl)}:host([data-taille=\"3xl\"]){font-family:var(--st-police-titre, var(--st-police-base));font-size:var(--st-taille-3xl);line-height:var(--st-interligne-3xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-3xl)}:host([data-taille=\"4xl\"]){font-family:var(--st-police-titre, var(--st-police-base));font-size:var(--st-taille-4xl);line-height:var(--st-interligne-4xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-4xl)}:host([data-serre]){letter-spacing:var(--st-approche-4xl)}\n"],
 		changeDetection: i0.ChangeDetectionStrategy.OnPush
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StHeading,
 	decorators: [{
@@ -1468,7 +1504,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.data-serre]": "serre() ? \"\" : null"
 			},
 			template: "<ng-content />\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;margin-block:0 var(--st-espacement-3);margin-inline:0;font-family:var(--st-police-base);color:var(--st-couleur-texte);break-after:avoid}:host([titre]){margin-block-end:0}:host([data-taille=sm]){font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);letter-spacing:var(--st-interlettrage-normal)}:host([data-taille=md]){font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-normal)}:host([data-taille=lg]){font-size:var(--st-taille-lg);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-lg)}:host([data-taille=xl]){font-size:var(--st-taille-xl);line-height:var(--st-interligne-xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-xl)}:host([data-taille=\"2xl\"]){font-size:var(--st-taille-2xl);line-height:var(--st-interligne-2xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-2xl)}:host([data-taille=\"3xl\"]){font-size:var(--st-taille-3xl);line-height:var(--st-interligne-3xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-3xl)}:host([data-taille=\"4xl\"]){font-size:var(--st-taille-4xl);line-height:var(--st-interligne-4xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-4xl)}:host([data-serre]){letter-spacing:var(--st-approche-4xl)}\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;margin-block:0 var(--st-espacement-3);margin-inline:0;font-family:var(--st-police-base);color:var(--st-couleur-texte);break-after:avoid}:host([titre]){margin-block-end:0}:host([data-taille=sm]){font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);letter-spacing:var(--st-interlettrage-normal)}:host([data-taille=md]){font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-normal)}:host([data-taille=lg]){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)}:host([data-taille=xl]){font-family:var(--st-police-titre, var(--st-police-base));font-size:var(--st-taille-xl);line-height:var(--st-interligne-xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-xl)}:host([data-taille=\"2xl\"]){font-family:var(--st-police-titre, var(--st-police-base));font-size:var(--st-taille-2xl);line-height:var(--st-interligne-2xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-2xl)}:host([data-taille=\"3xl\"]){font-family:var(--st-police-titre, var(--st-police-base));font-size:var(--st-taille-3xl);line-height:var(--st-interligne-3xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-3xl)}:host([data-taille=\"4xl\"]){font-family:var(--st-police-titre, var(--st-police-base));font-size:var(--st-taille-4xl);line-height:var(--st-interligne-4xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-4xl)}:host([data-serre]){letter-spacing:var(--st-approche-4xl)}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -1522,21 +1558,21 @@ const DESSINS = {
 var StSpinner = class StSpinner {
 	regionParente = inject(REGION_VIVANTE_PARENTE, { optional: true });
 	libelles = inject(ST_LIBELLES);
-	taille = input("md", ...ngDevMode ? [{ debugName: "taille" }] : 	/* istanbul ignore next */ []);
-	ton = input("primaire", ...ngDevMode ? [{ debugName: "ton" }] : 	/* istanbul ignore next */ []);
-	etiquette = input(null, ...ngDevMode ? [{ debugName: "etiquette" }] : 	/* istanbul ignore next */ []);
-	icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : 	/* istanbul ignore next */ []);
-	dessin = computed(() => DESSINS[this.taille()], ...ngDevMode ? [{ debugName: "dessin" }] : 	/* istanbul ignore next */ []);
+	taille = input("md", ...ngDevMode ? [{ debugName: "taille" }] : /* istanbul ignore next */ []);
+	ton = input("primaire", ...ngDevMode ? [{ debugName: "ton" }] : /* istanbul ignore next */ []);
+	etiquette = input(null, ...ngDevMode ? [{ debugName: "etiquette" }] : /* istanbul ignore next */ []);
+	icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []);
+	dessin = computed(() => DESSINS[this.taille()], ...ngDevMode ? [{ debugName: "dessin" }] : /* istanbul ignore next */ []);
 	boite = computed(() => {
 		const cote = this.dessin().cote.toString();
 		return `0 0 ${cote} ${cote}`;
-	}, ...ngDevMode ? [{ debugName: "boite" }] : 	/* istanbul ignore next */ []);
-	centre = computed(() => this.dessin().cote / 2, ...ngDevMode ? [{ debugName: "centre" }] : 	/* istanbul ignore next */ []);
-	iconeCentrale = computed(() => this.taille() === "lg" ? this.icone() : null, ...ngDevMode ? [{ debugName: "iconeCentrale" }] : 	/* istanbul ignore next */ []);
-	etiquetteLue = computed(() => this.etiquette() ?? this.libelles().chargementEnCours, ...ngDevMode ? [{ debugName: "etiquetteLue" }] : 	/* istanbul ignore next */ []);
-	sAnnonce = computed(() => this.regionParente === null, ...ngDevMode ? [{ debugName: "sAnnonce" }] : 	/* istanbul ignore next */ []);
-	annonceEchue = signal(false, ...ngDevMode ? [{ debugName: "annonceEchue" }] : 	/* istanbul ignore next */ []);
-	texteAnnonce = computed(() => this.sAnnonce() && this.annonceEchue() ? this.etiquetteLue() : "", ...ngDevMode ? [{ debugName: "texteAnnonce" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "boite" }] : /* istanbul ignore next */ []);
+	centre = computed(() => this.dessin().cote / 2, ...ngDevMode ? [{ debugName: "centre" }] : /* istanbul ignore next */ []);
+	iconeCentrale = computed(() => this.taille() === "lg" ? this.icone() : null, ...ngDevMode ? [{ debugName: "iconeCentrale" }] : /* istanbul ignore next */ []);
+	etiquetteLue = computed(() => this.etiquette() ?? this.libelles().chargementEnCours, ...ngDevMode ? [{ debugName: "etiquetteLue" }] : /* istanbul ignore next */ []);
+	sAnnonce = computed(() => this.regionParente === null, ...ngDevMode ? [{ debugName: "sAnnonce" }] : /* istanbul ignore next */ []);
+	annonceEchue = signal(false, ...ngDevMode ? [{ debugName: "annonceEchue" }] : /* istanbul ignore next */ []);
+	texteAnnonce = computed(() => this.sAnnonce() && this.annonceEchue() ? this.etiquetteLue() : "", ...ngDevMode ? [{ debugName: "texteAnnonce" }] : /* istanbul ignore next */ []);
 	constructor() {
 		const minuterie = setTimeout(() => {
 			this.annonceEchue.set(true);
@@ -1547,7 +1583,7 @@ var StSpinner = class StSpinner {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StSpinner,
 		deps: [],
@@ -1555,7 +1591,7 @@ var StSpinner = class StSpinner {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StSpinner,
 		isStandalone: true,
 		selector: "st-spinner",
@@ -1622,7 +1658,7 @@ var StSpinner = class StSpinner {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StSpinner,
 	decorators: [{
@@ -1680,45 +1716,45 @@ i0.ɵɵngDeclareClassMetadata({
 });
 var StProgress = class StProgress {
 	locale = inject(ST_LOCALE);
-	valeur = input(null, ...ngDevMode ? [{ debugName: "valeur" }] : 	/* istanbul ignore next */ []);
+	valeur = input(null, ...ngDevMode ? [{ debugName: "valeur" }] : /* istanbul ignore next */ []);
 	max = input(100, {
-		...ngDevMode ? { debugName: "max" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "max" } : /* istanbul ignore next */ {},
 		transform: numberAttribute
 	});
-	etiquette = input.required(...ngDevMode ? [{ debugName: "etiquette" }] : 	/* istanbul ignore next */ []);
-	ton = input("primaire", ...ngDevMode ? [{ debugName: "ton" }] : 	/* istanbul ignore next */ []);
-	epaisseur = input("normale", ...ngDevMode ? [{ debugName: "epaisseur" }] : 	/* istanbul ignore next */ []);
-	texteDeValeur = input(null, ...ngDevMode ? [{ debugName: "texteDeValeur" }] : 	/* istanbul ignore next */ []);
+	etiquette = input.required(...ngDevMode ? [{ debugName: "etiquette" }] : /* istanbul ignore next */ []);
+	ton = input("primaire", ...ngDevMode ? [{ debugName: "ton" }] : /* istanbul ignore next */ []);
+	epaisseur = input("normale", ...ngDevMode ? [{ debugName: "epaisseur" }] : /* istanbul ignore next */ []);
+	texteDeValeur = input(null, ...ngDevMode ? [{ debugName: "texteDeValeur" }] : /* istanbul ignore next */ []);
 	avecValeur = input(false, {
-		...ngDevMode ? { debugName: "avecValeur" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "avecValeur" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	decompte = input(false, {
-		...ngDevMode ? { debugName: "decompte" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "decompte" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	estIndeterminee = computed(() => this.valeur() === null, ...ngDevMode ? [{ debugName: "estIndeterminee" }] : 	/* istanbul ignore next */ []);
-	valeurVisible = computed(() => this.avecValeur() && !this.estIndeterminee(), ...ngDevMode ? [{ debugName: "valeurVisible" }] : 	/* istanbul ignore next */ []);
-	maxLu = computed(() => this.max() > 0 ? this.max() : 100, ...ngDevMode ? [{ debugName: "maxLu" }] : 	/* istanbul ignore next */ []);
+	estIndeterminee = computed(() => this.valeur() === null, ...ngDevMode ? [{ debugName: "estIndeterminee" }] : /* istanbul ignore next */ []);
+	valeurVisible = computed(() => this.avecValeur() && !this.estIndeterminee(), ...ngDevMode ? [{ debugName: "valeurVisible" }] : /* istanbul ignore next */ []);
+	maxLu = computed(() => this.max() > 0 ? this.max() : 100, ...ngDevMode ? [{ debugName: "maxLu" }] : /* istanbul ignore next */ []);
 	valeurAnnoncee = computed(() => {
 		const valeur = this.valeur();
 		if (valeur === null) return null;
 		if (this.max() <= 0) return 0;
 		return Math.min(this.max(), Math.max(0, valeur));
-	}, ...ngDevMode ? [{ debugName: "valeurAnnoncee" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "valeurAnnoncee" }] : /* istanbul ignore next */ []);
 	pourcentage = computed(() => {
 		const valeur = this.valeur();
 		if (valeur === null) return 0;
 		const max = this.max();
 		if (max <= 0) return 0;
 		return Math.min(100, Math.max(0, valeur / max * 100));
-	}, ...ngDevMode ? [{ debugName: "pourcentage" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "pourcentage" }] : /* istanbul ignore next */ []);
 	formatDuPourcentage = computed(() => new Intl.NumberFormat(this.locale(), {
 		style: "percent",
 		maximumFractionDigits: 0
-	}), ...ngDevMode ? [{ debugName: "formatDuPourcentage" }] : 	/* istanbul ignore next */ []);
-	valeurAffichee = computed(() => this.texteDeValeur() ?? this.formatDuPourcentage().format(this.pourcentage() / 100), ...ngDevMode ? [{ debugName: "valeurAffichee" }] : 	/* istanbul ignore next */ []);
-	barre = viewChild.required("barre", ...ngDevMode ? [{ debugName: "barre" }] : 	/* istanbul ignore next */ []);
+	}), ...ngDevMode ? [{ debugName: "formatDuPourcentage" }] : /* istanbul ignore next */ []);
+	valeurAffichee = computed(() => this.texteDeValeur() ?? this.formatDuPourcentage().format(this.pourcentage() / 100), ...ngDevMode ? [{ debugName: "valeurAffichee" }] : /* istanbul ignore next */ []);
+	barre = viewChild.required("barre", ...ngDevMode ? [{ debugName: "barre" }] : /* istanbul ignore next */ []);
 	constructor() {
 		let precedent = null;
 		afterRenderEffect(() => {
@@ -1743,7 +1779,7 @@ var StProgress = class StProgress {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StProgress,
 		deps: [],
@@ -1751,7 +1787,7 @@ var StProgress = class StProgress {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StProgress,
 		isStandalone: true,
 		selector: "st-progress",
@@ -1838,7 +1874,7 @@ var StProgress = class StProgress {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StProgress,
 	decorators: [{
@@ -1951,35 +1987,35 @@ function garderLesClics$1(element, bloque) {
 }
 var StButton = class StButton {
 	element = inject(ElementRef).nativeElement;
-	variante = input("secondaire", ...ngDevMode ? [{ debugName: "variante" }] : 	/* istanbul ignore next */ []);
-	taille = input("md", ...ngDevMode ? [{ debugName: "taille" }] : 	/* istanbul ignore next */ []);
+	variante = input("secondaire", ...ngDevMode ? [{ debugName: "variante" }] : /* istanbul ignore next */ []);
+	taille = input("md", ...ngDevMode ? [{ debugName: "taille" }] : /* istanbul ignore next */ []);
 	pleineLargeur = input(false, {
-		...ngDevMode ? { debugName: "pleineLargeur" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "pleineLargeur" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	iconeAvant = input(null, ...ngDevMode ? [{ debugName: "iconeAvant" }] : 	/* istanbul ignore next */ []);
-	iconeApres = input(null, ...ngDevMode ? [{ debugName: "iconeApres" }] : 	/* istanbul ignore next */ []);
+	iconeAvant = input(null, ...ngDevMode ? [{ debugName: "iconeAvant" }] : /* istanbul ignore next */ []);
+	iconeApres = input(null, ...ngDevMode ? [{ debugName: "iconeApres" }] : /* 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
 	});
-	raisonIndisponible = input(null, ...ngDevMode ? [{ debugName: "raisonIndisponible" }] : 	/* istanbul ignore next */ []);
+	raisonIndisponible = input(null, ...ngDevMode ? [{ debugName: "raisonIndisponible" }] : /* istanbul ignore next */ []);
 	identifiantDeRaison = inject(StIdentifiants).prochain("st-bouton-raison");
-	tailleDIcone = computed(() => TAILLE_DICONE[this.taille()], ...ngDevMode ? [{ debugName: "tailleDIcone" }] : 	/* istanbul ignore next */ []);
-	tonDuChargement = computed(() => this.variante() === "primaire" || this.variante() === "danger" ? "inverse" : "neutre", ...ngDevMode ? [{ debugName: "tonDuChargement" }] : 	/* istanbul ignore next */ []);
+	tailleDIcone = computed(() => TAILLE_DICONE[this.taille()], ...ngDevMode ? [{ debugName: "tailleDIcone" }] : /* istanbul ignore next */ []);
+	tonDuChargement = computed(() => this.variante() === "primaire" || this.variante() === "danger" ? "inverse" : "neutre", ...ngDevMode ? [{ debugName: "tonDuChargement" }] : /* istanbul ignore next */ []);
 	indicateurVisible = affichageDiffere(() => this.chargement());
-	occupe = computed(() => this.chargement() || this.indicateurVisible(), ...ngDevMode ? [{ debugName: "occupe" }] : 	/* istanbul ignore next */ []);
+	occupe = computed(() => this.chargement() || this.indicateurVisible(), ...ngDevMode ? [{ debugName: "occupe" }] : /* istanbul ignore next */ []);
 	fonduDeSortie = fonduDeSortie;
 	disponibilite = partagerLaValeur(this.element, "aria-disabled", () => this.occupe() || this.indisponible() ? "true" : null);
-	horsService = computed(() => this.indisponible() || this.disponibilite.deLAppelant() === "true", ...ngDevMode ? [{ debugName: "horsService" }] : 	/* istanbul ignore next */ []);
+	horsService = computed(() => this.indisponible() || this.disponibilite.deLAppelant() === "true", ...ngDevMode ? [{ debugName: "horsService" }] : /* istanbul ignore next */ []);
 	raisonLue = computed(() => {
 		const raison = this.raisonIndisponible()?.trim() ?? "";
 		return this.horsService() && raison !== "" ? raison : null;
-	}, ...ngDevMode ? [{ debugName: "raisonLue" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "raisonLue" }] : /* istanbul ignore next */ []);
 	libererLesDescriptions = partagerDesJetons(this.element, "aria-describedby", () => this.raisonLue() === null ? [] : [this.identifiantDeRaison]);
 	constructor() {
 		poserLeTypeParDefaut$1(this.element);
@@ -1990,7 +2026,7 @@ var StButton = class StButton {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StButton,
 		deps: [],
@@ -1998,7 +2034,7 @@ var StButton = class StButton {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StButton,
 		isStandalone: true,
 		selector: "button[stButton]",
@@ -2105,7 +2141,7 @@ var StButton = class StButton {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StButton,
 	decorators: [{
@@ -2218,46 +2254,46 @@ function garderLesClics(element, bloque) {
 }
 var StIconButton = class StIconButton {
 	element = inject(ElementRef).nativeElement;
-	icone = input.required(...ngDevMode ? [{ debugName: "icone" }] : 	/* istanbul ignore next */ []);
+	icone = input.required(...ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []);
 	etiquette = input.required({
-		...ngDevMode ? { debugName: "etiquette" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "etiquette" } : /* istanbul ignore next */ {},
 		transform: (valeur) => {
 			if (valeur.trim() === "" && isDevMode()) throw new Error("stIconButton : `etiquette` vide. Un bouton reduit a une icone doit dire ce qu il fait : \"Fermer\", \"Copier la reference\"...");
 			return valeur;
 		}
 	});
-	variante = input("discret", ...ngDevMode ? [{ debugName: "variante" }] : 	/* istanbul ignore next */ []);
-	taille = input("md", ...ngDevMode ? [{ debugName: "taille" }] : 	/* istanbul ignore next */ []);
-	tailleDuGlyphe = input(null, ...ngDevMode ? [{ debugName: "tailleDuGlyphe" }] : 	/* istanbul ignore next */ []);
+	variante = input("discret", ...ngDevMode ? [{ debugName: "variante" }] : /* istanbul ignore next */ []);
+	taille = input("md", ...ngDevMode ? [{ debugName: "taille" }] : /* istanbul ignore next */ []);
+	tailleDuGlyphe = input(null, ...ngDevMode ? [{ debugName: "tailleDuGlyphe" }] : /* istanbul ignore next */ []);
 	enfonce = input(null, {
-		...ngDevMode ? { debugName: "enfonce" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "enfonce" } : /* istanbul ignore next */ {},
 		transform: (valeur) => valeur === null || valeur === void 0 ? null : booleanAttribute(valeur)
 	});
-	iconeEnfoncee = input(null, ...ngDevMode ? [{ debugName: "iconeEnfoncee" }] : 	/* istanbul ignore next */ []);
+	iconeEnfoncee = input(null, ...ngDevMode ? [{ debugName: "iconeEnfoncee" }] : /* 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
 	});
-	raisonIndisponible = input(null, ...ngDevMode ? [{ debugName: "raisonIndisponible" }] : 	/* istanbul ignore next */ []);
+	raisonIndisponible = input(null, ...ngDevMode ? [{ debugName: "raisonIndisponible" }] : /* istanbul ignore next */ []);
 	identifiantDeRaison = inject(StIdentifiants).prochain("st-bouton-icone-raison");
 	glyphe = computed(() => {
 		const icone = this.icone();
 		if (this.enfonce() !== true) return icone;
 		return this.iconeEnfoncee() ?? jumeauPlein(icone) ?? icone;
-	}, ...ngDevMode ? [{ debugName: "glyphe" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "glyphe" }] : /* istanbul ignore next */ []);
 	indicateurVisible = affichageDiffere(() => this.chargement());
-	occupe = computed(() => this.chargement() || this.indicateurVisible(), ...ngDevMode ? [{ debugName: "occupe" }] : 	/* istanbul ignore next */ []);
+	occupe = computed(() => this.chargement() || this.indicateurVisible(), ...ngDevMode ? [{ debugName: "occupe" }] : /* istanbul ignore next */ []);
 	fonduDeSortie = fonduDeSortie;
 	disponibilite = partagerLaValeur(this.element, "aria-disabled", () => this.occupe() || this.indisponible() ? "true" : null);
-	horsService = computed(() => this.indisponible() || this.disponibilite.deLAppelant() === "true", ...ngDevMode ? [{ debugName: "horsService" }] : 	/* istanbul ignore next */ []);
+	horsService = computed(() => this.indisponible() || this.disponibilite.deLAppelant() === "true", ...ngDevMode ? [{ debugName: "horsService" }] : /* istanbul ignore next */ []);
 	raisonLue = computed(() => {
 		const raison = this.raisonIndisponible()?.trim() ?? "";
 		return this.horsService() && raison !== "" ? raison : null;
-	}, ...ngDevMode ? [{ debugName: "raisonLue" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "raisonLue" }] : /* istanbul ignore next */ []);
 	libererLesDescriptions = partagerDesJetons(this.element, "aria-describedby", () => this.raisonLue() === null ? [] : [this.identifiantDeRaison]);
 	constructor() {
 		poserLeTypeParDefaut(this.element);
@@ -2268,7 +2304,7 @@ var StIconButton = class StIconButton {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StIconButton,
 		deps: [],
@@ -2276,7 +2312,7 @@ var StIconButton = class StIconButton {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StIconButton,
 		isStandalone: true,
 		selector: "button[stIconButton]",
@@ -2399,7 +2435,7 @@ var StIconButton = class StIconButton {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StIconButton,
 	decorators: [{
@@ -2510,15 +2546,15 @@ i0.ɵɵngDeclareClassMetadata({
 var StLink = class StLink {
 	libelles = inject(ST_LIBELLES);
 	element = inject(ElementRef).nativeElement;
-	variante = input("texte", ...ngDevMode ? [{ debugName: "variante" }] : 	/* istanbul ignore next */ []);
+	variante = input("texte", ...ngDevMode ? [{ debugName: "variante" }] : /* istanbul ignore next */ []);
 	externe = input(false, {
-		...ngDevMode ? { debugName: "externe" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "externe" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	mentionExterne = input(null, ...ngDevMode ? [{ debugName: "mentionExterne" }] : 	/* istanbul ignore next */ []);
-	iconeAvant = input(null, ...ngDevMode ? [{ debugName: "iconeAvant" }] : 	/* istanbul ignore next */ []);
-	iconeApres = input(null, ...ngDevMode ? [{ debugName: "iconeApres" }] : 	/* istanbul ignore next */ []);
-	mentionExterneLue = computed(() => this.mentionExterne() ?? this.libelles().nouvelleFenetre, ...ngDevMode ? [{ debugName: "mentionExterneLue" }] : 	/* istanbul ignore next */ []);
+	mentionExterne = input(null, ...ngDevMode ? [{ debugName: "mentionExterne" }] : /* istanbul ignore next */ []);
+	iconeAvant = input(null, ...ngDevMode ? [{ debugName: "iconeAvant" }] : /* istanbul ignore next */ []);
+	iconeApres = input(null, ...ngDevMode ? [{ debugName: "iconeApres" }] : /* istanbul ignore next */ []);
+	mentionExterneLue = computed(() => this.mentionExterne() ?? this.libelles().nouvelleFenetre, ...ngDevMode ? [{ debugName: "mentionExterneLue" }] : /* istanbul ignore next */ []);
 	cible = partagerLaValeur(this.element, "target", () => this.externe() ? "_blank" : null);
 	libererLaRelation = partagerDesJetons(this.element, "rel", () => this.externe() || this.ouvreUneFenetreATiers(this.cible.deLAppelant()) ? ["noopener", "noreferrer"] : []);
 	ouvreUneFenetreATiers(cible) {
@@ -2544,7 +2580,7 @@ var StLink = class StLink {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StLink,
 		deps: [],
@@ -2552,7 +2588,7 @@ var StLink = class StLink {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StLink,
 		isStandalone: true,
 		selector: "a[stLink]",
@@ -2624,7 +2660,7 @@ var StLink = class StLink {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StLink,
 	decorators: [{
@@ -2688,37 +2724,37 @@ i0.ɵɵngDeclareClassMetadata({
 });
 var StSegmentedControl = class StSegmentedControl {
 	element = inject(ElementRef);
-	legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : 	/* istanbul ignore next */ []);
+	legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []);
 	legendeMasquee = input(false, {
-		...ngDevMode ? { debugName: "legendeMasquee" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "legendeMasquee" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	options = input.required(...ngDevMode ? [{ debugName: "options" }] : 	/* istanbul ignore next */ []);
-	taille = input("sm", ...ngDevMode ? [{ debugName: "taille" }] : 	/* istanbul ignore next */ []);
-	casse = input("phrase", ...ngDevMode ? [{ debugName: "casse" }] : 	/* istanbul ignore next */ []);
+	options = input.required(...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
+	taille = input("sm", ...ngDevMode ? [{ debugName: "taille" }] : /* istanbul ignore next */ []);
+	casse = input("phrase", ...ngDevMode ? [{ debugName: "casse" }] : /* istanbul ignore next */ []);
 	pleineLargeur = input(false, {
-		...ngDevMode ? { debugName: "pleineLargeur" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "pleineLargeur" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	forme = input("enfoncee", ...ngDevMode ? [{ debugName: "forme" }] : 	/* istanbul ignore next */ []);
+	forme = input("enfoncee", ...ngDevMode ? [{ debugName: "forme" }] : /* istanbul ignore next */ []);
 	enLigne = input(false, {
-		...ngDevMode ? { debugName: "enLigne" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "enLigne" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	iconesSeules = input(false, {
-		...ngDevMode ? { debugName: "iconesSeules" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "iconesSeules" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	value = model("", ...ngDevMode ? [{ debugName: "value" }] : 	/* istanbul ignore next */ []);
+	value = model("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
 	disabled = input(false, {
-		...ngDevMode ? { debugName: "disabled" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	touched = input(false, {
-		...ngDevMode ? { debugName: "touched" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	name = input("", ...ngDevMode ? [{ debugName: "name" }] : 	/* istanbul ignore next */ []);
+	name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
 	touch = output();
 	nomParDefaut = inject(StIdentifiants).prochain("st-segment");
 	constructor() {
@@ -2732,7 +2768,7 @@ var StSegmentedControl = class StSegmentedControl {
 		const legende = this.legende();
 		if (legende.trim() === "" && isDevMode()) console.warn("st-segmented-control : la legende est vide, le groupe n a plus de nom.");
 		return legende;
-	}, ...ngDevMode ? [{ debugName: "legendeLue" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "legendeLue" }] : /* istanbul ignore next */ []);
 	optionsLues = computed(() => {
 		const options = this.options();
 		if (this.iconesSeules() && isDevMode()) {
@@ -2740,7 +2776,7 @@ var StSegmentedControl = class StSegmentedControl {
 			if (sansIcone.length > 0) console.warn("st-segmented-control : iconesSeules, mais sans icone : " + sansIcone.map((option) => option.valeur).join(", ") + " ; le segment serait vide a l ecran.");
 		}
 		return options;
-	}, ...ngDevMode ? [{ debugName: "optionsLues" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "optionsLues" }] : /* istanbul ignore next */ []);
 	focus(options) {
 		const hote = this.element.nativeElement;
 		(hote.querySelector("input:checked:not(:disabled)") ?? hote.querySelector("input:not(:disabled)"))?.focus(options);
@@ -2755,7 +2791,7 @@ var StSegmentedControl = class StSegmentedControl {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StSegmentedControl,
 		deps: [],
@@ -2763,7 +2799,7 @@ var StSegmentedControl = class StSegmentedControl {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StSegmentedControl,
 		isStandalone: true,
 		selector: "st-segmented-control",
@@ -2878,7 +2914,7 @@ var StSegmentedControl = class StSegmentedControl {
 		},
 		ngImport: i0,
 		template: "<fieldset class=\"st-segmented-control__groupe\" [disabled]=\"disabled()\">\n  <legend [class.st-vh]=\"legendeMasquee()\">{{ legendeLue() }}</legend>\n  <div class=\"st-segmented-control__piste\">\n    @for (option of optionsLues(); track option.valeur) {\n      <label class=\"st-segmented-control__segment\">\n        <input\n          type=\"radio\"\n          [name]=\"nomDuGroupe()\"\n          [value]=\"option.valeur\"\n          [checked]=\"option.valeur === value()\"\n          [disabled]=\"option.desactivee === true\"\n          (change)=\"choisir(option.valeur)\"\n        />\n        @if (option.icone; as icone) {\n          <st-icon [nom]=\"icone\" [taille]=\"iconesSeules() ? '20' : '16'\" />\n        }\n        @if (option.etiquette === undefined) {\n          <span [class.st-vh]=\"iconesSeules()\" [attr.lang]=\"option.lang ?? null\">{{\n            option.libelle\n          }}</span>\n        } @else {\n          <!-- Le texte VISIBLE ouvre le nom (WCAG 2.5.3 : « cliquer FR » en commande vocale), puis\n               l'etiquette, masquee, lue dans sa langue : « FR Francais », comme st-lang-switch.\n               Masque, le texte laissait un nom que la commande vocale ne trouvait pas (audit UI du\n               2026-09-27, D-30). Icones seules, rien n'est ecrit : l'etiquette seule. -->\n          @if (!iconesSeules()) {\n            <span>{{ option.libelle }}</span\n            >{{ ' ' }}\n          }\n          <span class=\"st-vh\" [attr.lang]=\"option.lang ?? null\">{{ option.etiquette }}</span>\n        }\n      </label>\n    }\n  </div>\n</fieldset>\n",
-		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:inline-block}:host([data-pleine-largeur]){display:block}.st-segmented-control__groupe{display:flex;min-inline-size:0;padding:0;margin:0;border:0;isolation:isolate}.st-segmented-control__groupe input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-segmented-control__groupe{flex-direction:column;align-items:stretch}.st-segmented-control__groupe legend{padding:0;margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm)}.st-segmented-control__piste{display:flex;align-items:center;padding:var(--st-espacement-demi);background-color:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm);flex-direction:column;align-items:stretch}@media(min-width:30rem){.st-segmented-control__piste{flex-direction:row;align-items:center}}:host([data-en-ligne]) .st-segmented-control__piste{flex-direction:row;align-items:center}:host([data-forme=conteneur]) .st-segmented-control__piste{display:flex;align-items:center;padding:var(--st-espacement-1);background-color:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}:host([data-forme=nue]) .st-segmented-control__piste{padding:0;background:none;border-radius:0}.st-segmented-control__segment{box-sizing:border-box;display:inline-flex;flex:1 1 auto;gap:var(--st-espacement-1);align-items:center;justify-content:center;min-block-size:var(--st-hauteur-commande-sm);padding:var(--st-espacement-1) var(--st-espacement-2-5);font-size:var(--st-taille-2xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-discret);text-align:center;cursor:pointer;border-radius:var(--st-rayon-sm)}@media(pointer:coarse){.st-segmented-control__segment{min-block-size:var(--st-cible-tactile-min);min-inline-size:var(--st-cible-tactile-min)}}@media(hover:hover){.st-segmented-control__segment:not(:has(input:checked,input:disabled)):hover{color:var(--st-couleur-texte);background-color:var(--st-couleur-surface-survol)}}.st-segmented-control__segment:not(:has(input:checked,input:disabled)):active{background-color:var(--st-couleur-surface-active)}.st-segmented-control__segment:has(input:checked){font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire);background-color:var(--st-couleur-surface);box-shadow:var(--st-ombre-repos),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-bordure-forte)}.st-segmented-control__segment:has(input:focus-visible){position:relative;z-index:var(--st-plan-contenu-eleve);outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-segmented-control__segment:has(input:checked:focus-visible){box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-bordure-forte)}@media(forced-colors:active){.st-segmented-control__segment:has(input:checked){forced-color-adjust:none;color:HighlightText;background-color:Highlight}}.st-segmented-control__segment{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}:host([data-pleine-largeur]) .st-segmented-control__segment{flex:1 1 0}:host([data-casse=capitales]) .st-segmented-control__segment{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs)}:host([data-taille=md]) .st-segmented-control__segment{min-block-size:var(--st-hauteur-commande-xl)}:host([data-icones-seules]) .st-segmented-control__segment{min-inline-size:var(--st-hauteur-commande-sm);padding-inline:var(--st-espacement-1-5)}@media(pointer:coarse){:host([data-icones-seules]) .st-segmented-control__segment{min-inline-size:var(--st-cible-tactile-min)}}.st-segmented-control__segment:has(input:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed}@media(forced-colors:active){.st-segmented-control__segment:has(input:disabled){color:GrayText}}\n"],
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:inline-block}:host([data-pleine-largeur]){display:block}.st-segmented-control__groupe{display:flex;min-inline-size:0;padding:0;margin:0;border:0;isolation:isolate}.st-segmented-control__groupe input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-segmented-control__groupe{flex-direction:column;align-items:stretch}.st-segmented-control__groupe legend{padding:0;margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm)}.st-segmented-control__piste{display:flex;align-items:center;padding:var(--st-espacement-demi);background-color:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm);flex-direction:column;align-items:stretch}@media(min-width:30rem){.st-segmented-control__piste{flex-direction:row;align-items:center}}:host([data-en-ligne]) .st-segmented-control__piste{flex-direction:row;align-items:center}:host([data-forme=conteneur]) .st-segmented-control__piste{display:flex;align-items:center;padding:var(--st-espacement-1);background-color:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}:host([data-forme=nue]) .st-segmented-control__piste{padding:0;background:none;border-radius:0}.st-segmented-control__segment{box-sizing:border-box;display:inline-flex;flex:1 1 auto;gap:var(--st-espacement-1);align-items:center;justify-content:center;min-block-size:var(--st-hauteur-commande-sm);padding:var(--st-espacement-1) var(--st-espacement-2-5);font-size:var(--st-taille-2xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-discret);text-align:center;cursor:pointer;border-radius:var(--st-rayon-sm)}@media(pointer:coarse){.st-segmented-control__segment{min-block-size:var(--st-cible-tactile-min);min-inline-size:var(--st-cible-tactile-min)}}@media(hover:hover){.st-segmented-control__segment:not(:has(input:checked,input:disabled)):hover{color:var(--st-couleur-texte);background-color:var(--st-couleur-surface-survol)}}.st-segmented-control__segment:not(:has(input:checked,input:disabled)):active{background-color:var(--st-couleur-surface-active)}.st-segmented-control__segment:has(input:checked){font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire);background-color:var(--st-couleur-surface);box-shadow:var(--st-ombre-repos),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-bordure-forte)}.st-segmented-control__segment:has(input:focus-visible){position:relative;z-index:var(--st-plan-contenu-eleve);outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-segmented-control__segment:has(input:checked:focus-visible){box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-bordure-forte)}@media(forced-colors:active){.st-segmented-control__segment:has(input:checked){forced-color-adjust:none;color:HighlightText;background-color:Highlight}}.st-segmented-control__segment{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}:host([data-forme=texte]) .st-segmented-control__piste{padding:0;background:none;border-radius:0}:host([data-forme=texte]) .st-segmented-control__segment{padding-inline:var(--st-espacement-1-5);color:var(--st-couleur-texte-attenue);background:none}@media(hover:hover){:host([data-forme=texte]) .st-segmented-control__segment:not(:has(input:checked,input:disabled)):hover{color:var(--st-couleur-texte);background:none}}:host([data-forme=texte]) .st-segmented-control__segment:not(:has(input:checked,input:disabled)):active{background:none}:host([data-forme=texte]) .st-segmented-control__segment:has(input:checked){color:var(--st-couleur-texte);background:none;box-shadow:none}:host([data-forme=texte]) .st-segmented-control__segment:has(input:checked:focus-visible){box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}:host([data-forme=texte]) .st-segmented-control__segment+.st-segmented-control__segment:before{inline-size:var(--st-epaisseur-fine);block-size:var(--st-interligne-2xs);margin-inline-end:var(--st-espacement-1-5);content:\"\";background:var(--st-couleur-bordure)}:host([data-pleine-largeur]) .st-segmented-control__segment{flex:1 1 0}:host([data-casse=capitales]) .st-segmented-control__segment{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs)}:host([data-taille=md]) .st-segmented-control__segment{min-block-size:var(--st-hauteur-commande-xl)}:host([data-icones-seules]) .st-segmented-control__segment{min-inline-size:var(--st-hauteur-commande-sm);padding-inline:var(--st-espacement-1-5)}@media(pointer:coarse){:host([data-icones-seules]) .st-segmented-control__segment{min-inline-size:var(--st-cible-tactile-min)}}.st-segmented-control__segment:has(input:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed}@media(forced-colors:active){.st-segmented-control__segment:has(input:disabled){color:GrayText}}\n"],
 		dependencies: [{
 			kind: "component",
 			type: StIcon,
@@ -2900,7 +2936,7 @@ var StSegmentedControl = class StSegmentedControl {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StSegmentedControl,
 	decorators: [{
@@ -2920,7 +2956,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"(focusout)": "aLaSortie($event)"
 			},
 			template: "<fieldset class=\"st-segmented-control__groupe\" [disabled]=\"disabled()\">\n  <legend [class.st-vh]=\"legendeMasquee()\">{{ legendeLue() }}</legend>\n  <div class=\"st-segmented-control__piste\">\n    @for (option of optionsLues(); track option.valeur) {\n      <label class=\"st-segmented-control__segment\">\n        <input\n          type=\"radio\"\n          [name]=\"nomDuGroupe()\"\n          [value]=\"option.valeur\"\n          [checked]=\"option.valeur === value()\"\n          [disabled]=\"option.desactivee === true\"\n          (change)=\"choisir(option.valeur)\"\n        />\n        @if (option.icone; as icone) {\n          <st-icon [nom]=\"icone\" [taille]=\"iconesSeules() ? '20' : '16'\" />\n        }\n        @if (option.etiquette === undefined) {\n          <span [class.st-vh]=\"iconesSeules()\" [attr.lang]=\"option.lang ?? null\">{{\n            option.libelle\n          }}</span>\n        } @else {\n          <!-- Le texte VISIBLE ouvre le nom (WCAG 2.5.3 : « cliquer FR » en commande vocale), puis\n               l'etiquette, masquee, lue dans sa langue : « FR Francais », comme st-lang-switch.\n               Masque, le texte laissait un nom que la commande vocale ne trouvait pas (audit UI du\n               2026-09-27, D-30). Icones seules, rien n'est ecrit : l'etiquette seule. -->\n          @if (!iconesSeules()) {\n            <span>{{ option.libelle }}</span\n            >{{ ' ' }}\n          }\n          <span class=\"st-vh\" [attr.lang]=\"option.lang ?? null\">{{ option.etiquette }}</span>\n        }\n      </label>\n    }\n  </div>\n</fieldset>\n",
-			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:inline-block}:host([data-pleine-largeur]){display:block}.st-segmented-control__groupe{display:flex;min-inline-size:0;padding:0;margin:0;border:0;isolation:isolate}.st-segmented-control__groupe input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-segmented-control__groupe{flex-direction:column;align-items:stretch}.st-segmented-control__groupe legend{padding:0;margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm)}.st-segmented-control__piste{display:flex;align-items:center;padding:var(--st-espacement-demi);background-color:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm);flex-direction:column;align-items:stretch}@media(min-width:30rem){.st-segmented-control__piste{flex-direction:row;align-items:center}}:host([data-en-ligne]) .st-segmented-control__piste{flex-direction:row;align-items:center}:host([data-forme=conteneur]) .st-segmented-control__piste{display:flex;align-items:center;padding:var(--st-espacement-1);background-color:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}:host([data-forme=nue]) .st-segmented-control__piste{padding:0;background:none;border-radius:0}.st-segmented-control__segment{box-sizing:border-box;display:inline-flex;flex:1 1 auto;gap:var(--st-espacement-1);align-items:center;justify-content:center;min-block-size:var(--st-hauteur-commande-sm);padding:var(--st-espacement-1) var(--st-espacement-2-5);font-size:var(--st-taille-2xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-discret);text-align:center;cursor:pointer;border-radius:var(--st-rayon-sm)}@media(pointer:coarse){.st-segmented-control__segment{min-block-size:var(--st-cible-tactile-min);min-inline-size:var(--st-cible-tactile-min)}}@media(hover:hover){.st-segmented-control__segment:not(:has(input:checked,input:disabled)):hover{color:var(--st-couleur-texte);background-color:var(--st-couleur-surface-survol)}}.st-segmented-control__segment:not(:has(input:checked,input:disabled)):active{background-color:var(--st-couleur-surface-active)}.st-segmented-control__segment:has(input:checked){font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire);background-color:var(--st-couleur-surface);box-shadow:var(--st-ombre-repos),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-bordure-forte)}.st-segmented-control__segment:has(input:focus-visible){position:relative;z-index:var(--st-plan-contenu-eleve);outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-segmented-control__segment:has(input:checked:focus-visible){box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-bordure-forte)}@media(forced-colors:active){.st-segmented-control__segment:has(input:checked){forced-color-adjust:none;color:HighlightText;background-color:Highlight}}.st-segmented-control__segment{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}:host([data-pleine-largeur]) .st-segmented-control__segment{flex:1 1 0}:host([data-casse=capitales]) .st-segmented-control__segment{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs)}:host([data-taille=md]) .st-segmented-control__segment{min-block-size:var(--st-hauteur-commande-xl)}:host([data-icones-seules]) .st-segmented-control__segment{min-inline-size:var(--st-hauteur-commande-sm);padding-inline:var(--st-espacement-1-5)}@media(pointer:coarse){:host([data-icones-seules]) .st-segmented-control__segment{min-inline-size:var(--st-cible-tactile-min)}}.st-segmented-control__segment:has(input:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed}@media(forced-colors:active){.st-segmented-control__segment:has(input:disabled){color:GrayText}}\n"]
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:inline-block}:host([data-pleine-largeur]){display:block}.st-segmented-control__groupe{display:flex;min-inline-size:0;padding:0;margin:0;border:0;isolation:isolate}.st-segmented-control__groupe input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-segmented-control__groupe{flex-direction:column;align-items:stretch}.st-segmented-control__groupe legend{padding:0;margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm)}.st-segmented-control__piste{display:flex;align-items:center;padding:var(--st-espacement-demi);background-color:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm);flex-direction:column;align-items:stretch}@media(min-width:30rem){.st-segmented-control__piste{flex-direction:row;align-items:center}}:host([data-en-ligne]) .st-segmented-control__piste{flex-direction:row;align-items:center}:host([data-forme=conteneur]) .st-segmented-control__piste{display:flex;align-items:center;padding:var(--st-espacement-1);background-color:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}:host([data-forme=nue]) .st-segmented-control__piste{padding:0;background:none;border-radius:0}.st-segmented-control__segment{box-sizing:border-box;display:inline-flex;flex:1 1 auto;gap:var(--st-espacement-1);align-items:center;justify-content:center;min-block-size:var(--st-hauteur-commande-sm);padding:var(--st-espacement-1) var(--st-espacement-2-5);font-size:var(--st-taille-2xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-discret);text-align:center;cursor:pointer;border-radius:var(--st-rayon-sm)}@media(pointer:coarse){.st-segmented-control__segment{min-block-size:var(--st-cible-tactile-min);min-inline-size:var(--st-cible-tactile-min)}}@media(hover:hover){.st-segmented-control__segment:not(:has(input:checked,input:disabled)):hover{color:var(--st-couleur-texte);background-color:var(--st-couleur-surface-survol)}}.st-segmented-control__segment:not(:has(input:checked,input:disabled)):active{background-color:var(--st-couleur-surface-active)}.st-segmented-control__segment:has(input:checked){font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire);background-color:var(--st-couleur-surface);box-shadow:var(--st-ombre-repos),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-bordure-forte)}.st-segmented-control__segment:has(input:focus-visible){position:relative;z-index:var(--st-plan-contenu-eleve);outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-segmented-control__segment:has(input:checked:focus-visible){box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-bordure-forte)}@media(forced-colors:active){.st-segmented-control__segment:has(input:checked){forced-color-adjust:none;color:HighlightText;background-color:Highlight}}.st-segmented-control__segment{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}:host([data-forme=texte]) .st-segmented-control__piste{padding:0;background:none;border-radius:0}:host([data-forme=texte]) .st-segmented-control__segment{padding-inline:var(--st-espacement-1-5);color:var(--st-couleur-texte-attenue);background:none}@media(hover:hover){:host([data-forme=texte]) .st-segmented-control__segment:not(:has(input:checked,input:disabled)):hover{color:var(--st-couleur-texte);background:none}}:host([data-forme=texte]) .st-segmented-control__segment:not(:has(input:checked,input:disabled)):active{background:none}:host([data-forme=texte]) .st-segmented-control__segment:has(input:checked){color:var(--st-couleur-texte);background:none;box-shadow:none}:host([data-forme=texte]) .st-segmented-control__segment:has(input:checked:focus-visible){box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}:host([data-forme=texte]) .st-segmented-control__segment+.st-segmented-control__segment:before{inline-size:var(--st-epaisseur-fine);block-size:var(--st-interligne-2xs);margin-inline-end:var(--st-espacement-1-5);content:\"\";background:var(--st-couleur-bordure)}:host([data-pleine-largeur]) .st-segmented-control__segment{flex:1 1 0}:host([data-casse=capitales]) .st-segmented-control__segment{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs)}:host([data-taille=md]) .st-segmented-control__segment{min-block-size:var(--st-hauteur-commande-xl)}:host([data-icones-seules]) .st-segmented-control__segment{min-inline-size:var(--st-hauteur-commande-sm);padding-inline:var(--st-espacement-1-5)}@media(pointer:coarse){:host([data-icones-seules]) .st-segmented-control__segment{min-inline-size:var(--st-cible-tactile-min)}}.st-segmented-control__segment:has(input:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed}@media(forced-colors:active){.st-segmented-control__segment:has(input:disabled){color:GrayText}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -3040,23 +3076,23 @@ i0.ɵɵngDeclareClassMetadata({
 });
 var StAvatar = class StAvatar {
 	locale = inject(ST_LOCALE);
-	nom = input.required(...ngDevMode ? [{ debugName: "nom" }] : 	/* istanbul ignore next */ []);
-	sourceImage = input(null, ...ngDevMode ? [{ debugName: "sourceImage" }] : 	/* istanbul ignore next */ []);
-	taille = input("md", ...ngDevMode ? [{ debugName: "taille" }] : 	/* istanbul ignore next */ []);
-	forme = input("cercle", ...ngDevMode ? [{ debugName: "forme" }] : 	/* istanbul ignore next */ []);
-	ton = input("primaire", ...ngDevMode ? [{ debugName: "ton" }] : 	/* istanbul ignore next */ []);
-	variante = input("discrete", ...ngDevMode ? [{ debugName: "variante" }] : 	/* istanbul ignore next */ []);
+	nom = input.required(...ngDevMode ? [{ debugName: "nom" }] : /* istanbul ignore next */ []);
+	sourceImage = input(null, ...ngDevMode ? [{ debugName: "sourceImage" }] : /* istanbul ignore next */ []);
+	taille = input("md", ...ngDevMode ? [{ debugName: "taille" }] : /* istanbul ignore next */ []);
+	forme = input("cercle", ...ngDevMode ? [{ debugName: "forme" }] : /* istanbul ignore next */ []);
+	ton = input("primaire", ...ngDevMode ? [{ debugName: "ton" }] : /* istanbul ignore next */ []);
+	variante = input("discrete", ...ngDevMode ? [{ debugName: "variante" }] : /* istanbul ignore next */ []);
 	nomAdjacent = input(true, {
-		...ngDevMode ? { debugName: "nomAdjacent" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "nomAdjacent" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	imageEchouee = linkedSignal({
-		...ngDevMode ? { debugName: "imageEchouee" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "imageEchouee" } : /* istanbul ignore next */ {},
 		source: this.sourceImage,
 		computation: () => false
 	});
-	afficheLImage = computed(() => this.sourceImage() !== null && !this.imageEchouee(), ...ngDevMode ? [{ debugName: "afficheLImage" }] : 	/* istanbul ignore next */ []);
-	segmenteur = computed(() => new Intl.Segmenter(this.locale(), { granularity: "grapheme" }), ...ngDevMode ? [{ debugName: "segmenteur" }] : 	/* istanbul ignore next */ []);
+	afficheLImage = computed(() => this.sourceImage() !== null && !this.imageEchouee(), ...ngDevMode ? [{ debugName: "afficheLImage" }] : /* istanbul ignore next */ []);
+	segmenteur = computed(() => new Intl.Segmenter(this.locale(), { granularity: "grapheme" }), ...ngDevMode ? [{ debugName: "segmenteur" }] : /* istanbul ignore next */ []);
 	initiales = computed(() => {
 		const segmenteur = this.segmenteur();
 		const premier = (mot) => {
@@ -3064,14 +3100,14 @@ var StAvatar = class StAvatar {
 			return "";
 		};
 		return this.nom().trim().split(/\s+/).filter((mot) => mot !== "").slice(0, this.taille() === "xs" ? 1 : 2).map(premier).join("").toLocaleUpperCase(this.locale());
-	}, ...ngDevMode ? [{ debugName: "initiales" }] : 	/* istanbul ignore next */ []);
-	texteAlternatif = computed(() => this.nomAdjacent() ? "" : this.nom(), ...ngDevMode ? [{ debugName: "texteAlternatif" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "initiales" }] : /* istanbul ignore next */ []);
+	texteAlternatif = computed(() => this.nomAdjacent() ? "" : this.nom(), ...ngDevMode ? [{ debugName: "texteAlternatif" }] : /* istanbul ignore next */ []);
 	auxEchecsDImage() {
 		this.imageEchouee.set(true);
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StAvatar,
 		deps: [],
@@ -3079,7 +3115,7 @@ var StAvatar = class StAvatar {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StAvatar,
 		isStandalone: true,
 		selector: "st-avatar",
@@ -3146,7 +3182,7 @@ var StAvatar = class StAvatar {
 		},
 		ngImport: i0,
 		template: "@if (afficheLImage()) {\n  <!-- `prefer-ngsrc` ecarte ici (eslint.config.mjs) :\n       NgOptimizedImage exige des dimensions statiques ou un chargeur configure.\n       Une photo de profil vient d'une URL tierce de dimensions inconnues, et\n       optimiser une image de 40 px ne rapporte rien. -->\n  <img\n    [src]=\"sourceImage()\"\n    [alt]=\"texteAlternatif()\"\n    loading=\"lazy\"\n    decoding=\"async\"\n    referrerpolicy=\"no-referrer\"\n    (error)=\"auxEchecsDImage()\"\n  />\n} @else {\n  @if (initiales() !== '') {\n    <!-- Toujours muettes : seules, elles se liraient « A K » ; le nom entier est dit par le\n         texte masque ci-dessous quand il n'est pas deja a cote. -->\n    <span class=\"st-avatar__initiales\" aria-hidden=\"true\">{{ initiales() }}</span>\n  } @else {\n    <st-icon class=\"st-avatar__repli\" nom=\"utilisateur\" taille=\"lg\" />\n  }\n  @if (!nomAdjacent() && nom().trim() !== '') {\n    <span class=\"st-vh\">{{ nom() }}</span>\n  }\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:inline-flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-avatar-taille);block-size:var(--st-avatar-taille);overflow:hidden;color:var(--st-couleur-sur-primaire-discret);background:var(--st-couleur-primaire-discret);border-radius:var(--st-rayon-pleine);--st-avatar-taille: var(--st-espacement-10)}:host([data-taille=xs]){--st-avatar-taille: var(--st-espacement-6)}:host([data-taille=sm]){--st-avatar-taille: var(--st-espacement-8)}:host([data-taille=lg]){--st-avatar-taille: var(--st-espacement-16)}:host([data-taille=xl]){--st-avatar-taille: var(--st-espacement-24)}:host([data-forme=carre]){border-radius:var(--st-rayon-md)}.st-avatar__initiales{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales)}:host([data-taille=xs]) .st-avatar__initiales,:host([data-taille=sm]) .st-avatar__initiales{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}:host([data-taille=lg]) .st-avatar__initiales{font-size:var(--st-taille-xl);line-height:var(--st-interligne-xl)}:host([data-taille=xl]) .st-avatar__initiales{font-size:var(--st-taille-3xl);line-height:var(--st-interligne-3xl)}.st-avatar__repli{color:var(--st-couleur-texte-discret)}:host([data-image]){box-shadow:inset 0 0 0 var(--st-epaisseur-capillaire) var(--st-couleur-bordure)}img{inline-size:100%;block-size:100%;object-fit:cover}:host([data-ton=neutre]){color:var(--st-couleur-texte);background:var(--st-couleur-surface-enfoncee)}:host([data-ton=information]){color:var(--st-couleur-sur-information-discret);background:var(--st-couleur-information-discret)}:host([data-ton=succes]){color:var(--st-couleur-sur-succes-discret);background:var(--st-couleur-succes-discret)}:host([data-ton=avertissement]){color:var(--st-couleur-sur-avertissement-discret);background:var(--st-couleur-avertissement-discret)}:host([data-ton=danger]){color:var(--st-couleur-sur-danger-discret);background:var(--st-couleur-danger-discret)}:host([data-variante=pleine]){color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire)}:host([data-variante=pleine][data-ton=neutre]){color:var(--st-couleur-texte-inverse);background:var(--st-couleur-surface-inverse)}:host([data-variante=pleine][data-ton=information]){color:var(--st-couleur-sur-information);background:var(--st-couleur-information)}:host([data-variante=pleine][data-ton=succes]){color:var(--st-couleur-sur-succes);background:var(--st-couleur-succes)}:host([data-variante=pleine][data-ton=avertissement]){color:var(--st-couleur-sur-avertissement);background:var(--st-couleur-avertissement)}:host([data-variante=pleine][data-ton=danger]){color:var(--st-couleur-sur-danger);background:var(--st-couleur-danger)}:host([data-variante=pleine]) .st-avatar__repli{color:inherit}@media(forced-colors:active){:host,:host([data-variante=pleine]),:host([data-variante=pleine][data-ton]){forced-color-adjust:none;color:CanvasText;background:Canvas;box-shadow:none;outline:var(--st-epaisseur-fine) solid CanvasText;outline-offset:calc(-1 * var(--st-epaisseur-fine))}}\n"],
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:inline-flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-avatar-taille);block-size:var(--st-avatar-taille);overflow:hidden;color:var(--st-couleur-sur-primaire-discret);background:var(--st-couleur-primaire-discret);border-radius:var(--st-rayon-pleine);--st-avatar-taille: var(--st-espacement-10)}:host([data-taille=xs]){--st-avatar-taille: var(--st-espacement-6)}:host([data-taille=sm]){--st-avatar-taille: var(--st-espacement-8)}:host([data-taille=lg]){--st-avatar-taille: var(--st-espacement-16)}:host([data-taille=xl]){--st-avatar-taille: var(--st-espacement-24)}:host([data-forme=carre]){border-radius:var(--st-rayon-md)}.st-avatar__initiales{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales)}:host([data-taille=xs]) .st-avatar__initiales,:host([data-taille=sm]) .st-avatar__initiales{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}:host([data-taille=lg]) .st-avatar__initiales{font-size:var(--st-taille-xl);line-height:var(--st-interligne-xl)}:host([data-taille=xl]) .st-avatar__initiales{font-size:var(--st-taille-3xl);line-height:var(--st-interligne-3xl)}.st-avatar__repli{color:var(--st-couleur-texte-discret)}:host([data-image]){box-shadow:inset 0 0 0 var(--st-epaisseur-capillaire) var(--st-couleur-bordure)}img{inline-size:100%;block-size:100%;object-fit:cover}:host([data-ton=neutre]){color:var(--st-couleur-texte);background:var(--st-couleur-surface-enfoncee)}:host([data-ton=information]){color:var(--st-couleur-sur-information-discret);background:var(--st-couleur-information-discret)}:host([data-ton=succes]){color:var(--st-couleur-sur-succes-discret);background:var(--st-couleur-succes-discret)}:host([data-ton=avertissement]){color:var(--st-couleur-sur-avertissement-discret);background:var(--st-couleur-avertissement-discret)}:host([data-ton=erreur]){color:var(--st-couleur-sur-erreur-discret);background:var(--st-couleur-erreur-discret)}:host([data-ton=danger]){color:var(--st-couleur-sur-danger-discret);background:var(--st-couleur-danger-discret)}:host([data-variante=pleine]){color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire)}:host([data-variante=pleine][data-ton=neutre]){color:var(--st-couleur-texte-inverse);background:var(--st-couleur-surface-inverse)}:host([data-variante=pleine][data-ton=information]){color:var(--st-couleur-sur-information);background:var(--st-couleur-information)}:host([data-variante=pleine][data-ton=succes]){color:var(--st-couleur-sur-succes);background:var(--st-couleur-succes)}:host([data-variante=pleine][data-ton=avertissement]){color:var(--st-couleur-sur-avertissement);background:var(--st-couleur-avertissement)}:host([data-variante=pleine][data-ton=erreur]){color:var(--st-couleur-sur-erreur);background:var(--st-couleur-erreur)}:host([data-variante=pleine][data-ton=danger]){color:var(--st-couleur-sur-danger);background:var(--st-couleur-danger)}:host([data-variante=pleine]) .st-avatar__repli{color:inherit}@media(forced-colors:active){:host,:host([data-variante=pleine]),:host([data-variante=pleine][data-ton]){forced-color-adjust:none;color:CanvasText;background:Canvas;box-shadow:none;outline:var(--st-epaisseur-fine) solid CanvasText;outline-offset:calc(-1 * var(--st-epaisseur-fine))}}\n"],
 		dependencies: [{
 			kind: "component",
 			type: StIcon,
@@ -3168,7 +3204,7 @@ var StAvatar = class StAvatar {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StAvatar,
 	decorators: [{
@@ -3186,7 +3222,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.data-image]": "afficheLImage() ? \"\" : null"
 			},
 			template: "@if (afficheLImage()) {\n  <!-- `prefer-ngsrc` ecarte ici (eslint.config.mjs) :\n       NgOptimizedImage exige des dimensions statiques ou un chargeur configure.\n       Une photo de profil vient d'une URL tierce de dimensions inconnues, et\n       optimiser une image de 40 px ne rapporte rien. -->\n  <img\n    [src]=\"sourceImage()\"\n    [alt]=\"texteAlternatif()\"\n    loading=\"lazy\"\n    decoding=\"async\"\n    referrerpolicy=\"no-referrer\"\n    (error)=\"auxEchecsDImage()\"\n  />\n} @else {\n  @if (initiales() !== '') {\n    <!-- Toujours muettes : seules, elles se liraient « A K » ; le nom entier est dit par le\n         texte masque ci-dessous quand il n'est pas deja a cote. -->\n    <span class=\"st-avatar__initiales\" aria-hidden=\"true\">{{ initiales() }}</span>\n  } @else {\n    <st-icon class=\"st-avatar__repli\" nom=\"utilisateur\" taille=\"lg\" />\n  }\n  @if (!nomAdjacent() && nom().trim() !== '') {\n    <span class=\"st-vh\">{{ nom() }}</span>\n  }\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:inline-flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-avatar-taille);block-size:var(--st-avatar-taille);overflow:hidden;color:var(--st-couleur-sur-primaire-discret);background:var(--st-couleur-primaire-discret);border-radius:var(--st-rayon-pleine);--st-avatar-taille: var(--st-espacement-10)}:host([data-taille=xs]){--st-avatar-taille: var(--st-espacement-6)}:host([data-taille=sm]){--st-avatar-taille: var(--st-espacement-8)}:host([data-taille=lg]){--st-avatar-taille: var(--st-espacement-16)}:host([data-taille=xl]){--st-avatar-taille: var(--st-espacement-24)}:host([data-forme=carre]){border-radius:var(--st-rayon-md)}.st-avatar__initiales{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales)}:host([data-taille=xs]) .st-avatar__initiales,:host([data-taille=sm]) .st-avatar__initiales{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}:host([data-taille=lg]) .st-avatar__initiales{font-size:var(--st-taille-xl);line-height:var(--st-interligne-xl)}:host([data-taille=xl]) .st-avatar__initiales{font-size:var(--st-taille-3xl);line-height:var(--st-interligne-3xl)}.st-avatar__repli{color:var(--st-couleur-texte-discret)}:host([data-image]){box-shadow:inset 0 0 0 var(--st-epaisseur-capillaire) var(--st-couleur-bordure)}img{inline-size:100%;block-size:100%;object-fit:cover}:host([data-ton=neutre]){color:var(--st-couleur-texte);background:var(--st-couleur-surface-enfoncee)}:host([data-ton=information]){color:var(--st-couleur-sur-information-discret);background:var(--st-couleur-information-discret)}:host([data-ton=succes]){color:var(--st-couleur-sur-succes-discret);background:var(--st-couleur-succes-discret)}:host([data-ton=avertissement]){color:var(--st-couleur-sur-avertissement-discret);background:var(--st-couleur-avertissement-discret)}:host([data-ton=danger]){color:var(--st-couleur-sur-danger-discret);background:var(--st-couleur-danger-discret)}:host([data-variante=pleine]){color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire)}:host([data-variante=pleine][data-ton=neutre]){color:var(--st-couleur-texte-inverse);background:var(--st-couleur-surface-inverse)}:host([data-variante=pleine][data-ton=information]){color:var(--st-couleur-sur-information);background:var(--st-couleur-information)}:host([data-variante=pleine][data-ton=succes]){color:var(--st-couleur-sur-succes);background:var(--st-couleur-succes)}:host([data-variante=pleine][data-ton=avertissement]){color:var(--st-couleur-sur-avertissement);background:var(--st-couleur-avertissement)}:host([data-variante=pleine][data-ton=danger]){color:var(--st-couleur-sur-danger);background:var(--st-couleur-danger)}:host([data-variante=pleine]) .st-avatar__repli{color:inherit}@media(forced-colors:active){:host,:host([data-variante=pleine]),:host([data-variante=pleine][data-ton]){forced-color-adjust:none;color:CanvasText;background:Canvas;box-shadow:none;outline:var(--st-epaisseur-fine) solid CanvasText;outline-offset:calc(-1 * var(--st-epaisseur-fine))}}\n"]
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:inline-flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-avatar-taille);block-size:var(--st-avatar-taille);overflow:hidden;color:var(--st-couleur-sur-primaire-discret);background:var(--st-couleur-primaire-discret);border-radius:var(--st-rayon-pleine);--st-avatar-taille: var(--st-espacement-10)}:host([data-taille=xs]){--st-avatar-taille: var(--st-espacement-6)}:host([data-taille=sm]){--st-avatar-taille: var(--st-espacement-8)}:host([data-taille=lg]){--st-avatar-taille: var(--st-espacement-16)}:host([data-taille=xl]){--st-avatar-taille: var(--st-espacement-24)}:host([data-forme=carre]){border-radius:var(--st-rayon-md)}.st-avatar__initiales{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales)}:host([data-taille=xs]) .st-avatar__initiales,:host([data-taille=sm]) .st-avatar__initiales{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}:host([data-taille=lg]) .st-avatar__initiales{font-size:var(--st-taille-xl);line-height:var(--st-interligne-xl)}:host([data-taille=xl]) .st-avatar__initiales{font-size:var(--st-taille-3xl);line-height:var(--st-interligne-3xl)}.st-avatar__repli{color:var(--st-couleur-texte-discret)}:host([data-image]){box-shadow:inset 0 0 0 var(--st-epaisseur-capillaire) var(--st-couleur-bordure)}img{inline-size:100%;block-size:100%;object-fit:cover}:host([data-ton=neutre]){color:var(--st-couleur-texte);background:var(--st-couleur-surface-enfoncee)}:host([data-ton=information]){color:var(--st-couleur-sur-information-discret);background:var(--st-couleur-information-discret)}:host([data-ton=succes]){color:var(--st-couleur-sur-succes-discret);background:var(--st-couleur-succes-discret)}:host([data-ton=avertissement]){color:var(--st-couleur-sur-avertissement-discret);background:var(--st-couleur-avertissement-discret)}:host([data-ton=erreur]){color:var(--st-couleur-sur-erreur-discret);background:var(--st-couleur-erreur-discret)}:host([data-ton=danger]){color:var(--st-couleur-sur-danger-discret);background:var(--st-couleur-danger-discret)}:host([data-variante=pleine]){color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire)}:host([data-variante=pleine][data-ton=neutre]){color:var(--st-couleur-texte-inverse);background:var(--st-couleur-surface-inverse)}:host([data-variante=pleine][data-ton=information]){color:var(--st-couleur-sur-information);background:var(--st-couleur-information)}:host([data-variante=pleine][data-ton=succes]){color:var(--st-couleur-sur-succes);background:var(--st-couleur-succes)}:host([data-variante=pleine][data-ton=avertissement]){color:var(--st-couleur-sur-avertissement);background:var(--st-couleur-avertissement)}:host([data-variante=pleine][data-ton=erreur]){color:var(--st-couleur-sur-erreur);background:var(--st-couleur-erreur)}:host([data-variante=pleine][data-ton=danger]){color:var(--st-couleur-sur-danger);background:var(--st-couleur-danger)}:host([data-variante=pleine]) .st-avatar__repli{color:inherit}@media(forced-colors:active){:host,:host([data-variante=pleine]),:host([data-variante=pleine][data-ton]){forced-color-adjust:none;color:CanvasText;background:Canvas;box-shadow:none;outline:var(--st-epaisseur-fine) solid CanvasText;outline-offset:calc(-1 * var(--st-epaisseur-fine))}}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -3250,23 +3286,23 @@ i0.ɵɵngDeclareClassMetadata({
 });
 var StEmpty = class StEmpty {
 	element = inject(ElementRef).nativeElement;
-	titre = input.required(...ngDevMode ? [{ debugName: "titre" }] : 	/* istanbul ignore next */ []);
-	description = input(null, ...ngDevMode ? [{ debugName: "description" }] : 	/* istanbul ignore next */ []);
-	icone = input("boite", ...ngDevMode ? [{ debugName: "icone" }] : 	/* istanbul ignore next */ []);
-	niveauDuTitre = input(3, ...ngDevMode ? [{ debugName: "niveauDuTitre" }] : 	/* istanbul ignore next */ []);
-	taille = input("md", ...ngDevMode ? [{ debugName: "taille" }] : 	/* istanbul ignore next */ []);
-	variante = input("bloc", ...ngDevMode ? [{ debugName: "variante" }] : 	/* istanbul ignore next */ []);
+	titre = input.required(...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
+	description = input(null, ...ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []);
+	icone = input("boite", ...ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []);
+	niveauDuTitre = input(3, ...ngDevMode ? [{ debugName: "niveauDuTitre" }] : /* istanbul ignore next */ []);
+	taille = input("md", ...ngDevMode ? [{ debugName: "taille" }] : /* istanbul ignore next */ []);
+	variante = input("bloc", ...ngDevMode ? [{ debugName: "variante" }] : /* istanbul ignore next */ []);
 	identifiantDuTitre = inject(StIdentifiants).prochain("st-vide-titre");
-	niveau = computed(() => this.variante() === "pleine-page" ? 1 : this.niveauDuTitre(), ...ngDevMode ? [{ debugName: "niveau" }] : 	/* istanbul ignore next */ []);
+	niveau = computed(() => this.variante() === "pleine-page" ? 1 : this.niveauDuTitre(), ...ngDevMode ? [{ debugName: "niveau" }] : /* istanbul ignore next */ []);
 	tailleDuTitre = computed(() => {
 		const variante = this.variante();
 		if (variante === "encadree") return "md";
 		return variante === "pleine-page" ? "xl" : "lg";
-	}, ...ngDevMode ? [{ debugName: "tailleDuTitre" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "tailleDuTitre" }] : /* istanbul ignore next */ []);
 	tailleDuGlyphe = computed(() => {
 		if (this.variante() === "pleine-page") return "48";
 		return this.taille() === "sm" || this.variante() === "encadree" ? "24" : "28";
-	}, ...ngDevMode ? [{ debugName: "tailleDuGlyphe" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "tailleDuGlyphe" }] : /* istanbul ignore next */ []);
 	role = partagerLaValeur(this.element, "role", () => this.role.deLAppelant() === null ? "group" : null);
 	nommePar = partagerLaValeur(this.element, "aria-labelledby", () => this.nommePar.deLAppelant() === null ? this.identifiantDuTitre : null);
 	constructor() {
@@ -3276,7 +3312,7 @@ var StEmpty = class StEmpty {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StEmpty,
 		deps: [],
@@ -3284,7 +3320,7 @@ var StEmpty = class StEmpty {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StEmpty,
 		isStandalone: true,
 		selector: "st-empty",
@@ -3372,7 +3408,7 @@ var StEmpty = class StEmpty {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StEmpty,
 	decorators: [{
@@ -3445,12 +3481,12 @@ i0.ɵɵngDeclareClassMetadata({
 const PROFILS_D_ERREUR = {
 	serveur: {
 		icone: "nuage-barre",
-		ton: "danger",
+		ton: "erreur",
 		rejouable: true
 	},
 	client: {
 		icone: "triangle-alerte",
-		ton: "danger",
+		ton: "erreur",
 		rejouable: false
 	},
 	"hors-ligne": {
@@ -3519,22 +3555,23 @@ function prefixeDeTon(ton, libelles) {
 		case "information": return libelles.tonInformation;
 		case "succes": return libelles.tonSucces;
 		case "avertissement": return libelles.tonAvertissement;
+		case "erreur": return libelles.tonErreur;
 		case "danger": return libelles.tonDanger;
 	}
 }
 var StInlineMessage = class StInlineMessage {
 	libelles = inject(ST_LIBELLES);
-	ton = input("neutre", ...ngDevMode ? [{ debugName: "ton" }] : 	/* istanbul ignore next */ []);
-	identifiant = input(null, ...ngDevMode ? [{ debugName: "identifiant" }] : 	/* istanbul ignore next */ []);
+	ton = input("neutre", ...ngDevMode ? [{ debugName: "ton" }] : /* istanbul ignore next */ []);
+	identifiant = input(null, ...ngDevMode ? [{ debugName: "identifiant" }] : /* istanbul ignore next */ []);
 	annonce = input(false, {
-		...ngDevMode ? { debugName: "annonce" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "annonce" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	encadre = input(false, {
-		...ngDevMode ? { debugName: "encadre" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "encadre" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : 	/* istanbul ignore next */ []);
+	icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []);
 	iconeLue = computed(() => {
 		const propre = this.icone();
 		if (propre !== null) return propre;
@@ -3544,14 +3581,15 @@ var StInlineMessage = class StInlineMessage {
 			nom: ICONES_DE_TON[ton],
 			variante: "plein"
 		};
-	}, ...ngDevMode ? [{ debugName: "iconeLue" }] : 	/* istanbul ignore next */ []);
-	prefixe = computed(() => prefixeDeTon(this.ton(), this.libelles()), ...ngDevMode ? [{ debugName: "prefixe" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "iconeLue" }] : /* istanbul ignore next */ []);
+	prefixe = computed(() => prefixeDeTon(this.ton(), this.libelles()), ...ngDevMode ? [{ debugName: "prefixe" }] : /* istanbul ignore next */ []);
 	role = computed(() => {
 		if (!this.annonce()) return null;
-		return this.ton() === "danger" ? "alert" : "status";
-	}, ...ngDevMode ? [{ debugName: "role" }] : 	/* istanbul ignore next */ []);
-	contenuInsere = signal(false, ...ngDevMode ? [{ debugName: "contenuInsere" }] : 	/* istanbul ignore next */ []);
-	contenuVisible = computed(() => !this.annonce() || this.contenuInsere(), ...ngDevMode ? [{ debugName: "contenuVisible" }] : 	/* istanbul ignore next */ []);
+		const ton = this.ton();
+		return ton === "erreur" || ton === "danger" ? "alert" : "status";
+	}, ...ngDevMode ? [{ debugName: "role" }] : /* istanbul ignore next */ []);
+	contenuInsere = signal(false, ...ngDevMode ? [{ debugName: "contenuInsere" }] : /* istanbul ignore next */ []);
+	contenuVisible = computed(() => !this.annonce() || this.contenuInsere(), ...ngDevMode ? [{ debugName: "contenuVisible" }] : /* istanbul ignore next */ []);
 	constructor() {
 		let minuterie = null;
 		afterNextRender(() => {
@@ -3565,7 +3603,7 @@ var StInlineMessage = class StInlineMessage {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StInlineMessage,
 		deps: [],
@@ -3573,7 +3611,7 @@ var StInlineMessage = class StInlineMessage {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StInlineMessage,
 		isStandalone: true,
 		selector: "st-inline-message",
@@ -3624,8 +3662,8 @@ var StInlineMessage = class StInlineMessage {
 			classAttribute: "st-inline-message"
 		},
 		ngImport: i0,
-		template: "<!-- Avec `annonce`, la region (l'hote) existe VIDE avant que son contenu n'y entre. -->\n@if (contenuVisible()) {\n  <span class=\"st-inline-message__icone\">\n    <st-icon [icone]=\"iconeLue()\" [taille]=\"encadre() ? '18' : 'md'\" />\n  </span>\n  <span class=\"st-inline-message__texte\">\n    @if (prefixe() !== null) {\n      <span class=\"st-vh\">{{ prefixe() }}</span>\n    }\n    <ng-content />\n  </span>\n  <span class=\"st-inline-message__mention\"><ng-content select=\"[mention]\" /></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:flex;gap:var(--st-espacement-1-5);align-items:flex-start;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs)}.st-inline-message__icone{display:inline-flex;flex:none;align-items:center;block-size:var(--st-interligne-xs)}.st-inline-message__texte{flex:1 1 auto;min-inline-size:0}.st-inline-message__mention{flex:none;font-size:var(--st-taille-2xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase}.st-inline-message__mention:empty{display:none}:host([data-ton=neutre]){color:var(--st-couleur-texte-discret)}:host([data-ton=information]){color:var(--st-couleur-information)}:host([data-ton=succes]){color:var(--st-couleur-succes)}:host([data-ton=avertissement]){color:var(--st-couleur-avertissement)}:host([data-ton=danger]){color:var(--st-couleur-danger)}:host([data-encadre]){gap:var(--st-espacement-2);padding:var(--st-espacement-3);font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;background-color:var(--st-couleur-surface-conteneur-bas);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-sm)}:host([data-encadre]) .st-inline-message__icone{align-items:flex-end;block-size:var(--st-interligne-sm)}:host([data-encadre]) .st-inline-message__texte{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}:host([data-encadre]) .st-inline-message__mention{align-self:center}:host([data-encadre][data-ton=neutre]) :is(.st-inline-message__icone,.st-inline-message__mention){color:var(--st-couleur-texte-discret)}:host([data-encadre][data-ton=information]) :is(.st-inline-message__icone,.st-inline-message__mention){color:var(--st-couleur-information)}:host([data-encadre][data-ton=succes]) :is(.st-inline-message__icone,.st-inline-message__mention){color:var(--st-couleur-succes)}:host([data-encadre][data-ton=avertissement]) :is(.st-inline-message__icone,.st-inline-message__mention){color:var(--st-couleur-avertissement)}:host([data-encadre][data-ton=danger]) :is(.st-inline-message__icone,.st-inline-message__mention){color:var(--st-couleur-danger)}@media(forced-colors:active){:host([data-encadre]){border-color:CanvasText}}\n"],
+		template: "<!-- Avec `annonce`, la region (l'hote) existe VIDE avant que son contenu n'y entre. -->\n@if (contenuVisible()) {\n  <span class=\"st-inline-message__icone\">\n    <st-icon [icone]=\"iconeLue()\" [taille]=\"encadre() ? '18' : 'md'\" />\n  </span>\n  <span class=\"st-inline-message__texte\">\n    @if (prefixe() !== null) {\n      <span class=\"st-prefixe-de-ton st-inline-message__prefixe\">{{ prefixe() }}</span>\n    }\n    <ng-content />\n  </span>\n  <span class=\"st-inline-message__mention\"><ng-content select=\"[mention]\" /></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:flex;gap:var(--st-espacement-1-5);align-items:flex-start;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs)}.st-inline-message__icone{display:inline-flex;flex:none;align-items:center;block-size:var(--st-interligne-xs)}.st-inline-message__texte{flex:1 1 auto;min-inline-size:0}.st-inline-message__prefixe{font-weight:var(--st-graisse-semi)}.st-inline-message__mention{flex:none;font-size:var(--st-taille-2xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase}.st-inline-message__mention:empty{display:none}:host([data-ton=neutre]){color:var(--st-couleur-texte-discret)}:host([data-ton=information]){color:var(--st-couleur-information)}:host([data-ton=succes]){color:var(--st-couleur-succes)}:host([data-ton=avertissement]){color:var(--st-couleur-avertissement)}:host([data-ton=erreur]){color:var(--st-couleur-erreur)}:host([data-ton=danger]){color:var(--st-couleur-danger)}:host([data-encadre]){gap:var(--st-espacement-2);padding:var(--st-espacement-3);font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;background-color:var(--st-couleur-surface-conteneur-bas);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-sm)}:host([data-encadre]) .st-inline-message__icone{align-items:flex-end;block-size:var(--st-interligne-sm)}:host([data-encadre]) .st-inline-message__texte{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}:host([data-encadre]) .st-inline-message__mention{align-self:center}:host([data-encadre][data-ton=neutre]) :is(.st-inline-message__icone,.st-inline-message__mention){color:var(--st-couleur-texte-discret)}:host([data-encadre][data-ton=information]) :is(.st-inline-message__icone,.st-inline-message__mention){color:var(--st-couleur-information)}:host([data-encadre][data-ton=succes]) :is(.st-inline-message__icone,.st-inline-message__mention){color:var(--st-couleur-succes)}:host([data-encadre][data-ton=avertissement]) :is(.st-inline-message__icone,.st-inline-message__mention){color:var(--st-couleur-avertissement)}:host([data-encadre][data-ton=erreur]) :is(.st-inline-message__icone,.st-inline-message__mention){color:var(--st-couleur-erreur)}:host([data-encadre][data-ton=danger]) :is(.st-inline-message__icone,.st-inline-message__mention){color:var(--st-couleur-danger)}@media(forced-colors:active){:host([data-encadre]){border-color:CanvasText}}\n"],
 		dependencies: [{
 			kind: "component",
 			type: StIcon,
@@ -3647,7 +3685,7 @@ var StInlineMessage = class StInlineMessage {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StInlineMessage,
 	decorators: [{
@@ -3663,8 +3701,8 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.id]": "identifiant()",
 				"[attr.role]": "role()"
 			},
-			template: "<!-- Avec `annonce`, la region (l'hote) existe VIDE avant que son contenu n'y entre. -->\n@if (contenuVisible()) {\n  <span class=\"st-inline-message__icone\">\n    <st-icon [icone]=\"iconeLue()\" [taille]=\"encadre() ? '18' : 'md'\" />\n  </span>\n  <span class=\"st-inline-message__texte\">\n    @if (prefixe() !== null) {\n      <span class=\"st-vh\">{{ prefixe() }}</span>\n    }\n    <ng-content />\n  </span>\n  <span class=\"st-inline-message__mention\"><ng-content select=\"[mention]\" /></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:flex;gap:var(--st-espacement-1-5);align-items:flex-start;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs)}.st-inline-message__icone{display:inline-flex;flex:none;align-items:center;block-size:var(--st-interligne-xs)}.st-inline-message__texte{flex:1 1 auto;min-inline-size:0}.st-inline-message__mention{flex:none;font-size:var(--st-taille-2xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase}.st-inline-message__mention:empty{display:none}:host([data-ton=neutre]){color:var(--st-couleur-texte-discret)}:host([data-ton=information]){color:var(--st-couleur-information)}:host([data-ton=succes]){color:var(--st-couleur-succes)}:host([data-ton=avertissement]){color:var(--st-couleur-avertissement)}:host([data-ton=danger]){color:var(--st-couleur-danger)}:host([data-encadre]){gap:var(--st-espacement-2);padding:var(--st-espacement-3);font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;background-color:var(--st-couleur-surface-conteneur-bas);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-sm)}:host([data-encadre]) .st-inline-message__icone{align-items:flex-end;block-size:var(--st-interligne-sm)}:host([data-encadre]) .st-inline-message__texte{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}:host([data-encadre]) .st-inline-message__mention{align-self:center}:host([data-encadre][data-ton=neutre]) :is(.st-inline-message__icone,.st-inline-message__mention){color:var(--st-couleur-texte-discret)}:host([data-encadre][data-ton=information]) :is(.st-inline-message__icone,.st-inline-message__mention){color:var(--st-couleur-information)}:host([data-encadre][data-ton=succes]) :is(.st-inline-message__icone,.st-inline-message__mention){color:var(--st-couleur-succes)}:host([data-encadre][data-ton=avertissement]) :is(.st-inline-message__icone,.st-inline-message__mention){color:var(--st-couleur-avertissement)}:host([data-encadre][data-ton=danger]) :is(.st-inline-message__icone,.st-inline-message__mention){color:var(--st-couleur-danger)}@media(forced-colors:active){:host([data-encadre]){border-color:CanvasText}}\n"]
+			template: "<!-- Avec `annonce`, la region (l'hote) existe VIDE avant que son contenu n'y entre. -->\n@if (contenuVisible()) {\n  <span class=\"st-inline-message__icone\">\n    <st-icon [icone]=\"iconeLue()\" [taille]=\"encadre() ? '18' : 'md'\" />\n  </span>\n  <span class=\"st-inline-message__texte\">\n    @if (prefixe() !== null) {\n      <span class=\"st-prefixe-de-ton st-inline-message__prefixe\">{{ prefixe() }}</span>\n    }\n    <ng-content />\n  </span>\n  <span class=\"st-inline-message__mention\"><ng-content select=\"[mention]\" /></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:flex;gap:var(--st-espacement-1-5);align-items:flex-start;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs)}.st-inline-message__icone{display:inline-flex;flex:none;align-items:center;block-size:var(--st-interligne-xs)}.st-inline-message__texte{flex:1 1 auto;min-inline-size:0}.st-inline-message__prefixe{font-weight:var(--st-graisse-semi)}.st-inline-message__mention{flex:none;font-size:var(--st-taille-2xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase}.st-inline-message__mention:empty{display:none}:host([data-ton=neutre]){color:var(--st-couleur-texte-discret)}:host([data-ton=information]){color:var(--st-couleur-information)}:host([data-ton=succes]){color:var(--st-couleur-succes)}:host([data-ton=avertissement]){color:var(--st-couleur-avertissement)}:host([data-ton=erreur]){color:var(--st-couleur-erreur)}:host([data-ton=danger]){color:var(--st-couleur-danger)}:host([data-encadre]){gap:var(--st-espacement-2);padding:var(--st-espacement-3);font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;background-color:var(--st-couleur-surface-conteneur-bas);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-sm)}:host([data-encadre]) .st-inline-message__icone{align-items:flex-end;block-size:var(--st-interligne-sm)}:host([data-encadre]) .st-inline-message__texte{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}:host([data-encadre]) .st-inline-message__mention{align-self:center}:host([data-encadre][data-ton=neutre]) :is(.st-inline-message__icone,.st-inline-message__mention){color:var(--st-couleur-texte-discret)}:host([data-encadre][data-ton=information]) :is(.st-inline-message__icone,.st-inline-message__mention){color:var(--st-couleur-information)}:host([data-encadre][data-ton=succes]) :is(.st-inline-message__icone,.st-inline-message__mention){color:var(--st-couleur-succes)}:host([data-encadre][data-ton=avertissement]) :is(.st-inline-message__icone,.st-inline-message__mention){color:var(--st-couleur-avertissement)}:host([data-encadre][data-ton=erreur]) :is(.st-inline-message__icone,.st-inline-message__mention){color:var(--st-couleur-erreur)}:host([data-encadre][data-ton=danger]) :is(.st-inline-message__icone,.st-inline-message__mention){color:var(--st-couleur-danger)}@media(forced-colors:active){:host([data-encadre]){border-color:CanvasText}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -3715,26 +3753,26 @@ const anonymesParDocument = /* @__PURE__ */ new WeakMap();
 var StCopyButton = class StCopyButton {
 	document = inject(DOCUMENT);
 	libelles = inject(ST_LIBELLES);
-	valeur = input.required(...ngDevMode ? [{ debugName: "valeur" }] : 	/* istanbul ignore next */ []);
-	libelle = input(null, ...ngDevMode ? [{ debugName: "libelle" }] : 	/* istanbul ignore next */ []);
+	valeur = input.required(...ngDevMode ? [{ debugName: "valeur" }] : /* istanbul ignore next */ []);
+	libelle = input(null, ...ngDevMode ? [{ debugName: "libelle" }] : /* istanbul ignore next */ []);
 	iconeSeule = input(false, {
-		...ngDevMode ? { debugName: "iconeSeule" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "iconeSeule" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	messageDeConfirmation = input(null, ...ngDevMode ? [{ debugName: "messageDeConfirmation" }] : 	/* istanbul ignore next */ []);
-	variante = input(null, ...ngDevMode ? [{ debugName: "variante" }] : 	/* istanbul ignore next */ []);
-	taille = input("sm", ...ngDevMode ? [{ debugName: "taille" }] : 	/* istanbul ignore next */ []);
-	tailleDuGlyphe = input(null, ...ngDevMode ? [{ debugName: "tailleDuGlyphe" }] : 	/* istanbul ignore next */ []);
+	messageDeConfirmation = input(null, ...ngDevMode ? [{ debugName: "messageDeConfirmation" }] : /* istanbul ignore next */ []);
+	variante = input(null, ...ngDevMode ? [{ debugName: "variante" }] : /* istanbul ignore next */ []);
+	taille = input("sm", ...ngDevMode ? [{ debugName: "taille" }] : /* istanbul ignore next */ []);
+	tailleDuGlyphe = input(null, ...ngDevMode ? [{ debugName: "tailleDuGlyphe" }] : /* istanbul ignore next */ []);
 	copie = output();
 	annonce = new AnnonceLocale(inject(DestroyRef));
 	disponible = pressePapiersDisponible(this.document);
-	libelleLu = computed(() => this.libelle() ?? this.libelles().copier, ...ngDevMode ? [{ debugName: "libelleLu" }] : 	/* istanbul ignore next */ []);
-	varianteLue = computed(() => this.variante() ?? (this.iconeSeule() ? "discret" : "secondaire"), ...ngDevMode ? [{ debugName: "varianteLue" }] : 	/* istanbul ignore next */ []);
-	copieConfirmee = signal(false, ...ngDevMode ? [{ debugName: "copieConfirmee" }] : 	/* istanbul ignore next */ []);
+	libelleLu = computed(() => this.libelle() ?? this.libelles().copier, ...ngDevMode ? [{ debugName: "libelleLu" }] : /* istanbul ignore next */ []);
+	varianteLue = computed(() => this.variante() ?? (this.iconeSeule() ? "discret" : "secondaire"), ...ngDevMode ? [{ debugName: "varianteLue" }] : /* istanbul ignore next */ []);
+	copieConfirmee = signal(false, ...ngDevMode ? [{ debugName: "copieConfirmee" }] : /* istanbul ignore next */ []);
 	minuterieDeConfirmation;
-	icone = computed(() => this.copieConfirmee() ? "presse-papiers-coche" : "copie", ...ngDevMode ? [{ debugName: "icone" }] : 	/* istanbul ignore next */ []);
-	copieRefusee = signal(false, ...ngDevMode ? [{ debugName: "copieRefusee" }] : 	/* istanbul ignore next */ []);
-	messageDeRefus = computed(() => this.libelles().copieImpossible, ...ngDevMode ? [{ debugName: "messageDeRefus" }] : 	/* istanbul ignore next */ []);
+	icone = computed(() => this.copieConfirmee() ? "presse-papiers-coche" : "copie", ...ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []);
+	copieRefusee = signal(false, ...ngDevMode ? [{ debugName: "copieRefusee" }] : /* istanbul ignore next */ []);
+	messageDeRefus = computed(() => this.libelles().copieImpossible, ...ngDevMode ? [{ debugName: "messageDeRefus" }] : /* istanbul ignore next */ []);
 	constructor() {
 		inject(DestroyRef).onDestroy(() => {
 			clearTimeout(this.minuterieDeConfirmation);
@@ -3768,7 +3806,7 @@ var StCopyButton = class StCopyButton {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StCopyButton,
 		deps: [],
@@ -3776,7 +3814,7 @@ var StCopyButton = class StCopyButton {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StCopyButton,
 		isStandalone: true,
 		selector: "st-copy-button",
@@ -3834,7 +3872,7 @@ var StCopyButton = class StCopyButton {
 		outputs: { copie: "copie" },
 		host: { classAttribute: "st-copy-button" },
 		ngImport: i0,
-		template: "@if (disponible) {\n  @if (iconeSeule()) {\n    <button\n      stIconButton\n      class=\"st-copy-button__bouton\"\n      type=\"button\"\n      [icone]=\"icone()\"\n      [variante]=\"varianteLue()\"\n      [taille]=\"taille()\"\n      [tailleDuGlyphe]=\"tailleDuGlyphe()\"\n      [etiquette]=\"libelleLu()\"\n      [attr.data-copie]=\"copieConfirmee() ? '' : null\"\n      (click)=\"copier()\"\n    ></button>\n  } @else {\n    <button\n      stButton\n      class=\"st-copy-button__bouton\"\n      type=\"button\"\n      [variante]=\"varianteLue()\"\n      [taille]=\"taille()\"\n      [iconeAvant]=\"icone()\"\n      [attr.data-copie]=\"copieConfirmee() ? '' : null\"\n      (click)=\"copier()\"\n    >\n      {{ libelleLu() }}\n    </button>\n  }\n  @if (copieRefusee()) {\n    <st-inline-message class=\"st-copy-button__refus\" ton=\"danger\">{{\n      messageDeRefus()\n    }}</st-inline-message>\n  }\n}\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
+		template: "@if (disponible) {\n  @if (iconeSeule()) {\n    <button\n      stIconButton\n      class=\"st-copy-button__bouton\"\n      type=\"button\"\n      [icone]=\"icone()\"\n      [variante]=\"varianteLue()\"\n      [taille]=\"taille()\"\n      [tailleDuGlyphe]=\"tailleDuGlyphe()\"\n      [etiquette]=\"libelleLu()\"\n      [attr.data-copie]=\"copieConfirmee() ? '' : null\"\n      (click)=\"copier()\"\n    ></button>\n  } @else {\n    <button\n      stButton\n      class=\"st-copy-button__bouton\"\n      type=\"button\"\n      [variante]=\"varianteLue()\"\n      [taille]=\"taille()\"\n      [iconeAvant]=\"icone()\"\n      [attr.data-copie]=\"copieConfirmee() ? '' : null\"\n      (click)=\"copier()\"\n    >\n      {{ libelleLu() }}\n    </button>\n  }\n  @if (copieRefusee()) {\n    <st-inline-message class=\"st-copy-button__refus\" ton=\"erreur\">{{\n      messageDeRefus()\n    }}</st-inline-message>\n  }\n}\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
 		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:inline-flex;flex-wrap:wrap;gap:var(--st-espacement-1);align-items:center}:host ::ng-deep [data-copie] .st-icon{color:var(--st-couleur-succes)}:host ::ng-deep .st-button[data-copie][data-variante=primaire] .st-icon{color:var(--st-couleur-sur-primaire)}.st-copy-button__refus{flex-basis:100%}@media print{:host{display:none}}\n"],
 		dependencies: [
 			{
@@ -3887,7 +3925,7 @@ var StCopyButton = class StCopyButton {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StCopyButton,
 	decorators: [{
@@ -3901,7 +3939,7 @@ i0.ɵɵngDeclareClassMetadata({
 				StInlineMessage
 			],
 			host: { class: "st-copy-button" },
-			template: "@if (disponible) {\n  @if (iconeSeule()) {\n    <button\n      stIconButton\n      class=\"st-copy-button__bouton\"\n      type=\"button\"\n      [icone]=\"icone()\"\n      [variante]=\"varianteLue()\"\n      [taille]=\"taille()\"\n      [tailleDuGlyphe]=\"tailleDuGlyphe()\"\n      [etiquette]=\"libelleLu()\"\n      [attr.data-copie]=\"copieConfirmee() ? '' : null\"\n      (click)=\"copier()\"\n    ></button>\n  } @else {\n    <button\n      stButton\n      class=\"st-copy-button__bouton\"\n      type=\"button\"\n      [variante]=\"varianteLue()\"\n      [taille]=\"taille()\"\n      [iconeAvant]=\"icone()\"\n      [attr.data-copie]=\"copieConfirmee() ? '' : null\"\n      (click)=\"copier()\"\n    >\n      {{ libelleLu() }}\n    </button>\n  }\n  @if (copieRefusee()) {\n    <st-inline-message class=\"st-copy-button__refus\" ton=\"danger\">{{\n      messageDeRefus()\n    }}</st-inline-message>\n  }\n}\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
+			template: "@if (disponible) {\n  @if (iconeSeule()) {\n    <button\n      stIconButton\n      class=\"st-copy-button__bouton\"\n      type=\"button\"\n      [icone]=\"icone()\"\n      [variante]=\"varianteLue()\"\n      [taille]=\"taille()\"\n      [tailleDuGlyphe]=\"tailleDuGlyphe()\"\n      [etiquette]=\"libelleLu()\"\n      [attr.data-copie]=\"copieConfirmee() ? '' : null\"\n      (click)=\"copier()\"\n    ></button>\n  } @else {\n    <button\n      stButton\n      class=\"st-copy-button__bouton\"\n      type=\"button\"\n      [variante]=\"varianteLue()\"\n      [taille]=\"taille()\"\n      [iconeAvant]=\"icone()\"\n      [attr.data-copie]=\"copieConfirmee() ? '' : null\"\n      (click)=\"copier()\"\n    >\n      {{ libelleLu() }}\n    </button>\n  }\n  @if (copieRefusee()) {\n    <st-inline-message class=\"st-copy-button__refus\" ton=\"erreur\">{{\n      messageDeRefus()\n    }}</st-inline-message>\n  }\n}\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
 			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:inline-flex;flex-wrap:wrap;gap:var(--st-espacement-1);align-items:center}:host ::ng-deep [data-copie] .st-icon{color:var(--st-couleur-succes)}:host ::ng-deep .st-button[data-copie][data-variante=primaire] .st-icon{color:var(--st-couleur-sur-primaire)}.st-copy-button__refus{flex-basis:100%}@media print{:host{display:none}}\n"]
 		}]
 	}],
@@ -3999,14 +4037,14 @@ var StTimer = class StTimer {
 	locale = inject(ST_LOCALE);
 	regionParente = inject(REGION_VIVANTE_PARENTE, { optional: true });
 	secondes = input.required({
-		...ngDevMode ? { debugName: "secondes" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "secondes" } : /* istanbul ignore next */ {},
 		transform: numberAttribute
 	});
-	echeance = input(null, ...ngDevMode ? [{ debugName: "echeance" }] : 	/* istanbul ignore next */ []);
-	nature = input("reessai", ...ngDevMode ? [{ debugName: "nature" }] : 	/* istanbul ignore next */ []);
-	variante = input("texte", ...ngDevMode ? [{ debugName: "variante" }] : 	/* istanbul ignore next */ []);
+	echeance = input(null, ...ngDevMode ? [{ debugName: "echeance" }] : /* istanbul ignore next */ []);
+	nature = input("reessai", ...ngDevMode ? [{ debugName: "nature" }] : /* istanbul ignore next */ []);
+	variante = input("texte", ...ngDevMode ? [{ debugName: "variante" }] : /* istanbul ignore next */ []);
 	avecIcone = input(false, {
-		...ngDevMode ? { debugName: "avecIcone" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "avecIcone" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	termine = output();
@@ -4015,11 +4053,11 @@ var StTimer = class StTimer {
 		const echeance = this.echeance();
 		if (echeance !== null) return echeance instanceof Date ? echeance.getTime() : echeance;
 		return Date.now() + Math.max(0, this.secondes()) * 1e3;
-	}, ...ngDevMode ? [{ debugName: "fin" }] : 	/* istanbul ignore next */ []);
-	restant = linkedSignal(() => Math.max(0, Math.ceil((this.fin() - Date.now()) / 1e3)), ...ngDevMode ? [{ debugName: "restant" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "fin" }] : /* istanbul ignore next */ []);
+	restant = linkedSignal(() => Math.max(0, Math.ceil((this.fin() - Date.now()) / 1e3)), ...ngDevMode ? [{ debugName: "restant" }] : /* istanbul ignore next */ []);
 	minuterie = null;
-	textes = computed(() => textesDuMinuteur(this.nature(), this.libelles()), ...ngDevMode ? [{ debugName: "textes" }] : 	/* istanbul ignore next */ []);
-	phraseDeFin = computed(() => this.textes().fin, ...ngDevMode ? [{ debugName: "phraseDeFin" }] : 	/* istanbul ignore next */ []);
+	textes = computed(() => textesDuMinuteur(this.nature(), this.libelles()), ...ngDevMode ? [{ debugName: "textes" }] : /* istanbul ignore next */ []);
+	phraseDeFin = computed(() => this.textes().fin, ...ngDevMode ? [{ debugName: "phraseDeFin" }] : /* istanbul ignore next */ []);
 	morceaux = computed(() => {
 		const restant = this.restant();
 		if (restant === 0) return [{
@@ -4039,10 +4077,10 @@ var StTimer = class StTimer {
 				nombre: false
 			}]
 		];
-	}, ...ngDevMode ? [{ debugName: "morceaux" }] : 	/* istanbul ignore next */ []);
-	phraseCourante = signal("", ...ngDevMode ? [{ debugName: "phraseCourante" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "morceaux" }] : /* istanbul ignore next */ []);
+	phraseCourante = signal("", ...ngDevMode ? [{ debugName: "phraseCourante" }] : /* istanbul ignore next */ []);
 	phrase = this.phraseCourante.asReadonly();
-	nom = computed(() => this.textes().nom, ...ngDevMode ? [{ debugName: "nom" }] : 	/* istanbul ignore next */ []);
+	nom = computed(() => this.textes().nom, ...ngDevMode ? [{ debugName: "nom" }] : /* istanbul ignore next */ []);
 	constructor() {
 		inject(DestroyRef).onDestroy(() => {
 			this.arreter();
@@ -4082,7 +4120,7 @@ var StTimer = class StTimer {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StTimer,
 		deps: [],
@@ -4090,7 +4128,7 @@ var StTimer = class StTimer {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StTimer,
 		isStandalone: true,
 		selector: "st-timer",
@@ -4163,7 +4201,7 @@ var StTimer = class StTimer {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StTimer,
 	decorators: [{
@@ -4253,62 +4291,62 @@ var StError = class StError {
 	regionParente = inject(REGION_VIVANTE_PARENTE, { optional: true });
 	libelles = inject(ST_LIBELLES);
 	locale = inject(ST_LOCALE);
-	variante = input("serveur", ...ngDevMode ? [{ debugName: "variante" }] : 	/* istanbul ignore next */ []);
-	disposition = input("encart", ...ngDevMode ? [{ debugName: "disposition" }] : 	/* istanbul ignore next */ []);
-	code = input.required(...ngDevMode ? [{ debugName: "code" }] : 	/* istanbul ignore next */ []);
-	titre = input.required(...ngDevMode ? [{ debugName: "titre" }] : 	/* istanbul ignore next */ []);
-	message = input(null, ...ngDevMode ? [{ debugName: "message" }] : 	/* istanbul ignore next */ []);
-	traceId = input(null, ...ngDevMode ? [{ debugName: "traceId" }] : 	/* istanbul ignore next */ []);
-	niveauDuTitre = input(3, ...ngDevMode ? [{ debugName: "niveauDuTitre" }] : 	/* istanbul ignore next */ []);
-	icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : 	/* istanbul ignore next */ []);
+	variante = input("serveur", ...ngDevMode ? [{ debugName: "variante" }] : /* istanbul ignore next */ []);
+	disposition = input("encart", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
+	code = input.required(...ngDevMode ? [{ debugName: "code" }] : /* istanbul ignore next */ []);
+	titre = input.required(...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
+	message = input(null, ...ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []);
+	traceId = input(null, ...ngDevMode ? [{ debugName: "traceId" }] : /* istanbul ignore next */ []);
+	niveauDuTitre = input(3, ...ngDevMode ? [{ debugName: "niveauDuTitre" }] : /* istanbul ignore next */ []);
+	icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []);
 	rejouable = input(null, {
-		...ngDevMode ? { debugName: "rejouable" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "rejouable" } : /* istanbul ignore next */ {},
 		transform: (valeur) => valeur === null || valeur === void 0 ? null : booleanAttribute(valeur)
 	});
 	rejeuEnCours = input(false, {
-		...ngDevMode ? { debugName: "rejeuEnCours" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "rejeuEnCours" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	secondesAvantNouvelEssai = input(null, {
-		...ngDevMode ? { debugName: "secondesAvantNouvelEssai" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "secondesAvantNouvelEssai" } : /* istanbul ignore next */ {},
 		transform: (valeur) => valeur === null || valeur === void 0 ? null : numberAttribute(valeur, 0)
 	});
-	echeance = input(null, ...ngDevMode ? [{ debugName: "echeance" }] : 	/* istanbul ignore next */ []);
+	echeance = input(null, ...ngDevMode ? [{ debugName: "echeance" }] : /* istanbul ignore next */ []);
 	sansDetails = input(false, {
-		...ngDevMode ? { debugName: "sansDetails" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "sansDetails" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	libelleRejeu = input(null, ...ngDevMode ? [{ debugName: "libelleRejeu" }] : 	/* istanbul ignore next */ []);
-	etiquetteDeTrace = input(null, ...ngDevMode ? [{ debugName: "etiquetteDeTrace" }] : 	/* istanbul ignore next */ []);
+	libelleRejeu = input(null, ...ngDevMode ? [{ debugName: "libelleRejeu" }] : /* istanbul ignore next */ []);
+	etiquetteDeTrace = input(null, ...ngDevMode ? [{ debugName: "etiquetteDeTrace" }] : /* istanbul ignore next */ []);
 	rejeu = output();
 	decompteTermine = linkedSignal(() => {
 		this.secondesAvantNouvelEssai();
 		this.echeance();
 		return false;
-	}, ...ngDevMode ? [{ debugName: "decompteTermine" }] : 	/* istanbul ignore next */ []);
-	decompte = viewChild(StTimer, ...ngDevMode ? [{ debugName: "decompte" }] : 	/* istanbul ignore next */ []);
-	profil = computed(() => PROFILS_D_ERREUR[this.variante()], ...ngDevMode ? [{ debugName: "profil" }] : 	/* istanbul ignore next */ []);
-	iconeLue = computed(() => this.icone() ?? this.profil().icone, ...ngDevMode ? [{ debugName: "iconeLue" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "decompteTermine" }] : /* istanbul ignore next */ []);
+	decompte = viewChild(StTimer, ...ngDevMode ? [{ debugName: "decompte" }] : /* istanbul ignore next */ []);
+	profil = computed(() => PROFILS_D_ERREUR[this.variante()], ...ngDevMode ? [{ debugName: "profil" }] : /* istanbul ignore next */ []);
+	iconeLue = computed(() => this.icone() ?? this.profil().icone, ...ngDevMode ? [{ debugName: "iconeLue" }] : /* istanbul ignore next */ []);
 	rejouableLu = computed(() => {
 		const choisi = this.rejouable();
 		if (choisi !== null) return choisi;
 		if (this.variante() === "limite") return this.secondesAvantNouvelEssai() !== null;
 		return this.profil().rejouable;
-	}, ...ngDevMode ? [{ debugName: "rejouableLu" }] : 	/* istanbul ignore next */ []);
-	enAttente = computed(() => this.variante() === "limite" && this.secondesAvantNouvelEssai() !== null && !this.decompteTermine(), ...ngDevMode ? [{ debugName: "enAttente" }] : 	/* istanbul ignore next */ []);
-	raisonDuRejeu = computed(() => this.enAttente() ? this.decompte()?.phrase() ?? null : null, ...ngDevMode ? [{ debugName: "raisonDuRejeu" }] : 	/* istanbul ignore next */ []);
-	libelleRejeuLu = computed(() => this.libelleRejeu() ?? this.libelles().reessayer, ...ngDevMode ? [{ debugName: "libelleRejeuLu" }] : 	/* istanbul ignore next */ []);
-	nomDeLaCopie = computed(() => this.libelles().copierLaValeur(this.etiquetteDeTrace() ?? this.libelles().identifiantDeTrace), ...ngDevMode ? [{ debugName: "nomDeLaCopie" }] : 	/* istanbul ignore next */ []);
-	etiquetteDuCode = computed(() => this.libelles().libelleDeChamp(this.libelles().codeTechnique.toLocaleUpperCase(this.locale())), ...ngDevMode ? [{ debugName: "etiquetteDuCode" }] : 	/* istanbul ignore next */ []);
-	etiquetteDeLaTrace = computed(() => this.libelles().libelleDeChamp(this.libelles().trace.toLocaleUpperCase(this.locale())), ...ngDevMode ? [{ debugName: "etiquetteDeLaTrace" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "rejouableLu" }] : /* istanbul ignore next */ []);
+	enAttente = computed(() => this.variante() === "limite" && this.secondesAvantNouvelEssai() !== null && !this.decompteTermine(), ...ngDevMode ? [{ debugName: "enAttente" }] : /* istanbul ignore next */ []);
+	raisonDuRejeu = computed(() => this.enAttente() ? this.decompte()?.phrase() ?? null : null, ...ngDevMode ? [{ debugName: "raisonDuRejeu" }] : /* istanbul ignore next */ []);
+	libelleRejeuLu = computed(() => this.libelleRejeu() ?? this.libelles().reessayer, ...ngDevMode ? [{ debugName: "libelleRejeuLu" }] : /* istanbul ignore next */ []);
+	nomDeLaCopie = computed(() => this.libelles().copierLaValeur(this.etiquetteDeTrace() ?? this.libelles().identifiantDeTrace), ...ngDevMode ? [{ debugName: "nomDeLaCopie" }] : /* istanbul ignore next */ []);
+	etiquetteDuCode = computed(() => this.libelles().libelleDeChamp(this.libelles().codeTechnique.toLocaleUpperCase(this.locale())), ...ngDevMode ? [{ debugName: "etiquetteDuCode" }] : /* istanbul ignore next */ []);
+	etiquetteDeLaTrace = computed(() => this.libelles().libelleDeChamp(this.libelles().trace.toLocaleUpperCase(this.locale())), ...ngDevMode ? [{ debugName: "etiquetteDeLaTrace" }] : /* istanbul ignore next */ []);
 	affichable = sansCommandesDeDirection;
-	sAnnonce = computed(() => this.regionParente === null, ...ngDevMode ? [{ debugName: "sAnnonce" }] : 	/* istanbul ignore next */ []);
+	sAnnonce = computed(() => this.regionParente === null, ...ngDevMode ? [{ debugName: "sAnnonce" }] : /* istanbul ignore next */ []);
 	quandLeDecompteFinit() {
 		this.decompteTermine.set(true);
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StError,
 		deps: [],
@@ -4316,7 +4354,7 @@ var StError = class StError {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StError,
 		isStandalone: true,
 		selector: "st-error",
@@ -4445,7 +4483,7 @@ var StError = class StError {
 		}],
 		ngImport: i0,
 		template: "<ng-content select=\"[entete]\" />\n\n<div class=\"st-error__corps\">\n  <div class=\"st-error__medaillon\">\n    <st-icon [icone]=\"iconeLue()\" [taille]=\"disposition() === 'centree' ? '24' : '20'\" />\n  </div>\n  <!-- Le SEUL noeud assertif : le titre et le message, jamais le code ni la trace. -->\n  <div class=\"st-error__textes\" [attr.role]=\"sAnnonce() ? 'alert' : null\">\n    @switch (niveauDuTitre()) {\n      @case (1) {\n        <h1 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h1>\n      }\n      @case (2) {\n        <h2 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h2>\n      }\n      @case (4) {\n        <h4 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h4>\n      }\n      @case (5) {\n        <h5 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h5>\n      }\n      @case (6) {\n        <h6 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h6>\n      }\n      @default {\n        <h3 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h3>\n      }\n    }\n    @if (message(); as texte) {\n      <p class=\"st-error__message\">{{ texte }}</p>\n    }\n  </div>\n</div>\n\n<!-- L'action AVANT les details techniques : on rejoue, puis on copie une trace. -->\n<div class=\"st-error__actions\">\n  @if (rejouableLu()) {\n    <button\n      stButton\n      type=\"button\"\n      variante=\"primaire\"\n      iconeAvant=\"rafraichir\"\n      [chargement]=\"rejeuEnCours()\"\n      [indisponible]=\"enAttente()\"\n      [raisonIndisponible]=\"raisonDuRejeu()\"\n      (click)=\"rejeu.emit()\"\n    >\n      {{ libelleRejeuLu() }}\n    </button>\n  }\n  @if (variante() === 'limite' && secondesAvantNouvelEssai() !== null) {\n    <st-timer\n      [secondes]=\"secondesAvantNouvelEssai() ?? 0\"\n      [echeance]=\"echeance()\"\n      (termine)=\"quandLeDecompteFinit()\"\n    />\n  }\n  <ng-content select=\"[actions]\" />\n</div>\n\n@if (!sansDetails()) {\n  <div class=\"st-error__technique\">\n    <p class=\"st-error__ligne\">\n      <span class=\"st-error__code\"\n        >{{ etiquetteDuCode() }} <bdi dir=\"ltr\">{{ affichable(code()) }}</bdi></span\n      >\n      @if (traceId(); as trace) {\n        <span class=\"st-error__separateur\" aria-hidden=\"true\">|</span>\n        <span class=\"st-error__trace\"\n          >{{ etiquetteDeLaTrace() }} <bdi dir=\"ltr\">{{ affichable(trace) }}</bdi></span\n        >\n      }\n    </p>\n    @if (traceId(); as trace) {\n      <st-copy-button\n        class=\"st-error__copie\"\n        iconeSeule\n        taille=\"xs\"\n        tailleDuGlyphe=\"16\"\n        [valeur]=\"trace\"\n        [libelle]=\"nomDeLaCopie()\"\n      />\n    }\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:flex;flex-direction:column}.st-error__corps{display:flex;gap:var(--st-espacement-3);align-items:flex-start}.st-error__medaillon{display:flex;flex:none;align-items:center;justify-content:center;border-radius:var(--st-rayon-pleine);outline:var(--st-epaisseur-fine) solid transparent}.st-error__textes{display:flex;flex-direction:column;min-inline-size:0}.st-error__titre{margin:0;color:inherit}.st-error__message{margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm)}.st-error__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;justify-content:space-between}.st-error__actions:empty{display:none}.st-error__technique{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:space-between;padding:var(--st-espacement-2);font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);font-variant-numeric:var(--st-chiffres-references);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border-radius:var(--st-rayon-md)}.st-error__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-3);align-items:center;min-inline-size:0;margin:0}.st-error__code{color:var(--st-couleur-texte-attenue);overflow-wrap:anywhere}.st-error__separateur{display:none;color:var(--st-couleur-texte-attenue);white-space:nowrap}@media(min-width:30rem){.st-error__separateur{display:inline}}.st-error__trace{color:var(--st-couleur-texte-discret);overflow-wrap:anywhere}:host([data-disposition=encart]){padding:var(--st-espacement-6);background:var(--st-couleur-danger-discret);border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-repos);outline:var(--st-epaisseur-fine) solid transparent}:host([data-disposition=encart]) .st-error__medaillon{inline-size:var(--st-hauteur-commande-md);block-size:var(--st-hauteur-commande-md);margin-block-start:var(--st-espacement-demi);color:var(--st-couleur-danger);background:color-mix(in srgb,var(--st-couleur-danger) 12%,var(--st-couleur-danger-discret))}:host([data-disposition=encart]) .st-error__titre,:host([data-disposition=encart]) .st-error__actions{color:var(--st-couleur-sur-danger-discret)}:host([data-disposition=encart]) .st-error__message{margin-block-start:var(--st-espacement-1);color:color-mix(in srgb,var(--st-couleur-sur-danger-discret) 80%,transparent)}:host([data-disposition=encart]) .st-error__actions{margin-block-start:var(--st-espacement-6);padding-block-start:var(--st-espacement-4)}:host([data-disposition=encart]) .st-error__technique{margin-block-start:var(--st-espacement-4)}:host([data-disposition=encart][data-ton=avertissement]){background:var(--st-couleur-avertissement-discret)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__titre,:host([data-disposition=encart][data-ton=avertissement]) .st-error__actions{color:var(--st-couleur-sur-avertissement-discret)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__message{color:color-mix(in srgb,var(--st-couleur-sur-avertissement-discret) 80%,transparent)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__medaillon{color:var(--st-couleur-avertissement);background:color-mix(in srgb,var(--st-couleur-avertissement) 12%,var(--st-couleur-avertissement-discret))}:host([data-disposition=encart][data-ton=neutre]){background:var(--st-couleur-surface-enfoncee)}:host([data-disposition=encart][data-ton=neutre]) .st-error__titre,:host([data-disposition=encart][data-ton=neutre]) .st-error__actions{color:var(--st-couleur-texte)}:host([data-disposition=encart][data-ton=neutre]) .st-error__message{color:var(--st-couleur-texte-discret)}:host([data-disposition=encart][data-ton=neutre]) .st-error__medaillon{color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-conteneur-haut)}:host([data-disposition=centree]){gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-2) 0;text-align:center}:host([data-disposition=centree]) .st-error__corps{flex-direction:column;gap:var(--st-espacement-1);align-items:center}:host([data-disposition=centree]) .st-error__textes{gap:var(--st-espacement-1);align-items:center}:host([data-disposition=centree]) .st-error__medaillon{inline-size:var(--st-espacement-12);block-size:var(--st-espacement-12);color:var(--st-couleur-danger);background:var(--st-couleur-danger-discret)}:host([data-disposition=centree]) .st-error__titre{color:var(--st-couleur-danger)}:host([data-disposition=centree]) .st-error__message{color:var(--st-couleur-texte-discret)}:host([data-disposition=centree]) .st-error__actions{justify-content:center;margin-block-start:var(--st-espacement-1)}:host([data-disposition=centree]) .st-error__technique{align-self:stretch;text-align:start}:host([data-disposition=centree][data-ton=avertissement]) .st-error__medaillon{color:var(--st-couleur-avertissement);background:var(--st-couleur-avertissement-discret)}:host([data-disposition=centree][data-ton=avertissement]) .st-error__titre{color:var(--st-couleur-sur-avertissement-discret)}:host([data-disposition=centree][data-ton=neutre]) .st-error__medaillon{color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-enfoncee)}:host([data-disposition=centree][data-ton=neutre]) .st-error__titre{color:var(--st-couleur-texte)}@media print{.st-error__actions button,.st-error__copie{display:none}}\n"],
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-direction:column}.st-error__corps{display:flex;gap:var(--st-espacement-3);align-items:flex-start}.st-error__medaillon{display:flex;flex:none;align-items:center;justify-content:center;border-radius:var(--st-rayon-pleine);outline:var(--st-epaisseur-fine) solid transparent}.st-error__textes{display:flex;flex-direction:column;min-inline-size:0}.st-error__titre{margin:0;color:inherit}.st-error__message{margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm)}.st-error__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;justify-content:space-between}.st-error__actions:empty{display:none}.st-error__technique{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:space-between;padding:var(--st-espacement-2);font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);font-variant-numeric:var(--st-chiffres-references);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border-radius:var(--st-rayon-md)}.st-error__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-3);align-items:center;min-inline-size:0;margin:0}.st-error__code{color:var(--st-couleur-texte-attenue);overflow-wrap:anywhere}.st-error__separateur{display:none;color:var(--st-couleur-texte-attenue);white-space:nowrap}@media(min-width:30rem){.st-error__separateur{display:inline}}.st-error__trace{color:var(--st-couleur-texte-discret);overflow-wrap:anywhere}:host([data-disposition=encart]){padding:var(--st-espacement-6);background:var(--st-couleur-erreur-discret);border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-repos);outline:var(--st-epaisseur-fine) solid transparent}:host([data-disposition=encart]) .st-error__medaillon{inline-size:var(--st-hauteur-commande-md);block-size:var(--st-hauteur-commande-md);margin-block-start:var(--st-espacement-demi);color:var(--st-couleur-erreur);background:color-mix(in srgb,var(--st-couleur-erreur) 12%,var(--st-couleur-erreur-discret))}:host([data-disposition=encart]) .st-error__titre,:host([data-disposition=encart]) .st-error__actions{color:var(--st-couleur-sur-erreur-discret)}:host([data-disposition=encart]) .st-error__message{margin-block-start:var(--st-espacement-1);color:color-mix(in srgb,var(--st-couleur-sur-erreur-discret) 80%,transparent)}:host([data-disposition=encart]) .st-error__actions{margin-block-start:var(--st-espacement-6);padding-block-start:var(--st-espacement-4)}:host([data-disposition=encart]) .st-error__technique{margin-block-start:var(--st-espacement-4)}:host([data-disposition=encart][data-ton=avertissement]){background:var(--st-couleur-avertissement-discret)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__titre,:host([data-disposition=encart][data-ton=avertissement]) .st-error__actions{color:var(--st-couleur-sur-avertissement-discret)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__message{color:color-mix(in srgb,var(--st-couleur-sur-avertissement-discret) 80%,transparent)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__medaillon{color:var(--st-couleur-avertissement);background:color-mix(in srgb,var(--st-couleur-avertissement) 12%,var(--st-couleur-avertissement-discret))}:host([data-disposition=encart][data-ton=neutre]){background:var(--st-couleur-surface-enfoncee)}:host([data-disposition=encart][data-ton=neutre]) .st-error__titre,:host([data-disposition=encart][data-ton=neutre]) .st-error__actions{color:var(--st-couleur-texte)}:host([data-disposition=encart][data-ton=neutre]) .st-error__message{color:var(--st-couleur-texte-discret)}:host([data-disposition=encart][data-ton=neutre]) .st-error__medaillon{color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-conteneur-haut)}:host([data-disposition=centree]){gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-2) 0;text-align:center}:host([data-disposition=centree]) .st-error__corps{flex-direction:column;gap:var(--st-espacement-1);align-items:center}:host([data-disposition=centree]) .st-error__textes{gap:var(--st-espacement-1);align-items:center}:host([data-disposition=centree]) .st-error__medaillon{inline-size:var(--st-espacement-12);block-size:var(--st-espacement-12);color:var(--st-couleur-erreur);background:var(--st-couleur-erreur-discret)}:host([data-disposition=centree]) .st-error__titre{color:var(--st-couleur-erreur)}:host([data-disposition=centree]) .st-error__message{color:var(--st-couleur-texte-discret)}:host([data-disposition=centree]) .st-error__actions{justify-content:center;margin-block-start:var(--st-espacement-1)}:host([data-disposition=centree]) .st-error__technique{align-self:stretch;text-align:start}:host([data-disposition=centree][data-ton=avertissement]) .st-error__medaillon{color:var(--st-couleur-avertissement);background:var(--st-couleur-avertissement-discret)}:host([data-disposition=centree][data-ton=avertissement]) .st-error__titre{color:var(--st-couleur-sur-avertissement-discret)}:host([data-disposition=centree][data-ton=neutre]) .st-error__medaillon{color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-enfoncee)}:host([data-disposition=centree][data-ton=neutre]) .st-error__titre{color:var(--st-couleur-texte)}@media print{.st-error__actions button,.st-error__copie{display:none}}\n"],
 		dependencies: [
 			{
 				kind: "component",
@@ -4522,7 +4560,7 @@ var StError = class StError {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StError,
 	decorators: [{
@@ -4544,7 +4582,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.data-ton]": "profil().ton"
 			},
 			template: "<ng-content select=\"[entete]\" />\n\n<div class=\"st-error__corps\">\n  <div class=\"st-error__medaillon\">\n    <st-icon [icone]=\"iconeLue()\" [taille]=\"disposition() === 'centree' ? '24' : '20'\" />\n  </div>\n  <!-- Le SEUL noeud assertif : le titre et le message, jamais le code ni la trace. -->\n  <div class=\"st-error__textes\" [attr.role]=\"sAnnonce() ? 'alert' : null\">\n    @switch (niveauDuTitre()) {\n      @case (1) {\n        <h1 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h1>\n      }\n      @case (2) {\n        <h2 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h2>\n      }\n      @case (4) {\n        <h4 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h4>\n      }\n      @case (5) {\n        <h5 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h5>\n      }\n      @case (6) {\n        <h6 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h6>\n      }\n      @default {\n        <h3 stHeading class=\"st-error__titre\" taille=\"lg\">{{ titre() }}</h3>\n      }\n    }\n    @if (message(); as texte) {\n      <p class=\"st-error__message\">{{ texte }}</p>\n    }\n  </div>\n</div>\n\n<!-- L'action AVANT les details techniques : on rejoue, puis on copie une trace. -->\n<div class=\"st-error__actions\">\n  @if (rejouableLu()) {\n    <button\n      stButton\n      type=\"button\"\n      variante=\"primaire\"\n      iconeAvant=\"rafraichir\"\n      [chargement]=\"rejeuEnCours()\"\n      [indisponible]=\"enAttente()\"\n      [raisonIndisponible]=\"raisonDuRejeu()\"\n      (click)=\"rejeu.emit()\"\n    >\n      {{ libelleRejeuLu() }}\n    </button>\n  }\n  @if (variante() === 'limite' && secondesAvantNouvelEssai() !== null) {\n    <st-timer\n      [secondes]=\"secondesAvantNouvelEssai() ?? 0\"\n      [echeance]=\"echeance()\"\n      (termine)=\"quandLeDecompteFinit()\"\n    />\n  }\n  <ng-content select=\"[actions]\" />\n</div>\n\n@if (!sansDetails()) {\n  <div class=\"st-error__technique\">\n    <p class=\"st-error__ligne\">\n      <span class=\"st-error__code\"\n        >{{ etiquetteDuCode() }} <bdi dir=\"ltr\">{{ affichable(code()) }}</bdi></span\n      >\n      @if (traceId(); as trace) {\n        <span class=\"st-error__separateur\" aria-hidden=\"true\">|</span>\n        <span class=\"st-error__trace\"\n          >{{ etiquetteDeLaTrace() }} <bdi dir=\"ltr\">{{ affichable(trace) }}</bdi></span\n        >\n      }\n    </p>\n    @if (traceId(); as trace) {\n      <st-copy-button\n        class=\"st-error__copie\"\n        iconeSeule\n        taille=\"xs\"\n        tailleDuGlyphe=\"16\"\n        [valeur]=\"trace\"\n        [libelle]=\"nomDeLaCopie()\"\n      />\n    }\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:flex;flex-direction:column}.st-error__corps{display:flex;gap:var(--st-espacement-3);align-items:flex-start}.st-error__medaillon{display:flex;flex:none;align-items:center;justify-content:center;border-radius:var(--st-rayon-pleine);outline:var(--st-epaisseur-fine) solid transparent}.st-error__textes{display:flex;flex-direction:column;min-inline-size:0}.st-error__titre{margin:0;color:inherit}.st-error__message{margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm)}.st-error__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;justify-content:space-between}.st-error__actions:empty{display:none}.st-error__technique{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:space-between;padding:var(--st-espacement-2);font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);font-variant-numeric:var(--st-chiffres-references);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border-radius:var(--st-rayon-md)}.st-error__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-3);align-items:center;min-inline-size:0;margin:0}.st-error__code{color:var(--st-couleur-texte-attenue);overflow-wrap:anywhere}.st-error__separateur{display:none;color:var(--st-couleur-texte-attenue);white-space:nowrap}@media(min-width:30rem){.st-error__separateur{display:inline}}.st-error__trace{color:var(--st-couleur-texte-discret);overflow-wrap:anywhere}:host([data-disposition=encart]){padding:var(--st-espacement-6);background:var(--st-couleur-danger-discret);border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-repos);outline:var(--st-epaisseur-fine) solid transparent}:host([data-disposition=encart]) .st-error__medaillon{inline-size:var(--st-hauteur-commande-md);block-size:var(--st-hauteur-commande-md);margin-block-start:var(--st-espacement-demi);color:var(--st-couleur-danger);background:color-mix(in srgb,var(--st-couleur-danger) 12%,var(--st-couleur-danger-discret))}:host([data-disposition=encart]) .st-error__titre,:host([data-disposition=encart]) .st-error__actions{color:var(--st-couleur-sur-danger-discret)}:host([data-disposition=encart]) .st-error__message{margin-block-start:var(--st-espacement-1);color:color-mix(in srgb,var(--st-couleur-sur-danger-discret) 80%,transparent)}:host([data-disposition=encart]) .st-error__actions{margin-block-start:var(--st-espacement-6);padding-block-start:var(--st-espacement-4)}:host([data-disposition=encart]) .st-error__technique{margin-block-start:var(--st-espacement-4)}:host([data-disposition=encart][data-ton=avertissement]){background:var(--st-couleur-avertissement-discret)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__titre,:host([data-disposition=encart][data-ton=avertissement]) .st-error__actions{color:var(--st-couleur-sur-avertissement-discret)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__message{color:color-mix(in srgb,var(--st-couleur-sur-avertissement-discret) 80%,transparent)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__medaillon{color:var(--st-couleur-avertissement);background:color-mix(in srgb,var(--st-couleur-avertissement) 12%,var(--st-couleur-avertissement-discret))}:host([data-disposition=encart][data-ton=neutre]){background:var(--st-couleur-surface-enfoncee)}:host([data-disposition=encart][data-ton=neutre]) .st-error__titre,:host([data-disposition=encart][data-ton=neutre]) .st-error__actions{color:var(--st-couleur-texte)}:host([data-disposition=encart][data-ton=neutre]) .st-error__message{color:var(--st-couleur-texte-discret)}:host([data-disposition=encart][data-ton=neutre]) .st-error__medaillon{color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-conteneur-haut)}:host([data-disposition=centree]){gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-2) 0;text-align:center}:host([data-disposition=centree]) .st-error__corps{flex-direction:column;gap:var(--st-espacement-1);align-items:center}:host([data-disposition=centree]) .st-error__textes{gap:var(--st-espacement-1);align-items:center}:host([data-disposition=centree]) .st-error__medaillon{inline-size:var(--st-espacement-12);block-size:var(--st-espacement-12);color:var(--st-couleur-danger);background:var(--st-couleur-danger-discret)}:host([data-disposition=centree]) .st-error__titre{color:var(--st-couleur-danger)}:host([data-disposition=centree]) .st-error__message{color:var(--st-couleur-texte-discret)}:host([data-disposition=centree]) .st-error__actions{justify-content:center;margin-block-start:var(--st-espacement-1)}:host([data-disposition=centree]) .st-error__technique{align-self:stretch;text-align:start}:host([data-disposition=centree][data-ton=avertissement]) .st-error__medaillon{color:var(--st-couleur-avertissement);background:var(--st-couleur-avertissement-discret)}:host([data-disposition=centree][data-ton=avertissement]) .st-error__titre{color:var(--st-couleur-sur-avertissement-discret)}:host([data-disposition=centree][data-ton=neutre]) .st-error__medaillon{color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-enfoncee)}:host([data-disposition=centree][data-ton=neutre]) .st-error__titre{color:var(--st-couleur-texte)}@media print{.st-error__actions button,.st-error__copie{display:none}}\n"]
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-direction:column}.st-error__corps{display:flex;gap:var(--st-espacement-3);align-items:flex-start}.st-error__medaillon{display:flex;flex:none;align-items:center;justify-content:center;border-radius:var(--st-rayon-pleine);outline:var(--st-epaisseur-fine) solid transparent}.st-error__textes{display:flex;flex-direction:column;min-inline-size:0}.st-error__titre{margin:0;color:inherit}.st-error__message{margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm)}.st-error__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;justify-content:space-between}.st-error__actions:empty{display:none}.st-error__technique{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:space-between;padding:var(--st-espacement-2);font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);font-variant-numeric:var(--st-chiffres-references);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border-radius:var(--st-rayon-md)}.st-error__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-3);align-items:center;min-inline-size:0;margin:0}.st-error__code{color:var(--st-couleur-texte-attenue);overflow-wrap:anywhere}.st-error__separateur{display:none;color:var(--st-couleur-texte-attenue);white-space:nowrap}@media(min-width:30rem){.st-error__separateur{display:inline}}.st-error__trace{color:var(--st-couleur-texte-discret);overflow-wrap:anywhere}:host([data-disposition=encart]){padding:var(--st-espacement-6);background:var(--st-couleur-erreur-discret);border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-repos);outline:var(--st-epaisseur-fine) solid transparent}:host([data-disposition=encart]) .st-error__medaillon{inline-size:var(--st-hauteur-commande-md);block-size:var(--st-hauteur-commande-md);margin-block-start:var(--st-espacement-demi);color:var(--st-couleur-erreur);background:color-mix(in srgb,var(--st-couleur-erreur) 12%,var(--st-couleur-erreur-discret))}:host([data-disposition=encart]) .st-error__titre,:host([data-disposition=encart]) .st-error__actions{color:var(--st-couleur-sur-erreur-discret)}:host([data-disposition=encart]) .st-error__message{margin-block-start:var(--st-espacement-1);color:color-mix(in srgb,var(--st-couleur-sur-erreur-discret) 80%,transparent)}:host([data-disposition=encart]) .st-error__actions{margin-block-start:var(--st-espacement-6);padding-block-start:var(--st-espacement-4)}:host([data-disposition=encart]) .st-error__technique{margin-block-start:var(--st-espacement-4)}:host([data-disposition=encart][data-ton=avertissement]){background:var(--st-couleur-avertissement-discret)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__titre,:host([data-disposition=encart][data-ton=avertissement]) .st-error__actions{color:var(--st-couleur-sur-avertissement-discret)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__message{color:color-mix(in srgb,var(--st-couleur-sur-avertissement-discret) 80%,transparent)}:host([data-disposition=encart][data-ton=avertissement]) .st-error__medaillon{color:var(--st-couleur-avertissement);background:color-mix(in srgb,var(--st-couleur-avertissement) 12%,var(--st-couleur-avertissement-discret))}:host([data-disposition=encart][data-ton=neutre]){background:var(--st-couleur-surface-enfoncee)}:host([data-disposition=encart][data-ton=neutre]) .st-error__titre,:host([data-disposition=encart][data-ton=neutre]) .st-error__actions{color:var(--st-couleur-texte)}:host([data-disposition=encart][data-ton=neutre]) .st-error__message{color:var(--st-couleur-texte-discret)}:host([data-disposition=encart][data-ton=neutre]) .st-error__medaillon{color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-conteneur-haut)}:host([data-disposition=centree]){gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-2) 0;text-align:center}:host([data-disposition=centree]) .st-error__corps{flex-direction:column;gap:var(--st-espacement-1);align-items:center}:host([data-disposition=centree]) .st-error__textes{gap:var(--st-espacement-1);align-items:center}:host([data-disposition=centree]) .st-error__medaillon{inline-size:var(--st-espacement-12);block-size:var(--st-espacement-12);color:var(--st-couleur-erreur);background:var(--st-couleur-erreur-discret)}:host([data-disposition=centree]) .st-error__titre{color:var(--st-couleur-erreur)}:host([data-disposition=centree]) .st-error__message{color:var(--st-couleur-texte-discret)}:host([data-disposition=centree]) .st-error__actions{justify-content:center;margin-block-start:var(--st-espacement-1)}:host([data-disposition=centree]) .st-error__technique{align-self:stretch;text-align:start}:host([data-disposition=centree][data-ton=avertissement]) .st-error__medaillon{color:var(--st-couleur-avertissement);background:var(--st-couleur-avertissement-discret)}:host([data-disposition=centree][data-ton=avertissement]) .st-error__titre{color:var(--st-couleur-sur-avertissement-discret)}:host([data-disposition=centree][data-ton=neutre]) .st-error__medaillon{color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-enfoncee)}:host([data-disposition=centree][data-ton=neutre]) .st-error__titre{color:var(--st-couleur-texte)}@media print{.st-error__actions button,.st-error__copie{display:none}}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -4680,19 +4718,19 @@ i0.ɵɵngDeclareClassMetadata({
 });
 var StOfflineBanner = class StOfflineBanner {
 	regionParente = inject(REGION_VIVANTE_PARENTE, { optional: true });
-	message = input.required(...ngDevMode ? [{ debugName: "message" }] : 	/* istanbul ignore next */ []);
-	titre = input(null, ...ngDevMode ? [{ debugName: "titre" }] : 	/* istanbul ignore next */ []);
-	variante = input("hors-ligne", ...ngDevMode ? [{ debugName: "variante" }] : 	/* istanbul ignore next */ []);
-	libelleRejeu = input(null, ...ngDevMode ? [{ debugName: "libelleRejeu" }] : 	/* istanbul ignore next */ []);
+	message = input.required(...ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []);
+	titre = input(null, ...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
+	variante = input("hors-ligne", ...ngDevMode ? [{ debugName: "variante" }] : /* istanbul ignore next */ []);
+	libelleRejeu = input(null, ...ngDevMode ? [{ debugName: "libelleRejeu" }] : /* istanbul ignore next */ []);
 	rejeuEnCours = input(false, {
-		...ngDevMode ? { debugName: "rejeuEnCours" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "rejeuEnCours" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	rejeu = output();
-	sAnnonce = computed(() => this.regionParente === null, ...ngDevMode ? [{ debugName: "sAnnonce" }] : 	/* istanbul ignore next */ []);
-	annonceEchue = signal(false, ...ngDevMode ? [{ debugName: "annonceEchue" }] : 	/* istanbul ignore next */ []);
-	copieLisible = computed(() => !this.sAnnonce() || this.annonceEchue(), ...ngDevMode ? [{ debugName: "copieLisible" }] : 	/* istanbul ignore next */ []);
-	icone = computed(() => this.variante() === "retablie" ? "wifi" : "nuage-barre", ...ngDevMode ? [{ debugName: "icone" }] : 	/* istanbul ignore next */ []);
+	sAnnonce = computed(() => this.regionParente === null, ...ngDevMode ? [{ debugName: "sAnnonce" }] : /* istanbul ignore next */ []);
+	annonceEchue = signal(false, ...ngDevMode ? [{ debugName: "annonceEchue" }] : /* istanbul ignore next */ []);
+	copieLisible = computed(() => !this.sAnnonce() || this.annonceEchue(), ...ngDevMode ? [{ debugName: "copieLisible" }] : /* istanbul ignore next */ []);
+	icone = computed(() => this.variante() === "retablie" ? "wifi" : "nuage-barre", ...ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []);
 	constructor() {
 		const minuterie = setTimeout(() => {
 			this.annonceEchue.set(true);
@@ -4703,7 +4741,7 @@ var StOfflineBanner = class StOfflineBanner {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StOfflineBanner,
 		deps: [],
@@ -4711,7 +4749,7 @@ var StOfflineBanner = class StOfflineBanner {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StOfflineBanner,
 		isStandalone: true,
 		selector: "st-offline-banner",
@@ -4799,7 +4837,7 @@ var StOfflineBanner = class StOfflineBanner {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StOfflineBanner,
 	decorators: [{
@@ -4867,16 +4905,17 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 var StCard = class StCard {
-	relief = input("pose", ...ngDevMode ? [{ debugName: "relief" }] : 	/* istanbul ignore next */ []);
-	rembourrage = input("md", ...ngDevMode ? [{ debugName: "rembourrage" }] : 	/* istanbul ignore next */ []);
+	relief = input("pose", ...ngDevMode ? [{ debugName: "relief" }] : /* istanbul ignore next */ []);
+	rembourrage = input("md", ...ngDevMode ? [{ debugName: "rembourrage" }] : /* istanbul ignore next */ []);
 	filet = input(false, {
-		...ngDevMode ? { debugName: "filet" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "filet" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	liensEtendus = signal(0, ...ngDevMode ? [{ debugName: "liensEtendus" }] : 	/* istanbul ignore next */ []);
-	focalises = signal(0, ...ngDevMode ? [{ debugName: "focalises" }] : 	/* istanbul ignore next */ []);
-	interactive = computed(() => this.liensEtendus() > 0, ...ngDevMode ? [{ debugName: "interactive" }] : 	/* istanbul ignore next */ []);
-	lienFocalise = computed(() => this.focalises() > 0, ...ngDevMode ? [{ debugName: "lienFocalise" }] : 	/* istanbul ignore next */ []);
+	ton = input(null, ...ngDevMode ? [{ debugName: "ton" }] : /* istanbul ignore next */ []);
+	liensEtendus = signal(0, ...ngDevMode ? [{ debugName: "liensEtendus" }] : /* istanbul ignore next */ []);
+	focalises = signal(0, ...ngDevMode ? [{ debugName: "focalises" }] : /* istanbul ignore next */ []);
+	interactive = computed(() => this.liensEtendus() > 0, ...ngDevMode ? [{ debugName: "interactive" }] : /* istanbul ignore next */ []);
+	lienFocalise = computed(() => this.focalises() > 0, ...ngDevMode ? [{ debugName: "lienFocalise" }] : /* istanbul ignore next */ []);
 	inscrireUnLienEtendu() {
 		this.liensEtendus.update((n) => n + 1);
 		let focalise = false;
@@ -4898,7 +4937,7 @@ var StCard = class StCard {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StCard,
 		deps: [],
@@ -4906,7 +4945,7 @@ var StCard = class StCard {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StCard,
 		isStandalone: true,
 		selector: "st-card",
@@ -4931,6 +4970,13 @@ var StCard = class StCard {
 				isSignal: true,
 				isRequired: false,
 				transformFunction: null
+			},
+			ton: {
+				classPropertyName: "ton",
+				publicName: "ton",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
 			}
 		},
 		host: {
@@ -4938,6 +4984,7 @@ var StCard = class StCard {
 				"attr.data-relief": "relief()",
 				"attr.data-rembourrage": "rembourrage()",
 				"attr.data-filet": "filet() ? \"\" : null",
+				"attr.data-ton": "ton()",
 				"attr.data-interactive": "interactive() ? \"\" : null",
 				"attr.data-lien-focalise": "lienFocalise() ? \"\" : null"
 			},
@@ -4945,13 +4992,13 @@ var StCard = class StCard {
 		},
 		ngImport: i0,
 		template: "<div class=\"st-card__entete\"><ng-content select=\"[entete]\" /></div>\n<ng-content />\n<div class=\"st-card__pied\"><ng-content select=\"[pied]\" /></div>\n",
-		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{--st-carte-espace: var(--st-espacement-4);position:relative;display:flex;flex-direction:column;padding:var(--st-carte-espace);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border-radius:var(--st-carte-rayon, var(--st-rayon-lg))}:host([data-rembourrage=aucun]){--st-carte-espace: 0px}:host([data-rembourrage=sm]){--st-carte-espace: var(--st-espacement-3)}:host([data-rembourrage=lg]){--st-carte-espace: var(--st-espacement-6)}:host([data-rembourrage=xl]){--st-carte-espace: var(--st-espacement-8)}:host([data-relief=plat]){box-shadow:var(--st-ombre-none)}:host([data-relief=pose]){box-shadow:var(--st-ombre-repos)}:host([data-relief=flottant]){box-shadow:var(--st-ombre-survol)}:host([data-relief=creux]){background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md);box-shadow:var(--st-ombre-none)}:host([data-filet]){border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-card__entete,.st-card__pied{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:space-between;margin-inline:calc(-1 * var(--st-carte-espace));padding:var(--st-carte-espace);border-color:var(--st-couleur-bordure);border-style:solid;border-width:0}.st-card__entete:empty,.st-card__pied:empty{display:none}.st-card__entete{margin-block:calc(-1 * var(--st-carte-espace)) var(--st-carte-espace);border-block-end-width:var(--st-epaisseur-capillaire)}.st-card__pied{margin-block:var(--st-carte-espace) calc(-1 * var(--st-carte-espace));font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret);border-block-start-width:var(--st-epaisseur-capillaire)}:host([data-interactive]){--st-carte-trace-survol: inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-bordure-forte);--st-carte-ombre-survol: var(--st-ombre-survol)}@media(hover:hover){:host([data-interactive]):hover{box-shadow:var(--st-carte-trace-survol),var(--st-carte-ombre-survol)}}:host([data-interactive]):active{background:var(--st-couleur-surface-survol)}:host([data-interactive][data-relief=flottant]){--st-carte-ombre-survol: var(--st-ombre-surelevee)}:host([data-interactive][data-filet]){--st-carte-trace-survol: 0 0 transparent}@media(hover:hover){:host([data-interactive][data-filet]):hover{border-color:var(--st-couleur-bordure-forte)}}:host([data-lien-focalise]){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(hover:hover){:host([data-lien-focalise]:hover){box-shadow:var(--st-carte-trace-survol),0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),var(--st-carte-ombre-survol)}}@media(forced-colors:active){:host{border:var(--st-epaisseur-fine) solid CanvasText}}@media print{:host{background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);box-shadow:none}}\n"],
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{--st-carte-espace: var(--st-espacement-4);position:relative;display:flex;flex-direction:column;padding:var(--st-carte-espace);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border-radius:var(--st-carte-rayon, var(--st-rayon-lg))}:host([data-rembourrage=aucun]){--st-carte-espace: 0px}:host([data-rembourrage=sm]){--st-carte-espace: var(--st-espacement-3)}:host([data-rembourrage=lg]){--st-carte-espace: var(--st-espacement-6)}:host([data-rembourrage=xl]){--st-carte-espace: var(--st-espacement-8)}:host([data-relief=plat]){box-shadow:var(--st-ombre-none)}:host([data-relief=pose]){box-shadow:var(--st-ombre-repos)}:host([data-relief=flottant]){box-shadow:var(--st-ombre-survol)}:host([data-relief=creux]){background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md);box-shadow:var(--st-ombre-none)}:host([data-filet]){border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}:host([data-ton=information]){color:var(--st-couleur-sur-information-discret);background:var(--st-couleur-information-discret);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-information) 30%,var(--st-couleur-information-discret))}:host([data-ton=succes]){color:var(--st-couleur-sur-succes-discret);background:var(--st-couleur-succes-discret);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-succes) 30%,var(--st-couleur-succes-discret))}:host([data-ton=avertissement]){color:var(--st-couleur-sur-avertissement-discret);background:var(--st-couleur-avertissement-discret);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-avertissement) 30%,var(--st-couleur-avertissement-discret))}:host([data-ton=essai]){color:var(--st-couleur-sur-essai-discret);background:var(--st-couleur-essai-discret);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-essai) 30%,var(--st-couleur-essai-discret))}.st-card__entete,.st-card__pied{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:space-between;margin-inline:calc(-1 * var(--st-carte-espace));padding:var(--st-carte-espace);border-color:var(--st-couleur-bordure);border-style:solid;border-width:0}.st-card__entete:empty,.st-card__pied:empty{display:none}.st-card__entete{margin-block:calc(-1 * var(--st-carte-espace)) var(--st-carte-espace);border-block-end-width:var(--st-epaisseur-capillaire)}.st-card__pied{margin-block:var(--st-carte-espace) calc(-1 * var(--st-carte-espace));font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret);border-block-start-width:var(--st-epaisseur-capillaire)}:host([data-interactive]){--st-carte-trace-survol: inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-bordure-forte);--st-carte-ombre-survol: var(--st-ombre-survol)}@media(hover:hover){:host([data-interactive]):hover{box-shadow:var(--st-carte-trace-survol),var(--st-carte-ombre-survol)}}:host([data-interactive]):active{background:var(--st-couleur-surface-survol)}:host([data-interactive][data-relief=flottant]){--st-carte-ombre-survol: var(--st-ombre-surelevee)}:host([data-interactive][data-filet]){--st-carte-trace-survol: 0 0 transparent}@media(hover:hover){:host([data-interactive][data-filet]):hover{border-color:var(--st-couleur-bordure-forte)}}:host([data-lien-focalise]){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(hover:hover){:host([data-lien-focalise]:hover){box-shadow:var(--st-carte-trace-survol),0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),var(--st-carte-ombre-survol)}}@media(forced-colors:active){:host{border:var(--st-epaisseur-fine) solid CanvasText}}@media print{:host{background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);box-shadow:none}}\n"],
 		changeDetection: i0.ChangeDetectionStrategy.OnPush
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StCard,
 	decorators: [{
@@ -4964,11 +5011,12 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.data-relief]": "relief()",
 				"[attr.data-rembourrage]": "rembourrage()",
 				"[attr.data-filet]": "filet() ? \"\" : null",
+				"[attr.data-ton]": "ton()",
 				"[attr.data-interactive]": "interactive() ? \"\" : null",
 				"[attr.data-lien-focalise]": "lienFocalise() ? \"\" : null"
 			},
 			template: "<div class=\"st-card__entete\"><ng-content select=\"[entete]\" /></div>\n<ng-content />\n<div class=\"st-card__pied\"><ng-content select=\"[pied]\" /></div>\n",
-			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{--st-carte-espace: var(--st-espacement-4);position:relative;display:flex;flex-direction:column;padding:var(--st-carte-espace);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border-radius:var(--st-carte-rayon, var(--st-rayon-lg))}:host([data-rembourrage=aucun]){--st-carte-espace: 0px}:host([data-rembourrage=sm]){--st-carte-espace: var(--st-espacement-3)}:host([data-rembourrage=lg]){--st-carte-espace: var(--st-espacement-6)}:host([data-rembourrage=xl]){--st-carte-espace: var(--st-espacement-8)}:host([data-relief=plat]){box-shadow:var(--st-ombre-none)}:host([data-relief=pose]){box-shadow:var(--st-ombre-repos)}:host([data-relief=flottant]){box-shadow:var(--st-ombre-survol)}:host([data-relief=creux]){background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md);box-shadow:var(--st-ombre-none)}:host([data-filet]){border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-card__entete,.st-card__pied{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:space-between;margin-inline:calc(-1 * var(--st-carte-espace));padding:var(--st-carte-espace);border-color:var(--st-couleur-bordure);border-style:solid;border-width:0}.st-card__entete:empty,.st-card__pied:empty{display:none}.st-card__entete{margin-block:calc(-1 * var(--st-carte-espace)) var(--st-carte-espace);border-block-end-width:var(--st-epaisseur-capillaire)}.st-card__pied{margin-block:var(--st-carte-espace) calc(-1 * var(--st-carte-espace));font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret);border-block-start-width:var(--st-epaisseur-capillaire)}:host([data-interactive]){--st-carte-trace-survol: inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-bordure-forte);--st-carte-ombre-survol: var(--st-ombre-survol)}@media(hover:hover){:host([data-interactive]):hover{box-shadow:var(--st-carte-trace-survol),var(--st-carte-ombre-survol)}}:host([data-interactive]):active{background:var(--st-couleur-surface-survol)}:host([data-interactive][data-relief=flottant]){--st-carte-ombre-survol: var(--st-ombre-surelevee)}:host([data-interactive][data-filet]){--st-carte-trace-survol: 0 0 transparent}@media(hover:hover){:host([data-interactive][data-filet]):hover{border-color:var(--st-couleur-bordure-forte)}}:host([data-lien-focalise]){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(hover:hover){:host([data-lien-focalise]:hover){box-shadow:var(--st-carte-trace-survol),0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),var(--st-carte-ombre-survol)}}@media(forced-colors:active){:host{border:var(--st-epaisseur-fine) solid CanvasText}}@media print{:host{background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);box-shadow:none}}\n"]
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{--st-carte-espace: var(--st-espacement-4);position:relative;display:flex;flex-direction:column;padding:var(--st-carte-espace);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border-radius:var(--st-carte-rayon, var(--st-rayon-lg))}:host([data-rembourrage=aucun]){--st-carte-espace: 0px}:host([data-rembourrage=sm]){--st-carte-espace: var(--st-espacement-3)}:host([data-rembourrage=lg]){--st-carte-espace: var(--st-espacement-6)}:host([data-rembourrage=xl]){--st-carte-espace: var(--st-espacement-8)}:host([data-relief=plat]){box-shadow:var(--st-ombre-none)}:host([data-relief=pose]){box-shadow:var(--st-ombre-repos)}:host([data-relief=flottant]){box-shadow:var(--st-ombre-survol)}:host([data-relief=creux]){background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md);box-shadow:var(--st-ombre-none)}:host([data-filet]){border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}:host([data-ton=information]){color:var(--st-couleur-sur-information-discret);background:var(--st-couleur-information-discret);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-information) 30%,var(--st-couleur-information-discret))}:host([data-ton=succes]){color:var(--st-couleur-sur-succes-discret);background:var(--st-couleur-succes-discret);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-succes) 30%,var(--st-couleur-succes-discret))}:host([data-ton=avertissement]){color:var(--st-couleur-sur-avertissement-discret);background:var(--st-couleur-avertissement-discret);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-avertissement) 30%,var(--st-couleur-avertissement-discret))}:host([data-ton=essai]){color:var(--st-couleur-sur-essai-discret);background:var(--st-couleur-essai-discret);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-essai) 30%,var(--st-couleur-essai-discret))}.st-card__entete,.st-card__pied{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:space-between;margin-inline:calc(-1 * var(--st-carte-espace));padding:var(--st-carte-espace);border-color:var(--st-couleur-bordure);border-style:solid;border-width:0}.st-card__entete:empty,.st-card__pied:empty{display:none}.st-card__entete{margin-block:calc(-1 * var(--st-carte-espace)) var(--st-carte-espace);border-block-end-width:var(--st-epaisseur-capillaire)}.st-card__pied{margin-block:var(--st-carte-espace) calc(-1 * var(--st-carte-espace));font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret);border-block-start-width:var(--st-epaisseur-capillaire)}:host([data-interactive]){--st-carte-trace-survol: inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-bordure-forte);--st-carte-ombre-survol: var(--st-ombre-survol)}@media(hover:hover){:host([data-interactive]):hover{box-shadow:var(--st-carte-trace-survol),var(--st-carte-ombre-survol)}}:host([data-interactive]):active{background:var(--st-couleur-surface-survol)}:host([data-interactive][data-relief=flottant]){--st-carte-ombre-survol: var(--st-ombre-surelevee)}:host([data-interactive][data-filet]){--st-carte-trace-survol: 0 0 transparent}@media(hover:hover){:host([data-interactive][data-filet]):hover{border-color:var(--st-couleur-bordure-forte)}}:host([data-lien-focalise]){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(hover:hover){:host([data-lien-focalise]:hover){box-shadow:var(--st-carte-trace-survol),0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),var(--st-carte-ombre-survol)}}@media(forced-colors:active){:host{border:var(--st-epaisseur-fine) solid CanvasText}}@media print{:host{background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);box-shadow:none}}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -4995,6 +5043,14 @@ i0.ɵɵngDeclareClassMetadata({
 				alias: "filet",
 				required: false
 			}]
+		}],
+		ton: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ton",
+				required: false
+			}]
 		}]
 	}
 });
@@ -5002,7 +5058,7 @@ var StLienEtendu = class StLienEtendu {
 	element = inject(ElementRef).nativeElement;
 	carte = inject(StCard, { optional: true });
 	inscription = hotePositionneParLeSocle(this.element) ? void 0 : this.carte?.inscrireUnLienEtendu();
-	actif = signal(this.inscription !== void 0, ...ngDevMode ? [{ debugName: "actif" }] : 	/* istanbul ignore next */ []);
+	actif = signal(this.inscription !== void 0, ...ngDevMode ? [{ debugName: "actif" }] : /* istanbul ignore next */ []);
 	verifie = false;
 	constructor() {
 		inject(DestroyRef).onDestroy(() => this.inscription?.retirer());
@@ -5032,7 +5088,7 @@ var StLienEtendu = class StLienEtendu {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StLienEtendu,
 		deps: [],
@@ -5040,7 +5096,7 @@ var StLienEtendu = class StLienEtendu {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StLienEtendu,
 		isStandalone: true,
 		selector: "a[stLienEtendu], button[stLienEtendu]",
@@ -5056,7 +5112,7 @@ var StLienEtendu = class StLienEtendu {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StLienEtendu,
 	decorators: [{
@@ -5101,14 +5157,14 @@ function avertirDesControlesRecouverts(lien) {
 	}
 }
 var StPageTitle = class StPageTitle {
-	precision = input(null, ...ngDevMode ? [{ debugName: "precision" }] : 	/* istanbul ignore next */ []);
-	identifiant = input(null, ...ngDevMode ? [{ debugName: "identifiant" }] : 	/* istanbul ignore next */ []);
-	niveau = input(1, ...ngDevMode ? [{ debugName: "niveau" }] : 	/* istanbul ignore next */ []);
-	taille = input("3xl", ...ngDevMode ? [{ debugName: "taille" }] : 	/* istanbul ignore next */ []);
+	precision = input(null, ...ngDevMode ? [{ debugName: "precision" }] : /* istanbul ignore next */ []);
+	identifiant = input(null, ...ngDevMode ? [{ debugName: "identifiant" }] : /* istanbul ignore next */ []);
+	niveau = input(1, ...ngDevMode ? [{ debugName: "niveau" }] : /* istanbul ignore next */ []);
+	taille = input("3xl", ...ngDevMode ? [{ debugName: "taille" }] : /* istanbul ignore next */ []);
 	identifiantDeLaPrecision = inject(StIdentifiants).prochain("st-precision");
-	zoneDeLaPrecision = viewChild.required("zoneDeLaPrecision", ...ngDevMode ? [{ debugName: "zoneDeLaPrecision" }] : 	/* istanbul ignore next */ []);
-	precisionProjetee = signal(false, ...ngDevMode ? [{ debugName: "precisionProjetee" }] : 	/* istanbul ignore next */ []);
-	aUnePrecision = computed(() => this.precision() !== null || this.precisionProjetee(), ...ngDevMode ? [{ debugName: "aUnePrecision" }] : 	/* istanbul ignore next */ []);
+	zoneDeLaPrecision = viewChild.required("zoneDeLaPrecision", ...ngDevMode ? [{ debugName: "zoneDeLaPrecision" }] : /* istanbul ignore next */ []);
+	precisionProjetee = signal(false, ...ngDevMode ? [{ debugName: "precisionProjetee" }] : /* istanbul ignore next */ []);
+	aUnePrecision = computed(() => this.precision() !== null || this.precisionProjetee(), ...ngDevMode ? [{ debugName: "aUnePrecision" }] : /* istanbul ignore next */ []);
 	constructor() {
 		afterEveryRender({ read: () => {
 			const projetee = this.zoneDeLaPrecision().nativeElement.querySelector(":scope > [precision]") !== null;
@@ -5125,7 +5181,7 @@ var StPageTitle = class StPageTitle {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StPageTitle,
 		deps: [],
@@ -5133,7 +5189,7 @@ var StPageTitle = class StPageTitle {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StPageTitle,
 		isStandalone: true,
 		selector: "st-page-title",
@@ -5180,7 +5236,7 @@ var StPageTitle = class StPageTitle {
 		}],
 		ngImport: i0,
 		template: "<!-- Le texte du titre est projete UNE fois, dans un gabarit que la seule balise rendue instancie :\n     une projection par branche de @switch ne recevrait le contenu que dans l'une d'elles. -->\n<ng-template #texteDuTitre><ng-content /></ng-template>\n<div class=\"st-page-title__ligne\">\n  <div class=\"st-page-title__titraille\">\n    <div class=\"st-page-title__rangee\">\n      @switch (niveau()) {\n        @case (1) {\n          <h1\n            class=\"st-page-title__titre\"\n            [attr.id]=\"identifiant()\"\n            [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n          >\n            <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n          </h1>\n        }\n        @case (2) {\n          <h2\n            class=\"st-page-title__titre\"\n            [attr.id]=\"identifiant()\"\n            [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n          >\n            <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n          </h2>\n        }\n        @case (3) {\n          <h3\n            class=\"st-page-title__titre\"\n            [attr.id]=\"identifiant()\"\n            [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n          >\n            <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n          </h3>\n        }\n        @case (4) {\n          <h4\n            class=\"st-page-title__titre\"\n            [attr.id]=\"identifiant()\"\n            [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n          >\n            <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n          </h4>\n        }\n        @case (5) {\n          <h5\n            class=\"st-page-title__titre\"\n            [attr.id]=\"identifiant()\"\n            [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n          >\n            <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n          </h5>\n        }\n        @default {\n          <h6\n            class=\"st-page-title__titre\"\n            [attr.id]=\"identifiant()\"\n            [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n          >\n            <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n          </h6>\n        }\n      }\n      <!-- L'aide contextuelle (lot 280) : a cote du titre, HORS de lui ; son nom n'entre pas dans\n           celui du titre, que le noyau lit a l'atterrissage. -->\n      <ng-content select=\"[aide]\" />\n      <ng-content select=\"[puces]\" />\n    </div>\n    <!-- Precision en texte (entree) ou riche, a codes (emplacement [precision]) : un seul\n         paragraphe, relie au titre des qu'il porte quelque chose. -->\n    <p\n      #zoneDeLaPrecision\n      class=\"st-page-title__precision\"\n      [id]=\"identifiantDeLaPrecision\"\n      [hidden]=\"!aUnePrecision()\"\n    >\n      @if (precision(); as texte) {\n        <span>{{ texte }}</span>\n      }\n      <ng-content select=\"[precision]\" />\n    </p>\n  </div>\n  <div class=\"st-page-title__actions\"><ng-content select=\"[actions]\" /></div>\n</div>\n",
-		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block;margin-block-end:var(--st-espacement-6)}.st-page-title__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3);align-items:flex-start;justify-content:space-between}.st-page-title__titraille{display:flex;flex-direction:column;gap:var(--st-espacement-1);min-inline-size:0}.st-page-title__rangee{display:flex;flex-wrap:wrap;align-items:center;gap:var(--st-espacement-2)}.st-page-title__titre{margin:0;font-family:var(--st-police-base);color:var(--st-couleur-texte);font-size:var(--st-taille-2xl);line-height:var(--st-interligne-2xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-2xl);letter-spacing:var(--st-approche-4xl)}.st-page-title__titre:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-page-title__titre[data-focus-programme]:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(min-width:48rem){:host([data-taille=\"3xl\"]) .st-page-title__titre{font-size:var(--st-taille-3xl);line-height:var(--st-interligne-3xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-3xl);letter-spacing:var(--st-approche-4xl)}}:host([data-taille=\"4xl\"]) .st-page-title__titre{font-size:var(--st-taille-3xl);line-height:var(--st-interligne-3xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-3xl);letter-spacing:var(--st-approche-4xl)}@media(min-width:48rem){:host([data-taille=\"4xl\"]) .st-page-title__titre{font-size:var(--st-taille-4xl);line-height:var(--st-interligne-4xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-4xl)}}:host([data-taille=xl]) .st-page-title__titre{font-size:var(--st-taille-xl);line-height:var(--st-interligne-xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-xl)}:host([data-taille=xl]) .st-page-title__titraille{gap:0}.st-page-title__precision{margin:0;font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte-discret)}:host([data-taille=xl]) .st-page-title__precision{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal)}.st-page-title__actions:empty{display:none}.st-page-title__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;margin-block:calc((var(--st-interligne-2xl) - var(--st-hauteur-commande-defaut)) / 2)}@media(min-width:48rem){:host([data-taille=\"3xl\"]) .st-page-title__actions{margin-block:calc((var(--st-interligne-3xl) - var(--st-hauteur-commande-defaut)) / 2)}}:host([data-taille=\"4xl\"]) .st-page-title__actions{margin-block:calc((var(--st-interligne-3xl) - var(--st-hauteur-commande-defaut)) / 2)}@media(min-width:48rem){:host([data-taille=\"4xl\"]) .st-page-title__actions{margin-block:calc((var(--st-interligne-4xl) - var(--st-hauteur-commande-defaut)) / 2)}}:host([data-taille=xl]) .st-page-title__actions{margin-block:calc((var(--st-interligne-xl) - var(--st-hauteur-commande-defaut)) / 2)}.st-page-title__actions{inline-size:100%}@media(min-width:30rem){.st-page-title__actions{inline-size:auto}}@media print{.st-page-title__actions{display:none}}:host([data-dans-en-tete]){margin-block-end:0}:host([data-dans-en-tete]) .st-page-title__ligne{flex-flow:column nowrap;gap:var(--st-espacement-4);align-items:stretch}@media(min-width:64rem){:host([data-dans-en-tete]) .st-page-title__ligne{flex-flow:row wrap;gap:var(--st-espacement-4) var(--st-espacement-6);align-items:center}}:host([data-dans-en-tete]) .st-page-title__titraille{flex:1 1 auto;max-inline-size:48rem}@media(min-width:64rem){:host([data-dans-en-tete]) .st-page-title__titraille{flex-basis:20rem}}:host([data-dans-en-tete]) .st-page-title__actions{flex:0 1 auto;inline-size:auto;margin-block:0}\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;margin-block-end:var(--st-espacement-6)}.st-page-title__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3);align-items:flex-start;justify-content:space-between}.st-page-title__titraille{display:flex;flex-direction:column;gap:var(--st-espacement-1);min-inline-size:0}.st-page-title__rangee{display:flex;flex-wrap:wrap;align-items:center;gap:var(--st-espacement-2)}.st-page-title__titre{margin:0;font-family:var(--st-police-base);color:var(--st-couleur-texte);font-family:var(--st-police-titre, var(--st-police-base));font-size:var(--st-taille-2xl);line-height:var(--st-interligne-2xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-2xl);letter-spacing:var(--st-approche-4xl)}.st-page-title__titre:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-page-title__titre[data-focus-programme]:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(min-width:48rem){:host([data-taille=\"3xl\"]) .st-page-title__titre{font-family:var(--st-police-titre, var(--st-police-base));font-size:var(--st-taille-3xl);line-height:var(--st-interligne-3xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-3xl);letter-spacing:var(--st-approche-4xl)}}:host([data-taille=\"4xl\"]) .st-page-title__titre{font-family:var(--st-police-titre, var(--st-police-base));font-size:var(--st-taille-3xl);line-height:var(--st-interligne-3xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-3xl);letter-spacing:var(--st-approche-4xl)}@media(min-width:48rem){:host([data-taille=\"4xl\"]) .st-page-title__titre{font-family:var(--st-police-titre, var(--st-police-base));font-size:var(--st-taille-4xl);line-height:var(--st-interligne-4xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-4xl)}}:host([data-taille=xl]) .st-page-title__titre{font-family:var(--st-police-titre, var(--st-police-base));font-size:var(--st-taille-xl);line-height:var(--st-interligne-xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-xl)}:host([data-taille=xl]) .st-page-title__titraille{gap:0}.st-page-title__precision{margin:0;font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte-discret)}:host([data-taille=xl]) .st-page-title__precision{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal)}.st-page-title__actions:empty{display:none}.st-page-title__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;margin-block:calc((var(--st-interligne-2xl) - var(--st-hauteur-commande-defaut)) / 2)}@media(min-width:48rem){:host([data-taille=\"3xl\"]) .st-page-title__actions{margin-block:calc((var(--st-interligne-3xl) - var(--st-hauteur-commande-defaut)) / 2)}}:host([data-taille=\"4xl\"]) .st-page-title__actions{margin-block:calc((var(--st-interligne-3xl) - var(--st-hauteur-commande-defaut)) / 2)}@media(min-width:48rem){:host([data-taille=\"4xl\"]) .st-page-title__actions{margin-block:calc((var(--st-interligne-4xl) - var(--st-hauteur-commande-defaut)) / 2)}}:host([data-taille=xl]) .st-page-title__actions{margin-block:calc((var(--st-interligne-xl) - var(--st-hauteur-commande-defaut)) / 2)}.st-page-title__actions{inline-size:100%}@media(min-width:30rem){.st-page-title__actions{inline-size:auto}}@media print{.st-page-title__actions{display:none}}:host([data-dans-en-tete]){margin-block-end:0}:host([data-dans-en-tete]) .st-page-title__ligne{flex-flow:column nowrap;gap:var(--st-espacement-4);align-items:stretch}@media(min-width:64rem){:host([data-dans-en-tete]) .st-page-title__ligne{flex-flow:row wrap;gap:var(--st-espacement-4) var(--st-espacement-6);align-items:center}}:host([data-dans-en-tete]) .st-page-title__titraille{flex:1 1 auto;max-inline-size:48rem}@media(min-width:64rem){:host([data-dans-en-tete]) .st-page-title__titraille{flex-basis:20rem}}:host([data-dans-en-tete]) .st-page-title__actions{flex:0 1 auto;inline-size:auto;margin-block:0}\n"],
 		dependencies: [{
 			kind: "directive",
 			type: NgTemplateOutlet,
@@ -5196,7 +5252,7 @@ var StPageTitle = class StPageTitle {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StPageTitle,
 	decorators: [{
@@ -5210,7 +5266,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.data-taille]": "taille()"
 			},
 			template: "<!-- Le texte du titre est projete UNE fois, dans un gabarit que la seule balise rendue instancie :\n     une projection par branche de @switch ne recevrait le contenu que dans l'une d'elles. -->\n<ng-template #texteDuTitre><ng-content /></ng-template>\n<div class=\"st-page-title__ligne\">\n  <div class=\"st-page-title__titraille\">\n    <div class=\"st-page-title__rangee\">\n      @switch (niveau()) {\n        @case (1) {\n          <h1\n            class=\"st-page-title__titre\"\n            [attr.id]=\"identifiant()\"\n            [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n          >\n            <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n          </h1>\n        }\n        @case (2) {\n          <h2\n            class=\"st-page-title__titre\"\n            [attr.id]=\"identifiant()\"\n            [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n          >\n            <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n          </h2>\n        }\n        @case (3) {\n          <h3\n            class=\"st-page-title__titre\"\n            [attr.id]=\"identifiant()\"\n            [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n          >\n            <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n          </h3>\n        }\n        @case (4) {\n          <h4\n            class=\"st-page-title__titre\"\n            [attr.id]=\"identifiant()\"\n            [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n          >\n            <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n          </h4>\n        }\n        @case (5) {\n          <h5\n            class=\"st-page-title__titre\"\n            [attr.id]=\"identifiant()\"\n            [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n          >\n            <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n          </h5>\n        }\n        @default {\n          <h6\n            class=\"st-page-title__titre\"\n            [attr.id]=\"identifiant()\"\n            [attr.aria-describedby]=\"aUnePrecision() ? identifiantDeLaPrecision : null\"\n          >\n            <ng-container [ngTemplateOutlet]=\"texteDuTitre\" />\n          </h6>\n        }\n      }\n      <!-- L'aide contextuelle (lot 280) : a cote du titre, HORS de lui ; son nom n'entre pas dans\n           celui du titre, que le noyau lit a l'atterrissage. -->\n      <ng-content select=\"[aide]\" />\n      <ng-content select=\"[puces]\" />\n    </div>\n    <!-- Precision en texte (entree) ou riche, a codes (emplacement [precision]) : un seul\n         paragraphe, relie au titre des qu'il porte quelque chose. -->\n    <p\n      #zoneDeLaPrecision\n      class=\"st-page-title__precision\"\n      [id]=\"identifiantDeLaPrecision\"\n      [hidden]=\"!aUnePrecision()\"\n    >\n      @if (precision(); as texte) {\n        <span>{{ texte }}</span>\n      }\n      <ng-content select=\"[precision]\" />\n    </p>\n  </div>\n  <div class=\"st-page-title__actions\"><ng-content select=\"[actions]\" /></div>\n</div>\n",
-			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block;margin-block-end:var(--st-espacement-6)}.st-page-title__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3);align-items:flex-start;justify-content:space-between}.st-page-title__titraille{display:flex;flex-direction:column;gap:var(--st-espacement-1);min-inline-size:0}.st-page-title__rangee{display:flex;flex-wrap:wrap;align-items:center;gap:var(--st-espacement-2)}.st-page-title__titre{margin:0;font-family:var(--st-police-base);color:var(--st-couleur-texte);font-size:var(--st-taille-2xl);line-height:var(--st-interligne-2xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-2xl);letter-spacing:var(--st-approche-4xl)}.st-page-title__titre:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-page-title__titre[data-focus-programme]:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(min-width:48rem){:host([data-taille=\"3xl\"]) .st-page-title__titre{font-size:var(--st-taille-3xl);line-height:var(--st-interligne-3xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-3xl);letter-spacing:var(--st-approche-4xl)}}:host([data-taille=\"4xl\"]) .st-page-title__titre{font-size:var(--st-taille-3xl);line-height:var(--st-interligne-3xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-3xl);letter-spacing:var(--st-approche-4xl)}@media(min-width:48rem){:host([data-taille=\"4xl\"]) .st-page-title__titre{font-size:var(--st-taille-4xl);line-height:var(--st-interligne-4xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-4xl)}}:host([data-taille=xl]) .st-page-title__titre{font-size:var(--st-taille-xl);line-height:var(--st-interligne-xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-xl)}:host([data-taille=xl]) .st-page-title__titraille{gap:0}.st-page-title__precision{margin:0;font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte-discret)}:host([data-taille=xl]) .st-page-title__precision{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal)}.st-page-title__actions:empty{display:none}.st-page-title__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;margin-block:calc((var(--st-interligne-2xl) - var(--st-hauteur-commande-defaut)) / 2)}@media(min-width:48rem){:host([data-taille=\"3xl\"]) .st-page-title__actions{margin-block:calc((var(--st-interligne-3xl) - var(--st-hauteur-commande-defaut)) / 2)}}:host([data-taille=\"4xl\"]) .st-page-title__actions{margin-block:calc((var(--st-interligne-3xl) - var(--st-hauteur-commande-defaut)) / 2)}@media(min-width:48rem){:host([data-taille=\"4xl\"]) .st-page-title__actions{margin-block:calc((var(--st-interligne-4xl) - var(--st-hauteur-commande-defaut)) / 2)}}:host([data-taille=xl]) .st-page-title__actions{margin-block:calc((var(--st-interligne-xl) - var(--st-hauteur-commande-defaut)) / 2)}.st-page-title__actions{inline-size:100%}@media(min-width:30rem){.st-page-title__actions{inline-size:auto}}@media print{.st-page-title__actions{display:none}}:host([data-dans-en-tete]){margin-block-end:0}:host([data-dans-en-tete]) .st-page-title__ligne{flex-flow:column nowrap;gap:var(--st-espacement-4);align-items:stretch}@media(min-width:64rem){:host([data-dans-en-tete]) .st-page-title__ligne{flex-flow:row wrap;gap:var(--st-espacement-4) var(--st-espacement-6);align-items:center}}:host([data-dans-en-tete]) .st-page-title__titraille{flex:1 1 auto;max-inline-size:48rem}@media(min-width:64rem){:host([data-dans-en-tete]) .st-page-title__titraille{flex-basis:20rem}}:host([data-dans-en-tete]) .st-page-title__actions{flex:0 1 auto;inline-size:auto;margin-block:0}\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;margin-block-end:var(--st-espacement-6)}.st-page-title__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3);align-items:flex-start;justify-content:space-between}.st-page-title__titraille{display:flex;flex-direction:column;gap:var(--st-espacement-1);min-inline-size:0}.st-page-title__rangee{display:flex;flex-wrap:wrap;align-items:center;gap:var(--st-espacement-2)}.st-page-title__titre{margin:0;font-family:var(--st-police-base);color:var(--st-couleur-texte);font-family:var(--st-police-titre, var(--st-police-base));font-size:var(--st-taille-2xl);line-height:var(--st-interligne-2xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-2xl);letter-spacing:var(--st-approche-4xl)}.st-page-title__titre:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-page-title__titre[data-focus-programme]:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(min-width:48rem){:host([data-taille=\"3xl\"]) .st-page-title__titre{font-family:var(--st-police-titre, var(--st-police-base));font-size:var(--st-taille-3xl);line-height:var(--st-interligne-3xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-3xl);letter-spacing:var(--st-approche-4xl)}}:host([data-taille=\"4xl\"]) .st-page-title__titre{font-family:var(--st-police-titre, var(--st-police-base));font-size:var(--st-taille-3xl);line-height:var(--st-interligne-3xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-3xl);letter-spacing:var(--st-approche-4xl)}@media(min-width:48rem){:host([data-taille=\"4xl\"]) .st-page-title__titre{font-family:var(--st-police-titre, var(--st-police-base));font-size:var(--st-taille-4xl);line-height:var(--st-interligne-4xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-4xl)}}:host([data-taille=xl]) .st-page-title__titre{font-family:var(--st-police-titre, var(--st-police-base));font-size:var(--st-taille-xl);line-height:var(--st-interligne-xl);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-xl)}:host([data-taille=xl]) .st-page-title__titraille{gap:0}.st-page-title__precision{margin:0;font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte-discret)}:host([data-taille=xl]) .st-page-title__precision{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal)}.st-page-title__actions:empty{display:none}.st-page-title__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;margin-block:calc((var(--st-interligne-2xl) - var(--st-hauteur-commande-defaut)) / 2)}@media(min-width:48rem){:host([data-taille=\"3xl\"]) .st-page-title__actions{margin-block:calc((var(--st-interligne-3xl) - var(--st-hauteur-commande-defaut)) / 2)}}:host([data-taille=\"4xl\"]) .st-page-title__actions{margin-block:calc((var(--st-interligne-3xl) - var(--st-hauteur-commande-defaut)) / 2)}@media(min-width:48rem){:host([data-taille=\"4xl\"]) .st-page-title__actions{margin-block:calc((var(--st-interligne-4xl) - var(--st-hauteur-commande-defaut)) / 2)}}:host([data-taille=xl]) .st-page-title__actions{margin-block:calc((var(--st-interligne-xl) - var(--st-hauteur-commande-defaut)) / 2)}.st-page-title__actions{inline-size:100%}@media(min-width:30rem){.st-page-title__actions{inline-size:auto}}@media print{.st-page-title__actions{display:none}}:host([data-dans-en-tete]){margin-block-end:0}:host([data-dans-en-tete]) .st-page-title__ligne{flex-flow:column nowrap;gap:var(--st-espacement-4);align-items:stretch}@media(min-width:64rem){:host([data-dans-en-tete]) .st-page-title__ligne{flex-flow:row wrap;gap:var(--st-espacement-4) var(--st-espacement-6);align-items:center}}:host([data-dans-en-tete]) .st-page-title__titraille{flex:1 1 auto;max-inline-size:48rem}@media(min-width:64rem){:host([data-dans-en-tete]) .st-page-title__titraille{flex-basis:20rem}}:host([data-dans-en-tete]) .st-page-title__actions{flex:0 1 auto;inline-size:auto;margin-block:0}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -5256,23 +5312,23 @@ i0.ɵɵngDeclareClassMetadata({
 var StBreadcrumb = class StBreadcrumb {
 	affichable = sansCommandesDeDirection;
 	libelles = inject(ST_LIBELLES);
-	maillons = input.required(...ngDevMode ? [{ debugName: "maillons" }] : 	/* istanbul ignore next */ []);
-	etiquette = input(null, ...ngDevMode ? [{ debugName: "etiquette" }] : 	/* istanbul ignore next */ []);
-	separateur = input("chevron", ...ngDevMode ? [{ debugName: "separateur" }] : 	/* istanbul ignore next */ []);
-	forme = input("complete", ...ngDevMode ? [{ debugName: "forme" }] : 	/* istanbul ignore next */ []);
+	maillons = input.required(...ngDevMode ? [{ debugName: "maillons" }] : /* istanbul ignore next */ []);
+	etiquette = input(null, ...ngDevMode ? [{ debugName: "etiquette" }] : /* istanbul ignore next */ []);
+	separateur = input("chevron", ...ngDevMode ? [{ debugName: "separateur" }] : /* istanbul ignore next */ []);
+	forme = input("complete", ...ngDevMode ? [{ debugName: "forme" }] : /* istanbul ignore next */ []);
 	repli = input(true, {
-		...ngDevMode ? { debugName: "repli" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "repli" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	iconeDeTete = input(null, ...ngDevMode ? [{ debugName: "iconeDeTete" }] : 	/* istanbul ignore next */ []);
-	etiquetteLue = computed(() => this.etiquette() ?? this.libelles().filDAriane, ...ngDevMode ? [{ debugName: "etiquetteLue" }] : 	/* istanbul ignore next */ []);
-	derniereIndice = computed(() => this.maillons().length - 1, ...ngDevMode ? [{ debugName: "derniereIndice" }] : 	/* istanbul ignore next */ []);
+	iconeDeTete = input(null, ...ngDevMode ? [{ debugName: "iconeDeTete" }] : /* istanbul ignore next */ []);
+	etiquetteLue = computed(() => this.etiquette() ?? this.libelles().filDAriane, ...ngDevMode ? [{ debugName: "etiquetteLue" }] : /* istanbul ignore next */ []);
+	derniereIndice = computed(() => this.maillons().length - 1, ...ngDevMode ? [{ debugName: "derniereIndice" }] : /* istanbul ignore next */ []);
 	indiceDuParent = computed(() => {
 		const maillons = this.maillons();
 		for (let indice = maillons.length - 2; indice >= 0; indice--) if (maillons[indice]?.lien !== void 0) return indice;
 		return -1;
-	}, ...ngDevMode ? [{ debugName: "indiceDuParent" }] : 	/* istanbul ignore next */ []);
-	tailleDeLIcone = computed(() => this.forme() === "compacte" ? "16" : "18", ...ngDevMode ? [{ debugName: "tailleDeLIcone" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "indiceDuParent" }] : /* istanbul ignore next */ []);
+	tailleDeLIcone = computed(() => this.forme() === "compacte" ? "16" : "18", ...ngDevMode ? [{ debugName: "tailleDeLIcone" }] : /* istanbul ignore next */ []);
 	constructor() {
 		if (isDevMode()) effect(() => {
 			const vides = this.maillons().filter((maillon) => maillon.libelle.trim() === "");
@@ -5281,7 +5337,7 @@ var StBreadcrumb = class StBreadcrumb {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StBreadcrumb,
 		deps: [],
@@ -5289,7 +5345,7 @@ var StBreadcrumb = class StBreadcrumb {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StBreadcrumb,
 		isStandalone: true,
 		selector: "st-breadcrumb",
@@ -5386,7 +5442,7 @@ var StBreadcrumb = class StBreadcrumb {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StBreadcrumb,
 	decorators: [{
@@ -5460,15 +5516,27 @@ const IDENTIFIANT_DU_CONTENU_PRINCIPAL = "contenu-principal";
 var StSkipLink = class StSkipLink {
 	document = inject(DOCUMENT);
 	libelles = inject(ST_LIBELLES);
-	cible = input(IDENTIFIANT_DU_CONTENU_PRINCIPAL, ...ngDevMode ? [{ debugName: "cible" }] : 	/* istanbul ignore next */ []);
-	libelle = input(null, ...ngDevMode ? [{ debugName: "libelle" }] : 	/* istanbul ignore next */ []);
-	libelleLu = computed(() => this.libelle() ?? this.libelles().allerAuContenu, ...ngDevMode ? [{ debugName: "libelleLu" }] : 	/* istanbul ignore next */ []);
-	ancre = computed(() => `#${this.cible()}`, ...ngDevMode ? [{ debugName: "ancre" }] : 	/* istanbul ignore next */ []);
-	aller(evenement) {
-		const cible = this.document.getElementById(this.cible());
+	cible = input(IDENTIFIANT_DU_CONTENU_PRINCIPAL, ...ngDevMode ? [{ debugName: "cible" }] : /* istanbul ignore next */ []);
+	libelle = input(null, ...ngDevMode ? [{ debugName: "libelle" }] : /* istanbul ignore next */ []);
+	secondeCible = input(null, ...ngDevMode ? [{ debugName: "secondeCible" }] : /* istanbul ignore next */ []);
+	secondeEnPremier = input(false, {
+		...ngDevMode ? { debugName: "secondeEnPremier" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	liens = computed(() => {
+		const contenu = {
+			cible: this.cible(),
+			libelle: this.libelle() ?? this.libelles().allerAuContenu
+		};
+		const seconde = this.secondeCible();
+		if (seconde === null) return [contenu];
+		return this.secondeEnPremier() ? [seconde, contenu] : [contenu, seconde];
+	}, ...ngDevMode ? [{ debugName: "liens" }] : /* istanbul ignore next */ []);
+	aller(evenement, identifiant) {
+		const cible = this.document.getElementById(identifiant);
 		if (cible === null) return;
 		evenement.preventDefault();
-		if (!cible.hasAttribute("tabindex")) {
+		if (cible.tabIndex < 0 && !cible.hasAttribute("tabindex")) {
 			cible.setAttribute("tabindex", "-1");
 			cible.addEventListener("blur", () => {
 				cible.removeAttribute("tabindex");
@@ -5478,15 +5546,15 @@ var StSkipLink = class StSkipLink {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StSkipLink,
 		deps: [],
 		target: i0.ɵɵFactoryTarget.Component
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.1.0",
-		version: "22.2.0",
+		minVersion: "17.0.0",
+		version: "22.2.1",
 		type: StSkipLink,
 		isStandalone: true,
 		selector: "st-skip-link",
@@ -5504,18 +5572,32 @@ var StSkipLink = class StSkipLink {
 				isSignal: true,
 				isRequired: false,
 				transformFunction: null
+			},
+			secondeCible: {
+				classPropertyName: "secondeCible",
+				publicName: "secondeCible",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			secondeEnPremier: {
+				classPropertyName: "secondeEnPremier",
+				publicName: "secondeEnPremier",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
 			}
 		},
 		host: { classAttribute: "st-skip-link" },
 		ngImport: i0,
-		template: "<a class=\"st-skip-link__lien\" [attr.href]=\"ancre()\" (click)=\"aller($event)\">{{ libelleLu() }}</a>\n",
-		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host(:focus-within){position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;position:fixed;inset-block-start:var(--st-espacement-2);inset-inline-start:var(--st-espacement-2);z-index:var(--st-plan-evitement);display:flex;gap:var(--st-espacement-1);align-items:center;min-block-size:var(--st-hauteur-commande-defaut);padding-inline:var(--st-espacement-4);font-family:var(--st-police-base);color:var(--st-couleur-sur-primaire);white-space:nowrap;background:var(--st-couleur-primaire);border-radius:var(--st-rayon-md);outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),var(--st-ombre-survol);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-normal)}.st-skip-link__lien{color:inherit;text-decoration:none;outline:none}.st-skip-link__lien:after{position:absolute;inset:0;content:\"\"}@media(forced-colors:active){:host(:focus-within){color:LinkText;background:Canvas;border:var(--st-epaisseur-fine) solid CanvasText}}@media print{:host{display:none}}\n"],
+		template: "@for (lien of liens(); track $index) {\n  <a\n    class=\"st-skip-link__lien\"\n    [attr.href]=\"'#' + lien.cible\"\n    (click)=\"aller($event, lien.cible)\"\n    >{{ lien.libelle }}</a\n  >\n}\n",
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host(:focus-within){position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;position:fixed;inset-block-start:var(--st-espacement-2);inset-inline-start:var(--st-espacement-2);z-index:var(--st-plan-evitement);display:flex;gap:var(--st-espacement-1);align-items:center;min-block-size:var(--st-hauteur-commande-defaut);padding-inline:var(--st-espacement-4);font-family:var(--st-police-base);color:var(--st-couleur-sur-primaire);white-space:nowrap;background:var(--st-couleur-primaire);border-radius:var(--st-rayon-md);outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),var(--st-ombre-survol);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-normal)}:host(:focus-within) .st-skip-link__lien:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-skip-link__lien{color:inherit;text-decoration:none;outline:none}.st-skip-link__lien:after{position:absolute;inset:0;content:\"\"}@media(forced-colors:active){:host(:focus-within){color:LinkText;background:Canvas;border:var(--st-epaisseur-fine) solid CanvasText}}@media print{:host{display:none}}\n"],
 		changeDetection: i0.ChangeDetectionStrategy.OnPush
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StSkipLink,
 	decorators: [{
@@ -5524,8 +5606,8 @@ i0.ɵɵngDeclareClassMetadata({
 			selector: "st-skip-link",
 			changeDetection: ChangeDetectionStrategy.OnPush,
 			host: { class: "st-skip-link" },
-			template: "<a class=\"st-skip-link__lien\" [attr.href]=\"ancre()\" (click)=\"aller($event)\">{{ libelleLu() }}</a>\n",
-			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host(:focus-within){position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;position:fixed;inset-block-start:var(--st-espacement-2);inset-inline-start:var(--st-espacement-2);z-index:var(--st-plan-evitement);display:flex;gap:var(--st-espacement-1);align-items:center;min-block-size:var(--st-hauteur-commande-defaut);padding-inline:var(--st-espacement-4);font-family:var(--st-police-base);color:var(--st-couleur-sur-primaire);white-space:nowrap;background:var(--st-couleur-primaire);border-radius:var(--st-rayon-md);outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),var(--st-ombre-survol);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-normal)}.st-skip-link__lien{color:inherit;text-decoration:none;outline:none}.st-skip-link__lien:after{position:absolute;inset:0;content:\"\"}@media(forced-colors:active){:host(:focus-within){color:LinkText;background:Canvas;border:var(--st-epaisseur-fine) solid CanvasText}}@media print{:host{display:none}}\n"]
+			template: "@for (lien of liens(); track $index) {\n  <a\n    class=\"st-skip-link__lien\"\n    [attr.href]=\"'#' + lien.cible\"\n    (click)=\"aller($event, lien.cible)\"\n    >{{ lien.libelle }}</a\n  >\n}\n",
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host(:focus-within){position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;position:fixed;inset-block-start:var(--st-espacement-2);inset-inline-start:var(--st-espacement-2);z-index:var(--st-plan-evitement);display:flex;gap:var(--st-espacement-1);align-items:center;min-block-size:var(--st-hauteur-commande-defaut);padding-inline:var(--st-espacement-4);font-family:var(--st-police-base);color:var(--st-couleur-sur-primaire);white-space:nowrap;background:var(--st-couleur-primaire);border-radius:var(--st-rayon-md);outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),var(--st-ombre-survol);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-normal)}:host(:focus-within) .st-skip-link__lien:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-skip-link__lien{color:inherit;text-decoration:none;outline:none}.st-skip-link__lien:after{position:absolute;inset:0;content:\"\"}@media(forced-colors:active){:host(:focus-within){color:LinkText;background:Canvas;border:var(--st-epaisseur-fine) solid CanvasText}}@media print{:host{display:none}}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -5544,193 +5626,681 @@ i0.ɵɵngDeclareClassMetadata({
 				alias: "libelle",
 				required: false
 			}]
-		}]
-	}
-});
-const PROPRIETE_HAUTEUR_ENTETE = "--st-hauteur-entete";
-const PROPRIETE_HAUTEUR_ENTETE_SEUL = "--st-coquille-hauteur-entete";
-var StAppShell = class StAppShell {
-	variante = input("standard", ...ngDevMode ? [{ debugName: "variante" }] : 	/* istanbul ignore next */ []);
-	document = inject(DOCUMENT);
-	hote = inject(ElementRef);
-	entete = viewChild.required("entete", ...ngDevMode ? [{ debugName: "entete" }] : 	/* istanbul ignore next */ []);
-	bannieres = viewChild.required("bannieres", ...ngDevMode ? [{ debugName: "bannieres" }] : 	/* istanbul ignore next */ []);
-	observateur = null;
-	surveillant = null;
-	hauteurs = /* @__PURE__ */ new Map();
-	identifiantDuContenu = IDENTIFIANT_DU_CONTENU_PRINCIPAL;
-	constructor() {
-		afterNextRender(() => {
-			this.mesurerLeBlocCollant();
-		});
-		inject(DestroyRef).onDestroy(() => {
-			this.observateur?.disconnect();
-			this.observateur = null;
-			this.surveillant?.disconnect();
-			this.surveillant = null;
-			this.hauteurs.clear();
-			this.document.documentElement.style.removeProperty(PROPRIETE_HAUTEUR_ENTETE);
-		});
-	}
-	mesurerLeBlocCollant() {
-		const fenetre = this.document.defaultView;
-		const Observateur = fenetre?.ResizeObserver;
-		if (Observateur === void 0) return;
-		const entete = this.entete().nativeElement;
-		this.observateur = new Observateur((entrees) => {
-			for (const entree of entrees) this.hauteurs.set(entree.target, entree.borderBoxSize[0]?.blockSize ?? entree.target.getBoundingClientRect().height);
-			this.poserLesHauteurs(entete);
-		});
-		this.observateur.observe(entete);
-		this.suivreLesBannieresCollees();
-		const Surveillant = fenetre?.MutationObserver;
-		if (Surveillant === void 0) return;
-		this.surveillant = new Surveillant(() => {
-			this.suivreLesBannieresCollees();
-			this.poserLesHauteurs(entete);
-		});
-		this.surveillant.observe(this.bannieres().nativeElement, {
-			childList: true,
-			subtree: true,
-			attributes: true,
-			attributeFilter: ["data-collee"]
-		});
-	}
-	suivreLesBannieresCollees() {
-		const observateur = this.observateur;
-		if (observateur === null) return;
-		const entete = this.entete().nativeElement;
-		const collees = new Set(this.bannieres().nativeElement.querySelectorAll("[data-collee]"));
-		for (const element of [...this.hauteurs.keys()]) if (element !== entete && !collees.has(element)) {
-			observateur.unobserve(element);
-			this.hauteurs.delete(element);
-		}
-		for (const element of collees) if (!this.hauteurs.has(element)) {
-			this.hauteurs.set(element, 0);
-			observateur.observe(element);
-		}
-	}
-	poserLesHauteurs(entete) {
-		let bloc = 0;
-		for (const hauteur of this.hauteurs.values()) bloc += hauteur;
-		const px = (valeur) => `${Math.ceil(valeur).toString()}px`;
-		this.hote.nativeElement.style.setProperty(PROPRIETE_HAUTEUR_ENTETE_SEUL, px(this.hauteurs.get(entete) ?? 0));
-		this.document.documentElement.style.setProperty(PROPRIETE_HAUTEUR_ENTETE, px(bloc));
-	}
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.0",
-		ngImport: i0,
-		type: StAppShell,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.2.0",
-		version: "22.2.0",
-		type: StAppShell,
-		isStandalone: true,
-		selector: "st-app-shell",
-		inputs: { variante: {
-			classPropertyName: "variante",
-			publicName: "variante",
-			isSignal: true,
-			isRequired: false,
-			transformFunction: null
-		} },
-		host: {
-			properties: { "attr.data-variante": "variante()" },
-			classAttribute: "st-app-shell"
-		},
-		viewQueries: [{
-			propertyName: "entete",
-			first: true,
-			predicate: ["entete"],
-			descendants: true,
-			isSignal: true
-		}, {
-			propertyName: "bannieres",
-			first: true,
-			predicate: ["bannieres"],
-			descendants: true,
-			isSignal: true
-		}],
-		ngImport: i0,
-		template: "<st-skip-link [cible]=\"identifiantDuContenu\" />\n\n<header #entete class=\"st-app-shell__entete\">\n  <ng-content select=\"[entete]\" />\n  <ng-content select=\"st-route-progress\" />\n</header>\n\n<div #bannieres class=\"st-app-shell__bannieres\">\n  <ng-content select=\"[bannieres]\" />\n</div>\n\n<div class=\"st-app-shell__corps\">\n  <div class=\"st-app-shell__navigation\">\n    <ng-content select=\"[navigation]\" />\n  </div>\n\n  <main class=\"st-app-shell__contenu\" [id]=\"identifiantDuContenu\">\n    <div class=\"st-app-shell__page\">\n      <ng-content />\n    </div>\n  </main>\n</div>\n\n<footer class=\"st-app-shell__pied\">\n  <ng-content select=\"[pied]\" />\n</footer>\n",
-		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-direction:column;min-block-size:100vh;min-block-size:100dvh;color:var(--st-couleur-texte);background:var(--st-couleur-fond)}.st-app-shell__entete{position:sticky;inset-block-start:0;z-index:var(--st-plan-entete);padding-block-start:env(safe-area-inset-top,0);padding-inline:env(safe-area-inset-left,0) env(safe-area-inset-right,0);background:var(--st-couleur-surface);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);view-transition-name:st-entete}:host([data-variante=marque]) .st-app-shell__entete{--st-couleur-surface: var(--st-couleur-surface-marque);--st-couleur-surface-elevee: var(--st-couleur-surface-marque);--st-couleur-bordure: color-mix( in oklab, var(--st-couleur-texte-sur-marque) 24%, var(--st-couleur-surface-marque) );--st-couleur-texte: var(--st-couleur-texte-sur-marque);--st-couleur-texte-primaire: var(--st-couleur-texte-sur-marque);--st-couleur-texte-discret: var(--st-couleur-texte-sur-marque-discret);--st-couleur-texte-attenue: var(--st-couleur-texte-sur-marque-discret);--st-couleur-bordure-forte: var(--st-couleur-texte-sur-marque-discret);--st-couleur-surface-survol: color-mix( in oklab, var(--st-couleur-texte-sur-marque) 10%, var(--st-couleur-surface-marque) );--st-couleur-surface-active: color-mix( in oklab, var(--st-couleur-texte-sur-marque) 16%, var(--st-couleur-surface-marque) );color:var(--st-couleur-texte-sur-marque);background:var(--st-couleur-surface-marque);border-block-end-color:transparent}.st-app-shell__bannieres{display:contents}.st-app-shell__corps{display:flex;flex:1 1 auto;flex-direction:column}.st-app-shell__navigation:empty,.st-app-shell__entete:empty,.st-app-shell__pied:empty{display:none}.st-app-shell__contenu{flex:1 1 auto;min-inline-size:0;padding:var(--st-espacement-6) var(--st-espacement-4)}.st-app-shell__page{max-inline-size:var(--st-largeur-page);margin-inline:auto}.st-app-shell__contenu:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-decalage))}.st-app-shell__pied{padding:var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);padding-block-end:calc(var(--st-espacement-4) + env(safe-area-inset-bottom,0));color:var(--st-couleur-texte-discret);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(min-width:48rem){.st-app-shell__corps{flex-direction:row}.st-app-shell__navigation{display:flex;flex:none;flex-direction:column;view-transition-name:st-navigation}.st-app-shell__navigation ::ng-deep>*{flex:1 0 auto}}@media(min-width:64rem){.st-app-shell__contenu{padding:var(--st-espacement-8)}}@media print{.st-app-shell__entete,.st-app-shell__bannieres,.st-app-shell__navigation,.st-app-shell__pied{display:none}.st-app-shell__entete{position:static}.st-app-shell__contenu{padding:0}.st-app-shell__page{max-inline-size:none}}\n"],
-		dependencies: [{
-			kind: "component",
-			type: StSkipLink,
-			selector: "st-skip-link",
-			inputs: ["cible", "libelle"]
 		}],
-		changeDetection: i0.ChangeDetectionStrategy.OnPush
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.0",
-	ngImport: i0,
-	type: StAppShell,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "st-app-shell",
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			imports: [StSkipLink],
-			host: {
-				class: "st-app-shell",
-				"[attr.data-variante]": "variante()"
-			},
-			template: "<st-skip-link [cible]=\"identifiantDuContenu\" />\n\n<header #entete class=\"st-app-shell__entete\">\n  <ng-content select=\"[entete]\" />\n  <ng-content select=\"st-route-progress\" />\n</header>\n\n<div #bannieres class=\"st-app-shell__bannieres\">\n  <ng-content select=\"[bannieres]\" />\n</div>\n\n<div class=\"st-app-shell__corps\">\n  <div class=\"st-app-shell__navigation\">\n    <ng-content select=\"[navigation]\" />\n  </div>\n\n  <main class=\"st-app-shell__contenu\" [id]=\"identifiantDuContenu\">\n    <div class=\"st-app-shell__page\">\n      <ng-content />\n    </div>\n  </main>\n</div>\n\n<footer class=\"st-app-shell__pied\">\n  <ng-content select=\"[pied]\" />\n</footer>\n",
-			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-direction:column;min-block-size:100vh;min-block-size:100dvh;color:var(--st-couleur-texte);background:var(--st-couleur-fond)}.st-app-shell__entete{position:sticky;inset-block-start:0;z-index:var(--st-plan-entete);padding-block-start:env(safe-area-inset-top,0);padding-inline:env(safe-area-inset-left,0) env(safe-area-inset-right,0);background:var(--st-couleur-surface);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);view-transition-name:st-entete}:host([data-variante=marque]) .st-app-shell__entete{--st-couleur-surface: var(--st-couleur-surface-marque);--st-couleur-surface-elevee: var(--st-couleur-surface-marque);--st-couleur-bordure: color-mix( in oklab, var(--st-couleur-texte-sur-marque) 24%, var(--st-couleur-surface-marque) );--st-couleur-texte: var(--st-couleur-texte-sur-marque);--st-couleur-texte-primaire: var(--st-couleur-texte-sur-marque);--st-couleur-texte-discret: var(--st-couleur-texte-sur-marque-discret);--st-couleur-texte-attenue: var(--st-couleur-texte-sur-marque-discret);--st-couleur-bordure-forte: var(--st-couleur-texte-sur-marque-discret);--st-couleur-surface-survol: color-mix( in oklab, var(--st-couleur-texte-sur-marque) 10%, var(--st-couleur-surface-marque) );--st-couleur-surface-active: color-mix( in oklab, var(--st-couleur-texte-sur-marque) 16%, var(--st-couleur-surface-marque) );color:var(--st-couleur-texte-sur-marque);background:var(--st-couleur-surface-marque);border-block-end-color:transparent}.st-app-shell__bannieres{display:contents}.st-app-shell__corps{display:flex;flex:1 1 auto;flex-direction:column}.st-app-shell__navigation:empty,.st-app-shell__entete:empty,.st-app-shell__pied:empty{display:none}.st-app-shell__contenu{flex:1 1 auto;min-inline-size:0;padding:var(--st-espacement-6) var(--st-espacement-4)}.st-app-shell__page{max-inline-size:var(--st-largeur-page);margin-inline:auto}.st-app-shell__contenu:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-decalage))}.st-app-shell__pied{padding:var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);padding-block-end:calc(var(--st-espacement-4) + env(safe-area-inset-bottom,0));color:var(--st-couleur-texte-discret);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(min-width:48rem){.st-app-shell__corps{flex-direction:row}.st-app-shell__navigation{display:flex;flex:none;flex-direction:column;view-transition-name:st-navigation}.st-app-shell__navigation ::ng-deep>*{flex:1 0 auto}}@media(min-width:64rem){.st-app-shell__contenu{padding:var(--st-espacement-8)}}@media print{.st-app-shell__entete,.st-app-shell__bannieres,.st-app-shell__navigation,.st-app-shell__pied{display:none}.st-app-shell__entete{position:static}.st-app-shell__contenu{padding:0}.st-app-shell__page{max-inline-size:none}}\n"]
-		}]
-	}],
-	ctorParameters: () => [],
-	propDecorators: {
-		variante: [{
+		secondeCible: [{
 			type: i0.Input,
 			args: [{
 				isSignal: true,
-				alias: "variante",
+				alias: "secondeCible",
 				required: false
 			}]
 		}],
-		entete: [{
-			type: i0.ViewChild,
-			args: ["entete", { isSignal: true }]
-		}],
-		bannieres: [{
-			type: i0.ViewChild,
-			args: ["bannieres", { isSignal: true }]
+		secondeEnPremier: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "secondeEnPremier",
+				required: false
+			}]
 		}]
 	}
 });
-var StHeader = class StHeader {
+const HORS_TABULATION = ":not([tabindex^=\"-\"])";
+const FOCALISABLES = [
+	"a[href]",
+	"button:not([disabled])",
+	"input:not([disabled]):not([type=\"hidden\"])",
+	"select:not([disabled])",
+	"textarea:not([disabled])",
+	"summary",
+	"[tabindex]",
+	"[contenteditable=\"\"]",
+	"[contenteditable=\"true\"]"
+].map((selecteur) => selecteur + HORS_TABULATION).join(", ");
+const BORNES = "dialog[open], [role=\"dialog\"], [role=\"alertdialog\"], [aria-modal=\"true\"]";
+const PRECEDE = 2;
+const SUIT = 4;
+function estFocalisable(element) {
+	if (element.closest("[inert], [aria-hidden=\"true\"], fieldset[disabled]") !== null) return false;
+	const details = element.closest("details:not([open])");
+	if (details !== null && element.closest("summary")?.parentElement !== details) return false;
+	if (typeof element.checkVisibility === "function") return element.checkVisibility({ visibilityProperty: true });
+	const vue = element.ownerDocument.defaultView;
+	if (vue === null) return false;
+	if (vue.getComputedStyle(element).visibility === "hidden") return false;
+	for (let e = element; e !== null; e = e.parentElement) if (e.hidden || vue.getComputedStyle(e).display === "none") return false;
+	return true;
+}
+function estUnRadio(element) {
+	return element.tagName === "INPUT" && element.type === "radio";
+}
+function estArretDeRadio(radio, candidats) {
+	if (radio.name === "") return true;
+	const groupe = candidats.filter((c) => estUnRadio(c) && c.name === radio.name && c.form === radio.form);
+	const coche = groupe.find((c) => c.checked);
+	return coche !== void 0 ? coche === radio : groupe[0] === radio;
+}
+function deplacerLeFocusAuVoisin(depart) {
+	const focalisables = [...(depart.closest(BORNES) ?? depart.ownerDocument).querySelectorAll(FOCALISABLES)].filter((candidat) => !depart.contains(candidat) && estFocalisable(candidat));
+	const candidats = focalisables.filter((c) => !estUnRadio(c) || estArretDeRadio(c, focalisables));
+	const suivants = candidats.filter((c) => (depart.compareDocumentPosition(c) & SUIT) !== 0);
+	const precedents = candidats.filter((c) => (depart.compareDocumentPosition(c) & PRECEDE) !== 0).reverse();
+	for (const candidat of [...suivants, ...precedents]) {
+		candidat.focus();
+		if (depart.ownerDocument.activeElement === candidat) return candidat;
+	}
+	const parent = depart.parentElement;
+	if (parent?.hasAttribute("tabindex") === true) {
+		parent.focus();
+		if (depart.ownerDocument.activeElement === parent) return parent;
+	}
+	return null;
+}
+var StBanner = class StBanner {
+	element = inject(ElementRef);
+	regionParente = inject(REGION_VIVANTE_PARENTE, {
+		optional: true,
+		skipSelf: true
+	});
+	libelles = inject(ST_LIBELLES);
+	idEngendre = inject(StIdentifiants).prochain("st-banniere-titre");
+	ton = input("neutre", ...ngDevMode ? [{ debugName: "ton" }] : /* istanbul ignore next */ []);
+	message = input.required(...ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []);
+	titre = input(null, ...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
+	forme = input("bloc", ...ngDevMode ? [{ debugName: "forme" }] : /* istanbul ignore next */ []);
+	identifiant = input(null, ...ngDevMode ? [{ debugName: "identifiant" }] : /* istanbul ignore next */ []);
+	fermable = input(false, {
+		...ngDevMode ? { debugName: "fermable" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	libelleFermeture = input(null, ...ngDevMode ? [{ debugName: "libelleFermeture" }] : /* istanbul ignore next */ []);
+	ferme = output();
+	icone = computed(() => ICONES_DE_TON[this.ton()], ...ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []);
+	idDuTitre = computed(() => this.identifiant() ?? this.idEngendre, ...ngDevMode ? [{ debugName: "idDuTitre" }] : /* istanbul ignore next */ []);
+	prefixe = computed(() => {
+		const ton = this.ton();
+		return ton === "essai" ? null : prefixeDeTon(ton, this.libelles());
+	}, ...ngDevMode ? [{ debugName: "prefixe" }] : /* istanbul ignore next */ []);
+	fermableLu = computed(() => this.fermable() && this.ton() !== "essai", ...ngDevMode ? [{ debugName: "fermableLu" }] : /* istanbul ignore next */ []);
+	libelleFermetureLu = computed(() => this.libelleFermeture() ?? this.libelles().fermerLeMessage, ...ngDevMode ? [{ debugName: "libelleFermetureLu" }] : /* istanbul ignore next */ []);
+	roleLu = computed(() => {
+		if (this.regionParente !== null) return null;
+		const ton = this.ton();
+		return ton === "erreur" || ton === "danger" ? "alert" : "status";
+	}, ...ngDevMode ? [{ debugName: "roleLu" }] : /* istanbul ignore next */ []);
+	constructor() {
+		let averti = false;
+		effect(() => {
+			if (!isDevMode() || averti || this.ton() !== "essai" || this.titre() !== null) return;
+			averti = true;
+			console.warn("[st-banner] ton essai sans titre : le mot de l environnement (\"Donnees fictives\") manque.");
+		});
+	}
+	fermer() {
+		deplacerLeFocusAuVoisin(this.element.nativeElement);
+		this.ferme.emit();
+	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
-		type: StHeader,
+		type: StBanner,
 		deps: [],
 		target: i0.ɵɵFactoryTarget.Component
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "14.0.0",
-		version: "22.2.0",
-		type: StHeader,
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: StBanner,
 		isStandalone: true,
-		selector: "st-header",
-		host: { classAttribute: "st-header" },
-		ngImport: i0,
-		template: "<div class=\"st-header__debut\">\n  <ng-content select=\"[bascule]\" />\n  <ng-content select=\"[marque]\" />\n</div>\n<div class=\"st-header__actions\">\n  <ng-content />\n</div>\n",
-		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-wrap:nowrap;gap:var(--st-espacement-3);align-items:center;justify-content:space-between;box-sizing:border-box;min-block-size:calc(var(--st-hauteur-commande-defaut) + 2 * var(--st-espacement-2-5));padding-block:var(--st-espacement-2-5);padding-inline:var(--st-espacement-4);background:var(--st-couleur-surface)}.st-header__debut,.st-header__actions{display:flex;gap:var(--st-espacement-1);align-items:center}.st-header__debut{flex:1 1 0%;flex-wrap:nowrap;min-inline-size:var(--st-hauteur-commande-defaut)}.st-header__actions{flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end;min-inline-size:0}@media(width<48rem){.st-header__actions ::ng-deep>[secondaire]{display:none}}.st-header__debut:empty,.st-header__actions:empty{display:none}@media(min-width:48rem){.st-header__debut{gap:var(--st-espacement-6)}.st-header__actions{gap:var(--st-espacement-4)}}@media(min-width:64rem){:host{padding-inline:var(--st-espacement-8)}}\n"],
+		selector: "st-banner",
+		inputs: {
+			ton: {
+				classPropertyName: "ton",
+				publicName: "ton",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			message: {
+				classPropertyName: "message",
+				publicName: "message",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			titre: {
+				classPropertyName: "titre",
+				publicName: "titre",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			forme: {
+				classPropertyName: "forme",
+				publicName: "forme",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			identifiant: {
+				classPropertyName: "identifiant",
+				publicName: "identifiant",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			fermable: {
+				classPropertyName: "fermable",
+				publicName: "fermable",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			libelleFermeture: {
+				classPropertyName: "libelleFermeture",
+				publicName: "libelleFermeture",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { ferme: "ferme" },
+		host: {
+			properties: {
+				"attr.data-ton": "ton()",
+				"attr.data-forme": "forme()",
+				"attr.role": "roleLu()",
+				"attr.aria-labelledby": "roleLu() !== null && titre() !== null ? idDuTitre() : null"
+			},
+			classAttribute: "st-banner"
+		},
+		providers: [{
+			provide: REGION_VIVANTE_PARENTE,
+			useValue: true
+		}],
+		ngImport: i0,
+		template: "<span class=\"st-banner__icone\">\n  <st-icon [nom]=\"icone()\" variante=\"plein\" [taille]=\"forme() === 'aplat' ? '14' : '20'\" />\n</span>\n<div class=\"st-banner__corps\">\n  @if (titre() !== null) {\n    <p class=\"st-banner__titre\" [id]=\"idDuTitre()\">\n      @if (prefixe() !== null) {\n        <span class=\"st-prefixe-de-ton\">{{ prefixe() }}</span>\n      }\n      {{ titre() }}\n    </p>\n  }\n  <p class=\"st-banner__message\">\n    @if (titre() === null && prefixe() !== null) {\n      <span class=\"st-prefixe-de-ton st-banner__prefixe\">{{ prefixe() }}</span>\n    }\n    {{ message() }}\n  </p>\n  <div class=\"st-banner__projete\"><ng-content /></div>\n</div>\n@if (fermableLu()) {\n  <button\n    stIconButton\n    class=\"st-banner__fermer\"\n    type=\"button\"\n    icone=\"croix\"\n    taille=\"xs\"\n    [etiquette]=\"libelleFermetureLu()\"\n    (click)=\"fermer()\"\n  ></button>\n}\n",
+		styles: ["@charset \"UTF-8\";.st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;gap:var(--st-espacement-3);align-items:flex-start;padding:var(--st-espacement-3) var(--st-espacement-4);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);background:var(--st-couleur-surface-enfoncee);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}:host([data-forme=bandeau]){border-width:0 0 var(--st-epaisseur-capillaire);border-radius:var(--st-rayon-none)}.st-banner__icone{display:inline-flex;flex:none;align-items:center;block-size:var(--st-interligne-md);color:var(--st-couleur-texte-discret)}.st-banner__corps{flex:1 1 auto;min-inline-size:0}.st-banner__titre{margin:0 0 var(--st-espacement-1);font-weight:var(--st-graisse-semi)}.st-banner__message{margin:0}.st-banner__projete{margin-block-start:var(--st-espacement-2)}.st-banner__projete:empty{display:none}.st-banner__fermer{flex:none;margin-block:calc((var(--st-interligne-md) - var(--st-hauteur-commande-sm)) / 2)}:host([data-ton=information]){color:var(--st-couleur-sur-information-discret);background:var(--st-couleur-information-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-information)}:host([data-ton=information]) .st-banner__icone{color:var(--st-couleur-information)}:host([data-ton=succes]){color:var(--st-couleur-sur-succes-discret);background:var(--st-couleur-succes-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-succes)}:host([data-ton=succes]) .st-banner__icone{color:var(--st-couleur-succes)}:host([data-ton=avertissement]){color:var(--st-couleur-sur-avertissement-discret);background:var(--st-couleur-avertissement-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-avertissement)}:host([data-ton=avertissement]) .st-banner__icone{color:var(--st-couleur-avertissement)}:host([data-ton=erreur]){color:var(--st-couleur-sur-erreur-discret);background:var(--st-couleur-erreur-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-erreur)}:host([data-ton=erreur]) .st-banner__icone{color:var(--st-couleur-erreur)}:host([data-ton=danger]){color:var(--st-couleur-sur-danger-discret);background:var(--st-couleur-danger-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-danger)}:host([data-ton=danger]) .st-banner__icone{color:var(--st-couleur-danger)}:host([data-ton=essai]){color:var(--st-couleur-sur-essai-discret);background:var(--st-couleur-essai-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-essai)}:host([data-ton=essai]) .st-banner__icone{color:var(--st-couleur-essai)}.st-banner__prefixe{font-weight:var(--st-graisse-semi)}:host([data-forme=bandeau]:not([data-ton=neutre])){border-block-end:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}:host([data-forme=aplat]){align-items:center;padding-block:var(--st-espacement-2);font-size:var(--st-taille-2xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-surtitre);text-transform:uppercase;border-width:0;border-radius:var(--st-rayon-none);color:var(--st-couleur-surface-enfoncee);background:var(--st-couleur-texte)}:host([data-forme=aplat]) .st-banner__icone{color:inherit}:host([data-forme=aplat]) .st-banner__icone{block-size:auto}:host([data-forme=aplat]) .st-banner__corps{display:flex;flex-wrap:wrap;gap:0 var(--st-espacement-1-5)}:host([data-forme=aplat]) .st-banner__titre{margin:0}:host([data-forme=aplat]) .st-banner__titre:after{margin-inline-start:var(--st-espacement-1-5);content:\"\\2014\"/\"\"}:host([data-forme=aplat][data-ton=information]){color:var(--st-couleur-information-discret);background:var(--st-couleur-sur-information-discret)}:host([data-forme=aplat][data-ton=information]) .st-banner__icone{color:inherit}:host([data-forme=aplat][data-ton=succes]){color:var(--st-couleur-succes-discret);background:var(--st-couleur-sur-succes-discret)}:host([data-forme=aplat][data-ton=succes]) .st-banner__icone{color:inherit}:host([data-forme=aplat][data-ton=avertissement]){color:var(--st-couleur-avertissement-discret);background:var(--st-couleur-sur-avertissement-discret)}:host([data-forme=aplat][data-ton=avertissement]) .st-banner__icone{color:inherit}:host([data-forme=aplat][data-ton=erreur]){color:var(--st-couleur-erreur-discret);background:var(--st-couleur-sur-erreur-discret)}:host([data-forme=aplat][data-ton=erreur]) .st-banner__icone{color:inherit}:host([data-forme=aplat][data-ton=danger]){color:var(--st-couleur-danger-discret);background:var(--st-couleur-sur-danger-discret)}:host([data-forme=aplat][data-ton=danger]) .st-banner__icone{color:inherit}:host([data-forme=aplat][data-ton=essai]){color:var(--st-couleur-essai-discret);background:var(--st-couleur-sur-essai-discret)}:host([data-forme=aplat][data-ton=essai]) .st-banner__icone{color:inherit}@media(forced-colors:active){:host{border-color:CanvasText}}@media print{:host{color:var(--st-couleur-texte);background:var(--st-couleur-surface)}.st-banner__fermer{display:none}}\n"],
+		dependencies: [{
+			kind: "component",
+			type: StIcon,
+			selector: "st-icon",
+			inputs: [
+				"icone",
+				"nom",
+				"variante",
+				"sprite",
+				"nomMetier",
+				"taille",
+				"ton",
+				"etiquette",
+				"miroir"
+			]
+		}, {
+			kind: "component",
+			type: StIconButton,
+			selector: "button[stIconButton]",
+			inputs: [
+				"icone",
+				"etiquette",
+				"variante",
+				"taille",
+				"tailleDuGlyphe",
+				"enfonce",
+				"iconeEnfoncee",
+				"chargement",
+				"indisponible",
+				"raisonIndisponible"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: StBanner,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-banner",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [StIcon, StIconButton],
+			providers: [{
+				provide: REGION_VIVANTE_PARENTE,
+				useValue: true
+			}],
+			host: {
+				class: "st-banner",
+				"[attr.data-ton]": "ton()",
+				"[attr.data-forme]": "forme()",
+				"[attr.role]": "roleLu()",
+				"[attr.aria-labelledby]": "roleLu() !== null && titre() !== null ? idDuTitre() : null"
+			},
+			template: "<span class=\"st-banner__icone\">\n  <st-icon [nom]=\"icone()\" variante=\"plein\" [taille]=\"forme() === 'aplat' ? '14' : '20'\" />\n</span>\n<div class=\"st-banner__corps\">\n  @if (titre() !== null) {\n    <p class=\"st-banner__titre\" [id]=\"idDuTitre()\">\n      @if (prefixe() !== null) {\n        <span class=\"st-prefixe-de-ton\">{{ prefixe() }}</span>\n      }\n      {{ titre() }}\n    </p>\n  }\n  <p class=\"st-banner__message\">\n    @if (titre() === null && prefixe() !== null) {\n      <span class=\"st-prefixe-de-ton st-banner__prefixe\">{{ prefixe() }}</span>\n    }\n    {{ message() }}\n  </p>\n  <div class=\"st-banner__projete\"><ng-content /></div>\n</div>\n@if (fermableLu()) {\n  <button\n    stIconButton\n    class=\"st-banner__fermer\"\n    type=\"button\"\n    icone=\"croix\"\n    taille=\"xs\"\n    [etiquette]=\"libelleFermetureLu()\"\n    (click)=\"fermer()\"\n  ></button>\n}\n",
+			styles: ["@charset \"UTF-8\";.st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;gap:var(--st-espacement-3);align-items:flex-start;padding:var(--st-espacement-3) var(--st-espacement-4);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);background:var(--st-couleur-surface-enfoncee);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}:host([data-forme=bandeau]){border-width:0 0 var(--st-epaisseur-capillaire);border-radius:var(--st-rayon-none)}.st-banner__icone{display:inline-flex;flex:none;align-items:center;block-size:var(--st-interligne-md);color:var(--st-couleur-texte-discret)}.st-banner__corps{flex:1 1 auto;min-inline-size:0}.st-banner__titre{margin:0 0 var(--st-espacement-1);font-weight:var(--st-graisse-semi)}.st-banner__message{margin:0}.st-banner__projete{margin-block-start:var(--st-espacement-2)}.st-banner__projete:empty{display:none}.st-banner__fermer{flex:none;margin-block:calc((var(--st-interligne-md) - var(--st-hauteur-commande-sm)) / 2)}:host([data-ton=information]){color:var(--st-couleur-sur-information-discret);background:var(--st-couleur-information-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-information)}:host([data-ton=information]) .st-banner__icone{color:var(--st-couleur-information)}:host([data-ton=succes]){color:var(--st-couleur-sur-succes-discret);background:var(--st-couleur-succes-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-succes)}:host([data-ton=succes]) .st-banner__icone{color:var(--st-couleur-succes)}:host([data-ton=avertissement]){color:var(--st-couleur-sur-avertissement-discret);background:var(--st-couleur-avertissement-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-avertissement)}:host([data-ton=avertissement]) .st-banner__icone{color:var(--st-couleur-avertissement)}:host([data-ton=erreur]){color:var(--st-couleur-sur-erreur-discret);background:var(--st-couleur-erreur-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-erreur)}:host([data-ton=erreur]) .st-banner__icone{color:var(--st-couleur-erreur)}:host([data-ton=danger]){color:var(--st-couleur-sur-danger-discret);background:var(--st-couleur-danger-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-danger)}:host([data-ton=danger]) .st-banner__icone{color:var(--st-couleur-danger)}:host([data-ton=essai]){color:var(--st-couleur-sur-essai-discret);background:var(--st-couleur-essai-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-essai)}:host([data-ton=essai]) .st-banner__icone{color:var(--st-couleur-essai)}.st-banner__prefixe{font-weight:var(--st-graisse-semi)}:host([data-forme=bandeau]:not([data-ton=neutre])){border-block-end:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}:host([data-forme=aplat]){align-items:center;padding-block:var(--st-espacement-2);font-size:var(--st-taille-2xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-surtitre);text-transform:uppercase;border-width:0;border-radius:var(--st-rayon-none);color:var(--st-couleur-surface-enfoncee);background:var(--st-couleur-texte)}:host([data-forme=aplat]) .st-banner__icone{color:inherit}:host([data-forme=aplat]) .st-banner__icone{block-size:auto}:host([data-forme=aplat]) .st-banner__corps{display:flex;flex-wrap:wrap;gap:0 var(--st-espacement-1-5)}:host([data-forme=aplat]) .st-banner__titre{margin:0}:host([data-forme=aplat]) .st-banner__titre:after{margin-inline-start:var(--st-espacement-1-5);content:\"\\2014\"/\"\"}:host([data-forme=aplat][data-ton=information]){color:var(--st-couleur-information-discret);background:var(--st-couleur-sur-information-discret)}:host([data-forme=aplat][data-ton=information]) .st-banner__icone{color:inherit}:host([data-forme=aplat][data-ton=succes]){color:var(--st-couleur-succes-discret);background:var(--st-couleur-sur-succes-discret)}:host([data-forme=aplat][data-ton=succes]) .st-banner__icone{color:inherit}:host([data-forme=aplat][data-ton=avertissement]){color:var(--st-couleur-avertissement-discret);background:var(--st-couleur-sur-avertissement-discret)}:host([data-forme=aplat][data-ton=avertissement]) .st-banner__icone{color:inherit}:host([data-forme=aplat][data-ton=erreur]){color:var(--st-couleur-erreur-discret);background:var(--st-couleur-sur-erreur-discret)}:host([data-forme=aplat][data-ton=erreur]) .st-banner__icone{color:inherit}:host([data-forme=aplat][data-ton=danger]){color:var(--st-couleur-danger-discret);background:var(--st-couleur-sur-danger-discret)}:host([data-forme=aplat][data-ton=danger]) .st-banner__icone{color:inherit}:host([data-forme=aplat][data-ton=essai]){color:var(--st-couleur-essai-discret);background:var(--st-couleur-sur-essai-discret)}:host([data-forme=aplat][data-ton=essai]) .st-banner__icone{color:inherit}@media(forced-colors:active){:host{border-color:CanvasText}}@media print{:host{color:var(--st-couleur-texte);background:var(--st-couleur-surface)}.st-banner__fermer{display:none}}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		ton: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ton",
+				required: false
+			}]
+		}],
+		message: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "message",
+				required: true
+			}]
+		}],
+		titre: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "titre",
+				required: false
+			}]
+		}],
+		forme: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "forme",
+				required: false
+			}]
+		}],
+		identifiant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "identifiant",
+				required: false
+			}]
+		}],
+		fermable: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "fermable",
+				required: false
+			}]
+		}],
+		libelleFermeture: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "libelleFermeture",
+				required: false
+			}]
+		}],
+		ferme: [{
+			type: i0.Output,
+			args: ["ferme"]
+		}]
+	}
+});
+const PROPRIETE_HAUTEUR_ENTETE = "--st-hauteur-entete";
+const PROPRIETE_HAUTEUR_ENTETE_SEUL = "--st-coquille-hauteur-entete";
+const PROPRIETE_HAUTEUR_ACTION = "--st-hauteur-action";
+const ATTRIBUT_D_ENVIRONNEMENT = "data-environnement";
+var StAppShell = class StAppShell {
+	variante = input("standard", ...ngDevMode ? [{ debugName: "variante" }] : /* istanbul ignore next */ []);
+	titreDEssai = input(null, ...ngDevMode ? [{ debugName: "titreDEssai" }] : /* istanbul ignore next */ []);
+	messageDEssai = input(null, ...ngDevMode ? [{ debugName: "messageDEssai" }] : /* istanbul ignore next */ []);
+	formeDEssai = input("bandeau", ...ngDevMode ? [{ debugName: "formeDEssai" }] : /* istanbul ignore next */ []);
+	lienVersLAction = input(null, ...ngDevMode ? [{ debugName: "lienVersLAction" }] : /* istanbul ignore next */ []);
+	lienVersLActionEnPremier = input(false, {
+		...ngDevMode ? { debugName: "lienVersLActionEnPremier" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	document = inject(DOCUMENT);
+	hote = inject(ElementRef);
+	entete = viewChild.required("entete", ...ngDevMode ? [{ debugName: "entete" }] : /* istanbul ignore next */ []);
+	bannieres = viewChild.required("bannieres", ...ngDevMode ? [{ debugName: "bannieres" }] : /* istanbul ignore next */ []);
+	action = viewChild.required("action", ...ngDevMode ? [{ debugName: "action" }] : /* istanbul ignore next */ []);
+	observateur = null;
+	observateurDAction = null;
+	surveillant = null;
+	hauteurs = /* @__PURE__ */ new Map();
+	identifiantDuContenu = IDENTIFIANT_DU_CONTENU_PRINCIPAL;
+	libelles = inject(ST_LIBELLES);
+	annonce = new AnnonceLocale(inject(DestroyRef));
+	enEssai = computed(() => this.variante() === "essai", ...ngDevMode ? [{ debugName: "enEssai" }] : /* istanbul ignore next */ []);
+	titreDEssaiLu = computed(() => this.titreDEssai() ?? this.libelles().environnementDEssai, ...ngDevMode ? [{ debugName: "titreDEssaiLu" }] : /* istanbul ignore next */ []);
+	messageDEssaiLu = computed(() => this.messageDEssai() ?? this.libelles().environnementDEssaiMessage, ...ngDevMode ? [{ debugName: "messageDEssaiLu" }] : /* istanbul ignore next */ []);
+	constructor() {
+		afterNextRender(() => {
+			this.mesurerLeBlocCollant();
+			this.mesurerLActionFlottante();
+		});
+		let precedente = null;
+		afterRenderEffect({ write: () => {
+			const variante = this.variante();
+			if (variante === precedente) return;
+			const racine = this.document.documentElement;
+			untracked(() => {
+				if (variante === "essai") {
+					racine.setAttribute(ATTRIBUT_D_ENVIRONNEMENT, "essai");
+					this.annonce.annoncer(`${this.libelles().libelleDeChamp(this.titreDEssaiLu())} ${this.messageDEssaiLu()}`);
+				} else if (precedente === "essai") {
+					racine.removeAttribute(ATTRIBUT_D_ENVIRONNEMENT);
+					this.annonce.annoncer(this.libelles().finDeLEnvironnementDEssai(this.titreDEssaiLu()));
+				}
+			});
+			precedente = variante;
+		} });
+		inject(DestroyRef).onDestroy(() => {
+			if (precedente === "essai") this.document.documentElement.removeAttribute(ATTRIBUT_D_ENVIRONNEMENT);
+			this.observateur?.disconnect();
+			this.observateur = null;
+			this.surveillant?.disconnect();
+			this.surveillant = null;
+			this.observateurDAction?.disconnect();
+			this.observateurDAction = null;
+			this.hauteurs.clear();
+			const style = this.document.documentElement.style;
+			style.removeProperty(PROPRIETE_HAUTEUR_ENTETE);
+			style.removeProperty(PROPRIETE_HAUTEUR_ACTION);
+		});
+	}
+	mesurerLActionFlottante() {
+		const fenetre = this.document.defaultView;
+		const Observateur = fenetre?.ResizeObserver;
+		if (fenetre === null || Observateur === void 0) return;
+		const action = this.action().nativeElement;
+		const style = this.document.documentElement.style;
+		this.observateurDAction = new Observateur(([entree]) => {
+			const hauteur = entree?.borderBoxSize[0]?.blockSize ?? action.getBoundingClientRect().height;
+			if (hauteur > 0 && fenetre.getComputedStyle(action).position === "fixed") style.setProperty(PROPRIETE_HAUTEUR_ACTION, `${Math.ceil(hauteur).toString()}px`);
+			else style.removeProperty(PROPRIETE_HAUTEUR_ACTION);
+		});
+		this.observateurDAction.observe(action);
+	}
+	mesurerLeBlocCollant() {
+		const fenetre = this.document.defaultView;
+		const Observateur = fenetre?.ResizeObserver;
+		if (Observateur === void 0) return;
+		const entete = this.entete().nativeElement;
+		this.observateur = new Observateur((entrees) => {
+			for (const entree of entrees) this.hauteurs.set(entree.target, entree.borderBoxSize[0]?.blockSize ?? entree.target.getBoundingClientRect().height);
+			this.poserLesHauteurs(entete);
+		});
+		this.observateur.observe(entete);
+		this.suivreLesBannieresCollees();
+		const Surveillant = fenetre?.MutationObserver;
+		if (Surveillant === void 0) return;
+		this.surveillant = new Surveillant(() => {
+			this.suivreLesBannieresCollees();
+			this.poserLesHauteurs(entete);
+		});
+		this.surveillant.observe(this.bannieres().nativeElement, {
+			childList: true,
+			subtree: true,
+			attributes: true,
+			attributeFilter: ["data-collee"]
+		});
+	}
+	suivreLesBannieresCollees() {
+		const observateur = this.observateur;
+		if (observateur === null) return;
+		const entete = this.entete().nativeElement;
+		const collees = new Set(this.bannieres().nativeElement.querySelectorAll("[data-collee]"));
+		for (const element of [...this.hauteurs.keys()]) if (element !== entete && !collees.has(element)) {
+			observateur.unobserve(element);
+			this.hauteurs.delete(element);
+		}
+		for (const element of collees) if (!this.hauteurs.has(element)) {
+			this.hauteurs.set(element, 0);
+			observateur.observe(element);
+		}
+	}
+	poserLesHauteurs(entete) {
+		let bloc = 0;
+		for (const hauteur of this.hauteurs.values()) bloc += hauteur;
+		const px = (valeur) => `${Math.ceil(valeur).toString()}px`;
+		this.hote.nativeElement.style.setProperty(PROPRIETE_HAUTEUR_ENTETE_SEUL, px(this.hauteurs.get(entete) ?? 0));
+		this.document.documentElement.style.setProperty(PROPRIETE_HAUTEUR_ENTETE, px(bloc));
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: StAppShell,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: StAppShell,
+		isStandalone: true,
+		selector: "st-app-shell",
+		inputs: {
+			variante: {
+				classPropertyName: "variante",
+				publicName: "variante",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			titreDEssai: {
+				classPropertyName: "titreDEssai",
+				publicName: "titreDEssai",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			messageDEssai: {
+				classPropertyName: "messageDEssai",
+				publicName: "messageDEssai",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			formeDEssai: {
+				classPropertyName: "formeDEssai",
+				publicName: "formeDEssai",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			lienVersLAction: {
+				classPropertyName: "lienVersLAction",
+				publicName: "lienVersLAction",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			lienVersLActionEnPremier: {
+				classPropertyName: "lienVersLActionEnPremier",
+				publicName: "lienVersLActionEnPremier",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: { "attr.data-variante": "variante()" },
+			classAttribute: "st-app-shell"
+		},
+		viewQueries: [
+			{
+				propertyName: "entete",
+				first: true,
+				predicate: ["entete"],
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "bannieres",
+				first: true,
+				predicate: ["bannieres"],
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "action",
+				first: true,
+				predicate: ["action"],
+				descendants: true,
+				isSignal: true
+			}
+		],
+		ngImport: i0,
+		template: "<st-skip-link\n  [cible]=\"identifiantDuContenu\"\n  [secondeCible]=\"lienVersLAction()\"\n  [secondeEnPremier]=\"lienVersLActionEnPremier()\"\n/>\n\n<header #entete class=\"st-app-shell__entete\">\n  <!-- L'action critique permanente (P08-06) : premier arret apres le lien d'evitement, jamais\n       repliee ; au bout de l'en-tete des md, flottante au-dessus de la barre inferieure dessous. -->\n  <div #action class=\"st-app-shell__action-permanente\">\n    <ng-content select=\"[actionPermanente]\" />\n  </div>\n  <ng-content select=\"[entete]\" />\n  <ng-content select=\"st-route-progress\" />\n</header>\n\n<div #bannieres class=\"st-app-shell__bannieres\">\n  <!-- Environnement d'essai : en tete des bannieres, et jamais fermee. -->\n  @if (enEssai()) {\n    <st-banner\n      class=\"st-app-shell__essai\"\n      ton=\"essai\"\n      [forme]=\"formeDEssai()\"\n      [titre]=\"titreDEssaiLu()\"\n      [message]=\"messageDEssaiLu()\"\n    />\n  }\n  <ng-content select=\"[bannieres]\" />\n</div>\n\n<div class=\"st-app-shell__corps\">\n  <div class=\"st-app-shell__navigation\">\n    <ng-content select=\"[navigation]\" />\n  </div>\n\n  <main class=\"st-app-shell__contenu\" [id]=\"identifiantDuContenu\">\n    <div class=\"st-app-shell__page\">\n      <ng-content />\n    </div>\n  </main>\n</div>\n\n<footer class=\"st-app-shell__pied\">\n  <ng-content select=\"[pied]\" />\n</footer>\n\n<!-- La barre de navigation inferieure (P08-05) : fixee au bas de la fenetre sous md, apres le\n     contenu dans l'ordre de lecture ; la coquille lui reserve sa hauteur. -->\n<div class=\"st-app-shell__navigation-basse\">\n  <ng-content select=\"[navigationBasse]\" />\n</div>\n\n@if (enEssai()) {\n  <div class=\"st-app-shell__liseret\" aria-hidden=\"true\"></div>\n}\n<!-- Entree et sortie de l'environnement d'essai : une annonce polie, posee vide des la creation. -->\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-direction:column;padding-block-end:max(var(--st-hauteur-pied, 0px),var(--st-hauteur-action, 0px));min-block-size:100vh;min-block-size:100dvh;color:var(--st-couleur-texte);background:var(--st-couleur-fond)}.st-app-shell__entete{position:sticky;inset-block-start:0;z-index:var(--st-plan-entete);padding-block-start:env(safe-area-inset-top,0);padding-inline:env(safe-area-inset-left,0) env(safe-area-inset-right,0);background:var(--st-couleur-surface);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);view-transition-name:st-entete}:host([data-variante=marque]) .st-app-shell__entete{--st-couleur-surface: var(--st-couleur-surface-marque);--st-couleur-surface-elevee: var(--st-couleur-surface-marque);--st-couleur-bordure: color-mix( in oklab, var(--st-couleur-texte-sur-marque) 24%, var(--st-couleur-surface-marque) );--st-couleur-texte: var(--st-couleur-texte-sur-marque);--st-couleur-texte-primaire: var(--st-couleur-texte-sur-marque);--st-couleur-texte-discret: var(--st-couleur-texte-sur-marque-discret);--st-couleur-texte-attenue: var(--st-couleur-texte-sur-marque-discret);--st-couleur-bordure-forte: var(--st-couleur-texte-sur-marque-discret);--st-couleur-surface-survol: color-mix( in oklab, var(--st-couleur-texte-sur-marque) 10%, var(--st-couleur-surface-marque) );--st-couleur-surface-active: color-mix( in oklab, var(--st-couleur-texte-sur-marque) 16%, var(--st-couleur-surface-marque) );color:var(--st-couleur-texte-sur-marque);background:var(--st-couleur-surface-marque);border-block-end-color:transparent}.st-app-shell__bannieres{display:contents}.st-app-shell__corps{display:flex;flex:1 1 auto;flex-direction:column}.st-app-shell__navigation:empty,.st-app-shell__action-permanente:empty,.st-app-shell__pied:empty{display:none}.st-app-shell__entete:has(>.st-app-shell__action-permanente:empty:only-child){display:none}.st-app-shell__action-permanente{position:fixed;inset-block-end:0;inset-inline-end:0;display:flex;padding-block-end:calc(max(var(--st-hauteur-pied, 0px),env(safe-area-inset-bottom,0px)) + var(--st-espacement-4));padding-inline-end:calc(env(safe-area-inset-right,0px) + var(--st-espacement-4));pointer-events:none}.st-app-shell__action-permanente ::ng-deep>*{pointer-events:auto}.st-app-shell__contenu{flex:1 1 auto;min-inline-size:0;padding:var(--st-espacement-6) var(--st-espacement-4)}.st-app-shell__page{max-inline-size:var(--st-largeur-page);margin-inline:auto}.st-app-shell__contenu:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-decalage))}.st-app-shell__liseret{position:fixed;inset:var(--st-hauteur-entete, 0px) 0 var(--st-hauteur-pied, 0px);z-index:var(--st-plan-contenu-eleve);pointer-events:none;border:var(--st-epaisseur-epaisse) solid var(--st-couleur-essai)}@media print{.st-app-shell__liseret{display:none}}.st-app-shell__navigation-basse{display:contents}.st-app-shell__pied{padding:var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);padding-block-end:calc(var(--st-espacement-4) + env(safe-area-inset-bottom,0));color:var(--st-couleur-texte-discret);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(min-width:48rem){.st-app-shell__corps{flex-direction:row}.st-app-shell__navigation{display:flex;flex:none;flex-direction:column;view-transition-name:st-navigation}.st-app-shell__navigation ::ng-deep>*{flex:1 0 auto}.st-app-shell__entete:has(>.st-app-shell__action-permanente:not(:empty)){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.st-app-shell__entete:has(>.st-app-shell__action-permanente:not(:empty)) ::ng-deep>st-route-progress{grid-column:1/-1}.st-app-shell__action-permanente{position:static;grid-area:1/2;padding-block-end:0;padding-inline-end:var(--st-espacement-4);pointer-events:auto}}@media(min-width:64rem){.st-app-shell__contenu{padding:var(--st-espacement-8)}.st-app-shell__action-permanente{padding-inline-end:var(--st-espacement-8)}}@media print{.st-app-shell__entete,.st-app-shell__bannieres,.st-app-shell__navigation,.st-app-shell__pied{display:none}.st-app-shell__entete{position:static}.st-app-shell__contenu{padding:0}.st-app-shell__page{max-inline-size:none}}\n"],
+		dependencies: [{
+			kind: "component",
+			type: StSkipLink,
+			selector: "st-skip-link",
+			inputs: [
+				"cible",
+				"libelle",
+				"secondeCible",
+				"secondeEnPremier"
+			]
+		}, {
+			kind: "component",
+			type: StBanner,
+			selector: "st-banner",
+			inputs: [
+				"ton",
+				"message",
+				"titre",
+				"forme",
+				"identifiant",
+				"fermable",
+				"libelleFermeture"
+			],
+			outputs: ["ferme"]
+		}],
+		viewProviders: [{
+			provide: REGION_VIVANTE_PARENTE,
+			useValue: true
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: StAppShell,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-app-shell",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [StSkipLink, StBanner],
+			viewProviders: [{
+				provide: REGION_VIVANTE_PARENTE,
+				useValue: true
+			}],
+			host: {
+				class: "st-app-shell",
+				"[attr.data-variante]": "variante()"
+			},
+			template: "<st-skip-link\n  [cible]=\"identifiantDuContenu\"\n  [secondeCible]=\"lienVersLAction()\"\n  [secondeEnPremier]=\"lienVersLActionEnPremier()\"\n/>\n\n<header #entete class=\"st-app-shell__entete\">\n  <!-- L'action critique permanente (P08-06) : premier arret apres le lien d'evitement, jamais\n       repliee ; au bout de l'en-tete des md, flottante au-dessus de la barre inferieure dessous. -->\n  <div #action class=\"st-app-shell__action-permanente\">\n    <ng-content select=\"[actionPermanente]\" />\n  </div>\n  <ng-content select=\"[entete]\" />\n  <ng-content select=\"st-route-progress\" />\n</header>\n\n<div #bannieres class=\"st-app-shell__bannieres\">\n  <!-- Environnement d'essai : en tete des bannieres, et jamais fermee. -->\n  @if (enEssai()) {\n    <st-banner\n      class=\"st-app-shell__essai\"\n      ton=\"essai\"\n      [forme]=\"formeDEssai()\"\n      [titre]=\"titreDEssaiLu()\"\n      [message]=\"messageDEssaiLu()\"\n    />\n  }\n  <ng-content select=\"[bannieres]\" />\n</div>\n\n<div class=\"st-app-shell__corps\">\n  <div class=\"st-app-shell__navigation\">\n    <ng-content select=\"[navigation]\" />\n  </div>\n\n  <main class=\"st-app-shell__contenu\" [id]=\"identifiantDuContenu\">\n    <div class=\"st-app-shell__page\">\n      <ng-content />\n    </div>\n  </main>\n</div>\n\n<footer class=\"st-app-shell__pied\">\n  <ng-content select=\"[pied]\" />\n</footer>\n\n<!-- La barre de navigation inferieure (P08-05) : fixee au bas de la fenetre sous md, apres le\n     contenu dans l'ordre de lecture ; la coquille lui reserve sa hauteur. -->\n<div class=\"st-app-shell__navigation-basse\">\n  <ng-content select=\"[navigationBasse]\" />\n</div>\n\n@if (enEssai()) {\n  <div class=\"st-app-shell__liseret\" aria-hidden=\"true\"></div>\n}\n<!-- Entree et sortie de l'environnement d'essai : une annonce polie, posee vide des la creation. -->\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-direction:column;padding-block-end:max(var(--st-hauteur-pied, 0px),var(--st-hauteur-action, 0px));min-block-size:100vh;min-block-size:100dvh;color:var(--st-couleur-texte);background:var(--st-couleur-fond)}.st-app-shell__entete{position:sticky;inset-block-start:0;z-index:var(--st-plan-entete);padding-block-start:env(safe-area-inset-top,0);padding-inline:env(safe-area-inset-left,0) env(safe-area-inset-right,0);background:var(--st-couleur-surface);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);view-transition-name:st-entete}:host([data-variante=marque]) .st-app-shell__entete{--st-couleur-surface: var(--st-couleur-surface-marque);--st-couleur-surface-elevee: var(--st-couleur-surface-marque);--st-couleur-bordure: color-mix( in oklab, var(--st-couleur-texte-sur-marque) 24%, var(--st-couleur-surface-marque) );--st-couleur-texte: var(--st-couleur-texte-sur-marque);--st-couleur-texte-primaire: var(--st-couleur-texte-sur-marque);--st-couleur-texte-discret: var(--st-couleur-texte-sur-marque-discret);--st-couleur-texte-attenue: var(--st-couleur-texte-sur-marque-discret);--st-couleur-bordure-forte: var(--st-couleur-texte-sur-marque-discret);--st-couleur-surface-survol: color-mix( in oklab, var(--st-couleur-texte-sur-marque) 10%, var(--st-couleur-surface-marque) );--st-couleur-surface-active: color-mix( in oklab, var(--st-couleur-texte-sur-marque) 16%, var(--st-couleur-surface-marque) );color:var(--st-couleur-texte-sur-marque);background:var(--st-couleur-surface-marque);border-block-end-color:transparent}.st-app-shell__bannieres{display:contents}.st-app-shell__corps{display:flex;flex:1 1 auto;flex-direction:column}.st-app-shell__navigation:empty,.st-app-shell__action-permanente:empty,.st-app-shell__pied:empty{display:none}.st-app-shell__entete:has(>.st-app-shell__action-permanente:empty:only-child){display:none}.st-app-shell__action-permanente{position:fixed;inset-block-end:0;inset-inline-end:0;display:flex;padding-block-end:calc(max(var(--st-hauteur-pied, 0px),env(safe-area-inset-bottom,0px)) + var(--st-espacement-4));padding-inline-end:calc(env(safe-area-inset-right,0px) + var(--st-espacement-4));pointer-events:none}.st-app-shell__action-permanente ::ng-deep>*{pointer-events:auto}.st-app-shell__contenu{flex:1 1 auto;min-inline-size:0;padding:var(--st-espacement-6) var(--st-espacement-4)}.st-app-shell__page{max-inline-size:var(--st-largeur-page);margin-inline:auto}.st-app-shell__contenu:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-decalage))}.st-app-shell__liseret{position:fixed;inset:var(--st-hauteur-entete, 0px) 0 var(--st-hauteur-pied, 0px);z-index:var(--st-plan-contenu-eleve);pointer-events:none;border:var(--st-epaisseur-epaisse) solid var(--st-couleur-essai)}@media print{.st-app-shell__liseret{display:none}}.st-app-shell__navigation-basse{display:contents}.st-app-shell__pied{padding:var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);padding-block-end:calc(var(--st-espacement-4) + env(safe-area-inset-bottom,0));color:var(--st-couleur-texte-discret);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(min-width:48rem){.st-app-shell__corps{flex-direction:row}.st-app-shell__navigation{display:flex;flex:none;flex-direction:column;view-transition-name:st-navigation}.st-app-shell__navigation ::ng-deep>*{flex:1 0 auto}.st-app-shell__entete:has(>.st-app-shell__action-permanente:not(:empty)){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.st-app-shell__entete:has(>.st-app-shell__action-permanente:not(:empty)) ::ng-deep>st-route-progress{grid-column:1/-1}.st-app-shell__action-permanente{position:static;grid-area:1/2;padding-block-end:0;padding-inline-end:var(--st-espacement-4);pointer-events:auto}}@media(min-width:64rem){.st-app-shell__contenu{padding:var(--st-espacement-8)}.st-app-shell__action-permanente{padding-inline-end:var(--st-espacement-8)}}@media print{.st-app-shell__entete,.st-app-shell__bannieres,.st-app-shell__navigation,.st-app-shell__pied{display:none}.st-app-shell__entete{position:static}.st-app-shell__contenu{padding:0}.st-app-shell__page{max-inline-size:none}}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		variante: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variante",
+				required: false
+			}]
+		}],
+		titreDEssai: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "titreDEssai",
+				required: false
+			}]
+		}],
+		messageDEssai: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "messageDEssai",
+				required: false
+			}]
+		}],
+		formeDEssai: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "formeDEssai",
+				required: false
+			}]
+		}],
+		lienVersLAction: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "lienVersLAction",
+				required: false
+			}]
+		}],
+		lienVersLActionEnPremier: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "lienVersLActionEnPremier",
+				required: false
+			}]
+		}],
+		entete: [{
+			type: i0.ViewChild,
+			args: ["entete", { isSignal: true }]
+		}],
+		bannieres: [{
+			type: i0.ViewChild,
+			args: ["bannieres", { isSignal: true }]
+		}],
+		action: [{
+			type: i0.ViewChild,
+			args: ["action", { isSignal: true }]
+		}]
+	}
+});
+var StHeader = class StHeader {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: StHeader,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: StHeader,
+		isStandalone: true,
+		selector: "st-header",
+		host: { classAttribute: "st-header" },
+		ngImport: i0,
+		template: "<div class=\"st-header__debut\">\n  <ng-content select=\"[bascule]\" />\n  <ng-content select=\"[marque]\" />\n</div>\n<div class=\"st-header__menu\">\n  <ng-content select=\"[menu]\" />\n</div>\n<div class=\"st-header__actions\">\n  <ng-content />\n</div>\n",
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-wrap:nowrap;gap:var(--st-espacement-3);align-items:center;justify-content:space-between;box-sizing:border-box;min-block-size:calc(var(--st-hauteur-commande-defaut) + 2 * var(--st-espacement-2-5));padding-block:var(--st-espacement-2-5);padding-inline:var(--st-espacement-4);background:var(--st-couleur-surface)}.st-header__debut,.st-header__actions{display:flex;gap:var(--st-espacement-1);align-items:center}.st-header__debut{flex:1 1 0%;flex-wrap:nowrap;min-inline-size:var(--st-hauteur-commande-defaut)}.st-header__actions{flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end;min-inline-size:0}@media(width<48rem){.st-header__actions ::ng-deep>[secondaire]{display:none}}.st-header__debut:empty,.st-header__actions:empty{display:none}.st-header__menu{display:none}@media(min-width:48rem){.st-header__menu:not(:empty){display:flex;flex:1 1 auto;align-items:center;min-inline-size:0;padding-inline-start:var(--st-espacement-5)}:host:has(>.st-header__menu:not(:empty)) .st-header__debut{flex:0 1 auto}}@media(min-width:48rem){.st-header__debut{gap:var(--st-espacement-6)}.st-header__actions{gap:var(--st-espacement-4)}}@media(min-width:64rem){:host{padding-inline:var(--st-espacement-8)}}\n"],
 		changeDetection: i0.ChangeDetectionStrategy.OnPush
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StHeader,
 	decorators: [{
@@ -5739,18 +6309,18 @@ i0.ɵɵngDeclareClassMetadata({
 			selector: "st-header",
 			changeDetection: ChangeDetectionStrategy.OnPush,
 			host: { class: "st-header" },
-			template: "<div class=\"st-header__debut\">\n  <ng-content select=\"[bascule]\" />\n  <ng-content select=\"[marque]\" />\n</div>\n<div class=\"st-header__actions\">\n  <ng-content />\n</div>\n",
-			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-wrap:nowrap;gap:var(--st-espacement-3);align-items:center;justify-content:space-between;box-sizing:border-box;min-block-size:calc(var(--st-hauteur-commande-defaut) + 2 * var(--st-espacement-2-5));padding-block:var(--st-espacement-2-5);padding-inline:var(--st-espacement-4);background:var(--st-couleur-surface)}.st-header__debut,.st-header__actions{display:flex;gap:var(--st-espacement-1);align-items:center}.st-header__debut{flex:1 1 0%;flex-wrap:nowrap;min-inline-size:var(--st-hauteur-commande-defaut)}.st-header__actions{flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end;min-inline-size:0}@media(width<48rem){.st-header__actions ::ng-deep>[secondaire]{display:none}}.st-header__debut:empty,.st-header__actions:empty{display:none}@media(min-width:48rem){.st-header__debut{gap:var(--st-espacement-6)}.st-header__actions{gap:var(--st-espacement-4)}}@media(min-width:64rem){:host{padding-inline:var(--st-espacement-8)}}\n"]
+			template: "<div class=\"st-header__debut\">\n  <ng-content select=\"[bascule]\" />\n  <ng-content select=\"[marque]\" />\n</div>\n<div class=\"st-header__menu\">\n  <ng-content select=\"[menu]\" />\n</div>\n<div class=\"st-header__actions\">\n  <ng-content />\n</div>\n",
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-wrap:nowrap;gap:var(--st-espacement-3);align-items:center;justify-content:space-between;box-sizing:border-box;min-block-size:calc(var(--st-hauteur-commande-defaut) + 2 * var(--st-espacement-2-5));padding-block:var(--st-espacement-2-5);padding-inline:var(--st-espacement-4);background:var(--st-couleur-surface)}.st-header__debut,.st-header__actions{display:flex;gap:var(--st-espacement-1);align-items:center}.st-header__debut{flex:1 1 0%;flex-wrap:nowrap;min-inline-size:var(--st-hauteur-commande-defaut)}.st-header__actions{flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end;min-inline-size:0}@media(width<48rem){.st-header__actions ::ng-deep>[secondaire]{display:none}}.st-header__debut:empty,.st-header__actions:empty{display:none}.st-header__menu{display:none}@media(min-width:48rem){.st-header__menu:not(:empty){display:flex;flex:1 1 auto;align-items:center;min-inline-size:0;padding-inline-start:var(--st-espacement-5)}:host:has(>.st-header__menu:not(:empty)) .st-header__debut{flex:0 1 auto}}@media(min-width:48rem){.st-header__debut{gap:var(--st-espacement-6)}.st-header__actions{gap:var(--st-espacement-4)}}@media(min-width:64rem){:host{padding-inline:var(--st-espacement-8)}}\n"]
 		}]
 	}]
 });
 var StFooter = class StFooter {
 	libelles = inject(ST_LIBELLES);
-	etiquette = input(null, ...ngDevMode ? [{ debugName: "etiquette" }] : 	/* istanbul ignore next */ []);
-	etiquetteLue = computed(() => this.etiquette() ?? this.libelles().liensDuPied, ...ngDevMode ? [{ debugName: "etiquetteLue" }] : 	/* istanbul ignore next */ []);
+	etiquette = input(null, ...ngDevMode ? [{ debugName: "etiquette" }] : /* istanbul ignore next */ []);
+	etiquetteLue = computed(() => this.etiquette() ?? this.libelles().liensDuPied, ...ngDevMode ? [{ debugName: "etiquetteLue" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StFooter,
 		deps: [],
@@ -5758,7 +6328,7 @@ var StFooter = class StFooter {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StFooter,
 		isStandalone: true,
 		selector: "st-footer",
@@ -5778,7 +6348,7 @@ var StFooter = class StFooter {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StFooter,
 	decorators: [{
@@ -5801,6 +6371,7 @@ i0.ɵɵngDeclareClassMetadata({
 	}] }
 });
 var StNavLink = class StNavLink {
+	forme = input("colonne", ...ngDevMode ? [{ debugName: "forme" }] : /* istanbul ignore next */ []);
 	lien = inject(RouterLink);
 	actif = inject(RouterLinkActive);
 	routeur = inject(Router);
@@ -5823,19 +6394,29 @@ var StNavLink = class StNavLink {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StNavLink,
 		deps: [],
 		target: i0.ɵɵFactoryTarget.Component
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "14.0.0",
-		version: "22.2.0",
+		minVersion: "17.1.0",
+		version: "22.2.1",
 		type: StNavLink,
 		isStandalone: true,
 		selector: "a[stNavLink]",
-		host: { classAttribute: "st-nav-link" },
+		inputs: { forme: {
+			classPropertyName: "forme",
+			publicName: "forme",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			properties: { "attr.data-forme": "forme()" },
+			classAttribute: "st-nav-link"
+		},
 		hostDirectives: [{
 			directive: i1.RouterLink,
 			inputs: [
@@ -5870,13 +6451,13 @@ var StNavLink = class StNavLink {
 		}],
 		ngImport: i0,
 		template: "<ng-content select=\"st-icon:not([fin])\" />\n<span class=\"st-nav-link__libelle\"><ng-content /></span>\n<ng-content select=\"st-badge, st-icon[fin]\" />\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:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}:host{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);display:grid;grid-template-columns:var(--st-espacement-6) minmax(0,1fr);grid-auto-columns:auto;column-gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-hauteur-commande-defaut);padding-block:var(--st-espacement-2);padding-inline:var(--st-espacement-3);color:var(--st-couleur-texte);text-decoration:none;border-inline-start:var(--st-epaisseur-forte) solid transparent}@media(hover:hover){:host:hover{background:var(--st-couleur-surface-conteneur-haut)}}:host:active{background:var(--st-couleur-surface-active)}:host ::ng-deep>st-icon{color:var(--st-couleur-texte-discret)}:host ::ng-deep>st-icon:not([fin]){grid-column:1;justify-self:center}:host ::ng-deep>st-badge,:host ::ng-deep>st-icon[fin]{grid-column:3}.st-nav-link__libelle{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([aria-current=page]){font-weight:var(--st-graisse-semi);color:var(--st-nav-link-courant-encre, var(--st-couleur-texte-primaire));background:var(--st-nav-link-courant-fond, light-dark(var(--st-couleur-surface-conteneur-bas), var(--st-couleur-surface-selection)));border-inline-start-color:var(--st-nav-link-courant-fond, var(--st-couleur-primaire))}:host([aria-current=page]) ::ng-deep>st-icon:not([fin]){color:var(--st-nav-link-courant-encre, var(--st-couleur-primaire))}@media(forced-colors:active){:host{border-inline-start-color:Canvas}:host([aria-current=page]){color:CanvasText;background:Canvas;border-inline-start-color:Highlight}}\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:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}:host{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);display:grid;grid-template-columns:var(--st-espacement-6) minmax(0,1fr);grid-auto-columns:auto;column-gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-hauteur-commande-defaut);padding-block:var(--st-espacement-2);padding-inline:var(--st-espacement-3);color:var(--st-couleur-texte);text-decoration:none;border-inline-start:var(--st-epaisseur-forte) solid transparent}@media(hover:hover){:host:hover{background:var(--st-couleur-surface-conteneur-haut)}}:host:active{background:var(--st-couleur-surface-active)}:host ::ng-deep>st-icon{color:var(--st-couleur-texte-discret)}:host ::ng-deep>st-icon:not([fin]){grid-column:1;justify-self:center}:host ::ng-deep>st-badge,:host ::ng-deep>st-icon[fin]{grid-column:3}.st-nav-link__libelle{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([aria-current=page]){font-weight:var(--st-graisse-semi);color:var(--st-nav-link-courant-encre, var(--st-couleur-texte-primaire));background:var(--st-nav-link-courant-fond, light-dark(var(--st-couleur-surface-conteneur-bas), var(--st-couleur-surface-selection)));border-inline-start-color:var(--st-nav-link-courant-fond, var(--st-couleur-primaire))}:host([aria-current=page]) ::ng-deep>st-icon:not([fin]){color:var(--st-nav-link-courant-encre, var(--st-couleur-primaire))}:host([data-forme=barre]){display:inline-flex;gap:var(--st-espacement-2);padding-inline:var(--st-espacement-1);color:var(--st-couleur-texte-discret);border-inline-start:0;border-block-end:var(--st-epaisseur-forte) solid transparent}@media(hover:hover){:host([data-forme=barre]):hover{color:var(--st-couleur-texte);background:none}}:host([data-forme=barre]):active{background:none}:host([data-forme=barre][aria-current=page]){color:var(--st-couleur-texte);background:none;border-block-end-color:var(--st-couleur-primaire)}@media(forced-colors:active){:host{border-inline-start-color:Canvas}:host([aria-current=page]){color:CanvasText;background:Canvas;border-inline-start-color:Highlight}:host([data-forme=barre]){border-block-end-color:Canvas}:host([data-forme=barre][aria-current=page]){border-block-end-color:Highlight}}\n"],
 		changeDetection: i0.ChangeDetectionStrategy.OnPush
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StNavLink,
 	decorators: [{
@@ -5904,19 +6485,30 @@ i0.ɵɵngDeclareClassMetadata({
 				directive: RouterLinkActive,
 				inputs: ["routerLinkActiveOptions: optionsDActivation"]
 			}],
-			host: { class: "st-nav-link" },
+			host: {
+				class: "st-nav-link",
+				"[attr.data-forme]": "forme()"
+			},
 			template: "<ng-content select=\"st-icon:not([fin])\" />\n<span class=\"st-nav-link__libelle\"><ng-content /></span>\n<ng-content select=\"st-badge, st-icon[fin]\" />\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:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}:host{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);display:grid;grid-template-columns:var(--st-espacement-6) minmax(0,1fr);grid-auto-columns:auto;column-gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-hauteur-commande-defaut);padding-block:var(--st-espacement-2);padding-inline:var(--st-espacement-3);color:var(--st-couleur-texte);text-decoration:none;border-inline-start:var(--st-epaisseur-forte) solid transparent}@media(hover:hover){:host:hover{background:var(--st-couleur-surface-conteneur-haut)}}:host:active{background:var(--st-couleur-surface-active)}:host ::ng-deep>st-icon{color:var(--st-couleur-texte-discret)}:host ::ng-deep>st-icon:not([fin]){grid-column:1;justify-self:center}:host ::ng-deep>st-badge,:host ::ng-deep>st-icon[fin]{grid-column:3}.st-nav-link__libelle{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([aria-current=page]){font-weight:var(--st-graisse-semi);color:var(--st-nav-link-courant-encre, var(--st-couleur-texte-primaire));background:var(--st-nav-link-courant-fond, light-dark(var(--st-couleur-surface-conteneur-bas), var(--st-couleur-surface-selection)));border-inline-start-color:var(--st-nav-link-courant-fond, var(--st-couleur-primaire))}:host([aria-current=page]) ::ng-deep>st-icon:not([fin]){color:var(--st-nav-link-courant-encre, var(--st-couleur-primaire))}@media(forced-colors:active){:host{border-inline-start-color:Canvas}:host([aria-current=page]){color:CanvasText;background:Canvas;border-inline-start-color:Highlight}}\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:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}:host{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);display:grid;grid-template-columns:var(--st-espacement-6) minmax(0,1fr);grid-auto-columns:auto;column-gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-hauteur-commande-defaut);padding-block:var(--st-espacement-2);padding-inline:var(--st-espacement-3);color:var(--st-couleur-texte);text-decoration:none;border-inline-start:var(--st-epaisseur-forte) solid transparent}@media(hover:hover){:host:hover{background:var(--st-couleur-surface-conteneur-haut)}}:host:active{background:var(--st-couleur-surface-active)}:host ::ng-deep>st-icon{color:var(--st-couleur-texte-discret)}:host ::ng-deep>st-icon:not([fin]){grid-column:1;justify-self:center}:host ::ng-deep>st-badge,:host ::ng-deep>st-icon[fin]{grid-column:3}.st-nav-link__libelle{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([aria-current=page]){font-weight:var(--st-graisse-semi);color:var(--st-nav-link-courant-encre, var(--st-couleur-texte-primaire));background:var(--st-nav-link-courant-fond, light-dark(var(--st-couleur-surface-conteneur-bas), var(--st-couleur-surface-selection)));border-inline-start-color:var(--st-nav-link-courant-fond, var(--st-couleur-primaire))}:host([aria-current=page]) ::ng-deep>st-icon:not([fin]){color:var(--st-nav-link-courant-encre, var(--st-couleur-primaire))}:host([data-forme=barre]){display:inline-flex;gap:var(--st-espacement-2);padding-inline:var(--st-espacement-1);color:var(--st-couleur-texte-discret);border-inline-start:0;border-block-end:var(--st-epaisseur-forte) solid transparent}@media(hover:hover){:host([data-forme=barre]):hover{color:var(--st-couleur-texte);background:none}}:host([data-forme=barre]):active{background:none}:host([data-forme=barre][aria-current=page]){color:var(--st-couleur-texte);background:none;border-block-end-color:var(--st-couleur-primaire)}@media(forced-colors:active){:host{border-inline-start-color:Canvas}:host([aria-current=page]){color:CanvasText;background:Canvas;border-inline-start-color:Highlight}:host([data-forme=barre]){border-block-end-color:Canvas}:host([data-forme=barre][aria-current=page]){border-block-end-color:Highlight}}\n"]
 		}]
 	}],
-	ctorParameters: () => []
+	ctorParameters: () => [],
+	propDecorators: { forme: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "forme",
+			required: false
+		}]
+	}] }
 });
 var StPageHeader = class StPageHeader {
-	precision = input(null, ...ngDevMode ? [{ debugName: "precision" }] : 	/* istanbul ignore next */ []);
-	identifiant = input(null, ...ngDevMode ? [{ debugName: "identifiant" }] : 	/* istanbul ignore next */ []);
-	niveau = input(1, ...ngDevMode ? [{ debugName: "niveau" }] : 	/* istanbul ignore next */ []);
-	taille = input("3xl", ...ngDevMode ? [{ debugName: "taille" }] : 	/* istanbul ignore next */ []);
-	retour = input(null, ...ngDevMode ? [{ debugName: "retour" }] : 	/* istanbul ignore next */ []);
+	precision = input(null, ...ngDevMode ? [{ debugName: "precision" }] : /* istanbul ignore next */ []);
+	identifiant = input(null, ...ngDevMode ? [{ debugName: "identifiant" }] : /* istanbul ignore next */ []);
+	niveau = input(1, ...ngDevMode ? [{ debugName: "niveau" }] : /* istanbul ignore next */ []);
+	taille = input("3xl", ...ngDevMode ? [{ debugName: "taille" }] : /* istanbul ignore next */ []);
+	retour = input(null, ...ngDevMode ? [{ debugName: "retour" }] : /* istanbul ignore next */ []);
 	constructor() {
 		if (isDevMode()) {
 			const hote = inject(ElementRef).nativeElement;
@@ -5928,7 +6520,7 @@ var StPageHeader = class StPageHeader {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StPageHeader,
 		deps: [],
@@ -5936,7 +6528,7 @@ var StPageHeader = class StPageHeader {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StPageHeader,
 		isStandalone: true,
 		selector: "st-page-header",
@@ -6030,7 +6622,7 @@ var StPageHeader = class StPageHeader {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StPageHeader,
 	decorators: [{
@@ -6094,367 +6686,74 @@ i0.ɵɵngDeclareClassMetadata({
 });
 var StRouteProgress = class StRouteProgress {
 	libelles = inject(ST_LIBELLES);
-	actif = input(false, {
-		...ngDevMode ? { debugName: "actif" } : 		/* istanbul ignore next */ {},
-		transform: booleanAttribute
-	});
-	delaiMs = input(delai.attente, {
-		...ngDevMode ? { debugName: "delaiMs" } : 		/* istanbul ignore next */ {},
-		transform: numberAttribute
-	});
-	etiquette = input(null, ...ngDevMode ? [{ debugName: "etiquette" }] : 	/* istanbul ignore next */ []);
-	etiquetteLue = computed(() => this.etiquette() ?? this.libelles().chargementEnCours, ...ngDevMode ? [{ debugName: "etiquetteLue" }] : 	/* istanbul ignore next */ []);
-	visible = affichageDiffere(() => this.actif(), { delai: () => this.delaiMs() });
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.0",
-		ngImport: i0,
-		type: StRouteProgress,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.0.0",
-		version: "22.2.0",
-		type: StRouteProgress,
-		isStandalone: true,
-		selector: "st-route-progress",
-		inputs: {
-			actif: {
-				classPropertyName: "actif",
-				publicName: "actif",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			delaiMs: {
-				classPropertyName: "delaiMs",
-				publicName: "delaiMs",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			etiquette: {
-				classPropertyName: "etiquette",
-				publicName: "etiquette",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			}
-		},
-		host: {
-			properties: { "attr.data-visible": "visible() ? \"\" : null" },
-			classAttribute: "st-route-progress"
-		},
-		ngImport: i0,
-		template: "@if (visible()) {\n  <st-progress class=\"st-route-progress__barre\" epaisseur=\"route\" [etiquette]=\"etiquetteLue()\" />\n}\n",
-		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{position:relative;z-index:var(--st-plan-entete);display:block;block-size:var(--st-epaisseur-moyenne);margin-block-start:calc(-1 * var(--st-epaisseur-moyenne));pointer-events:none}:host([data-visible]){background:var(--st-couleur-surface-enfoncee)}.st-route-progress__barre{display:block}@media print{:host{display:none}}\n"],
-		dependencies: [{
-			kind: "component",
-			type: StProgress,
-			selector: "st-progress",
-			inputs: [
-				"valeur",
-				"max",
-				"etiquette",
-				"ton",
-				"epaisseur",
-				"texteDeValeur",
-				"avecValeur",
-				"decompte"
-			]
-		}],
-		changeDetection: i0.ChangeDetectionStrategy.OnPush
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.0",
-	ngImport: i0,
-	type: StRouteProgress,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "st-route-progress",
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			imports: [StProgress],
-			host: {
-				class: "st-route-progress",
-				"[attr.data-visible]": "visible() ? \"\" : null"
-			},
-			template: "@if (visible()) {\n  <st-progress class=\"st-route-progress__barre\" epaisseur=\"route\" [etiquette]=\"etiquetteLue()\" />\n}\n",
-			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{position:relative;z-index:var(--st-plan-entete);display:block;block-size:var(--st-epaisseur-moyenne);margin-block-start:calc(-1 * var(--st-epaisseur-moyenne));pointer-events:none}:host([data-visible]){background:var(--st-couleur-surface-enfoncee)}.st-route-progress__barre{display:block}@media print{:host{display:none}}\n"]
-		}]
-	}],
-	propDecorators: {
-		actif: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "actif",
-				required: false
-			}]
-		}],
-		delaiMs: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "delaiMs",
-				required: false
-			}]
-		}],
-		etiquette: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "etiquette",
-				required: false
-			}]
-		}]
-	}
-});
-var StAuthShell = class StAuthShell {
-	libelles = inject(ST_LIBELLES);
-	identifiantDuContenu = IDENTIFIANT_DU_CONTENU_PRINCIPAL;
-	liensDuPied = computed(() => this.libelles().liensDuPied, ...ngDevMode ? [{ debugName: "liensDuPied" }] : 	/* istanbul ignore next */ []);
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.0",
-		ngImport: i0,
-		type: StAuthShell,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "14.0.0",
-		version: "22.2.0",
-		type: StAuthShell,
-		isStandalone: true,
-		selector: "st-auth-shell",
-		host: { classAttribute: "st-auth-shell" },
-		ngImport: i0,
-		template: "<st-skip-link [cible]=\"identifiantDuContenu\" />\n\n<header class=\"st-auth-shell__entete\">\n  <ng-content select=\"[entete]\" />\n</header>\n\n<main class=\"st-auth-shell__contenu\" [id]=\"identifiantDuContenu\">\n  <div class=\"st-auth-shell__carte\">\n    <div class=\"st-auth-shell__banniere\">\n      <ng-content select=\"[banniere]\" />\n    </div>\n    <ng-content />\n  </div>\n</main>\n\n<footer class=\"st-auth-shell__pied\">\n  <nav class=\"st-auth-shell__liens\" [attr.aria-label]=\"liensDuPied()\">\n    <ng-content select=\"[pied]\" />\n  </nav>\n  <span class=\"st-auth-shell__version\"><ng-content select=\"[version]\" /></span>\n</footer>\n",
-		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{position:relative;display:flex;flex-direction:column;min-block-size:100vh;min-block-size:100dvh;padding-block:env(safe-area-inset-top,0) env(safe-area-inset-bottom,0);padding-inline:env(safe-area-inset-left,0) env(safe-area-inset-right,0);color:var(--st-couleur-texte);background:var(--st-couleur-surface);isolation:isolate}@media(min-width:48rem){:host{background:var(--st-couleur-surface-conteneur-bas)}:host:before{position:absolute;inset:0;pointer-events:none;content:\"\";background-image:linear-gradient(to bottom right,color-mix(in srgb,var(--st-couleur-primaire-discret) 60%,transparent),transparent 50%)}}.st-auth-shell__entete,.st-auth-shell__contenu,.st-auth-shell__pied{position:relative}.st-auth-shell__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3);align-items:center;justify-content:space-between;min-block-size:var(--st-hauteur-commande-defaut);padding:var(--st-espacement-3) var(--st-espacement-4)}.st-auth-shell__entete:empty,.st-auth-shell__banniere:empty,.st-auth-shell__liens:empty,.st-auth-shell__version:empty,.st-auth-shell__pied:not(:has(>:not(:empty))){display:none}.st-auth-shell__contenu{box-sizing:border-box;flex:1 1 auto;inline-size:min(100%,var(--st-largeur-carte-auth));margin-inline:auto;padding:var(--st-espacement-6) var(--st-espacement-4)}.st-auth-shell__contenu:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-epaisseur))}@media(min-width:48rem){.st-auth-shell__contenu{padding:var(--st-espacement-12) 0 var(--st-espacement-6)}}.st-auth-shell__carte{display:flex;flex-direction:column;gap:var(--st-espacement-4)}@media(min-width:48rem){.st-auth-shell__carte{padding:var(--st-espacement-6);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid light-dark(transparent,var(--st-couleur-bordure));border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-survol)}}.st-auth-shell__pied{display:flex;flex-direction:column;gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-4);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-auth-shell__liens{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:center}.st-auth-shell__version{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-variant-numeric:var(--st-chiffres-alignes)}@media(forced-colors:active){:host:before{display:none}}@media print{:host:before,.st-auth-shell__entete,.st-auth-shell__pied{display:none}.st-auth-shell__carte{box-shadow:none}}\n"],
-		dependencies: [{
-			kind: "component",
-			type: StSkipLink,
-			selector: "st-skip-link",
-			inputs: ["cible", "libelle"]
-		}],
-		changeDetection: i0.ChangeDetectionStrategy.OnPush
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.0",
-	ngImport: i0,
-	type: StAuthShell,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "st-auth-shell",
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			imports: [StSkipLink],
-			host: { class: "st-auth-shell" },
-			template: "<st-skip-link [cible]=\"identifiantDuContenu\" />\n\n<header class=\"st-auth-shell__entete\">\n  <ng-content select=\"[entete]\" />\n</header>\n\n<main class=\"st-auth-shell__contenu\" [id]=\"identifiantDuContenu\">\n  <div class=\"st-auth-shell__carte\">\n    <div class=\"st-auth-shell__banniere\">\n      <ng-content select=\"[banniere]\" />\n    </div>\n    <ng-content />\n  </div>\n</main>\n\n<footer class=\"st-auth-shell__pied\">\n  <nav class=\"st-auth-shell__liens\" [attr.aria-label]=\"liensDuPied()\">\n    <ng-content select=\"[pied]\" />\n  </nav>\n  <span class=\"st-auth-shell__version\"><ng-content select=\"[version]\" /></span>\n</footer>\n",
-			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{position:relative;display:flex;flex-direction:column;min-block-size:100vh;min-block-size:100dvh;padding-block:env(safe-area-inset-top,0) env(safe-area-inset-bottom,0);padding-inline:env(safe-area-inset-left,0) env(safe-area-inset-right,0);color:var(--st-couleur-texte);background:var(--st-couleur-surface);isolation:isolate}@media(min-width:48rem){:host{background:var(--st-couleur-surface-conteneur-bas)}:host:before{position:absolute;inset:0;pointer-events:none;content:\"\";background-image:linear-gradient(to bottom right,color-mix(in srgb,var(--st-couleur-primaire-discret) 60%,transparent),transparent 50%)}}.st-auth-shell__entete,.st-auth-shell__contenu,.st-auth-shell__pied{position:relative}.st-auth-shell__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3);align-items:center;justify-content:space-between;min-block-size:var(--st-hauteur-commande-defaut);padding:var(--st-espacement-3) var(--st-espacement-4)}.st-auth-shell__entete:empty,.st-auth-shell__banniere:empty,.st-auth-shell__liens:empty,.st-auth-shell__version:empty,.st-auth-shell__pied:not(:has(>:not(:empty))){display:none}.st-auth-shell__contenu{box-sizing:border-box;flex:1 1 auto;inline-size:min(100%,var(--st-largeur-carte-auth));margin-inline:auto;padding:var(--st-espacement-6) var(--st-espacement-4)}.st-auth-shell__contenu:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-epaisseur))}@media(min-width:48rem){.st-auth-shell__contenu{padding:var(--st-espacement-12) 0 var(--st-espacement-6)}}.st-auth-shell__carte{display:flex;flex-direction:column;gap:var(--st-espacement-4)}@media(min-width:48rem){.st-auth-shell__carte{padding:var(--st-espacement-6);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid light-dark(transparent,var(--st-couleur-bordure));border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-survol)}}.st-auth-shell__pied{display:flex;flex-direction:column;gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-4);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-auth-shell__liens{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:center}.st-auth-shell__version{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-variant-numeric:var(--st-chiffres-alignes)}@media(forced-colors:active){:host:before{display:none}}@media print{:host:before,.st-auth-shell__entete,.st-auth-shell__pied{display:none}.st-auth-shell__carte{box-shadow:none}}\n"]
-		}]
-	}]
-});
-const HORS_TABULATION = ":not([tabindex^=\"-\"])";
-const FOCALISABLES = [
-	"a[href]",
-	"button:not([disabled])",
-	"input:not([disabled]):not([type=\"hidden\"])",
-	"select:not([disabled])",
-	"textarea:not([disabled])",
-	"summary",
-	"[tabindex]",
-	"[contenteditable=\"\"]",
-	"[contenteditable=\"true\"]"
-].map((selecteur) => selecteur + HORS_TABULATION).join(", ");
-const BORNES = "dialog[open], [role=\"dialog\"], [role=\"alertdialog\"], [aria-modal=\"true\"]";
-const PRECEDE = 2;
-const SUIT = 4;
-function estFocalisable(element) {
-	if (element.closest("[inert], [aria-hidden=\"true\"], fieldset[disabled]") !== null) return false;
-	const details = element.closest("details:not([open])");
-	if (details !== null && element.closest("summary")?.parentElement !== details) return false;
-	if (typeof element.checkVisibility === "function") return element.checkVisibility({ visibilityProperty: true });
-	const vue = element.ownerDocument.defaultView;
-	if (vue === null) return false;
-	if (vue.getComputedStyle(element).visibility === "hidden") return false;
-	for (let e = element; e !== null; e = e.parentElement) if (e.hidden || vue.getComputedStyle(e).display === "none") return false;
-	return true;
-}
-function estUnRadio(element) {
-	return element.tagName === "INPUT" && element.type === "radio";
-}
-function estArretDeRadio(radio, candidats) {
-	if (radio.name === "") return true;
-	const groupe = candidats.filter((c) => estUnRadio(c) && c.name === radio.name && c.form === radio.form);
-	const coche = groupe.find((c) => c.checked);
-	return coche !== void 0 ? coche === radio : groupe[0] === radio;
-}
-function deplacerLeFocusAuVoisin(depart) {
-	const focalisables = [...(depart.closest(BORNES) ?? depart.ownerDocument).querySelectorAll(FOCALISABLES)].filter((candidat) => !depart.contains(candidat) && estFocalisable(candidat));
-	const candidats = focalisables.filter((c) => !estUnRadio(c) || estArretDeRadio(c, focalisables));
-	const suivants = candidats.filter((c) => (depart.compareDocumentPosition(c) & SUIT) !== 0);
-	const precedents = candidats.filter((c) => (depart.compareDocumentPosition(c) & PRECEDE) !== 0).reverse();
-	for (const candidat of [...suivants, ...precedents]) {
-		candidat.focus();
-		if (depart.ownerDocument.activeElement === candidat) return candidat;
-	}
-	const parent = depart.parentElement;
-	if (parent?.hasAttribute("tabindex") === true) {
-		parent.focus();
-		if (depart.ownerDocument.activeElement === parent) return parent;
-	}
-	return null;
-}
-var StBanner = class StBanner {
-	element = inject(ElementRef);
-	regionParente = inject(REGION_VIVANTE_PARENTE, {
-		optional: true,
-		skipSelf: true
-	});
-	libelles = inject(ST_LIBELLES);
-	idEngendre = inject(StIdentifiants).prochain("st-banniere-titre");
-	ton = input("neutre", ...ngDevMode ? [{ debugName: "ton" }] : 	/* istanbul ignore next */ []);
-	message = input.required(...ngDevMode ? [{ debugName: "message" }] : 	/* istanbul ignore next */ []);
-	titre = input(null, ...ngDevMode ? [{ debugName: "titre" }] : 	/* istanbul ignore next */ []);
-	forme = input("bloc", ...ngDevMode ? [{ debugName: "forme" }] : 	/* istanbul ignore next */ []);
-	identifiant = input(null, ...ngDevMode ? [{ debugName: "identifiant" }] : 	/* istanbul ignore next */ []);
-	fermable = input(false, {
-		...ngDevMode ? { debugName: "fermable" } : 		/* istanbul ignore next */ {},
+	actif = input(false, {
+		...ngDevMode ? { debugName: "actif" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	libelleFermeture = input(null, ...ngDevMode ? [{ debugName: "libelleFermeture" }] : 	/* istanbul ignore next */ []);
-	ferme = output();
-	icone = computed(() => ICONES_DE_TON[this.ton()], ...ngDevMode ? [{ debugName: "icone" }] : 	/* istanbul ignore next */ []);
-	idDuTitre = computed(() => this.identifiant() ?? this.idEngendre, ...ngDevMode ? [{ debugName: "idDuTitre" }] : 	/* istanbul ignore next */ []);
-	prefixe = computed(() => prefixeDeTon(this.ton(), this.libelles()), ...ngDevMode ? [{ debugName: "prefixe" }] : 	/* istanbul ignore next */ []);
-	libelleFermetureLu = computed(() => this.libelleFermeture() ?? this.libelles().fermerLeMessage, ...ngDevMode ? [{ debugName: "libelleFermetureLu" }] : 	/* istanbul ignore next */ []);
-	roleLu = computed(() => {
-		if (this.regionParente !== null) return null;
-		return this.ton() === "danger" ? "alert" : "status";
-	}, ...ngDevMode ? [{ debugName: "roleLu" }] : 	/* istanbul ignore next */ []);
-	fermer() {
-		deplacerLeFocusAuVoisin(this.element.nativeElement);
-		this.ferme.emit();
-	}
+	delaiMs = input(delai.attente, {
+		...ngDevMode ? { debugName: "delaiMs" } : /* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	etiquette = input(null, ...ngDevMode ? [{ debugName: "etiquette" }] : /* istanbul ignore next */ []);
+	etiquetteLue = computed(() => this.etiquette() ?? this.libelles().chargementEnCours, ...ngDevMode ? [{ debugName: "etiquetteLue" }] : /* istanbul ignore next */ []);
+	visible = affichageDiffere(() => this.actif(), { delai: () => this.delaiMs() });
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
-		type: StBanner,
+		type: StRouteProgress,
 		deps: [],
 		target: i0.ɵɵFactoryTarget.Component
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
-		type: StBanner,
+		version: "22.2.1",
+		type: StRouteProgress,
 		isStandalone: true,
-		selector: "st-banner",
+		selector: "st-route-progress",
 		inputs: {
-			ton: {
-				classPropertyName: "ton",
-				publicName: "ton",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			message: {
-				classPropertyName: "message",
-				publicName: "message",
-				isSignal: true,
-				isRequired: true,
-				transformFunction: null
-			},
-			titre: {
-				classPropertyName: "titre",
-				publicName: "titre",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			forme: {
-				classPropertyName: "forme",
-				publicName: "forme",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			identifiant: {
-				classPropertyName: "identifiant",
-				publicName: "identifiant",
+			actif: {
+				classPropertyName: "actif",
+				publicName: "actif",
 				isSignal: true,
 				isRequired: false,
 				transformFunction: null
 			},
-			fermable: {
-				classPropertyName: "fermable",
-				publicName: "fermable",
+			delaiMs: {
+				classPropertyName: "delaiMs",
+				publicName: "delaiMs",
 				isSignal: true,
 				isRequired: false,
 				transformFunction: null
 			},
-			libelleFermeture: {
-				classPropertyName: "libelleFermeture",
-				publicName: "libelleFermeture",
+			etiquette: {
+				classPropertyName: "etiquette",
+				publicName: "etiquette",
 				isSignal: true,
 				isRequired: false,
 				transformFunction: null
 			}
 		},
-		outputs: { ferme: "ferme" },
 		host: {
-			properties: {
-				"attr.data-ton": "ton()",
-				"attr.data-forme": "forme()",
-				"attr.role": "roleLu()",
-				"attr.aria-labelledby": "roleLu() !== null && titre() !== null ? idDuTitre() : null"
-			},
-			classAttribute: "st-banner"
+			properties: { "attr.data-visible": "visible() ? \"\" : null" },
+			classAttribute: "st-route-progress"
 		},
-		providers: [{
-			provide: REGION_VIVANTE_PARENTE,
-			useValue: true
-		}],
 		ngImport: i0,
-		template: "<span class=\"st-banner__icone\">\n  <st-icon [nom]=\"icone()\" variante=\"plein\" taille=\"20\" />\n</span>\n<div class=\"st-banner__corps\">\n  @if (titre() !== null) {\n    <p class=\"st-banner__titre\" [id]=\"idDuTitre()\">\n      @if (prefixe() !== null) {\n        <span class=\"st-vh\">{{ prefixe() }}</span>\n      }\n      {{ titre() }}\n    </p>\n  }\n  <p class=\"st-banner__message\">\n    @if (titre() === null && prefixe() !== null) {\n      <span class=\"st-vh\">{{ prefixe() }}</span>\n    }\n    {{ message() }}\n  </p>\n  <div class=\"st-banner__projete\"><ng-content /></div>\n</div>\n@if (fermable()) {\n  <button\n    stIconButton\n    class=\"st-banner__fermer\"\n    type=\"button\"\n    icone=\"croix\"\n    taille=\"xs\"\n    [etiquette]=\"libelleFermetureLu()\"\n    (click)=\"fermer()\"\n  ></button>\n}\n",
-		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;gap:var(--st-espacement-3);align-items:flex-start;padding:var(--st-espacement-3) var(--st-espacement-4);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);background:var(--st-couleur-surface-enfoncee);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}:host([data-forme=bandeau]){border-width:0 0 var(--st-epaisseur-capillaire);border-radius:var(--st-rayon-none)}.st-banner__icone{display:inline-flex;flex:none;align-items:center;block-size:var(--st-interligne-md);color:var(--st-couleur-texte-discret)}.st-banner__corps{flex:1 1 auto;min-inline-size:0}.st-banner__titre{margin:0 0 var(--st-espacement-1);font-weight:var(--st-graisse-semi)}.st-banner__message{margin:0}.st-banner__projete{margin-block-start:var(--st-espacement-2)}.st-banner__projete:empty{display:none}.st-banner__fermer{flex:none;margin-block:calc((var(--st-interligne-md) - var(--st-hauteur-commande-sm)) / 2)}:host([data-ton=information]){color:var(--st-couleur-sur-information-discret);background:var(--st-couleur-information-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-information)}:host([data-ton=information]) .st-banner__icone{color:var(--st-couleur-information)}:host([data-ton=succes]){color:var(--st-couleur-sur-succes-discret);background:var(--st-couleur-succes-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-succes)}:host([data-ton=succes]) .st-banner__icone{color:var(--st-couleur-succes)}:host([data-ton=avertissement]){color:var(--st-couleur-sur-avertissement-discret);background:var(--st-couleur-avertissement-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-avertissement)}:host([data-ton=avertissement]) .st-banner__icone{color:var(--st-couleur-avertissement)}:host([data-ton=danger]){color:var(--st-couleur-sur-danger-discret);background:var(--st-couleur-danger-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-danger)}:host([data-ton=danger]) .st-banner__icone{color:var(--st-couleur-danger)}:host([data-forme=bandeau]:not([data-ton=neutre])){border-block-end:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}@media(forced-colors:active){:host{border-color:CanvasText}}@media print{:host{color:var(--st-couleur-texte);background:var(--st-couleur-surface)}.st-banner__fermer{display:none}}\n"],
+		template: "@if (visible()) {\n  <st-progress class=\"st-route-progress__barre\" epaisseur=\"route\" [etiquette]=\"etiquetteLue()\" />\n}\n",
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{position:relative;z-index:var(--st-plan-entete);display:block;block-size:var(--st-epaisseur-moyenne);margin-block-start:calc(-1 * var(--st-epaisseur-moyenne));pointer-events:none}:host([data-visible]){background:var(--st-couleur-surface-enfoncee)}.st-route-progress__barre{display:block}@media print{:host{display:none}}\n"],
 		dependencies: [{
 			kind: "component",
-			type: StIcon,
-			selector: "st-icon",
-			inputs: [
-				"icone",
-				"nom",
-				"variante",
-				"sprite",
-				"nomMetier",
-				"taille",
-				"ton",
-				"etiquette",
-				"miroir"
-			]
-		}, {
-			kind: "component",
-			type: StIconButton,
-			selector: "button[stIconButton]",
+			type: StProgress,
+			selector: "st-progress",
 			inputs: [
-				"icone",
+				"valeur",
+				"max",
 				"etiquette",
-				"variante",
-				"taille",
-				"tailleDuGlyphe",
-				"enfonce",
-				"iconeEnfoncee",
-				"chargement",
-				"indisponible",
-				"raisonIndisponible"
+				"ton",
+				"epaisseur",
+				"texteDeValeur",
+				"avecValeur",
+				"decompte"
 			]
 		}],
 		changeDetection: i0.ChangeDetectionStrategy.OnPush
@@ -6462,93 +6761,128 @@ var StBanner = class StBanner {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
-	type: StBanner,
+	type: StRouteProgress,
 	decorators: [{
 		type: Component,
 		args: [{
-			selector: "st-banner",
+			selector: "st-route-progress",
 			changeDetection: ChangeDetectionStrategy.OnPush,
-			imports: [StIcon, StIconButton],
-			providers: [{
-				provide: REGION_VIVANTE_PARENTE,
-				useValue: true
-			}],
+			imports: [StProgress],
 			host: {
-				class: "st-banner",
-				"[attr.data-ton]": "ton()",
-				"[attr.data-forme]": "forme()",
-				"[attr.role]": "roleLu()",
-				"[attr.aria-labelledby]": "roleLu() !== null && titre() !== null ? idDuTitre() : null"
+				class: "st-route-progress",
+				"[attr.data-visible]": "visible() ? \"\" : null"
 			},
-			template: "<span class=\"st-banner__icone\">\n  <st-icon [nom]=\"icone()\" variante=\"plein\" taille=\"20\" />\n</span>\n<div class=\"st-banner__corps\">\n  @if (titre() !== null) {\n    <p class=\"st-banner__titre\" [id]=\"idDuTitre()\">\n      @if (prefixe() !== null) {\n        <span class=\"st-vh\">{{ prefixe() }}</span>\n      }\n      {{ titre() }}\n    </p>\n  }\n  <p class=\"st-banner__message\">\n    @if (titre() === null && prefixe() !== null) {\n      <span class=\"st-vh\">{{ prefixe() }}</span>\n    }\n    {{ message() }}\n  </p>\n  <div class=\"st-banner__projete\"><ng-content /></div>\n</div>\n@if (fermable()) {\n  <button\n    stIconButton\n    class=\"st-banner__fermer\"\n    type=\"button\"\n    icone=\"croix\"\n    taille=\"xs\"\n    [etiquette]=\"libelleFermetureLu()\"\n    (click)=\"fermer()\"\n  ></button>\n}\n",
-			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;gap:var(--st-espacement-3);align-items:flex-start;padding:var(--st-espacement-3) var(--st-espacement-4);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);background:var(--st-couleur-surface-enfoncee);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}:host([data-forme=bandeau]){border-width:0 0 var(--st-epaisseur-capillaire);border-radius:var(--st-rayon-none)}.st-banner__icone{display:inline-flex;flex:none;align-items:center;block-size:var(--st-interligne-md);color:var(--st-couleur-texte-discret)}.st-banner__corps{flex:1 1 auto;min-inline-size:0}.st-banner__titre{margin:0 0 var(--st-espacement-1);font-weight:var(--st-graisse-semi)}.st-banner__message{margin:0}.st-banner__projete{margin-block-start:var(--st-espacement-2)}.st-banner__projete:empty{display:none}.st-banner__fermer{flex:none;margin-block:calc((var(--st-interligne-md) - var(--st-hauteur-commande-sm)) / 2)}:host([data-ton=information]){color:var(--st-couleur-sur-information-discret);background:var(--st-couleur-information-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-information)}:host([data-ton=information]) .st-banner__icone{color:var(--st-couleur-information)}:host([data-ton=succes]){color:var(--st-couleur-sur-succes-discret);background:var(--st-couleur-succes-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-succes)}:host([data-ton=succes]) .st-banner__icone{color:var(--st-couleur-succes)}:host([data-ton=avertissement]){color:var(--st-couleur-sur-avertissement-discret);background:var(--st-couleur-avertissement-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-avertissement)}:host([data-ton=avertissement]) .st-banner__icone{color:var(--st-couleur-avertissement)}:host([data-ton=danger]){color:var(--st-couleur-sur-danger-discret);background:var(--st-couleur-danger-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-danger)}:host([data-ton=danger]) .st-banner__icone{color:var(--st-couleur-danger)}:host([data-forme=bandeau]:not([data-ton=neutre])){border-block-end:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}@media(forced-colors:active){:host{border-color:CanvasText}}@media print{:host{color:var(--st-couleur-texte);background:var(--st-couleur-surface)}.st-banner__fermer{display:none}}\n"]
+			template: "@if (visible()) {\n  <st-progress class=\"st-route-progress__barre\" epaisseur=\"route\" [etiquette]=\"etiquetteLue()\" />\n}\n",
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{position:relative;z-index:var(--st-plan-entete);display:block;block-size:var(--st-epaisseur-moyenne);margin-block-start:calc(-1 * var(--st-epaisseur-moyenne));pointer-events:none}:host([data-visible]){background:var(--st-couleur-surface-enfoncee)}.st-route-progress__barre{display:block}@media print{:host{display:none}}\n"]
 		}]
 	}],
 	propDecorators: {
-		ton: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "ton",
-				required: false
-			}]
-		}],
-		message: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "message",
-				required: true
-			}]
-		}],
-		titre: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "titre",
-				required: false
-			}]
-		}],
-		forme: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "forme",
-				required: false
-			}]
-		}],
-		identifiant: [{
+		actif: [{
 			type: i0.Input,
 			args: [{
 				isSignal: true,
-				alias: "identifiant",
+				alias: "actif",
 				required: false
 			}]
 		}],
-		fermable: [{
+		delaiMs: [{
 			type: i0.Input,
 			args: [{
 				isSignal: true,
-				alias: "fermable",
+				alias: "delaiMs",
 				required: false
 			}]
 		}],
-		libelleFermeture: [{
+		etiquette: [{
 			type: i0.Input,
 			args: [{
 				isSignal: true,
-				alias: "libelleFermeture",
+				alias: "etiquette",
 				required: false
 			}]
-		}],
-		ferme: [{
-			type: i0.Output,
-			args: ["ferme"]
 		}]
 	}
 });
+var StAuthShell = class StAuthShell {
+	libelles = inject(ST_LIBELLES);
+	bandeaux = input(false, {
+		...ngDevMode ? { debugName: "bandeaux" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	identifiantDuContenu = IDENTIFIANT_DU_CONTENU_PRINCIPAL;
+	liensDuPied = computed(() => this.libelles().liensDuPied, ...ngDevMode ? [{ debugName: "liensDuPied" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: StAuthShell,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: StAuthShell,
+		isStandalone: true,
+		selector: "st-auth-shell",
+		inputs: { bandeaux: {
+			classPropertyName: "bandeaux",
+			publicName: "bandeaux",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			properties: { "attr.data-bandeaux": "bandeaux() ? \"\" : null" },
+			classAttribute: "st-auth-shell"
+		},
+		ngImport: i0,
+		template: "<st-skip-link [cible]=\"identifiantDuContenu\" />\n\n<header class=\"st-auth-shell__entete\">\n  <ng-content select=\"[entete]\" />\n</header>\n\n<main class=\"st-auth-shell__contenu\" [id]=\"identifiantDuContenu\">\n  <div class=\"st-auth-shell__avant-la-carte\"><ng-content select=\"[avantLaCarte]\" /></div>\n  <div class=\"st-auth-shell__carte\">\n    <div class=\"st-auth-shell__banniere\">\n      <ng-content select=\"[banniere]\" />\n    </div>\n    <ng-content />\n  </div>\n  <!-- Ce qui accompagne la carte sans en faire partie : un encadre d'information, une mention courte. -->\n  <div class=\"st-auth-shell__sous-la-carte\">\n    <ng-content select=\"[sousLaCarte]\" />\n  </div>\n</main>\n\n<footer class=\"st-auth-shell__pied\">\n  <!-- La mention du pied (mise en garde, mention legale) : une phrase, au-dessus des liens. -->\n  <div class=\"st-auth-shell__mention\">\n    <ng-content select=\"[mention]\" />\n  </div>\n  <nav class=\"st-auth-shell__liens\" [attr.aria-label]=\"liensDuPied()\">\n    <ng-content select=\"[pied]\" />\n  </nav>\n  <span class=\"st-auth-shell__version\"><ng-content select=\"[version]\" /></span>\n</footer>\n",
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{position:relative;display:flex;flex-direction:column;min-block-size:100vh;min-block-size:100dvh;padding-block:env(safe-area-inset-top,0) env(safe-area-inset-bottom,0);padding-inline:env(safe-area-inset-left,0) env(safe-area-inset-right,0);color:var(--st-couleur-texte);background:var(--st-couleur-surface);isolation:isolate}@media(min-width:48rem){:host{background:var(--st-couleur-surface-conteneur-bas)}:host:before{position:absolute;inset:0;pointer-events:none;content:\"\";background-image:linear-gradient(to bottom right,color-mix(in srgb,var(--st-couleur-primaire-discret) 60%,transparent),transparent 50%)}}.st-auth-shell__entete,.st-auth-shell__contenu,.st-auth-shell__pied{position:relative}.st-auth-shell__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3);align-items:center;justify-content:space-between;min-block-size:var(--st-hauteur-commande-defaut);padding:var(--st-espacement-3) var(--st-espacement-4)}.st-auth-shell__entete:empty,.st-auth-shell__avant-la-carte:empty,.st-auth-shell__banniere:empty,.st-auth-shell__sous-la-carte:empty,.st-auth-shell__mention:empty,.st-auth-shell__liens:empty,.st-auth-shell__version:empty,.st-auth-shell__pied:not(:has(>:not(:empty))){display:none}.st-auth-shell__contenu{box-sizing:border-box;flex:1 1 auto;inline-size:min(100%,var(--st-largeur-carte-auth));margin-inline:auto;padding:var(--st-espacement-6) var(--st-espacement-4)}.st-auth-shell__contenu:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-epaisseur))}@media(min-width:48rem){.st-auth-shell__contenu{padding:var(--st-espacement-12) 0 var(--st-espacement-6)}}.st-auth-shell__carte{display:flex;flex-direction:column;gap:var(--st-espacement-4)}@media(min-width:48rem){.st-auth-shell__carte{padding:var(--st-espacement-6);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid light-dark(transparent,var(--st-couleur-bordure));border-radius:var(--st-carte-rayon, var(--st-rayon-lg));box-shadow:var(--st-ombre-survol)}}.st-auth-shell__avant-la-carte{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:space-between;margin-block-end:var(--st-espacement-4)}.st-auth-shell__sous-la-carte{display:flex;flex-direction:column;gap:var(--st-espacement-4);margin-block-start:var(--st-espacement-6)}.st-auth-shell__mention{max-inline-size:40rem;text-align:center}.st-auth-shell__pied{display:flex;flex-direction:column;gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-4);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-auth-shell__liens{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:center}.st-auth-shell__version{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-variant-numeric:var(--st-chiffres-alignes)}:host([data-bandeaux]){background:var(--st-couleur-surface-conteneur-bas)}:host([data-bandeaux]):before{content:none}:host([data-bandeaux]) .st-auth-shell__carte{padding:var(--st-espacement-6);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-carte-rayon, var(--st-rayon-lg));box-shadow:var(--st-ombre-repos)}@media(min-width:48rem){:host([data-bandeaux]) .st-auth-shell__carte{padding:var(--st-espacement-8)}}:host([data-bandeaux]) .st-auth-shell__entete{padding-block:var(--st-espacement-4);background:var(--st-couleur-surface);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(min-width:48rem){:host([data-bandeaux]) .st-auth-shell__entete{padding-inline:var(--st-espacement-8)}}:host([data-bandeaux]) .st-auth-shell__pied{gap:var(--st-espacement-3);padding:var(--st-espacement-6) var(--st-espacement-4);background:var(--st-couleur-surface);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(forced-colors:active){:host:before{display:none}}@media print{:host:before,.st-auth-shell__entete,.st-auth-shell__pied{display:none}.st-auth-shell__carte{box-shadow:none}}\n"],
+		dependencies: [{
+			kind: "component",
+			type: StSkipLink,
+			selector: "st-skip-link",
+			inputs: [
+				"cible",
+				"libelle",
+				"secondeCible",
+				"secondeEnPremier"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: StAuthShell,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-auth-shell",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [StSkipLink],
+			host: {
+				class: "st-auth-shell",
+				"[attr.data-bandeaux]": "bandeaux() ? \"\" : null"
+			},
+			template: "<st-skip-link [cible]=\"identifiantDuContenu\" />\n\n<header class=\"st-auth-shell__entete\">\n  <ng-content select=\"[entete]\" />\n</header>\n\n<main class=\"st-auth-shell__contenu\" [id]=\"identifiantDuContenu\">\n  <div class=\"st-auth-shell__avant-la-carte\"><ng-content select=\"[avantLaCarte]\" /></div>\n  <div class=\"st-auth-shell__carte\">\n    <div class=\"st-auth-shell__banniere\">\n      <ng-content select=\"[banniere]\" />\n    </div>\n    <ng-content />\n  </div>\n  <!-- Ce qui accompagne la carte sans en faire partie : un encadre d'information, une mention courte. -->\n  <div class=\"st-auth-shell__sous-la-carte\">\n    <ng-content select=\"[sousLaCarte]\" />\n  </div>\n</main>\n\n<footer class=\"st-auth-shell__pied\">\n  <!-- La mention du pied (mise en garde, mention legale) : une phrase, au-dessus des liens. -->\n  <div class=\"st-auth-shell__mention\">\n    <ng-content select=\"[mention]\" />\n  </div>\n  <nav class=\"st-auth-shell__liens\" [attr.aria-label]=\"liensDuPied()\">\n    <ng-content select=\"[pied]\" />\n  </nav>\n  <span class=\"st-auth-shell__version\"><ng-content select=\"[version]\" /></span>\n</footer>\n",
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{position:relative;display:flex;flex-direction:column;min-block-size:100vh;min-block-size:100dvh;padding-block:env(safe-area-inset-top,0) env(safe-area-inset-bottom,0);padding-inline:env(safe-area-inset-left,0) env(safe-area-inset-right,0);color:var(--st-couleur-texte);background:var(--st-couleur-surface);isolation:isolate}@media(min-width:48rem){:host{background:var(--st-couleur-surface-conteneur-bas)}:host:before{position:absolute;inset:0;pointer-events:none;content:\"\";background-image:linear-gradient(to bottom right,color-mix(in srgb,var(--st-couleur-primaire-discret) 60%,transparent),transparent 50%)}}.st-auth-shell__entete,.st-auth-shell__contenu,.st-auth-shell__pied{position:relative}.st-auth-shell__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3);align-items:center;justify-content:space-between;min-block-size:var(--st-hauteur-commande-defaut);padding:var(--st-espacement-3) var(--st-espacement-4)}.st-auth-shell__entete:empty,.st-auth-shell__avant-la-carte:empty,.st-auth-shell__banniere:empty,.st-auth-shell__sous-la-carte:empty,.st-auth-shell__mention:empty,.st-auth-shell__liens:empty,.st-auth-shell__version:empty,.st-auth-shell__pied:not(:has(>:not(:empty))){display:none}.st-auth-shell__contenu{box-sizing:border-box;flex:1 1 auto;inline-size:min(100%,var(--st-largeur-carte-auth));margin-inline:auto;padding:var(--st-espacement-6) var(--st-espacement-4)}.st-auth-shell__contenu:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-epaisseur))}@media(min-width:48rem){.st-auth-shell__contenu{padding:var(--st-espacement-12) 0 var(--st-espacement-6)}}.st-auth-shell__carte{display:flex;flex-direction:column;gap:var(--st-espacement-4)}@media(min-width:48rem){.st-auth-shell__carte{padding:var(--st-espacement-6);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid light-dark(transparent,var(--st-couleur-bordure));border-radius:var(--st-carte-rayon, var(--st-rayon-lg));box-shadow:var(--st-ombre-survol)}}.st-auth-shell__avant-la-carte{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:space-between;margin-block-end:var(--st-espacement-4)}.st-auth-shell__sous-la-carte{display:flex;flex-direction:column;gap:var(--st-espacement-4);margin-block-start:var(--st-espacement-6)}.st-auth-shell__mention{max-inline-size:40rem;text-align:center}.st-auth-shell__pied{display:flex;flex-direction:column;gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-4);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-auth-shell__liens{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:center}.st-auth-shell__version{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-variant-numeric:var(--st-chiffres-alignes)}:host([data-bandeaux]){background:var(--st-couleur-surface-conteneur-bas)}:host([data-bandeaux]):before{content:none}:host([data-bandeaux]) .st-auth-shell__carte{padding:var(--st-espacement-6);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-carte-rayon, var(--st-rayon-lg));box-shadow:var(--st-ombre-repos)}@media(min-width:48rem){:host([data-bandeaux]) .st-auth-shell__carte{padding:var(--st-espacement-8)}}:host([data-bandeaux]) .st-auth-shell__entete{padding-block:var(--st-espacement-4);background:var(--st-couleur-surface);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(min-width:48rem){:host([data-bandeaux]) .st-auth-shell__entete{padding-inline:var(--st-espacement-8)}}:host([data-bandeaux]) .st-auth-shell__pied{gap:var(--st-espacement-3);padding:var(--st-espacement-6) var(--st-espacement-4);background:var(--st-couleur-surface);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(forced-colors:active){:host:before{display:none}}@media print{:host:before,.st-auth-shell__entete,.st-auth-shell__pied{display:none}.st-auth-shell__carte{box-shadow:none}}\n"]
+		}]
+	}],
+	propDecorators: { bandeaux: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "bandeaux",
+			required: false
+		}]
+	}] }
+});
 const ORDRE_DES_CHOIX = [
 	"clair",
 	"systeme",
@@ -6561,19 +6895,19 @@ const ICONES_DE_THEME = {
 };
 var StThemeToggle = class StThemeToggle {
 	libelles = inject(ST_LIBELLES);
-	choix = input.required(...ngDevMode ? [{ debugName: "choix" }] : 	/* istanbul ignore next */ []);
+	choix = input.required(...ngDevMode ? [{ debugName: "choix" }] : /* istanbul ignore next */ []);
 	legendeVisible = input(false, {
-		...ngDevMode ? { debugName: "legendeVisible" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "legendeVisible" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	compact = input(false, {
-		...ngDevMode ? { debugName: "compact" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "compact" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	choisi = output();
 	injecteur = inject(Injector);
-	affiche = linkedSignal(() => this.choix(), ...ngDevMode ? [{ debugName: "affiche" }] : 	/* istanbul ignore next */ []);
-	legende = computed(() => this.libelles().theme, ...ngDevMode ? [{ debugName: "legende" }] : 	/* istanbul ignore next */ []);
+	affiche = linkedSignal(() => this.choix(), ...ngDevMode ? [{ debugName: "affiche" }] : /* istanbul ignore next */ []);
+	legende = computed(() => this.libelles().theme, ...ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []);
 	options = computed(() => {
 		const libelles = this.libelles();
 		const texte = {
@@ -6586,7 +6920,7 @@ var StThemeToggle = class StThemeToggle {
 			libelle: texte[valeur],
 			icone: ICONES_DE_THEME[valeur]
 		}));
-	}, ...ngDevMode ? [{ debugName: "options" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
 	choisir(valeur) {
 		const choix = valeur;
 		this.affiche.set(choix);
@@ -6597,7 +6931,7 @@ var StThemeToggle = class StThemeToggle {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StThemeToggle,
 		deps: [],
@@ -6605,7 +6939,7 @@ var StThemeToggle = class StThemeToggle {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StThemeToggle,
 		isStandalone: true,
 		selector: "st-theme-toggle",
@@ -6669,7 +7003,7 @@ var StThemeToggle = class StThemeToggle {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StThemeToggle,
 	decorators: [{
@@ -6724,20 +7058,21 @@ const ENDONYMES = {
 };
 var StLangSwitch = class StLangSwitch {
 	libelles = inject(ST_LIBELLES);
-	courante = input.required(...ngDevMode ? [{ debugName: "courante" }] : 	/* istanbul ignore next */ []);
-	langues = input(LANGUES, ...ngDevMode ? [{ debugName: "langues" }] : 	/* istanbul ignore next */ []);
+	courante = input.required(...ngDevMode ? [{ debugName: "courante" }] : /* istanbul ignore next */ []);
+	langues = input(LANGUES, ...ngDevMode ? [{ debugName: "langues" }] : /* istanbul ignore next */ []);
 	legendeVisible = input(false, {
-		...ngDevMode ? { debugName: "legendeVisible" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "legendeVisible" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	compact = input(false, {
-		...ngDevMode ? { debugName: "compact" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "compact" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
+	variante = input("piste", ...ngDevMode ? [{ debugName: "variante" }] : /* istanbul ignore next */ []);
 	choisie = output();
 	injecteur = inject(Injector);
-	affiche = linkedSignal(() => this.courante(), ...ngDevMode ? [{ debugName: "affiche" }] : 	/* istanbul ignore next */ []);
-	legende = computed(() => this.libelles().langue, ...ngDevMode ? [{ debugName: "legende" }] : 	/* istanbul ignore next */ []);
+	affiche = linkedSignal(() => this.courante(), ...ngDevMode ? [{ debugName: "affiche" }] : /* istanbul ignore next */ []);
+	legende = computed(() => this.libelles().langue, ...ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []);
 	options = computed(() => this.langues().map((code) => this.compact() ? {
 		valeur: code,
 		libelle: code.toUpperCase(),
@@ -6747,7 +7082,7 @@ var StLangSwitch = class StLangSwitch {
 		valeur: code,
 		libelle: ENDONYMES[code],
 		lang: code
-	}), ...ngDevMode ? [{ debugName: "options" }] : 	/* istanbul ignore next */ []);
+	}), ...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
 	choisir(code) {
 		const langue = code;
 		this.affiche.set(langue);
@@ -6758,7 +7093,7 @@ var StLangSwitch = class StLangSwitch {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StLangSwitch,
 		deps: [],
@@ -6766,7 +7101,7 @@ var StLangSwitch = class StLangSwitch {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StLangSwitch,
 		isStandalone: true,
 		selector: "st-lang-switch",
@@ -6798,19 +7133,27 @@ var StLangSwitch = class StLangSwitch {
 				isSignal: true,
 				isRequired: false,
 				transformFunction: null
+			},
+			variante: {
+				classPropertyName: "variante",
+				publicName: "variante",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
 			}
 		},
 		outputs: { choisie: "choisie" },
 		host: {
 			properties: {
 				"attr.data-legende-visible": "legendeVisible() ? \"\" : null",
-				"attr.data-compact": "compact() ? \"\" : null"
+				"attr.data-compact": "compact() ? \"\" : null",
+				"attr.data-variante": "variante()"
 			},
 			classAttribute: "st-lang-switch"
 		},
 		ngImport: i0,
-		template: "<!-- Le segmente du socle (lot 244) : l'hote est la piste tant que la legende est masquee (piste\n     `nue` du segmente) ; une legende visible se pose au-dessus de la piste `enfoncee`. Compact :\n     le code visible ouvre le nom, l'endonyme suit, lu dans sa langue (« FR Francais »). -->\n<st-segmented-control\n  enLigne\n  [forme]=\"legendeVisible() ? 'enfoncee' : 'nue'\"\n  [casse]=\"compact() ? 'capitales' : 'phrase'\"\n  [legende]=\"legende()\"\n  [legendeMasquee]=\"!legendeVisible()\"\n  [options]=\"options()\"\n  [value]=\"affiche()\"\n  (valueChange)=\"choisir($event)\"\n/>\n",
-		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;align-items:center;padding:var(--st-espacement-demi);background-color:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm);display:inline-flex}:host([data-legende-visible]){display:inline-block;padding:0;background:none;border-radius:0}@media print{:host{display:none}}\n"],
+		template: "<!-- Le segmente du socle (lot 244) : l'hote est la piste tant que la legende est masquee (piste\n     `nue` du segmente) ; une legende visible se pose au-dessus de la piste `enfoncee`. Compact :\n     le code visible ouvre le nom, l'endonyme suit, lu dans sa langue (« FR Francais »). -->\n<st-segmented-control\n  enLigne\n  [forme]=\"variante() === 'texte' ? 'texte' : legendeVisible() ? 'enfoncee' : 'nue'\"\n  [casse]=\"compact() ? 'capitales' : 'phrase'\"\n  [legende]=\"legende()\"\n  [legendeMasquee]=\"!legendeVisible()\"\n  [options]=\"options()\"\n  [value]=\"affiche()\"\n  (valueChange)=\"choisir($event)\"\n/>\n",
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;align-items:center;padding:var(--st-espacement-demi);background-color:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm);display:inline-flex}:host([data-legende-visible]){display:inline-block;padding:0;background:none;border-radius:0}:host([data-variante=texte]){padding:0;background:none;border-radius:0}@media print{:host{display:none}}\n"],
 		dependencies: [{
 			kind: "component",
 			type: StSegmentedControl,
@@ -6837,7 +7180,7 @@ var StLangSwitch = class StLangSwitch {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StLangSwitch,
 	decorators: [{
@@ -6849,10 +7192,11 @@ i0.ɵɵngDeclareClassMetadata({
 			host: {
 				class: "st-lang-switch",
 				"[attr.data-legende-visible]": "legendeVisible() ? \"\" : null",
-				"[attr.data-compact]": "compact() ? \"\" : null"
+				"[attr.data-compact]": "compact() ? \"\" : null",
+				"[attr.data-variante]": "variante()"
 			},
-			template: "<!-- Le segmente du socle (lot 244) : l'hote est la piste tant que la legende est masquee (piste\n     `nue` du segmente) ; une legende visible se pose au-dessus de la piste `enfoncee`. Compact :\n     le code visible ouvre le nom, l'endonyme suit, lu dans sa langue (« FR Francais »). -->\n<st-segmented-control\n  enLigne\n  [forme]=\"legendeVisible() ? 'enfoncee' : 'nue'\"\n  [casse]=\"compact() ? 'capitales' : 'phrase'\"\n  [legende]=\"legende()\"\n  [legendeMasquee]=\"!legendeVisible()\"\n  [options]=\"options()\"\n  [value]=\"affiche()\"\n  (valueChange)=\"choisir($event)\"\n/>\n",
-			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;align-items:center;padding:var(--st-espacement-demi);background-color:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm);display:inline-flex}:host([data-legende-visible]){display:inline-block;padding:0;background:none;border-radius:0}@media print{:host{display:none}}\n"]
+			template: "<!-- Le segmente du socle (lot 244) : l'hote est la piste tant que la legende est masquee (piste\n     `nue` du segmente) ; une legende visible se pose au-dessus de la piste `enfoncee`. Compact :\n     le code visible ouvre le nom, l'endonyme suit, lu dans sa langue (« FR Francais »). -->\n<st-segmented-control\n  enLigne\n  [forme]=\"variante() === 'texte' ? 'texte' : legendeVisible() ? 'enfoncee' : 'nue'\"\n  [casse]=\"compact() ? 'capitales' : 'phrase'\"\n  [legende]=\"legende()\"\n  [legendeMasquee]=\"!legendeVisible()\"\n  [options]=\"options()\"\n  [value]=\"affiche()\"\n  (valueChange)=\"choisir($event)\"\n/>\n",
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;align-items:center;padding:var(--st-espacement-demi);background-color:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm);display:inline-flex}:host([data-legende-visible]){display:inline-block;padding:0;background:none;border-radius:0}:host([data-variante=texte]){padding:0;background:none;border-radius:0}@media print{:host{display:none}}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -6888,6 +7232,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		variante: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variante",
+				required: false
+			}]
+		}],
 		choisie: [{
 			type: i0.Output,
 			args: ["choisie"]
@@ -6896,15 +7248,15 @@ i0.ɵɵngDeclareClassMetadata({
 });
 var StPrivacyToggle = class StPrivacyToggle {
 	libelles = inject(ST_LIBELLES);
-	masque = model(false, ...ngDevMode ? [{ debugName: "masque" }] : 	/* istanbul ignore next */ []);
-	etiquette = input(null, ...ngDevMode ? [{ debugName: "etiquette" }] : 	/* istanbul ignore next */ []);
+	masque = model(false, ...ngDevMode ? [{ debugName: "masque" }] : /* istanbul ignore next */ []);
+	etiquette = input(null, ...ngDevMode ? [{ debugName: "etiquette" }] : /* istanbul ignore next */ []);
 	avecLibelle = input(false, {
-		...ngDevMode ? { debugName: "avecLibelle" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "avecLibelle" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	taille = input("md", ...ngDevMode ? [{ debugName: "taille" }] : 	/* istanbul ignore next */ []);
+	taille = input("md", ...ngDevMode ? [{ debugName: "taille" }] : /* istanbul ignore next */ []);
 	annonce = new AnnonceLocale(inject(DestroyRef));
-	etiquetteLue = computed(() => this.etiquette() ?? this.libelles().masquerLesMontants, ...ngDevMode ? [{ debugName: "etiquetteLue" }] : 	/* istanbul ignore next */ []);
+	etiquetteLue = computed(() => this.etiquette() ?? this.libelles().masquerLesMontants, ...ngDevMode ? [{ debugName: "etiquetteLue" }] : /* istanbul ignore next */ []);
 	basculer() {
 		const masque = !this.masque();
 		this.masque.set(masque);
@@ -6913,7 +7265,7 @@ var StPrivacyToggle = class StPrivacyToggle {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StPrivacyToggle,
 		deps: [],
@@ -6921,7 +7273,7 @@ var StPrivacyToggle = class StPrivacyToggle {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StPrivacyToggle,
 		isStandalone: true,
 		selector: "st-privacy-toggle",
@@ -6996,7 +7348,7 @@ var StPrivacyToggle = class StPrivacyToggle {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StPrivacyToggle,
 	decorators: [{
@@ -7049,36 +7401,36 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 var StLogo = class StLogo {
-	nom = input.required(...ngDevMode ? [{ debugName: "nom" }] : 	/* istanbul ignore next */ []);
-	clair = input(null, ...ngDevMode ? [{ debugName: "clair" }] : 	/* istanbul ignore next */ []);
-	sousTitre = input(null, ...ngDevMode ? [{ debugName: "sousTitre" }] : 	/* istanbul ignore next */ []);
-	icone = input("banque", ...ngDevMode ? [{ debugName: "icone" }] : 	/* istanbul ignore next */ []);
-	sombre = input(null, ...ngDevMode ? [{ debugName: "sombre" }] : 	/* istanbul ignore next */ []);
-	monochrome = input(null, ...ngDevMode ? [{ debugName: "monochrome" }] : 	/* istanbul ignore next */ []);
+	nom = input.required(...ngDevMode ? [{ debugName: "nom" }] : /* istanbul ignore next */ []);
+	clair = input(null, ...ngDevMode ? [{ debugName: "clair" }] : /* istanbul ignore next */ []);
+	sousTitre = input(null, ...ngDevMode ? [{ debugName: "sousTitre" }] : /* istanbul ignore next */ []);
+	icone = input("banque", ...ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []);
+	sombre = input(null, ...ngDevMode ? [{ debugName: "sombre" }] : /* istanbul ignore next */ []);
+	monochrome = input(null, ...ngDevMode ? [{ debugName: "monochrome" }] : /* istanbul ignore next */ []);
 	decoratif = input(false, {
-		...ngDevMode ? { debugName: "decoratif" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "decoratif" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	hauteur = input("2rem", ...ngDevMode ? [{ debugName: "hauteur" }] : 	/* istanbul ignore next */ []);
+	hauteur = input("2rem", ...ngDevMode ? [{ debugName: "hauteur" }] : /* istanbul ignore next */ []);
 	ratio = input(null, {
-		...ngDevMode ? { debugName: "ratio" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "ratio" } : /* istanbul ignore next */ {},
 		transform: (valeur) => valeur === null || valeur === void 0 || valeur === "" ? null : numberAttribute(valeur, NaN)
 	});
 	ratioValide = computed(() => {
 		const ratio = this.ratio();
 		return ratio === null || !Number.isFinite(ratio) || ratio <= 0 ? null : ratio;
-	}, ...ngDevMode ? [{ debugName: "ratioValide" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "ratioValide" }] : /* istanbul ignore next */ []);
 	largeurIntrinseque = computed(() => {
 		const ratio = this.ratioValide();
 		return ratio === null ? null : Math.round(ratio * 100);
-	}, ...ngDevMode ? [{ debugName: "largeurIntrinseque" }] : 	/* istanbul ignore next */ []);
-	hauteurIntrinseque = computed(() => this.largeurIntrinseque() === null ? null : 100, ...ngDevMode ? [{ debugName: "hauteurIntrinseque" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "largeurIntrinseque" }] : /* istanbul ignore next */ []);
+	hauteurIntrinseque = computed(() => this.largeurIntrinseque() === null ? null : 100, ...ngDevMode ? [{ debugName: "hauteurIntrinseque" }] : /* istanbul ignore next */ []);
 	hote = inject(ElementRef).nativeElement;
 	document = inject(DOCUMENT);
 	sombreAuRendu = this.themeAuRenduEstSombre();
-	texteAlternatif = computed(() => this.decoratif() ? "" : this.nom(), ...ngDevMode ? [{ debugName: "texteAlternatif" }] : 	/* istanbul ignore next */ []);
-	sourceSombre = computed(() => this.sombre() ?? this.clair(), ...ngDevMode ? [{ debugName: "sourceSombre" }] : 	/* istanbul ignore next */ []);
-	textuel = computed(() => this.clair() === null, ...ngDevMode ? [{ debugName: "textuel" }] : 	/* istanbul ignore next */ []);
+	texteAlternatif = computed(() => this.decoratif() ? "" : this.nom(), ...ngDevMode ? [{ debugName: "texteAlternatif" }] : /* istanbul ignore next */ []);
+	sourceSombre = computed(() => this.sombre() ?? this.clair(), ...ngDevMode ? [{ debugName: "sourceSombre" }] : /* istanbul ignore next */ []);
+	textuel = computed(() => this.clair() === null, ...ngDevMode ? [{ debugName: "textuel" }] : /* istanbul ignore next */ []);
 	themeAuRenduEstSombre() {
 		const theme = (this.hote.closest("[data-theme]") ?? this.document.documentElement.closest("[data-theme]"))?.getAttribute("data-theme");
 		if (theme === "sombre") return true;
@@ -7089,7 +7441,7 @@ var StLogo = class StLogo {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StLogo,
 		deps: [],
@@ -7097,7 +7449,7 @@ var StLogo = class StLogo {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StLogo,
 		isStandalone: true,
 		selector: "st-logo",
@@ -7199,7 +7551,7 @@ var StLogo = class StLogo {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StLogo,
 	decorators: [{
@@ -7294,6 +7646,6 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-export { AnnonceLocale, CHEMIN_DU_SPRITE, ETATS_DE_BLOC, FUSEAU_PAR_DEFAUT, ICONES_DE_TON, IDENTIFIANT_DU_CONTENU_PRINCIPAL, LIBELLES_FR, NOMS_DICONE, NOMS_DICONE_DEPRECIES, NOMS_DICONE_MARQUE, NOMS_DICONE_MIROITEE, NOMS_DICONE_PLEINE, PROFILS_D_ERREUR, PROPRIETE_HAUTEUR_ENTETE, PROPRIETE_HAUTEUR_ENTETE_SEUL, REGION_VIVANTE_PARENTE, ST_LIBELLES, ST_LISTES_D_ADRESSES, ST_LOCALE, ST_MONTANTS_MASQUES, ST_RECHERCHE_D_ADRESSES, StAppShell, StAuthShell, StAvatar, StBanner, StBreadcrumb, StButton, StCard, StCopyButton, StEmpty, StError, StFooter, StHeader, StHeading, StIcon, StIconButton, StIdentifiants, StInlineMessage, StLangSwitch, StLienEtendu, StLink, StLogo, StNavLink, StOfflineBanner, StPageHeader, StPageTitle, StPrivacyToggle, StProgress, StRouteProgress, StSegmentedControl, StSkipLink, StSpinner, StThemeToggle, StTimer, affichageDiffere, catalogueDuPointDEntree, copierDansLePressePapiers, decrireLErreur, dureeDuJeton, estIconeMetier, fermerApresLaSortie, fonduDEntree, fonduDeSortie, formaterDuree, fournirCheminDuSprite, iconeMetier, jetonsDeLAttribut, partagerDesJetons, partagerLaValeur, plusLongueTransition, pressePapiersDisponible, provideStarterUi, resoudreLeNomDIcone, verifierLeCheminDuSprite };
+export { ATTRIBUT_D_ENVIRONNEMENT, AnnonceLocale, CHEMIN_DU_SPRITE, ETATS_DE_BLOC, FUSEAU_PAR_DEFAUT, ICONES_DE_TON, IDENTIFIANT_DU_CONTENU_PRINCIPAL, LIBELLES_FR, NOMS_DICONE, NOMS_DICONE_DEPRECIES, NOMS_DICONE_MARQUE, NOMS_DICONE_MIROITEE, NOMS_DICONE_PLEINE, PROFILS_D_ERREUR, PROPRIETE_HAUTEUR_ACTION, PROPRIETE_HAUTEUR_ENTETE, PROPRIETE_HAUTEUR_ENTETE_SEUL, REGION_VIVANTE_PARENTE, ST_LIBELLES, ST_LISTES_D_ADRESSES, ST_LOCALE, ST_MARQUE_D_OBLIGATION, ST_MONTANTS_MASQUES, ST_RECHERCHE_D_ADRESSES, StAppShell, StAuthShell, StAvatar, StBanner, StBreadcrumb, StButton, StCard, StCopyButton, StEmpty, StError, StFooter, StHeader, StHeading, StIcon, StIconButton, StIdentifiants, StInlineMessage, StLangSwitch, StLienEtendu, StLink, StLogo, StNavLink, StOfflineBanner, StPageHeader, StPageTitle, StPrivacyToggle, StProgress, StRouteProgress, StSegmentedControl, StSkipLink, StSpinner, StThemeToggle, StTimer, affichageDiffere, catalogueDuPointDEntree, copierDansLePressePapiers, decrireLErreur, dureeDuJeton, estIconeMetier, fermerApresLaSortie, fonduDEntree, fonduDeSortie, formaterDuree, fournirCheminDuSprite, iconeMetier, jetonsDeLAttribut, partagerDesJetons, partagerLaValeur, plusLongueTransition, pressePapiersDisponible, provideStarterUi, resoudreLeNomDIcone, verifierLeCheminDuSprite };
 
 //# sourceMappingURL=starterlib-ui.mjs.map