@starterlib/ui 0.10.14 → 0.11.1

package/fesm2022/starterlib-ui-saisie.mjs

@@ -1,9 +1,9 @@
 import { ADRESSE_VIDE, CODES_DES_PAYS, adresseEstVide, ajouterJours, ajouterMois, bornerDate, codePostalValide, decimalesDe, estDateIso, estHeureIso, exempleDHeure, exempleDeMois, formatDAdresse, formaterDateLongue, formaterDateSaisie, formaterHeureSaisie, formaterIban, formaterMontant, formaterNombre, formaterTaille, ibanEstValide, jourDeLaSemaine, listeDesPays, masquerIban, montant, motifDHeure, motifDeDate, motifDuMois, nomAffichable, nomDuPays, normaliserCodeDePays, normaliserCodePostal, normaliserIban, normaliserTelephone, partiesAffichees, partiesExigees, premierJourDeLaSemaine, regionReconnue, semainesDuMois, typeDeFichierAccepte } from "@starterlib/util/valeurs";
 import * as i0 from "@angular/core";
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, DOCUMENT, DestroyRef, Directive, ElementRef, Injectable, InjectionToken, Injector, afterEveryRender, afterNextRender, afterRenderEffect, booleanAttribute, computed, contentChild, contentChildren, effect, inject, input, isDevMode, linkedSignal, model, numberAttribute, output, resource, signal, untracked, viewChild, viewChildren } from "@angular/core";
-import { AnnonceLocale, FUSEAU_PAR_DEFAUT, ST_LIBELLES, ST_LISTES_D_ADRESSES, ST_LOCALE, StButton, StIcon, StIconButton, StIdentifiants, StInlineMessage, StProgress, StSpinner, affichageDiffere } from "@starterlib/ui";
+import { AnnonceLocale, FUSEAU_PAR_DEFAUT, ST_LIBELLES, ST_LISTES_D_ADRESSES, ST_LOCALE, ST_MARQUE_D_OBLIGATION, StButton, StIcon, StIconButton, StIdentifiants, StInlineMessage, StProgress, StSpinner, affichageDiffere } from "@starterlib/ui";
+import { delai, tenue } from "@starterlib/tokens";
 import { DOCUMENT as DOCUMENT$1 } from "@angular/common";
-import { tenue } from "@starterlib/tokens";
 import { sansCommandesDeDirection, texteDUneLigne } from "@starterlib/util";
 import { ST_CHAMP_A_ETIQUETTES, StTagGroup } from "@starterlib/ui/indicateurs";
 function messageDErreur(erreur, libelles, locale = "fr-FR") {
@@ -275,52 +275,52 @@ function fusionnerErreurs(formulaire, lecture) {
 }
 const ST_GROUPE_DE_SAISIE = new InjectionToken("ST_GROUPE_DE_SAISIE");
 var ContratDeChamp = class ContratDeChamp {
-	libelle = input.required(...ngDevMode ? [{ debugName: "libelle" }] : 	/* istanbul ignore next */ []);
-	aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : 	/* istanbul ignore next */ []);
-	errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : 	/* istanbul ignore next */ []);
+	libelle = input.required(...ngDevMode ? [{ debugName: "libelle" }] : /* istanbul ignore next */ []);
+	aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
+	errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
 	touched = input(false, {
-		...ngDevMode ? { debugName: "touched" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	dirty = input(false, {
-		...ngDevMode ? { debugName: "dirty" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	pending = input(false, {
-		...ngDevMode ? { debugName: "pending" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	disabled = input(false, {
-		...ngDevMode ? { debugName: "disabled" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : 	/* istanbul ignore next */ []);
+	disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
 	readonly = input(false, {
-		...ngDevMode ? { debugName: "readonly" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	required = input(false, {
-		...ngDevMode ? { debugName: "required" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	hidden = input(false, {
-		...ngDevMode ? { debugName: "hidden" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	name = input("", ...ngDevMode ? [{ debugName: "name" }] : 	/* istanbul ignore next */ []);
-	minLength = input(void 0, ...ngDevMode ? [{ debugName: "minLength" }] : 	/* istanbul ignore next */ []);
-	maxLength = input(void 0, ...ngDevMode ? [{ debugName: "maxLength" }] : 	/* istanbul ignore next */ []);
-	pattern = input([], ...ngDevMode ? [{ debugName: "pattern" }] : 	/* istanbul ignore next */ []);
+	name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
+	minLength = input(void 0, ...ngDevMode ? [{ debugName: "minLength" }] : /* istanbul ignore next */ []);
+	maxLength = input(void 0, ...ngDevMode ? [{ debugName: "maxLength" }] : /* istanbul ignore next */ []);
+	pattern = input([], ...ngDevMode ? [{ debugName: "pattern" }] : /* istanbul ignore next */ []);
 	touch = output();
-	champ = viewChild("champ", ...ngDevMode ? [{ debugName: "champ" }] : 	/* istanbul ignore next */ []);
+	champ = viewChild("champ", ...ngDevMode ? [{ debugName: "champ" }] : /* istanbul ignore next */ []);
 	groupe = inject(ST_GROUPE_DE_SAISIE, { optional: true });
-	desactive = computed(() => this.disabled() || (this.groupe?.disabled() ?? false), ...ngDevMode ? [{ debugName: "desactive" }] : 	/* istanbul ignore next */ []);
+	desactive = computed(() => this.disabled() || (this.groupe?.disabled() ?? false), ...ngDevMode ? [{ debugName: "desactive" }] : /* istanbul ignore next */ []);
 	aideEtRaisons = computed(() => {
 		const raisons = this.disabled() ? this.disabledReasons().map((raison) => raison.message?.trim() ?? "").filter((message) => message !== "") : [];
 		const aide = this.aide()?.trim() ?? "";
 		const morceaux = aide === "" ? raisons : [aide, ...raisons];
 		return morceaux.length === 0 ? null : morceaux.join(" ");
-	}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
 	focus(options) {
 		this.champ()?.nativeElement.focus(options);
 	}
@@ -329,7 +329,7 @@ var ContratDeChamp = class ContratDeChamp {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: ContratDeChamp,
 		deps: [],
@@ -337,7 +337,7 @@ var ContratDeChamp = class ContratDeChamp {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.2.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: ContratDeChamp,
 		isStandalone: true,
 		inputs: {
@@ -461,7 +461,7 @@ var ContratDeChamp = class ContratDeChamp {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: ContratDeChamp,
 	decorators: [{
@@ -600,11 +600,11 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 var ContratDeChampABornes = class ContratDeChampABornes extends ContratDeChamp {
-	min = input(void 0, ...ngDevMode ? [{ debugName: "min" }] : 	/* istanbul ignore next */ []);
-	max = input(void 0, ...ngDevMode ? [{ debugName: "max" }] : 	/* istanbul ignore next */ []);
+	min = input(void 0, ...ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []);
+	max = input(void 0, ...ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: ContratDeChampABornes,
 		deps: null,
@@ -612,7 +612,7 @@ var ContratDeChampABornes = class ContratDeChampABornes extends ContratDeChamp {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: ContratDeChampABornes,
 		isStandalone: true,
 		inputs: {
@@ -637,7 +637,7 @@ var ContratDeChampABornes = class ContratDeChampABornes extends ContratDeChamp {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: ContratDeChampABornes,
 	decorators: [{ type: Directive }],
@@ -661,10 +661,10 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 var ControleDeSaisie = class ControleDeSaisie extends ContratDeChamp {
-	value = model("", ...ngDevMode ? [{ debugName: "value" }] : 	/* istanbul ignore next */ []);
+	value = model("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: ControleDeSaisie,
 		deps: null,
@@ -672,7 +672,7 @@ var ControleDeSaisie = class ControleDeSaisie extends ContratDeChamp {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: ControleDeSaisie,
 		isStandalone: true,
 		inputs: { value: {
@@ -689,7 +689,7 @@ var ControleDeSaisie = class ControleDeSaisie extends ContratDeChamp {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: ControleDeSaisie,
 	decorators: [{ type: Directive }],
@@ -706,7 +706,7 @@ i0.ɵɵngDeclareClassMetadata({
 	}] }
 });
 var ContratDeCase = class ContratDeCase extends ContratDeChamp {
-	checked = model(false, ...ngDevMode ? [{ debugName: "checked" }] : 	/* istanbul ignore next */ []);
+	checked = model(false, ...ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []);
 	surClic(evenement) {
 		if (this.readonly()) evenement.preventDefault();
 	}
@@ -720,7 +720,7 @@ var ContratDeCase = class ContratDeCase extends ContratDeChamp {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: ContratDeCase,
 		deps: null,
@@ -728,7 +728,7 @@ var ContratDeCase = class ContratDeCase extends ContratDeChamp {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: ContratDeCase,
 		isStandalone: true,
 		inputs: { checked: {
@@ -745,7 +745,7 @@ var ContratDeCase = class ContratDeCase extends ContratDeChamp {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: ContratDeCase,
 	decorators: [{ type: Directive }],
@@ -780,7 +780,7 @@ var StNomsDesChamps = class StNomsDesChamps {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StNomsDesChamps,
 		deps: [],
@@ -788,7 +788,7 @@ var StNomsDesChamps = class StNomsDesChamps {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StNomsDesChamps,
 		providedIn: "root"
@@ -796,7 +796,7 @@ var StNomsDesChamps = class StNomsDesChamps {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StNomsDesChamps,
 	decorators: [{
@@ -807,18 +807,18 @@ i0.ɵɵngDeclareClassMetadata({
 var PorteurDErreurs = class PorteurDErreurs {
 	libelles = inject(ST_LIBELLES);
 	locale = inject(ST_LOCALE);
-	aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : 	/* istanbul ignore next */ []);
-	erreurs = input([], ...ngDevMode ? [{ debugName: "erreurs" }] : 	/* istanbul ignore next */ []);
+	aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
+	erreurs = input([], ...ngDevMode ? [{ debugName: "erreurs" }] : /* istanbul ignore next */ []);
 	afficherErreurs = input(false, {
-		...ngDevMode ? { debugName: "afficherErreurs" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "afficherErreurs" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	toutesLesErreurs = input(false, {
-		...ngDevMode ? { debugName: "toutesLesErreurs" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "toutesLesErreurs" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	obligatoire = input(false, {
-		...ngDevMode ? { debugName: "obligatoire" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "obligatoire" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	racine = inject(StIdentifiants).prochain(this.prefixeDIdentifiant());
@@ -830,29 +830,30 @@ var PorteurDErreurs = class PorteurDErreurs {
 			noms.retirer(element);
 		});
 	}
-	libelleObligatoire = computed(() => this.libelles().obligatoire, ...ngDevMode ? [{ debugName: "libelleObligatoire" }] : 	/* istanbul ignore next */ []);
-	aideRendue = computed(() => texteRendu(this.aide()), ...ngDevMode ? [{ debugName: "aideRendue" }] : 	/* istanbul ignore next */ []);
+	libelleObligatoire = computed(() => this.libelles().obligatoire, ...ngDevMode ? [{ debugName: "libelleObligatoire" }] : /* istanbul ignore next */ []);
+	asterisque = inject(ST_MARQUE_D_OBLIGATION) === "asterisque";
+	aideRendue = computed(() => texteRendu(this.aide()), ...ngDevMode ? [{ debugName: "aideRendue" }] : /* istanbul ignore next */ []);
 	messages = computed(() => {
 		if (!this.afficherErreurs()) return [];
 		const erreurs = this.toutesLesErreurs() ? this.erreurs() : this.erreurs().slice(0, 1);
 		const libelles = this.libelles();
 		const locale = this.locale();
 		return erreurs.map((erreur) => messageDErreur(erreur, libelles, locale));
-	}, ...ngDevMode ? [{ debugName: "messages" }] : 	/* istanbul ignore next */ []);
-	enErreur = computed(() => this.messages().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []);
+	enErreur = computed(() => this.messages().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
 	descriptions = computed(() => {
 		const ids = [];
 		if (this.aideRendue() !== null) ids.push(this.identifiants.aide);
 		ids.push(...this.descriptionsPropres());
 		if (this.enErreur()) ids.push(this.identifiants.erreur);
 		return ids.length === 0 ? null : ids.join(" ");
-	}, ...ngDevMode ? [{ debugName: "descriptions" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "descriptions" }] : /* istanbul ignore next */ []);
 	descriptionsPropres() {
 		return [];
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: PorteurDErreurs,
 		deps: [],
@@ -860,7 +861,7 @@ var PorteurDErreurs = class PorteurDErreurs {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: PorteurDErreurs,
 		isStandalone: true,
 		inputs: {
@@ -905,7 +906,7 @@ var PorteurDErreurs = class PorteurDErreurs {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: PorteurDErreurs,
 	decorators: [{ type: Directive }],
@@ -966,15 +967,15 @@ const ELEMENTS_ETIQUETABLES = /* @__PURE__ */ new Set([
 	"PROGRESS"
 ]);
 var StFormField = class StFormField extends PorteurDErreurs {
-	libelle = input.required(...ngDevMode ? [{ debugName: "libelle" }] : 	/* istanbul ignore next */ []);
-	complement = input(null, ...ngDevMode ? [{ debugName: "complement" }] : 	/* istanbul ignore next */ []);
-	disposition = input("empilee", ...ngDevMode ? [{ debugName: "disposition" }] : 	/* istanbul ignore next */ []);
-	presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : 	/* istanbul ignore next */ []);
+	libelle = input.required(...ngDevMode ? [{ debugName: "libelle" }] : /* istanbul ignore next */ []);
+	complement = input(null, ...ngDevMode ? [{ debugName: "complement" }] : /* istanbul ignore next */ []);
+	disposition = input("empilee", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
+	presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : /* istanbul ignore next */ []);
 	libelleMasque = input(false, {
-		...ngDevMode ? { debugName: "libelleMasque" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "libelleMasque" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	descriptionsDuControle = input([], ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] : 	/* istanbul ignore next */ []);
+	descriptionsDuControle = input([], ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] : /* istanbul ignore next */ []);
 	identifiants = {
 		controle: this.racine,
 		libelle: `${this.racine}-libelle`,
@@ -984,18 +985,18 @@ var StFormField = class StFormField extends PorteurDErreurs {
 		complement: `${this.racine}-complement`,
 		erreur: `${this.racine}-erreur`
 	};
-	complementRendu = computed(() => texteRendu(this.complement()), ...ngDevMode ? [{ debugName: "complementRendu" }] : 	/* istanbul ignore next */ []);
+	complementRendu = computed(() => texteRendu(this.complement()), ...ngDevMode ? [{ debugName: "complementRendu" }] : /* istanbul ignore next */ []);
 	controle = contentChild(StControleDeChamp, {
-		...ngDevMode ? { debugName: "controle" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "controle" } : /* istanbul ignore next */ {},
 		descendants: true,
 		read: ElementRef
 	});
-	zoneDeMeta = viewChild("meta", ...ngDevMode ? [{ debugName: "zoneDeMeta" }] : 	/* istanbul ignore next */ []);
-	zoneDIndication = viewChild("indication", ...ngDevMode ? [{ debugName: "zoneDIndication" }] : 	/* istanbul ignore next */ []);
-	metaPresente = signal(false, ...ngDevMode ? [{ debugName: "metaPresente" }] : 	/* istanbul ignore next */ []);
-	indicationPresente = signal(false, ...ngDevMode ? [{ debugName: "indicationPresente" }] : 	/* istanbul ignore next */ []);
-	zoneDuLibelleRiche = viewChild("libelleRiche", ...ngDevMode ? [{ debugName: "zoneDuLibelleRiche" }] : 	/* istanbul ignore next */ []);
-	libelleRichePresent = signal(false, ...ngDevMode ? [{ debugName: "libelleRichePresent" }] : 	/* istanbul ignore next */ []);
+	zoneDeMeta = viewChild("meta", ...ngDevMode ? [{ debugName: "zoneDeMeta" }] : /* istanbul ignore next */ []);
+	zoneDIndication = viewChild("indication", ...ngDevMode ? [{ debugName: "zoneDIndication" }] : /* istanbul ignore next */ []);
+	metaPresente = signal(false, ...ngDevMode ? [{ debugName: "metaPresente" }] : /* istanbul ignore next */ []);
+	indicationPresente = signal(false, ...ngDevMode ? [{ debugName: "indicationPresente" }] : /* istanbul ignore next */ []);
+	zoneDuLibelleRiche = viewChild("libelleRiche", ...ngDevMode ? [{ debugName: "zoneDuLibelleRiche" }] : /* istanbul ignore next */ []);
+	libelleRichePresent = signal(false, ...ngDevMode ? [{ debugName: "libelleRichePresent" }] : /* istanbul ignore next */ []);
 	nom() {
 		return this.libelle();
 	}
@@ -1030,7 +1031,7 @@ var StFormField = class StFormField extends PorteurDErreurs {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StFormField,
 		deps: [],
@@ -1038,7 +1039,7 @@ var StFormField = class StFormField extends PorteurDErreurs {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StFormField,
 		isStandalone: true,
 		selector: "st-form-field",
@@ -1127,8 +1128,8 @@ var StFormField = class StFormField extends PorteurDErreurs {
 		],
 		usesInheritance: true,
 		ngImport: i0,
-		template: "<!-- Une grille interieure : l'hote peut ainsi etre le conteneur de requete de `en-ligne`. -->\n<div class=\"st-form-field__grille\">\n  <!-- En-tete : l'etiquette (et sa mention), la meta projetee a droite. -->\n  <div class=\"st-form-field__entete\">\n    <!-- Exception de eslint.config.mjs (clic sans clavier sur l'etiquette) :\n         Le clic sur une etiquette est une commodite de souris, comme pour tout\n         champ natif : au clavier, le controle se rejoint par tabulation, et\n         l'etiquette n'a pas a recevoir le focus. -->\n    <label\n      class=\"st-form-field__libelle\"\n      [class.st-vh]=\"libelleMasque()\"\n      [id]=\"identifiants.libelle\"\n      [for]=\"identifiants.controle\"\n      [attr.data-libelle]=\"libelle()\"\n      (click)=\"focaliserLeControle()\"\n    >\n      <!-- Libelle riche (lot 218) : un [stLibelle] projete (un lien vers les conditions generales)\n           prend la place du texte ; sans lui, le libelle. Releve au rendu : relaye par un champ du\n           socle, le contenu echappe aux requetes, et une fente relayee vide compterait comme remplie.\n           Aucun blanc autour du texte : la largeur minimale de l'etiquette est mesuree. -->\n      <span class=\"st-form-field__texte\"\n        ><span #libelleRiche class=\"st-form-field__libelle-riche\"\n          ><ng-content select=\"[stLibelle]\" /></span\n        >{{ libelleRichePresent() ? '' : libelle() }}</span\n      >\n      @if (obligatoire()) {\n        <span class=\"st-form-field__obligatoire\">{{ libelleObligatoire() }}</span>\n      }\n    </label>\n    <!-- L'aide contextuelle (lot 265) : HORS de l'etiquette, son nom n'entre pas dans celui du\n         champ ; elle suit l'etiquette et sa mention. -->\n    <span class=\"st-form-field__aide-contextuelle\"><ng-content select=\"[stAide]\" /></span>\n    <span #meta class=\"st-form-field__meta\" [id]=\"identifiants.meta\"\n      ><ng-content select=\"[stMeta]\"\n    /></span>\n  </div>\n\n  @if (aideRendue(); as texte) {\n    <p class=\"st-form-field__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n  }\n\n  <!-- Le message : l'erreur, et a defaut l'indication projetee, a la meme place. -->\n  @if (enErreur()) {\n    <div class=\"st-form-field__erreurs\" [id]=\"identifiants.erreur\">\n      @for (message of messages(); track $index) {\n        <st-inline-message ton=\"danger\">{{ message }}</st-inline-message>\n      }\n    </div>\n  }\n  <div\n    #indication\n    class=\"st-form-field__indication\"\n    [id]=\"identifiants.indication\"\n    [hidden]=\"enErreur()\"\n  >\n    <ng-content select=\"[stIndication]\" />\n  </div>\n\n  <div class=\"st-form-field__controle\">\n    @if (enErreur()) {\n      <span class=\"st-form-field__lisere\"></span>\n    }\n    <ng-content />\n  </div>\n\n  @if (complementRendu(); as texte) {\n    <p class=\"st-form-field__complement\" [id]=\"identifiants.complement\">{{ texte }}</p>\n  }\n</div>\n",
-		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block;min-inline-size:0}.st-form-field__grille{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);min-inline-size:0}.st-form-field__entete{display:flex;align-items:center;justify-content:space-between}.st-form-field__libelle{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:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;justify-content:space-between;min-inline-size:0;color:var(--st-couleur-texte-discret)}.st-form-field__aide-contextuelle{display:inline-flex;flex:none;margin-block:calc((var(--st-interligne-sm) - var(--st-hauteur-commande-sm)) / 2)}.st-form-field__aide-contextuelle:empty{display:none}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)){gap:var(--st-espacement-1);justify-content:flex-start}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)) .st-form-field__libelle{flex-grow:0}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)) .st-form-field__meta{margin-inline-start:auto}.st-form-field__texte{flex:1 1 min-content;min-inline-size:0;overflow-wrap:break-word}:host([data-presentation=micro-capitales]:not([data-disposition=case],[data-disposition=reglage])) .st-form-field__grille{gap:var(--st-espacement-1)}:host([data-presentation=micro-capitales]:not([data-disposition=case],[data-disposition=reglage])) .st-form-field__libelle{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;color:var(--st-couleur-texte-discret)}.st-form-field__obligatoire{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-attenue)}.st-form-field__meta{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-form-field__meta:empty{display:none}:host(:focus-within) .st-form-field__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire)}:host([data-en-erreur]) .st-form-field__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-danger)}:host([data-en-erreur]) .st-form-field__obligatoire{color:var(--st-couleur-danger)}.st-form-field__aide,.st-form-field__complement{margin:0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-form-field__complement{font-variant-numeric:var(--st-chiffres-alignes)}.st-form-field__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);padding-block:var(--st-espacement-1);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-danger)}.st-form-field__erreurs>st-inline-message{align-items:center;font-weight:inherit}.st-form-field__erreurs ::ng-deep .st-inline-message__icone,.st-form-field__indication ::ng-deep .st-inline-message__icone{align-items:flex-start}.st-form-field__indication{display:flex;align-items:center;min-block-size:calc(var(--st-interligne-xs) + var(--st-espacement-1-5));font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}.st-form-field__indication:empty,.st-form-field__indication[hidden]{display:none}.st-form-field__indication ::ng-deep>st-inline-message{gap:var(--st-espacement-1);align-items:center}.st-form-field__controle{position:relative;min-inline-size:0}.st-form-field__lisere{position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--st-espacement-3));inline-size:var(--st-epaisseur-forte);background-color:var(--st-couleur-danger);border-radius:var(--st-rayon-pleine)}@media(forced-colors:active){.st-form-field__lisere{forced-color-adjust:none;background-color:CanvasText}}:host([data-disposition=case]) .st-form-field__grille,:host([data-disposition=reglage]) .st-form-field__grille{position:relative;justify-content:center;gap:0;min-block-size:var(--st-cible-min)}:host([data-disposition=case]) .st-form-field__entete,:host([data-disposition=reglage]) .st-form-field__entete{order:1}:host([data-disposition=case]) .st-form-field__erreurs,:host([data-disposition=case]) .st-form-field__indication,:host([data-disposition=reglage]) .st-form-field__erreurs,:host([data-disposition=reglage]) .st-form-field__indication{order:2}:host([data-disposition=case]) .st-form-field__aide,:host([data-disposition=reglage]) .st-form-field__aide{order:3}:host([data-disposition=case]) .st-form-field__complement,:host([data-disposition=reglage]) .st-form-field__complement{order:4}:host([data-disposition=case]) .st-form-field__controle,:host([data-disposition=reglage]) .st-form-field__controle{position:absolute;inset-block:0;display:flex;align-items:center}:host([data-disposition=case]) .st-form-field__libelle,:host([data-disposition=reglage]) .st-form-field__libelle{line-height:var(--st-choix-interligne, var(--st-interligne-sm))}:host([data-disposition=case]) .st-form-field__erreurs,:host([data-disposition=reglage]) .st-form-field__erreurs{gap:0;padding-block:0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-xs)}:host([data-disposition=case]) .st-form-field__erreurs>st-inline-message,:host([data-disposition=reglage]) .st-form-field__erreurs>st-inline-message{font-size:inherit;line-height:inherit}:host([data-disposition=case]) .st-form-field__erreurs ::ng-deep .st-inline-message__icone,:host([data-disposition=reglage]) .st-form-field__erreurs ::ng-deep .st-inline-message__icone{display:none}:host([data-disposition=case]) .st-form-field__indication,:host([data-disposition=reglage]) .st-form-field__indication{min-block-size:0}:host([data-disposition=case]) .st-form-field__lisere,:host([data-disposition=reglage]) .st-form-field__lisere{display:none}:host([data-disposition=case]:not([data-en-erreur])) .st-form-field__libelle,:host([data-disposition=case]:not([data-en-erreur])):focus-within .st-form-field__libelle,:host([data-disposition=reglage]:not([data-en-erreur])) .st-form-field__libelle,:host([data-disposition=reglage]:not([data-en-erreur])):focus-within .st-form-field__libelle{font-weight:var(--st-choix-graisse, var(--st-graisse-moyenne));color:var(--st-choix-couleur, var(--st-couleur-texte))}:host([data-disposition=case]) .st-form-field__grille{padding-inline-start:calc(var(--st-cible-min) + var(--st-espacement-3))}:host([data-disposition=case]) .st-form-field__controle{inset-inline-start:0}:host([data-disposition=reglage]) .st-form-field__grille{padding-inline-end:calc(var(--st-cible-tactile-min) + var(--st-espacement-3))}:host([data-disposition=reglage]) .st-form-field__controle{inset-inline-end:0}:host([data-disposition=en-ligne]) .st-form-field__entete{grid-area:entete}:host([data-disposition=en-ligne]) .st-form-field__aide{grid-area:aide}:host([data-disposition=en-ligne]) .st-form-field__erreurs,:host([data-disposition=en-ligne]) .st-form-field__indication{grid-area:message}:host([data-disposition=en-ligne]) .st-form-field__controle{grid-area:controle}:host([data-disposition=en-ligne]) .st-form-field__complement{grid-area:complement}:host([data-disposition=en-ligne]){container-type:inline-size}@container (min-width: 48rem){:host([data-disposition=en-ligne]) .st-form-field__grille{display:grid;grid-template-areas:\". aide\" \". message\" \"entete controle\" \". complement\";grid-template-columns:var(--st-champ-largeur-libelle, var(--st-largeur-champ-md)) minmax(0,1fr);gap:0 var(--st-espacement-4);align-items:start}:host([data-disposition=en-ligne]) .st-form-field__entete{align-self:start;padding-block-start:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2)}:host([data-disposition=en-ligne]) .st-form-field__aide{margin-block-end:var(--st-espacement-1)}:host([data-disposition=en-ligne]) .st-form-field__erreurs,:host([data-disposition=en-ligne]) .st-form-field__indication{margin-block-end:var(--st-espacement-1)}:host([data-disposition=en-ligne]) .st-form-field__complement{margin-block-start:var(--st-espacement-1)}}\n"],
+		template: "<!-- Une grille interieure : l'hote peut ainsi etre le conteneur de requete de `en-ligne`. -->\n<div class=\"st-form-field__grille\">\n  <!-- En-tete : l'etiquette (et sa mention), la meta projetee a droite. -->\n  <div class=\"st-form-field__entete\">\n    <!-- Exception de eslint.config.mjs (clic sans clavier sur l'etiquette) :\n         Le clic sur une etiquette est une commodite de souris, comme pour tout\n         champ natif : au clavier, le controle se rejoint par tabulation, et\n         l'etiquette n'a pas a recevoir le focus. -->\n    <label\n      class=\"st-form-field__libelle\"\n      [class.st-vh]=\"libelleMasque()\"\n      [id]=\"identifiants.libelle\"\n      [for]=\"identifiants.controle\"\n      [attr.data-libelle]=\"libelle()\"\n      (click)=\"focaliserLeControle()\"\n    >\n      <!-- Libelle riche (lot 218) : un [stLibelle] projete (un lien vers les conditions generales)\n           prend la place du texte ; sans lui, le libelle. Releve au rendu : relaye par un champ du\n           socle, le contenu echappe aux requetes, et une fente relayee vide compterait comme remplie.\n           Aucun blanc autour du texte : la largeur minimale de l'etiquette est mesuree. -->\n      <span class=\"st-form-field__texte\"\n        ><span #libelleRiche class=\"st-form-field__libelle-riche\"\n          ><ng-content select=\"[stLibelle]\" /></span\n        >{{ libelleRichePresent() ? '' : libelle() }}\n        @if (obligatoire() && asterisque) {\n          <span class=\"st-form-field__asterisque\" aria-hidden=\"true\">*</span>\n        }\n      </span>\n      @if (obligatoire() && !asterisque) {\n        <span class=\"st-form-field__obligatoire\">{{ libelleObligatoire() }}</span>\n      }\n    </label>\n    <!-- L'aide contextuelle (lot 265) : HORS de l'etiquette, son nom n'entre pas dans celui du\n         champ ; elle suit l'etiquette et sa mention. -->\n    <span class=\"st-form-field__aide-contextuelle\"><ng-content select=\"[stAide]\" /></span>\n    <span #meta class=\"st-form-field__meta\" [id]=\"identifiants.meta\"\n      ><ng-content select=\"[stMeta]\"\n    /></span>\n  </div>\n\n  @if (aideRendue(); as texte) {\n    <p class=\"st-form-field__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n  }\n\n  <!-- Le message : l'erreur, et a defaut l'indication projetee, a la meme place. -->\n  @if (enErreur()) {\n    <div class=\"st-form-field__erreurs\" [id]=\"identifiants.erreur\">\n      @for (message of messages(); track $index) {\n        <st-inline-message ton=\"erreur\">{{ message }}</st-inline-message>\n      }\n    </div>\n  }\n  <div\n    #indication\n    class=\"st-form-field__indication\"\n    [id]=\"identifiants.indication\"\n    [hidden]=\"enErreur()\"\n  >\n    <ng-content select=\"[stIndication]\" />\n  </div>\n\n  <div class=\"st-form-field__controle\">\n    @if (enErreur()) {\n      <span class=\"st-form-field__lisere\"></span>\n    }\n    <ng-content />\n  </div>\n\n  @if (complementRendu(); as texte) {\n    <p class=\"st-form-field__complement\" [id]=\"identifiants.complement\">{{ texte }}</p>\n  }\n</div>\n",
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block;min-inline-size:0}.st-form-field__grille{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);min-inline-size:0}.st-form-field__entete{display:flex;align-items:center;justify-content:space-between}.st-form-field__libelle{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:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;justify-content:space-between;min-inline-size:0;color:var(--st-couleur-texte-discret)}.st-form-field__aide-contextuelle{display:inline-flex;flex:none;margin-block:calc((var(--st-interligne-sm) - var(--st-hauteur-commande-sm)) / 2)}.st-form-field__aide-contextuelle:empty{display:none}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)){gap:var(--st-espacement-1);justify-content:flex-start}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)) .st-form-field__libelle{flex-grow:0}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)) .st-form-field__meta{margin-inline-start:auto}.st-form-field__texte{flex:1 1 min-content;min-inline-size:0;overflow-wrap:break-word}:host([data-presentation=micro-capitales]:not([data-disposition=case],[data-disposition=reglage])) .st-form-field__grille{gap:var(--st-espacement-1)}:host([data-presentation=micro-capitales]:not([data-disposition=case],[data-disposition=reglage])) .st-form-field__libelle{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;color:var(--st-couleur-texte-discret)}.st-form-field__asterisque{margin-inline-start:var(--st-espacement-1);font-weight:var(--st-graisse-semi);color:var(--st-couleur-erreur)}.st-form-field__obligatoire{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-attenue)}.st-form-field__meta{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-form-field__meta:empty{display:none}:host(:focus-within) .st-form-field__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire)}:host([data-en-erreur]) .st-form-field__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-erreur)}:host([data-en-erreur]) .st-form-field__obligatoire{color:var(--st-couleur-erreur)}.st-form-field__aide,.st-form-field__complement{margin:0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-form-field__complement{font-variant-numeric:var(--st-chiffres-alignes)}.st-form-field__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);padding-block:var(--st-espacement-1);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-form-field__erreurs>st-inline-message{align-items:center;font-weight:inherit}.st-form-field__erreurs ::ng-deep .st-inline-message__icone,.st-form-field__indication ::ng-deep .st-inline-message__icone{align-items:flex-start}.st-form-field__indication{display:flex;align-items:center;min-block-size:calc(var(--st-interligne-xs) + var(--st-espacement-1-5));font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}.st-form-field__indication:empty,.st-form-field__indication[hidden]{display:none}.st-form-field__indication ::ng-deep>st-inline-message{gap:var(--st-espacement-1);align-items:center}.st-form-field__controle{position:relative;min-inline-size:0}.st-form-field__lisere{position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--st-espacement-3));inline-size:var(--st-epaisseur-forte);background-color:var(--st-couleur-erreur);border-radius:var(--st-rayon-pleine)}@media(forced-colors:active){.st-form-field__lisere{forced-color-adjust:none;background-color:CanvasText}}:host([data-disposition=case]) .st-form-field__grille,:host([data-disposition=reglage]) .st-form-field__grille{position:relative;justify-content:center;gap:0;min-block-size:var(--st-cible-min)}:host([data-disposition=case]) .st-form-field__entete,:host([data-disposition=reglage]) .st-form-field__entete{order:1}:host([data-disposition=case]) .st-form-field__erreurs,:host([data-disposition=case]) .st-form-field__indication,:host([data-disposition=reglage]) .st-form-field__erreurs,:host([data-disposition=reglage]) .st-form-field__indication{order:2}:host([data-disposition=case]) .st-form-field__aide,:host([data-disposition=reglage]) .st-form-field__aide{order:3}:host([data-disposition=case]) .st-form-field__complement,:host([data-disposition=reglage]) .st-form-field__complement{order:4}:host([data-disposition=case]) .st-form-field__controle,:host([data-disposition=reglage]) .st-form-field__controle{position:absolute;inset-block:0;display:flex;align-items:center}:host([data-disposition=case]) .st-form-field__libelle,:host([data-disposition=reglage]) .st-form-field__libelle{line-height:var(--st-choix-interligne, var(--st-interligne-sm))}:host([data-disposition=case]) .st-form-field__erreurs,:host([data-disposition=reglage]) .st-form-field__erreurs{gap:0;padding-block:0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-xs)}:host([data-disposition=case]) .st-form-field__erreurs>st-inline-message,:host([data-disposition=reglage]) .st-form-field__erreurs>st-inline-message{font-size:inherit;line-height:inherit}:host([data-disposition=case]) .st-form-field__erreurs ::ng-deep .st-inline-message__icone,:host([data-disposition=reglage]) .st-form-field__erreurs ::ng-deep .st-inline-message__icone{display:none}:host([data-disposition=case]) .st-form-field__indication,:host([data-disposition=reglage]) .st-form-field__indication{min-block-size:0}:host([data-disposition=case]) .st-form-field__lisere,:host([data-disposition=reglage]) .st-form-field__lisere{display:none}:host([data-disposition=case]:not([data-en-erreur])) .st-form-field__libelle,:host([data-disposition=case]:not([data-en-erreur])):focus-within .st-form-field__libelle,:host([data-disposition=reglage]:not([data-en-erreur])) .st-form-field__libelle,:host([data-disposition=reglage]:not([data-en-erreur])):focus-within .st-form-field__libelle{font-weight:var(--st-choix-graisse, var(--st-graisse-moyenne));color:var(--st-choix-couleur, var(--st-couleur-texte))}:host([data-disposition=case]) .st-form-field__grille{padding-inline-start:calc(var(--st-cible-min) + var(--st-espacement-3))}:host([data-disposition=case]) .st-form-field__controle{inset-inline-start:0}:host([data-disposition=reglage]) .st-form-field__grille{padding-inline-end:calc(var(--st-cible-tactile-min) + var(--st-espacement-3))}:host([data-disposition=reglage]) .st-form-field__controle{inset-inline-end:0}:host([data-disposition=en-ligne]) .st-form-field__entete{grid-area:entete}:host([data-disposition=en-ligne]) .st-form-field__aide{grid-area:aide}:host([data-disposition=en-ligne]) .st-form-field__erreurs,:host([data-disposition=en-ligne]) .st-form-field__indication{grid-area:message}:host([data-disposition=en-ligne]) .st-form-field__controle{grid-area:controle}:host([data-disposition=en-ligne]) .st-form-field__complement{grid-area:complement}:host([data-disposition=en-ligne]){container-type:inline-size}@container (min-width: 48rem){:host([data-disposition=en-ligne]) .st-form-field__grille{display:grid;grid-template-areas:\". aide\" \". message\" \"entete controle\" \". complement\";grid-template-columns:var(--st-champ-largeur-libelle, var(--st-largeur-champ-md)) minmax(0,1fr);gap:0 var(--st-espacement-4);align-items:start}:host([data-disposition=en-ligne]) .st-form-field__entete{align-self:start;padding-block-start:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2)}:host([data-disposition=en-ligne]) .st-form-field__aide{margin-block-end:var(--st-espacement-1)}:host([data-disposition=en-ligne]) .st-form-field__erreurs,:host([data-disposition=en-ligne]) .st-form-field__indication{margin-block-end:var(--st-espacement-1)}:host([data-disposition=en-ligne]) .st-form-field__complement{margin-block-start:var(--st-espacement-1)}}\n"],
 		dependencies: [{
 			kind: "component",
 			type: StInlineMessage,
@@ -1146,7 +1147,7 @@ var StFormField = class StFormField extends PorteurDErreurs {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StFormField,
 	decorators: [{
@@ -1161,8 +1162,8 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.data-disposition]": "disposition()",
 				"[attr.data-presentation]": "presentation()"
 			},
-			template: "<!-- Une grille interieure : l'hote peut ainsi etre le conteneur de requete de `en-ligne`. -->\n<div class=\"st-form-field__grille\">\n  <!-- En-tete : l'etiquette (et sa mention), la meta projetee a droite. -->\n  <div class=\"st-form-field__entete\">\n    <!-- Exception de eslint.config.mjs (clic sans clavier sur l'etiquette) :\n         Le clic sur une etiquette est une commodite de souris, comme pour tout\n         champ natif : au clavier, le controle se rejoint par tabulation, et\n         l'etiquette n'a pas a recevoir le focus. -->\n    <label\n      class=\"st-form-field__libelle\"\n      [class.st-vh]=\"libelleMasque()\"\n      [id]=\"identifiants.libelle\"\n      [for]=\"identifiants.controle\"\n      [attr.data-libelle]=\"libelle()\"\n      (click)=\"focaliserLeControle()\"\n    >\n      <!-- Libelle riche (lot 218) : un [stLibelle] projete (un lien vers les conditions generales)\n           prend la place du texte ; sans lui, le libelle. Releve au rendu : relaye par un champ du\n           socle, le contenu echappe aux requetes, et une fente relayee vide compterait comme remplie.\n           Aucun blanc autour du texte : la largeur minimale de l'etiquette est mesuree. -->\n      <span class=\"st-form-field__texte\"\n        ><span #libelleRiche class=\"st-form-field__libelle-riche\"\n          ><ng-content select=\"[stLibelle]\" /></span\n        >{{ libelleRichePresent() ? '' : libelle() }}</span\n      >\n      @if (obligatoire()) {\n        <span class=\"st-form-field__obligatoire\">{{ libelleObligatoire() }}</span>\n      }\n    </label>\n    <!-- L'aide contextuelle (lot 265) : HORS de l'etiquette, son nom n'entre pas dans celui du\n         champ ; elle suit l'etiquette et sa mention. -->\n    <span class=\"st-form-field__aide-contextuelle\"><ng-content select=\"[stAide]\" /></span>\n    <span #meta class=\"st-form-field__meta\" [id]=\"identifiants.meta\"\n      ><ng-content select=\"[stMeta]\"\n    /></span>\n  </div>\n\n  @if (aideRendue(); as texte) {\n    <p class=\"st-form-field__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n  }\n\n  <!-- Le message : l'erreur, et a defaut l'indication projetee, a la meme place. -->\n  @if (enErreur()) {\n    <div class=\"st-form-field__erreurs\" [id]=\"identifiants.erreur\">\n      @for (message of messages(); track $index) {\n        <st-inline-message ton=\"danger\">{{ message }}</st-inline-message>\n      }\n    </div>\n  }\n  <div\n    #indication\n    class=\"st-form-field__indication\"\n    [id]=\"identifiants.indication\"\n    [hidden]=\"enErreur()\"\n  >\n    <ng-content select=\"[stIndication]\" />\n  </div>\n\n  <div class=\"st-form-field__controle\">\n    @if (enErreur()) {\n      <span class=\"st-form-field__lisere\"></span>\n    }\n    <ng-content />\n  </div>\n\n  @if (complementRendu(); as texte) {\n    <p class=\"st-form-field__complement\" [id]=\"identifiants.complement\">{{ texte }}</p>\n  }\n</div>\n",
-			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block;min-inline-size:0}.st-form-field__grille{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);min-inline-size:0}.st-form-field__entete{display:flex;align-items:center;justify-content:space-between}.st-form-field__libelle{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:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;justify-content:space-between;min-inline-size:0;color:var(--st-couleur-texte-discret)}.st-form-field__aide-contextuelle{display:inline-flex;flex:none;margin-block:calc((var(--st-interligne-sm) - var(--st-hauteur-commande-sm)) / 2)}.st-form-field__aide-contextuelle:empty{display:none}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)){gap:var(--st-espacement-1);justify-content:flex-start}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)) .st-form-field__libelle{flex-grow:0}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)) .st-form-field__meta{margin-inline-start:auto}.st-form-field__texte{flex:1 1 min-content;min-inline-size:0;overflow-wrap:break-word}:host([data-presentation=micro-capitales]:not([data-disposition=case],[data-disposition=reglage])) .st-form-field__grille{gap:var(--st-espacement-1)}:host([data-presentation=micro-capitales]:not([data-disposition=case],[data-disposition=reglage])) .st-form-field__libelle{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;color:var(--st-couleur-texte-discret)}.st-form-field__obligatoire{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-attenue)}.st-form-field__meta{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-form-field__meta:empty{display:none}:host(:focus-within) .st-form-field__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire)}:host([data-en-erreur]) .st-form-field__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-danger)}:host([data-en-erreur]) .st-form-field__obligatoire{color:var(--st-couleur-danger)}.st-form-field__aide,.st-form-field__complement{margin:0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-form-field__complement{font-variant-numeric:var(--st-chiffres-alignes)}.st-form-field__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);padding-block:var(--st-espacement-1);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-danger)}.st-form-field__erreurs>st-inline-message{align-items:center;font-weight:inherit}.st-form-field__erreurs ::ng-deep .st-inline-message__icone,.st-form-field__indication ::ng-deep .st-inline-message__icone{align-items:flex-start}.st-form-field__indication{display:flex;align-items:center;min-block-size:calc(var(--st-interligne-xs) + var(--st-espacement-1-5));font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}.st-form-field__indication:empty,.st-form-field__indication[hidden]{display:none}.st-form-field__indication ::ng-deep>st-inline-message{gap:var(--st-espacement-1);align-items:center}.st-form-field__controle{position:relative;min-inline-size:0}.st-form-field__lisere{position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--st-espacement-3));inline-size:var(--st-epaisseur-forte);background-color:var(--st-couleur-danger);border-radius:var(--st-rayon-pleine)}@media(forced-colors:active){.st-form-field__lisere{forced-color-adjust:none;background-color:CanvasText}}:host([data-disposition=case]) .st-form-field__grille,:host([data-disposition=reglage]) .st-form-field__grille{position:relative;justify-content:center;gap:0;min-block-size:var(--st-cible-min)}:host([data-disposition=case]) .st-form-field__entete,:host([data-disposition=reglage]) .st-form-field__entete{order:1}:host([data-disposition=case]) .st-form-field__erreurs,:host([data-disposition=case]) .st-form-field__indication,:host([data-disposition=reglage]) .st-form-field__erreurs,:host([data-disposition=reglage]) .st-form-field__indication{order:2}:host([data-disposition=case]) .st-form-field__aide,:host([data-disposition=reglage]) .st-form-field__aide{order:3}:host([data-disposition=case]) .st-form-field__complement,:host([data-disposition=reglage]) .st-form-field__complement{order:4}:host([data-disposition=case]) .st-form-field__controle,:host([data-disposition=reglage]) .st-form-field__controle{position:absolute;inset-block:0;display:flex;align-items:center}:host([data-disposition=case]) .st-form-field__libelle,:host([data-disposition=reglage]) .st-form-field__libelle{line-height:var(--st-choix-interligne, var(--st-interligne-sm))}:host([data-disposition=case]) .st-form-field__erreurs,:host([data-disposition=reglage]) .st-form-field__erreurs{gap:0;padding-block:0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-xs)}:host([data-disposition=case]) .st-form-field__erreurs>st-inline-message,:host([data-disposition=reglage]) .st-form-field__erreurs>st-inline-message{font-size:inherit;line-height:inherit}:host([data-disposition=case]) .st-form-field__erreurs ::ng-deep .st-inline-message__icone,:host([data-disposition=reglage]) .st-form-field__erreurs ::ng-deep .st-inline-message__icone{display:none}:host([data-disposition=case]) .st-form-field__indication,:host([data-disposition=reglage]) .st-form-field__indication{min-block-size:0}:host([data-disposition=case]) .st-form-field__lisere,:host([data-disposition=reglage]) .st-form-field__lisere{display:none}:host([data-disposition=case]:not([data-en-erreur])) .st-form-field__libelle,:host([data-disposition=case]:not([data-en-erreur])):focus-within .st-form-field__libelle,:host([data-disposition=reglage]:not([data-en-erreur])) .st-form-field__libelle,:host([data-disposition=reglage]:not([data-en-erreur])):focus-within .st-form-field__libelle{font-weight:var(--st-choix-graisse, var(--st-graisse-moyenne));color:var(--st-choix-couleur, var(--st-couleur-texte))}:host([data-disposition=case]) .st-form-field__grille{padding-inline-start:calc(var(--st-cible-min) + var(--st-espacement-3))}:host([data-disposition=case]) .st-form-field__controle{inset-inline-start:0}:host([data-disposition=reglage]) .st-form-field__grille{padding-inline-end:calc(var(--st-cible-tactile-min) + var(--st-espacement-3))}:host([data-disposition=reglage]) .st-form-field__controle{inset-inline-end:0}:host([data-disposition=en-ligne]) .st-form-field__entete{grid-area:entete}:host([data-disposition=en-ligne]) .st-form-field__aide{grid-area:aide}:host([data-disposition=en-ligne]) .st-form-field__erreurs,:host([data-disposition=en-ligne]) .st-form-field__indication{grid-area:message}:host([data-disposition=en-ligne]) .st-form-field__controle{grid-area:controle}:host([data-disposition=en-ligne]) .st-form-field__complement{grid-area:complement}:host([data-disposition=en-ligne]){container-type:inline-size}@container (min-width: 48rem){:host([data-disposition=en-ligne]) .st-form-field__grille{display:grid;grid-template-areas:\". aide\" \". message\" \"entete controle\" \". complement\";grid-template-columns:var(--st-champ-largeur-libelle, var(--st-largeur-champ-md)) minmax(0,1fr);gap:0 var(--st-espacement-4);align-items:start}:host([data-disposition=en-ligne]) .st-form-field__entete{align-self:start;padding-block-start:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2)}:host([data-disposition=en-ligne]) .st-form-field__aide{margin-block-end:var(--st-espacement-1)}:host([data-disposition=en-ligne]) .st-form-field__erreurs,:host([data-disposition=en-ligne]) .st-form-field__indication{margin-block-end:var(--st-espacement-1)}:host([data-disposition=en-ligne]) .st-form-field__complement{margin-block-start:var(--st-espacement-1)}}\n"]
+			template: "<!-- Une grille interieure : l'hote peut ainsi etre le conteneur de requete de `en-ligne`. -->\n<div class=\"st-form-field__grille\">\n  <!-- En-tete : l'etiquette (et sa mention), la meta projetee a droite. -->\n  <div class=\"st-form-field__entete\">\n    <!-- Exception de eslint.config.mjs (clic sans clavier sur l'etiquette) :\n         Le clic sur une etiquette est une commodite de souris, comme pour tout\n         champ natif : au clavier, le controle se rejoint par tabulation, et\n         l'etiquette n'a pas a recevoir le focus. -->\n    <label\n      class=\"st-form-field__libelle\"\n      [class.st-vh]=\"libelleMasque()\"\n      [id]=\"identifiants.libelle\"\n      [for]=\"identifiants.controle\"\n      [attr.data-libelle]=\"libelle()\"\n      (click)=\"focaliserLeControle()\"\n    >\n      <!-- Libelle riche (lot 218) : un [stLibelle] projete (un lien vers les conditions generales)\n           prend la place du texte ; sans lui, le libelle. Releve au rendu : relaye par un champ du\n           socle, le contenu echappe aux requetes, et une fente relayee vide compterait comme remplie.\n           Aucun blanc autour du texte : la largeur minimale de l'etiquette est mesuree. -->\n      <span class=\"st-form-field__texte\"\n        ><span #libelleRiche class=\"st-form-field__libelle-riche\"\n          ><ng-content select=\"[stLibelle]\" /></span\n        >{{ libelleRichePresent() ? '' : libelle() }}\n        @if (obligatoire() && asterisque) {\n          <span class=\"st-form-field__asterisque\" aria-hidden=\"true\">*</span>\n        }\n      </span>\n      @if (obligatoire() && !asterisque) {\n        <span class=\"st-form-field__obligatoire\">{{ libelleObligatoire() }}</span>\n      }\n    </label>\n    <!-- L'aide contextuelle (lot 265) : HORS de l'etiquette, son nom n'entre pas dans celui du\n         champ ; elle suit l'etiquette et sa mention. -->\n    <span class=\"st-form-field__aide-contextuelle\"><ng-content select=\"[stAide]\" /></span>\n    <span #meta class=\"st-form-field__meta\" [id]=\"identifiants.meta\"\n      ><ng-content select=\"[stMeta]\"\n    /></span>\n  </div>\n\n  @if (aideRendue(); as texte) {\n    <p class=\"st-form-field__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n  }\n\n  <!-- Le message : l'erreur, et a defaut l'indication projetee, a la meme place. -->\n  @if (enErreur()) {\n    <div class=\"st-form-field__erreurs\" [id]=\"identifiants.erreur\">\n      @for (message of messages(); track $index) {\n        <st-inline-message ton=\"erreur\">{{ message }}</st-inline-message>\n      }\n    </div>\n  }\n  <div\n    #indication\n    class=\"st-form-field__indication\"\n    [id]=\"identifiants.indication\"\n    [hidden]=\"enErreur()\"\n  >\n    <ng-content select=\"[stIndication]\" />\n  </div>\n\n  <div class=\"st-form-field__controle\">\n    @if (enErreur()) {\n      <span class=\"st-form-field__lisere\"></span>\n    }\n    <ng-content />\n  </div>\n\n  @if (complementRendu(); as texte) {\n    <p class=\"st-form-field__complement\" [id]=\"identifiants.complement\">{{ texte }}</p>\n  }\n</div>\n",
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block;min-inline-size:0}.st-form-field__grille{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);min-inline-size:0}.st-form-field__entete{display:flex;align-items:center;justify-content:space-between}.st-form-field__libelle{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:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;justify-content:space-between;min-inline-size:0;color:var(--st-couleur-texte-discret)}.st-form-field__aide-contextuelle{display:inline-flex;flex:none;margin-block:calc((var(--st-interligne-sm) - var(--st-hauteur-commande-sm)) / 2)}.st-form-field__aide-contextuelle:empty{display:none}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)){gap:var(--st-espacement-1);justify-content:flex-start}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)) .st-form-field__libelle{flex-grow:0}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)) .st-form-field__meta{margin-inline-start:auto}.st-form-field__texte{flex:1 1 min-content;min-inline-size:0;overflow-wrap:break-word}:host([data-presentation=micro-capitales]:not([data-disposition=case],[data-disposition=reglage])) .st-form-field__grille{gap:var(--st-espacement-1)}:host([data-presentation=micro-capitales]:not([data-disposition=case],[data-disposition=reglage])) .st-form-field__libelle{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;color:var(--st-couleur-texte-discret)}.st-form-field__asterisque{margin-inline-start:var(--st-espacement-1);font-weight:var(--st-graisse-semi);color:var(--st-couleur-erreur)}.st-form-field__obligatoire{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-attenue)}.st-form-field__meta{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-form-field__meta:empty{display:none}:host(:focus-within) .st-form-field__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire)}:host([data-en-erreur]) .st-form-field__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-erreur)}:host([data-en-erreur]) .st-form-field__obligatoire{color:var(--st-couleur-erreur)}.st-form-field__aide,.st-form-field__complement{margin:0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-form-field__complement{font-variant-numeric:var(--st-chiffres-alignes)}.st-form-field__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);padding-block:var(--st-espacement-1);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-form-field__erreurs>st-inline-message{align-items:center;font-weight:inherit}.st-form-field__erreurs ::ng-deep .st-inline-message__icone,.st-form-field__indication ::ng-deep .st-inline-message__icone{align-items:flex-start}.st-form-field__indication{display:flex;align-items:center;min-block-size:calc(var(--st-interligne-xs) + var(--st-espacement-1-5));font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}.st-form-field__indication:empty,.st-form-field__indication[hidden]{display:none}.st-form-field__indication ::ng-deep>st-inline-message{gap:var(--st-espacement-1);align-items:center}.st-form-field__controle{position:relative;min-inline-size:0}.st-form-field__lisere{position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--st-espacement-3));inline-size:var(--st-epaisseur-forte);background-color:var(--st-couleur-erreur);border-radius:var(--st-rayon-pleine)}@media(forced-colors:active){.st-form-field__lisere{forced-color-adjust:none;background-color:CanvasText}}:host([data-disposition=case]) .st-form-field__grille,:host([data-disposition=reglage]) .st-form-field__grille{position:relative;justify-content:center;gap:0;min-block-size:var(--st-cible-min)}:host([data-disposition=case]) .st-form-field__entete,:host([data-disposition=reglage]) .st-form-field__entete{order:1}:host([data-disposition=case]) .st-form-field__erreurs,:host([data-disposition=case]) .st-form-field__indication,:host([data-disposition=reglage]) .st-form-field__erreurs,:host([data-disposition=reglage]) .st-form-field__indication{order:2}:host([data-disposition=case]) .st-form-field__aide,:host([data-disposition=reglage]) .st-form-field__aide{order:3}:host([data-disposition=case]) .st-form-field__complement,:host([data-disposition=reglage]) .st-form-field__complement{order:4}:host([data-disposition=case]) .st-form-field__controle,:host([data-disposition=reglage]) .st-form-field__controle{position:absolute;inset-block:0;display:flex;align-items:center}:host([data-disposition=case]) .st-form-field__libelle,:host([data-disposition=reglage]) .st-form-field__libelle{line-height:var(--st-choix-interligne, var(--st-interligne-sm))}:host([data-disposition=case]) .st-form-field__erreurs,:host([data-disposition=reglage]) .st-form-field__erreurs{gap:0;padding-block:0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-xs)}:host([data-disposition=case]) .st-form-field__erreurs>st-inline-message,:host([data-disposition=reglage]) .st-form-field__erreurs>st-inline-message{font-size:inherit;line-height:inherit}:host([data-disposition=case]) .st-form-field__erreurs ::ng-deep .st-inline-message__icone,:host([data-disposition=reglage]) .st-form-field__erreurs ::ng-deep .st-inline-message__icone{display:none}:host([data-disposition=case]) .st-form-field__indication,:host([data-disposition=reglage]) .st-form-field__indication{min-block-size:0}:host([data-disposition=case]) .st-form-field__lisere,:host([data-disposition=reglage]) .st-form-field__lisere{display:none}:host([data-disposition=case]:not([data-en-erreur])) .st-form-field__libelle,:host([data-disposition=case]:not([data-en-erreur])):focus-within .st-form-field__libelle,:host([data-disposition=reglage]:not([data-en-erreur])) .st-form-field__libelle,:host([data-disposition=reglage]:not([data-en-erreur])):focus-within .st-form-field__libelle{font-weight:var(--st-choix-graisse, var(--st-graisse-moyenne));color:var(--st-choix-couleur, var(--st-couleur-texte))}:host([data-disposition=case]) .st-form-field__grille{padding-inline-start:calc(var(--st-cible-min) + var(--st-espacement-3))}:host([data-disposition=case]) .st-form-field__controle{inset-inline-start:0}:host([data-disposition=reglage]) .st-form-field__grille{padding-inline-end:calc(var(--st-cible-tactile-min) + var(--st-espacement-3))}:host([data-disposition=reglage]) .st-form-field__controle{inset-inline-end:0}:host([data-disposition=en-ligne]) .st-form-field__entete{grid-area:entete}:host([data-disposition=en-ligne]) .st-form-field__aide{grid-area:aide}:host([data-disposition=en-ligne]) .st-form-field__erreurs,:host([data-disposition=en-ligne]) .st-form-field__indication{grid-area:message}:host([data-disposition=en-ligne]) .st-form-field__controle{grid-area:controle}:host([data-disposition=en-ligne]) .st-form-field__complement{grid-area:complement}:host([data-disposition=en-ligne]){container-type:inline-size}@container (min-width: 48rem){:host([data-disposition=en-ligne]) .st-form-field__grille{display:grid;grid-template-areas:\". aide\" \". message\" \"entete controle\" \". complement\";grid-template-columns:var(--st-champ-largeur-libelle, var(--st-largeur-champ-md)) minmax(0,1fr);gap:0 var(--st-espacement-4);align-items:start}:host([data-disposition=en-ligne]) .st-form-field__entete{align-self:start;padding-block-start:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2)}:host([data-disposition=en-ligne]) .st-form-field__aide{margin-block-end:var(--st-espacement-1)}:host([data-disposition=en-ligne]) .st-form-field__erreurs,:host([data-disposition=en-ligne]) .st-form-field__indication{margin-block-end:var(--st-espacement-1)}:host([data-disposition=en-ligne]) .st-form-field__complement{margin-block-start:var(--st-espacement-1)}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -1245,7 +1246,7 @@ var StControleDeChamp = class StControleDeChamp {
 	etiquetable = ELEMENTS_ETIQUETABLES.has(inject(ElementRef).nativeElement.tagName);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StControleDeChamp,
 		deps: [],
@@ -1253,7 +1254,7 @@ var StControleDeChamp = class StControleDeChamp {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StControleDeChamp,
 		isStandalone: true,
 		selector: "[stControleDeChamp]",
@@ -1270,7 +1271,7 @@ var StControleDeChamp = class StControleDeChamp {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StControleDeChamp,
 	decorators: [{
@@ -1302,21 +1303,21 @@ var ControleDeSaisieCompte = class ControleDeSaisieCompte extends ControleDeSais
 	restants = computed(() => {
 		const maximum = this.maxLength();
 		return maximum === void 0 ? null : maximum - longueurVue$1(this.value());
-	}, ...ngDevMode ? [{ debugName: "restants" }] : 	/* istanbul ignore next */ []);
-	enDepassement = computed(() => (this.restants() ?? 0) < 0, ...ngDevMode ? [{ debugName: "enDepassement" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "restants" }] : /* istanbul ignore next */ []);
+	enDepassement = computed(() => (this.restants() ?? 0) < 0, ...ngDevMode ? [{ debugName: "enDepassement" }] : /* istanbul ignore next */ []);
 	compteur = computed(() => {
 		const restants = this.restants();
 		if (restants === null) return null;
 		const libelles = this.libelles();
 		return restants >= 0 ? libelles.caracteresRestants(restants) : libelles.caracteresEnTrop(-restants);
-	}, ...ngDevMode ? [{ debugName: "compteur" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "compteur" }] : /* istanbul ignore next */ []);
 	aideAffichee = computed(() => {
 		const libelles = this.libelles();
 		const minimum = this.minLength();
 		const aide = this.aideEtRaisons() ?? (minimum !== void 0 && minimum > 0 ? libelles.longueurMinimale(minimum) : null);
 		if (!this.pending()) return aide;
 		return aide === null ? libelles.verificationEnCours : `${aide} ${libelles.verificationEnCours}`;
-	}, ...ngDevMode ? [{ debugName: "aideAffichee" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "aideAffichee" }] : /* istanbul ignore next */ []);
 	erreurs = computed(() => {
 		const maximum = this.maxLength();
 		if (!this.enDepassement() || maximum === void 0) return this.errors();
@@ -1325,9 +1326,9 @@ var ControleDeSaisieCompte = class ControleDeSaisieCompte extends ControleDeSais
 			maxLength: maximum
 		};
 		return fusionnerErreurs(this.errors(), [depassement]);
-	}, ...ngDevMode ? [{ debugName: "erreurs" }] : 	/* istanbul ignore next */ []);
-	sorti = signal(false, ...ngDevMode ? [{ debugName: "sorti" }] : 	/* istanbul ignore next */ []);
-	afficherErreurs = computed(() => this.touched() || this.sorti() && this.enDepassement(), ...ngDevMode ? [{ debugName: "afficherErreurs" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "erreurs" }] : /* istanbul ignore next */ []);
+	sorti = signal(false, ...ngDevMode ? [{ debugName: "sorti" }] : /* istanbul ignore next */ []);
+	afficherErreurs = computed(() => this.touched() || this.sorti() && this.enDepassement(), ...ngDevMode ? [{ debugName: "afficherErreurs" }] : /* istanbul ignore next */ []);
 	constructor() {
 		super();
 		let precedent = null;
@@ -1348,7 +1349,7 @@ var ControleDeSaisieCompte = class ControleDeSaisieCompte extends ControleDeSais
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: ControleDeSaisieCompte,
 		deps: [],
@@ -1356,7 +1357,7 @@ var ControleDeSaisieCompte = class ControleDeSaisieCompte extends ControleDeSais
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: ControleDeSaisieCompte,
 		isStandalone: true,
 		usesInheritance: true,
@@ -1365,7 +1366,7 @@ var ControleDeSaisieCompte = class ControleDeSaisieCompte extends ControleDeSais
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: ControleDeSaisieCompte,
 	decorators: [{ type: Directive }],
@@ -1385,22 +1386,23 @@ var StInput = class StInput extends ControleDeSaisieCompte {
 	racineDuCadre = inject(StIdentifiants).prochain("st-input");
 	idPrefixe = `${this.racineDuCadre}-prefixe`;
 	idSuffixe = `${this.racineDuCadre}-suffixe`;
-	zoneDePrefixe = viewChild("prefixe", ...ngDevMode ? [{ debugName: "zoneDePrefixe" }] : 	/* istanbul ignore next */ []);
-	zoneDeSuffixe = viewChild("suffixe", ...ngDevMode ? [{ debugName: "zoneDeSuffixe" }] : 	/* istanbul ignore next */ []);
-	emplacementsQuiDecrivent = signal([], ...ngDevMode ? [{ debugName: "emplacementsQuiDecrivent" }] : 	/* istanbul ignore next */ []);
-	type = input("text", ...ngDevMode ? [{ debugName: "type" }] : 	/* istanbul ignore next */ []);
-	autocomplete = input(null, ...ngDevMode ? [{ debugName: "autocomplete" }] : 	/* istanbul ignore next */ []);
-	inputmode = input(null, ...ngDevMode ? [{ debugName: "inputmode" }] : 	/* istanbul ignore next */ []);
-	icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : 	/* istanbul ignore next */ []);
-	chiffres = input("texte", ...ngDevMode ? [{ debugName: "chiffres" }] : 	/* istanbul ignore next */ []);
-	presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : 	/* istanbul ignore next */ []);
-	decritPar = input([], ...ngDevMode ? [{ debugName: "decritPar" }] : 	/* istanbul ignore next */ []);
-	descriptionsDuControle = computed(() => [...this.decritPar(), ...this.emplacementsQuiDecrivent()], ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] : 	/* istanbul ignore next */ []);
-	suggestions = input(null, ...ngDevMode ? [{ debugName: "suggestions" }] : 	/* istanbul ignore next */ []);
+	zoneDePrefixe = viewChild("prefixe", ...ngDevMode ? [{ debugName: "zoneDePrefixe" }] : /* istanbul ignore next */ []);
+	zoneDeSuffixe = viewChild("suffixe", ...ngDevMode ? [{ debugName: "zoneDeSuffixe" }] : /* istanbul ignore next */ []);
+	emplacementsQuiDecrivent = signal([], ...ngDevMode ? [{ debugName: "emplacementsQuiDecrivent" }] : /* istanbul ignore next */ []);
+	type = input("text", ...ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []);
+	autocomplete = input(null, ...ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []);
+	inputmode = input(null, ...ngDevMode ? [{ debugName: "inputmode" }] : /* istanbul ignore next */ []);
+	icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []);
+	exemple = input(null, ...ngDevMode ? [{ debugName: "exemple" }] : /* istanbul ignore next */ []);
+	chiffres = input("texte", ...ngDevMode ? [{ debugName: "chiffres" }] : /* istanbul ignore next */ []);
+	presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : /* istanbul ignore next */ []);
+	decritPar = input([], ...ngDevMode ? [{ debugName: "decritPar" }] : /* istanbul ignore next */ []);
+	descriptionsDuControle = computed(() => [...this.decritPar(), ...this.emplacementsQuiDecrivent()], ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] : /* istanbul ignore next */ []);
+	suggestions = input(null, ...ngDevMode ? [{ debugName: "suggestions" }] : /* istanbul ignore next */ []);
 	idDesSuggestions = `${this.racineDuCadre}-suggestions`;
-	avecSuggestions = computed(() => (this.suggestions()?.length ?? 0) > 0, ...ngDevMode ? [{ debugName: "avecSuggestions" }] : 	/* istanbul ignore next */ []);
+	avecSuggestions = computed(() => (this.suggestions()?.length ?? 0) > 0, ...ngDevMode ? [{ debugName: "avecSuggestions" }] : /* istanbul ignore next */ []);
 	attenteVisible = affichageDiffere(() => this.pending());
-	sens = computed(() => TYPES_DE_GAUCHE_A_DROITE.has(this.type()) || this.chiffres() === "reference" ? "ltr" : null, ...ngDevMode ? [{ debugName: "sens" }] : 	/* istanbul ignore next */ []);
+	sens = computed(() => TYPES_DE_GAUCHE_A_DROITE.has(this.type()) || this.chiffres() === "reference" ? "ltr" : null, ...ngDevMode ? [{ debugName: "sens" }] : /* istanbul ignore next */ []);
 	constructor() {
 		super();
 		afterEveryRender({ read: () => {
@@ -1424,7 +1426,7 @@ var StInput = class StInput extends ControleDeSaisieCompte {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StInput,
 		deps: [],
@@ -1432,7 +1434,7 @@ var StInput = class StInput extends ControleDeSaisieCompte {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StInput,
 		isStandalone: true,
 		selector: "st-input",
@@ -1465,6 +1467,13 @@ var StInput = class StInput extends ControleDeSaisieCompte {
 				isRequired: false,
 				transformFunction: null
 			},
+			exemple: {
+				classPropertyName: "exemple",
+				publicName: "exemple",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			chiffres: {
 				classPropertyName: "chiffres",
 				publicName: "chiffres",
@@ -1513,8 +1522,8 @@ var StInput = class StInput extends ControleDeSaisieCompte {
 		}],
 		usesInheritance: true,
 		ngImport: i0,
-		template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideAffichee()\"\n  [complement]=\"compteur()\"\n  [erreurs]=\"erreurs()\"\n  [afficherErreurs]=\"afficherErreurs()\"\n  [obligatoire]=\"required()\"\n  [presentation]=\"presentation()\"\n  [descriptionsDuControle]=\"descriptionsDuControle()\"\n>\n  <!-- Meta, aide contextuelle (lot 265) et indication de l'application, relayees a l'enveloppe\n       (lot 215). -->\n  <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n  <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n  <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n  <!-- Le cadre : prefixe, zone de frappe, suffixe. Sans emplacement rempli, il s'efface et\n       l'input porte seul l'apparence du champ ; avec, il la porte a sa place (EA-11). -->\n  <div class=\"st-input__cadre\" (mousedown)=\"surPressionDuCadre($event)\">\n    <span #prefixe class=\"st-input__prefixe\" [id]=\"idPrefixe\">\n      @if (icone(); as nom) {\n        <st-icon class=\"st-input__icone\" [nom]=\"nom\" taille=\"20\" />\n      }\n      <ng-content select=\"[stPrefixe]\"\n    /></span>\n    <input\n      #champ\n      class=\"st-input__champ\"\n      stControleDeChamp\n      [attr.data-chiffres]=\"chiffres()\"\n      [type]=\"type()\"\n      [value]=\"value()\"\n      [attr.name]=\"name() || null\"\n      [attr.autocomplete]=\"autocomplete()\"\n      [attr.inputmode]=\"inputmode()\"\n      [attr.dir]=\"sens()\"\n      [attr.aria-busy]=\"pending() ? 'true' : null\"\n      [attr.list]=\"avecSuggestions() ? idDesSuggestions : null\"\n      [disabled]=\"disabled()\"\n      [readOnly]=\"readonly()\"\n      (input)=\"surSaisie($event)\"\n      (blur)=\"surSortie()\"\n    />\n    <!-- Des valeurs proposees, jamais imposees : la liste native du navigateur (D133). -->\n    @if (avecSuggestions()) {\n      <datalist [id]=\"idDesSuggestions\">\n        @for (suggestion of suggestions() ?? []; track $index) {\n          <option [value]=\"suggestion\"></option>\n        }\n      </datalist>\n    }\n    <span #suffixe class=\"st-input__suffixe\" [id]=\"idSuffixe\"\n      ><ng-content select=\"[stSuffixe]\" />\n      @if (attenteVisible()) {\n        <span class=\"st-input__attente\" aria-hidden=\"true\"\n          ><st-spinner taille=\"sm\" ton=\"neutre\"\n        /></span>\n      }\n    </span>\n  </div>\n</st-form-field>\n<!-- Les seuils du compteur (20, 10, 0 restants) et le depassement : seulement avec maxLength. -->\n@if (compteur() !== null) {\n  <span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n}\n",
-		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-input__cadre{--_frappe-minimale: min(100%, calc(8ch + var(--st-espacement-3-5) + var(--st-espacement-2)));display:grid;grid-template-columns:minmax(0,auto) minmax(var(--_frappe-minimale),1fr) minmax(0,auto);align-items:center}.st-input__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-input__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-input__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-input__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-input__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-input__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-input__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-input__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-input__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-input__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-input__champ:is(input,textarea):read-only:not(:disabled),.st-input__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-input__champ{grid-column:2}.st-input__champ[data-chiffres=reference]{font-family:var(--st-police-mono);font-variant-numeric:var(--st-chiffres-references)}.st-input__prefixe,.st-input__suffixe{display:inline-flex;gap:var(--st-espacement-2);align-items:center;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-attenue);white-space:nowrap;cursor:text}.st-input__prefixe:empty,.st-input__suffixe:empty{display:none}.st-input__prefixe,.st-input__suffixe{min-inline-size:0}.st-input__prefixe>::ng-deep :is([stPrefixe],[stSuffixe]):not(a,button,input,select,textarea,st-icon),.st-input__suffixe>::ng-deep :is([stPrefixe],[stSuffixe]):not(a,button,input,select,textarea,st-icon){min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.st-input__prefixe{grid-column:1}.st-input__suffixe{grid-column:3}.st-input__attente{display:inline-flex}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)){cursor:text}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)){box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty))>.st-input__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):hover:not(:has(>.st-input__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-invalid=true]){border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-invalid=true]):has(>.st-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:is(input,textarea):read-only:not(:disabled)),.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-input__cadre:has(>.st-input__prefixe:not(:empty)){padding-inline-start:var(--st-espacement-4)}.st-input__cadre:has(>.st-input__prefixe:not(:empty))>.st-input__champ{padding-inline-start:var(--st-espacement-2)}.st-input__cadre:has(>.st-input__suffixe:not(:empty)){padding-inline-end:var(--st-espacement-4)}.st-input__cadre:has(>.st-input__suffixe:not(:empty))>.st-input__champ{padding-inline-end:var(--st-espacement-2)}.st-input__cadre:has(>.st-input__champ:disabled) :is(.st-input__prefixe,.st-input__suffixe){color:var(--st-couleur-texte-desactive);cursor:inherit}@media print{.st-input__champ,.st-input__cadre{box-shadow:none}.st-input__attente{display:none}}:host([data-depassement]) ::ng-deep .st-form-field__complement{color:var(--st-couleur-danger)}\n"],
+		template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideAffichee()\"\n  [complement]=\"compteur()\"\n  [erreurs]=\"erreurs()\"\n  [afficherErreurs]=\"afficherErreurs()\"\n  [obligatoire]=\"required()\"\n  [presentation]=\"presentation()\"\n  [descriptionsDuControle]=\"descriptionsDuControle()\"\n>\n  <!-- Meta, aide contextuelle (lot 265) et indication de l'application, relayees a l'enveloppe\n       (lot 215). -->\n  <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n  <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n  <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n  <!-- Le cadre : prefixe, zone de frappe, suffixe. Sans emplacement rempli, il s'efface et\n       l'input porte seul l'apparence du champ ; avec, il la porte a sa place (EA-11). -->\n  <div class=\"st-input__cadre\" (mousedown)=\"surPressionDuCadre($event)\">\n    <span #prefixe class=\"st-input__prefixe\" [id]=\"idPrefixe\">\n      @if (icone(); as nom) {\n        <st-icon class=\"st-input__icone\" [nom]=\"nom\" taille=\"20\" />\n      }\n      <ng-content select=\"[stPrefixe]\"\n    /></span>\n    <input\n      #champ\n      class=\"st-input__champ\"\n      stControleDeChamp\n      [attr.data-chiffres]=\"chiffres()\"\n      [type]=\"type()\"\n      [value]=\"value()\"\n      [attr.name]=\"name() || null\"\n      [attr.autocomplete]=\"autocomplete()\"\n      [attr.inputmode]=\"inputmode()\"\n      [attr.placeholder]=\"exemple()\"\n      [attr.dir]=\"sens()\"\n      [attr.aria-busy]=\"pending() ? 'true' : null\"\n      [attr.list]=\"avecSuggestions() ? idDesSuggestions : null\"\n      [disabled]=\"disabled()\"\n      [readOnly]=\"readonly()\"\n      (input)=\"surSaisie($event)\"\n      (blur)=\"surSortie()\"\n    />\n    <!-- Des valeurs proposees, jamais imposees : la liste native du navigateur (D133). -->\n    @if (avecSuggestions()) {\n      <datalist [id]=\"idDesSuggestions\">\n        @for (suggestion of suggestions() ?? []; track $index) {\n          <option [value]=\"suggestion\"></option>\n        }\n      </datalist>\n    }\n    <span #suffixe class=\"st-input__suffixe\" [id]=\"idSuffixe\"\n      ><ng-content select=\"[stSuffixe]\" />\n      @if (attenteVisible()) {\n        <span class=\"st-input__attente\" aria-hidden=\"true\"\n          ><st-spinner taille=\"sm\" ton=\"neutre\"\n        /></span>\n      }\n    </span>\n  </div>\n</st-form-field>\n<!-- Les seuils du compteur (20, 10, 0 restants) et le depassement : seulement avec maxLength. -->\n@if (compteur() !== null) {\n  <span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n}\n",
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-input__cadre{--_frappe-minimale: min(100%, calc(8ch + var(--st-espacement-3-5) + var(--st-espacement-2)));display:grid;grid-template-columns:minmax(0,auto) minmax(var(--_frappe-minimale),1fr) minmax(0,auto);align-items:center}.st-input__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-input__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-input__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}@media(hover:hover){.st-input__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-input__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-input__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-input__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-input__champ:is(input,textarea):read-only:not(:disabled),.st-input__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-input__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}.st-input__champ{grid-column:2}.st-input__champ[data-chiffres=reference]{font-family:var(--st-police-mono);font-variant-numeric:var(--st-chiffres-references)}.st-input__prefixe,.st-input__suffixe{display:inline-flex;gap:var(--st-espacement-2);align-items:center;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-attenue);white-space:nowrap;cursor:text}.st-input__prefixe:empty,.st-input__suffixe:empty{display:none}.st-input__prefixe,.st-input__suffixe{min-inline-size:0}.st-input__prefixe>::ng-deep :is([stPrefixe],[stSuffixe]):not(a,button,input,select,textarea,st-icon),.st-input__suffixe>::ng-deep :is([stPrefixe],[stSuffixe]):not(a,button,input,select,textarea,st-icon){min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.st-input__prefixe{grid-column:1}.st-input__suffixe{grid-column:3}.st-input__attente{display:inline-flex}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)){cursor:text}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)){box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty))>.st-input__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):hover:not(:has(>.st-input__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-invalid=true]){border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-invalid=true]):has(>.st-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:is(input,textarea):read-only:not(:disabled)),.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-input__cadre:has(>.st-input__prefixe:not(:empty)){padding-inline-start:var(--st-espacement-4)}.st-input__cadre:has(>.st-input__prefixe:not(:empty))>.st-input__champ{padding-inline-start:var(--st-espacement-2)}.st-input__cadre:has(>.st-input__suffixe:not(:empty)){padding-inline-end:var(--st-espacement-4)}.st-input__cadre:has(>.st-input__suffixe:not(:empty))>.st-input__champ{padding-inline-end:var(--st-espacement-2)}.st-input__cadre:has(>.st-input__champ:disabled) :is(.st-input__prefixe,.st-input__suffixe){color:var(--st-couleur-texte-desactive);cursor:inherit}@media print{.st-input__champ,.st-input__cadre{box-shadow:none}.st-input__attente{display:none}}:host([data-depassement]) ::ng-deep .st-form-field__complement{color:var(--st-couleur-erreur)}\n"],
 		dependencies: [
 			{
 				kind: "component",
@@ -1567,7 +1576,7 @@ var StInput = class StInput extends ControleDeSaisieCompte {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StInput,
 	decorators: [{
@@ -1585,8 +1594,8 @@ i0.ɵɵngDeclareClassMetadata({
 				class: "st-input",
 				"[attr.data-depassement]": "enDepassement() ? \"\" : null"
 			},
-			template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideAffichee()\"\n  [complement]=\"compteur()\"\n  [erreurs]=\"erreurs()\"\n  [afficherErreurs]=\"afficherErreurs()\"\n  [obligatoire]=\"required()\"\n  [presentation]=\"presentation()\"\n  [descriptionsDuControle]=\"descriptionsDuControle()\"\n>\n  <!-- Meta, aide contextuelle (lot 265) et indication de l'application, relayees a l'enveloppe\n       (lot 215). -->\n  <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n  <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n  <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n  <!-- Le cadre : prefixe, zone de frappe, suffixe. Sans emplacement rempli, il s'efface et\n       l'input porte seul l'apparence du champ ; avec, il la porte a sa place (EA-11). -->\n  <div class=\"st-input__cadre\" (mousedown)=\"surPressionDuCadre($event)\">\n    <span #prefixe class=\"st-input__prefixe\" [id]=\"idPrefixe\">\n      @if (icone(); as nom) {\n        <st-icon class=\"st-input__icone\" [nom]=\"nom\" taille=\"20\" />\n      }\n      <ng-content select=\"[stPrefixe]\"\n    /></span>\n    <input\n      #champ\n      class=\"st-input__champ\"\n      stControleDeChamp\n      [attr.data-chiffres]=\"chiffres()\"\n      [type]=\"type()\"\n      [value]=\"value()\"\n      [attr.name]=\"name() || null\"\n      [attr.autocomplete]=\"autocomplete()\"\n      [attr.inputmode]=\"inputmode()\"\n      [attr.dir]=\"sens()\"\n      [attr.aria-busy]=\"pending() ? 'true' : null\"\n      [attr.list]=\"avecSuggestions() ? idDesSuggestions : null\"\n      [disabled]=\"disabled()\"\n      [readOnly]=\"readonly()\"\n      (input)=\"surSaisie($event)\"\n      (blur)=\"surSortie()\"\n    />\n    <!-- Des valeurs proposees, jamais imposees : la liste native du navigateur (D133). -->\n    @if (avecSuggestions()) {\n      <datalist [id]=\"idDesSuggestions\">\n        @for (suggestion of suggestions() ?? []; track $index) {\n          <option [value]=\"suggestion\"></option>\n        }\n      </datalist>\n    }\n    <span #suffixe class=\"st-input__suffixe\" [id]=\"idSuffixe\"\n      ><ng-content select=\"[stSuffixe]\" />\n      @if (attenteVisible()) {\n        <span class=\"st-input__attente\" aria-hidden=\"true\"\n          ><st-spinner taille=\"sm\" ton=\"neutre\"\n        /></span>\n      }\n    </span>\n  </div>\n</st-form-field>\n<!-- Les seuils du compteur (20, 10, 0 restants) et le depassement : seulement avec maxLength. -->\n@if (compteur() !== null) {\n  <span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n}\n",
-			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-input__cadre{--_frappe-minimale: min(100%, calc(8ch + var(--st-espacement-3-5) + var(--st-espacement-2)));display:grid;grid-template-columns:minmax(0,auto) minmax(var(--_frappe-minimale),1fr) minmax(0,auto);align-items:center}.st-input__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-input__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-input__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-input__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-input__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-input__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-input__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-input__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-input__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-input__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-input__champ:is(input,textarea):read-only:not(:disabled),.st-input__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-input__champ{grid-column:2}.st-input__champ[data-chiffres=reference]{font-family:var(--st-police-mono);font-variant-numeric:var(--st-chiffres-references)}.st-input__prefixe,.st-input__suffixe{display:inline-flex;gap:var(--st-espacement-2);align-items:center;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-attenue);white-space:nowrap;cursor:text}.st-input__prefixe:empty,.st-input__suffixe:empty{display:none}.st-input__prefixe,.st-input__suffixe{min-inline-size:0}.st-input__prefixe>::ng-deep :is([stPrefixe],[stSuffixe]):not(a,button,input,select,textarea,st-icon),.st-input__suffixe>::ng-deep :is([stPrefixe],[stSuffixe]):not(a,button,input,select,textarea,st-icon){min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.st-input__prefixe{grid-column:1}.st-input__suffixe{grid-column:3}.st-input__attente{display:inline-flex}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)){cursor:text}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)){box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty))>.st-input__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):hover:not(:has(>.st-input__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-invalid=true]){border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-invalid=true]):has(>.st-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:is(input,textarea):read-only:not(:disabled)),.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-input__cadre:has(>.st-input__prefixe:not(:empty)){padding-inline-start:var(--st-espacement-4)}.st-input__cadre:has(>.st-input__prefixe:not(:empty))>.st-input__champ{padding-inline-start:var(--st-espacement-2)}.st-input__cadre:has(>.st-input__suffixe:not(:empty)){padding-inline-end:var(--st-espacement-4)}.st-input__cadre:has(>.st-input__suffixe:not(:empty))>.st-input__champ{padding-inline-end:var(--st-espacement-2)}.st-input__cadre:has(>.st-input__champ:disabled) :is(.st-input__prefixe,.st-input__suffixe){color:var(--st-couleur-texte-desactive);cursor:inherit}@media print{.st-input__champ,.st-input__cadre{box-shadow:none}.st-input__attente{display:none}}:host([data-depassement]) ::ng-deep .st-form-field__complement{color:var(--st-couleur-danger)}\n"]
+			template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideAffichee()\"\n  [complement]=\"compteur()\"\n  [erreurs]=\"erreurs()\"\n  [afficherErreurs]=\"afficherErreurs()\"\n  [obligatoire]=\"required()\"\n  [presentation]=\"presentation()\"\n  [descriptionsDuControle]=\"descriptionsDuControle()\"\n>\n  <!-- Meta, aide contextuelle (lot 265) et indication de l'application, relayees a l'enveloppe\n       (lot 215). -->\n  <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n  <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n  <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n  <!-- Le cadre : prefixe, zone de frappe, suffixe. Sans emplacement rempli, il s'efface et\n       l'input porte seul l'apparence du champ ; avec, il la porte a sa place (EA-11). -->\n  <div class=\"st-input__cadre\" (mousedown)=\"surPressionDuCadre($event)\">\n    <span #prefixe class=\"st-input__prefixe\" [id]=\"idPrefixe\">\n      @if (icone(); as nom) {\n        <st-icon class=\"st-input__icone\" [nom]=\"nom\" taille=\"20\" />\n      }\n      <ng-content select=\"[stPrefixe]\"\n    /></span>\n    <input\n      #champ\n      class=\"st-input__champ\"\n      stControleDeChamp\n      [attr.data-chiffres]=\"chiffres()\"\n      [type]=\"type()\"\n      [value]=\"value()\"\n      [attr.name]=\"name() || null\"\n      [attr.autocomplete]=\"autocomplete()\"\n      [attr.inputmode]=\"inputmode()\"\n      [attr.placeholder]=\"exemple()\"\n      [attr.dir]=\"sens()\"\n      [attr.aria-busy]=\"pending() ? 'true' : null\"\n      [attr.list]=\"avecSuggestions() ? idDesSuggestions : null\"\n      [disabled]=\"disabled()\"\n      [readOnly]=\"readonly()\"\n      (input)=\"surSaisie($event)\"\n      (blur)=\"surSortie()\"\n    />\n    <!-- Des valeurs proposees, jamais imposees : la liste native du navigateur (D133). -->\n    @if (avecSuggestions()) {\n      <datalist [id]=\"idDesSuggestions\">\n        @for (suggestion of suggestions() ?? []; track $index) {\n          <option [value]=\"suggestion\"></option>\n        }\n      </datalist>\n    }\n    <span #suffixe class=\"st-input__suffixe\" [id]=\"idSuffixe\"\n      ><ng-content select=\"[stSuffixe]\" />\n      @if (attenteVisible()) {\n        <span class=\"st-input__attente\" aria-hidden=\"true\"\n          ><st-spinner taille=\"sm\" ton=\"neutre\"\n        /></span>\n      }\n    </span>\n  </div>\n</st-form-field>\n<!-- Les seuils du compteur (20, 10, 0 restants) et le depassement : seulement avec maxLength. -->\n@if (compteur() !== null) {\n  <span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n}\n",
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-input__cadre{--_frappe-minimale: min(100%, calc(8ch + var(--st-espacement-3-5) + var(--st-espacement-2)));display:grid;grid-template-columns:minmax(0,auto) minmax(var(--_frappe-minimale),1fr) minmax(0,auto);align-items:center}.st-input__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-input__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-input__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}@media(hover:hover){.st-input__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-input__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-input__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-input__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-input__champ:is(input,textarea):read-only:not(:disabled),.st-input__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-input__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}.st-input__champ{grid-column:2}.st-input__champ[data-chiffres=reference]{font-family:var(--st-police-mono);font-variant-numeric:var(--st-chiffres-references)}.st-input__prefixe,.st-input__suffixe{display:inline-flex;gap:var(--st-espacement-2);align-items:center;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-attenue);white-space:nowrap;cursor:text}.st-input__prefixe:empty,.st-input__suffixe:empty{display:none}.st-input__prefixe,.st-input__suffixe{min-inline-size:0}.st-input__prefixe>::ng-deep :is([stPrefixe],[stSuffixe]):not(a,button,input,select,textarea,st-icon),.st-input__suffixe>::ng-deep :is([stPrefixe],[stSuffixe]):not(a,button,input,select,textarea,st-icon){min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.st-input__prefixe{grid-column:1}.st-input__suffixe{grid-column:3}.st-input__attente{display:inline-flex}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)){cursor:text}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)){box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty))>.st-input__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):hover:not(:has(>.st-input__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-invalid=true]){border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-invalid=true]):has(>.st-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:is(input,textarea):read-only:not(:disabled)),.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-input__cadre:has(>.st-input__prefixe:not(:empty)){padding-inline-start:var(--st-espacement-4)}.st-input__cadre:has(>.st-input__prefixe:not(:empty))>.st-input__champ{padding-inline-start:var(--st-espacement-2)}.st-input__cadre:has(>.st-input__suffixe:not(:empty)){padding-inline-end:var(--st-espacement-4)}.st-input__cadre:has(>.st-input__suffixe:not(:empty))>.st-input__champ{padding-inline-end:var(--st-espacement-2)}.st-input__cadre:has(>.st-input__champ:disabled) :is(.st-input__prefixe,.st-input__suffixe){color:var(--st-couleur-texte-desactive);cursor:inherit}@media print{.st-input__champ,.st-input__cadre{box-shadow:none}.st-input__attente{display:none}}:host([data-depassement]) ::ng-deep .st-form-field__complement{color:var(--st-couleur-erreur)}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -1631,6 +1640,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		exemple: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "exemple",
+				required: false
+			}]
+		}],
 		chiffres: [{
 			type: i0.Input,
 			args: [{
@@ -1667,11 +1684,11 @@ i0.ɵɵngDeclareClassMetadata({
 });
 var StTextarea = class StTextarea extends ControleDeSaisieCompte {
 	lignes = input(4, {
-		...ngDevMode ? { debugName: "lignes" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "lignes" } : /* istanbul ignore next */ {},
 		transform: numberAttribute
 	});
 	lignesMax = input(12, {
-		...ngDevMode ? { debugName: "lignesMax" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "lignesMax" } : /* istanbul ignore next */ {},
 		transform: numberAttribute
 	});
 	bornes = computed(() => {
@@ -1680,13 +1697,13 @@ var StTextarea = class StTextarea extends ControleDeSaisieCompte {
 			lignes,
 			lignesMax: Math.max(lignes, this.lignesMax())
 		};
-	}, ...ngDevMode ? [{ debugName: "bornes" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "bornes" }] : /* istanbul ignore next */ []);
 	surSaisie(evenement) {
 		this.value.set(this.texteSaisi(evenement));
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StTextarea,
 		deps: null,
@@ -1694,7 +1711,7 @@ var StTextarea = class StTextarea extends ControleDeSaisieCompte {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StTextarea,
 		isStandalone: true,
 		selector: "st-textarea",
@@ -1721,7 +1738,7 @@ var StTextarea = class StTextarea extends ControleDeSaisieCompte {
 		usesInheritance: true,
 		ngImport: i0,
 		template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideAffichee()\"\n  [complement]=\"compteur()\"\n  [erreurs]=\"erreurs()\"\n  [afficherErreurs]=\"afficherErreurs()\"\n  [obligatoire]=\"required()\"\n>\n  <textarea\n    #champ\n    class=\"st-textarea__champ\"\n    stControleDeChamp\n    [rows]=\"bornes().lignes\"\n    [style.--_lignes]=\"bornes().lignes\"\n    [style.--_lignes-max]=\"bornes().lignesMax\"\n    [value]=\"value()\"\n    [attr.name]=\"name() || null\"\n    [attr.aria-busy]=\"pending() ? 'true' : null\"\n    [disabled]=\"disabled()\"\n    [readOnly]=\"readonly()\"\n    (input)=\"surSaisie($event)\"\n    (blur)=\"surSortie()\"\n  ></textarea>\n</st-form-field>\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:block}.st-textarea__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-textarea__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-textarea__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-textarea__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-textarea__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-textarea__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-textarea__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-textarea__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-textarea__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-textarea__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-textarea__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-textarea__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-textarea__champ:is(input,textarea):read-only:not(:disabled),.st-textarea__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-textarea__champ{--_bord: calc(2 * var(--_remplissage-bloc) + 2 * var(--st-epaisseur-fine));min-block-size:calc(var(--_lignes, 4) * 1lh + var(--_bord));max-block-size:calc(var(--_lignes-max, 12) * 1lh + var(--_bord));resize:vertical;field-sizing:content}:host([data-depassement]) ::ng-deep .st-form-field__complement{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:block}.st-textarea__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-textarea__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-textarea__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-textarea__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-textarea__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-textarea__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-textarea__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-textarea__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-textarea__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-textarea__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-textarea__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-textarea__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-textarea__champ:is(input,textarea):read-only:not(:disabled),.st-textarea__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-textarea__champ{--_bord: calc(2 * var(--_remplissage-bloc) + 2 * var(--st-epaisseur-fine));min-block-size:calc(var(--_lignes, 4) * 1lh + var(--_bord));max-block-size:calc(var(--_lignes-max, 12) * 1lh + var(--_bord));resize:vertical;field-sizing:content}:host([data-depassement]) ::ng-deep .st-form-field__complement{color:var(--st-couleur-erreur)}\n"],
 		dependencies: [{
 			kind: "component",
 			type: StFormField,
@@ -1744,7 +1761,7 @@ var StTextarea = class StTextarea extends ControleDeSaisieCompte {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StTextarea,
 	decorators: [{
@@ -1758,7 +1775,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.data-depassement]": "enDepassement() ? \"\" : null"
 			},
 			template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideAffichee()\"\n  [complement]=\"compteur()\"\n  [erreurs]=\"erreurs()\"\n  [afficherErreurs]=\"afficherErreurs()\"\n  [obligatoire]=\"required()\"\n>\n  <textarea\n    #champ\n    class=\"st-textarea__champ\"\n    stControleDeChamp\n    [rows]=\"bornes().lignes\"\n    [style.--_lignes]=\"bornes().lignes\"\n    [style.--_lignes-max]=\"bornes().lignesMax\"\n    [value]=\"value()\"\n    [attr.name]=\"name() || null\"\n    [attr.aria-busy]=\"pending() ? 'true' : null\"\n    [disabled]=\"disabled()\"\n    [readOnly]=\"readonly()\"\n    (input)=\"surSaisie($event)\"\n    (blur)=\"surSortie()\"\n  ></textarea>\n</st-form-field>\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:block}.st-textarea__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-textarea__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-textarea__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-textarea__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-textarea__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-textarea__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-textarea__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-textarea__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-textarea__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-textarea__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-textarea__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-textarea__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-textarea__champ:is(input,textarea):read-only:not(:disabled),.st-textarea__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-textarea__champ{--_bord: calc(2 * var(--_remplissage-bloc) + 2 * var(--st-epaisseur-fine));min-block-size:calc(var(--_lignes, 4) * 1lh + var(--_bord));max-block-size:calc(var(--_lignes-max, 12) * 1lh + var(--_bord));resize:vertical;field-sizing:content}:host([data-depassement]) ::ng-deep .st-form-field__complement{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:block}.st-textarea__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-textarea__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-textarea__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-textarea__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-textarea__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-textarea__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-textarea__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-textarea__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-textarea__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-textarea__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-textarea__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-textarea__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-textarea__champ:is(input,textarea):read-only:not(:disabled),.st-textarea__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-textarea__champ{--_bord: calc(2 * var(--_remplissage-bloc) + 2 * var(--st-epaisseur-fine));min-block-size:calc(var(--_lignes, 4) * 1lh + var(--_bord));max-block-size:calc(var(--_lignes-max, 12) * 1lh + var(--_bord));resize:vertical;field-sizing:content}:host([data-depassement]) ::ng-deep .st-form-field__complement{color:var(--st-couleur-erreur)}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -1781,30 +1798,30 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 var StFieldset = class StFieldset extends PorteurDErreurs {
-	legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : 	/* istanbul ignore next */ []);
-	contenu = input("champs", ...ngDevMode ? [{ debugName: "contenu" }] : 	/* istanbul ignore next */ []);
-	disposition = input("colonne", ...ngDevMode ? [{ debugName: "disposition" }] : 	/* istanbul ignore next */ []);
+	legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []);
+	contenu = input("champs", ...ngDevMode ? [{ debugName: "contenu" }] : /* istanbul ignore next */ []);
+	disposition = input("colonne", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
 	toutesLesErreurs = input(true, {
-		...ngDevMode ? { debugName: "toutesLesErreurs" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "toutesLesErreurs" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	choixExclusif = input(false, {
-		...ngDevMode ? { debugName: "choixExclusif" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "choixExclusif" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	readonly = input(false, {
-		...ngDevMode ? { debugName: "readonly" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	disabled = input(false, {
-		...ngDevMode ? { debugName: "disabled" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	hidden = input(false, {
-		...ngDevMode ? { debugName: "hidden" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	decritPar = input([], ...ngDevMode ? [{ debugName: "decritPar" }] : 	/* istanbul ignore next */ []);
+	decritPar = input([], ...ngDevMode ? [{ debugName: "decritPar" }] : /* istanbul ignore next */ []);
 	identifiants = {
 		aide: `${this.racine}-aide`,
 		erreur: `${this.racine}-erreur`
@@ -1820,7 +1837,7 @@ var StFieldset = class StFieldset extends PorteurDErreurs {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StFieldset,
 		deps: null,
@@ -1828,7 +1845,7 @@ var StFieldset = class StFieldset extends PorteurDErreurs {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StFieldset,
 		isStandalone: true,
 		selector: "st-fieldset",
@@ -1912,8 +1929,8 @@ var StFieldset = class StFieldset extends PorteurDErreurs {
 		}],
 		usesInheritance: true,
 		ngImport: i0,
-		template: "<fieldset\n  class=\"st-fieldset__groupe\"\n  [disabled]=\"disabled()\"\n  [attr.aria-describedby]=\"descriptions()\"\n  [attr.role]=\"choixExclusif() ? 'radiogroup' : null\"\n  [attr.aria-required]=\"choixExclusif() && obligatoire() ? 'true' : null\"\n  [attr.aria-invalid]=\"choixExclusif() && enErreur() ? 'true' : null\"\n  [attr.aria-readonly]=\"choixExclusif() && readonly() ? 'true' : null\"\n>\n  <legend class=\"st-fieldset__legende\" [attr.data-libelle]=\"legende()\">\n    {{ legende() }}\n    @if (obligatoire()) {\n      <span class=\"st-fieldset__obligatoire\">{{ libelleObligatoire() }}</span>\n    }\n  </legend>\n\n  @if (aideRendue(); as texte) {\n    <p class=\"st-fieldset__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n  }\n\n  @if (enErreur()) {\n    <div class=\"st-fieldset__erreurs\" [id]=\"identifiants.erreur\">\n      @for (message of messages(); track $index) {\n        <st-inline-message ton=\"danger\">{{ message }}</st-inline-message>\n      }\n    </div>\n  }\n\n  <div class=\"st-fieldset__controles\">\n    @if (enErreur()) {\n      <span class=\"st-fieldset__lisere\"></span>\n    }\n    <ng-content />\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:block;min-inline-size:0}:host([hidden]){display:none}.st-fieldset__groupe{min-inline-size:0;padding:0;margin:0;border:0}.st-fieldset__legende{padding:0;margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-md);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-md);color:var(--st-couleur-texte)}.st-fieldset__obligatoire{margin-inline-start:var(--st-espacement-1);font-weight:var(--st-graisse-normale);color:var(--st-couleur-texte-attenue)}.st-fieldset__aide{margin:0 0 var(--st-espacement-2);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-fieldset__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);padding-block:var(--st-espacement-1);margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-danger)}.st-fieldset__erreurs>st-inline-message{align-items:center;font-weight:inherit}.st-fieldset__controles{position:relative;display:flex;flex-direction:column;gap:var(--st-espacement-5);min-inline-size:0}:host([data-contenu=choix]) .st-fieldset__controles{gap:var(--st-espacement-3)}.st-fieldset__lisere{position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--st-espacement-3));inline-size:var(--st-epaisseur-forte);background-color:var(--st-couleur-danger);border-radius:var(--st-rayon-pleine)}@media(forced-colors:active){.st-fieldset__lisere{forced-color-adjust:none;background-color:CanvasText}}:host([data-disposition=en-ligne]){container-type:inline-size}@container (min-width: 30rem){:host([data-disposition=en-ligne]) .st-fieldset__controles{flex-flow:row wrap;gap:var(--st-espacement-5) var(--st-espacement-4)}}\n"],
+		template: "<fieldset\n  class=\"st-fieldset__groupe\"\n  [disabled]=\"disabled()\"\n  [attr.aria-describedby]=\"descriptions()\"\n  [attr.role]=\"choixExclusif() ? 'radiogroup' : null\"\n  [attr.aria-required]=\"choixExclusif() && obligatoire() ? 'true' : null\"\n  [attr.aria-invalid]=\"choixExclusif() && enErreur() ? 'true' : null\"\n  [attr.aria-readonly]=\"choixExclusif() && readonly() ? 'true' : null\"\n>\n  <legend class=\"st-fieldset__legende\" [attr.data-libelle]=\"legende()\">\n    {{ legende() }}\n    @if (obligatoire()) {\n      <span class=\"st-fieldset__obligatoire\">{{ libelleObligatoire() }}</span>\n    }\n  </legend>\n\n  @if (aideRendue(); as texte) {\n    <p class=\"st-fieldset__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n  }\n\n  @if (enErreur()) {\n    <div class=\"st-fieldset__erreurs\" [id]=\"identifiants.erreur\">\n      @for (message of messages(); track $index) {\n        <st-inline-message ton=\"erreur\">{{ message }}</st-inline-message>\n      }\n    </div>\n  }\n\n  <div class=\"st-fieldset__controles\">\n    @if (enErreur()) {\n      <span class=\"st-fieldset__lisere\"></span>\n    }\n    <ng-content />\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:block;min-inline-size:0}:host([hidden]){display:none}.st-fieldset__groupe{min-inline-size:0;padding:0;margin:0;border:0}.st-fieldset__legende{padding:0;margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-md);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-md);color:var(--st-couleur-texte)}.st-fieldset__obligatoire{margin-inline-start:var(--st-espacement-1);font-weight:var(--st-graisse-normale);color:var(--st-couleur-texte-attenue)}.st-fieldset__aide{margin:0 0 var(--st-espacement-2);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-fieldset__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);padding-block:var(--st-espacement-1);margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-fieldset__erreurs>st-inline-message{align-items:center;font-weight:inherit}.st-fieldset__controles{position:relative;display:flex;flex-direction:column;gap:var(--st-espacement-5);min-inline-size:0}:host([data-contenu=choix]) .st-fieldset__controles{gap:var(--st-espacement-3)}.st-fieldset__lisere{position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--st-espacement-3));inline-size:var(--st-epaisseur-forte);background-color:var(--st-couleur-erreur);border-radius:var(--st-rayon-pleine)}@media(forced-colors:active){.st-fieldset__lisere{forced-color-adjust:none;background-color:CanvasText}}:host([data-disposition=en-ligne]){container-type:inline-size}@container (min-width: 30rem){:host([data-disposition=en-ligne]) .st-fieldset__controles{flex-flow:row wrap;gap:var(--st-espacement-5) var(--st-espacement-4)}}\n"],
 		dependencies: [{
 			kind: "component",
 			type: StInlineMessage,
@@ -1931,7 +1948,7 @@ var StFieldset = class StFieldset extends PorteurDErreurs {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StFieldset,
 	decorators: [{
@@ -1951,8 +1968,8 @@ i0.ɵɵngDeclareClassMetadata({
 				provide: ST_GROUPE_DE_SAISIE,
 				useExisting: StFieldset
 			}],
-			template: "<fieldset\n  class=\"st-fieldset__groupe\"\n  [disabled]=\"disabled()\"\n  [attr.aria-describedby]=\"descriptions()\"\n  [attr.role]=\"choixExclusif() ? 'radiogroup' : null\"\n  [attr.aria-required]=\"choixExclusif() && obligatoire() ? 'true' : null\"\n  [attr.aria-invalid]=\"choixExclusif() && enErreur() ? 'true' : null\"\n  [attr.aria-readonly]=\"choixExclusif() && readonly() ? 'true' : null\"\n>\n  <legend class=\"st-fieldset__legende\" [attr.data-libelle]=\"legende()\">\n    {{ legende() }}\n    @if (obligatoire()) {\n      <span class=\"st-fieldset__obligatoire\">{{ libelleObligatoire() }}</span>\n    }\n  </legend>\n\n  @if (aideRendue(); as texte) {\n    <p class=\"st-fieldset__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n  }\n\n  @if (enErreur()) {\n    <div class=\"st-fieldset__erreurs\" [id]=\"identifiants.erreur\">\n      @for (message of messages(); track $index) {\n        <st-inline-message ton=\"danger\">{{ message }}</st-inline-message>\n      }\n    </div>\n  }\n\n  <div class=\"st-fieldset__controles\">\n    @if (enErreur()) {\n      <span class=\"st-fieldset__lisere\"></span>\n    }\n    <ng-content />\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:block;min-inline-size:0}:host([hidden]){display:none}.st-fieldset__groupe{min-inline-size:0;padding:0;margin:0;border:0}.st-fieldset__legende{padding:0;margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-md);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-md);color:var(--st-couleur-texte)}.st-fieldset__obligatoire{margin-inline-start:var(--st-espacement-1);font-weight:var(--st-graisse-normale);color:var(--st-couleur-texte-attenue)}.st-fieldset__aide{margin:0 0 var(--st-espacement-2);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-fieldset__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);padding-block:var(--st-espacement-1);margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-danger)}.st-fieldset__erreurs>st-inline-message{align-items:center;font-weight:inherit}.st-fieldset__controles{position:relative;display:flex;flex-direction:column;gap:var(--st-espacement-5);min-inline-size:0}:host([data-contenu=choix]) .st-fieldset__controles{gap:var(--st-espacement-3)}.st-fieldset__lisere{position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--st-espacement-3));inline-size:var(--st-epaisseur-forte);background-color:var(--st-couleur-danger);border-radius:var(--st-rayon-pleine)}@media(forced-colors:active){.st-fieldset__lisere{forced-color-adjust:none;background-color:CanvasText}}:host([data-disposition=en-ligne]){container-type:inline-size}@container (min-width: 30rem){:host([data-disposition=en-ligne]) .st-fieldset__controles{flex-flow:row wrap;gap:var(--st-espacement-5) var(--st-espacement-4)}}\n"]
+			template: "<fieldset\n  class=\"st-fieldset__groupe\"\n  [disabled]=\"disabled()\"\n  [attr.aria-describedby]=\"descriptions()\"\n  [attr.role]=\"choixExclusif() ? 'radiogroup' : null\"\n  [attr.aria-required]=\"choixExclusif() && obligatoire() ? 'true' : null\"\n  [attr.aria-invalid]=\"choixExclusif() && enErreur() ? 'true' : null\"\n  [attr.aria-readonly]=\"choixExclusif() && readonly() ? 'true' : null\"\n>\n  <legend class=\"st-fieldset__legende\" [attr.data-libelle]=\"legende()\">\n    {{ legende() }}\n    @if (obligatoire()) {\n      <span class=\"st-fieldset__obligatoire\">{{ libelleObligatoire() }}</span>\n    }\n  </legend>\n\n  @if (aideRendue(); as texte) {\n    <p class=\"st-fieldset__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n  }\n\n  @if (enErreur()) {\n    <div class=\"st-fieldset__erreurs\" [id]=\"identifiants.erreur\">\n      @for (message of messages(); track $index) {\n        <st-inline-message ton=\"erreur\">{{ message }}</st-inline-message>\n      }\n    </div>\n  }\n\n  <div class=\"st-fieldset__controles\">\n    @if (enErreur()) {\n      <span class=\"st-fieldset__lisere\"></span>\n    }\n    <ng-content />\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:block;min-inline-size:0}:host([hidden]){display:none}.st-fieldset__groupe{min-inline-size:0;padding:0;margin:0;border:0}.st-fieldset__legende{padding:0;margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-md);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-md);color:var(--st-couleur-texte)}.st-fieldset__obligatoire{margin-inline-start:var(--st-espacement-1);font-weight:var(--st-graisse-normale);color:var(--st-couleur-texte-attenue)}.st-fieldset__aide{margin:0 0 var(--st-espacement-2);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-fieldset__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);padding-block:var(--st-espacement-1);margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-fieldset__erreurs>st-inline-message{align-items:center;font-weight:inherit}.st-fieldset__controles{position:relative;display:flex;flex-direction:column;gap:var(--st-espacement-5);min-inline-size:0}:host([data-contenu=choix]) .st-fieldset__controles{gap:var(--st-espacement-3)}.st-fieldset__lisere{position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--st-espacement-3));inline-size:var(--st-epaisseur-forte);background-color:var(--st-couleur-erreur);border-radius:var(--st-rayon-pleine)}@media(forced-colors:active){.st-fieldset__lisere{forced-color-adjust:none;background-color:CanvasText}}:host([data-disposition=en-ligne]){container-type:inline-size}@container (min-width: 30rem){:host([data-disposition=en-ligne]) .st-fieldset__controles{flex-flow:row wrap;gap:var(--st-espacement-5) var(--st-espacement-4)}}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -2031,19 +2048,19 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 var StCheckbox = class StCheckbox extends ContratDeCase {
-	indetermine = model(false, ...ngDevMode ? [{ debugName: "indetermine" }] : 	/* istanbul ignore next */ []);
+	indetermine = model(false, ...ngDevMode ? [{ debugName: "indetermine" }] : /* istanbul ignore next */ []);
 	aideDEtat = input(false, {
-		...ngDevMode ? { debugName: "aideDEtat" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "aideDEtat" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	enErreur = computed(() => this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : 	/* istanbul ignore next */ []);
+	enErreur = computed(() => this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
 	surChangement(evenement) {
 		this.surBascule(evenement);
 		if (!this.readonly()) this.indetermine.set(false);
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StCheckbox,
 		deps: null,
@@ -2051,7 +2068,7 @@ var StCheckbox = class StCheckbox extends ContratDeCase {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StCheckbox,
 		isStandalone: true,
 		selector: "st-checkbox",
@@ -2084,7 +2101,7 @@ var StCheckbox = class StCheckbox extends ContratDeCase {
 		usesInheritance: true,
 		ngImport: i0,
 		template: "<st-form-field\n  disposition=\"case\"\n  [libelle]=\"libelle()\"\n  [aide]=\"aideEtRaisons()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n>\n  <!-- Libelle riche, relaye a l'etiquette de l'enveloppe (lot 218). -->\n  <ng-content select=\"[stLibelle]\" ngProjectAs=\"[stLibelle]\" />\n  <input\n    #champ\n    class=\"st-checkbox__case\"\n    type=\"checkbox\"\n    stControleDeChamp\n    [checked]=\"checked()\"\n    [indeterminate]=\"indetermine()\"\n    [attr.name]=\"name() || null\"\n    [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n    [disabled]=\"disabled()\"\n    (click)=\"surClic($event)\"\n    (change)=\"surChangement($event)\"\n    (blur)=\"touch.emit()\"\n  />\n</st-form-field>\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;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}:host([data-cochee]){--st-choix-graisse: var(--st-graisse-semi);background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}:host([data-en-erreur]){background-color:var(--st-couleur-danger-discret);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-danger) r g b/30%)}:host(:has(.st-checkbox__case:disabled)){--st-choix-couleur: var(--st-couleur-texte-desactive)}:host([data-avec-aide]){--st-choix-interligne: 1.25}:host([data-cochee][data-aide-d-etat]) ::ng-deep .st-form-field__aide{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-succes)}st-form-field{flex:1 1 auto;min-inline-size:0}.st-checkbox__case: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)}@media(pointer:coarse){.st-checkbox__case{position:relative}.st-checkbox__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-checkbox__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-checkbox__case:before{content:\"\";display:none}@media(hover:hover){.st-checkbox__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-checkbox__case:checked,.st-checkbox__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-checkbox__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-checkbox__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-checkbox__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-checkbox__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger)}.st-checkbox__case[aria-readonly=true]:not(:disabled){cursor:default}.st-checkbox__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-checkbox__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-checkbox__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-checkbox__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-checkbox__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-checkbox__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-checkbox__case[type=radio]:checked{background:Canvas}.st-checkbox__case[type=radio]:checked:before{background:Highlight}.st-checkbox__case:disabled{border-color:GrayText}}@media print{.st-checkbox__case:is(:checked,:indeterminate),.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-checkbox__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-checkbox__case[type=checkbox]:checked:before,.st-checkbox__case[type=checkbox]:indeterminate:before,.st-checkbox__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media(forced-colors:active){:host([data-cochee]),:host([data-en-erreur]){border-color:CanvasText}}\n"],
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}:host([data-cochee]){--st-choix-graisse: var(--st-graisse-semi);background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}:host([data-en-erreur]){background-color:var(--st-couleur-erreur-discret);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-erreur) r g b/30%)}:host(:has(.st-checkbox__case:disabled)){--st-choix-couleur: var(--st-couleur-texte-desactive)}:host([data-avec-aide]){--st-choix-interligne: 1.25}:host([data-cochee][data-aide-d-etat]) ::ng-deep .st-form-field__aide{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-succes)}st-form-field{flex:1 1 auto;min-inline-size:0}.st-checkbox__case: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)}@media(pointer:coarse){.st-checkbox__case{position:relative}.st-checkbox__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-checkbox__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-checkbox__case:before{content:\"\";display:none}@media(hover:hover){.st-checkbox__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-checkbox__case:checked,.st-checkbox__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-checkbox__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-checkbox__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-checkbox__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-checkbox__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-checkbox__case[aria-readonly=true]:not(:disabled){cursor:default}.st-checkbox__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-checkbox__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-checkbox__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-checkbox__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-checkbox__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-checkbox__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-checkbox__case[type=radio]:checked{background:Canvas}.st-checkbox__case[type=radio]:checked:before{background:Highlight}.st-checkbox__case:disabled{border-color:GrayText}}@media print{.st-checkbox__case:is(:checked,:indeterminate),.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-checkbox__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-checkbox__case[type=checkbox]:checked:before,.st-checkbox__case[type=checkbox]:indeterminate:before,.st-checkbox__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media(forced-colors:active){:host([data-cochee]),:host([data-en-erreur]){border-color:CanvasText}}\n"],
 		dependencies: [{
 			kind: "component",
 			type: StFormField,
@@ -2107,7 +2124,7 @@ var StCheckbox = class StCheckbox extends ContratDeCase {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StCheckbox,
 	decorators: [{
@@ -2124,7 +2141,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.data-aide-d-etat]": "aideDEtat() ? \"\" : null"
 			},
 			template: "<st-form-field\n  disposition=\"case\"\n  [libelle]=\"libelle()\"\n  [aide]=\"aideEtRaisons()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n>\n  <!-- Libelle riche, relaye a l'etiquette de l'enveloppe (lot 218). -->\n  <ng-content select=\"[stLibelle]\" ngProjectAs=\"[stLibelle]\" />\n  <input\n    #champ\n    class=\"st-checkbox__case\"\n    type=\"checkbox\"\n    stControleDeChamp\n    [checked]=\"checked()\"\n    [indeterminate]=\"indetermine()\"\n    [attr.name]=\"name() || null\"\n    [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n    [disabled]=\"disabled()\"\n    (click)=\"surClic($event)\"\n    (change)=\"surChangement($event)\"\n    (blur)=\"touch.emit()\"\n  />\n</st-form-field>\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;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}:host([data-cochee]){--st-choix-graisse: var(--st-graisse-semi);background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}:host([data-en-erreur]){background-color:var(--st-couleur-danger-discret);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-danger) r g b/30%)}:host(:has(.st-checkbox__case:disabled)){--st-choix-couleur: var(--st-couleur-texte-desactive)}:host([data-avec-aide]){--st-choix-interligne: 1.25}:host([data-cochee][data-aide-d-etat]) ::ng-deep .st-form-field__aide{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-succes)}st-form-field{flex:1 1 auto;min-inline-size:0}.st-checkbox__case: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)}@media(pointer:coarse){.st-checkbox__case{position:relative}.st-checkbox__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-checkbox__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-checkbox__case:before{content:\"\";display:none}@media(hover:hover){.st-checkbox__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-checkbox__case:checked,.st-checkbox__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-checkbox__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-checkbox__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-checkbox__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-checkbox__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger)}.st-checkbox__case[aria-readonly=true]:not(:disabled){cursor:default}.st-checkbox__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-checkbox__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-checkbox__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-checkbox__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-checkbox__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-checkbox__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-checkbox__case[type=radio]:checked{background:Canvas}.st-checkbox__case[type=radio]:checked:before{background:Highlight}.st-checkbox__case:disabled{border-color:GrayText}}@media print{.st-checkbox__case:is(:checked,:indeterminate),.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-checkbox__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-checkbox__case[type=checkbox]:checked:before,.st-checkbox__case[type=checkbox]:indeterminate:before,.st-checkbox__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media(forced-colors:active){:host([data-cochee]),:host([data-en-erreur]){border-color:CanvasText}}\n"]
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}:host([data-cochee]){--st-choix-graisse: var(--st-graisse-semi);background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}:host([data-en-erreur]){background-color:var(--st-couleur-erreur-discret);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-erreur) r g b/30%)}:host(:has(.st-checkbox__case:disabled)){--st-choix-couleur: var(--st-couleur-texte-desactive)}:host([data-avec-aide]){--st-choix-interligne: 1.25}:host([data-cochee][data-aide-d-etat]) ::ng-deep .st-form-field__aide{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-succes)}st-form-field{flex:1 1 auto;min-inline-size:0}.st-checkbox__case: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)}@media(pointer:coarse){.st-checkbox__case{position:relative}.st-checkbox__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-checkbox__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-checkbox__case:before{content:\"\";display:none}@media(hover:hover){.st-checkbox__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-checkbox__case:checked,.st-checkbox__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-checkbox__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-checkbox__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-checkbox__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-checkbox__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-checkbox__case[aria-readonly=true]:not(:disabled){cursor:default}.st-checkbox__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-checkbox__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-checkbox__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-checkbox__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-checkbox__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-checkbox__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-checkbox__case[type=radio]:checked{background:Canvas}.st-checkbox__case[type=radio]:checked:before{background:Highlight}.st-checkbox__case:disabled{border-color:GrayText}}@media print{.st-checkbox__case:is(:checked,:indeterminate),.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-checkbox__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-checkbox__case[type=checkbox]:checked:before,.st-checkbox__case[type=checkbox]:indeterminate:before,.st-checkbox__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media(forced-colors:active){:host([data-cochee]),:host([data-en-erreur]){border-color:CanvasText}}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -2151,52 +2168,52 @@ i0.ɵɵngDeclareClassMetadata({
 });
 var StRadioGroup = class StRadioGroup {
 	element = inject(ElementRef);
-	legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : 	/* istanbul ignore next */ []);
-	aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : 	/* istanbul ignore next */ []);
-	options = input.required(...ngDevMode ? [{ debugName: "options" }] : 	/* istanbul ignore next */ []);
-	disposition = input("colonne", ...ngDevMode ? [{ debugName: "disposition" }] : 	/* istanbul ignore next */ []);
-	value = model("", ...ngDevMode ? [{ debugName: "value" }] : 	/* istanbul ignore next */ []);
-	errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : 	/* istanbul ignore next */ []);
+	legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []);
+	aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
+	options = input.required(...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
+	disposition = input("colonne", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
+	value = model("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
 	touched = input(false, {
-		...ngDevMode ? { debugName: "touched" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	dirty = input(false, {
-		...ngDevMode ? { debugName: "dirty" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	pending = input(false, {
-		...ngDevMode ? { debugName: "pending" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	disabled = input(false, {
-		...ngDevMode ? { debugName: "disabled" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : 	/* istanbul ignore next */ []);
+	disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
 	readonly = input(false, {
-		...ngDevMode ? { debugName: "readonly" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	required = input(false, {
-		...ngDevMode ? { debugName: "required" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	hidden = input(false, {
-		...ngDevMode ? { debugName: "hidden" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	name = input("", ...ngDevMode ? [{ debugName: "name" }] : 	/* istanbul ignore next */ []);
+	name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
 	touch = output();
-	radios = viewChildren("radio", ...ngDevMode ? [{ debugName: "radios" }] : 	/* istanbul ignore next */ []);
+	radios = viewChildren("radio", ...ngDevMode ? [{ debugName: "radios" }] : /* istanbul ignore next */ []);
 	nomParDefaut = inject(StIdentifiants).prochain("st-radio");
-	enErreur = computed(() => this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : 	/* istanbul ignore next */ []);
+	enErreur = computed(() => this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
 	aideEtRaisons = computed(() => {
 		const raisons = this.disabled() ? this.disabledReasons().map((raison) => raison.message?.trim() ?? "").filter((message) => message !== "") : [];
 		const aide = this.aide()?.trim() ?? "";
 		const morceaux = aide === "" ? raisons : [aide, ...raisons];
 		return morceaux.length === 0 ? null : morceaux.join(" ");
-	}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
 	nomDuGroupe() {
 		return this.name() === "" ? this.nomParDefaut : this.name();
 	}
@@ -2236,7 +2253,7 @@ var StRadioGroup = class StRadioGroup {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StRadioGroup,
 		deps: [],
@@ -2244,7 +2261,7 @@ var StRadioGroup = class StRadioGroup {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StRadioGroup,
 		isStandalone: true,
 		selector: "st-radio-group",
@@ -2375,7 +2392,7 @@ var StRadioGroup = class StRadioGroup {
 		}],
 		ngImport: i0,
 		template: "<st-fieldset\n  [legende]=\"legende()\"\n  [aide]=\"aideEtRaisons()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n  [disabled]=\"disabled()\"\n  [disposition]=\"disposition()\"\n  [readonly]=\"readonly()\"\n  choixExclusif\n  contenu=\"choix\"\n>\n  @for (option of options(); track option.valeur; let indice = $index) {\n    <div class=\"st-radio-group__option\" [attr.data-choisie]=\"option.valeur === value() ? '' : null\">\n      <input\n        #radio\n        class=\"st-radio-group__radio\"\n        type=\"radio\"\n        [id]=\"identifiantOption(indice)\"\n        [name]=\"nomDuGroupe()\"\n        [value]=\"option.valeur\"\n        [checked]=\"option.valeur === value()\"\n        [disabled]=\"disabled() || option.desactivee === true\"\n        [attr.aria-describedby]=\"aideDe(option) === null ? null : identifiantAide(indice)\"\n        [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n        (click)=\"surClic($event)\"\n        (change)=\"choisir($event, option.valeur)\"\n      />\n      <span class=\"st-radio-group__textes\">\n        <label class=\"st-radio-group__libelle\" [for]=\"identifiantOption(indice)\">\n          {{ option.libelle }}\n        </label>\n        @if (aideDe(option); as aide) {\n          <span class=\"st-radio-group__aide\" [id]=\"identifiantAide(indice)\">{{ aide }}</span>\n        }\n      </span>\n    </div>\n  }\n</st-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:block}.st-radio-group__option{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2-5);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}.st-radio-group__option[data-choisie]{background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/20%)}.st-radio-group__radio: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)}@media(pointer:coarse){.st-radio-group__radio{position:relative}.st-radio-group__radio:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-radio-group__radio{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-radio-group__radio:before{content:\"\";display:none}@media(hover:hover){.st-radio-group__radio:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-radio-group__radio:checked,.st-radio-group__radio:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-radio-group__radio[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-radio-group__radio[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[type=radio]{border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-radio-group__radio[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger)}.st-radio-group__radio[aria-readonly=true]:not(:disabled){cursor:default}.st-radio-group__radio:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-radio-group__radio:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-radio-group__radio[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-radio-group__radio[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-radio-group__radio{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-radio-group__radio:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-radio-group__radio[type=radio]:checked{background:Canvas}.st-radio-group__radio[type=radio]:checked:before{background:Highlight}.st-radio-group__radio:disabled{border-color:GrayText}}@media print{.st-radio-group__radio:is(:checked,:indeterminate),.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-radio-group__radio[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-radio-group__radio[type=checkbox]:checked:before,.st-radio-group__radio[type=checkbox]:indeterminate:before,.st-radio-group__radio[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-radio-group__textes{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0}.st-radio-group__libelle{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm);cursor:pointer}.st-radio-group__libelle:has(+.st-radio-group__aide){line-height:1.25}[data-choisie] .st-radio-group__libelle{font-weight:var(--st-graisse-semi)}.st-radio-group__aide{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-radio-group__radio:disabled+.st-radio-group__textes .st-radio-group__libelle{color:var(--st-couleur-texte-desactive);cursor:not-allowed}:host([data-lecture-seule]) .st-radio-group__radio:not(:disabled),:host([data-lecture-seule]) .st-radio-group__radio:not(:disabled)+.st-radio-group__textes .st-radio-group__libelle{cursor:default}@media(forced-colors:active){.st-radio-group__option[data-choisie]{border-color:CanvasText}}\n"],
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-radio-group__option{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2-5);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}.st-radio-group__option[data-choisie]{background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/20%)}.st-radio-group__radio: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)}@media(pointer:coarse){.st-radio-group__radio{position:relative}.st-radio-group__radio:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-radio-group__radio{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-radio-group__radio:before{content:\"\";display:none}@media(hover:hover){.st-radio-group__radio:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-radio-group__radio:checked,.st-radio-group__radio:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-radio-group__radio[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-radio-group__radio[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[type=radio]{border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-radio-group__radio[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-radio-group__radio[aria-readonly=true]:not(:disabled){cursor:default}.st-radio-group__radio:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-radio-group__radio:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-radio-group__radio[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-radio-group__radio[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-radio-group__radio{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-radio-group__radio:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-radio-group__radio[type=radio]:checked{background:Canvas}.st-radio-group__radio[type=radio]:checked:before{background:Highlight}.st-radio-group__radio:disabled{border-color:GrayText}}@media print{.st-radio-group__radio:is(:checked,:indeterminate),.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-radio-group__radio[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-radio-group__radio[type=checkbox]:checked:before,.st-radio-group__radio[type=checkbox]:indeterminate:before,.st-radio-group__radio[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-radio-group__textes{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0}.st-radio-group__libelle{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm);cursor:pointer}.st-radio-group__libelle:has(+.st-radio-group__aide){line-height:1.25}[data-choisie] .st-radio-group__libelle{font-weight:var(--st-graisse-semi)}.st-radio-group__aide{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-radio-group__radio:disabled+.st-radio-group__textes .st-radio-group__libelle{color:var(--st-couleur-texte-desactive);cursor:not-allowed}:host([data-lecture-seule]) .st-radio-group__radio:not(:disabled),:host([data-lecture-seule]) .st-radio-group__radio:not(:disabled)+.st-radio-group__textes .st-radio-group__libelle{cursor:default}@media(forced-colors:active){.st-radio-group__option[data-choisie]{border-color:CanvasText}}\n"],
 		dependencies: [{
 			kind: "component",
 			type: StFieldset,
@@ -2397,7 +2414,7 @@ var StRadioGroup = class StRadioGroup {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StRadioGroup,
 	decorators: [{
@@ -2413,7 +2430,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"(focusout)": "aLaSortie($event)"
 			},
 			template: "<st-fieldset\n  [legende]=\"legende()\"\n  [aide]=\"aideEtRaisons()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n  [disabled]=\"disabled()\"\n  [disposition]=\"disposition()\"\n  [readonly]=\"readonly()\"\n  choixExclusif\n  contenu=\"choix\"\n>\n  @for (option of options(); track option.valeur; let indice = $index) {\n    <div class=\"st-radio-group__option\" [attr.data-choisie]=\"option.valeur === value() ? '' : null\">\n      <input\n        #radio\n        class=\"st-radio-group__radio\"\n        type=\"radio\"\n        [id]=\"identifiantOption(indice)\"\n        [name]=\"nomDuGroupe()\"\n        [value]=\"option.valeur\"\n        [checked]=\"option.valeur === value()\"\n        [disabled]=\"disabled() || option.desactivee === true\"\n        [attr.aria-describedby]=\"aideDe(option) === null ? null : identifiantAide(indice)\"\n        [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n        (click)=\"surClic($event)\"\n        (change)=\"choisir($event, option.valeur)\"\n      />\n      <span class=\"st-radio-group__textes\">\n        <label class=\"st-radio-group__libelle\" [for]=\"identifiantOption(indice)\">\n          {{ option.libelle }}\n        </label>\n        @if (aideDe(option); as aide) {\n          <span class=\"st-radio-group__aide\" [id]=\"identifiantAide(indice)\">{{ aide }}</span>\n        }\n      </span>\n    </div>\n  }\n</st-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:block}.st-radio-group__option{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2-5);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}.st-radio-group__option[data-choisie]{background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/20%)}.st-radio-group__radio: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)}@media(pointer:coarse){.st-radio-group__radio{position:relative}.st-radio-group__radio:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-radio-group__radio{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-radio-group__radio:before{content:\"\";display:none}@media(hover:hover){.st-radio-group__radio:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-radio-group__radio:checked,.st-radio-group__radio:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-radio-group__radio[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-radio-group__radio[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[type=radio]{border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-radio-group__radio[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger)}.st-radio-group__radio[aria-readonly=true]:not(:disabled){cursor:default}.st-radio-group__radio:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-radio-group__radio:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-radio-group__radio[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-radio-group__radio[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-radio-group__radio{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-radio-group__radio:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-radio-group__radio[type=radio]:checked{background:Canvas}.st-radio-group__radio[type=radio]:checked:before{background:Highlight}.st-radio-group__radio:disabled{border-color:GrayText}}@media print{.st-radio-group__radio:is(:checked,:indeterminate),.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-radio-group__radio[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-radio-group__radio[type=checkbox]:checked:before,.st-radio-group__radio[type=checkbox]:indeterminate:before,.st-radio-group__radio[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-radio-group__textes{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0}.st-radio-group__libelle{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm);cursor:pointer}.st-radio-group__libelle:has(+.st-radio-group__aide){line-height:1.25}[data-choisie] .st-radio-group__libelle{font-weight:var(--st-graisse-semi)}.st-radio-group__aide{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-radio-group__radio:disabled+.st-radio-group__textes .st-radio-group__libelle{color:var(--st-couleur-texte-desactive);cursor:not-allowed}:host([data-lecture-seule]) .st-radio-group__radio:not(:disabled),:host([data-lecture-seule]) .st-radio-group__radio:not(:disabled)+.st-radio-group__textes .st-radio-group__libelle{cursor:default}@media(forced-colors:active){.st-radio-group__option[data-choisie]{border-color:CanvasText}}\n"]
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-radio-group__option{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2-5);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}.st-radio-group__option[data-choisie]{background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/20%)}.st-radio-group__radio: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)}@media(pointer:coarse){.st-radio-group__radio{position:relative}.st-radio-group__radio:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-radio-group__radio{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-radio-group__radio:before{content:\"\";display:none}@media(hover:hover){.st-radio-group__radio:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-radio-group__radio:checked,.st-radio-group__radio:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-radio-group__radio[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-radio-group__radio[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[type=radio]{border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-radio-group__radio[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-radio-group__radio[aria-readonly=true]:not(:disabled){cursor:default}.st-radio-group__radio:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-radio-group__radio:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-radio-group__radio[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-radio-group__radio[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-radio-group__radio{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-radio-group__radio:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-radio-group__radio[type=radio]:checked{background:Canvas}.st-radio-group__radio[type=radio]:checked:before{background:Highlight}.st-radio-group__radio:disabled{border-color:GrayText}}@media print{.st-radio-group__radio:is(:checked,:indeterminate),.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-radio-group__radio[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-radio-group__radio[type=checkbox]:checked:before,.st-radio-group__radio[type=checkbox]:indeterminate:before,.st-radio-group__radio[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-radio-group__textes{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0}.st-radio-group__libelle{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm);cursor:pointer}.st-radio-group__libelle:has(+.st-radio-group__aide){line-height:1.25}[data-choisie] .st-radio-group__libelle{font-weight:var(--st-graisse-semi)}.st-radio-group__aide{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-radio-group__radio:disabled+.st-radio-group__textes .st-radio-group__libelle{color:var(--st-couleur-texte-desactive);cursor:not-allowed}:host([data-lecture-seule]) .st-radio-group__radio:not(:disabled),:host([data-lecture-seule]) .st-radio-group__radio:not(:disabled)+.st-radio-group__textes .st-radio-group__libelle{cursor:default}@media(forced-colors:active){.st-radio-group__option[data-choisie]{border-color:CanvasText}}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -2553,68 +2570,68 @@ i0.ɵɵngDeclareClassMetadata({
 var StCheckboxGroup = class StCheckboxGroup {
 	element = inject(ElementRef);
 	libelles = inject(ST_LIBELLES);
-	legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : 	/* istanbul ignore next */ []);
-	aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : 	/* istanbul ignore next */ []);
-	options = input.required(...ngDevMode ? [{ debugName: "options" }] : 	/* istanbul ignore next */ []);
-	disposition = input("colonne", ...ngDevMode ? [{ debugName: "disposition" }] : 	/* istanbul ignore next */ []);
+	legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []);
+	aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
+	options = input.required(...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
+	disposition = input("colonne", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
 	toutSelectionner = input(false, {
-		...ngDevMode ? { debugName: "toutSelectionner" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "toutSelectionner" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	value = model([], ...ngDevMode ? [{ debugName: "value" }] : 	/* istanbul ignore next */ []);
-	errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : 	/* istanbul ignore next */ []);
+	value = model([], ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
 	touched = input(false, {
-		...ngDevMode ? { debugName: "touched" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	dirty = input(false, {
-		...ngDevMode ? { debugName: "dirty" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	pending = input(false, {
-		...ngDevMode ? { debugName: "pending" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	disabled = input(false, {
-		...ngDevMode ? { debugName: "disabled" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : 	/* istanbul ignore next */ []);
+	disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
 	readonly = input(false, {
-		...ngDevMode ? { debugName: "readonly" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	required = input(false, {
-		...ngDevMode ? { debugName: "required" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	hidden = input(false, {
-		...ngDevMode ? { debugName: "hidden" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	name = input("", ...ngDevMode ? [{ debugName: "name" }] : 	/* istanbul ignore next */ []);
+	name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
 	touch = output();
-	cases = viewChildren("case", ...ngDevMode ? [{ debugName: "cases" }] : 	/* istanbul ignore next */ []);
+	cases = viewChildren("case", ...ngDevMode ? [{ debugName: "cases" }] : /* istanbul ignore next */ []);
 	racine = inject(StIdentifiants).prochain("st-cases");
 	identifiantDuTout = `${this.racine}-tout`;
-	libelleDuTout = computed(() => this.libelles().toutSelectionner, ...ngDevMode ? [{ debugName: "libelleDuTout" }] : 	/* istanbul ignore next */ []);
-	enErreur = computed(() => this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : 	/* istanbul ignore next */ []);
-	choisies = computed(() => new Set(this.value()), ...ngDevMode ? [{ debugName: "choisies" }] : 	/* istanbul ignore next */ []);
-	libres = computed(() => this.options().filter((option) => option.desactivee !== true), ...ngDevMode ? [{ debugName: "libres" }] : 	/* istanbul ignore next */ []);
+	libelleDuTout = computed(() => this.libelles().toutSelectionner, ...ngDevMode ? [{ debugName: "libelleDuTout" }] : /* istanbul ignore next */ []);
+	enErreur = computed(() => this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
+	choisies = computed(() => new Set(this.value()), ...ngDevMode ? [{ debugName: "choisies" }] : /* istanbul ignore next */ []);
+	libres = computed(() => this.options().filter((option) => option.desactivee !== true), ...ngDevMode ? [{ debugName: "libres" }] : /* istanbul ignore next */ []);
 	etatDuTout = computed(() => {
 		const libres = this.libres();
 		const choisies = this.choisies();
 		const cochees = libres.filter((option) => choisies.has(option.valeur)).length;
 		if (cochees === 0) return "vide";
 		return cochees === libres.length ? "coche" : "partiel";
-	}, ...ngDevMode ? [{ debugName: "etatDuTout" }] : 	/* istanbul ignore next */ []);
-	casesCommandees = computed(() => this.options().map((option, indice) => option.desactivee === true ? null : this.identifiantOption(indice)).filter((identifiant) => identifiant !== null).join(" "), ...ngDevMode ? [{ debugName: "casesCommandees" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "etatDuTout" }] : /* istanbul ignore next */ []);
+	casesCommandees = computed(() => this.options().map((option, indice) => option.desactivee === true ? null : this.identifiantOption(indice)).filter((identifiant) => identifiant !== null).join(" "), ...ngDevMode ? [{ debugName: "casesCommandees" }] : /* istanbul ignore next */ []);
 	aideEtRaisons = computed(() => {
 		const raisons = this.disabled() ? this.disabledReasons().map((raison) => raison.message?.trim() ?? "").filter((message) => message !== "") : [];
 		const aide = this.aide()?.trim() ?? "";
 		const morceaux = aide === "" ? raisons : [aide, ...raisons];
 		return morceaux.length === 0 ? null : morceaux.join(" ");
-	}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
 	estChoisie(valeur) {
 		return this.choisies().has(valeur);
 	}
@@ -2671,7 +2688,7 @@ var StCheckboxGroup = class StCheckboxGroup {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StCheckboxGroup,
 		deps: [],
@@ -2679,7 +2696,7 @@ var StCheckboxGroup = class StCheckboxGroup {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StCheckboxGroup,
 		isStandalone: true,
 		selector: "st-checkbox-group",
@@ -2817,7 +2834,7 @@ var StCheckboxGroup = class StCheckboxGroup {
 		}],
 		ngImport: i0,
 		template: "<st-fieldset\n  [legende]=\"legende()\"\n  [aide]=\"aideEtRaisons()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n  [disabled]=\"disabled()\"\n  [disposition]=\"disposition()\"\n  contenu=\"choix\"\n>\n  @if (toutSelectionner()) {\n    <div class=\"st-checkbox-group__option st-checkbox-group__option--tout\">\n      <input\n        class=\"st-checkbox-group__case\"\n        type=\"checkbox\"\n        [id]=\"identifiantDuTout\"\n        [checked]=\"etatDuTout() === 'coche'\"\n        [indeterminate]=\"etatDuTout() === 'partiel'\"\n        [disabled]=\"disabled() || casesCommandees() === ''\"\n        [attr.aria-controls]=\"casesCommandees() === '' ? null : casesCommandees()\"\n        [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n        (click)=\"surClic($event)\"\n        (change)=\"basculerTout($event)\"\n      />\n      <span class=\"st-checkbox-group__textes\">\n        <label class=\"st-checkbox-group__libelle\" [for]=\"identifiantDuTout\">\n          {{ libelleDuTout() }}\n        </label>\n      </span>\n    </div>\n  }\n  @for (option of options(); track option.valeur; let indice = $index) {\n    <div\n      class=\"st-checkbox-group__option\"\n      [attr.data-choisie]=\"estChoisie(option.valeur) ? '' : null\"\n    >\n      <input\n        #case\n        class=\"st-checkbox-group__case\"\n        type=\"checkbox\"\n        [id]=\"identifiantOption(indice)\"\n        [attr.name]=\"name() === '' ? null : name()\"\n        [value]=\"option.valeur\"\n        [checked]=\"estChoisie(option.valeur)\"\n        [disabled]=\"disabled() || option.desactivee === true\"\n        [attr.aria-describedby]=\"aideDe(option) === null ? null : identifiantAide(indice)\"\n        [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n        [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n        (click)=\"surClic($event)\"\n        (change)=\"basculer($event, option.valeur)\"\n      />\n      <span class=\"st-checkbox-group__textes\">\n        <label class=\"st-checkbox-group__libelle\" [for]=\"identifiantOption(indice)\">\n          {{ option.libelle }}\n        </label>\n        @if (aideDe(option); as aide) {\n          <span class=\"st-checkbox-group__aide\" [id]=\"identifiantAide(indice)\">{{ aide }}</span>\n        }\n      </span>\n    </div>\n  }\n</st-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:block}.st-checkbox-group__option{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2-5);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}.st-checkbox-group__option[data-choisie]{background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}.st-checkbox-group__option--tout{border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-end-start-radius:0;border-end-end-radius:0}.st-checkbox-group__case: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)}@media(pointer:coarse){.st-checkbox-group__case{position:relative}.st-checkbox-group__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-checkbox-group__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-checkbox-group__case:before{content:\"\";display:none}@media(hover:hover){.st-checkbox-group__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-checkbox-group__case:checked,.st-checkbox-group__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-checkbox-group__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-checkbox-group__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-checkbox-group__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger)}.st-checkbox-group__case[aria-readonly=true]:not(:disabled){cursor:default}.st-checkbox-group__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-checkbox-group__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-checkbox-group__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-checkbox-group__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-checkbox-group__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-checkbox-group__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-checkbox-group__case[type=radio]:checked{background:Canvas}.st-checkbox-group__case[type=radio]:checked:before{background:Highlight}.st-checkbox-group__case:disabled{border-color:GrayText}}@media print{.st-checkbox-group__case:is(:checked,:indeterminate),.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-checkbox-group__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-checkbox-group__case[type=checkbox]:checked:before,.st-checkbox-group__case[type=checkbox]:indeterminate:before,.st-checkbox-group__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-checkbox-group__textes{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0}.st-checkbox-group__libelle{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm);cursor:pointer}.st-checkbox-group__libelle:has(+.st-checkbox-group__aide){line-height:1.25}[data-choisie] .st-checkbox-group__libelle{font-weight:var(--st-graisse-semi)}.st-checkbox-group__aide{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-checkbox-group__case:disabled+.st-checkbox-group__textes .st-checkbox-group__libelle{color:var(--st-couleur-texte-desactive);cursor:not-allowed}:host([data-lecture-seule]) .st-checkbox-group__case:not(:disabled),:host([data-lecture-seule]) .st-checkbox-group__case:not(:disabled)+.st-checkbox-group__textes .st-checkbox-group__libelle{cursor:default}@media(forced-colors:active){.st-checkbox-group__option[data-choisie]{border-color:CanvasText}.st-checkbox-group__option--tout{border-block-end-color:CanvasText}}\n"],
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-checkbox-group__option{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2-5);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}.st-checkbox-group__option[data-choisie]{background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}.st-checkbox-group__option--tout{border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-end-start-radius:0;border-end-end-radius:0}.st-checkbox-group__case: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)}@media(pointer:coarse){.st-checkbox-group__case{position:relative}.st-checkbox-group__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-checkbox-group__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-checkbox-group__case:before{content:\"\";display:none}@media(hover:hover){.st-checkbox-group__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-checkbox-group__case:checked,.st-checkbox-group__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-checkbox-group__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-checkbox-group__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-checkbox-group__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-checkbox-group__case[aria-readonly=true]:not(:disabled){cursor:default}.st-checkbox-group__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-checkbox-group__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-checkbox-group__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-checkbox-group__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-checkbox-group__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-checkbox-group__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-checkbox-group__case[type=radio]:checked{background:Canvas}.st-checkbox-group__case[type=radio]:checked:before{background:Highlight}.st-checkbox-group__case:disabled{border-color:GrayText}}@media print{.st-checkbox-group__case:is(:checked,:indeterminate),.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-checkbox-group__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-checkbox-group__case[type=checkbox]:checked:before,.st-checkbox-group__case[type=checkbox]:indeterminate:before,.st-checkbox-group__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-checkbox-group__textes{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0}.st-checkbox-group__libelle{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm);cursor:pointer}.st-checkbox-group__libelle:has(+.st-checkbox-group__aide){line-height:1.25}[data-choisie] .st-checkbox-group__libelle{font-weight:var(--st-graisse-semi)}.st-checkbox-group__aide{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-checkbox-group__case:disabled+.st-checkbox-group__textes .st-checkbox-group__libelle{color:var(--st-couleur-texte-desactive);cursor:not-allowed}:host([data-lecture-seule]) .st-checkbox-group__case:not(:disabled),:host([data-lecture-seule]) .st-checkbox-group__case:not(:disabled)+.st-checkbox-group__textes .st-checkbox-group__libelle{cursor:default}@media(forced-colors:active){.st-checkbox-group__option[data-choisie]{border-color:CanvasText}.st-checkbox-group__option--tout{border-block-end-color:CanvasText}}\n"],
 		dependencies: [{
 			kind: "component",
 			type: StFieldset,
@@ -2839,7 +2856,7 @@ var StCheckboxGroup = class StCheckboxGroup {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StCheckboxGroup,
 	decorators: [{
@@ -2855,7 +2872,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"(focusout)": "aLaSortie($event)"
 			},
 			template: "<st-fieldset\n  [legende]=\"legende()\"\n  [aide]=\"aideEtRaisons()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n  [disabled]=\"disabled()\"\n  [disposition]=\"disposition()\"\n  contenu=\"choix\"\n>\n  @if (toutSelectionner()) {\n    <div class=\"st-checkbox-group__option st-checkbox-group__option--tout\">\n      <input\n        class=\"st-checkbox-group__case\"\n        type=\"checkbox\"\n        [id]=\"identifiantDuTout\"\n        [checked]=\"etatDuTout() === 'coche'\"\n        [indeterminate]=\"etatDuTout() === 'partiel'\"\n        [disabled]=\"disabled() || casesCommandees() === ''\"\n        [attr.aria-controls]=\"casesCommandees() === '' ? null : casesCommandees()\"\n        [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n        (click)=\"surClic($event)\"\n        (change)=\"basculerTout($event)\"\n      />\n      <span class=\"st-checkbox-group__textes\">\n        <label class=\"st-checkbox-group__libelle\" [for]=\"identifiantDuTout\">\n          {{ libelleDuTout() }}\n        </label>\n      </span>\n    </div>\n  }\n  @for (option of options(); track option.valeur; let indice = $index) {\n    <div\n      class=\"st-checkbox-group__option\"\n      [attr.data-choisie]=\"estChoisie(option.valeur) ? '' : null\"\n    >\n      <input\n        #case\n        class=\"st-checkbox-group__case\"\n        type=\"checkbox\"\n        [id]=\"identifiantOption(indice)\"\n        [attr.name]=\"name() === '' ? null : name()\"\n        [value]=\"option.valeur\"\n        [checked]=\"estChoisie(option.valeur)\"\n        [disabled]=\"disabled() || option.desactivee === true\"\n        [attr.aria-describedby]=\"aideDe(option) === null ? null : identifiantAide(indice)\"\n        [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n        [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n        (click)=\"surClic($event)\"\n        (change)=\"basculer($event, option.valeur)\"\n      />\n      <span class=\"st-checkbox-group__textes\">\n        <label class=\"st-checkbox-group__libelle\" [for]=\"identifiantOption(indice)\">\n          {{ option.libelle }}\n        </label>\n        @if (aideDe(option); as aide) {\n          <span class=\"st-checkbox-group__aide\" [id]=\"identifiantAide(indice)\">{{ aide }}</span>\n        }\n      </span>\n    </div>\n  }\n</st-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:block}.st-checkbox-group__option{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2-5);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}.st-checkbox-group__option[data-choisie]{background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}.st-checkbox-group__option--tout{border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-end-start-radius:0;border-end-end-radius:0}.st-checkbox-group__case: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)}@media(pointer:coarse){.st-checkbox-group__case{position:relative}.st-checkbox-group__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-checkbox-group__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-checkbox-group__case:before{content:\"\";display:none}@media(hover:hover){.st-checkbox-group__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-checkbox-group__case:checked,.st-checkbox-group__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-checkbox-group__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-checkbox-group__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-checkbox-group__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger)}.st-checkbox-group__case[aria-readonly=true]:not(:disabled){cursor:default}.st-checkbox-group__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-checkbox-group__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-checkbox-group__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-checkbox-group__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-checkbox-group__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-checkbox-group__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-checkbox-group__case[type=radio]:checked{background:Canvas}.st-checkbox-group__case[type=radio]:checked:before{background:Highlight}.st-checkbox-group__case:disabled{border-color:GrayText}}@media print{.st-checkbox-group__case:is(:checked,:indeterminate),.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-checkbox-group__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-checkbox-group__case[type=checkbox]:checked:before,.st-checkbox-group__case[type=checkbox]:indeterminate:before,.st-checkbox-group__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-checkbox-group__textes{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0}.st-checkbox-group__libelle{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm);cursor:pointer}.st-checkbox-group__libelle:has(+.st-checkbox-group__aide){line-height:1.25}[data-choisie] .st-checkbox-group__libelle{font-weight:var(--st-graisse-semi)}.st-checkbox-group__aide{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-checkbox-group__case:disabled+.st-checkbox-group__textes .st-checkbox-group__libelle{color:var(--st-couleur-texte-desactive);cursor:not-allowed}:host([data-lecture-seule]) .st-checkbox-group__case:not(:disabled),:host([data-lecture-seule]) .st-checkbox-group__case:not(:disabled)+.st-checkbox-group__textes .st-checkbox-group__libelle{cursor:default}@media(forced-colors:active){.st-checkbox-group__option[data-choisie]{border-color:CanvasText}.st-checkbox-group__option--tout{border-block-end-color:CanvasText}}\n"]
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-checkbox-group__option{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2-5);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}.st-checkbox-group__option[data-choisie]{background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}.st-checkbox-group__option--tout{border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-end-start-radius:0;border-end-end-radius:0}.st-checkbox-group__case: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)}@media(pointer:coarse){.st-checkbox-group__case{position:relative}.st-checkbox-group__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-checkbox-group__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-checkbox-group__case:before{content:\"\";display:none}@media(hover:hover){.st-checkbox-group__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-checkbox-group__case:checked,.st-checkbox-group__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-checkbox-group__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-checkbox-group__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-checkbox-group__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-checkbox-group__case[aria-readonly=true]:not(:disabled){cursor:default}.st-checkbox-group__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-checkbox-group__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-checkbox-group__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-checkbox-group__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-checkbox-group__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-checkbox-group__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-checkbox-group__case[type=radio]:checked{background:Canvas}.st-checkbox-group__case[type=radio]:checked:before{background:Highlight}.st-checkbox-group__case:disabled{border-color:GrayText}}@media print{.st-checkbox-group__case:is(:checked,:indeterminate),.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-checkbox-group__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-checkbox-group__case[type=checkbox]:checked:before,.st-checkbox-group__case[type=checkbox]:indeterminate:before,.st-checkbox-group__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-checkbox-group__textes{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0}.st-checkbox-group__libelle{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm);cursor:pointer}.st-checkbox-group__libelle:has(+.st-checkbox-group__aide){line-height:1.25}[data-choisie] .st-checkbox-group__libelle{font-weight:var(--st-graisse-semi)}.st-checkbox-group__aide{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-checkbox-group__case:disabled+.st-checkbox-group__textes .st-checkbox-group__libelle{color:var(--st-couleur-texte-desactive);cursor:not-allowed}:host([data-lecture-seule]) .st-checkbox-group__case:not(:disabled),:host([data-lecture-seule]) .st-checkbox-group__case:not(:disabled)+.st-checkbox-group__textes .st-checkbox-group__libelle{cursor:default}@media(forced-colors:active){.st-checkbox-group__option[data-choisie]{border-color:CanvasText}.st-checkbox-group__option--tout{border-block-end-color:CanvasText}}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -3005,56 +3022,56 @@ var StChoiceMatrix = class StChoiceMatrix {
 	destruction = inject(DestroyRef);
 	libelles = inject(ST_LIBELLES);
 	locale = inject(ST_LOCALE);
-	legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : 	/* istanbul ignore next */ []);
-	aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : 	/* istanbul ignore next */ []);
-	lignes = input.required(...ngDevMode ? [{ debugName: "lignes" }] : 	/* istanbul ignore next */ []);
-	colonnes = input.required(...ngDevMode ? [{ debugName: "colonnes" }] : 	/* istanbul ignore next */ []);
+	legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []);
+	aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
+	lignes = input.required(...ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []);
+	colonnes = input.required(...ngDevMode ? [{ debugName: "colonnes" }] : /* istanbul ignore next */ []);
 	toutParColonne = input(false, {
-		...ngDevMode ? { debugName: "toutParColonne" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "toutParColonne" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	toutParLigne = input(false, {
-		...ngDevMode ? { debugName: "toutParLigne" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "toutParLigne" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	cellulesIndisponibles = input([], ...ngDevMode ? [{ debugName: "cellulesIndisponibles" }] : 	/* istanbul ignore next */ []);
-	mode = input("formulaire", ...ngDevMode ? [{ debugName: "mode" }] : 	/* istanbul ignore next */ []);
-	cellulesEnAttente = input([], ...ngDevMode ? [{ debugName: "cellulesEnAttente" }] : 	/* istanbul ignore next */ []);
-	value = model([], ...ngDevMode ? [{ debugName: "value" }] : 	/* istanbul ignore next */ []);
-	errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : 	/* istanbul ignore next */ []);
+	cellulesIndisponibles = input([], ...ngDevMode ? [{ debugName: "cellulesIndisponibles" }] : /* istanbul ignore next */ []);
+	mode = input("formulaire", ...ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []);
+	cellulesEnAttente = input([], ...ngDevMode ? [{ debugName: "cellulesEnAttente" }] : /* istanbul ignore next */ []);
+	value = model([], ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
 	touched = input(false, {
-		...ngDevMode ? { debugName: "touched" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	dirty = input(false, {
-		...ngDevMode ? { debugName: "dirty" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	pending = input(false, {
-		...ngDevMode ? { debugName: "pending" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	disabled = input(false, {
-		...ngDevMode ? { debugName: "disabled" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : 	/* istanbul ignore next */ []);
+	disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
 	readonly = input(false, {
-		...ngDevMode ? { debugName: "readonly" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	required = input(false, {
-		...ngDevMode ? { debugName: "required" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	hidden = input(false, {
-		...ngDevMode ? { debugName: "hidden" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	name = input("", ...ngDevMode ? [{ debugName: "name" }] : 	/* istanbul ignore next */ []);
+	name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
 	touch = output();
-	cases = viewChildren("case", ...ngDevMode ? [{ debugName: "cases" }] : 	/* istanbul ignore next */ []);
-	zone = viewChild.required("zone", ...ngDevMode ? [{ debugName: "zone" }] : 	/* istanbul ignore next */ []);
+	cases = viewChildren("case", ...ngDevMode ? [{ debugName: "cases" }] : /* istanbul ignore next */ []);
+	zone = viewChild.required("zone", ...ngDevMode ? [{ debugName: "zone" }] : /* istanbul ignore next */ []);
 	racine = inject(StIdentifiants).prochain("st-matrice");
 	identifiants = {
 		legende: `${this.racine}-legende`,
@@ -3063,30 +3080,30 @@ var StChoiceMatrix = class StChoiceMatrix {
 		deborde: `${this.racine}-deborde`
 	};
 	annonce = new AnnonceLocale(this.destruction);
-	deborde = signal(false, ...ngDevMode ? [{ debugName: "deborde" }] : 	/* istanbul ignore next */ []);
-	choisies = computed(() => new Set(this.value()), ...ngDevMode ? [{ debugName: "choisies" }] : 	/* istanbul ignore next */ []);
-	indisponibles = computed(() => new Map(this.cellulesIndisponibles().map((cellule) => [cellule.cle, cellule.raison])), ...ngDevMode ? [{ debugName: "indisponibles" }] : 	/* istanbul ignore next */ []);
-	enAttente = computed(() => new Set(this.cellulesEnAttente()), ...ngDevMode ? [{ debugName: "enAttente" }] : 	/* istanbul ignore next */ []);
+	deborde = signal(false, ...ngDevMode ? [{ debugName: "deborde" }] : /* istanbul ignore next */ []);
+	choisies = computed(() => new Set(this.value()), ...ngDevMode ? [{ debugName: "choisies" }] : /* istanbul ignore next */ []);
+	indisponibles = computed(() => new Map(this.cellulesIndisponibles().map((cellule) => [cellule.cle, cellule.raison])), ...ngDevMode ? [{ debugName: "indisponibles" }] : /* istanbul ignore next */ []);
+	enAttente = computed(() => new Set(this.cellulesEnAttente()), ...ngDevMode ? [{ debugName: "enAttente" }] : /* istanbul ignore next */ []);
 	bascules = /* @__PURE__ */ new Map();
-	enErreur = computed(() => this.mode() === "formulaire" && this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : 	/* istanbul ignore next */ []);
+	enErreur = computed(() => this.mode() === "formulaire" && this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
 	messages = computed(() => {
 		if (!this.enErreur()) return [];
 		const libelles = this.libelles();
 		const locale = this.locale();
 		return this.errors().map((erreur) => messageDErreur(erreur, libelles, locale));
-	}, ...ngDevMode ? [{ debugName: "messages" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []);
 	aideEtRaisons = computed(() => {
 		const raisons = this.disabled() ? this.disabledReasons().map((raison) => raison.message?.trim() ?? "").filter((message) => message !== "") : [];
 		const aide = this.aide()?.trim() ?? "";
 		const morceaux = aide === "" ? raisons : [aide, ...raisons];
 		return morceaux.length === 0 ? null : morceaux.join(" ");
-	}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
 	descriptions = computed(() => {
 		const ids = [];
 		if (this.aideEtRaisons() !== null) ids.push(this.identifiants.aide);
 		if (this.enErreur()) ids.push(this.identifiants.erreur);
 		return ids.length === 0 ? null : ids.join(" ");
-	}, ...ngDevMode ? [{ debugName: "descriptions" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "descriptions" }] : /* istanbul ignore next */ []);
 	constructor() {
 		if (isDevMode()) afterNextRender(() => {
 			if (this.mode() === "immediat" && this.errors().length > 0) console.warn(`[st-choice-matrix] "${this.legende()}" : une regle de validation vise une matrice en mode immediat, qui n affiche aucune erreur (UX-8).`);
@@ -3231,7 +3248,7 @@ var StChoiceMatrix = class StChoiceMatrix {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StChoiceMatrix,
 		deps: [],
@@ -3239,7 +3256,7 @@ var StChoiceMatrix = class StChoiceMatrix {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StChoiceMatrix,
 		isStandalone: true,
 		selector: "st-choice-matrix",
@@ -3411,8 +3428,8 @@ var StChoiceMatrix = class StChoiceMatrix {
 			isSignal: true
 		}],
 		ngImport: i0,
-		template: "<!-- UX-6 : zone nommee par la legende ; focalisable quand elle deborde, pour defiler au clavier. -->\n<div\n  #zone\n  class=\"st-choice-matrix__zone\"\n  role=\"region\"\n  [attr.aria-labelledby]=\"identifiants.legende\"\n  [attr.aria-describedby]=\"deborde() ? identifiants.deborde : null\"\n  [attr.tabindex]=\"deborde() ? 0 : null\"\n  [attr.data-deborde]=\"deborde() ? '' : null\"\n>\n  <table class=\"st-choice-matrix__tableau\" [attr.aria-describedby]=\"descriptions()\">\n    <caption class=\"st-choice-matrix__legende\" [id]=\"identifiants.legende\">\n      {{\n        legende()\n      }}\n      @if (required()) {\n        <span class=\"st-choice-matrix__obligatoire\">{{ libelles().obligatoire }}</span>\n      }\n    </caption>\n    <thead>\n      <tr>\n        <td class=\"st-choice-matrix__coin\"></td>\n        @for (colonne of colonnes(); track colonne.cle; let c = $index) {\n          <th class=\"st-choice-matrix__entete\" scope=\"col\" [id]=\"idColonne(c)\">\n            <span class=\"st-choice-matrix__entete-texte\">\n              @if (colonne.icone; as icone) {\n                <st-icon [icone]=\"icone\" taille=\"18\" />\n              }\n              {{ colonne.libelle }}\n            </span>\n            @if (toutParColonne()) {\n              <input\n                class=\"st-choice-matrix__case\"\n                type=\"checkbox\"\n                [checked]=\"etatDeColonne(colonne) === 'coche'\"\n                [indeterminate]=\"etatDeColonne(colonne) === 'partiel'\"\n                [disabled]=\"disabled() || casesDeColonne(colonne, c) === ''\"\n                [attr.aria-label]=\"libelles().toutSelectionnerPour(colonne.libelle)\"\n                [attr.aria-controls]=\"\n                  casesDeColonne(colonne, c) === '' ? null : casesDeColonne(colonne, c)\n                \"\n                [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n                (click)=\"surClic($event)\"\n                (change)=\"basculerColonne($event, colonne)\"\n              />\n            }\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @for (ligne of lignes(); track ligne.cle; let l = $index) {\n        <tr>\n          <th class=\"st-choice-matrix__ligne\" scope=\"row\" [id]=\"idLigne(l)\">\n            <!-- Le flex vit dans l'enveloppe : un th en flex sortirait du modele de cellule. -->\n            <span class=\"st-choice-matrix__ligne-contenu\">\n              <span class=\"st-choice-matrix__ligne-textes\">\n                <span class=\"st-choice-matrix__ligne-libelle\">{{ ligne.libelle }}</span>\n                @if (ligne.precision) {\n                  <span class=\"st-choice-matrix__precision\">{{ ligne.precision }}</span>\n                }\n              </span>\n              @if (toutParLigne()) {\n                <input\n                  class=\"st-choice-matrix__case\"\n                  type=\"checkbox\"\n                  [checked]=\"etatDeLigne(ligne) === 'coche'\"\n                  [indeterminate]=\"etatDeLigne(ligne) === 'partiel'\"\n                  [disabled]=\"disabled() || casesDeLigne(ligne, l) === ''\"\n                  [attr.aria-label]=\"libelles().toutSelectionnerPour(ligne.libelle)\"\n                  [attr.aria-controls]=\"\n                    casesDeLigne(ligne, l) === '' ? null : casesDeLigne(ligne, l)\n                  \"\n                  [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n                  (click)=\"surClic($event)\"\n                  (change)=\"basculerLigne($event, ligne)\"\n                />\n              }\n            </span>\n          </th>\n          @for (colonne of colonnes(); track colonne.cle; let c = $index) {\n            <td class=\"st-choice-matrix__cellule\">\n              <input\n                #case\n                class=\"st-choice-matrix__case\"\n                type=\"checkbox\"\n                [id]=\"idCase(l, c)\"\n                [attr.name]=\"name() === '' ? null : name()\"\n                [value]=\"cle(ligne, colonne)\"\n                [checked]=\"estCochee(ligne, colonne)\"\n                [disabled]=\"disabled()\"\n                [attr.aria-label]=\"libelles().celluleDeMatrice(ligne.libelle, colonne.libelle)\"\n                [attr.aria-disabled]=\"raisonDe(ligne, colonne) === null ? null : 'true'\"\n                [attr.aria-describedby]=\"raisonDe(ligne, colonne) === null ? null : idRaison(l, c)\"\n                [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n                [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n                [attr.aria-busy]=\"estEnAttente(ligne, colonne) ? 'true' : null\"\n                (click)=\"surClic($event, raisonDe(ligne, colonne) !== null)\"\n                (change)=\"basculer($event, ligne, colonne)\"\n              />\n              @if (raisonDe(ligne, colonne); as raison) {\n                <span class=\"st-vh\" [id]=\"idRaison(l, c)\">{{ raison }}</span>\n              }\n            </td>\n          }\n        </tr>\n      }\n    </tbody>\n  </table>\n</div>\n\n@if (aideEtRaisons(); as texte) {\n  <p class=\"st-choice-matrix__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n}\n@if (enErreur()) {\n  <div class=\"st-choice-matrix__erreurs\" [id]=\"identifiants.erreur\">\n    @for (message of messages(); track $index) {\n      <st-inline-message ton=\"danger\">{{ message }}</st-inline-message>\n    }\n  </div>\n}\n@if (deborde()) {\n  <span class=\"st-vh\" [id]=\"identifiants.deborde\">{{\n    libelles().tableauDefilantHorizontalement\n  }}</span>\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:block}.st-choice-matrix__zone: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)}.st-choice-matrix__zone{overflow-x:auto;overscroll-behavior-x:contain}.st-choice-matrix__tableau{min-inline-size:100%;border-collapse:collapse;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte)}.st-choice-matrix__legende{padding-block:var(--st-espacement-3);font-weight:var(--st-graisse-semi);text-align:start}.st-choice-matrix__obligatoire{font-weight:var(--st-graisse-normale);color:var(--st-couleur-texte-discret)}.st-choice-matrix__coin,.st-choice-matrix__entete,.st-choice-matrix__ligne,.st-choice-matrix__cellule{padding:var(--st-espacement-2-5);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-choice-matrix__entete{font-weight:var(--st-graisse-grasse);text-align:center;vertical-align:bottom;white-space:nowrap}.st-choice-matrix__entete-texte{display:inline-flex;gap:var(--st-espacement-1);align-items:center}.st-choice-matrix__entete>.st-choice-matrix__case{display:block;margin-block-start:var(--st-espacement-2);margin-inline:auto}.st-choice-matrix__ligne{font-weight:var(--st-graisse-moyenne);text-align:start}.st-choice-matrix__ligne-contenu{display:flex;gap:var(--st-espacement-3);align-items:center;justify-content:space-between}.st-choice-matrix__ligne-textes{display:flex;flex-direction:column}.st-choice-matrix__precision{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice-matrix__cellule{text-align:center}.st-choice-matrix__case: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)}@media(pointer:coarse){.st-choice-matrix__case{position:relative}.st-choice-matrix__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-choice-matrix__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-choice-matrix__case:before{content:\"\";display:none}@media(hover:hover){.st-choice-matrix__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice-matrix__case:checked,.st-choice-matrix__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-choice-matrix__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-choice-matrix__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-choice-matrix__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger)}.st-choice-matrix__case[aria-readonly=true]:not(:disabled){cursor:default}.st-choice-matrix__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice-matrix__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-choice-matrix__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-choice-matrix__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-choice-matrix__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-choice-matrix__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-choice-matrix__case[type=radio]:checked{background:Canvas}.st-choice-matrix__case[type=radio]:checked:before{background:Highlight}.st-choice-matrix__case:disabled{border-color:GrayText}}@media print{.st-choice-matrix__case:is(:checked,:indeterminate),.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-choice-matrix__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-choice-matrix__case[type=checkbox]:checked:before,.st-choice-matrix__case[type=checkbox]:indeterminate:before,.st-choice-matrix__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-choice-matrix__case{vertical-align:middle}.st-choice-matrix__case[aria-disabled=true]{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice-matrix__case[aria-disabled=true]:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}:host([data-lecture-seule]) .st-choice-matrix__case{cursor:default}.st-choice-matrix__aide{margin-block:var(--st-espacement-2) 0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice-matrix__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);margin-block-start:var(--st-espacement-2)}@media(forced-colors:active){.st-choice-matrix__coin,.st-choice-matrix__entete,.st-choice-matrix__ligne,.st-choice-matrix__cellule{border-block-end-color:CanvasText}}\n"],
+		template: "<!-- UX-6 : zone nommee par la legende ; focalisable quand elle deborde, pour defiler au clavier. -->\n<div\n  #zone\n  class=\"st-choice-matrix__zone\"\n  role=\"region\"\n  [attr.aria-labelledby]=\"identifiants.legende\"\n  [attr.aria-describedby]=\"deborde() ? identifiants.deborde : null\"\n  [attr.tabindex]=\"deborde() ? 0 : null\"\n  [attr.data-deborde]=\"deborde() ? '' : null\"\n>\n  <table class=\"st-choice-matrix__tableau\" [attr.aria-describedby]=\"descriptions()\">\n    <caption class=\"st-choice-matrix__legende\" [id]=\"identifiants.legende\">\n      {{\n        legende()\n      }}\n      @if (required()) {\n        <span class=\"st-choice-matrix__obligatoire\">{{ libelles().obligatoire }}</span>\n      }\n    </caption>\n    <thead>\n      <tr>\n        <td class=\"st-choice-matrix__coin\"></td>\n        @for (colonne of colonnes(); track colonne.cle; let c = $index) {\n          <th class=\"st-choice-matrix__entete\" scope=\"col\" [id]=\"idColonne(c)\">\n            <span class=\"st-choice-matrix__entete-texte\">\n              @if (colonne.icone; as icone) {\n                <st-icon [icone]=\"icone\" taille=\"18\" />\n              }\n              {{ colonne.libelle }}\n            </span>\n            @if (toutParColonne()) {\n              <input\n                class=\"st-choice-matrix__case\"\n                type=\"checkbox\"\n                [checked]=\"etatDeColonne(colonne) === 'coche'\"\n                [indeterminate]=\"etatDeColonne(colonne) === 'partiel'\"\n                [disabled]=\"disabled() || casesDeColonne(colonne, c) === ''\"\n                [attr.aria-label]=\"libelles().toutSelectionnerPour(colonne.libelle)\"\n                [attr.aria-controls]=\"\n                  casesDeColonne(colonne, c) === '' ? null : casesDeColonne(colonne, c)\n                \"\n                [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n                (click)=\"surClic($event)\"\n                (change)=\"basculerColonne($event, colonne)\"\n              />\n            }\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @for (ligne of lignes(); track ligne.cle; let l = $index) {\n        <tr>\n          <th class=\"st-choice-matrix__ligne\" scope=\"row\" [id]=\"idLigne(l)\">\n            <!-- Le flex vit dans l'enveloppe : un th en flex sortirait du modele de cellule. -->\n            <span class=\"st-choice-matrix__ligne-contenu\">\n              <span class=\"st-choice-matrix__ligne-textes\">\n                <span class=\"st-choice-matrix__ligne-libelle\">{{ ligne.libelle }}</span>\n                @if (ligne.precision) {\n                  <span class=\"st-choice-matrix__precision\">{{ ligne.precision }}</span>\n                }\n              </span>\n              @if (toutParLigne()) {\n                <input\n                  class=\"st-choice-matrix__case\"\n                  type=\"checkbox\"\n                  [checked]=\"etatDeLigne(ligne) === 'coche'\"\n                  [indeterminate]=\"etatDeLigne(ligne) === 'partiel'\"\n                  [disabled]=\"disabled() || casesDeLigne(ligne, l) === ''\"\n                  [attr.aria-label]=\"libelles().toutSelectionnerPour(ligne.libelle)\"\n                  [attr.aria-controls]=\"\n                    casesDeLigne(ligne, l) === '' ? null : casesDeLigne(ligne, l)\n                  \"\n                  [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n                  (click)=\"surClic($event)\"\n                  (change)=\"basculerLigne($event, ligne)\"\n                />\n              }\n            </span>\n          </th>\n          @for (colonne of colonnes(); track colonne.cle; let c = $index) {\n            <td class=\"st-choice-matrix__cellule\">\n              <input\n                #case\n                class=\"st-choice-matrix__case\"\n                type=\"checkbox\"\n                [id]=\"idCase(l, c)\"\n                [attr.name]=\"name() === '' ? null : name()\"\n                [value]=\"cle(ligne, colonne)\"\n                [checked]=\"estCochee(ligne, colonne)\"\n                [disabled]=\"disabled()\"\n                [attr.aria-label]=\"libelles().celluleDeMatrice(ligne.libelle, colonne.libelle)\"\n                [attr.aria-disabled]=\"raisonDe(ligne, colonne) === null ? null : 'true'\"\n                [attr.aria-describedby]=\"raisonDe(ligne, colonne) === null ? null : idRaison(l, c)\"\n                [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n                [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n                [attr.aria-busy]=\"estEnAttente(ligne, colonne) ? 'true' : null\"\n                (click)=\"surClic($event, raisonDe(ligne, colonne) !== null)\"\n                (change)=\"basculer($event, ligne, colonne)\"\n              />\n              @if (raisonDe(ligne, colonne); as raison) {\n                <span class=\"st-vh\" [id]=\"idRaison(l, c)\">{{ raison }}</span>\n              }\n            </td>\n          }\n        </tr>\n      }\n    </tbody>\n  </table>\n</div>\n\n@if (aideEtRaisons(); as texte) {\n  <p class=\"st-choice-matrix__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n}\n@if (enErreur()) {\n  <div class=\"st-choice-matrix__erreurs\" [id]=\"identifiants.erreur\">\n    @for (message of messages(); track $index) {\n      <st-inline-message ton=\"erreur\">{{ message }}</st-inline-message>\n    }\n  </div>\n}\n@if (deborde()) {\n  <span class=\"st-vh\" [id]=\"identifiants.deborde\">{{\n    libelles().tableauDefilantHorizontalement\n  }}</span>\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:block}.st-choice-matrix__zone: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)}.st-choice-matrix__zone{overflow-x:auto;overscroll-behavior-x:contain}.st-choice-matrix__tableau{min-inline-size:100%;border-collapse:collapse;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte)}.st-choice-matrix__legende{padding-block:var(--st-espacement-3);font-weight:var(--st-graisse-semi);text-align:start}.st-choice-matrix__obligatoire{font-weight:var(--st-graisse-normale);color:var(--st-couleur-texte-discret)}.st-choice-matrix__coin,.st-choice-matrix__entete,.st-choice-matrix__ligne,.st-choice-matrix__cellule{padding:var(--st-espacement-2-5);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-choice-matrix__entete{font-weight:var(--st-graisse-grasse);text-align:center;vertical-align:bottom;white-space:nowrap}.st-choice-matrix__entete-texte{display:inline-flex;gap:var(--st-espacement-1);align-items:center}.st-choice-matrix__entete>.st-choice-matrix__case{display:block;margin-block-start:var(--st-espacement-2);margin-inline:auto}.st-choice-matrix__ligne{font-weight:var(--st-graisse-moyenne);text-align:start}.st-choice-matrix__ligne-contenu{display:flex;gap:var(--st-espacement-3);align-items:center;justify-content:space-between}.st-choice-matrix__ligne-textes{display:flex;flex-direction:column}.st-choice-matrix__precision{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice-matrix__cellule{text-align:center}.st-choice-matrix__case: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)}@media(pointer:coarse){.st-choice-matrix__case{position:relative}.st-choice-matrix__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-choice-matrix__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-choice-matrix__case:before{content:\"\";display:none}@media(hover:hover){.st-choice-matrix__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice-matrix__case:checked,.st-choice-matrix__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-choice-matrix__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-choice-matrix__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-choice-matrix__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-choice-matrix__case[aria-readonly=true]:not(:disabled){cursor:default}.st-choice-matrix__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice-matrix__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-choice-matrix__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-choice-matrix__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-choice-matrix__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-choice-matrix__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-choice-matrix__case[type=radio]:checked{background:Canvas}.st-choice-matrix__case[type=radio]:checked:before{background:Highlight}.st-choice-matrix__case:disabled{border-color:GrayText}}@media print{.st-choice-matrix__case:is(:checked,:indeterminate),.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-choice-matrix__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-choice-matrix__case[type=checkbox]:checked:before,.st-choice-matrix__case[type=checkbox]:indeterminate:before,.st-choice-matrix__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-choice-matrix__case{vertical-align:middle}.st-choice-matrix__case[aria-disabled=true]{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice-matrix__case[aria-disabled=true]:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}:host([data-lecture-seule]) .st-choice-matrix__case{cursor:default}.st-choice-matrix__aide{margin-block:var(--st-espacement-2) 0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice-matrix__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);margin-block-start:var(--st-espacement-2)}@media(forced-colors:active){.st-choice-matrix__coin,.st-choice-matrix__entete,.st-choice-matrix__ligne,.st-choice-matrix__cellule{border-block-end-color:CanvasText}}\n"],
 		dependencies: [{
 			kind: "component",
 			type: StIcon,
@@ -3445,7 +3462,7 @@ var StChoiceMatrix = class StChoiceMatrix {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StChoiceMatrix,
 	decorators: [{
@@ -3461,8 +3478,8 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.data-en-erreur]": "enErreur() ? \"\" : null",
 				"(focusout)": "aLaSortie($event)"
 			},
-			template: "<!-- UX-6 : zone nommee par la legende ; focalisable quand elle deborde, pour defiler au clavier. -->\n<div\n  #zone\n  class=\"st-choice-matrix__zone\"\n  role=\"region\"\n  [attr.aria-labelledby]=\"identifiants.legende\"\n  [attr.aria-describedby]=\"deborde() ? identifiants.deborde : null\"\n  [attr.tabindex]=\"deborde() ? 0 : null\"\n  [attr.data-deborde]=\"deborde() ? '' : null\"\n>\n  <table class=\"st-choice-matrix__tableau\" [attr.aria-describedby]=\"descriptions()\">\n    <caption class=\"st-choice-matrix__legende\" [id]=\"identifiants.legende\">\n      {{\n        legende()\n      }}\n      @if (required()) {\n        <span class=\"st-choice-matrix__obligatoire\">{{ libelles().obligatoire }}</span>\n      }\n    </caption>\n    <thead>\n      <tr>\n        <td class=\"st-choice-matrix__coin\"></td>\n        @for (colonne of colonnes(); track colonne.cle; let c = $index) {\n          <th class=\"st-choice-matrix__entete\" scope=\"col\" [id]=\"idColonne(c)\">\n            <span class=\"st-choice-matrix__entete-texte\">\n              @if (colonne.icone; as icone) {\n                <st-icon [icone]=\"icone\" taille=\"18\" />\n              }\n              {{ colonne.libelle }}\n            </span>\n            @if (toutParColonne()) {\n              <input\n                class=\"st-choice-matrix__case\"\n                type=\"checkbox\"\n                [checked]=\"etatDeColonne(colonne) === 'coche'\"\n                [indeterminate]=\"etatDeColonne(colonne) === 'partiel'\"\n                [disabled]=\"disabled() || casesDeColonne(colonne, c) === ''\"\n                [attr.aria-label]=\"libelles().toutSelectionnerPour(colonne.libelle)\"\n                [attr.aria-controls]=\"\n                  casesDeColonne(colonne, c) === '' ? null : casesDeColonne(colonne, c)\n                \"\n                [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n                (click)=\"surClic($event)\"\n                (change)=\"basculerColonne($event, colonne)\"\n              />\n            }\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @for (ligne of lignes(); track ligne.cle; let l = $index) {\n        <tr>\n          <th class=\"st-choice-matrix__ligne\" scope=\"row\" [id]=\"idLigne(l)\">\n            <!-- Le flex vit dans l'enveloppe : un th en flex sortirait du modele de cellule. -->\n            <span class=\"st-choice-matrix__ligne-contenu\">\n              <span class=\"st-choice-matrix__ligne-textes\">\n                <span class=\"st-choice-matrix__ligne-libelle\">{{ ligne.libelle }}</span>\n                @if (ligne.precision) {\n                  <span class=\"st-choice-matrix__precision\">{{ ligne.precision }}</span>\n                }\n              </span>\n              @if (toutParLigne()) {\n                <input\n                  class=\"st-choice-matrix__case\"\n                  type=\"checkbox\"\n                  [checked]=\"etatDeLigne(ligne) === 'coche'\"\n                  [indeterminate]=\"etatDeLigne(ligne) === 'partiel'\"\n                  [disabled]=\"disabled() || casesDeLigne(ligne, l) === ''\"\n                  [attr.aria-label]=\"libelles().toutSelectionnerPour(ligne.libelle)\"\n                  [attr.aria-controls]=\"\n                    casesDeLigne(ligne, l) === '' ? null : casesDeLigne(ligne, l)\n                  \"\n                  [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n                  (click)=\"surClic($event)\"\n                  (change)=\"basculerLigne($event, ligne)\"\n                />\n              }\n            </span>\n          </th>\n          @for (colonne of colonnes(); track colonne.cle; let c = $index) {\n            <td class=\"st-choice-matrix__cellule\">\n              <input\n                #case\n                class=\"st-choice-matrix__case\"\n                type=\"checkbox\"\n                [id]=\"idCase(l, c)\"\n                [attr.name]=\"name() === '' ? null : name()\"\n                [value]=\"cle(ligne, colonne)\"\n                [checked]=\"estCochee(ligne, colonne)\"\n                [disabled]=\"disabled()\"\n                [attr.aria-label]=\"libelles().celluleDeMatrice(ligne.libelle, colonne.libelle)\"\n                [attr.aria-disabled]=\"raisonDe(ligne, colonne) === null ? null : 'true'\"\n                [attr.aria-describedby]=\"raisonDe(ligne, colonne) === null ? null : idRaison(l, c)\"\n                [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n                [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n                [attr.aria-busy]=\"estEnAttente(ligne, colonne) ? 'true' : null\"\n                (click)=\"surClic($event, raisonDe(ligne, colonne) !== null)\"\n                (change)=\"basculer($event, ligne, colonne)\"\n              />\n              @if (raisonDe(ligne, colonne); as raison) {\n                <span class=\"st-vh\" [id]=\"idRaison(l, c)\">{{ raison }}</span>\n              }\n            </td>\n          }\n        </tr>\n      }\n    </tbody>\n  </table>\n</div>\n\n@if (aideEtRaisons(); as texte) {\n  <p class=\"st-choice-matrix__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n}\n@if (enErreur()) {\n  <div class=\"st-choice-matrix__erreurs\" [id]=\"identifiants.erreur\">\n    @for (message of messages(); track $index) {\n      <st-inline-message ton=\"danger\">{{ message }}</st-inline-message>\n    }\n  </div>\n}\n@if (deborde()) {\n  <span class=\"st-vh\" [id]=\"identifiants.deborde\">{{\n    libelles().tableauDefilantHorizontalement\n  }}</span>\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:block}.st-choice-matrix__zone: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)}.st-choice-matrix__zone{overflow-x:auto;overscroll-behavior-x:contain}.st-choice-matrix__tableau{min-inline-size:100%;border-collapse:collapse;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte)}.st-choice-matrix__legende{padding-block:var(--st-espacement-3);font-weight:var(--st-graisse-semi);text-align:start}.st-choice-matrix__obligatoire{font-weight:var(--st-graisse-normale);color:var(--st-couleur-texte-discret)}.st-choice-matrix__coin,.st-choice-matrix__entete,.st-choice-matrix__ligne,.st-choice-matrix__cellule{padding:var(--st-espacement-2-5);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-choice-matrix__entete{font-weight:var(--st-graisse-grasse);text-align:center;vertical-align:bottom;white-space:nowrap}.st-choice-matrix__entete-texte{display:inline-flex;gap:var(--st-espacement-1);align-items:center}.st-choice-matrix__entete>.st-choice-matrix__case{display:block;margin-block-start:var(--st-espacement-2);margin-inline:auto}.st-choice-matrix__ligne{font-weight:var(--st-graisse-moyenne);text-align:start}.st-choice-matrix__ligne-contenu{display:flex;gap:var(--st-espacement-3);align-items:center;justify-content:space-between}.st-choice-matrix__ligne-textes{display:flex;flex-direction:column}.st-choice-matrix__precision{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice-matrix__cellule{text-align:center}.st-choice-matrix__case: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)}@media(pointer:coarse){.st-choice-matrix__case{position:relative}.st-choice-matrix__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-choice-matrix__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-choice-matrix__case:before{content:\"\";display:none}@media(hover:hover){.st-choice-matrix__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice-matrix__case:checked,.st-choice-matrix__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-choice-matrix__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-choice-matrix__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-choice-matrix__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger)}.st-choice-matrix__case[aria-readonly=true]:not(:disabled){cursor:default}.st-choice-matrix__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice-matrix__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-choice-matrix__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-choice-matrix__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-choice-matrix__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-choice-matrix__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-choice-matrix__case[type=radio]:checked{background:Canvas}.st-choice-matrix__case[type=radio]:checked:before{background:Highlight}.st-choice-matrix__case:disabled{border-color:GrayText}}@media print{.st-choice-matrix__case:is(:checked,:indeterminate),.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-choice-matrix__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-choice-matrix__case[type=checkbox]:checked:before,.st-choice-matrix__case[type=checkbox]:indeterminate:before,.st-choice-matrix__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-choice-matrix__case{vertical-align:middle}.st-choice-matrix__case[aria-disabled=true]{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice-matrix__case[aria-disabled=true]:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}:host([data-lecture-seule]) .st-choice-matrix__case{cursor:default}.st-choice-matrix__aide{margin-block:var(--st-espacement-2) 0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice-matrix__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);margin-block-start:var(--st-espacement-2)}@media(forced-colors:active){.st-choice-matrix__coin,.st-choice-matrix__entete,.st-choice-matrix__ligne,.st-choice-matrix__cellule{border-block-end-color:CanvasText}}\n"]
+			template: "<!-- UX-6 : zone nommee par la legende ; focalisable quand elle deborde, pour defiler au clavier. -->\n<div\n  #zone\n  class=\"st-choice-matrix__zone\"\n  role=\"region\"\n  [attr.aria-labelledby]=\"identifiants.legende\"\n  [attr.aria-describedby]=\"deborde() ? identifiants.deborde : null\"\n  [attr.tabindex]=\"deborde() ? 0 : null\"\n  [attr.data-deborde]=\"deborde() ? '' : null\"\n>\n  <table class=\"st-choice-matrix__tableau\" [attr.aria-describedby]=\"descriptions()\">\n    <caption class=\"st-choice-matrix__legende\" [id]=\"identifiants.legende\">\n      {{\n        legende()\n      }}\n      @if (required()) {\n        <span class=\"st-choice-matrix__obligatoire\">{{ libelles().obligatoire }}</span>\n      }\n    </caption>\n    <thead>\n      <tr>\n        <td class=\"st-choice-matrix__coin\"></td>\n        @for (colonne of colonnes(); track colonne.cle; let c = $index) {\n          <th class=\"st-choice-matrix__entete\" scope=\"col\" [id]=\"idColonne(c)\">\n            <span class=\"st-choice-matrix__entete-texte\">\n              @if (colonne.icone; as icone) {\n                <st-icon [icone]=\"icone\" taille=\"18\" />\n              }\n              {{ colonne.libelle }}\n            </span>\n            @if (toutParColonne()) {\n              <input\n                class=\"st-choice-matrix__case\"\n                type=\"checkbox\"\n                [checked]=\"etatDeColonne(colonne) === 'coche'\"\n                [indeterminate]=\"etatDeColonne(colonne) === 'partiel'\"\n                [disabled]=\"disabled() || casesDeColonne(colonne, c) === ''\"\n                [attr.aria-label]=\"libelles().toutSelectionnerPour(colonne.libelle)\"\n                [attr.aria-controls]=\"\n                  casesDeColonne(colonne, c) === '' ? null : casesDeColonne(colonne, c)\n                \"\n                [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n                (click)=\"surClic($event)\"\n                (change)=\"basculerColonne($event, colonne)\"\n              />\n            }\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @for (ligne of lignes(); track ligne.cle; let l = $index) {\n        <tr>\n          <th class=\"st-choice-matrix__ligne\" scope=\"row\" [id]=\"idLigne(l)\">\n            <!-- Le flex vit dans l'enveloppe : un th en flex sortirait du modele de cellule. -->\n            <span class=\"st-choice-matrix__ligne-contenu\">\n              <span class=\"st-choice-matrix__ligne-textes\">\n                <span class=\"st-choice-matrix__ligne-libelle\">{{ ligne.libelle }}</span>\n                @if (ligne.precision) {\n                  <span class=\"st-choice-matrix__precision\">{{ ligne.precision }}</span>\n                }\n              </span>\n              @if (toutParLigne()) {\n                <input\n                  class=\"st-choice-matrix__case\"\n                  type=\"checkbox\"\n                  [checked]=\"etatDeLigne(ligne) === 'coche'\"\n                  [indeterminate]=\"etatDeLigne(ligne) === 'partiel'\"\n                  [disabled]=\"disabled() || casesDeLigne(ligne, l) === ''\"\n                  [attr.aria-label]=\"libelles().toutSelectionnerPour(ligne.libelle)\"\n                  [attr.aria-controls]=\"\n                    casesDeLigne(ligne, l) === '' ? null : casesDeLigne(ligne, l)\n                  \"\n                  [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n                  (click)=\"surClic($event)\"\n                  (change)=\"basculerLigne($event, ligne)\"\n                />\n              }\n            </span>\n          </th>\n          @for (colonne of colonnes(); track colonne.cle; let c = $index) {\n            <td class=\"st-choice-matrix__cellule\">\n              <input\n                #case\n                class=\"st-choice-matrix__case\"\n                type=\"checkbox\"\n                [id]=\"idCase(l, c)\"\n                [attr.name]=\"name() === '' ? null : name()\"\n                [value]=\"cle(ligne, colonne)\"\n                [checked]=\"estCochee(ligne, colonne)\"\n                [disabled]=\"disabled()\"\n                [attr.aria-label]=\"libelles().celluleDeMatrice(ligne.libelle, colonne.libelle)\"\n                [attr.aria-disabled]=\"raisonDe(ligne, colonne) === null ? null : 'true'\"\n                [attr.aria-describedby]=\"raisonDe(ligne, colonne) === null ? null : idRaison(l, c)\"\n                [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n                [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n                [attr.aria-busy]=\"estEnAttente(ligne, colonne) ? 'true' : null\"\n                (click)=\"surClic($event, raisonDe(ligne, colonne) !== null)\"\n                (change)=\"basculer($event, ligne, colonne)\"\n              />\n              @if (raisonDe(ligne, colonne); as raison) {\n                <span class=\"st-vh\" [id]=\"idRaison(l, c)\">{{ raison }}</span>\n              }\n            </td>\n          }\n        </tr>\n      }\n    </tbody>\n  </table>\n</div>\n\n@if (aideEtRaisons(); as texte) {\n  <p class=\"st-choice-matrix__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n}\n@if (enErreur()) {\n  <div class=\"st-choice-matrix__erreurs\" [id]=\"identifiants.erreur\">\n    @for (message of messages(); track $index) {\n      <st-inline-message ton=\"erreur\">{{ message }}</st-inline-message>\n    }\n  </div>\n}\n@if (deborde()) {\n  <span class=\"st-vh\" [id]=\"identifiants.deborde\">{{\n    libelles().tableauDefilantHorizontalement\n  }}</span>\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:block}.st-choice-matrix__zone: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)}.st-choice-matrix__zone{overflow-x:auto;overscroll-behavior-x:contain}.st-choice-matrix__tableau{min-inline-size:100%;border-collapse:collapse;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte)}.st-choice-matrix__legende{padding-block:var(--st-espacement-3);font-weight:var(--st-graisse-semi);text-align:start}.st-choice-matrix__obligatoire{font-weight:var(--st-graisse-normale);color:var(--st-couleur-texte-discret)}.st-choice-matrix__coin,.st-choice-matrix__entete,.st-choice-matrix__ligne,.st-choice-matrix__cellule{padding:var(--st-espacement-2-5);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-choice-matrix__entete{font-weight:var(--st-graisse-grasse);text-align:center;vertical-align:bottom;white-space:nowrap}.st-choice-matrix__entete-texte{display:inline-flex;gap:var(--st-espacement-1);align-items:center}.st-choice-matrix__entete>.st-choice-matrix__case{display:block;margin-block-start:var(--st-espacement-2);margin-inline:auto}.st-choice-matrix__ligne{font-weight:var(--st-graisse-moyenne);text-align:start}.st-choice-matrix__ligne-contenu{display:flex;gap:var(--st-espacement-3);align-items:center;justify-content:space-between}.st-choice-matrix__ligne-textes{display:flex;flex-direction:column}.st-choice-matrix__precision{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice-matrix__cellule{text-align:center}.st-choice-matrix__case: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)}@media(pointer:coarse){.st-choice-matrix__case{position:relative}.st-choice-matrix__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-choice-matrix__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-choice-matrix__case:before{content:\"\";display:none}@media(hover:hover){.st-choice-matrix__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice-matrix__case:checked,.st-choice-matrix__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-choice-matrix__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-choice-matrix__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-choice-matrix__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-choice-matrix__case[aria-readonly=true]:not(:disabled){cursor:default}.st-choice-matrix__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice-matrix__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-choice-matrix__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-choice-matrix__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-choice-matrix__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-choice-matrix__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-choice-matrix__case[type=radio]:checked{background:Canvas}.st-choice-matrix__case[type=radio]:checked:before{background:Highlight}.st-choice-matrix__case:disabled{border-color:GrayText}}@media print{.st-choice-matrix__case:is(:checked,:indeterminate),.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-choice-matrix__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-choice-matrix__case[type=checkbox]:checked:before,.st-choice-matrix__case[type=checkbox]:indeterminate:before,.st-choice-matrix__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-choice-matrix__case{vertical-align:middle}.st-choice-matrix__case[aria-disabled=true]{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice-matrix__case[aria-disabled=true]:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}:host([data-lecture-seule]) .st-choice-matrix__case{cursor:default}.st-choice-matrix__aide{margin-block:var(--st-espacement-2) 0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice-matrix__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);margin-block-start:var(--st-espacement-2)}@media(forced-colors:active){.st-choice-matrix__coin,.st-choice-matrix__entete,.st-choice-matrix__ligne,.st-choice-matrix__cellule{border-block-end-color:CanvasText}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -3650,17 +3667,17 @@ const PARTS = {
 	large: 3
 };
 var StFormRow = class StFormRow {
-	colonnes = input("auto", ...ngDevMode ? [{ debugName: "colonnes" }] : 	/* istanbul ignore next */ []);
-	largeurs = input(null, ...ngDevMode ? [{ debugName: "largeurs" }] : 	/* istanbul ignore next */ []);
+	colonnes = input("auto", ...ngDevMode ? [{ debugName: "colonnes" }] : /* istanbul ignore next */ []);
+	largeurs = input(null, ...ngDevMode ? [{ debugName: "largeurs" }] : /* istanbul ignore next */ []);
 	gabarit = computed(() => {
 		const largeurs = this.largeurs();
 		if (largeurs !== null && largeurs.length > 0) return largeurs.map((largeur) => `minmax(0, ${String(part(largeur))}fr)`).join(" ");
 		const colonnes = this.colonnes();
 		return colonnes === "auto" ? "repeat(auto-fit, minmax(min(100%, 10rem), 1fr))" : `repeat(${String(colonnes)}, minmax(0, 1fr))`;
-	}, ...ngDevMode ? [{ debugName: "gabarit" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "gabarit" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StFormRow,
 		deps: [],
@@ -3668,7 +3685,7 @@ var StFormRow = class StFormRow {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StFormRow,
 		isStandalone: true,
 		selector: "st-form-row",
@@ -3700,7 +3717,7 @@ var StFormRow = class StFormRow {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StFormRow,
 	decorators: [{
@@ -3745,30 +3762,30 @@ var StConsentRow = class StConsentRow {
 	groupe = inject(ST_GROUPE_DE_CONSENTEMENTS);
 	libelles = inject(ST_LIBELLES);
 	locale = inject(ST_LOCALE);
-	cle = input.required(...ngDevMode ? [{ debugName: "cle" }] : 	/* istanbul ignore next */ []);
-	titre = input.required(...ngDevMode ? [{ debugName: "titre" }] : 	/* istanbul ignore next */ []);
-	description = input(null, ...ngDevMode ? [{ debugName: "description" }] : 	/* istanbul ignore next */ []);
+	cle = input.required(...ngDevMode ? [{ debugName: "cle" }] : /* istanbul ignore next */ []);
+	titre = input.required(...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
+	description = input(null, ...ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []);
 	obligatoire = input(false, {
-		...ngDevMode ? { debugName: "obligatoire" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "obligatoire" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	versionDuDocument = input(null, ...ngDevMode ? [{ debugName: "versionDuDocument" }] : 	/* istanbul ignore next */ []);
-	decideLe = input(null, ...ngDevMode ? [{ debugName: "decideLe" }] : 	/* istanbul ignore next */ []);
+	versionDuDocument = input(null, ...ngDevMode ? [{ debugName: "versionDuDocument" }] : /* istanbul ignore next */ []);
+	decideLe = input(null, ...ngDevMode ? [{ debugName: "decideLe" }] : /* istanbul ignore next */ []);
 	enregistrement = input(false, {
-		...ngDevMode ? { debugName: "enregistrement" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "enregistrement" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	refus = input(null, ...ngDevMode ? [{ debugName: "refus" }] : 	/* istanbul ignore next */ []);
+	refus = input(null, ...ngDevMode ? [{ debugName: "refus" }] : /* istanbul ignore next */ []);
 	decision = output();
-	champ = viewChild("champ", ...ngDevMode ? [{ debugName: "champ" }] : 	/* istanbul ignore next */ []);
+	champ = viewChild("champ", ...ngDevMode ? [{ debugName: "champ" }] : /* istanbul ignore next */ []);
 	identifiantDuRefus = inject(StIdentifiants).prochain("st-consentement-refus");
 	annonce = new AnnonceLocale(inject(DestroyRef));
-	decideeIci = signal(false, ...ngDevMode ? [{ debugName: "decideeIci" }] : 	/* istanbul ignore next */ []);
+	decideeIci = signal(false, ...ngDevMode ? [{ debugName: "decideeIci" }] : /* istanbul ignore next */ []);
 	precedente;
-	immediat = computed(() => this.groupe.mode() === "immediat", ...ngDevMode ? [{ debugName: "immediat" }] : 	/* istanbul ignore next */ []);
-	coche = computed(() => this.groupe.valeurDe(this.cle()) === true && (this.decideLe() !== null || this.decideeIci()), ...ngDevMode ? [{ debugName: "coche" }] : 	/* istanbul ignore next */ []);
-	enAttente = computed(() => this.immediat() && this.enregistrement(), ...ngDevMode ? [{ debugName: "enAttente" }] : 	/* istanbul ignore next */ []);
-	enErreur = computed(() => this.groupe.enErreur() && this.obligatoire() && !this.coche(), ...ngDevMode ? [{ debugName: "enErreur" }] : 	/* istanbul ignore next */ []);
+	immediat = computed(() => this.groupe.mode() === "immediat", ...ngDevMode ? [{ debugName: "immediat" }] : /* istanbul ignore next */ []);
+	coche = computed(() => this.groupe.valeurDe(this.cle()) === true && (this.decideLe() !== null || this.decideeIci()), ...ngDevMode ? [{ debugName: "coche" }] : /* istanbul ignore next */ []);
+	enAttente = computed(() => this.immediat() && this.enregistrement(), ...ngDevMode ? [{ debugName: "enAttente" }] : /* istanbul ignore next */ []);
+	enErreur = computed(() => this.groupe.enErreur() && this.obligatoire() && !this.coche(), ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
 	aide = computed(() => {
 		const version = this.versionDuDocument();
 		const date = this.decideLe();
@@ -3776,8 +3793,8 @@ var StConsentRow = class StConsentRow {
 		const mention = version === null ? null : date === null ? libelles.versionDuDocument(version) : libelles.decisionDuDocument(version, formaterDateLongue(date, this.locale()), this.groupe.valeurDe(this.cle()) === true);
 		const morceaux = [this.description(), mention].map((texte) => texte?.trim() ?? "").filter((texte) => texte !== "");
 		return morceaux.length === 0 ? null : morceaux.join(" ");
-	}, ...ngDevMode ? [{ debugName: "aide" }] : 	/* istanbul ignore next */ []);
-	descriptionsDuRefus = computed(() => this.refus() === null ? [] : [this.identifiantDuRefus], ...ngDevMode ? [{ debugName: "descriptionsDuRefus" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
+	descriptionsDuRefus = computed(() => this.refus() === null ? [] : [this.identifiantDuRefus], ...ngDevMode ? [{ debugName: "descriptionsDuRefus" }] : /* istanbul ignore next */ []);
 	constructor() {
 		if (isDevMode()) afterNextRender(() => {
 			if (this.groupe.valeurDe(this.cle()) === true && this.decideLe() === null) console.warn(`[st-consent-row] "${this.titre()}" : cochee sans decision enregistree (decideLe) ; un consentement ne se coche jamais d'office (CNIL). La ligne s'affiche decochee.`);
@@ -3819,7 +3836,7 @@ var StConsentRow = class StConsentRow {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StConsentRow,
 		deps: [],
@@ -3827,7 +3844,7 @@ var StConsentRow = class StConsentRow {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StConsentRow,
 		isStandalone: true,
 		selector: "st-consent-row",
@@ -3906,8 +3923,8 @@ var StConsentRow = class StConsentRow {
 			isSignal: true
 		}],
 		ngImport: i0,
-		template: "<st-form-field\n  [disposition]=\"immediat() ? 'reglage' : 'case'\"\n  [libelle]=\"titre()\"\n  [aide]=\"aide()\"\n  [obligatoire]=\"obligatoire()\"\n  [descriptionsDuControle]=\"descriptionsDuRefus()\"\n>\n  <!-- Titre riche, relaye a l'etiquette de l'enveloppe (le lien vers le document). -->\n  <ng-content select=\"[stLibelle]\" ngProjectAs=\"[stLibelle]\" />\n  <input\n    #champ\n    type=\"checkbox\"\n    stControleDeChamp\n    [class.st-consent-row__case]=\"!immediat()\"\n    [class.st-consent-row__interrupteur]=\"immediat()\"\n    [attr.role]=\"immediat() ? 'switch' : null\"\n    [checked]=\"coche()\"\n    [disabled]=\"groupe.desactive()\"\n    [attr.aria-readonly]=\"groupe.lectureSeule() ? 'true' : null\"\n    [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n    [attr.aria-busy]=\"enAttente() ? 'true' : null\"\n    [attr.aria-disabled]=\"enAttente() ? 'true' : null\"\n    (click)=\"surClic($event)\"\n    (change)=\"surBascule($event)\"\n  />\n</st-form-field>\n@if (refus(); as message) {\n  <st-inline-message\n    class=\"st-consent-row__refus\"\n    ton=\"danger\"\n    [identifiant]=\"identifiantDuRefus\"\n    >{{ message }}</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{--st-switch-rail: var(--st-cible-tactile-min);--st-switch-curseur: calc(var(--st-cible-min) - 2 * var(--st-epaisseur-forte));display:block;font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte)}st-form-field{display:flex;align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);border-radius:var(--st-rayon-md)}:host([data-mode=formulaire][data-cochee]) st-form-field{--st-choix-graisse: var(--st-graisse-semi);background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}:host(:has(input:disabled)){--st-choix-couleur: var(--st-couleur-texte-desactive)}.st-consent-row__case: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)}@media(pointer:coarse){.st-consent-row__case{position:relative}.st-consent-row__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-consent-row__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-consent-row__case:before{content:\"\";display:none}@media(hover:hover){.st-consent-row__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-consent-row__case:checked,.st-consent-row__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-consent-row__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-consent-row__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-consent-row__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-consent-row__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-consent-row__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-consent-row__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger)}.st-consent-row__case[aria-readonly=true]:not(:disabled){cursor:default}.st-consent-row__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-consent-row__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-consent-row__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-consent-row__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-consent-row__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-consent-row__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-consent-row__case[type=radio]:checked{background:Canvas}.st-consent-row__case[type=radio]:checked:before{background:Highlight}.st-consent-row__case:disabled{border-color:GrayText}}@media print{.st-consent-row__case:is(:checked,:indeterminate),.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-consent-row__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-consent-row__case[type=checkbox]:checked:before,.st-consent-row__case[type=checkbox]:indeterminate:before,.st-consent-row__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-consent-row__interrupteur: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-consent-row__interrupteur{position:relative;flex:none;box-sizing:border-box;inline-size:var(--st-switch-rail);block-size:var(--st-cible-min);padding:var(--st-epaisseur-forte);margin:0;cursor:pointer;background-color:var(--st-couleur-bordure);border:0;border-radius:var(--st-rayon-pleine);outline:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);outline-offset:calc(-1 * var(--st-epaisseur-fine));appearance:none;transition:background-color var(--st-duree-rapide) var(--st-courbe-standard)}.st-consent-row__interrupteur:after{position:absolute;inset-block-start:50%;inset-inline-start:var(--st-epaisseur-forte);inline-size:var(--st-switch-curseur);block-size:var(--st-switch-curseur);content:\"\";background-color:var(--st-couleur-texte-discret);border-radius:var(--st-rayon-pleine);translate:0 -50%;transition:translate var(--st-duree-rapide) var(--st-courbe-standard)}@media(pointer:coarse){.st-consent-row__interrupteur:before{position:absolute;inset-block-start:50%;inset-inline:0;min-block-size:var(--st-cible-tactile-min);content:\"\";translate:0 -50%}}.st-consent-row__interrupteur:checked:not(:focus-visible){outline-style:none}.st-consent-row__interrupteur:checked{background-color:var(--st-couleur-primaire)}.st-consent-row__interrupteur:checked:after{background-color:var(--st-couleur-sur-primaire);translate:calc(var(--st-switch-rail) - var(--st-cible-min)) -50%}.st-consent-row__interrupteur:dir(rtl):checked:after{translate:calc(var(--st-cible-min) - var(--st-switch-rail)) -50%}.st-consent-row__interrupteur[aria-readonly=true]:not(:disabled){cursor:default}.st-consent-row__interrupteur[aria-busy=true]{cursor:progress}.st-consent-row__interrupteur[aria-busy=true]:checked{background-color:rgb(from var(--st-couleur-primaire) r g b/75%)}.st-consent-row__interrupteur:disabled{cursor:not-allowed;background-color:var(--st-couleur-surface);outline-color:var(--st-couleur-bordure)}.st-consent-row__interrupteur:disabled:after{background-color:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-consent-row__interrupteur{forced-color-adjust:none;background-color:Canvas;outline-color:CanvasText}.st-consent-row__interrupteur:after{background-color:CanvasText}.st-consent-row__interrupteur:checked{background-color:Highlight}.st-consent-row__interrupteur:checked:after{background-color:HighlightText}.st-consent-row__interrupteur:disabled{outline-color:GrayText}.st-consent-row__interrupteur:disabled:after{background-color:GrayText}}.st-consent-row__refus{display:block;margin-block-start:var(--st-espacement-1);padding-inline:var(--st-espacement-2)}@media(forced-colors:active){:host([data-mode=formulaire][data-cochee]) st-form-field{border-color:CanvasText}}\n"],
+		template: "<st-form-field\n  [disposition]=\"immediat() ? 'reglage' : 'case'\"\n  [libelle]=\"titre()\"\n  [aide]=\"aide()\"\n  [obligatoire]=\"obligatoire()\"\n  [descriptionsDuControle]=\"descriptionsDuRefus()\"\n>\n  <!-- Titre riche, relaye a l'etiquette de l'enveloppe (le lien vers le document). -->\n  <ng-content select=\"[stLibelle]\" ngProjectAs=\"[stLibelle]\" />\n  <input\n    #champ\n    type=\"checkbox\"\n    stControleDeChamp\n    [class.st-consent-row__case]=\"!immediat()\"\n    [class.st-consent-row__interrupteur]=\"immediat()\"\n    [attr.role]=\"immediat() ? 'switch' : null\"\n    [checked]=\"coche()\"\n    [disabled]=\"groupe.desactive()\"\n    [attr.aria-readonly]=\"groupe.lectureSeule() ? 'true' : null\"\n    [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n    [attr.aria-busy]=\"enAttente() ? 'true' : null\"\n    [attr.aria-disabled]=\"enAttente() ? 'true' : null\"\n    (click)=\"surClic($event)\"\n    (change)=\"surBascule($event)\"\n  />\n</st-form-field>\n@if (refus(); as message) {\n  <st-inline-message\n    class=\"st-consent-row__refus\"\n    ton=\"erreur\"\n    [identifiant]=\"identifiantDuRefus\"\n    >{{ message }}</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{--st-switch-rail: var(--st-cible-tactile-min);--st-switch-curseur: calc(var(--st-cible-min) - 2 * var(--st-epaisseur-forte));display:block;font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte)}st-form-field{display:flex;align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);border-radius:var(--st-rayon-md)}:host([data-mode=formulaire][data-cochee]) st-form-field{--st-choix-graisse: var(--st-graisse-semi);background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}:host(:has(input:disabled)){--st-choix-couleur: var(--st-couleur-texte-desactive)}.st-consent-row__case: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)}@media(pointer:coarse){.st-consent-row__case{position:relative}.st-consent-row__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-consent-row__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-consent-row__case:before{content:\"\";display:none}@media(hover:hover){.st-consent-row__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-consent-row__case:checked,.st-consent-row__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-consent-row__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-consent-row__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-consent-row__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-consent-row__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-consent-row__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-consent-row__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-consent-row__case[aria-readonly=true]:not(:disabled){cursor:default}.st-consent-row__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-consent-row__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-consent-row__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-consent-row__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-consent-row__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-consent-row__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-consent-row__case[type=radio]:checked{background:Canvas}.st-consent-row__case[type=radio]:checked:before{background:Highlight}.st-consent-row__case:disabled{border-color:GrayText}}@media print{.st-consent-row__case:is(:checked,:indeterminate),.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-consent-row__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-consent-row__case[type=checkbox]:checked:before,.st-consent-row__case[type=checkbox]:indeterminate:before,.st-consent-row__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-consent-row__interrupteur: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-consent-row__interrupteur{position:relative;flex:none;box-sizing:border-box;inline-size:var(--st-switch-rail);block-size:var(--st-cible-min);padding:var(--st-epaisseur-forte);margin:0;cursor:pointer;background-color:var(--st-couleur-bordure);border:0;border-radius:var(--st-rayon-pleine);outline:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);outline-offset:calc(-1 * var(--st-epaisseur-fine));appearance:none;transition:background-color var(--st-duree-rapide) var(--st-courbe-standard)}.st-consent-row__interrupteur:after{position:absolute;inset-block-start:50%;inset-inline-start:var(--st-epaisseur-forte);inline-size:var(--st-switch-curseur);block-size:var(--st-switch-curseur);content:\"\";background-color:var(--st-couleur-texte-discret);border-radius:var(--st-rayon-pleine);translate:0 -50%;transition:translate var(--st-duree-rapide) var(--st-courbe-standard)}@media(pointer:coarse){.st-consent-row__interrupteur:before{position:absolute;inset-block-start:50%;inset-inline:0;min-block-size:var(--st-cible-tactile-min);content:\"\";translate:0 -50%}}.st-consent-row__interrupteur:checked:not(:focus-visible){outline-style:none}.st-consent-row__interrupteur:checked{background-color:var(--st-couleur-primaire)}.st-consent-row__interrupteur:checked:after{background-color:var(--st-couleur-sur-primaire);translate:calc(var(--st-switch-rail) - var(--st-cible-min)) -50%}.st-consent-row__interrupteur:dir(rtl):checked:after{translate:calc(var(--st-cible-min) - var(--st-switch-rail)) -50%}.st-consent-row__interrupteur[aria-readonly=true]:not(:disabled){cursor:default}.st-consent-row__interrupteur[aria-busy=true]{cursor:progress}.st-consent-row__interrupteur[aria-busy=true]:checked{background-color:rgb(from var(--st-couleur-primaire) r g b/75%)}.st-consent-row__interrupteur:disabled{cursor:not-allowed;background-color:var(--st-couleur-surface);outline-color:var(--st-couleur-bordure)}.st-consent-row__interrupteur:disabled:after{background-color:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-consent-row__interrupteur{forced-color-adjust:none;background-color:Canvas;outline-color:CanvasText}.st-consent-row__interrupteur:after{background-color:CanvasText}.st-consent-row__interrupteur:checked{background-color:Highlight}.st-consent-row__interrupteur:checked:after{background-color:HighlightText}.st-consent-row__interrupteur:disabled{outline-color:GrayText}.st-consent-row__interrupteur:disabled:after{background-color:GrayText}}.st-consent-row__refus{display:block;margin-block-start:var(--st-espacement-1);padding-inline:var(--st-espacement-2)}@media(forced-colors:active){:host([data-mode=formulaire][data-cochee]) st-form-field{border-color:CanvasText}}\n"],
 		dependencies: [
 			{
 				kind: "component",
@@ -3945,7 +3962,7 @@ var StConsentRow = class StConsentRow {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StConsentRow,
 	decorators: [{
@@ -3964,8 +3981,8 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.data-cochee]": "coche() ? \"\" : null",
 				"[attr.data-en-attente]": "enAttente() ? \"\" : null"
 			},
-			template: "<st-form-field\n  [disposition]=\"immediat() ? 'reglage' : 'case'\"\n  [libelle]=\"titre()\"\n  [aide]=\"aide()\"\n  [obligatoire]=\"obligatoire()\"\n  [descriptionsDuControle]=\"descriptionsDuRefus()\"\n>\n  <!-- Titre riche, relaye a l'etiquette de l'enveloppe (le lien vers le document). -->\n  <ng-content select=\"[stLibelle]\" ngProjectAs=\"[stLibelle]\" />\n  <input\n    #champ\n    type=\"checkbox\"\n    stControleDeChamp\n    [class.st-consent-row__case]=\"!immediat()\"\n    [class.st-consent-row__interrupteur]=\"immediat()\"\n    [attr.role]=\"immediat() ? 'switch' : null\"\n    [checked]=\"coche()\"\n    [disabled]=\"groupe.desactive()\"\n    [attr.aria-readonly]=\"groupe.lectureSeule() ? 'true' : null\"\n    [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n    [attr.aria-busy]=\"enAttente() ? 'true' : null\"\n    [attr.aria-disabled]=\"enAttente() ? 'true' : null\"\n    (click)=\"surClic($event)\"\n    (change)=\"surBascule($event)\"\n  />\n</st-form-field>\n@if (refus(); as message) {\n  <st-inline-message\n    class=\"st-consent-row__refus\"\n    ton=\"danger\"\n    [identifiant]=\"identifiantDuRefus\"\n    >{{ message }}</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{--st-switch-rail: var(--st-cible-tactile-min);--st-switch-curseur: calc(var(--st-cible-min) - 2 * var(--st-epaisseur-forte));display:block;font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte)}st-form-field{display:flex;align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);border-radius:var(--st-rayon-md)}:host([data-mode=formulaire][data-cochee]) st-form-field{--st-choix-graisse: var(--st-graisse-semi);background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}:host(:has(input:disabled)){--st-choix-couleur: var(--st-couleur-texte-desactive)}.st-consent-row__case: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)}@media(pointer:coarse){.st-consent-row__case{position:relative}.st-consent-row__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-consent-row__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-consent-row__case:before{content:\"\";display:none}@media(hover:hover){.st-consent-row__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-consent-row__case:checked,.st-consent-row__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-consent-row__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-consent-row__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-consent-row__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-consent-row__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-consent-row__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-consent-row__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger)}.st-consent-row__case[aria-readonly=true]:not(:disabled){cursor:default}.st-consent-row__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-consent-row__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-consent-row__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-consent-row__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-consent-row__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-consent-row__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-consent-row__case[type=radio]:checked{background:Canvas}.st-consent-row__case[type=radio]:checked:before{background:Highlight}.st-consent-row__case:disabled{border-color:GrayText}}@media print{.st-consent-row__case:is(:checked,:indeterminate),.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-consent-row__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-consent-row__case[type=checkbox]:checked:before,.st-consent-row__case[type=checkbox]:indeterminate:before,.st-consent-row__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-consent-row__interrupteur: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-consent-row__interrupteur{position:relative;flex:none;box-sizing:border-box;inline-size:var(--st-switch-rail);block-size:var(--st-cible-min);padding:var(--st-epaisseur-forte);margin:0;cursor:pointer;background-color:var(--st-couleur-bordure);border:0;border-radius:var(--st-rayon-pleine);outline:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);outline-offset:calc(-1 * var(--st-epaisseur-fine));appearance:none;transition:background-color var(--st-duree-rapide) var(--st-courbe-standard)}.st-consent-row__interrupteur:after{position:absolute;inset-block-start:50%;inset-inline-start:var(--st-epaisseur-forte);inline-size:var(--st-switch-curseur);block-size:var(--st-switch-curseur);content:\"\";background-color:var(--st-couleur-texte-discret);border-radius:var(--st-rayon-pleine);translate:0 -50%;transition:translate var(--st-duree-rapide) var(--st-courbe-standard)}@media(pointer:coarse){.st-consent-row__interrupteur:before{position:absolute;inset-block-start:50%;inset-inline:0;min-block-size:var(--st-cible-tactile-min);content:\"\";translate:0 -50%}}.st-consent-row__interrupteur:checked:not(:focus-visible){outline-style:none}.st-consent-row__interrupteur:checked{background-color:var(--st-couleur-primaire)}.st-consent-row__interrupteur:checked:after{background-color:var(--st-couleur-sur-primaire);translate:calc(var(--st-switch-rail) - var(--st-cible-min)) -50%}.st-consent-row__interrupteur:dir(rtl):checked:after{translate:calc(var(--st-cible-min) - var(--st-switch-rail)) -50%}.st-consent-row__interrupteur[aria-readonly=true]:not(:disabled){cursor:default}.st-consent-row__interrupteur[aria-busy=true]{cursor:progress}.st-consent-row__interrupteur[aria-busy=true]:checked{background-color:rgb(from var(--st-couleur-primaire) r g b/75%)}.st-consent-row__interrupteur:disabled{cursor:not-allowed;background-color:var(--st-couleur-surface);outline-color:var(--st-couleur-bordure)}.st-consent-row__interrupteur:disabled:after{background-color:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-consent-row__interrupteur{forced-color-adjust:none;background-color:Canvas;outline-color:CanvasText}.st-consent-row__interrupteur:after{background-color:CanvasText}.st-consent-row__interrupteur:checked{background-color:Highlight}.st-consent-row__interrupteur:checked:after{background-color:HighlightText}.st-consent-row__interrupteur:disabled{outline-color:GrayText}.st-consent-row__interrupteur:disabled:after{background-color:GrayText}}.st-consent-row__refus{display:block;margin-block-start:var(--st-espacement-1);padding-inline:var(--st-espacement-2)}@media(forced-colors:active){:host([data-mode=formulaire][data-cochee]) st-form-field{border-color:CanvasText}}\n"]
+			template: "<st-form-field\n  [disposition]=\"immediat() ? 'reglage' : 'case'\"\n  [libelle]=\"titre()\"\n  [aide]=\"aide()\"\n  [obligatoire]=\"obligatoire()\"\n  [descriptionsDuControle]=\"descriptionsDuRefus()\"\n>\n  <!-- Titre riche, relaye a l'etiquette de l'enveloppe (le lien vers le document). -->\n  <ng-content select=\"[stLibelle]\" ngProjectAs=\"[stLibelle]\" />\n  <input\n    #champ\n    type=\"checkbox\"\n    stControleDeChamp\n    [class.st-consent-row__case]=\"!immediat()\"\n    [class.st-consent-row__interrupteur]=\"immediat()\"\n    [attr.role]=\"immediat() ? 'switch' : null\"\n    [checked]=\"coche()\"\n    [disabled]=\"groupe.desactive()\"\n    [attr.aria-readonly]=\"groupe.lectureSeule() ? 'true' : null\"\n    [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n    [attr.aria-busy]=\"enAttente() ? 'true' : null\"\n    [attr.aria-disabled]=\"enAttente() ? 'true' : null\"\n    (click)=\"surClic($event)\"\n    (change)=\"surBascule($event)\"\n  />\n</st-form-field>\n@if (refus(); as message) {\n  <st-inline-message\n    class=\"st-consent-row__refus\"\n    ton=\"erreur\"\n    [identifiant]=\"identifiantDuRefus\"\n    >{{ message }}</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{--st-switch-rail: var(--st-cible-tactile-min);--st-switch-curseur: calc(var(--st-cible-min) - 2 * var(--st-epaisseur-forte));display:block;font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte)}st-form-field{display:flex;align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);border-radius:var(--st-rayon-md)}:host([data-mode=formulaire][data-cochee]) st-form-field{--st-choix-graisse: var(--st-graisse-semi);background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}:host(:has(input:disabled)){--st-choix-couleur: var(--st-couleur-texte-desactive)}.st-consent-row__case: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)}@media(pointer:coarse){.st-consent-row__case{position:relative}.st-consent-row__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-consent-row__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-consent-row__case:before{content:\"\";display:none}@media(hover:hover){.st-consent-row__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-consent-row__case:checked,.st-consent-row__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-consent-row__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-consent-row__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-consent-row__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-consent-row__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-consent-row__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-consent-row__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-consent-row__case[aria-readonly=true]:not(:disabled){cursor:default}.st-consent-row__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-consent-row__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-consent-row__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-consent-row__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-consent-row__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-consent-row__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-consent-row__case[type=radio]:checked{background:Canvas}.st-consent-row__case[type=radio]:checked:before{background:Highlight}.st-consent-row__case:disabled{border-color:GrayText}}@media print{.st-consent-row__case:is(:checked,:indeterminate),.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-consent-row__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-consent-row__case[type=checkbox]:checked:before,.st-consent-row__case[type=checkbox]:indeterminate:before,.st-consent-row__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-consent-row__interrupteur: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-consent-row__interrupteur{position:relative;flex:none;box-sizing:border-box;inline-size:var(--st-switch-rail);block-size:var(--st-cible-min);padding:var(--st-epaisseur-forte);margin:0;cursor:pointer;background-color:var(--st-couleur-bordure);border:0;border-radius:var(--st-rayon-pleine);outline:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);outline-offset:calc(-1 * var(--st-epaisseur-fine));appearance:none;transition:background-color var(--st-duree-rapide) var(--st-courbe-standard)}.st-consent-row__interrupteur:after{position:absolute;inset-block-start:50%;inset-inline-start:var(--st-epaisseur-forte);inline-size:var(--st-switch-curseur);block-size:var(--st-switch-curseur);content:\"\";background-color:var(--st-couleur-texte-discret);border-radius:var(--st-rayon-pleine);translate:0 -50%;transition:translate var(--st-duree-rapide) var(--st-courbe-standard)}@media(pointer:coarse){.st-consent-row__interrupteur:before{position:absolute;inset-block-start:50%;inset-inline:0;min-block-size:var(--st-cible-tactile-min);content:\"\";translate:0 -50%}}.st-consent-row__interrupteur:checked:not(:focus-visible){outline-style:none}.st-consent-row__interrupteur:checked{background-color:var(--st-couleur-primaire)}.st-consent-row__interrupteur:checked:after{background-color:var(--st-couleur-sur-primaire);translate:calc(var(--st-switch-rail) - var(--st-cible-min)) -50%}.st-consent-row__interrupteur:dir(rtl):checked:after{translate:calc(var(--st-cible-min) - var(--st-switch-rail)) -50%}.st-consent-row__interrupteur[aria-readonly=true]:not(:disabled){cursor:default}.st-consent-row__interrupteur[aria-busy=true]{cursor:progress}.st-consent-row__interrupteur[aria-busy=true]:checked{background-color:rgb(from var(--st-couleur-primaire) r g b/75%)}.st-consent-row__interrupteur:disabled{cursor:not-allowed;background-color:var(--st-couleur-surface);outline-color:var(--st-couleur-bordure)}.st-consent-row__interrupteur:disabled:after{background-color:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-consent-row__interrupteur{forced-color-adjust:none;background-color:Canvas;outline-color:CanvasText}.st-consent-row__interrupteur:after{background-color:CanvasText}.st-consent-row__interrupteur:checked{background-color:Highlight}.st-consent-row__interrupteur:checked:after{background-color:HighlightText}.st-consent-row__interrupteur:disabled{outline-color:GrayText}.st-consent-row__interrupteur:disabled:after{background-color:GrayText}}.st-consent-row__refus{display:block;margin-block-start:var(--st-espacement-1);padding-inline:var(--st-espacement-2)}@media(forced-colors:active){:host([data-mode=formulaire][data-cochee]) st-form-field{border-color:CanvasText}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -4047,63 +4064,63 @@ i0.ɵɵngDeclareClassMetadata({
 var StConsentGroup = class StConsentGroup {
 	element = inject(ElementRef);
 	libelles = inject(ST_LIBELLES);
-	legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : 	/* istanbul ignore next */ []);
-	aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : 	/* istanbul ignore next */ []);
-	mode = input("formulaire", ...ngDevMode ? [{ debugName: "mode" }] : 	/* istanbul ignore next */ []);
+	legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []);
+	aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
+	mode = input("formulaire", ...ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []);
 	toutAccepter = input(false, {
-		...ngDevMode ? { debugName: "toutAccepter" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "toutAccepter" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	toutRefuser = input(false, {
-		...ngDevMode ? { debugName: "toutRefuser" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "toutRefuser" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	value = model({}, ...ngDevMode ? [{ debugName: "value" }] : 	/* istanbul ignore next */ []);
-	errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : 	/* istanbul ignore next */ []);
+	value = model({}, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
 	touched = input(false, {
-		...ngDevMode ? { debugName: "touched" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	dirty = input(false, {
-		...ngDevMode ? { debugName: "dirty" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	pending = input(false, {
-		...ngDevMode ? { debugName: "pending" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	disabled = input(false, {
-		...ngDevMode ? { debugName: "disabled" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : 	/* istanbul ignore next */ []);
+	disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
 	readonly = input(false, {
-		...ngDevMode ? { debugName: "readonly" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	required = input(false, {
-		...ngDevMode ? { debugName: "required" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	hidden = input(false, {
-		...ngDevMode ? { debugName: "hidden" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	name = input("", ...ngDevMode ? [{ debugName: "name" }] : 	/* istanbul ignore next */ []);
+	name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
 	touch = output();
 	lignes = contentChildren(StConsentRow, {
-		...ngDevMode ? { debugName: "lignes" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "lignes" } : /* istanbul ignore next */ {},
 		descendants: true
 	});
-	desactive = computed(() => this.disabled(), ...ngDevMode ? [{ debugName: "desactive" }] : 	/* istanbul ignore next */ []);
-	lectureSeule = computed(() => this.readonly(), ...ngDevMode ? [{ debugName: "lectureSeule" }] : 	/* istanbul ignore next */ []);
-	enErreur = computed(() => this.mode() === "formulaire" && this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : 	/* istanbul ignore next */ []);
+	desactive = computed(() => this.disabled(), ...ngDevMode ? [{ debugName: "desactive" }] : /* istanbul ignore next */ []);
+	lectureSeule = computed(() => this.readonly(), ...ngDevMode ? [{ debugName: "lectureSeule" }] : /* istanbul ignore next */ []);
+	enErreur = computed(() => this.mode() === "formulaire" && this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
 	aideEtRaisons = computed(() => {
 		const raisons = this.disabled() ? this.disabledReasons().map((raison) => raison.message?.trim() ?? "").filter((message) => message !== "") : [];
 		const aide = this.aide()?.trim() ?? "";
 		const morceaux = aide === "" ? raisons : [aide, ...raisons];
 		return morceaux.length === 0 ? null : morceaux.join(" ");
-	}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
 	valeurDe(cle) {
 		return this.value()[cle];
 	}
@@ -4127,7 +4144,7 @@ var StConsentGroup = class StConsentGroup {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StConsentGroup,
 		deps: [],
@@ -4135,7 +4152,7 @@ var StConsentGroup = class StConsentGroup {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StConsentGroup,
 		isStandalone: true,
 		selector: "st-consent-group",
@@ -4310,7 +4327,7 @@ var StConsentGroup = class StConsentGroup {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StConsentGroup,
 	decorators: [{
@@ -4480,23 +4497,23 @@ i0.ɵɵngDeclareClassMetadata({
 const ST_GROUPE_DE_CHOIX = new InjectionToken("ST_GROUPE_DE_CHOIX");
 var StChoice = class StChoice {
 	groupe = inject(ST_GROUPE_DE_CHOIX);
-	valeur = input.required(...ngDevMode ? [{ debugName: "valeur" }] : 	/* istanbul ignore next */ []);
+	valeur = input.required(...ngDevMode ? [{ debugName: "valeur" }] : /* istanbul ignore next */ []);
 	desactivee = input(false, {
-		...ngDevMode ? { debugName: "desactivee" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "desactivee" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	raisonDIndisponibilite = input(null, ...ngDevMode ? [{ debugName: "raisonDIndisponibilite" }] : 	/* istanbul ignore next */ []);
-	controle = viewChild.required("controle", ...ngDevMode ? [{ debugName: "controle" }] : 	/* istanbul ignore next */ []);
-	zoneDuDetail = viewChild.required("zoneDuDetail", ...ngDevMode ? [{ debugName: "zoneDuDetail" }] : 	/* istanbul ignore next */ []);
+	raisonDIndisponibilite = input(null, ...ngDevMode ? [{ debugName: "raisonDIndisponibilite" }] : /* istanbul ignore next */ []);
+	controle = viewChild.required("controle", ...ngDevMode ? [{ debugName: "controle" }] : /* istanbul ignore next */ []);
+	zoneDuDetail = viewChild.required("zoneDuDetail", ...ngDevMode ? [{ debugName: "zoneDuDetail" }] : /* istanbul ignore next */ []);
 	racine = inject(StIdentifiants).prochain("st-choix-carte");
 	identifiantDeLaRaison = `${this.racine}-raison`;
 	identifiantDuDetail = `${this.racine}-detail`;
-	coche = computed(() => this.groupe.estChoisie(this.valeur()), ...ngDevMode ? [{ debugName: "coche" }] : 	/* istanbul ignore next */ []);
+	coche = computed(() => this.groupe.estChoisie(this.valeur()), ...ngDevMode ? [{ debugName: "coche" }] : /* istanbul ignore next */ []);
 	raison = computed(() => {
 		const texte = this.desactivee() ? this.raisonDIndisponibilite()?.trim() ?? "" : "";
 		return texte === "" ? null : texte;
-	}, ...ngDevMode ? [{ debugName: "raison" }] : 	/* istanbul ignore next */ []);
-	aUnDetail = signal(false, ...ngDevMode ? [{ debugName: "aUnDetail" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "raison" }] : /* istanbul ignore next */ []);
+	aUnDetail = signal(false, ...ngDevMode ? [{ debugName: "aUnDetail" }] : /* istanbul ignore next */ []);
 	constructor() {
 		afterRenderEffect(() => {
 			this.coche();
@@ -4528,7 +4545,7 @@ var StChoice = class StChoice {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StChoice,
 		deps: [],
@@ -4536,7 +4553,7 @@ var StChoice = class StChoice {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StChoice,
 		isStandalone: true,
 		selector: "st-choice",
@@ -4586,13 +4603,13 @@ var StChoice = class StChoice {
 		}],
 		ngImport: i0,
 		template: "<label class=\"st-choice__carte\">\n  <input\n    #controle\n    class=\"st-choice__controle\"\n    [type]=\"groupe.multiple() ? 'checkbox' : 'radio'\"\n    [name]=\"groupe.nom()\"\n    [value]=\"valeur()\"\n    [checked]=\"coche()\"\n    [disabled]=\"groupe.desactive()\"\n    [attr.aria-disabled]=\"desactivee() ? 'true' : null\"\n    [attr.aria-describedby]=\"raison() === null ? null : identifiantDeLaRaison\"\n    [attr.aria-controls]=\"aUnDetail() ? identifiantDuDetail : null\"\n    [attr.aria-expanded]=\"aUnDetail() && groupe.multiple() ? coche() : null\"\n    [attr.aria-invalid]=\"groupe.enErreur() ? 'true' : null\"\n    [attr.aria-readonly]=\"groupe.multiple() && groupe.lectureSeule() ? 'true' : null\"\n    (click)=\"surClic($event)\"\n    (change)=\"surBascule($event)\"\n  />\n  <span class=\"st-choice__media\"><ng-content select=\"st-icon, st-avatar\" /></span>\n  <span class=\"st-choice__textes\">\n    <span class=\"st-choice__titre\"><ng-content /></span>\n    <span class=\"st-choice__precision\"><ng-content select=\"[precision]\" /></span>\n  </span>\n</label>\n@if (raison(); as texte) {\n  <span class=\"st-choice__raison\" [id]=\"identifiantDeLaRaison\">{{ texte }}</span>\n}\n<div #zoneDuDetail class=\"st-choice__detail\" [id]=\"identifiantDuDetail\" [hidden]=\"!coche()\">\n  <ng-content select=\"[detail]\" />\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;box-sizing:border-box;min-inline-size:0;color:var(--st-couleur-texte);background-color:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-surface-rayon, var(--st-rayon-md))}:host([data-coche]){background-color:var(--st-couleur-primaire-discret);border-color:var(--st-couleur-primaire);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-primaire)}@media(hover:hover){:host(:not([data-coche],[data-indisponible],[data-lecture-seule]):has(.st-choice__carte:hover)){border-color:var(--st-couleur-bordure-forte);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice__carte{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-cible-tactile-min);padding:var(--st-espacement-4);cursor:pointer}.st-choice__controle: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)}@media(pointer:coarse){.st-choice__controle{position:relative}.st-choice__controle:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-choice__controle{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-choice__controle:before{content:\"\";display:none}@media(hover:hover){.st-choice__controle:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice__controle:checked,.st-choice__controle:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-choice__controle[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-choice__controle[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-choice__controle[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice__controle[type=radio]{border-radius:var(--st-rayon-pleine)}.st-choice__controle[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-choice__controle[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice__controle[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger)}.st-choice__controle[aria-readonly=true]:not(:disabled){cursor:default}.st-choice__controle:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice__controle:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-choice__controle[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-choice__controle[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-choice__controle{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-choice__controle:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-choice__controle[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-choice__controle[type=radio]:checked{background:Canvas}.st-choice__controle[type=radio]:checked:before{background:Highlight}.st-choice__controle:disabled{border-color:GrayText}}@media print{.st-choice__controle:is(:checked,:indeterminate),.st-choice__controle[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-choice__controle[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-choice__controle[type=checkbox]:checked:before,.st-choice__controle[type=checkbox]:indeterminate:before,.st-choice__controle[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-choice__media{display:inline-flex;flex:none;color:var(--st-couleur-texte-discret)}.st-choice__media:empty{display:none}.st-choice__textes{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--st-espacement-demi);min-inline-size:0}.st-choice__titre,.st-choice__precision{display:block}.st-choice__titre{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);overflow-wrap:anywhere}.st-choice__precision{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice__precision:empty{display:none}.st-choice__raison,.st-choice__detail{padding-block-end:var(--st-espacement-4);padding-inline:calc(var(--st-espacement-4) + var(--st-cible-min) + var(--st-espacement-3)) var(--st-espacement-4)}.st-choice__raison{display:block;margin-block-start:calc(-1 * var(--st-espacement-2));font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice__detail:is(:empty,[hidden]){display:none}:host([data-indisponible]) .st-choice__carte{cursor:not-allowed}:host([data-indisponible]) .st-choice__titre{color:var(--st-couleur-texte-discret)}:host([data-indisponible][data-coche]){background-color:var(--st-couleur-surface);border-color:var(--st-couleur-texte-desactive);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-texte-desactive)}.st-choice__controle[aria-disabled=true]{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice__controle[aria-disabled=true][type=checkbox]:checked{background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-choice__controle[aria-disabled=true][type=radio]:checked:before{background:var(--st-couleur-texte-desactive)}:host(:has(.st-choice__controle:disabled)) .st-choice__carte{cursor:not-allowed}:host(:has(.st-choice__controle:disabled)) .st-choice__titre{color:var(--st-couleur-texte-desactive)}:host([data-lecture-seule]) .st-choice__carte{cursor:default}@media(forced-colors:active){:host{border-color:CanvasText}:host([data-coche]){border-color:Highlight;outline:var(--st-epaisseur-fine) solid Highlight;outline-offset:calc(-2 * var(--st-epaisseur-fine))}:host([data-indisponible]),:host([data-indisponible][data-coche]){border-color:GrayText;outline:none}.st-choice__controle[aria-disabled=true]{border-color:GrayText}}@media print{:host,:host([data-coche]){background:none;box-shadow:none}:host([data-coche]){border-color:var(--st-couleur-texte);outline:var(--st-epaisseur-fine) solid var(--st-couleur-texte);outline-offset:calc(-2 * 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:block;box-sizing:border-box;min-inline-size:0;color:var(--st-couleur-texte);background-color:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-surface-rayon, var(--st-rayon-md))}:host([data-coche]){background-color:var(--st-couleur-primaire-discret);border-color:var(--st-couleur-primaire);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-primaire)}@media(hover:hover){:host(:not([data-coche],[data-indisponible],[data-lecture-seule]):has(.st-choice__carte:hover)){border-color:var(--st-couleur-bordure-forte);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice__carte{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-cible-tactile-min);padding:var(--st-espacement-4);cursor:pointer}.st-choice__controle: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)}@media(pointer:coarse){.st-choice__controle{position:relative}.st-choice__controle:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-choice__controle{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-choice__controle:before{content:\"\";display:none}@media(hover:hover){.st-choice__controle:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice__controle:checked,.st-choice__controle:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-choice__controle[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-choice__controle[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-choice__controle[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice__controle[type=radio]{border-radius:var(--st-rayon-pleine)}.st-choice__controle[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-choice__controle[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice__controle[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-choice__controle[aria-readonly=true]:not(:disabled){cursor:default}.st-choice__controle:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice__controle:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-choice__controle[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-choice__controle[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-choice__controle{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-choice__controle:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-choice__controle[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-choice__controle[type=radio]:checked{background:Canvas}.st-choice__controle[type=radio]:checked:before{background:Highlight}.st-choice__controle:disabled{border-color:GrayText}}@media print{.st-choice__controle:is(:checked,:indeterminate),.st-choice__controle[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-choice__controle[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-choice__controle[type=checkbox]:checked:before,.st-choice__controle[type=checkbox]:indeterminate:before,.st-choice__controle[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-choice__media{display:inline-flex;flex:none;color:var(--st-couleur-texte-discret)}.st-choice__media:empty{display:none}.st-choice__textes{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--st-espacement-demi);min-inline-size:0}.st-choice__titre,.st-choice__precision{display:block}.st-choice__titre{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);overflow-wrap:anywhere}.st-choice__precision{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice__precision:empty{display:none}.st-choice__raison,.st-choice__detail{padding-block-end:var(--st-espacement-4);padding-inline:calc(var(--st-espacement-4) + var(--st-cible-min) + var(--st-espacement-3)) var(--st-espacement-4)}.st-choice__raison{display:block;margin-block-start:calc(-1 * var(--st-espacement-2));font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice__detail:is(:empty,[hidden]){display:none}:host([data-indisponible]) .st-choice__carte{cursor:not-allowed}:host([data-indisponible]) .st-choice__titre{color:var(--st-couleur-texte-discret)}:host([data-indisponible][data-coche]){background-color:var(--st-couleur-surface);border-color:var(--st-couleur-texte-desactive);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-texte-desactive)}.st-choice__controle[aria-disabled=true]{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice__controle[aria-disabled=true][type=checkbox]:checked{background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-choice__controle[aria-disabled=true][type=radio]:checked:before{background:var(--st-couleur-texte-desactive)}:host(:has(.st-choice__controle:disabled)) .st-choice__carte{cursor:not-allowed}:host(:has(.st-choice__controle:disabled)) .st-choice__titre{color:var(--st-couleur-texte-desactive)}:host([data-lecture-seule]) .st-choice__carte{cursor:default}@media(forced-colors:active){:host{border-color:CanvasText}:host([data-coche]){border-color:Highlight;outline:var(--st-epaisseur-fine) solid Highlight;outline-offset:calc(-2 * var(--st-epaisseur-fine))}:host([data-indisponible]),:host([data-indisponible][data-coche]){border-color:GrayText;outline:none}.st-choice__controle[aria-disabled=true]{border-color:GrayText}}@media print{:host,:host([data-coche]){background:none;box-shadow:none}:host([data-coche]){border-color:var(--st-couleur-texte);outline:var(--st-epaisseur-fine) solid var(--st-couleur-texte);outline-offset:calc(-2 * var(--st-epaisseur-fine))}}\n"],
 		changeDetection: i0.ChangeDetectionStrategy.OnPush
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StChoice,
 	decorators: [{
@@ -4607,7 +4624,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.data-lecture-seule]": "groupe.lectureSeule() ? \"\" : null"
 			},
 			template: "<label class=\"st-choice__carte\">\n  <input\n    #controle\n    class=\"st-choice__controle\"\n    [type]=\"groupe.multiple() ? 'checkbox' : 'radio'\"\n    [name]=\"groupe.nom()\"\n    [value]=\"valeur()\"\n    [checked]=\"coche()\"\n    [disabled]=\"groupe.desactive()\"\n    [attr.aria-disabled]=\"desactivee() ? 'true' : null\"\n    [attr.aria-describedby]=\"raison() === null ? null : identifiantDeLaRaison\"\n    [attr.aria-controls]=\"aUnDetail() ? identifiantDuDetail : null\"\n    [attr.aria-expanded]=\"aUnDetail() && groupe.multiple() ? coche() : null\"\n    [attr.aria-invalid]=\"groupe.enErreur() ? 'true' : null\"\n    [attr.aria-readonly]=\"groupe.multiple() && groupe.lectureSeule() ? 'true' : null\"\n    (click)=\"surClic($event)\"\n    (change)=\"surBascule($event)\"\n  />\n  <span class=\"st-choice__media\"><ng-content select=\"st-icon, st-avatar\" /></span>\n  <span class=\"st-choice__textes\">\n    <span class=\"st-choice__titre\"><ng-content /></span>\n    <span class=\"st-choice__precision\"><ng-content select=\"[precision]\" /></span>\n  </span>\n</label>\n@if (raison(); as texte) {\n  <span class=\"st-choice__raison\" [id]=\"identifiantDeLaRaison\">{{ texte }}</span>\n}\n<div #zoneDuDetail class=\"st-choice__detail\" [id]=\"identifiantDuDetail\" [hidden]=\"!coche()\">\n  <ng-content select=\"[detail]\" />\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;box-sizing:border-box;min-inline-size:0;color:var(--st-couleur-texte);background-color:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-surface-rayon, var(--st-rayon-md))}:host([data-coche]){background-color:var(--st-couleur-primaire-discret);border-color:var(--st-couleur-primaire);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-primaire)}@media(hover:hover){:host(:not([data-coche],[data-indisponible],[data-lecture-seule]):has(.st-choice__carte:hover)){border-color:var(--st-couleur-bordure-forte);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice__carte{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-cible-tactile-min);padding:var(--st-espacement-4);cursor:pointer}.st-choice__controle: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)}@media(pointer:coarse){.st-choice__controle{position:relative}.st-choice__controle:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-choice__controle{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-choice__controle:before{content:\"\";display:none}@media(hover:hover){.st-choice__controle:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice__controle:checked,.st-choice__controle:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-choice__controle[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-choice__controle[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-choice__controle[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice__controle[type=radio]{border-radius:var(--st-rayon-pleine)}.st-choice__controle[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-choice__controle[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice__controle[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger)}.st-choice__controle[aria-readonly=true]:not(:disabled){cursor:default}.st-choice__controle:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice__controle:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-choice__controle[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-choice__controle[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-choice__controle{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-choice__controle:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-choice__controle[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-choice__controle[type=radio]:checked{background:Canvas}.st-choice__controle[type=radio]:checked:before{background:Highlight}.st-choice__controle:disabled{border-color:GrayText}}@media print{.st-choice__controle:is(:checked,:indeterminate),.st-choice__controle[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-choice__controle[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-choice__controle[type=checkbox]:checked:before,.st-choice__controle[type=checkbox]:indeterminate:before,.st-choice__controle[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-choice__media{display:inline-flex;flex:none;color:var(--st-couleur-texte-discret)}.st-choice__media:empty{display:none}.st-choice__textes{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--st-espacement-demi);min-inline-size:0}.st-choice__titre,.st-choice__precision{display:block}.st-choice__titre{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);overflow-wrap:anywhere}.st-choice__precision{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice__precision:empty{display:none}.st-choice__raison,.st-choice__detail{padding-block-end:var(--st-espacement-4);padding-inline:calc(var(--st-espacement-4) + var(--st-cible-min) + var(--st-espacement-3)) var(--st-espacement-4)}.st-choice__raison{display:block;margin-block-start:calc(-1 * var(--st-espacement-2));font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice__detail:is(:empty,[hidden]){display:none}:host([data-indisponible]) .st-choice__carte{cursor:not-allowed}:host([data-indisponible]) .st-choice__titre{color:var(--st-couleur-texte-discret)}:host([data-indisponible][data-coche]){background-color:var(--st-couleur-surface);border-color:var(--st-couleur-texte-desactive);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-texte-desactive)}.st-choice__controle[aria-disabled=true]{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice__controle[aria-disabled=true][type=checkbox]:checked{background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-choice__controle[aria-disabled=true][type=radio]:checked:before{background:var(--st-couleur-texte-desactive)}:host(:has(.st-choice__controle:disabled)) .st-choice__carte{cursor:not-allowed}:host(:has(.st-choice__controle:disabled)) .st-choice__titre{color:var(--st-couleur-texte-desactive)}:host([data-lecture-seule]) .st-choice__carte{cursor:default}@media(forced-colors:active){:host{border-color:CanvasText}:host([data-coche]){border-color:Highlight;outline:var(--st-epaisseur-fine) solid Highlight;outline-offset:calc(-2 * var(--st-epaisseur-fine))}:host([data-indisponible]),:host([data-indisponible][data-coche]){border-color:GrayText;outline:none}.st-choice__controle[aria-disabled=true]{border-color:GrayText}}@media print{:host,:host([data-coche]){background:none;box-shadow:none}:host([data-coche]){border-color:var(--st-couleur-texte);outline:var(--st-epaisseur-fine) solid var(--st-couleur-texte);outline-offset:calc(-2 * 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:block;box-sizing:border-box;min-inline-size:0;color:var(--st-couleur-texte);background-color:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-surface-rayon, var(--st-rayon-md))}:host([data-coche]){background-color:var(--st-couleur-primaire-discret);border-color:var(--st-couleur-primaire);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-primaire)}@media(hover:hover){:host(:not([data-coche],[data-indisponible],[data-lecture-seule]):has(.st-choice__carte:hover)){border-color:var(--st-couleur-bordure-forte);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice__carte{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-cible-tactile-min);padding:var(--st-espacement-4);cursor:pointer}.st-choice__controle: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)}@media(pointer:coarse){.st-choice__controle{position:relative}.st-choice__controle:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-choice__controle{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-choice__controle:before{content:\"\";display:none}@media(hover:hover){.st-choice__controle:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice__controle:checked,.st-choice__controle:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-choice__controle[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-choice__controle[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-choice__controle[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice__controle[type=radio]{border-radius:var(--st-rayon-pleine)}.st-choice__controle[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-choice__controle[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice__controle[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-choice__controle[aria-readonly=true]:not(:disabled){cursor:default}.st-choice__controle:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice__controle:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-choice__controle[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-choice__controle[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-choice__controle{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-choice__controle:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-choice__controle[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-choice__controle[type=radio]:checked{background:Canvas}.st-choice__controle[type=radio]:checked:before{background:Highlight}.st-choice__controle:disabled{border-color:GrayText}}@media print{.st-choice__controle:is(:checked,:indeterminate),.st-choice__controle[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-choice__controle[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-choice__controle[type=checkbox]:checked:before,.st-choice__controle[type=checkbox]:indeterminate:before,.st-choice__controle[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-choice__media{display:inline-flex;flex:none;color:var(--st-couleur-texte-discret)}.st-choice__media:empty{display:none}.st-choice__textes{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--st-espacement-demi);min-inline-size:0}.st-choice__titre,.st-choice__precision{display:block}.st-choice__titre{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);overflow-wrap:anywhere}.st-choice__precision{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice__precision:empty{display:none}.st-choice__raison,.st-choice__detail{padding-block-end:var(--st-espacement-4);padding-inline:calc(var(--st-espacement-4) + var(--st-cible-min) + var(--st-espacement-3)) var(--st-espacement-4)}.st-choice__raison{display:block;margin-block-start:calc(-1 * var(--st-espacement-2));font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice__detail:is(:empty,[hidden]){display:none}:host([data-indisponible]) .st-choice__carte{cursor:not-allowed}:host([data-indisponible]) .st-choice__titre{color:var(--st-couleur-texte-discret)}:host([data-indisponible][data-coche]){background-color:var(--st-couleur-surface);border-color:var(--st-couleur-texte-desactive);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-texte-desactive)}.st-choice__controle[aria-disabled=true]{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice__controle[aria-disabled=true][type=checkbox]:checked{background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-choice__controle[aria-disabled=true][type=radio]:checked:before{background:var(--st-couleur-texte-desactive)}:host(:has(.st-choice__controle:disabled)) .st-choice__carte{cursor:not-allowed}:host(:has(.st-choice__controle:disabled)) .st-choice__titre{color:var(--st-couleur-texte-desactive)}:host([data-lecture-seule]) .st-choice__carte{cursor:default}@media(forced-colors:active){:host{border-color:CanvasText}:host([data-coche]){border-color:Highlight;outline:var(--st-epaisseur-fine) solid Highlight;outline-offset:calc(-2 * var(--st-epaisseur-fine))}:host([data-indisponible]),:host([data-indisponible][data-coche]){border-color:GrayText;outline:none}.st-choice__controle[aria-disabled=true]{border-color:GrayText}}@media print{:host,:host([data-coche]){background:none;box-shadow:none}:host([data-coche]){border-color:var(--st-couleur-texte);outline:var(--st-epaisseur-fine) solid var(--st-couleur-texte);outline-offset:calc(-2 * var(--st-epaisseur-fine))}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -4648,64 +4665,64 @@ i0.ɵɵngDeclareClassMetadata({
 });
 var StChoiceGroup = class StChoiceGroup {
 	element = inject(ElementRef);
-	legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : 	/* istanbul ignore next */ []);
-	aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : 	/* istanbul ignore next */ []);
-	mode = input("unique", ...ngDevMode ? [{ debugName: "mode" }] : 	/* istanbul ignore next */ []);
-	disposition = input("colonne", ...ngDevMode ? [{ debugName: "disposition" }] : 	/* istanbul ignore next */ []);
-	value = model("", ...ngDevMode ? [{ debugName: "value" }] : 	/* istanbul ignore next */ []);
-	errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : 	/* istanbul ignore next */ []);
+	legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []);
+	aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
+	mode = input("unique", ...ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []);
+	disposition = input("colonne", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
+	value = model("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
 	touched = input(false, {
-		...ngDevMode ? { debugName: "touched" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	dirty = input(false, {
-		...ngDevMode ? { debugName: "dirty" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	pending = input(false, {
-		...ngDevMode ? { debugName: "pending" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	disabled = input(false, {
-		...ngDevMode ? { debugName: "disabled" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : 	/* istanbul ignore next */ []);
+	disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
 	readonly = input(false, {
-		...ngDevMode ? { debugName: "readonly" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	required = input(false, {
-		...ngDevMode ? { debugName: "required" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	hidden = input(false, {
-		...ngDevMode ? { debugName: "hidden" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	name = input("", ...ngDevMode ? [{ debugName: "name" }] : 	/* istanbul ignore next */ []);
+	name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
 	touch = output();
 	cartes = contentChildren(StChoice, {
-		...ngDevMode ? { debugName: "cartes" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "cartes" } : /* istanbul ignore next */ {},
 		descendants: true
 	});
 	nomParDefaut = inject(StIdentifiants).prochain("st-choix");
-	multiple = computed(() => this.mode() === "multiple", ...ngDevMode ? [{ debugName: "multiple" }] : 	/* istanbul ignore next */ []);
-	nom = computed(() => this.name() === "" ? this.nomParDefaut : this.name(), ...ngDevMode ? [{ debugName: "nom" }] : 	/* istanbul ignore next */ []);
-	desactive = computed(() => this.disabled(), ...ngDevMode ? [{ debugName: "desactive" }] : 	/* istanbul ignore next */ []);
-	lectureSeule = computed(() => this.readonly(), ...ngDevMode ? [{ debugName: "lectureSeule" }] : 	/* istanbul ignore next */ []);
-	enErreur = computed(() => this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : 	/* istanbul ignore next */ []);
+	multiple = computed(() => this.mode() === "multiple", ...ngDevMode ? [{ debugName: "multiple" }] : /* istanbul ignore next */ []);
+	nom = computed(() => this.name() === "" ? this.nomParDefaut : this.name(), ...ngDevMode ? [{ debugName: "nom" }] : /* istanbul ignore next */ []);
+	desactive = computed(() => this.disabled(), ...ngDevMode ? [{ debugName: "desactive" }] : /* istanbul ignore next */ []);
+	lectureSeule = computed(() => this.readonly(), ...ngDevMode ? [{ debugName: "lectureSeule" }] : /* istanbul ignore next */ []);
+	enErreur = computed(() => this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
 	choisies = computed(() => {
 		const valeur = this.value();
 		if (typeof valeur !== "string") return new Set(valeur);
 		return new Set(valeur === "" ? [] : [valeur]);
-	}, ...ngDevMode ? [{ debugName: "choisies" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "choisies" }] : /* istanbul ignore next */ []);
 	aideEtRaisons = computed(() => {
 		const raisons = this.disabled() ? this.disabledReasons().map((raison) => raison.message?.trim() ?? "").filter((message) => message !== "") : [];
 		const aide = this.aide()?.trim() ?? "";
 		const morceaux = aide === "" ? raisons : [aide, ...raisons];
 		return morceaux.length === 0 ? null : morceaux.join(" ");
-	}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
 	constructor() {
 		if (isDevMode()) effect(() => {
 			const valeur = this.value();
@@ -4745,7 +4762,7 @@ var StChoiceGroup = class StChoiceGroup {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StChoiceGroup,
 		deps: [],
@@ -4753,7 +4770,7 @@ var StChoiceGroup = class StChoiceGroup {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.2.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StChoiceGroup,
 		isStandalone: true,
 		selector: "st-choice-group",
@@ -4911,7 +4928,7 @@ var StChoiceGroup = class StChoiceGroup {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StChoiceGroup,
 	decorators: [{
@@ -5077,16 +5094,16 @@ var StSwitch = class StSwitch extends ContratDeCase {
 	libelles = inject(ST_LIBELLES);
 	annonce = new AnnonceLocale(inject(DestroyRef));
 	enAttente = input(false, {
-		...ngDevMode ? { debugName: "enAttente" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "enAttente" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	libelleAttente = input(null, ...ngDevMode ? [{ debugName: "libelleAttente" }] : 	/* istanbul ignore next */ []);
+	libelleAttente = input(null, ...ngDevMode ? [{ debugName: "libelleAttente" }] : /* istanbul ignore next */ []);
 	aideDEtat = input(false, {
-		...ngDevMode ? { debugName: "aideDEtat" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "aideDEtat" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	libelleEtat = input(false, {
-		...ngDevMode ? { debugName: "libelleEtat" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "libelleEtat" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	constructor() {
@@ -5129,16 +5146,16 @@ var StSwitch = class StSwitch extends ContratDeCase {
 		}
 		super.surBascule(evenement);
 	}
-	aideAffichee = computed(() => this.enAttente() ? null : this.aideEtRaisons(), ...ngDevMode ? [{ debugName: "aideAffichee" }] : 	/* istanbul ignore next */ []);
+	aideAffichee = computed(() => this.enAttente() ? null : this.aideEtRaisons(), ...ngDevMode ? [{ debugName: "aideAffichee" }] : /* istanbul ignore next */ []);
 	etat = computed(() => {
 		const libelles = this.libelles();
 		if (this.enAttente()) return this.libelleAttente() ?? libelles.enregistrementEnCours;
 		if (!this.libelleEtat()) return null;
 		return this.checked() ? libelles.etatActive : libelles.etatDesactive;
-	}, ...ngDevMode ? [{ debugName: "etat" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "etat" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StSwitch,
 		deps: [],
@@ -5146,7 +5163,7 @@ var StSwitch = class StSwitch extends ContratDeCase {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StSwitch,
 		isStandalone: true,
 		selector: "st-switch",
@@ -5233,7 +5250,7 @@ var StSwitch = class StSwitch extends ContratDeCase {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StSwitch,
 	decorators: [{
@@ -5300,16 +5317,16 @@ var StErrorSummary = class StErrorSummary {
 	injecteur = inject(Injector);
 	envoi = inject(ST_ETAT_D_ENVOI, { optional: true });
 	noms = inject(StNomsDesChamps);
-	erreurs = input(...ngDevMode ? [void 0, { debugName: "erreurs" }] : 	/* istanbul ignore next */ []);
-	titre = input(null, ...ngDevMode ? [{ debugName: "titre" }] : 	/* istanbul ignore next */ []);
-	niveau = input(2, ...ngDevMode ? [{ debugName: "niveau" }] : 	/* istanbul ignore next */ []);
-	introduction = input(null, ...ngDevMode ? [{ debugName: "introduction" }] : 	/* istanbul ignore next */ []);
+	erreurs = input(...ngDevMode ? [void 0, { debugName: "erreurs" }] : /* istanbul ignore next */ []);
+	titre = input(null, ...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
+	niveau = input(2, ...ngDevMode ? [{ debugName: "niveau" }] : /* istanbul ignore next */ []);
+	introduction = input(null, ...ngDevMode ? [{ debugName: "introduction" }] : /* istanbul ignore next */ []);
 	tentative = input(0, {
-		...ngDevMode ? { debugName: "tentative" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "tentative" } : /* istanbul ignore next */ {},
 		transform: (valeur) => numberAttribute(valeur, 0)
 	});
-	erreursLues = computed(() => this.erreurs() ?? this.envoi?.recapitulatif() ?? [], ...ngDevMode ? [{ debugName: "erreursLues" }] : 	/* istanbul ignore next */ []);
-	tentativeLue = computed(() => this.erreurs() === void 0 && this.envoi !== null ? this.envoi.tentative() : this.tentative(), ...ngDevMode ? [{ debugName: "tentativeLue" }] : 	/* istanbul ignore next */ []);
+	erreursLues = computed(() => this.erreurs() ?? this.envoi?.recapitulatif() ?? [], ...ngDevMode ? [{ debugName: "erreursLues" }] : /* istanbul ignore next */ []);
+	tentativeLue = computed(() => this.erreurs() === void 0 && this.envoi !== null ? this.envoi.tentative() : this.tentative(), ...ngDevMode ? [{ debugName: "tentativeLue" }] : /* istanbul ignore next */ []);
 	identifiantDuTitre = inject(StIdentifiants).prochain("st-recapitulatif");
 	lignes = computed(() => {
 		const libelles = this.libelles();
@@ -5335,8 +5352,9 @@ var StErrorSummary = class StErrorSummary {
 			});
 		}
 		return lignes;
-	}, ...ngDevMode ? [{ debugName: "lignes" }] : 	/* istanbul ignore next */ []);
-	titreLu = computed(() => this.titre() ?? this.libelles().erreursACorriger(this.lignes().length), ...ngDevMode ? [{ debugName: "titreLu" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []);
+	prefixe = computed(() => this.libelles().tonErreur, ...ngDevMode ? [{ debugName: "prefixe" }] : /* istanbul ignore next */ []);
+	titreLu = computed(() => this.titre() ?? this.libelles().erreursACorriger(this.lignes().length), ...ngDevMode ? [{ debugName: "titreLu" }] : /* istanbul ignore next */ []);
 	constructor() {
 		let visible = false;
 		let derniereTentative = this.tentativeLue();
@@ -5362,7 +5380,7 @@ var StErrorSummary = class StErrorSummary {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StErrorSummary,
 		deps: [],
@@ -5370,7 +5388,7 @@ var StErrorSummary = class StErrorSummary {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StErrorSummary,
 		isStandalone: true,
 		selector: "st-error-summary",
@@ -5421,8 +5439,8 @@ var StErrorSummary = class StErrorSummary {
 			classAttribute: "st-error-summary"
 		},
 		ngImport: i0,
-		template: "@if (lignes().length > 0) {\n  <div class=\"st-error-summary__entete\">\n    <st-icon class=\"st-error-summary__icone\" nom=\"cercle-croix\" variante=\"plein\" taille=\"22\" />\n    @switch (niveau()) {\n      @case (3) {\n        <h3 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h3>\n      }\n      @case (4) {\n        <h4 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h4>\n      }\n      @default {\n        <h2 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h2>\n      }\n    }\n    <span class=\"st-error-summary__etiquette\"><ng-content select=\"[stEtiquette]\" /></span>\n  </div>\n  <div class=\"st-error-summary__corps\">\n    @if (introduction(); as texte) {\n      <p class=\"st-error-summary__introduction\">{{ texte }}</p>\n    }\n    <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n    <ul class=\"st-error-summary__liste\" role=\"list\">\n      @for (ligne of lignes(); track ligne.cle) {\n        <li class=\"st-error-summary__ligne\">\n          <span class=\"st-error-summary__puce\" aria-hidden=\"true\">&bull;</span>\n          @if (ligne.libelle !== null) {\n            <button type=\"button\" class=\"st-error-summary__lien\" (click)=\"ligne.aller()\">\n              <strong class=\"st-error-summary__champ\">{{ ligne.libelle }}</strong>\n              {{ ligne.message }}\n            </button>\n          } @else {\n            <span class=\"st-error-summary__texte\">{{ ligne.message }}</span>\n          }\n        </li>\n      }\n    </ul>\n  </div>\n}\n",
-		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host: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)}:host{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);display:block;box-sizing:border-box;padding:var(--st-espacement-5);color:var(--st-couleur-texte);background-color:var(--st-couleur-danger-discret);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger);border-radius:var(--st-rayon-md)}.st-error-summary__entete{display:flex;gap:var(--st-espacement-3);align-items:center;padding-block-end:var(--st-espacement-3);border-block-end:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-danger) r g b/20%)}.st-error-summary__icone{color:var(--st-couleur-danger)}.st-error-summary__titre{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-normal);margin:0;color:var(--st-couleur-danger)}.st-error-summary__etiquette{display:flex;margin-inline-start:auto}.st-error-summary__etiquette:empty{display:none}.st-error-summary__corps{margin-block-start:var(--st-espacement-3)}.st-error-summary__introduction{margin:0 0 var(--st-espacement-2);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-sur-danger-discret)}.st-error-summary__liste{display:flex;flex-direction:column;gap:var(--st-espacement-2);padding:0;margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);list-style:none}.st-error-summary__ligne{display:flex;gap:var(--st-espacement-2);align-items:flex-start;min-inline-size:0;overflow-wrap:anywhere}.st-error-summary__puce{flex:none;margin-block-start:var(--st-espacement-demi);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-xs);color:var(--st-couleur-danger)}.st-error-summary__lien: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-error-summary__lien{padding:var(--st-espacement-demi) 0;margin-block:calc(-1 * var(--st-espacement-demi));font:inherit;font-weight:var(--st-graisse-semi);color:var(--st-couleur-danger);text-align:start;text-decoration:underline;text-decoration-color:rgb(from var(--st-couleur-danger) r g b/40%);text-underline-offset:var(--st-espacement-1);cursor:pointer;background:none;border:0}@media(hover:hover){.st-error-summary__lien:hover{text-decoration-thickness:var(--st-epaisseur-moyenne)}}.st-error-summary__champ{font-weight:var(--st-graisse-grasse)}.st-error-summary__texte{color:var(--st-couleur-sur-danger-discret)}@media(forced-colors:active){:host{border-color:CanvasText}}@media print{:host{background-color:var(--st-couleur-surface)}}\n"],
+		template: "@if (lignes().length > 0) {\n  <div class=\"st-error-summary__entete\">\n    <st-icon class=\"st-error-summary__icone\" nom=\"cercle-croix\" variante=\"plein\" taille=\"22\" />\n    @switch (niveau()) {\n      @case (3) {\n        <h3 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h3>\n      }\n      @case (4) {\n        <h4 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h4>\n      }\n      @default {\n        <h2 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h2>\n      }\n    }\n    <span class=\"st-error-summary__etiquette\"><ng-content select=\"[stEtiquette]\" /></span>\n  </div>\n  <div class=\"st-error-summary__corps\">\n    @if (introduction(); as texte) {\n      <p class=\"st-error-summary__introduction\">{{ texte }}</p>\n    }\n    <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n    <ul class=\"st-error-summary__liste\" role=\"list\">\n      @for (ligne of lignes(); track ligne.cle) {\n        <li class=\"st-error-summary__ligne\">\n          <span class=\"st-error-summary__puce\" aria-hidden=\"true\">&bull;</span>\n          <!-- Le mot de l'erreur, a la place de la puce sous `--st-prefixe-de-ton: visible`. -->\n          <span class=\"st-error-summary__prefixe\">{{ prefixe() }}</span>\n          @if (ligne.libelle !== null) {\n            <button type=\"button\" class=\"st-error-summary__lien\" (click)=\"ligne.aller()\">\n              <strong class=\"st-error-summary__champ\">{{ ligne.libelle }}</strong>\n              {{ ligne.message }}\n            </button>\n          } @else {\n            <span class=\"st-error-summary__texte\">{{ ligne.message }}</span>\n          }\n        </li>\n      }\n    </ul>\n  </div>\n}\n",
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host: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)}:host{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);display:block;box-sizing:border-box;padding:var(--st-espacement-5);color:var(--st-couleur-texte);background-color:var(--st-couleur-erreur-discret);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur);border-radius:var(--st-rayon-md)}.st-error-summary__entete{display:flex;gap:var(--st-espacement-3);align-items:center;padding-block-end:var(--st-espacement-3);border-block-end:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-erreur) r g b/20%)}.st-error-summary__icone{color:var(--st-couleur-erreur)}.st-error-summary__titre{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-normal);margin:0;color:var(--st-couleur-erreur)}.st-error-summary__etiquette{display:flex;margin-inline-start:auto}.st-error-summary__etiquette:empty{display:none}.st-error-summary__corps{margin-block-start:var(--st-espacement-3)}.st-error-summary__introduction{margin:0 0 var(--st-espacement-2);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-sur-erreur-discret)}.st-error-summary__liste{display:flex;flex-direction:column;gap:var(--st-espacement-2);padding:0;margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);list-style:none}.st-error-summary__ligne{display:flex;gap:var(--st-espacement-2);align-items:flex-start;min-inline-size:0;overflow-wrap:anywhere}.st-error-summary__puce{flex:none;margin-block-start:var(--st-espacement-demi);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-error-summary__prefixe{display:none;flex:none;font-weight:var(--st-graisse-semi);color:var(--st-couleur-erreur);white-space:nowrap}@container style(--st-prefixe-de-ton: visible){.st-error-summary__puce{display:none}.st-error-summary__prefixe{display:inline}}.st-error-summary__lien: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-error-summary__lien{padding:var(--st-espacement-demi) 0;margin-block:calc(-1 * var(--st-espacement-demi));font:inherit;font-weight:var(--st-graisse-semi);color:var(--st-couleur-erreur);text-align:start;text-decoration:underline;text-decoration-color:rgb(from var(--st-couleur-erreur) r g b/40%);text-underline-offset:var(--st-espacement-1);cursor:pointer;background:none;border:0}@media(hover:hover){.st-error-summary__lien:hover{text-decoration-thickness:var(--st-epaisseur-moyenne)}}.st-error-summary__champ{font-weight:var(--st-graisse-grasse)}.st-error-summary__texte{color:var(--st-couleur-sur-erreur-discret)}@media(forced-colors:active){:host{border-color:CanvasText}}@media print{:host{background-color:var(--st-couleur-surface)}}\n"],
 		dependencies: [{
 			kind: "component",
 			type: StIcon,
@@ -5444,7 +5462,7 @@ var StErrorSummary = class StErrorSummary {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StErrorSummary,
 	decorators: [{
@@ -5460,8 +5478,8 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.tabindex]": "lignes().length === 0 ? null : -1",
 				"[attr.aria-labelledby]": "lignes().length === 0 ? null : identifiantDuTitre"
 			},
-			template: "@if (lignes().length > 0) {\n  <div class=\"st-error-summary__entete\">\n    <st-icon class=\"st-error-summary__icone\" nom=\"cercle-croix\" variante=\"plein\" taille=\"22\" />\n    @switch (niveau()) {\n      @case (3) {\n        <h3 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h3>\n      }\n      @case (4) {\n        <h4 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h4>\n      }\n      @default {\n        <h2 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h2>\n      }\n    }\n    <span class=\"st-error-summary__etiquette\"><ng-content select=\"[stEtiquette]\" /></span>\n  </div>\n  <div class=\"st-error-summary__corps\">\n    @if (introduction(); as texte) {\n      <p class=\"st-error-summary__introduction\">{{ texte }}</p>\n    }\n    <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n    <ul class=\"st-error-summary__liste\" role=\"list\">\n      @for (ligne of lignes(); track ligne.cle) {\n        <li class=\"st-error-summary__ligne\">\n          <span class=\"st-error-summary__puce\" aria-hidden=\"true\">&bull;</span>\n          @if (ligne.libelle !== null) {\n            <button type=\"button\" class=\"st-error-summary__lien\" (click)=\"ligne.aller()\">\n              <strong class=\"st-error-summary__champ\">{{ ligne.libelle }}</strong>\n              {{ ligne.message }}\n            </button>\n          } @else {\n            <span class=\"st-error-summary__texte\">{{ ligne.message }}</span>\n          }\n        </li>\n      }\n    </ul>\n  </div>\n}\n",
-			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host: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)}:host{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);display:block;box-sizing:border-box;padding:var(--st-espacement-5);color:var(--st-couleur-texte);background-color:var(--st-couleur-danger-discret);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger);border-radius:var(--st-rayon-md)}.st-error-summary__entete{display:flex;gap:var(--st-espacement-3);align-items:center;padding-block-end:var(--st-espacement-3);border-block-end:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-danger) r g b/20%)}.st-error-summary__icone{color:var(--st-couleur-danger)}.st-error-summary__titre{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-normal);margin:0;color:var(--st-couleur-danger)}.st-error-summary__etiquette{display:flex;margin-inline-start:auto}.st-error-summary__etiquette:empty{display:none}.st-error-summary__corps{margin-block-start:var(--st-espacement-3)}.st-error-summary__introduction{margin:0 0 var(--st-espacement-2);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-sur-danger-discret)}.st-error-summary__liste{display:flex;flex-direction:column;gap:var(--st-espacement-2);padding:0;margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);list-style:none}.st-error-summary__ligne{display:flex;gap:var(--st-espacement-2);align-items:flex-start;min-inline-size:0;overflow-wrap:anywhere}.st-error-summary__puce{flex:none;margin-block-start:var(--st-espacement-demi);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-xs);color:var(--st-couleur-danger)}.st-error-summary__lien: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-error-summary__lien{padding:var(--st-espacement-demi) 0;margin-block:calc(-1 * var(--st-espacement-demi));font:inherit;font-weight:var(--st-graisse-semi);color:var(--st-couleur-danger);text-align:start;text-decoration:underline;text-decoration-color:rgb(from var(--st-couleur-danger) r g b/40%);text-underline-offset:var(--st-espacement-1);cursor:pointer;background:none;border:0}@media(hover:hover){.st-error-summary__lien:hover{text-decoration-thickness:var(--st-epaisseur-moyenne)}}.st-error-summary__champ{font-weight:var(--st-graisse-grasse)}.st-error-summary__texte{color:var(--st-couleur-sur-danger-discret)}@media(forced-colors:active){:host{border-color:CanvasText}}@media print{:host{background-color:var(--st-couleur-surface)}}\n"]
+			template: "@if (lignes().length > 0) {\n  <div class=\"st-error-summary__entete\">\n    <st-icon class=\"st-error-summary__icone\" nom=\"cercle-croix\" variante=\"plein\" taille=\"22\" />\n    @switch (niveau()) {\n      @case (3) {\n        <h3 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h3>\n      }\n      @case (4) {\n        <h4 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h4>\n      }\n      @default {\n        <h2 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h2>\n      }\n    }\n    <span class=\"st-error-summary__etiquette\"><ng-content select=\"[stEtiquette]\" /></span>\n  </div>\n  <div class=\"st-error-summary__corps\">\n    @if (introduction(); as texte) {\n      <p class=\"st-error-summary__introduction\">{{ texte }}</p>\n    }\n    <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n    <ul class=\"st-error-summary__liste\" role=\"list\">\n      @for (ligne of lignes(); track ligne.cle) {\n        <li class=\"st-error-summary__ligne\">\n          <span class=\"st-error-summary__puce\" aria-hidden=\"true\">&bull;</span>\n          <!-- Le mot de l'erreur, a la place de la puce sous `--st-prefixe-de-ton: visible`. -->\n          <span class=\"st-error-summary__prefixe\">{{ prefixe() }}</span>\n          @if (ligne.libelle !== null) {\n            <button type=\"button\" class=\"st-error-summary__lien\" (click)=\"ligne.aller()\">\n              <strong class=\"st-error-summary__champ\">{{ ligne.libelle }}</strong>\n              {{ ligne.message }}\n            </button>\n          } @else {\n            <span class=\"st-error-summary__texte\">{{ ligne.message }}</span>\n          }\n        </li>\n      }\n    </ul>\n  </div>\n}\n",
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host: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)}:host{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);display:block;box-sizing:border-box;padding:var(--st-espacement-5);color:var(--st-couleur-texte);background-color:var(--st-couleur-erreur-discret);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur);border-radius:var(--st-rayon-md)}.st-error-summary__entete{display:flex;gap:var(--st-espacement-3);align-items:center;padding-block-end:var(--st-espacement-3);border-block-end:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-erreur) r g b/20%)}.st-error-summary__icone{color:var(--st-couleur-erreur)}.st-error-summary__titre{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-normal);margin:0;color:var(--st-couleur-erreur)}.st-error-summary__etiquette{display:flex;margin-inline-start:auto}.st-error-summary__etiquette:empty{display:none}.st-error-summary__corps{margin-block-start:var(--st-espacement-3)}.st-error-summary__introduction{margin:0 0 var(--st-espacement-2);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-sur-erreur-discret)}.st-error-summary__liste{display:flex;flex-direction:column;gap:var(--st-espacement-2);padding:0;margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);list-style:none}.st-error-summary__ligne{display:flex;gap:var(--st-espacement-2);align-items:flex-start;min-inline-size:0;overflow-wrap:anywhere}.st-error-summary__puce{flex:none;margin-block-start:var(--st-espacement-demi);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-error-summary__prefixe{display:none;flex:none;font-weight:var(--st-graisse-semi);color:var(--st-couleur-erreur);white-space:nowrap}@container style(--st-prefixe-de-ton: visible){.st-error-summary__puce{display:none}.st-error-summary__prefixe{display:inline}}.st-error-summary__lien: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-error-summary__lien{padding:var(--st-espacement-demi) 0;margin-block:calc(-1 * var(--st-espacement-demi));font:inherit;font-weight:var(--st-graisse-semi);color:var(--st-couleur-erreur);text-align:start;text-decoration:underline;text-decoration-color:rgb(from var(--st-couleur-erreur) r g b/40%);text-underline-offset:var(--st-espacement-1);cursor:pointer;background:none;border:0}@media(hover:hover){.st-error-summary__lien:hover{text-decoration-thickness:var(--st-epaisseur-moyenne)}}.st-error-summary__champ{font-weight:var(--st-graisse-grasse)}.st-error-summary__texte{color:var(--st-couleur-sur-erreur-discret)}@media(forced-colors:active){:host{border-color:CanvasText}}@media print{:host{background-color:var(--st-couleur-surface)}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -5539,7 +5557,7 @@ var EnvoisDeFormulaire = class EnvoisDeFormulaire {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: EnvoisDeFormulaire,
 		deps: [],
@@ -5547,7 +5565,7 @@ var EnvoisDeFormulaire = class EnvoisDeFormulaire {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: EnvoisDeFormulaire,
 		providedIn: "root"
@@ -5555,7 +5573,7 @@ var EnvoisDeFormulaire = class EnvoisDeFormulaire {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: EnvoisDeFormulaire,
 	decorators: [{
@@ -5563,6 +5581,17 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{ providedIn: "root" }]
 	}]
 });
+const ST_ESTIMATEUR_DE_FORCE = new InjectionToken("ST_ESTIMATEUR_DE_FORCE");
+function fournirEstimateurDeForce(chargeur) {
+	return {
+		provide: ST_ESTIMATEUR_DE_FORCE,
+		useValue: chargeur
+	};
+}
+function niveauDuScore(score) {
+	if (!Number.isFinite(score) || score < 3) return 1;
+	return score < 4 ? 2 : 3;
+}
 function longueurVue(texte) {
 	return Array.from(texte).length;
 }
@@ -5573,43 +5602,116 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
 	racineDesParties = inject(StIdentifiants).prochain("st-password-field");
 	idRegles = `${this.racineDesParties}-regles`;
 	idMajuscules = `${this.racineDesParties}-majuscules`;
-	usage = input("connexion", ...ngDevMode ? [{ debugName: "usage" }] : 	/* istanbul ignore next */ []);
-	regles = input([], ...ngDevMode ? [{ debugName: "regles" }] : 	/* istanbul ignore next */ []);
-	titreDesRegles = input(null, ...ngDevMode ? [{ debugName: "titreDesRegles" }] : 	/* istanbul ignore next */ []);
-	revele = signal(false, ...ngDevMode ? [{ debugName: "revele" }] : 	/* istanbul ignore next */ []);
-	majusculesVerrouillees = signal(false, ...ngDevMode ? [{ debugName: "majusculesVerrouillees" }] : 	/* istanbul ignore next */ []);
-	autocomplete = computed(() => this.usage() === "creation" ? "new-password" : "current-password", ...ngDevMode ? [{ debugName: "autocomplete" }] : 	/* istanbul ignore next */ []);
+	idJauge = `${this.racineDesParties}-jauge`;
+	chargeurDeForce = inject(ST_ESTIMATEUR_DE_FORCE, { optional: true });
+	usage = input("connexion", ...ngDevMode ? [{ debugName: "usage" }] : /* istanbul ignore next */ []);
+	regles = input([], ...ngDevMode ? [{ debugName: "regles" }] : /* istanbul ignore next */ []);
+	titreDesRegles = input(null, ...ngDevMode ? [{ debugName: "titreDesRegles" }] : /* istanbul ignore next */ []);
+	jauge = input(false, {
+		...ngDevMode ? { debugName: "jauge" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	motsDeForce = input(null, ...ngDevMode ? [{ debugName: "motsDeForce" }] : /* istanbul ignore next */ []);
+	formeDeJauge = input("compacte", ...ngDevMode ? [{ debugName: "formeDeJauge" }] : /* istanbul ignore next */ []);
+	dispositionDesRegles = input("encadre", ...ngDevMode ? [{ debugName: "dispositionDesRegles" }] : /* istanbul ignore next */ []);
+	icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []);
+	jaugeActive = computed(() => this.jauge() && this.usage() === "creation", ...ngDevMode ? [{ debugName: "jaugeActive" }] : /* istanbul ignore next */ []);
+	niveauDeForce = signal(0, ...ngDevMode ? [{ debugName: "niveauDeForce" }] : /* istanbul ignore next */ []);
+	segmentsDeForce = [
+		1,
+		2,
+		3
+	];
+	jaugeEtendue = computed(() => this.jaugeActive() && this.formeDeJauge() === "etendue", ...ngDevMode ? [{ debugName: "jaugeEtendue" }] : /* istanbul ignore next */ []);
+	barresPleines = signal(0, ...ngDevMode ? [{ debugName: "barresPleines" }] : /* istanbul ignore next */ []);
+	barresDeForce = [
+		1,
+		2,
+		3,
+		4
+	];
+	motDeForce = computed(() => {
+		const niveau = this.niveauDeForce();
+		if (niveau === 0) return "";
+		return (this.motsDeForce() ?? this.libelles().niveauxDeForce)[niveau - 1] ?? "";
+	}, ...ngDevMode ? [{ debugName: "motDeForce" }] : /* istanbul ignore next */ []);
+	reglePendante = computed(() => {
+		const valeur = this.value();
+		return this.regles().some((regle) => typeof regle !== "string" && regle.respectee !== void 0 && !regle.respectee(valeur));
+	}, ...ngDevMode ? [{ debugName: "reglePendante" }] : /* istanbul ignore next */ []);
+	estimateur = null;
+	minuterieDeForce;
+	revele = signal(false, ...ngDevMode ? [{ debugName: "revele" }] : /* istanbul ignore next */ []);
+	majusculesVerrouillees = signal(false, ...ngDevMode ? [{ debugName: "majusculesVerrouillees" }] : /* istanbul ignore next */ []);
+	autocomplete = computed(() => this.usage() === "creation" ? "new-password" : "current-password", ...ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []);
 	reglesRendues = computed(() => {
 		if (this.usage() !== "creation") return [];
 		const valeur = this.value();
 		return this.regles().map((regle) => typeof regle === "string" ? {
 			texte: regle,
-			respectee: false
+			respectee: false,
+			testee: false
 		} : {
 			texte: regle.texte,
-			respectee: regle.respectee?.(valeur) ?? false
+			respectee: regle.respectee?.(valeur) ?? false,
+			testee: regle.respectee !== void 0
 		});
-	}, ...ngDevMode ? [{ debugName: "reglesRendues" }] : 	/* istanbul ignore next */ []);
-	titreRendu = computed(() => this.titreDesRegles() ?? this.libelles().reglesDuMotDePasse, ...ngDevMode ? [{ debugName: "titreRendu" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "reglesRendues" }] : /* istanbul ignore next */ []);
+	titreRendu = computed(() => this.titreDesRegles() ?? this.libelles().reglesDuMotDePasse, ...ngDevMode ? [{ debugName: "titreRendu" }] : /* istanbul ignore next */ []);
 	compteur = computed(() => {
 		const maximum = this.maxLength();
 		if (maximum === void 0) return null;
 		const restants = maximum - longueurVue(this.value());
 		const libelles = this.libelles();
 		return restants >= 0 ? libelles.caracteresRestants(restants) : libelles.caracteresEnTrop(-restants);
-	}, ...ngDevMode ? [{ debugName: "compteur" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "compteur" }] : /* istanbul ignore next */ []);
 	descriptionsDuControle = computed(() => {
 		const ids = [];
+		if (this.jaugeActive() && !this.jaugeEtendue() && this.niveauDeForce() !== 0) ids.push(this.idJauge);
 		if (this.reglesRendues().length > 0) ids.push(this.idRegles);
 		if (this.majusculesVerrouillees()) ids.push(this.idMajuscules);
 		return ids;
-	}, ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] : /* istanbul ignore next */ []);
 	constructor() {
 		super();
 		const desabonner = inject(EnvoisDeFormulaire).abonner((formulaire) => {
 			if (formulaire instanceof Node && formulaire.contains(this.element.nativeElement)) this.remasquer();
 		});
-		inject(DestroyRef).onDestroy(desabonner);
+		const destruction = inject(DestroyRef);
+		destruction.onDestroy(desabonner);
+		destruction.onDestroy(() => {
+			clearTimeout(this.minuterieDeForce);
+		});
+		effect(() => {
+			if (!this.jaugeActive()) return;
+			const valeur = this.value();
+			const plafonnee = this.reglePendante();
+			clearTimeout(this.minuterieDeForce);
+			if (valeur === "") {
+				this.niveauDeForce.set(0);
+				this.barresPleines.set(0);
+				return;
+			}
+			this.minuterieDeForce = setTimeout(() => {
+				this.estimerLaForce(valeur, plafonnee);
+			}, delai.frappe);
+		});
+	}
+	async estimerLaForce(valeur, plafonnee) {
+		const chargeur = this.chargeurDeForce;
+		if (chargeur === null) {
+			if (isDevMode()) throw new Error("st-password-field : jauge sans estimateur. Fournir fournirEstimateurDeForce(...) (ADR web 0011).");
+			return;
+		}
+		this.estimateur ??= chargeur();
+		const estimateur = await this.estimateur;
+		if (valeur !== this.value()) return;
+		const score = estimateur.estimer(valeur);
+		const niveau = plafonnee ? 1 : niveauDuScore(score);
+		this.barresPleines.set(plafonnee ? 1 : Math.min(4, Math.max(1, Math.round(score))));
+		if (niveau === this.niveauDeForce()) return;
+		this.niveauDeForce.set(niveau);
+		this.annonce.annoncer(this.libelles().forceAnnoncee(this.motDeForce()));
 	}
 	basculer() {
 		if (this.readonly() || this.desactive()) return;
@@ -5638,7 +5740,7 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StPasswordField,
 		deps: [],
@@ -5646,7 +5748,7 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StPasswordField,
 		isStandalone: true,
 		selector: "st-password-field",
@@ -5671,6 +5773,41 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
 				isSignal: true,
 				isRequired: false,
 				transformFunction: null
+			},
+			jauge: {
+				classPropertyName: "jauge",
+				publicName: "jauge",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			motsDeForce: {
+				classPropertyName: "motsDeForce",
+				publicName: "motsDeForce",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			formeDeJauge: {
+				classPropertyName: "formeDeJauge",
+				publicName: "formeDeJauge",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			dispositionDesRegles: {
+				classPropertyName: "dispositionDesRegles",
+				publicName: "dispositionDesRegles",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			icone: {
+				classPropertyName: "icone",
+				publicName: "icone",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
 			}
 		},
 		host: {
@@ -5682,8 +5819,8 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
 		},
 		usesInheritance: true,
 		ngImport: i0,
-		template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideEtRaisons()\"\n  [complement]=\"compteur()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n  [descriptionsDuControle]=\"descriptionsDuControle()\"\n>\n  <!-- Meta et indication de l'application (« Aide PIN »), relayees a l'enveloppe. -->\n  <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n  <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n  <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n  <!-- Le bouton de revelation vit DANS le cadre du champ, a sa fin (planche 3a). -->\n  <div class=\"st-password-field__cadre\">\n    <input\n      #champ\n      class=\"st-password-field__champ\"\n      stControleDeChamp\n      spellcheck=\"false\"\n      autocapitalize=\"none\"\n      autocorrect=\"off\"\n      [type]=\"revele() ? 'text' : 'password'\"\n      [value]=\"value()\"\n      [attr.autocomplete]=\"autocomplete()\"\n      [attr.name]=\"name() || null\"\n      [disabled]=\"disabled()\"\n      [readOnly]=\"readonly()\"\n      (input)=\"surSaisie($event)\"\n      (keydown)=\"surTouche($event)\"\n      (keyup)=\"surTouche($event)\"\n      (blur)=\"touch.emit()\"\n    />\n    <button\n      stIconButton\n      class=\"st-password-field__oeil\"\n      type=\"button\"\n      icone=\"oeil\"\n      iconeEnfoncee=\"oeil-barre\"\n      tailleDuGlyphe=\"20\"\n      [etiquette]=\"libelles().afficherLeMotDePasse\"\n      [enfonce]=\"revele()\"\n      [disabled]=\"disabled() || readonly()\"\n      (mousedown)=\"$event.preventDefault()\"\n      (click)=\"basculer()\"\n    ></button>\n  </div>\n</st-form-field>\n\n<!-- A la creation, la zone de Verr. Maj est RESERVEE sous le champ : les regles, que l'on coche\n     en tapant, ne sautent pas quand la touche bascule. A la connexion, rien ne suit le champ. -->\n@if (usage() === 'creation') {\n  <div class=\"st-password-field__zone-majuscules\">\n    @if (majusculesVerrouillees()) {\n      <st-inline-message\n        class=\"st-password-field__majuscules\"\n        ton=\"avertissement\"\n        icone=\"fleche-large-haut\"\n        [identifiant]=\"idMajuscules\"\n        >{{ libelles().verrouillageMajuscules }}</st-inline-message\n      >\n    }\n  </div>\n} @else if (majusculesVerrouillees()) {\n  <st-inline-message\n    class=\"st-password-field__majuscules\"\n    ton=\"avertissement\"\n    icone=\"fleche-large-haut\"\n    encadre\n    [identifiant]=\"idMajuscules\"\n    >{{ libelles().verrouillageMajuscules }}</st-inline-message\n  >\n}\n\n@if (reglesRendues().length > 0) {\n  <div class=\"st-password-field__regles\" [id]=\"idRegles\">\n    <p class=\"st-password-field__titre-des-regles\">{{ titreRendu() }}</p>\n    <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n    <ul class=\"st-password-field__liste\" role=\"list\">\n      @for (regle of reglesRendues(); track $index) {\n        <li class=\"st-password-field__regle\" [attr.data-respectee]=\"regle.respectee ? '' : null\">\n          <st-icon\n            class=\"st-password-field__coche\"\n            taille=\"16\"\n            [nom]=\"regle.respectee ? 'cercle-coche' : 'cercle'\"\n            [variante]=\"regle.respectee ? 'plein' : 'contour'\"\n          />\n          <span class=\"st-password-field__texte-de-regle\">{{ regle.texte }}</span>\n          <!-- L'etat en mots, apres la phrase : la coche ne se lit pas qu'a la forme. -->\n          <span class=\"st-vh\">\n            ({{ regle.respectee ? libelles().regleRespectee : libelles().regleNonRespectee }})</span\n          >\n        </li>\n      }\n    </ul>\n  </div>\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:block}.st-password-field__cadre{position:relative;min-inline-size:0}.st-password-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-password-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-password-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-password-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-password-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-password-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-password-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-password-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-password-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-password-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-password-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-password-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-password-field__champ:is(input,textarea):read-only:not(:disabled),.st-password-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-password-field__champ{padding-inline-end:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));letter-spacing:var(--st-interlettrage-capitales)}.st-password-field__oeil{position:absolute;inset-block:0;inset-inline-end:0;inline-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));block-size:auto}.st-password-field__majuscules{margin-block-start:var(--st-espacement-1-5)}.st-password-field__zone-majuscules{min-block-size:var(--st-interligne-xs);margin-block:var(--st-espacement-2)}.st-password-field__zone-majuscules>.st-password-field__majuscules{margin-block-start:0}.st-password-field__zone-majuscules+.st-password-field__regles{margin-block-start:0}.st-password-field__regles{box-sizing:border-box;margin-block-start:var(--st-espacement-4);padding:var(--st-espacement-3-5);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-md)}.st-password-field__titre-des-regles{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;margin:0 0 var(--st-espacement-2);color:var(--st-couleur-texte-discret)}.st-password-field__liste{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);margin:0;padding:0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);list-style:none}.st-password-field__regle{display:flex;gap:var(--st-espacement-2);align-items:center;color:var(--st-couleur-texte-discret)}.st-password-field__regle[data-respectee]{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-succes)}.st-password-field__coche{flex:none}\n"],
+		template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideEtRaisons()\"\n  [complement]=\"compteur()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n  [descriptionsDuControle]=\"descriptionsDuControle()\"\n>\n  <!-- Meta et indication de l'application (« Aide PIN »), relayees a l'enveloppe. -->\n  <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n  <!-- La jauge etendue (0.11.1) dit son niveau dans la meta : « Force : en attente », puis le mot. -->\n  @if (jaugeEtendue()) {\n    <span stMeta class=\"st-password-field__force-meta\"\n      >{{ libelles().forceDuMotDePasse }}&nbsp;:\n      {{ niveauDeForce() === 0 ? libelles().forceEnAttente : motDeForce() }}</span\n    >\n  }\n  <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n  <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n  <!-- Le bouton de revelation vit DANS le cadre du champ, a sa fin (planche 3a). -->\n  <div class=\"st-password-field__cadre\" [attr.data-avec-icone]=\"icone() === null ? null : ''\">\n    @if (icone(); as nom) {\n      <st-icon class=\"st-password-field__icone\" [nom]=\"nom\" taille=\"20\" />\n    }\n    <input\n      #champ\n      class=\"st-password-field__champ\"\n      stControleDeChamp\n      spellcheck=\"false\"\n      autocapitalize=\"none\"\n      autocorrect=\"off\"\n      [type]=\"revele() ? 'text' : 'password'\"\n      [value]=\"value()\"\n      [attr.autocomplete]=\"autocomplete()\"\n      [attr.name]=\"name() || null\"\n      [disabled]=\"disabled()\"\n      [readOnly]=\"readonly()\"\n      (input)=\"surSaisie($event)\"\n      (keydown)=\"surTouche($event)\"\n      (keyup)=\"surTouche($event)\"\n      (blur)=\"touch.emit()\"\n    />\n    <button\n      stIconButton\n      class=\"st-password-field__oeil\"\n      type=\"button\"\n      icone=\"oeil\"\n      iconeEnfoncee=\"oeil-barre\"\n      tailleDuGlyphe=\"20\"\n      [etiquette]=\"libelles().afficherLeMotDePasse\"\n      [enfonce]=\"revele()\"\n      [disabled]=\"disabled() || readonly()\"\n      (mousedown)=\"$event.preventDefault()\"\n      (click)=\"basculer()\"\n    ></button>\n  </div>\n</st-form-field>\n\n<!-- La jauge etendue (0.11.1) : quatre barres collees sous le champ, avant les regles. -->\n@if (jaugeEtendue()) {\n  <span\n    class=\"st-password-field__barres\"\n    role=\"meter\"\n    aria-valuemin=\"1\"\n    aria-valuemax=\"3\"\n    [id]=\"idJauge\"\n    [attr.aria-valuenow]=\"niveauDeForce() || null\"\n    [attr.aria-valuetext]=\"motDeForce() || null\"\n    [attr.aria-label]=\"libelles().forceDuMotDePasse\"\n    [attr.aria-hidden]=\"niveauDeForce() === 0 ? 'true' : null\"\n  >\n    @for (barre of barresDeForce; track barre) {\n      <span\n        class=\"st-password-field__barre\"\n        [attr.data-plein]=\"barresPleines() >= barre ? '' : null\"\n      ></span>\n    }\n  </span>\n}\n\n<!-- A la creation, la zone de Verr. Maj est RESERVEE sous le champ : les regles et la jauge, que l'on\n     voit bouger en tapant, ne sautent pas quand la touche bascule. Sans rien qui suive (connexion,\n     confirmation, 0.11.1), l'avertissement se pose a la demande ; avec la jauge etendue, sous les\n     regles. -->\n@if (usage() === 'creation' && !jaugeEtendue() && (jaugeActive() || reglesRendues().length > 0)) {\n  <div class=\"st-password-field__zone-majuscules\">\n    @if (majusculesVerrouillees()) {\n      <st-inline-message\n        class=\"st-password-field__majuscules\"\n        ton=\"avertissement\"\n        icone=\"fleche-large-haut\"\n        [identifiant]=\"idMajuscules\"\n        >{{ libelles().verrouillageMajuscules }}</st-inline-message\n      >\n    }\n  </div>\n} @else if (!jaugeEtendue() && majusculesVerrouillees()) {\n  <st-inline-message\n    class=\"st-password-field__majuscules\"\n    ton=\"avertissement\"\n    icone=\"fleche-large-haut\"\n    encadre\n    [identifiant]=\"idMajuscules\"\n    >{{ libelles().verrouillageMajuscules }}</st-inline-message\n  >\n}\n\n<!-- La jauge de force (ADR web 0011), optionnelle : segments ET mot, jamais la couleur seule ; sa\n     place est reservee pour que les regles ne sautent pas a la premiere estimation. -->\n@if (jaugeActive() && !jaugeEtendue()) {\n  <div class=\"st-password-field__jauge\" [id]=\"idJauge\">\n    <span\n      class=\"st-password-field__segments\"\n      role=\"meter\"\n      aria-valuemin=\"1\"\n      aria-valuemax=\"3\"\n      [attr.aria-valuenow]=\"niveauDeForce() || null\"\n      [attr.aria-valuetext]=\"motDeForce() || null\"\n      [attr.aria-label]=\"libelles().forceDuMotDePasse\"\n      [attr.aria-hidden]=\"niveauDeForce() === 0 ? 'true' : null\"\n    >\n      @for (segment of segmentsDeForce; track segment) {\n        <span\n          class=\"st-password-field__segment\"\n          [attr.data-plein]=\"niveauDeForce() >= segment ? '' : null\"\n        ></span>\n      }\n    </span>\n    <span class=\"st-password-field__force\">\n      @if (niveauDeForce() !== 0) {\n        {{ libelles().forceDuMotDePasse }}&nbsp;: <strong>{{ motDeForce() }}</strong>\n      }\n    </span>\n  </div>\n}\n\n@if (reglesRendues().length > 0 && dispositionDesRegles() === 'ligne') {\n  <!-- Les regles en ligne (0.11.1) : a la suite, sans carte ni titre ; la coche pour celles qui se testent. -->\n  <p class=\"st-password-field__regles-en-ligne\" [id]=\"idRegles\">\n    @for (regle of reglesRendues(); track $index) {\n      <span\n        class=\"st-password-field__regle-en-ligne\"\n        [attr.data-respectee]=\"regle.respectee ? '' : null\"\n      >\n        @if (regle.testee) {\n          <st-icon\n            class=\"st-password-field__coche\"\n            taille=\"16\"\n            [nom]=\"regle.respectee ? 'cercle-coche' : 'cercle'\"\n            [variante]=\"regle.respectee ? 'plein' : 'contour'\"\n          />\n          <span\n            >{{ regle.texte\n            }}<span class=\"st-vh\">\n              ({{\n                regle.respectee ? libelles().regleRespectee : libelles().regleNonRespectee\n              }})</span\n            ></span\n          >\n        } @else {\n          <span>{{ regle.texte }}</span>\n        }\n      </span>\n    }\n  </p>\n} @else if (reglesRendues().length > 0) {\n  <div class=\"st-password-field__regles\" [id]=\"idRegles\">\n    <p class=\"st-password-field__titre-des-regles\">{{ titreRendu() }}</p>\n    <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n    <ul class=\"st-password-field__liste\" role=\"list\">\n      @for (regle of reglesRendues(); track $index) {\n        <li class=\"st-password-field__regle\" [attr.data-respectee]=\"regle.respectee ? '' : null\">\n          <st-icon\n            class=\"st-password-field__coche\"\n            taille=\"16\"\n            [nom]=\"regle.respectee ? 'cercle-coche' : 'cercle'\"\n            [variante]=\"regle.respectee ? 'plein' : 'contour'\"\n          />\n          <span class=\"st-password-field__texte-de-regle\">{{ regle.texte }}</span>\n          <!-- L'etat en mots, apres la phrase : la coche ne se lit pas qu'a la forme. -->\n          <span class=\"st-vh\">\n            ({{ regle.respectee ? libelles().regleRespectee : libelles().regleNonRespectee }})</span\n          >\n        </li>\n      }\n    </ul>\n  </div>\n}\n\n@if (jaugeEtendue() && majusculesVerrouillees()) {\n  <st-inline-message\n    class=\"st-password-field__majuscules\"\n    ton=\"avertissement\"\n    icone=\"fleche-large-haut\"\n    [identifiant]=\"idMajuscules\"\n    >{{ libelles().verrouillageMajuscules }}</st-inline-message\n  >\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:block}.st-password-field__cadre{position:relative;min-inline-size:0}.st-password-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-password-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-password-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-password-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-password-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-password-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-password-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-password-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-password-field__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-password-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-password-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-password-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-password-field__champ:is(input,textarea):read-only:not(:disabled),.st-password-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-password-field__champ{padding-inline-end:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));letter-spacing:var(--st-interlettrage-capitales)}.st-password-field__champ::-ms-reveal,.st-password-field__champ::-ms-clear{display:none}.st-password-field__icone{position:absolute;inset-block:0;inset-inline-start:var(--st-espacement-3-5);block-size:var(--st-espacement-5);margin-block:auto;color:var(--st-couleur-texte-attenue);pointer-events:none}.st-password-field__cadre[data-avec-icone] .st-password-field__champ{padding-inline-start:calc(var(--st-espacement-3-5) + var(--st-espacement-5) + var(--st-espacement-2-5))}.st-password-field__force-meta{white-space:nowrap}.st-password-field__barres{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--st-espacement-1-5);margin-block-start:var(--st-espacement-1-5)}.st-password-field__barre{block-size:var(--st-espacement-1);background:var(--st-couleur-surface-active);border-radius:var(--st-rayon-xs);forced-color-adjust:none}.st-password-field__barre[data-plein]{background:var(--st-couleur-texte-discret)}.st-password-field__regles-en-ligne{margin:var(--st-espacement-1-5) 0 0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-password-field__regle-en-ligne+.st-password-field__regle-en-ligne{margin-inline-start:var(--st-espacement-1)}.st-password-field__regle-en-ligne>.st-password-field__coche{margin-inline-end:var(--st-espacement-1);vertical-align:text-bottom}.st-password-field__regle-en-ligne[data-respectee]{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-succes)}.st-password-field__oeil{position:absolute;inset-block:0;inset-inline-end:0;inline-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));block-size:auto}.st-password-field__majuscules{margin-block-start:var(--st-espacement-1-5)}.st-password-field__zone-majuscules{min-block-size:var(--st-interligne-xs);margin-block:var(--st-espacement-2)}.st-password-field__zone-majuscules>.st-password-field__majuscules{margin-block-start:0}.st-password-field__zone-majuscules+.st-password-field__regles{margin-block-start:0}.st-password-field__jauge{display:flex;align-items:center;gap:var(--st-espacement-3);min-block-size:var(--st-interligne-sm);margin-block-start:var(--st-espacement-2)}.st-password-field__segments{display:grid;grid-template-columns:repeat(3,var(--st-espacement-8));gap:var(--st-espacement-1)}.st-password-field__segment{block-size:var(--st-espacement-1-5);border:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-pleine);forced-color-adjust:none}.st-password-field__segment[data-plein]{background:var(--st-couleur-texte-discret);border-color:var(--st-couleur-texte-discret)}.st-password-field__force{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte-discret)}.st-password-field__regles{box-sizing:border-box;margin-block-start:var(--st-espacement-4);padding:var(--st-espacement-3-5);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-md)}.st-password-field__titre-des-regles{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;margin:0 0 var(--st-espacement-2);color:var(--st-couleur-texte-discret)}.st-password-field__liste{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);margin:0;padding:0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);list-style:none}.st-password-field__regle{display:flex;gap:var(--st-espacement-2);align-items:center;color:var(--st-couleur-texte-discret)}.st-password-field__regle[data-respectee]{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-succes)}.st-password-field__coche{flex:none}\n"],
 		dependencies: [
 			{
 				kind: "component",
@@ -5754,7 +5891,7 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StPasswordField,
 	decorators: [{
@@ -5774,8 +5911,8 @@ i0.ɵɵngDeclareClassMetadata({
 				"(focusout)": "aLaSortie($event)",
 				"(window:beforeprint)": "remasquer()"
 			},
-			template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideEtRaisons()\"\n  [complement]=\"compteur()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n  [descriptionsDuControle]=\"descriptionsDuControle()\"\n>\n  <!-- Meta et indication de l'application (« Aide PIN »), relayees a l'enveloppe. -->\n  <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n  <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n  <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n  <!-- Le bouton de revelation vit DANS le cadre du champ, a sa fin (planche 3a). -->\n  <div class=\"st-password-field__cadre\">\n    <input\n      #champ\n      class=\"st-password-field__champ\"\n      stControleDeChamp\n      spellcheck=\"false\"\n      autocapitalize=\"none\"\n      autocorrect=\"off\"\n      [type]=\"revele() ? 'text' : 'password'\"\n      [value]=\"value()\"\n      [attr.autocomplete]=\"autocomplete()\"\n      [attr.name]=\"name() || null\"\n      [disabled]=\"disabled()\"\n      [readOnly]=\"readonly()\"\n      (input)=\"surSaisie($event)\"\n      (keydown)=\"surTouche($event)\"\n      (keyup)=\"surTouche($event)\"\n      (blur)=\"touch.emit()\"\n    />\n    <button\n      stIconButton\n      class=\"st-password-field__oeil\"\n      type=\"button\"\n      icone=\"oeil\"\n      iconeEnfoncee=\"oeil-barre\"\n      tailleDuGlyphe=\"20\"\n      [etiquette]=\"libelles().afficherLeMotDePasse\"\n      [enfonce]=\"revele()\"\n      [disabled]=\"disabled() || readonly()\"\n      (mousedown)=\"$event.preventDefault()\"\n      (click)=\"basculer()\"\n    ></button>\n  </div>\n</st-form-field>\n\n<!-- A la creation, la zone de Verr. Maj est RESERVEE sous le champ : les regles, que l'on coche\n     en tapant, ne sautent pas quand la touche bascule. A la connexion, rien ne suit le champ. -->\n@if (usage() === 'creation') {\n  <div class=\"st-password-field__zone-majuscules\">\n    @if (majusculesVerrouillees()) {\n      <st-inline-message\n        class=\"st-password-field__majuscules\"\n        ton=\"avertissement\"\n        icone=\"fleche-large-haut\"\n        [identifiant]=\"idMajuscules\"\n        >{{ libelles().verrouillageMajuscules }}</st-inline-message\n      >\n    }\n  </div>\n} @else if (majusculesVerrouillees()) {\n  <st-inline-message\n    class=\"st-password-field__majuscules\"\n    ton=\"avertissement\"\n    icone=\"fleche-large-haut\"\n    encadre\n    [identifiant]=\"idMajuscules\"\n    >{{ libelles().verrouillageMajuscules }}</st-inline-message\n  >\n}\n\n@if (reglesRendues().length > 0) {\n  <div class=\"st-password-field__regles\" [id]=\"idRegles\">\n    <p class=\"st-password-field__titre-des-regles\">{{ titreRendu() }}</p>\n    <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n    <ul class=\"st-password-field__liste\" role=\"list\">\n      @for (regle of reglesRendues(); track $index) {\n        <li class=\"st-password-field__regle\" [attr.data-respectee]=\"regle.respectee ? '' : null\">\n          <st-icon\n            class=\"st-password-field__coche\"\n            taille=\"16\"\n            [nom]=\"regle.respectee ? 'cercle-coche' : 'cercle'\"\n            [variante]=\"regle.respectee ? 'plein' : 'contour'\"\n          />\n          <span class=\"st-password-field__texte-de-regle\">{{ regle.texte }}</span>\n          <!-- L'etat en mots, apres la phrase : la coche ne se lit pas qu'a la forme. -->\n          <span class=\"st-vh\">\n            ({{ regle.respectee ? libelles().regleRespectee : libelles().regleNonRespectee }})</span\n          >\n        </li>\n      }\n    </ul>\n  </div>\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:block}.st-password-field__cadre{position:relative;min-inline-size:0}.st-password-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-password-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-password-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-password-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-password-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-password-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-password-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-password-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-password-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-password-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-password-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-password-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-password-field__champ:is(input,textarea):read-only:not(:disabled),.st-password-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-password-field__champ{padding-inline-end:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));letter-spacing:var(--st-interlettrage-capitales)}.st-password-field__oeil{position:absolute;inset-block:0;inset-inline-end:0;inline-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));block-size:auto}.st-password-field__majuscules{margin-block-start:var(--st-espacement-1-5)}.st-password-field__zone-majuscules{min-block-size:var(--st-interligne-xs);margin-block:var(--st-espacement-2)}.st-password-field__zone-majuscules>.st-password-field__majuscules{margin-block-start:0}.st-password-field__zone-majuscules+.st-password-field__regles{margin-block-start:0}.st-password-field__regles{box-sizing:border-box;margin-block-start:var(--st-espacement-4);padding:var(--st-espacement-3-5);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-md)}.st-password-field__titre-des-regles{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;margin:0 0 var(--st-espacement-2);color:var(--st-couleur-texte-discret)}.st-password-field__liste{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);margin:0;padding:0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);list-style:none}.st-password-field__regle{display:flex;gap:var(--st-espacement-2);align-items:center;color:var(--st-couleur-texte-discret)}.st-password-field__regle[data-respectee]{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-succes)}.st-password-field__coche{flex:none}\n"]
+			template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideEtRaisons()\"\n  [complement]=\"compteur()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n  [descriptionsDuControle]=\"descriptionsDuControle()\"\n>\n  <!-- Meta et indication de l'application (« Aide PIN »), relayees a l'enveloppe. -->\n  <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n  <!-- La jauge etendue (0.11.1) dit son niveau dans la meta : « Force : en attente », puis le mot. -->\n  @if (jaugeEtendue()) {\n    <span stMeta class=\"st-password-field__force-meta\"\n      >{{ libelles().forceDuMotDePasse }}&nbsp;:\n      {{ niveauDeForce() === 0 ? libelles().forceEnAttente : motDeForce() }}</span\n    >\n  }\n  <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n  <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n  <!-- Le bouton de revelation vit DANS le cadre du champ, a sa fin (planche 3a). -->\n  <div class=\"st-password-field__cadre\" [attr.data-avec-icone]=\"icone() === null ? null : ''\">\n    @if (icone(); as nom) {\n      <st-icon class=\"st-password-field__icone\" [nom]=\"nom\" taille=\"20\" />\n    }\n    <input\n      #champ\n      class=\"st-password-field__champ\"\n      stControleDeChamp\n      spellcheck=\"false\"\n      autocapitalize=\"none\"\n      autocorrect=\"off\"\n      [type]=\"revele() ? 'text' : 'password'\"\n      [value]=\"value()\"\n      [attr.autocomplete]=\"autocomplete()\"\n      [attr.name]=\"name() || null\"\n      [disabled]=\"disabled()\"\n      [readOnly]=\"readonly()\"\n      (input)=\"surSaisie($event)\"\n      (keydown)=\"surTouche($event)\"\n      (keyup)=\"surTouche($event)\"\n      (blur)=\"touch.emit()\"\n    />\n    <button\n      stIconButton\n      class=\"st-password-field__oeil\"\n      type=\"button\"\n      icone=\"oeil\"\n      iconeEnfoncee=\"oeil-barre\"\n      tailleDuGlyphe=\"20\"\n      [etiquette]=\"libelles().afficherLeMotDePasse\"\n      [enfonce]=\"revele()\"\n      [disabled]=\"disabled() || readonly()\"\n      (mousedown)=\"$event.preventDefault()\"\n      (click)=\"basculer()\"\n    ></button>\n  </div>\n</st-form-field>\n\n<!-- La jauge etendue (0.11.1) : quatre barres collees sous le champ, avant les regles. -->\n@if (jaugeEtendue()) {\n  <span\n    class=\"st-password-field__barres\"\n    role=\"meter\"\n    aria-valuemin=\"1\"\n    aria-valuemax=\"3\"\n    [id]=\"idJauge\"\n    [attr.aria-valuenow]=\"niveauDeForce() || null\"\n    [attr.aria-valuetext]=\"motDeForce() || null\"\n    [attr.aria-label]=\"libelles().forceDuMotDePasse\"\n    [attr.aria-hidden]=\"niveauDeForce() === 0 ? 'true' : null\"\n  >\n    @for (barre of barresDeForce; track barre) {\n      <span\n        class=\"st-password-field__barre\"\n        [attr.data-plein]=\"barresPleines() >= barre ? '' : null\"\n      ></span>\n    }\n  </span>\n}\n\n<!-- A la creation, la zone de Verr. Maj est RESERVEE sous le champ : les regles et la jauge, que l'on\n     voit bouger en tapant, ne sautent pas quand la touche bascule. Sans rien qui suive (connexion,\n     confirmation, 0.11.1), l'avertissement se pose a la demande ; avec la jauge etendue, sous les\n     regles. -->\n@if (usage() === 'creation' && !jaugeEtendue() && (jaugeActive() || reglesRendues().length > 0)) {\n  <div class=\"st-password-field__zone-majuscules\">\n    @if (majusculesVerrouillees()) {\n      <st-inline-message\n        class=\"st-password-field__majuscules\"\n        ton=\"avertissement\"\n        icone=\"fleche-large-haut\"\n        [identifiant]=\"idMajuscules\"\n        >{{ libelles().verrouillageMajuscules }}</st-inline-message\n      >\n    }\n  </div>\n} @else if (!jaugeEtendue() && majusculesVerrouillees()) {\n  <st-inline-message\n    class=\"st-password-field__majuscules\"\n    ton=\"avertissement\"\n    icone=\"fleche-large-haut\"\n    encadre\n    [identifiant]=\"idMajuscules\"\n    >{{ libelles().verrouillageMajuscules }}</st-inline-message\n  >\n}\n\n<!-- La jauge de force (ADR web 0011), optionnelle : segments ET mot, jamais la couleur seule ; sa\n     place est reservee pour que les regles ne sautent pas a la premiere estimation. -->\n@if (jaugeActive() && !jaugeEtendue()) {\n  <div class=\"st-password-field__jauge\" [id]=\"idJauge\">\n    <span\n      class=\"st-password-field__segments\"\n      role=\"meter\"\n      aria-valuemin=\"1\"\n      aria-valuemax=\"3\"\n      [attr.aria-valuenow]=\"niveauDeForce() || null\"\n      [attr.aria-valuetext]=\"motDeForce() || null\"\n      [attr.aria-label]=\"libelles().forceDuMotDePasse\"\n      [attr.aria-hidden]=\"niveauDeForce() === 0 ? 'true' : null\"\n    >\n      @for (segment of segmentsDeForce; track segment) {\n        <span\n          class=\"st-password-field__segment\"\n          [attr.data-plein]=\"niveauDeForce() >= segment ? '' : null\"\n        ></span>\n      }\n    </span>\n    <span class=\"st-password-field__force\">\n      @if (niveauDeForce() !== 0) {\n        {{ libelles().forceDuMotDePasse }}&nbsp;: <strong>{{ motDeForce() }}</strong>\n      }\n    </span>\n  </div>\n}\n\n@if (reglesRendues().length > 0 && dispositionDesRegles() === 'ligne') {\n  <!-- Les regles en ligne (0.11.1) : a la suite, sans carte ni titre ; la coche pour celles qui se testent. -->\n  <p class=\"st-password-field__regles-en-ligne\" [id]=\"idRegles\">\n    @for (regle of reglesRendues(); track $index) {\n      <span\n        class=\"st-password-field__regle-en-ligne\"\n        [attr.data-respectee]=\"regle.respectee ? '' : null\"\n      >\n        @if (regle.testee) {\n          <st-icon\n            class=\"st-password-field__coche\"\n            taille=\"16\"\n            [nom]=\"regle.respectee ? 'cercle-coche' : 'cercle'\"\n            [variante]=\"regle.respectee ? 'plein' : 'contour'\"\n          />\n          <span\n            >{{ regle.texte\n            }}<span class=\"st-vh\">\n              ({{\n                regle.respectee ? libelles().regleRespectee : libelles().regleNonRespectee\n              }})</span\n            ></span\n          >\n        } @else {\n          <span>{{ regle.texte }}</span>\n        }\n      </span>\n    }\n  </p>\n} @else if (reglesRendues().length > 0) {\n  <div class=\"st-password-field__regles\" [id]=\"idRegles\">\n    <p class=\"st-password-field__titre-des-regles\">{{ titreRendu() }}</p>\n    <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n    <ul class=\"st-password-field__liste\" role=\"list\">\n      @for (regle of reglesRendues(); track $index) {\n        <li class=\"st-password-field__regle\" [attr.data-respectee]=\"regle.respectee ? '' : null\">\n          <st-icon\n            class=\"st-password-field__coche\"\n            taille=\"16\"\n            [nom]=\"regle.respectee ? 'cercle-coche' : 'cercle'\"\n            [variante]=\"regle.respectee ? 'plein' : 'contour'\"\n          />\n          <span class=\"st-password-field__texte-de-regle\">{{ regle.texte }}</span>\n          <!-- L'etat en mots, apres la phrase : la coche ne se lit pas qu'a la forme. -->\n          <span class=\"st-vh\">\n            ({{ regle.respectee ? libelles().regleRespectee : libelles().regleNonRespectee }})</span\n          >\n        </li>\n      }\n    </ul>\n  </div>\n}\n\n@if (jaugeEtendue() && majusculesVerrouillees()) {\n  <st-inline-message\n    class=\"st-password-field__majuscules\"\n    ton=\"avertissement\"\n    icone=\"fleche-large-haut\"\n    [identifiant]=\"idMajuscules\"\n    >{{ libelles().verrouillageMajuscules }}</st-inline-message\n  >\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:block}.st-password-field__cadre{position:relative;min-inline-size:0}.st-password-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-password-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-password-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-password-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-password-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-password-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-password-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-password-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-password-field__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-password-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-password-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-password-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-password-field__champ:is(input,textarea):read-only:not(:disabled),.st-password-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-password-field__champ{padding-inline-end:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));letter-spacing:var(--st-interlettrage-capitales)}.st-password-field__champ::-ms-reveal,.st-password-field__champ::-ms-clear{display:none}.st-password-field__icone{position:absolute;inset-block:0;inset-inline-start:var(--st-espacement-3-5);block-size:var(--st-espacement-5);margin-block:auto;color:var(--st-couleur-texte-attenue);pointer-events:none}.st-password-field__cadre[data-avec-icone] .st-password-field__champ{padding-inline-start:calc(var(--st-espacement-3-5) + var(--st-espacement-5) + var(--st-espacement-2-5))}.st-password-field__force-meta{white-space:nowrap}.st-password-field__barres{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--st-espacement-1-5);margin-block-start:var(--st-espacement-1-5)}.st-password-field__barre{block-size:var(--st-espacement-1);background:var(--st-couleur-surface-active);border-radius:var(--st-rayon-xs);forced-color-adjust:none}.st-password-field__barre[data-plein]{background:var(--st-couleur-texte-discret)}.st-password-field__regles-en-ligne{margin:var(--st-espacement-1-5) 0 0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-password-field__regle-en-ligne+.st-password-field__regle-en-ligne{margin-inline-start:var(--st-espacement-1)}.st-password-field__regle-en-ligne>.st-password-field__coche{margin-inline-end:var(--st-espacement-1);vertical-align:text-bottom}.st-password-field__regle-en-ligne[data-respectee]{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-succes)}.st-password-field__oeil{position:absolute;inset-block:0;inset-inline-end:0;inline-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));block-size:auto}.st-password-field__majuscules{margin-block-start:var(--st-espacement-1-5)}.st-password-field__zone-majuscules{min-block-size:var(--st-interligne-xs);margin-block:var(--st-espacement-2)}.st-password-field__zone-majuscules>.st-password-field__majuscules{margin-block-start:0}.st-password-field__zone-majuscules+.st-password-field__regles{margin-block-start:0}.st-password-field__jauge{display:flex;align-items:center;gap:var(--st-espacement-3);min-block-size:var(--st-interligne-sm);margin-block-start:var(--st-espacement-2)}.st-password-field__segments{display:grid;grid-template-columns:repeat(3,var(--st-espacement-8));gap:var(--st-espacement-1)}.st-password-field__segment{block-size:var(--st-espacement-1-5);border:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-pleine);forced-color-adjust:none}.st-password-field__segment[data-plein]{background:var(--st-couleur-texte-discret);border-color:var(--st-couleur-texte-discret)}.st-password-field__force{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte-discret)}.st-password-field__regles{box-sizing:border-box;margin-block-start:var(--st-espacement-4);padding:var(--st-espacement-3-5);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-md)}.st-password-field__titre-des-regles{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;margin:0 0 var(--st-espacement-2);color:var(--st-couleur-texte-discret)}.st-password-field__liste{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);margin:0;padding:0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);list-style:none}.st-password-field__regle{display:flex;gap:var(--st-espacement-2);align-items:center;color:var(--st-couleur-texte-discret)}.st-password-field__regle[data-respectee]{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-succes)}.st-password-field__coche{flex:none}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -5803,6 +5940,46 @@ i0.ɵɵngDeclareClassMetadata({
 				alias: "titreDesRegles",
 				required: false
 			}]
+		}],
+		jauge: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "jauge",
+				required: false
+			}]
+		}],
+		motsDeForce: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "motsDeForce",
+				required: false
+			}]
+		}],
+		formeDeJauge: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "formeDeJauge",
+				required: false
+			}]
+		}],
+		dispositionDesRegles: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dispositionDesRegles",
+				required: false
+			}]
+		}],
+		icone: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "icone",
+				required: false
+			}]
 		}]
 	}
 });
@@ -5819,11 +5996,11 @@ function nettoyerLeCode(texte) {
 var StOtpField = class StOtpField extends ControleDeSaisie {
 	libelles = inject(ST_LIBELLES);
 	longueur = input(6, {
-		...ngDevMode ? { debugName: "longueur" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "longueur" } : /* istanbul ignore next */ {},
 		transform: numberAttribute
 	});
-	decritPar = input([], ...ngDevMode ? [{ debugName: "decritPar" }] : 	/* istanbul ignore next */ []);
-	aideLue = computed(() => this.aideEtRaisons() ?? this.libelles().codeAChiffres(this.longueur()), ...ngDevMode ? [{ debugName: "aideLue" }] : 	/* istanbul ignore next */ []);
+	decritPar = input([], ...ngDevMode ? [{ debugName: "decritPar" }] : /* istanbul ignore next */ []);
+	aideLue = computed(() => this.aideEtRaisons() ?? this.libelles().codeAChiffres(this.longueur()), ...ngDevMode ? [{ debugName: "aideLue" }] : /* istanbul ignore next */ []);
 	surSaisie(evenement) {
 		const champ = evenement.target;
 		const code = nettoyerLeCode(champ.value);
@@ -5835,7 +6012,7 @@ var StOtpField = class StOtpField extends ControleDeSaisie {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StOtpField,
 		deps: null,
@@ -5843,7 +6020,7 @@ var StOtpField = class StOtpField extends ControleDeSaisie {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StOtpField,
 		isStandalone: true,
 		selector: "st-otp-field",
@@ -5867,7 +6044,7 @@ var StOtpField = class StOtpField extends ControleDeSaisie {
 		usesInheritance: true,
 		ngImport: i0,
 		template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideLue()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n  [descriptionsDuControle]=\"decritPar()\"\n>\n  <!-- Meta de l'application (« 6 chiffres », pastille d'etat), relayee a l'enveloppe. -->\n  <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n  <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n  <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n  <!-- Le champ, et a sa droite le renvoi fourni par l'application (minuteur « Nouveau code dans\n       0:45 », lien « Renvoyer un code ») : a 16 px, centre sur le champ (planche 8). -->\n  <div class=\"st-otp-field__ligne\">\n    <input\n      #champ\n      class=\"st-otp-field__champ\"\n      stControleDeChamp\n      type=\"text\"\n      inputmode=\"numeric\"\n      autocomplete=\"one-time-code\"\n      spellcheck=\"false\"\n      autocapitalize=\"none\"\n      autocorrect=\"off\"\n      dir=\"ltr\"\n      [value]=\"value()\"\n      [attr.name]=\"name() || null\"\n      [disabled]=\"disabled()\"\n      [readOnly]=\"readonly()\"\n      (input)=\"surSaisie($event)\"\n      (blur)=\"touch.emit()\"\n    />\n    <ng-content select=\"[stRenvoi]\" />\n  </div>\n</st-form-field>\n",
-		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-otp-field__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center}.st-otp-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-otp-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-otp-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-otp-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-otp-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-otp-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-otp-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-otp-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-otp-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-otp-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-otp-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-otp-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-otp-field__champ:is(input,textarea):read-only:not(:disabled),.st-otp-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-otp-field__champ{inline-size:var(--st-largeur-champ-md);max-inline-size:100%;padding-inline:var(--st-espacement-3);font-family:var(--st-police-mono);font-size:var(--st-taille-lg);font-weight:var(--st-graisse-grasse);font-variant-numeric:var(--st-chiffres-references);line-height:var(--st-interligne-lg);color:var(--st-couleur-texte-primaire);text-align:center;letter-spacing:var(--st-espacement-2);unicode-bidi:isolate}@media(pointer:coarse){.st-otp-field__champ{font-size:var(--st-taille-lg);line-height:var(--st-interligne-lg)}}.st-otp-field__champ:disabled{color:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-otp-field__champ{color:FieldText;background:Field;border-color:FieldText}.st-otp-field__champ:disabled{color:GrayText;border-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:block}.st-otp-field__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center}.st-otp-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-otp-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-otp-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-otp-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-otp-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-otp-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-otp-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-otp-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-otp-field__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-otp-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-otp-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-otp-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-otp-field__champ:is(input,textarea):read-only:not(:disabled),.st-otp-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-otp-field__champ{inline-size:var(--st-largeur-champ-md);max-inline-size:100%;padding-inline:var(--st-espacement-3);font-family:var(--st-police-mono);font-size:var(--st-taille-lg);font-weight:var(--st-graisse-grasse);font-variant-numeric:var(--st-chiffres-references);line-height:var(--st-interligne-lg);color:var(--st-couleur-texte-primaire);text-align:center;letter-spacing:var(--st-espacement-2);unicode-bidi:isolate}@media(pointer:coarse){.st-otp-field__champ{font-size:var(--st-taille-lg);line-height:var(--st-interligne-lg)}}.st-otp-field__champ:disabled{color:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-otp-field__champ{color:FieldText;background:Field;border-color:FieldText}.st-otp-field__champ:disabled{color:GrayText;border-color:GrayText}}\n"],
 		dependencies: [{
 			kind: "component",
 			type: StFormField,
@@ -5890,7 +6067,7 @@ var StOtpField = class StOtpField extends ControleDeSaisie {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StOtpField,
 	decorators: [{
@@ -5901,7 +6078,7 @@ i0.ɵɵngDeclareClassMetadata({
 			imports: [StFormField, StControleDeChamp],
 			host: { class: "st-otp-field" },
 			template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideLue()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n  [descriptionsDuControle]=\"decritPar()\"\n>\n  <!-- Meta de l'application (« 6 chiffres », pastille d'etat), relayee a l'enveloppe. -->\n  <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n  <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n  <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n  <!-- Le champ, et a sa droite le renvoi fourni par l'application (minuteur « Nouveau code dans\n       0:45 », lien « Renvoyer un code ») : a 16 px, centre sur le champ (planche 8). -->\n  <div class=\"st-otp-field__ligne\">\n    <input\n      #champ\n      class=\"st-otp-field__champ\"\n      stControleDeChamp\n      type=\"text\"\n      inputmode=\"numeric\"\n      autocomplete=\"one-time-code\"\n      spellcheck=\"false\"\n      autocapitalize=\"none\"\n      autocorrect=\"off\"\n      dir=\"ltr\"\n      [value]=\"value()\"\n      [attr.name]=\"name() || null\"\n      [disabled]=\"disabled()\"\n      [readOnly]=\"readonly()\"\n      (input)=\"surSaisie($event)\"\n      (blur)=\"touch.emit()\"\n    />\n    <ng-content select=\"[stRenvoi]\" />\n  </div>\n</st-form-field>\n",
-			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-otp-field__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center}.st-otp-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-otp-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-otp-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-otp-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-otp-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-otp-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-otp-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-otp-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-otp-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-otp-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-otp-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-otp-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-otp-field__champ:is(input,textarea):read-only:not(:disabled),.st-otp-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-otp-field__champ{inline-size:var(--st-largeur-champ-md);max-inline-size:100%;padding-inline:var(--st-espacement-3);font-family:var(--st-police-mono);font-size:var(--st-taille-lg);font-weight:var(--st-graisse-grasse);font-variant-numeric:var(--st-chiffres-references);line-height:var(--st-interligne-lg);color:var(--st-couleur-texte-primaire);text-align:center;letter-spacing:var(--st-espacement-2);unicode-bidi:isolate}@media(pointer:coarse){.st-otp-field__champ{font-size:var(--st-taille-lg);line-height:var(--st-interligne-lg)}}.st-otp-field__champ:disabled{color:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-otp-field__champ{color:FieldText;background:Field;border-color:FieldText}.st-otp-field__champ:disabled{color:GrayText;border-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:block}.st-otp-field__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center}.st-otp-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-otp-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-otp-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-otp-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-otp-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-otp-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-otp-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-otp-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-otp-field__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-otp-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-otp-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-otp-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-otp-field__champ:is(input,textarea):read-only:not(:disabled),.st-otp-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-otp-field__champ{inline-size:var(--st-largeur-champ-md);max-inline-size:100%;padding-inline:var(--st-espacement-3);font-family:var(--st-police-mono);font-size:var(--st-taille-lg);font-weight:var(--st-graisse-grasse);font-variant-numeric:var(--st-chiffres-references);line-height:var(--st-interligne-lg);color:var(--st-couleur-texte-primaire);text-align:center;letter-spacing:var(--st-espacement-2);unicode-bidi:isolate}@media(pointer:coarse){.st-otp-field__champ{font-size:var(--st-taille-lg);line-height:var(--st-interligne-lg)}}.st-otp-field__champ:disabled{color:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-otp-field__champ{color:FieldText;background:Field;border-color:FieldText}.st-otp-field__champ:disabled{color:GrayText;border-color:GrayText}}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -5925,18 +6102,18 @@ i0.ɵɵngDeclareClassMetadata({
 });
 var StSearchField = class StSearchField extends ControleDeSaisie {
 	libelles = inject(ST_LIBELLES);
-	saisie = viewChild.required("champ", ...ngDevMode ? [{ debugName: "saisie" }] : 	/* istanbul ignore next */ []);
+	saisie = viewChild.required("champ", ...ngDevMode ? [{ debugName: "saisie" }] : /* istanbul ignore next */ []);
 	compact = input(false, {
-		...ngDevMode ? { debugName: "compact" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "compact" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	libelleVisible = input(false, {
-		...ngDevMode ? { debugName: "libelleVisible" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "libelleVisible" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : 	/* istanbul ignore next */ []);
+	presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : /* istanbul ignore next */ []);
 	chargement = input(false, {
-		...ngDevMode ? { debugName: "chargement" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "chargement" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	recherche = output();
@@ -5955,7 +6132,7 @@ var StSearchField = class StSearchField extends ControleDeSaisie {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StSearchField,
 		deps: null,
@@ -5963,7 +6140,7 @@ var StSearchField = class StSearchField extends ControleDeSaisie {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StSearchField,
 		isStandalone: true,
 		selector: "st-search-field",
@@ -6016,7 +6193,7 @@ var StSearchField = class StSearchField extends ControleDeSaisie {
 		usesInheritance: true,
 		ngImport: i0,
 		template: "<st-form-field\n  [libelleMasque]=\"!libelleVisible()\"\n  [presentation]=\"presentation()\"\n  [libelle]=\"libelle()\"\n  [aide]=\"aideEtRaisons()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n>\n  <div class=\"st-search-field__ligne\">\n    <div class=\"st-search-field__cadre\">\n      <!-- Compacte, sans bouton pour attendre : l'attente prend la place de la loupe (revue E10),\n           differee et tenue comme celle d'un bouton. MUETTE (D-13) : les resultats, que\n           l'application annonce, disent la fin de la recherche ; « Chargement en cours » a chaque\n           Entree ne disait rien de plus. Elle respire sous mouvement reduit. -->\n      @if (attenteVisible()) {\n        <st-spinner class=\"st-search-field__attente\" taille=\"sm\" ton=\"neutre\" aria-hidden=\"true\" />\n      } @else {\n        <st-icon class=\"st-search-field__loupe\" nom=\"recherche\" taille=\"20\" />\n      }\n      <input\n        #champ\n        class=\"st-search-field__champ\"\n        stControleDeChamp\n        type=\"search\"\n        enterkeyhint=\"search\"\n        [value]=\"value()\"\n        [attr.name]=\"name() || null\"\n        [disabled]=\"desactive()\"\n        [readOnly]=\"readonly()\"\n        (input)=\"surSaisie($event)\"\n        (keydown.enter)=\"lancer($event)\"\n        (blur)=\"touch.emit()\"\n      />\n      @if (value() !== '' && !readonly()) {\n        <button\n          class=\"st-search-field__effacer\"\n          stIconButton\n          type=\"button\"\n          taille=\"xs\"\n          tailleDuGlyphe=\"16\"\n          icone=\"croix\"\n          [etiquette]=\"libelles().effacerLaRecherche\"\n          [disabled]=\"desactive()\"\n          (click)=\"effacer()\"\n        ></button>\n      }\n      <span class=\"st-search-field__raccourci\" [hidden]=\"value() !== ''\"\n        ><ng-content select=\"[stRaccourci]\"\n      /></span>\n    </div>\n    @if (!compact()) {\n      <button\n        stButton\n        type=\"button\"\n        variante=\"secondaire\"\n        [chargement]=\"chargement()\"\n        [disabled]=\"desactive()\"\n        (click)=\"lancer()\"\n      >\n        {{ libelles().rechercher }}\n      </button>\n    }\n  </div>\n</st-form-field>\n",
-		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-search-field__ligne{display:flex;gap:var(--st-espacement-2);align-items:center}.st-search-field__cadre{--_loupe: 1.25rem;position:relative;display:flex;flex:1 1 auto;align-items:center;min-inline-size:0}.st-search-field__loupe{position:absolute;inset-inline-start:var(--st-espacement-3);color:var(--st-couleur-texte-discret);pointer-events:none}.st-search-field__attente{position:absolute;inset-inline-start:calc(var(--st-espacement-3) + var(--st-espacement-demi));pointer-events:none}.st-search-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-search-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-search-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-search-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-search-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-search-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-search-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-search-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-search-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-search-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-search-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-search-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-search-field__champ:is(input,textarea):read-only:not(:disabled),.st-search-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-search-field__champ{flex:1 1 auto;min-inline-size:0;padding-inline:calc(var(--st-espacement-3) + var(--_loupe) + var(--st-espacement-2))}.st-search-field__champ::-webkit-search-cancel-button,.st-search-field__champ::-webkit-search-decoration{appearance:none}.st-search-field__effacer{position:absolute;inset-inline-end:var(--st-espacement-1)}.st-search-field__raccourci{position:absolute;inset-inline-end:var(--st-espacement-3);display:flex;align-items:center;pointer-events:none}.st-search-field__raccourci:empty,.st-search-field__raccourci[hidden]{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:block}.st-search-field__ligne{display:flex;gap:var(--st-espacement-2);align-items:center}.st-search-field__cadre{--_loupe: 1.25rem;position:relative;display:flex;flex:1 1 auto;align-items:center;min-inline-size:0}.st-search-field__loupe{position:absolute;inset-inline-start:var(--st-espacement-3);color:var(--st-couleur-texte-discret);pointer-events:none}.st-search-field__attente{position:absolute;inset-inline-start:calc(var(--st-espacement-3) + var(--st-espacement-demi));pointer-events:none}.st-search-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-search-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-search-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-search-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-search-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-search-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-search-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-search-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-search-field__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-search-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-search-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-search-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-search-field__champ:is(input,textarea):read-only:not(:disabled),.st-search-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-search-field__champ{flex:1 1 auto;min-inline-size:0;padding-inline:calc(var(--st-espacement-3) + var(--_loupe) + var(--st-espacement-2))}.st-search-field__champ::-webkit-search-cancel-button,.st-search-field__champ::-webkit-search-decoration{appearance:none}.st-search-field__effacer{position:absolute;inset-inline-end:var(--st-espacement-1)}.st-search-field__raccourci{position:absolute;inset-inline-end:var(--st-espacement-3);display:flex;align-items:center;pointer-events:none}.st-search-field__raccourci:empty,.st-search-field__raccourci[hidden]{display:none}\n"],
 		dependencies: [
 			{
 				kind: "component",
@@ -6101,7 +6278,7 @@ var StSearchField = class StSearchField extends ControleDeSaisie {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StSearchField,
 	decorators: [{
@@ -6124,7 +6301,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.data-compact]": "compact() ? \"\" : null"
 			},
 			template: "<st-form-field\n  [libelleMasque]=\"!libelleVisible()\"\n  [presentation]=\"presentation()\"\n  [libelle]=\"libelle()\"\n  [aide]=\"aideEtRaisons()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n>\n  <div class=\"st-search-field__ligne\">\n    <div class=\"st-search-field__cadre\">\n      <!-- Compacte, sans bouton pour attendre : l'attente prend la place de la loupe (revue E10),\n           differee et tenue comme celle d'un bouton. MUETTE (D-13) : les resultats, que\n           l'application annonce, disent la fin de la recherche ; « Chargement en cours » a chaque\n           Entree ne disait rien de plus. Elle respire sous mouvement reduit. -->\n      @if (attenteVisible()) {\n        <st-spinner class=\"st-search-field__attente\" taille=\"sm\" ton=\"neutre\" aria-hidden=\"true\" />\n      } @else {\n        <st-icon class=\"st-search-field__loupe\" nom=\"recherche\" taille=\"20\" />\n      }\n      <input\n        #champ\n        class=\"st-search-field__champ\"\n        stControleDeChamp\n        type=\"search\"\n        enterkeyhint=\"search\"\n        [value]=\"value()\"\n        [attr.name]=\"name() || null\"\n        [disabled]=\"desactive()\"\n        [readOnly]=\"readonly()\"\n        (input)=\"surSaisie($event)\"\n        (keydown.enter)=\"lancer($event)\"\n        (blur)=\"touch.emit()\"\n      />\n      @if (value() !== '' && !readonly()) {\n        <button\n          class=\"st-search-field__effacer\"\n          stIconButton\n          type=\"button\"\n          taille=\"xs\"\n          tailleDuGlyphe=\"16\"\n          icone=\"croix\"\n          [etiquette]=\"libelles().effacerLaRecherche\"\n          [disabled]=\"desactive()\"\n          (click)=\"effacer()\"\n        ></button>\n      }\n      <span class=\"st-search-field__raccourci\" [hidden]=\"value() !== ''\"\n        ><ng-content select=\"[stRaccourci]\"\n      /></span>\n    </div>\n    @if (!compact()) {\n      <button\n        stButton\n        type=\"button\"\n        variante=\"secondaire\"\n        [chargement]=\"chargement()\"\n        [disabled]=\"desactive()\"\n        (click)=\"lancer()\"\n      >\n        {{ libelles().rechercher }}\n      </button>\n    }\n  </div>\n</st-form-field>\n",
-			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-search-field__ligne{display:flex;gap:var(--st-espacement-2);align-items:center}.st-search-field__cadre{--_loupe: 1.25rem;position:relative;display:flex;flex:1 1 auto;align-items:center;min-inline-size:0}.st-search-field__loupe{position:absolute;inset-inline-start:var(--st-espacement-3);color:var(--st-couleur-texte-discret);pointer-events:none}.st-search-field__attente{position:absolute;inset-inline-start:calc(var(--st-espacement-3) + var(--st-espacement-demi));pointer-events:none}.st-search-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-search-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-search-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-search-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-search-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-search-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-search-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-search-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-search-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-search-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-search-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-search-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-search-field__champ:is(input,textarea):read-only:not(:disabled),.st-search-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-search-field__champ{flex:1 1 auto;min-inline-size:0;padding-inline:calc(var(--st-espacement-3) + var(--_loupe) + var(--st-espacement-2))}.st-search-field__champ::-webkit-search-cancel-button,.st-search-field__champ::-webkit-search-decoration{appearance:none}.st-search-field__effacer{position:absolute;inset-inline-end:var(--st-espacement-1)}.st-search-field__raccourci{position:absolute;inset-inline-end:var(--st-espacement-3);display:flex;align-items:center;pointer-events:none}.st-search-field__raccourci:empty,.st-search-field__raccourci[hidden]{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:block}.st-search-field__ligne{display:flex;gap:var(--st-espacement-2);align-items:center}.st-search-field__cadre{--_loupe: 1.25rem;position:relative;display:flex;flex:1 1 auto;align-items:center;min-inline-size:0}.st-search-field__loupe{position:absolute;inset-inline-start:var(--st-espacement-3);color:var(--st-couleur-texte-discret);pointer-events:none}.st-search-field__attente{position:absolute;inset-inline-start:calc(var(--st-espacement-3) + var(--st-espacement-demi));pointer-events:none}.st-search-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-search-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-search-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-search-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-search-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-search-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-search-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-search-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-search-field__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-search-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-search-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-search-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-search-field__champ:is(input,textarea):read-only:not(:disabled),.st-search-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-search-field__champ{flex:1 1 auto;min-inline-size:0;padding-inline:calc(var(--st-espacement-3) + var(--_loupe) + var(--st-espacement-2))}.st-search-field__champ::-webkit-search-cancel-button,.st-search-field__champ::-webkit-search-decoration{appearance:none}.st-search-field__effacer{position:absolute;inset-inline-end:var(--st-espacement-1)}.st-search-field__raccourci{position:absolute;inset-inline-end:var(--st-espacement-3);display:flex;align-items:center;pointer-events:none}.st-search-field__raccourci:empty,.st-search-field__raccourci[hidden]{display:none}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -6176,21 +6353,21 @@ var StIbanField = class StIbanField extends ControleDeSaisie {
 	element = inject(ElementRef);
 	annonce = new AnnonceLocale(inject(DestroyRef));
 	masque = input(false, {
-		...ngDevMode ? { debugName: "masque" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "masque" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	detection = inject(ChangeDetectorRef);
-	bouton = viewChild("bouton", ...ngDevMode ? [{ debugName: "bouton" }] : 	/* istanbul ignore next */ []);
+	bouton = viewChild("bouton", ...ngDevMode ? [{ debugName: "bouton" }] : /* istanbul ignore next */ []);
 	idDuBouton = `${inject(StIdentifiants).prochain("st-iban-field")}-reveler`;
-	enSaisie = signal(false, ...ngDevMode ? [{ debugName: "enSaisie" }] : 	/* istanbul ignore next */ []);
-	brut = signal("", ...ngDevMode ? [{ debugName: "brut" }] : 	/* istanbul ignore next */ []);
-	revele = signal(false, ...ngDevMode ? [{ debugName: "revele" }] : 	/* istanbul ignore next */ []);
-	masqueDemande = signal(false, ...ngDevMode ? [{ debugName: "masqueDemande" }] : 	/* istanbul ignore next */ []);
-	impression = signal(false, ...ngDevMode ? [{ debugName: "impression" }] : 	/* istanbul ignore next */ []);
+	enSaisie = signal(false, ...ngDevMode ? [{ debugName: "enSaisie" }] : /* istanbul ignore next */ []);
+	brut = signal("", ...ngDevMode ? [{ debugName: "brut" }] : /* istanbul ignore next */ []);
+	revele = signal(false, ...ngDevMode ? [{ debugName: "revele" }] : /* istanbul ignore next */ []);
+	masqueDemande = signal(false, ...ngDevMode ? [{ debugName: "masqueDemande" }] : /* istanbul ignore next */ []);
+	impression = signal(false, ...ngDevMode ? [{ debugName: "impression" }] : /* istanbul ignore next */ []);
 	minuterie = null;
-	aideLue = computed(() => this.aideEtRaisons() ?? (this.readonly() ? null : this.libelles().exempleDIban), ...ngDevMode ? [{ debugName: "aideLue" }] : 	/* istanbul ignore next */ []);
-	libelleDuBouton = computed(() => this.libelles().revelerPendant(this.duree("narrow")), ...ngDevMode ? [{ debugName: "libelleDuBouton" }] : 	/* istanbul ignore next */ []);
-	descriptionDuBouton = computed(() => this.libelles().libelleEtMessage(this.libelle(), this.duree("long")), ...ngDevMode ? [{ debugName: "descriptionDuBouton" }] : 	/* istanbul ignore next */ []);
+	aideLue = computed(() => this.aideEtRaisons() ?? (this.readonly() ? null : this.libelles().exempleDIban), ...ngDevMode ? [{ debugName: "aideLue" }] : /* istanbul ignore next */ []);
+	libelleDuBouton = computed(() => this.libelles().revelerPendant(this.duree("narrow")), ...ngDevMode ? [{ debugName: "libelleDuBouton" }] : /* istanbul ignore next */ []);
+	descriptionDuBouton = computed(() => this.libelles().libelleEtMessage(this.libelle(), this.duree("long")), ...ngDevMode ? [{ debugName: "descriptionDuBouton" }] : /* istanbul ignore next */ []);
 	masquee = computed(() => {
 		if (!this.masque()) return false;
 		if (this.impression()) return true;
@@ -6198,14 +6375,14 @@ var StIbanField = class StIbanField extends ControleDeSaisie {
 		if (this.readonly()) return true;
 		if (this.enSaisie()) return false;
 		return this.masqueDemande() || !(this.touched() && this.errors().length > 0);
-	}, ...ngDevMode ? [{ debugName: "masquee" }] : 	/* istanbul ignore next */ []);
-	enClair = computed(() => this.masque() && !this.masquee(), ...ngDevMode ? [{ debugName: "enClair" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "masquee" }] : /* istanbul ignore next */ []);
+	enClair = computed(() => this.masque() && !this.masquee(), ...ngDevMode ? [{ debugName: "enClair" }] : /* istanbul ignore next */ []);
 	affichage = computed(() => {
 		const valeur = this.value();
 		if (this.masquee()) return masquerIban(valeur);
 		const brut = this.brut();
 		return this.enSaisie() && normaliserIban(brut) === valeur ? brut : formaterIban(valeur);
-	}, ...ngDevMode ? [{ debugName: "affichage" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "affichage" }] : /* istanbul ignore next */ []);
 	constructor() {
 		super();
 		const desabonner = inject(EnvoisDeFormulaire).abonner((formulaire) => {
@@ -6282,7 +6459,7 @@ var StIbanField = class StIbanField extends ControleDeSaisie {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StIbanField,
 		deps: [],
@@ -6290,7 +6467,7 @@ var StIbanField = class StIbanField extends ControleDeSaisie {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StIbanField,
 		isStandalone: true,
 		selector: "st-iban-field",
@@ -6319,7 +6496,7 @@ var StIbanField = class StIbanField extends ControleDeSaisie {
 		usesInheritance: true,
 		ngImport: i0,
 		template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideLue()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n>\n  <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n  <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n  <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n  <!-- Le cadre (planche 3b) : glyphe decoratif de la banque, zone de frappe, et en mode masque\n       le bouton « Reveler 30s ». -->\n  <div class=\"st-iban-field__cadre\">\n    <st-icon class=\"st-iban-field__banque\" nom=\"banque\" taille=\"20\" />\n    @if (readonly()) {\n      <!-- D47 : en lecture seule, l'IBAN passe a la ligne ENTRE DEUX GROUPES dans une colonne\n           etroite, au lieu de defiler dans un champ d'une ligne ou ses quatre derniers caracteres,\n           ceux qu'on verifie, sortaient du cadre. Une zone de texte en lecture seule : meme role,\n           meme nom, meme tabulation que le champ. -->\n      <textarea\n        #champ\n        class=\"st-iban-field__champ st-iban-field__champ--lecture\"\n        stControleDeChamp\n        rows=\"1\"\n        readonly\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n        dir=\"ltr\"\n        [value]=\"affichage()\"\n        [attr.name]=\"name() || null\"\n        [disabled]=\"disabled()\"\n        (focus)=\"auFocus()\"\n        (blur)=\"aLaSortie()\"\n      ></textarea>\n    } @else {\n      <input\n        #champ\n        class=\"st-iban-field__champ\"\n        stControleDeChamp\n        type=\"text\"\n        autocomplete=\"off\"\n        autocapitalize=\"characters\"\n        autocorrect=\"off\"\n        spellcheck=\"false\"\n        dir=\"ltr\"\n        [value]=\"affichage()\"\n        [attr.name]=\"name() || null\"\n        [disabled]=\"disabled()\"\n        (focus)=\"auFocus()\"\n        (input)=\"surSaisie($event)\"\n        (blur)=\"aLaSortie()\"\n      />\n    }\n    @if (masque()) {\n      <!-- `mousedown` sans effet par defaut : le focus reste ou il est (Safari ne le donne pas\n           a un bouton clique, et la sortie du champ remasquerait avant le clic). -->\n      <!-- `aria-pressed` : la valeur est-elle en clair (revelation, saisie ou erreur) ? Le fond\n           enfonce et l'oeil barre disent la revelation a la demande. -->\n      <button\n        #bouton\n        class=\"st-iban-field__reveler\"\n        type=\"button\"\n        [attr.aria-pressed]=\"enClair()\"\n        [attr.aria-describedby]=\"idDuBouton\"\n        [attr.data-revele]=\"revele() ? '' : null\"\n        [disabled]=\"disabled()\"\n        (mousedown)=\"$event.preventDefault()\"\n        (click)=\"basculer()\"\n      >\n        <st-icon [nom]=\"revele() ? 'oeil-barre' : 'oeil'\" taille=\"16\" />\n        <span>{{ libelleDuBouton() }}</span>\n      </button>\n    }\n  </div>\n</st-form-field>\n@if (masque()) {\n  <span class=\"st-vh\" [id]=\"idDuBouton\">{{ descriptionDuBouton() }}</span>\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:block}.st-iban-field__cadre:has(>.st-iban-field__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-iban-field__cadre{box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-iban-field__cadre>.st-iban-field__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-iban-field__cadre:hover:not(:has(>.st-iban-field__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__cadre:has(>.st-iban-field__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true]){border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true]):has(>.st-iban-field__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-iban-field__cadre:has(>.st-iban-field__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-iban-field__cadre:has(>.st-iban-field__champ:is(input,textarea):read-only:not(:disabled)),.st-iban-field__cadre:has(>.st-iban-field__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-iban-field__cadre{--_glyphe: 1.25rem;display:flex;align-items:center;padding-inline:var(--st-espacement-3);min-inline-size:0}.st-iban-field__banque{flex:none;margin-inline-end:var(--st-espacement-2);color:var(--st-couleur-texte-discret)}.st-iban-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-iban-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-iban-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-iban-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-iban-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-iban-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-iban-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-iban-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-iban-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-iban-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-iban-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-iban-field__champ:is(input,textarea):read-only:not(:disabled),.st-iban-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-iban-field__champ{flex:1 1 auto;min-inline-size:0;padding-inline:var(--st-espacement-3);font-family:var(--st-police-mono);font-size:var(--st-taille-md);font-weight:var(--st-graisse-semi);font-variant-numeric:var(--st-chiffres-references);line-height:var(--st-interligne-md);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;unicode-bidi:isolate}.st-iban-field__champ--lecture{field-sizing:content;padding-block:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-md)) / 2);overflow:hidden;word-break:keep-all;white-space:pre-wrap;resize:none}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture){flex-wrap:wrap;align-items:flex-start;block-size:auto;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture)>.st-iban-field__champ--lecture{flex:1 1 9rem}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture)>.st-iban-field__banque{margin-block-start:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--_glyphe)) / 2)}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture)>.st-iban-field__reveler{margin-block:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-hauteur-commande-sm)) / 2);margin-inline-start:auto}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true])>.st-iban-field__banque,.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true])>.st-iban-field__champ{color:var(--st-couleur-danger)}.st-iban-field__cadre:has(>.st-iban-field__champ:disabled)>.st-iban-field__banque{color:var(--st-couleur-texte-desactive)}.st-iban-field__reveler: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-iban-field__reveler{box-sizing:border-box;display:inline-flex;flex:none;gap:var(--st-espacement-1);align-items:center;min-block-size:var(--st-hauteur-commande-sm);padding:var(--st-espacement-1) var(--st-espacement-2-5);font-family:inherit;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);white-space:nowrap;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-iban-field__reveler:hover:not(:disabled){color:var(--st-couleur-texte);background:var(--st-couleur-surface-survol);transition:background-color var(--st-duree-rapide) var(--st-courbe-standard),color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__reveler[data-revele]{background:var(--st-couleur-surface-active)}.st-iban-field__reveler:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed}@media(pointer:coarse){.st-iban-field__reveler{min-block-size:var(--st-hauteur-commande-xl)}}@media(forced-colors:active){.st-iban-field__reveler{border-color:ButtonText}}@media print{.st-iban-field__reveler{display:none}.st-iban-field__cadre{box-shadow:none}}.st-iban-field__cadre>.st-iban-field__champ:is(input):read-only{background:transparent}\n"],
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-iban-field__cadre:has(>.st-iban-field__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-iban-field__cadre{box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-iban-field__cadre>.st-iban-field__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-iban-field__cadre:hover:not(:has(>.st-iban-field__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__cadre:has(>.st-iban-field__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true]){border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true]):has(>.st-iban-field__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-iban-field__cadre:has(>.st-iban-field__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-iban-field__cadre:has(>.st-iban-field__champ:is(input,textarea):read-only:not(:disabled)),.st-iban-field__cadre:has(>.st-iban-field__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-iban-field__cadre{--_glyphe: 1.25rem;display:flex;align-items:center;padding-inline:var(--st-espacement-3);min-inline-size:0}.st-iban-field__banque{flex:none;margin-inline-end:var(--st-espacement-2);color:var(--st-couleur-texte-discret)}.st-iban-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-iban-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-iban-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-iban-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-iban-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-iban-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-iban-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-iban-field__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-iban-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-iban-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-iban-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-iban-field__champ:is(input,textarea):read-only:not(:disabled),.st-iban-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-iban-field__champ{flex:1 1 auto;min-inline-size:0;padding-inline:var(--st-espacement-3);font-family:var(--st-police-mono);font-size:var(--st-taille-md);font-weight:var(--st-graisse-semi);font-variant-numeric:var(--st-chiffres-references);line-height:var(--st-interligne-md);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;unicode-bidi:isolate}.st-iban-field__champ--lecture{field-sizing:content;padding-block:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-md)) / 2);overflow:hidden;word-break:keep-all;white-space:pre-wrap;resize:none}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture){flex-wrap:wrap;align-items:flex-start;block-size:auto;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture)>.st-iban-field__champ--lecture{flex:1 1 9rem}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture)>.st-iban-field__banque{margin-block-start:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--_glyphe)) / 2)}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture)>.st-iban-field__reveler{margin-block:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-hauteur-commande-sm)) / 2);margin-inline-start:auto}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true])>.st-iban-field__banque,.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true])>.st-iban-field__champ{color:var(--st-couleur-erreur)}.st-iban-field__cadre:has(>.st-iban-field__champ:disabled)>.st-iban-field__banque{color:var(--st-couleur-texte-desactive)}.st-iban-field__reveler: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-iban-field__reveler{box-sizing:border-box;display:inline-flex;flex:none;gap:var(--st-espacement-1);align-items:center;min-block-size:var(--st-hauteur-commande-sm);padding:var(--st-espacement-1) var(--st-espacement-2-5);font-family:inherit;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);white-space:nowrap;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-iban-field__reveler:hover:not(:disabled){color:var(--st-couleur-texte);background:var(--st-couleur-surface-survol);transition:background-color var(--st-duree-rapide) var(--st-courbe-standard),color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__reveler[data-revele]{background:var(--st-couleur-surface-active)}.st-iban-field__reveler:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed}@media(pointer:coarse){.st-iban-field__reveler{min-block-size:var(--st-hauteur-commande-xl)}}@media(forced-colors:active){.st-iban-field__reveler{border-color:ButtonText}}@media print{.st-iban-field__reveler{display:none}.st-iban-field__cadre{box-shadow:none}}.st-iban-field__cadre>.st-iban-field__champ:is(input):read-only{background:transparent}\n"],
 		dependencies: [
 			{
 				kind: "component",
@@ -6361,7 +6538,7 @@ var StIbanField = class StIbanField extends ControleDeSaisie {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StIbanField,
 	decorators: [{
@@ -6381,7 +6558,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"(window:afterprint)": "apresImpression()"
 			},
 			template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideLue()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n>\n  <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n  <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n  <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n  <!-- Le cadre (planche 3b) : glyphe decoratif de la banque, zone de frappe, et en mode masque\n       le bouton « Reveler 30s ». -->\n  <div class=\"st-iban-field__cadre\">\n    <st-icon class=\"st-iban-field__banque\" nom=\"banque\" taille=\"20\" />\n    @if (readonly()) {\n      <!-- D47 : en lecture seule, l'IBAN passe a la ligne ENTRE DEUX GROUPES dans une colonne\n           etroite, au lieu de defiler dans un champ d'une ligne ou ses quatre derniers caracteres,\n           ceux qu'on verifie, sortaient du cadre. Une zone de texte en lecture seule : meme role,\n           meme nom, meme tabulation que le champ. -->\n      <textarea\n        #champ\n        class=\"st-iban-field__champ st-iban-field__champ--lecture\"\n        stControleDeChamp\n        rows=\"1\"\n        readonly\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n        dir=\"ltr\"\n        [value]=\"affichage()\"\n        [attr.name]=\"name() || null\"\n        [disabled]=\"disabled()\"\n        (focus)=\"auFocus()\"\n        (blur)=\"aLaSortie()\"\n      ></textarea>\n    } @else {\n      <input\n        #champ\n        class=\"st-iban-field__champ\"\n        stControleDeChamp\n        type=\"text\"\n        autocomplete=\"off\"\n        autocapitalize=\"characters\"\n        autocorrect=\"off\"\n        spellcheck=\"false\"\n        dir=\"ltr\"\n        [value]=\"affichage()\"\n        [attr.name]=\"name() || null\"\n        [disabled]=\"disabled()\"\n        (focus)=\"auFocus()\"\n        (input)=\"surSaisie($event)\"\n        (blur)=\"aLaSortie()\"\n      />\n    }\n    @if (masque()) {\n      <!-- `mousedown` sans effet par defaut : le focus reste ou il est (Safari ne le donne pas\n           a un bouton clique, et la sortie du champ remasquerait avant le clic). -->\n      <!-- `aria-pressed` : la valeur est-elle en clair (revelation, saisie ou erreur) ? Le fond\n           enfonce et l'oeil barre disent la revelation a la demande. -->\n      <button\n        #bouton\n        class=\"st-iban-field__reveler\"\n        type=\"button\"\n        [attr.aria-pressed]=\"enClair()\"\n        [attr.aria-describedby]=\"idDuBouton\"\n        [attr.data-revele]=\"revele() ? '' : null\"\n        [disabled]=\"disabled()\"\n        (mousedown)=\"$event.preventDefault()\"\n        (click)=\"basculer()\"\n      >\n        <st-icon [nom]=\"revele() ? 'oeil-barre' : 'oeil'\" taille=\"16\" />\n        <span>{{ libelleDuBouton() }}</span>\n      </button>\n    }\n  </div>\n</st-form-field>\n@if (masque()) {\n  <span class=\"st-vh\" [id]=\"idDuBouton\">{{ descriptionDuBouton() }}</span>\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:block}.st-iban-field__cadre:has(>.st-iban-field__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-iban-field__cadre{box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-iban-field__cadre>.st-iban-field__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-iban-field__cadre:hover:not(:has(>.st-iban-field__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__cadre:has(>.st-iban-field__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true]){border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true]):has(>.st-iban-field__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-iban-field__cadre:has(>.st-iban-field__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-iban-field__cadre:has(>.st-iban-field__champ:is(input,textarea):read-only:not(:disabled)),.st-iban-field__cadre:has(>.st-iban-field__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-iban-field__cadre{--_glyphe: 1.25rem;display:flex;align-items:center;padding-inline:var(--st-espacement-3);min-inline-size:0}.st-iban-field__banque{flex:none;margin-inline-end:var(--st-espacement-2);color:var(--st-couleur-texte-discret)}.st-iban-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-iban-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-iban-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-iban-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-iban-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-iban-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-iban-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-iban-field__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-iban-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-iban-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-iban-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-iban-field__champ:is(input,textarea):read-only:not(:disabled),.st-iban-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-iban-field__champ{flex:1 1 auto;min-inline-size:0;padding-inline:var(--st-espacement-3);font-family:var(--st-police-mono);font-size:var(--st-taille-md);font-weight:var(--st-graisse-semi);font-variant-numeric:var(--st-chiffres-references);line-height:var(--st-interligne-md);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;unicode-bidi:isolate}.st-iban-field__champ--lecture{field-sizing:content;padding-block:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-md)) / 2);overflow:hidden;word-break:keep-all;white-space:pre-wrap;resize:none}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture){flex-wrap:wrap;align-items:flex-start;block-size:auto;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture)>.st-iban-field__champ--lecture{flex:1 1 9rem}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture)>.st-iban-field__banque{margin-block-start:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--_glyphe)) / 2)}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture)>.st-iban-field__reveler{margin-block:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-hauteur-commande-sm)) / 2);margin-inline-start:auto}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true])>.st-iban-field__banque,.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true])>.st-iban-field__champ{color:var(--st-couleur-danger)}.st-iban-field__cadre:has(>.st-iban-field__champ:disabled)>.st-iban-field__banque{color:var(--st-couleur-texte-desactive)}.st-iban-field__reveler: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-iban-field__reveler{box-sizing:border-box;display:inline-flex;flex:none;gap:var(--st-espacement-1);align-items:center;min-block-size:var(--st-hauteur-commande-sm);padding:var(--st-espacement-1) var(--st-espacement-2-5);font-family:inherit;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);white-space:nowrap;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-iban-field__reveler:hover:not(:disabled){color:var(--st-couleur-texte);background:var(--st-couleur-surface-survol);transition:background-color var(--st-duree-rapide) var(--st-courbe-standard),color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__reveler[data-revele]{background:var(--st-couleur-surface-active)}.st-iban-field__reveler:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed}@media(pointer:coarse){.st-iban-field__reveler{min-block-size:var(--st-hauteur-commande-xl)}}@media(forced-colors:active){.st-iban-field__reveler{border-color:ButtonText}}@media print{.st-iban-field__reveler{display:none}.st-iban-field__cadre{box-shadow:none}}.st-iban-field__cadre>.st-iban-field__champ:is(input):read-only{background:transparent}\n"]
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-iban-field__cadre:has(>.st-iban-field__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-iban-field__cadre{box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-iban-field__cadre>.st-iban-field__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-iban-field__cadre:hover:not(:has(>.st-iban-field__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__cadre:has(>.st-iban-field__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true]){border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true]):has(>.st-iban-field__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-iban-field__cadre:has(>.st-iban-field__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-iban-field__cadre:has(>.st-iban-field__champ:is(input,textarea):read-only:not(:disabled)),.st-iban-field__cadre:has(>.st-iban-field__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-iban-field__cadre{--_glyphe: 1.25rem;display:flex;align-items:center;padding-inline:var(--st-espacement-3);min-inline-size:0}.st-iban-field__banque{flex:none;margin-inline-end:var(--st-espacement-2);color:var(--st-couleur-texte-discret)}.st-iban-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-iban-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-iban-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-iban-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-iban-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-iban-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-iban-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-iban-field__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-iban-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-iban-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-iban-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-iban-field__champ:is(input,textarea):read-only:not(:disabled),.st-iban-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-iban-field__champ{flex:1 1 auto;min-inline-size:0;padding-inline:var(--st-espacement-3);font-family:var(--st-police-mono);font-size:var(--st-taille-md);font-weight:var(--st-graisse-semi);font-variant-numeric:var(--st-chiffres-references);line-height:var(--st-interligne-md);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;unicode-bidi:isolate}.st-iban-field__champ--lecture{field-sizing:content;padding-block:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-md)) / 2);overflow:hidden;word-break:keep-all;white-space:pre-wrap;resize:none}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture){flex-wrap:wrap;align-items:flex-start;block-size:auto;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture)>.st-iban-field__champ--lecture{flex:1 1 9rem}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture)>.st-iban-field__banque{margin-block-start:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--_glyphe)) / 2)}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture)>.st-iban-field__reveler{margin-block:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-hauteur-commande-sm)) / 2);margin-inline-start:auto}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true])>.st-iban-field__banque,.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true])>.st-iban-field__champ{color:var(--st-couleur-erreur)}.st-iban-field__cadre:has(>.st-iban-field__champ:disabled)>.st-iban-field__banque{color:var(--st-couleur-texte-desactive)}.st-iban-field__reveler: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-iban-field__reveler{box-sizing:border-box;display:inline-flex;flex:none;gap:var(--st-espacement-1);align-items:center;min-block-size:var(--st-hauteur-commande-sm);padding:var(--st-espacement-1) var(--st-espacement-2-5);font-family:inherit;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);white-space:nowrap;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-iban-field__reveler:hover:not(:disabled){color:var(--st-couleur-texte);background:var(--st-couleur-surface-survol);transition:background-color var(--st-duree-rapide) var(--st-courbe-standard),color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__reveler[data-revele]{background:var(--st-couleur-surface-active)}.st-iban-field__reveler:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed}@media(pointer:coarse){.st-iban-field__reveler{min-block-size:var(--st-hauteur-commande-xl)}}@media(forced-colors:active){.st-iban-field__reveler{border-color:ButtonText}}@media print{.st-iban-field__reveler{display:none}.st-iban-field__cadre{box-shadow:none}}.st-iban-field__cadre>.st-iban-field__champ:is(input):read-only{background:transparent}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -6444,12 +6621,12 @@ function toucheQuiChoisit(evenement) {
 var StSelect = class StSelect extends ControleDeSaisie {
 	affichable = sansCommandesDeDirection;
 	libelles = inject(ST_LIBELLES);
-	options = input.required(...ngDevMode ? [{ debugName: "options" }] : 	/* istanbul ignore next */ []);
-	texteVide = input(null, ...ngDevMode ? [{ debugName: "texteVide" }] : 	/* istanbul ignore next */ []);
-	autocomplete = input(null, ...ngDevMode ? [{ debugName: "autocomplete" }] : 	/* istanbul ignore next */ []);
-	icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : 	/* istanbul ignore next */ []);
-	presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : 	/* istanbul ignore next */ []);
-	variante = input("standard", ...ngDevMode ? [{ debugName: "variante" }] : 	/* istanbul ignore next */ []);
+	options = input.required(...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
+	texteVide = input(null, ...ngDevMode ? [{ debugName: "texteVide" }] : /* istanbul ignore next */ []);
+	autocomplete = input(null, ...ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []);
+	icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []);
+	presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : /* istanbul ignore next */ []);
+	variante = input("standard", ...ngDevMode ? [{ debugName: "variante" }] : /* istanbul ignore next */ []);
 	blocs = computed(() => {
 		const blocs = [];
 		for (const option of this.options()) {
@@ -6463,12 +6640,12 @@ var StSelect = class StSelect extends ControleDeSaisie {
 			});
 		}
 		return blocs;
-	}, ...ngDevMode ? [{ debugName: "blocs" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "blocs" }] : /* istanbul ignore next */ []);
 	valeurInconnue = computed(() => {
 		const valeur = this.value();
 		if (valeur === "") return null;
 		return this.options().some((option) => option.valeur === valeur) ? null : valeur;
-	}, ...ngDevMode ? [{ debugName: "valeurInconnue" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "valeurInconnue" }] : /* istanbul ignore next */ []);
 	constructor() {
 		super();
 		if (isDevMode()) effect(() => {
@@ -6494,7 +6671,7 @@ var StSelect = class StSelect extends ControleDeSaisie {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StSelect,
 		deps: [],
@@ -6502,7 +6679,7 @@ var StSelect = class StSelect extends ControleDeSaisie {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StSelect,
 		isStandalone: true,
 		selector: "st-select",
@@ -6557,7 +6734,7 @@ var StSelect = class StSelect extends ControleDeSaisie {
 		usesInheritance: true,
 		ngImport: i0,
 		template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideEtRaisons()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n  [presentation]=\"presentation()\"\n>\n  <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n  <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n  <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n  <div class=\"st-select__cadre\">\n    @if (icone(); as nom) {\n      <st-icon class=\"st-select__icone\" [nom]=\"nom\" taille=\"20\" />\n    }\n    <select\n      #champ\n      class=\"st-select__champ\"\n      stControleDeChamp\n      [class.st-select__champ--icone]=\"icone() !== null\"\n      [attr.name]=\"name() || null\"\n      [attr.autocomplete]=\"autocomplete()\"\n      [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n      [disabled]=\"disabled()\"\n      (mousedown)=\"surPression($event)\"\n      (keydown)=\"surTouche($event)\"\n      (change)=\"surChoix($event)\"\n      (blur)=\"touch.emit()\"\n    >\n      <option value=\"\" [selected]=\"value() === ''\">{{ texteVide() ?? libelles().choisir }}</option>\n      @if (valeurInconnue(); as inconnue) {\n        <option disabled selected [value]=\"inconnue\">{{ libelles().valeurNonAffichable }}</option>\n      }\n      @for (bloc of blocs(); track bloc.cle) {\n        @if (bloc.groupe === null) {\n          @for (option of bloc.options; track option.valeur) {\n            <option\n              [value]=\"option.valeur\"\n              [selected]=\"option.valeur === value()\"\n              [disabled]=\"option.desactivee === true\"\n            >\n              {{ affichable(option.libelle) }}\n            </option>\n          }\n        } @else {\n          <optgroup [label]=\"bloc.groupe\">\n            @for (option of bloc.options; track option.valeur) {\n              <option\n                [value]=\"option.valeur\"\n                [selected]=\"option.valeur === value()\"\n                [disabled]=\"option.desactivee === true\"\n              >\n                {{ affichable(option.libelle) }}\n              </option>\n            }\n          </optgroup>\n        }\n      }\n    </select>\n    @if (!readonly()) {\n      <st-icon class=\"st-select__chevron\" nom=\"chevron-bas\" taille=\"20\" />\n    }\n  </div>\n</st-form-field>\n",
-		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-select__cadre{--_glyphe: 1.25rem;position:relative}.st-select__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-select__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-select__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-select__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-select__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-select__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-select__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-select__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-select__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-select__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-select__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-select__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-select__champ:is(input,textarea):read-only:not(:disabled),.st-select__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-select__champ{padding-inline:var(--st-espacement-3) calc(var(--st-espacement-3) + var(--_glyphe));font-weight:var(--st-graisse-moyenne);cursor:pointer;appearance:none}.st-select__champ.st-select__champ--icone{padding-inline-start:calc(var(--st-espacement-3) + var(--_glyphe) + var(--st-espacement-2))}.st-select__champ[aria-readonly=true]{padding-inline-end:var(--st-espacement-3);cursor:default}:host([data-variante=tonale]) .st-select__champ:not(:disabled,[aria-readonly=true]){background:var(--st-couleur-surface-conteneur-bas)}.st-select__icone,.st-select__chevron{position:absolute;inset-block-start:50%;color:var(--st-couleur-texte-discret);pointer-events:none;translate:0 -50%}.st-select__icone{inset-inline-start:var(--st-espacement-3)}.st-select__chevron{inset-inline-end:var(--st-espacement-3)}@media(hover:hover){.st-select__cadre:hover>.st-select__champ:not(:disabled,:focus)~.st-select__chevron{color:var(--st-couleur-texte);transition:color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-select__champ:disabled~.st-select__chevron,.st-select__cadre:has(>.st-select__champ:disabled)>.st-select__icone{color:var(--st-couleur-texte-desactive)}\n"],
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-select__cadre{--_glyphe: 1.25rem;position:relative}.st-select__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-select__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-select__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-select__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-select__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-select__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-select__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-select__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-select__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-select__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-select__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-select__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-select__champ:is(input,textarea):read-only:not(:disabled),.st-select__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-select__champ{padding-inline:var(--st-espacement-3) calc(var(--st-espacement-3) + var(--_glyphe));font-weight:var(--st-graisse-moyenne);cursor:pointer;appearance:none}.st-select__champ.st-select__champ--icone{padding-inline-start:calc(var(--st-espacement-3) + var(--_glyphe) + var(--st-espacement-2))}.st-select__champ[aria-readonly=true]{padding-inline-end:var(--st-espacement-3);cursor:default}:host([data-variante=tonale]) .st-select__champ:not(:disabled,[aria-readonly=true]){background:var(--st-couleur-surface-conteneur-bas)}.st-select__icone,.st-select__chevron{position:absolute;inset-block-start:50%;color:var(--st-couleur-texte-discret);pointer-events:none;translate:0 -50%}.st-select__icone{inset-inline-start:var(--st-espacement-3)}.st-select__chevron{inset-inline-end:var(--st-espacement-3)}@media(hover:hover){.st-select__cadre:hover>.st-select__champ:not(:disabled,:focus)~.st-select__chevron{color:var(--st-couleur-texte);transition:color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-select__champ:disabled~.st-select__chevron,.st-select__cadre:has(>.st-select__champ:disabled)>.st-select__icone{color:var(--st-couleur-texte-desactive)}\n"],
 		dependencies: [
 			{
 				kind: "component",
@@ -6599,7 +6776,7 @@ var StSelect = class StSelect extends ControleDeSaisie {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StSelect,
 	decorators: [{
@@ -6617,7 +6794,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.data-variante]": "variante() === \"tonale\" ? \"tonale\" : null"
 			},
 			template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideEtRaisons()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n  [presentation]=\"presentation()\"\n>\n  <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n  <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n  <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n  <div class=\"st-select__cadre\">\n    @if (icone(); as nom) {\n      <st-icon class=\"st-select__icone\" [nom]=\"nom\" taille=\"20\" />\n    }\n    <select\n      #champ\n      class=\"st-select__champ\"\n      stControleDeChamp\n      [class.st-select__champ--icone]=\"icone() !== null\"\n      [attr.name]=\"name() || null\"\n      [attr.autocomplete]=\"autocomplete()\"\n      [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n      [disabled]=\"disabled()\"\n      (mousedown)=\"surPression($event)\"\n      (keydown)=\"surTouche($event)\"\n      (change)=\"surChoix($event)\"\n      (blur)=\"touch.emit()\"\n    >\n      <option value=\"\" [selected]=\"value() === ''\">{{ texteVide() ?? libelles().choisir }}</option>\n      @if (valeurInconnue(); as inconnue) {\n        <option disabled selected [value]=\"inconnue\">{{ libelles().valeurNonAffichable }}</option>\n      }\n      @for (bloc of blocs(); track bloc.cle) {\n        @if (bloc.groupe === null) {\n          @for (option of bloc.options; track option.valeur) {\n            <option\n              [value]=\"option.valeur\"\n              [selected]=\"option.valeur === value()\"\n              [disabled]=\"option.desactivee === true\"\n            >\n              {{ affichable(option.libelle) }}\n            </option>\n          }\n        } @else {\n          <optgroup [label]=\"bloc.groupe\">\n            @for (option of bloc.options; track option.valeur) {\n              <option\n                [value]=\"option.valeur\"\n                [selected]=\"option.valeur === value()\"\n                [disabled]=\"option.desactivee === true\"\n              >\n                {{ affichable(option.libelle) }}\n              </option>\n            }\n          </optgroup>\n        }\n      }\n    </select>\n    @if (!readonly()) {\n      <st-icon class=\"st-select__chevron\" nom=\"chevron-bas\" taille=\"20\" />\n    }\n  </div>\n</st-form-field>\n",
-			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-select__cadre{--_glyphe: 1.25rem;position:relative}.st-select__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-select__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-select__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-select__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-select__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-select__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-select__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-select__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-select__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-select__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-select__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-select__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-select__champ:is(input,textarea):read-only:not(:disabled),.st-select__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-select__champ{padding-inline:var(--st-espacement-3) calc(var(--st-espacement-3) + var(--_glyphe));font-weight:var(--st-graisse-moyenne);cursor:pointer;appearance:none}.st-select__champ.st-select__champ--icone{padding-inline-start:calc(var(--st-espacement-3) + var(--_glyphe) + var(--st-espacement-2))}.st-select__champ[aria-readonly=true]{padding-inline-end:var(--st-espacement-3);cursor:default}:host([data-variante=tonale]) .st-select__champ:not(:disabled,[aria-readonly=true]){background:var(--st-couleur-surface-conteneur-bas)}.st-select__icone,.st-select__chevron{position:absolute;inset-block-start:50%;color:var(--st-couleur-texte-discret);pointer-events:none;translate:0 -50%}.st-select__icone{inset-inline-start:var(--st-espacement-3)}.st-select__chevron{inset-inline-end:var(--st-espacement-3)}@media(hover:hover){.st-select__cadre:hover>.st-select__champ:not(:disabled,:focus)~.st-select__chevron{color:var(--st-couleur-texte);transition:color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-select__champ:disabled~.st-select__chevron,.st-select__cadre:has(>.st-select__champ:disabled)>.st-select__icone{color:var(--st-couleur-texte-desactive)}\n"]
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-select__cadre{--_glyphe: 1.25rem;position:relative}.st-select__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-select__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-select__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-select__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-select__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-select__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-select__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-select__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-select__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-select__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-select__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-select__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-select__champ:is(input,textarea):read-only:not(:disabled),.st-select__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-select__champ{padding-inline:var(--st-espacement-3) calc(var(--st-espacement-3) + var(--_glyphe));font-weight:var(--st-graisse-moyenne);cursor:pointer;appearance:none}.st-select__champ.st-select__champ--icone{padding-inline-start:calc(var(--st-espacement-3) + var(--_glyphe) + var(--st-espacement-2))}.st-select__champ[aria-readonly=true]{padding-inline-end:var(--st-espacement-3);cursor:default}:host([data-variante=tonale]) .st-select__champ:not(:disabled,[aria-readonly=true]){background:var(--st-couleur-surface-conteneur-bas)}.st-select__icone,.st-select__chevron{position:absolute;inset-block-start:50%;color:var(--st-couleur-texte-discret);pointer-events:none;translate:0 -50%}.st-select__icone{inset-inline-start:var(--st-espacement-3)}.st-select__chevron{inset-inline-end:var(--st-espacement-3)}@media(hover:hover){.st-select__cadre:hover>.st-select__champ:not(:disabled,:focus)~.st-select__chevron{color:var(--st-couleur-texte);transition:color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-select__champ:disabled~.st-select__chevron,.st-select__cadre:has(>.st-select__champ:disabled)>.st-select__icone{color:var(--st-couleur-texte-desactive)}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -6693,19 +6870,19 @@ var StCalendar = class StCalendar {
 	fuseau = inject(FUSEAU_PAR_DEFAUT);
 	element = inject(ElementRef);
 	injecteur = inject(Injector);
-	aujourdHui = signal(dateDuJour(this.fuseau), ...ngDevMode ? [{ debugName: "aujourdHui" }] : 	/* istanbul ignore next */ []);
-	selection = input(null, ...ngDevMode ? [{ debugName: "selection" }] : 	/* istanbul ignore next */ []);
-	dateMin = input(null, ...ngDevMode ? [{ debugName: "dateMin" }] : 	/* istanbul ignore next */ []);
-	dateMax = input(null, ...ngDevMode ? [{ debugName: "dateMax" }] : 	/* istanbul ignore next */ []);
-	plage = input(null, ...ngDevMode ? [{ debugName: "plage" }] : 	/* istanbul ignore next */ []);
-	rejet = input(null, ...ngDevMode ? [{ debugName: "rejet" }] : 	/* istanbul ignore next */ []);
-	annees = input(null, ...ngDevMode ? [{ debugName: "annees" }] : 	/* istanbul ignore next */ []);
+	aujourdHui = signal(dateDuJour(this.fuseau), ...ngDevMode ? [{ debugName: "aujourdHui" }] : /* istanbul ignore next */ []);
+	selection = input(null, ...ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []);
+	dateMin = input(null, ...ngDevMode ? [{ debugName: "dateMin" }] : /* istanbul ignore next */ []);
+	dateMax = input(null, ...ngDevMode ? [{ debugName: "dateMax" }] : /* istanbul ignore next */ []);
+	plage = input(null, ...ngDevMode ? [{ debugName: "plage" }] : /* istanbul ignore next */ []);
+	rejet = input(null, ...ngDevMode ? [{ debugName: "rejet" }] : /* istanbul ignore next */ []);
+	annees = input(null, ...ngDevMode ? [{ debugName: "annees" }] : /* istanbul ignore next */ []);
 	pleineLargeur = input(false, {
-		...ngDevMode ? { debugName: "pleineLargeur" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "pleineLargeur" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	fermable = input(false, {
-		...ngDevMode ? { debugName: "fermable" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "fermable" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	choix = output();
@@ -6718,9 +6895,9 @@ var StCalendar = class StCalendar {
 			pied: `${base}-pied`
 		};
 	})();
-	active = linkedSignal(() => bornerDate(this.selection() ?? this.aujourdHui(), this.dateMin(), this.dateMax()), ...ngDevMode ? [{ debugName: "active" }] : 	/* istanbul ignore next */ []);
-	premierJour = computed(() => premierJourDeLaSemaine(this.locale()), ...ngDevMode ? [{ debugName: "premierJour" }] : 	/* istanbul ignore next */ []);
-	anneeActive = computed(() => Number(this.active().slice(0, 4)), ...ngDevMode ? [{ debugName: "anneeActive" }] : 	/* istanbul ignore next */ []);
+	active = linkedSignal(() => bornerDate(this.selection() ?? this.aujourdHui(), this.dateMin(), this.dateMax()), ...ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []);
+	premierJour = computed(() => premierJourDeLaSemaine(this.locale()), ...ngDevMode ? [{ debugName: "premierJour" }] : /* istanbul ignore next */ []);
+	anneeActive = computed(() => Number(this.active().slice(0, 4)), ...ngDevMode ? [{ debugName: "anneeActive" }] : /* istanbul ignore next */ []);
 	titre = computed(() => {
 		const [annee, mois] = this.active().split("-").map(Number);
 		return initiale(new Intl.DateTimeFormat(this.locale(), {
@@ -6728,7 +6905,7 @@ var StCalendar = class StCalendar {
 			year: "numeric",
 			timeZone: "UTC"
 		}).format(Date.UTC(annee ?? 2e3, (mois ?? 1) - 1, 1)), this.locale());
-	}, ...ngDevMode ? [{ debugName: "titre" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
 	listeDAnnees = computed(() => {
 		const courante = Number(this.aujourdHui().slice(0, 4));
 		const annees = this.annees();
@@ -6740,7 +6917,7 @@ var StCalendar = class StCalendar {
 		const debut = Math.min(min, active);
 		const fin = Math.max(max, active);
 		return Array.from({ length: fin - debut + 1 }, (_, index) => debut + index);
-	}, ...ngDevMode ? [{ debugName: "listeDAnnees" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "listeDAnnees" }] : /* istanbul ignore next */ []);
 	joursDeLaSemaine = computed(() => {
 		const locale = this.locale();
 		const court = new Intl.DateTimeFormat(locale, {
@@ -6759,7 +6936,7 @@ var StCalendar = class StCalendar {
 				long: long.format(instant)
 			};
 		});
-	}, ...ngDevMode ? [{ debugName: "joursDeLaSemaine" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "joursDeLaSemaine" }] : /* istanbul ignore next */ []);
 	semaines = computed(() => {
 		const active = this.active();
 		const [annee, mois] = active.split("-").map(Number);
@@ -6794,15 +6971,15 @@ var StCalendar = class StCalendar {
 			aujourdHui: date === aujourdHui,
 			rejete: date === rejet
 		})));
-	}, ...ngDevMode ? [{ debugName: "semaines" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "semaines" }] : /* istanbul ignore next */ []);
 	moisPrecedentPossible = computed(() => {
 		const min = this.dateMin();
 		return min === null || this.active().slice(0, 7) > min.slice(0, 7);
-	}, ...ngDevMode ? [{ debugName: "moisPrecedentPossible" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "moisPrecedentPossible" }] : /* istanbul ignore next */ []);
 	moisSuivantPossible = computed(() => {
 		const max = this.dateMax();
 		return max === null || this.active().slice(0, 7) < max.slice(0, 7);
-	}, ...ngDevMode ? [{ debugName: "moisSuivantPossible" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "moisSuivantPossible" }] : /* istanbul ignore next */ []);
 	constructor() {
 		afterNextRender(() => {
 			this.relireAujourdHui();
@@ -6885,7 +7062,7 @@ var StCalendar = class StCalendar {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StCalendar,
 		deps: [],
@@ -6893,7 +7070,7 @@ var StCalendar = class StCalendar {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StCalendar,
 		isStandalone: true,
 		selector: "st-calendar",
@@ -6974,7 +7151,7 @@ var StCalendar = class StCalendar {
 		},
 		ngImport: i0,
 		template: "<div class=\"st-calendar__entete\">\n  <div class=\"st-calendar__periode\">\n    <!-- Region vivante : changer de mois a la souris ne deplace pas le focus, et le\n         nouveau mois doit se dire. -->\n    <p class=\"st-calendar__titre\" aria-live=\"polite\" [id]=\"identifiants.titre\">{{ titre() }}</p>\n    <!-- La pastille se dessine par son texte (la liste native se mesure a sa plus longue option,\n         arrondie) ; la liste, transparente, la couvre et porte le focus, le nom et le choix. -->\n    <span class=\"st-calendar__annee\">\n      <span class=\"st-calendar__annee-valeur\" aria-hidden=\"true\">{{ anneeActive() }}</span>\n      <st-icon class=\"st-calendar__annee-icone\" nom=\"chevrons-haut-bas\" taille=\"16\" />\n      <select\n        class=\"st-calendar__annee-choix\"\n        [attr.aria-label]=\"libelles().annee\"\n        (change)=\"changerDAnnee($event)\"\n      >\n        @for (annee of listeDAnnees(); track annee) {\n          <option [value]=\"annee\" [selected]=\"annee === anneeActive()\">{{ annee }}</option>\n        }\n      </select>\n    </span>\n  </div>\n  <div class=\"st-calendar__navigation\">\n    <button\n      stIconButton\n      type=\"button\"\n      icone=\"chevron-gauche\"\n      taille=\"xs\"\n      tailleDuGlyphe=\"20\"\n      [etiquette]=\"libelles().moisPrecedent\"\n      [disabled]=\"!moisPrecedentPossible()\"\n      (click)=\"changerDeMois(-1)\"\n    ></button>\n    <button\n      stIconButton\n      type=\"button\"\n      icone=\"chevron-droite\"\n      taille=\"xs\"\n      tailleDuGlyphe=\"20\"\n      [etiquette]=\"libelles().moisSuivant\"\n      [disabled]=\"!moisSuivantPossible()\"\n      (click)=\"changerDeMois(1)\"\n    ></button>\n  </div>\n</div>\n\n<!-- Roles explicites : les lignes et les cellules sont mises en grille CSS (cases fluides), et\n     un `display` change efface la semantique implicite d'un tableau. -->\n<table\n  class=\"st-calendar__grille\"\n  role=\"grid\"\n  [attr.aria-labelledby]=\"identifiants.titre\"\n  [attr.aria-describedby]=\"identifiants.aide\"\n>\n  <thead class=\"st-calendar__tete\">\n    <tr class=\"st-calendar__jours-de-semaine\" role=\"row\">\n      @for (jour of joursDeLaSemaine(); track $index) {\n        <th\n          class=\"st-calendar__jour-de-semaine\"\n          role=\"columnheader\"\n          scope=\"col\"\n          [attr.abbr]=\"jour.long\"\n        >\n          {{ jour.court }}\n        </th>\n      }\n    </tr>\n  </thead>\n  <tbody class=\"st-calendar__semaines\">\n    @for (semaine of semaines(); track semaine[0]?.date) {\n      <tr class=\"st-calendar__semaine\" role=\"row\">\n        @for (jour of semaine; track jour.date) {\n          @if (jour.horsDuMois) {\n            <td class=\"st-calendar__vide\" role=\"gridcell\"></td>\n          } @else {\n            <td\n              class=\"st-calendar__cellule\"\n              role=\"gridcell\"\n              [attr.aria-selected]=\"jour.borne !== null || jour.dansLaPlage ? 'true' : null\"\n              [attr.aria-invalid]=\"jour.rejete ? 'true' : null\"\n            >\n              <button\n                class=\"st-calendar__jour\"\n                type=\"button\"\n                [attr.data-date]=\"jour.date\"\n                [attr.data-borne]=\"jour.borne\"\n                [attr.data-plage]=\"jour.dansLaPlage ? '' : null\"\n                [attr.data-rejete]=\"jour.rejete ? '' : null\"\n                [attr.tabindex]=\"estActive(jour.date) ? 0 : -1\"\n                [attr.aria-label]=\"jour.nom\"\n                [attr.aria-current]=\"jour.aujourdHui ? 'date' : null\"\n                [attr.aria-disabled]=\"jour.horsBornes ? 'true' : null\"\n                [attr.aria-describedby]=\"jour.rejete ? identifiants.pied : null\"\n                (click)=\"choisir(jour)\"\n              >\n                <span class=\"st-calendar__chiffre\">{{ jour.numero }}</span>\n              </button>\n            </td>\n          }\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n\n<p class=\"st-calendar__aide\" [id]=\"identifiants.aide\">\n  {{ fermable() ? libelles().aideDuCalendrierFermable : libelles().aideDuCalendrier }}\n</p>\n\n<!-- Pied optionnel : resume de la periode, validation differee, raison d'un rejet (qui decrit le\n     jour rejete). Vide, il ne se montre pas. -->\n<div class=\"st-calendar__pied\" [id]=\"identifiants.pied\"><ng-content select=\"[stPied]\" /></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{--_jour: max( var(--st-calendrier-jour-taille, var(--st-calendrier-jour-defaut)), var(--st-cible-min) );--_colonnes: repeat(7, minmax(var(--st-cible-min), var(--_jour)));--_ecart-entetes: var(--st-espacement-0);display:inline-block;padding:var(--st-espacement-3);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-lg)}:host(:not([data-pleine-largeur])){max-inline-size:100%}:host([data-pleine-largeur]){--_colonnes: repeat(7, minmax(0, 1fr));--_ecart-entetes: var(--st-espacement-1);display:block;padding:var(--st-espacement-6)}.st-calendar__entete{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:space-between;margin-block-end:var(--st-espacement-4);padding-block-end:var(--st-espacement-4);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-calendar__periode{display:flex;gap:var(--st-espacement-3);align-items:center}.st-calendar__titre{margin:0;font-size:var(--st-taille-md);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-md)}.st-calendar__annee{--_pastille: calc(var(--st-interligne-xs) + 2 * var(--st-espacement-demi));position:relative;display:inline-flex;align-items:center;padding:var(--st-espacement-demi) 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);background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-calendar__annee:hover{background:var(--st-couleur-surface-active)}}.st-calendar__annee-icone{margin-inline-start:var(--st-espacement-demi)}.st-calendar__annee-choix: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-calendar__annee-choix{position:absolute;inset-block:calc((var(--_pastille) - var(--st-cible-min)) / 2);inset-inline:0;margin:0;padding:0 var(--st-espacement-2);font:inherit;color:transparent;cursor:pointer;background:transparent;border:0;border-radius:var(--st-rayon-sm);appearance:none}.st-calendar__annee-choix option{color:var(--st-couleur-texte);background:var(--st-couleur-surface)}.st-calendar__navigation{display:flex;gap:var(--st-espacement-1);align-items:center}.st-calendar__grille{display:block;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);text-align:center;border-collapse:collapse}.st-calendar__tete{display:block}.st-calendar__jours-de-semaine{display:grid;grid-template-columns:var(--_colonnes);column-gap:var(--_ecart-entetes);padding-block:var(--st-espacement-2)}.st-calendar__jour-de-semaine{padding:0;font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);text-align:center}.st-calendar__semaines{display:grid;row-gap:var(--st-espacement-1)}.st-calendar__semaine{display:grid;grid-template-columns:var(--_colonnes);transition:opacity var(--st-duree-rapide) linear}@starting-style{.st-calendar__semaine{opacity:0}}.st-calendar__cellule{display:flex;padding:0}.st-calendar__vide{min-block-size:var(--_jour);padding:0}.st-calendar__jour: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-calendar__jour{display:flex;align-items:center;justify-content:center;inline-size:100%;min-inline-size:0;block-size:var(--_jour);margin:0;padding:0;font:inherit;font-family:var(--st-police-mono);color:inherit;cursor:pointer;background:transparent;border:0;border-radius:0}@media(hover:hover){.st-calendar__jour:hover:not([aria-disabled=true],[data-borne],[data-plage]){background:var(--st-couleur-surface-survol)}}.st-calendar__jour:active:not([aria-disabled=true],[data-borne],[data-plage]){background:var(--st-couleur-surface-active)}.st-calendar__jour:focus-visible{position:relative;z-index:var(--st-plan-contenu-eleve)}.st-calendar__jour:not([aria-disabled=true],[data-borne],[data-plage],[data-rejete]){border-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-plage]{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire);background:var(--st-couleur-surface-selection)}.st-calendar__jour[data-borne]{font-family:inherit}.st-calendar__jour[data-borne] .st-calendar__chiffre{display:flex;align-items:center;justify-content:center;inline-size:var(--st-espacement-10);block-size:var(--st-espacement-10);font-family:var(--st-police-mono);font-weight:var(--st-graisse-grasse);color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-borne=debut]{background:var(--st-couleur-surface-selection);border-start-start-radius:var(--st-rayon-pleine);border-end-start-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-borne=fin]{background:var(--st-couleur-surface-selection);border-start-end-radius:var(--st-rayon-pleine);border-end-end-radius:var(--st-rayon-pleine)}.st-calendar__jour[aria-disabled=true]{color:var(--st-couleur-texte-discret);text-decoration-line:line-through;cursor:not-allowed}.st-calendar__jour[data-rejete]{font-weight:var(--st-graisse-grasse);color:var(--st-couleur-danger);text-decoration-line:line-through;background:var(--st-couleur-danger-discret);border-radius:var(--st-rayon-sm)}.st-calendar__chiffre{position:relative}.st-calendar__jour[aria-current=date]:not([data-borne]){font-weight:var(--st-graisse-semi)}.st-calendar__jour[aria-current=date] .st-calendar__chiffre:after{position:absolute;inset-block-end:calc(-1 * var(--st-espacement-1) - var(--st-espacement-demi));inset-inline-start:calc(50% - var(--st-espacement-1) / 2);inline-size:var(--st-espacement-1);block-size:var(--st-espacement-1);content:\"\";background:currentColor;border-radius:var(--st-rayon-pleine)}.st-calendar__jour[aria-current=date][data-borne] .st-calendar__chiffre:after{inset-block-end:var(--st-espacement-1)}.st-calendar__aide{max-inline-size:var(--st-largeur-etroite);margin:var(--st-espacement-3) 0 0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}:host(:not([data-pleine-largeur])) .st-calendar__aide{contain:inline-size}:host([data-pleine-largeur]) .st-calendar__aide{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-calendar__pied{display:flex;align-items:center;justify-content:space-between;margin-block-start:var(--st-espacement-4);padding-block-start:var(--st-espacement-4);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-calendar__pied:empty{display:none}@media(forced-colors:active){.st-calendar__annee-valeur{visibility:hidden}.st-calendar__jour[data-borne] .st-calendar__chiffre{forced-color-adjust:none;color:HighlightText;background:Highlight}.st-calendar__jour:is([data-plage],[data-borne=debut],[data-borne=fin]):not(:focus-visible){outline:var(--st-epaisseur-fine) solid Highlight;outline-offset:calc(-1 * var(--st-epaisseur-fine))}.st-calendar__jour[data-rejete]:not(:focus-visible){outline:var(--st-epaisseur-moyenne) dashed CanvasText;outline-offset:calc(-1 * var(--st-epaisseur-moyenne))}.st-calendar__jour[aria-current=date] .st-calendar__chiffre:after{forced-color-adjust:none;background:CanvasText}.st-calendar__jour[aria-current=date][data-borne] .st-calendar__chiffre:after{background:HighlightText}}\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{--_jour: max( var(--st-calendrier-jour-taille, var(--st-calendrier-jour-defaut)), var(--st-cible-min) );--_colonnes: repeat(7, minmax(var(--st-cible-min), var(--_jour)));--_ecart-entetes: var(--st-espacement-0);display:inline-block;padding:var(--st-espacement-3);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-lg)}:host(:not([data-pleine-largeur])){max-inline-size:100%}:host([data-pleine-largeur]){--_colonnes: repeat(7, minmax(0, 1fr));--_ecart-entetes: var(--st-espacement-1);display:block;padding:var(--st-espacement-6)}.st-calendar__entete{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:space-between;margin-block-end:var(--st-espacement-4);padding-block-end:var(--st-espacement-4);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-calendar__periode{display:flex;gap:var(--st-espacement-3);align-items:center}.st-calendar__titre{margin:0;font-size:var(--st-taille-md);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-md)}.st-calendar__annee{--_pastille: calc(var(--st-interligne-xs) + 2 * var(--st-espacement-demi));position:relative;display:inline-flex;align-items:center;padding:var(--st-espacement-demi) 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);background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-calendar__annee:hover{background:var(--st-couleur-surface-active)}}.st-calendar__annee-icone{margin-inline-start:var(--st-espacement-demi)}.st-calendar__annee-choix: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-calendar__annee-choix{position:absolute;inset-block:calc((var(--_pastille) - var(--st-cible-min)) / 2);inset-inline:0;margin:0;padding:0 var(--st-espacement-2);font:inherit;color:transparent;cursor:pointer;background:transparent;border:0;border-radius:var(--st-rayon-sm);appearance:none}.st-calendar__annee-choix option{color:var(--st-couleur-texte);background:var(--st-couleur-surface)}.st-calendar__navigation{display:flex;gap:var(--st-espacement-1);align-items:center}.st-calendar__grille{display:block;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);text-align:center;border-collapse:collapse}.st-calendar__tete{display:block}.st-calendar__jours-de-semaine{display:grid;grid-template-columns:var(--_colonnes);column-gap:var(--_ecart-entetes);padding-block:var(--st-espacement-2)}.st-calendar__jour-de-semaine{padding:0;font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);text-align:center}.st-calendar__semaines{display:grid;row-gap:var(--st-espacement-1)}.st-calendar__semaine{display:grid;grid-template-columns:var(--_colonnes);transition:opacity var(--st-duree-rapide) linear}@starting-style{.st-calendar__semaine{opacity:0}}.st-calendar__cellule{display:flex;padding:0}.st-calendar__vide{min-block-size:var(--_jour);padding:0}.st-calendar__jour: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-calendar__jour{display:flex;align-items:center;justify-content:center;inline-size:100%;min-inline-size:0;block-size:var(--_jour);margin:0;padding:0;font:inherit;font-family:var(--st-police-mono);color:inherit;cursor:pointer;background:transparent;border:0;border-radius:0}@media(hover:hover){.st-calendar__jour:hover:not([aria-disabled=true],[data-borne],[data-plage]){background:var(--st-couleur-surface-survol)}}.st-calendar__jour:active:not([aria-disabled=true],[data-borne],[data-plage]){background:var(--st-couleur-surface-active)}.st-calendar__jour:focus-visible{position:relative;z-index:var(--st-plan-contenu-eleve)}.st-calendar__jour:not([aria-disabled=true],[data-borne],[data-plage],[data-rejete]){border-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-plage]{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire);background:var(--st-couleur-surface-selection)}.st-calendar__jour[data-borne]{font-family:inherit}.st-calendar__jour[data-borne] .st-calendar__chiffre{display:flex;align-items:center;justify-content:center;inline-size:var(--st-espacement-10);block-size:var(--st-espacement-10);font-family:var(--st-police-mono);font-weight:var(--st-graisse-grasse);color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-borne=debut]{background:var(--st-couleur-surface-selection);border-start-start-radius:var(--st-rayon-pleine);border-end-start-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-borne=fin]{background:var(--st-couleur-surface-selection);border-start-end-radius:var(--st-rayon-pleine);border-end-end-radius:var(--st-rayon-pleine)}.st-calendar__jour[aria-disabled=true]{color:var(--st-couleur-texte-discret);text-decoration-line:line-through;cursor:not-allowed}.st-calendar__jour[data-rejete]{font-weight:var(--st-graisse-grasse);color:var(--st-couleur-erreur);text-decoration-line:line-through;background:var(--st-couleur-erreur-discret);border-radius:var(--st-rayon-sm)}.st-calendar__chiffre{position:relative}.st-calendar__jour[aria-current=date]:not([data-borne]){font-weight:var(--st-graisse-semi)}.st-calendar__jour[aria-current=date] .st-calendar__chiffre:after{position:absolute;inset-block-end:calc(-1 * var(--st-espacement-1) - var(--st-espacement-demi));inset-inline-start:calc(50% - var(--st-espacement-1) / 2);inline-size:var(--st-espacement-1);block-size:var(--st-espacement-1);content:\"\";background:currentColor;border-radius:var(--st-rayon-pleine)}.st-calendar__jour[aria-current=date][data-borne] .st-calendar__chiffre:after{inset-block-end:var(--st-espacement-1)}.st-calendar__aide{max-inline-size:var(--st-largeur-etroite);margin:var(--st-espacement-3) 0 0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}:host(:not([data-pleine-largeur])) .st-calendar__aide{contain:inline-size}:host([data-pleine-largeur]) .st-calendar__aide{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-calendar__pied{display:flex;align-items:center;justify-content:space-between;margin-block-start:var(--st-espacement-4);padding-block-start:var(--st-espacement-4);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-calendar__pied:empty{display:none}@media(forced-colors:active){.st-calendar__annee-valeur{visibility:hidden}.st-calendar__jour[data-borne] .st-calendar__chiffre{forced-color-adjust:none;color:HighlightText;background:Highlight}.st-calendar__jour:is([data-plage],[data-borne=debut],[data-borne=fin]):not(:focus-visible){outline:var(--st-epaisseur-fine) solid Highlight;outline-offset:calc(-1 * var(--st-epaisseur-fine))}.st-calendar__jour[data-rejete]:not(:focus-visible){outline:var(--st-epaisseur-moyenne) dashed CanvasText;outline-offset:calc(-1 * var(--st-epaisseur-moyenne))}.st-calendar__jour[aria-current=date] .st-calendar__chiffre:after{forced-color-adjust:none;background:CanvasText}.st-calendar__jour[aria-current=date][data-borne] .st-calendar__chiffre:after{background:HighlightText}}\n"],
 		dependencies: [{
 			kind: "component",
 			type: StIcon,
@@ -7012,7 +7189,7 @@ var StCalendar = class StCalendar {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StCalendar,
 	decorators: [{
@@ -7031,7 +7208,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"(mousedown)": "surAppui($event)"
 			},
 			template: "<div class=\"st-calendar__entete\">\n  <div class=\"st-calendar__periode\">\n    <!-- Region vivante : changer de mois a la souris ne deplace pas le focus, et le\n         nouveau mois doit se dire. -->\n    <p class=\"st-calendar__titre\" aria-live=\"polite\" [id]=\"identifiants.titre\">{{ titre() }}</p>\n    <!-- La pastille se dessine par son texte (la liste native se mesure a sa plus longue option,\n         arrondie) ; la liste, transparente, la couvre et porte le focus, le nom et le choix. -->\n    <span class=\"st-calendar__annee\">\n      <span class=\"st-calendar__annee-valeur\" aria-hidden=\"true\">{{ anneeActive() }}</span>\n      <st-icon class=\"st-calendar__annee-icone\" nom=\"chevrons-haut-bas\" taille=\"16\" />\n      <select\n        class=\"st-calendar__annee-choix\"\n        [attr.aria-label]=\"libelles().annee\"\n        (change)=\"changerDAnnee($event)\"\n      >\n        @for (annee of listeDAnnees(); track annee) {\n          <option [value]=\"annee\" [selected]=\"annee === anneeActive()\">{{ annee }}</option>\n        }\n      </select>\n    </span>\n  </div>\n  <div class=\"st-calendar__navigation\">\n    <button\n      stIconButton\n      type=\"button\"\n      icone=\"chevron-gauche\"\n      taille=\"xs\"\n      tailleDuGlyphe=\"20\"\n      [etiquette]=\"libelles().moisPrecedent\"\n      [disabled]=\"!moisPrecedentPossible()\"\n      (click)=\"changerDeMois(-1)\"\n    ></button>\n    <button\n      stIconButton\n      type=\"button\"\n      icone=\"chevron-droite\"\n      taille=\"xs\"\n      tailleDuGlyphe=\"20\"\n      [etiquette]=\"libelles().moisSuivant\"\n      [disabled]=\"!moisSuivantPossible()\"\n      (click)=\"changerDeMois(1)\"\n    ></button>\n  </div>\n</div>\n\n<!-- Roles explicites : les lignes et les cellules sont mises en grille CSS (cases fluides), et\n     un `display` change efface la semantique implicite d'un tableau. -->\n<table\n  class=\"st-calendar__grille\"\n  role=\"grid\"\n  [attr.aria-labelledby]=\"identifiants.titre\"\n  [attr.aria-describedby]=\"identifiants.aide\"\n>\n  <thead class=\"st-calendar__tete\">\n    <tr class=\"st-calendar__jours-de-semaine\" role=\"row\">\n      @for (jour of joursDeLaSemaine(); track $index) {\n        <th\n          class=\"st-calendar__jour-de-semaine\"\n          role=\"columnheader\"\n          scope=\"col\"\n          [attr.abbr]=\"jour.long\"\n        >\n          {{ jour.court }}\n        </th>\n      }\n    </tr>\n  </thead>\n  <tbody class=\"st-calendar__semaines\">\n    @for (semaine of semaines(); track semaine[0]?.date) {\n      <tr class=\"st-calendar__semaine\" role=\"row\">\n        @for (jour of semaine; track jour.date) {\n          @if (jour.horsDuMois) {\n            <td class=\"st-calendar__vide\" role=\"gridcell\"></td>\n          } @else {\n            <td\n              class=\"st-calendar__cellule\"\n              role=\"gridcell\"\n              [attr.aria-selected]=\"jour.borne !== null || jour.dansLaPlage ? 'true' : null\"\n              [attr.aria-invalid]=\"jour.rejete ? 'true' : null\"\n            >\n              <button\n                class=\"st-calendar__jour\"\n                type=\"button\"\n                [attr.data-date]=\"jour.date\"\n                [attr.data-borne]=\"jour.borne\"\n                [attr.data-plage]=\"jour.dansLaPlage ? '' : null\"\n                [attr.data-rejete]=\"jour.rejete ? '' : null\"\n                [attr.tabindex]=\"estActive(jour.date) ? 0 : -1\"\n                [attr.aria-label]=\"jour.nom\"\n                [attr.aria-current]=\"jour.aujourdHui ? 'date' : null\"\n                [attr.aria-disabled]=\"jour.horsBornes ? 'true' : null\"\n                [attr.aria-describedby]=\"jour.rejete ? identifiants.pied : null\"\n                (click)=\"choisir(jour)\"\n              >\n                <span class=\"st-calendar__chiffre\">{{ jour.numero }}</span>\n              </button>\n            </td>\n          }\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n\n<p class=\"st-calendar__aide\" [id]=\"identifiants.aide\">\n  {{ fermable() ? libelles().aideDuCalendrierFermable : libelles().aideDuCalendrier }}\n</p>\n\n<!-- Pied optionnel : resume de la periode, validation differee, raison d'un rejet (qui decrit le\n     jour rejete). Vide, il ne se montre pas. -->\n<div class=\"st-calendar__pied\" [id]=\"identifiants.pied\"><ng-content select=\"[stPied]\" /></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{--_jour: max( var(--st-calendrier-jour-taille, var(--st-calendrier-jour-defaut)), var(--st-cible-min) );--_colonnes: repeat(7, minmax(var(--st-cible-min), var(--_jour)));--_ecart-entetes: var(--st-espacement-0);display:inline-block;padding:var(--st-espacement-3);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-lg)}:host(:not([data-pleine-largeur])){max-inline-size:100%}:host([data-pleine-largeur]){--_colonnes: repeat(7, minmax(0, 1fr));--_ecart-entetes: var(--st-espacement-1);display:block;padding:var(--st-espacement-6)}.st-calendar__entete{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:space-between;margin-block-end:var(--st-espacement-4);padding-block-end:var(--st-espacement-4);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-calendar__periode{display:flex;gap:var(--st-espacement-3);align-items:center}.st-calendar__titre{margin:0;font-size:var(--st-taille-md);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-md)}.st-calendar__annee{--_pastille: calc(var(--st-interligne-xs) + 2 * var(--st-espacement-demi));position:relative;display:inline-flex;align-items:center;padding:var(--st-espacement-demi) 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);background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-calendar__annee:hover{background:var(--st-couleur-surface-active)}}.st-calendar__annee-icone{margin-inline-start:var(--st-espacement-demi)}.st-calendar__annee-choix: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-calendar__annee-choix{position:absolute;inset-block:calc((var(--_pastille) - var(--st-cible-min)) / 2);inset-inline:0;margin:0;padding:0 var(--st-espacement-2);font:inherit;color:transparent;cursor:pointer;background:transparent;border:0;border-radius:var(--st-rayon-sm);appearance:none}.st-calendar__annee-choix option{color:var(--st-couleur-texte);background:var(--st-couleur-surface)}.st-calendar__navigation{display:flex;gap:var(--st-espacement-1);align-items:center}.st-calendar__grille{display:block;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);text-align:center;border-collapse:collapse}.st-calendar__tete{display:block}.st-calendar__jours-de-semaine{display:grid;grid-template-columns:var(--_colonnes);column-gap:var(--_ecart-entetes);padding-block:var(--st-espacement-2)}.st-calendar__jour-de-semaine{padding:0;font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);text-align:center}.st-calendar__semaines{display:grid;row-gap:var(--st-espacement-1)}.st-calendar__semaine{display:grid;grid-template-columns:var(--_colonnes);transition:opacity var(--st-duree-rapide) linear}@starting-style{.st-calendar__semaine{opacity:0}}.st-calendar__cellule{display:flex;padding:0}.st-calendar__vide{min-block-size:var(--_jour);padding:0}.st-calendar__jour: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-calendar__jour{display:flex;align-items:center;justify-content:center;inline-size:100%;min-inline-size:0;block-size:var(--_jour);margin:0;padding:0;font:inherit;font-family:var(--st-police-mono);color:inherit;cursor:pointer;background:transparent;border:0;border-radius:0}@media(hover:hover){.st-calendar__jour:hover:not([aria-disabled=true],[data-borne],[data-plage]){background:var(--st-couleur-surface-survol)}}.st-calendar__jour:active:not([aria-disabled=true],[data-borne],[data-plage]){background:var(--st-couleur-surface-active)}.st-calendar__jour:focus-visible{position:relative;z-index:var(--st-plan-contenu-eleve)}.st-calendar__jour:not([aria-disabled=true],[data-borne],[data-plage],[data-rejete]){border-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-plage]{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire);background:var(--st-couleur-surface-selection)}.st-calendar__jour[data-borne]{font-family:inherit}.st-calendar__jour[data-borne] .st-calendar__chiffre{display:flex;align-items:center;justify-content:center;inline-size:var(--st-espacement-10);block-size:var(--st-espacement-10);font-family:var(--st-police-mono);font-weight:var(--st-graisse-grasse);color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-borne=debut]{background:var(--st-couleur-surface-selection);border-start-start-radius:var(--st-rayon-pleine);border-end-start-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-borne=fin]{background:var(--st-couleur-surface-selection);border-start-end-radius:var(--st-rayon-pleine);border-end-end-radius:var(--st-rayon-pleine)}.st-calendar__jour[aria-disabled=true]{color:var(--st-couleur-texte-discret);text-decoration-line:line-through;cursor:not-allowed}.st-calendar__jour[data-rejete]{font-weight:var(--st-graisse-grasse);color:var(--st-couleur-danger);text-decoration-line:line-through;background:var(--st-couleur-danger-discret);border-radius:var(--st-rayon-sm)}.st-calendar__chiffre{position:relative}.st-calendar__jour[aria-current=date]:not([data-borne]){font-weight:var(--st-graisse-semi)}.st-calendar__jour[aria-current=date] .st-calendar__chiffre:after{position:absolute;inset-block-end:calc(-1 * var(--st-espacement-1) - var(--st-espacement-demi));inset-inline-start:calc(50% - var(--st-espacement-1) / 2);inline-size:var(--st-espacement-1);block-size:var(--st-espacement-1);content:\"\";background:currentColor;border-radius:var(--st-rayon-pleine)}.st-calendar__jour[aria-current=date][data-borne] .st-calendar__chiffre:after{inset-block-end:var(--st-espacement-1)}.st-calendar__aide{max-inline-size:var(--st-largeur-etroite);margin:var(--st-espacement-3) 0 0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}:host(:not([data-pleine-largeur])) .st-calendar__aide{contain:inline-size}:host([data-pleine-largeur]) .st-calendar__aide{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-calendar__pied{display:flex;align-items:center;justify-content:space-between;margin-block-start:var(--st-espacement-4);padding-block-start:var(--st-espacement-4);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-calendar__pied:empty{display:none}@media(forced-colors:active){.st-calendar__annee-valeur{visibility:hidden}.st-calendar__jour[data-borne] .st-calendar__chiffre{forced-color-adjust:none;color:HighlightText;background:Highlight}.st-calendar__jour:is([data-plage],[data-borne=debut],[data-borne=fin]):not(:focus-visible){outline:var(--st-epaisseur-fine) solid Highlight;outline-offset:calc(-1 * var(--st-epaisseur-fine))}.st-calendar__jour[data-rejete]:not(:focus-visible){outline:var(--st-epaisseur-moyenne) dashed CanvasText;outline-offset:calc(-1 * var(--st-epaisseur-moyenne))}.st-calendar__jour[aria-current=date] .st-calendar__chiffre:after{forced-color-adjust:none;background:CanvasText}.st-calendar__jour[aria-current=date][data-borne] .st-calendar__chiffre:after{background:HighlightText}}\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{--_jour: max( var(--st-calendrier-jour-taille, var(--st-calendrier-jour-defaut)), var(--st-cible-min) );--_colonnes: repeat(7, minmax(var(--st-cible-min), var(--_jour)));--_ecart-entetes: var(--st-espacement-0);display:inline-block;padding:var(--st-espacement-3);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-lg)}:host(:not([data-pleine-largeur])){max-inline-size:100%}:host([data-pleine-largeur]){--_colonnes: repeat(7, minmax(0, 1fr));--_ecart-entetes: var(--st-espacement-1);display:block;padding:var(--st-espacement-6)}.st-calendar__entete{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:space-between;margin-block-end:var(--st-espacement-4);padding-block-end:var(--st-espacement-4);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-calendar__periode{display:flex;gap:var(--st-espacement-3);align-items:center}.st-calendar__titre{margin:0;font-size:var(--st-taille-md);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-md)}.st-calendar__annee{--_pastille: calc(var(--st-interligne-xs) + 2 * var(--st-espacement-demi));position:relative;display:inline-flex;align-items:center;padding:var(--st-espacement-demi) 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);background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-calendar__annee:hover{background:var(--st-couleur-surface-active)}}.st-calendar__annee-icone{margin-inline-start:var(--st-espacement-demi)}.st-calendar__annee-choix: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-calendar__annee-choix{position:absolute;inset-block:calc((var(--_pastille) - var(--st-cible-min)) / 2);inset-inline:0;margin:0;padding:0 var(--st-espacement-2);font:inherit;color:transparent;cursor:pointer;background:transparent;border:0;border-radius:var(--st-rayon-sm);appearance:none}.st-calendar__annee-choix option{color:var(--st-couleur-texte);background:var(--st-couleur-surface)}.st-calendar__navigation{display:flex;gap:var(--st-espacement-1);align-items:center}.st-calendar__grille{display:block;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);text-align:center;border-collapse:collapse}.st-calendar__tete{display:block}.st-calendar__jours-de-semaine{display:grid;grid-template-columns:var(--_colonnes);column-gap:var(--_ecart-entetes);padding-block:var(--st-espacement-2)}.st-calendar__jour-de-semaine{padding:0;font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);text-align:center}.st-calendar__semaines{display:grid;row-gap:var(--st-espacement-1)}.st-calendar__semaine{display:grid;grid-template-columns:var(--_colonnes);transition:opacity var(--st-duree-rapide) linear}@starting-style{.st-calendar__semaine{opacity:0}}.st-calendar__cellule{display:flex;padding:0}.st-calendar__vide{min-block-size:var(--_jour);padding:0}.st-calendar__jour: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-calendar__jour{display:flex;align-items:center;justify-content:center;inline-size:100%;min-inline-size:0;block-size:var(--_jour);margin:0;padding:0;font:inherit;font-family:var(--st-police-mono);color:inherit;cursor:pointer;background:transparent;border:0;border-radius:0}@media(hover:hover){.st-calendar__jour:hover:not([aria-disabled=true],[data-borne],[data-plage]){background:var(--st-couleur-surface-survol)}}.st-calendar__jour:active:not([aria-disabled=true],[data-borne],[data-plage]){background:var(--st-couleur-surface-active)}.st-calendar__jour:focus-visible{position:relative;z-index:var(--st-plan-contenu-eleve)}.st-calendar__jour:not([aria-disabled=true],[data-borne],[data-plage],[data-rejete]){border-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-plage]{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire);background:var(--st-couleur-surface-selection)}.st-calendar__jour[data-borne]{font-family:inherit}.st-calendar__jour[data-borne] .st-calendar__chiffre{display:flex;align-items:center;justify-content:center;inline-size:var(--st-espacement-10);block-size:var(--st-espacement-10);font-family:var(--st-police-mono);font-weight:var(--st-graisse-grasse);color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-borne=debut]{background:var(--st-couleur-surface-selection);border-start-start-radius:var(--st-rayon-pleine);border-end-start-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-borne=fin]{background:var(--st-couleur-surface-selection);border-start-end-radius:var(--st-rayon-pleine);border-end-end-radius:var(--st-rayon-pleine)}.st-calendar__jour[aria-disabled=true]{color:var(--st-couleur-texte-discret);text-decoration-line:line-through;cursor:not-allowed}.st-calendar__jour[data-rejete]{font-weight:var(--st-graisse-grasse);color:var(--st-couleur-erreur);text-decoration-line:line-through;background:var(--st-couleur-erreur-discret);border-radius:var(--st-rayon-sm)}.st-calendar__chiffre{position:relative}.st-calendar__jour[aria-current=date]:not([data-borne]){font-weight:var(--st-graisse-semi)}.st-calendar__jour[aria-current=date] .st-calendar__chiffre:after{position:absolute;inset-block-end:calc(-1 * var(--st-espacement-1) - var(--st-espacement-demi));inset-inline-start:calc(50% - var(--st-espacement-1) / 2);inline-size:var(--st-espacement-1);block-size:var(--st-espacement-1);content:\"\";background:currentColor;border-radius:var(--st-rayon-pleine)}.st-calendar__jour[aria-current=date][data-borne] .st-calendar__chiffre:after{inset-block-end:var(--st-espacement-1)}.st-calendar__aide{max-inline-size:var(--st-largeur-etroite);margin:var(--st-espacement-3) 0 0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}:host(:not([data-pleine-largeur])) .st-calendar__aide{contain:inline-size}:host([data-pleine-largeur]) .st-calendar__aide{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-calendar__pied{display:flex;align-items:center;justify-content:space-between;margin-block-start:var(--st-espacement-4);padding-block-start:var(--st-espacement-4);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-calendar__pied:empty{display:none}@media(forced-colors:active){.st-calendar__annee-valeur{visibility:hidden}.st-calendar__jour[data-borne] .st-calendar__chiffre{forced-color-adjust:none;color:HighlightText;background:Highlight}.st-calendar__jour:is([data-plage],[data-borne=debut],[data-borne=fin]):not(:focus-visible){outline:var(--st-epaisseur-fine) solid Highlight;outline-offset:calc(-1 * var(--st-epaisseur-fine))}.st-calendar__jour[data-rejete]:not(:focus-visible){outline:var(--st-epaisseur-moyenne) dashed CanvasText;outline-offset:calc(-1 * var(--st-epaisseur-moyenne))}.st-calendar__jour[aria-current=date] .st-calendar__chiffre:after{forced-color-adjust:none;background:CanvasText}.st-calendar__jour[aria-current=date][data-borne] .st-calendar__chiffre:after{background:HighlightText}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -7186,30 +7363,30 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
 	element = inject(ElementRef);
 	document = inject(DOCUMENT);
 	injecteur = inject(Injector);
-	natif = viewChild.required("champ", ...ngDevMode ? [{ debugName: "natif" }] : 	/* istanbul ignore next */ []);
-	value = model([], ...ngDevMode ? [{ debugName: "value" }] : 	/* istanbul ignore next */ []);
-	accept = input("", ...ngDevMode ? [{ debugName: "accept" }] : 	/* istanbul ignore next */ []);
+	natif = viewChild.required("champ", ...ngDevMode ? [{ debugName: "natif" }] : /* istanbul ignore next */ []);
+	value = model([], ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	accept = input("", ...ngDevMode ? [{ debugName: "accept" }] : /* istanbul ignore next */ []);
 	multiple = input(false, {
-		...ngDevMode ? { debugName: "multiple" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	tailleMax = input(null, ...ngDevMode ? [{ debugName: "tailleMax" }] : 	/* istanbul ignore next */ []);
-	nombreMax = input(null, ...ngDevMode ? [{ debugName: "nombreMax" }] : 	/* istanbul ignore next */ []);
-	libelleDuChoix = input(null, ...ngDevMode ? [{ debugName: "libelleDuChoix" }] : 	/* istanbul ignore next */ []);
-	etats = input(null, ...ngDevMode ? [{ debugName: "etats" }] : 	/* istanbul ignore next */ []);
+	tailleMax = input(null, ...ngDevMode ? [{ debugName: "tailleMax" }] : /* istanbul ignore next */ []);
+	nombreMax = input(null, ...ngDevMode ? [{ debugName: "nombreMax" }] : /* istanbul ignore next */ []);
+	libelleDuChoix = input(null, ...ngDevMode ? [{ debugName: "libelleDuChoix" }] : /* istanbul ignore next */ []);
+	etats = input(null, ...ngDevMode ? [{ debugName: "etats" }] : /* istanbul ignore next */ []);
 	annulation = output();
 	remplacement = output();
 	annonce = new AnnonceLocale(inject(DestroyRef));
-	survol = signal(false, ...ngDevMode ? [{ debugName: "survol" }] : 	/* istanbul ignore next */ []);
+	survol = signal(false, ...ngDevMode ? [{ debugName: "survol" }] : /* istanbul ignore next */ []);
 	identifiants = inject(StIdentifiants);
 	identifiantDesConsignes = this.identifiants.prochain("st-file-upload-consignes");
 	identifiantDeLaLecture = this.identifiants.prochain("st-file-upload-lecture");
 	identifiantDuRefus = this.identifiants.prochain("st-file-upload-refus");
-	refusDuNombre = signal(null, ...ngDevMode ? [{ debugName: "refusDuNombre" }] : 	/* istanbul ignore next */ []);
+	refusDuNombre = signal(null, ...ngDevMode ? [{ debugName: "refusDuNombre" }] : /* istanbul ignore next */ []);
 	entreesDuGlisser = 0;
 	aRemplacer = null;
-	ouvert = computed(() => !this.desactive() && !this.readonly(), ...ngDevMode ? [{ debugName: "ouvert" }] : 	/* istanbul ignore next */ []);
-	texteDuChoix = computed(() => this.libelleDuChoix() ?? (this.multiple() ? this.libelles().choisirDesFichiers : this.libelles().choisirUnFichier), ...ngDevMode ? [{ debugName: "texteDuChoix" }] : 	/* istanbul ignore next */ []);
+	ouvert = computed(() => !this.desactive() && !this.readonly(), ...ngDevMode ? [{ debugName: "ouvert" }] : /* istanbul ignore next */ []);
+	texteDuChoix = computed(() => this.libelleDuChoix() ?? (this.multiple() ? this.libelles().choisirDesFichiers : this.libelles().choisirUnFichier), ...ngDevMode ? [{ debugName: "texteDuChoix" }] : /* istanbul ignore next */ []);
 	consignes = computed(() => {
 		const libelles = this.libelles();
 		const textes = [this.aideEtRaisons()];
@@ -7220,12 +7397,12 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
 		if (nombre !== null && this.multiple()) textes.push(libelles.nombreMaximalDeFichiers(nombre));
 		const texte = textes.filter((morceau) => morceau !== null).join(" ");
 		return texte === "" ? null : texte;
-	}, ...ngDevMode ? [{ debugName: "consignes" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "consignes" }] : /* istanbul ignore next */ []);
 	descriptionsDesConsignes = computed(() => [
 		...this.consignes() === null ? [] : [this.identifiantDesConsignes],
 		...this.readonly() ? [this.identifiantDeLaLecture] : [],
 		...this.refusDuNombre() === null ? [] : [this.identifiantDuRefus]
-	], ...ngDevMode ? [{ debugName: "descriptionsDesConsignes" }] : 	/* istanbul ignore next */ []);
+	], ...ngDevMode ? [{ debugName: "descriptionsDesConsignes" }] : /* istanbul ignore next */ []);
 	lignes = computed(() => {
 		const locale = this.locale();
 		const libelles = this.libelles();
@@ -7276,7 +7453,7 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
 				annulable: etape === "en-cours" && etat?.annulable !== false
 			};
 		});
-	}, ...ngDevMode ? [{ debugName: "lignes" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []);
 	constructor() {
 		super();
 		let etapesConnues = null;
@@ -7442,7 +7619,7 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StFileUpload,
 		deps: [],
@@ -7450,7 +7627,7 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StFileUpload,
 		isStandalone: true,
 		selector: "st-file-upload",
@@ -7524,7 +7701,7 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
 		usesInheritance: true,
 		ngImport: i0,
 		template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n  [descriptionsDuControle]=\"descriptionsDesConsignes()\"\n  toutesLesErreurs\n>\n  <!-- Zone de depot centree (planche 3) : pastille, choix, consignes. -->\n  <div\n    class=\"st-file-upload__zone\"\n    [attr.data-survol]=\"survol() ? '' : null\"\n    [attr.data-desactive]=\"desactive() ? '' : null\"\n    [attr.data-lecture-seule]=\"readonly() ? '' : null\"\n    (dragenter)=\"surEntreeDuGlisser($event)\"\n    (dragover)=\"surSurvol($event)\"\n    (dragleave)=\"surSortieDuGlisser()\"\n    (drop)=\"surDepot($event)\"\n  >\n    <span class=\"st-file-upload__pastille\" aria-hidden=\"true\">\n      <st-icon nom=\"nuage-televerser\" taille=\"28\" />\n    </span>\n    <div class=\"st-file-upload__choix\">\n      <input\n        #champ\n        class=\"st-file-upload__natif\"\n        stControleDeChamp\n        type=\"file\"\n        [accept]=\"accept()\"\n        [multiple]=\"multiple()\"\n        [attr.name]=\"name() || null\"\n        [disabled]=\"desactive()\"\n        [attr.aria-disabled]=\"readonly() ? 'true' : null\"\n        (click)=\"surClicDuNatif($event)\"\n        (change)=\"surChoix($event)\"\n        (cancel)=\"surAbandon()\"\n      />\n      <!-- Voie de la souris vers le champ natif. Masque au lecteur d'ecran et hors\n           tabulation : le clavier et le lecteur d'ecran passent par le champ natif,\n           deja nomme par l'etiquette du champ ; son focus se voit ici. En lecture seule, il\n           dit l'etat, et le champ natif le lit en description (le role button n'expose pas\n           aria-readonly). -->\n      <span\n        class=\"st-file-upload__bouton\"\n        aria-hidden=\"true\"\n        [attr.id]=\"readonly() ? identifiantDeLaLecture : null\"\n        (click)=\"ouvrir()\"\n        >{{ readonly() ? libelles().lectureSeule : texteDuChoix() }}</span\n      >\n      @if (multiple() && !readonly()) {\n        <span class=\"st-file-upload__mention\" aria-hidden=\"true\">{{\n          libelles().ouDeposerIci\n        }}</span>\n      }\n    </div>\n    @if (consignes(); as texte) {\n      <p class=\"st-file-upload__consignes\" [id]=\"identifiantDesConsignes\">{{ texte }}</p>\n    }\n  </div>\n\n  <!-- Les noms cites par une phrase du dictionnaire, chacun dans son ilot de gauche a droite : un\n       nom en hebreu ou en arabe ne reordonne pas la phrase (D-4). Le texte, chacun dans son\n       element : aucun blanc de mise en page ne s'y glisse. -->\n  @if (refusDuNombre(); as refus) {\n    <p class=\"st-file-upload__refus\" [id]=\"identifiantDuRefus\">\n      <st-icon nom=\"cercle-alerte\" variante=\"plein\" />\n      <span>\n        @for (morceau of refus.morceaux; track $index) {\n          @if (morceau.nom) {\n            <bdi dir=\"ltr\">{{ morceau.texte }}</bdi>\n          } @else {\n            <span>{{ morceau.texte }}</span>\n          }\n        }\n      </span>\n    </p>\n  }\n\n  @if (lignes().length === 0) {\n    <p class=\"st-file-upload__vide\">{{ libelles().aucunFichier }}</p>\n  } @else {\n    <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n    <ul class=\"st-file-upload__liste\" role=\"list\">\n      @for (ligne of lignes(); track ligne.cle; let indice = $index) {\n        <li class=\"st-file-upload__fichier\" [attr.data-etape]=\"ligne.etape\">\n          <div class=\"st-file-upload__entete\">\n            <div class=\"st-file-upload__identite\">\n              <span class=\"st-file-upload__tuile\" aria-hidden=\"true\">\n                <st-icon [nom]=\"ligne.icone\" taille=\"22\" />\n              </span>\n              <div class=\"st-file-upload__textes\">\n                <div class=\"st-file-upload__titre\">\n                  <span class=\"st-file-upload__nom\" dir=\"ltr\">{{ ligne.nom }}</span>\n                  <span class=\"st-file-upload__taille\">{{ ligne.taille }}</span>\n                </div>\n                @if (ligne.morceauxDuStatut; as morceaux) {\n                  <div class=\"st-file-upload__statut\">\n                    @switch (ligne.etape) {\n                      @case ('depose') {\n                        <st-icon nom=\"cercle-coche\" variante=\"plein\" />\n                      }\n                      @case ('refuse') {\n                        <st-icon nom=\"cercle-alerte\" variante=\"plein\" />\n                      }\n                    }\n                    <span>\n                      @for (morceau of morceaux; track $index) {\n                        @if (morceau.nom) {\n                          <bdi dir=\"ltr\">{{ morceau.texte }}</bdi>\n                        } @else {\n                          <span>{{ morceau.texte }}</span>\n                        }\n                      }\n                    </span>\n                  </div>\n                }\n              </div>\n            </div>\n\n            <div class=\"st-file-upload__actions\">\n              @if (ligne.detail; as detail) {\n                <span class=\"st-file-upload__detail\">{{ detail }}</span>\n              }\n              @if (ligne.etape === 'refuse') {\n                <button\n                  class=\"st-file-upload__remplacer\"\n                  stButton\n                  type=\"button\"\n                  variante=\"secondaire\"\n                  taille=\"xs\"\n                  [attr.aria-label]=\"libelles().remplacerLeFichier(ligne.nom)\"\n                  [disabled]=\"desactive()\"\n                  [indisponible]=\"readonly()\"\n                  (click)=\"remplacer(indice)\"\n                >\n                  {{ libelles().remplacer }}\n                </button>\n              }\n              <!-- UN seul bouton par ligne, dont l'icone, l'etiquette et l'action suivent l'etat :\n                   un bouton rendu par etat etait DETRUIT a l'arrivee de l'envoi, et le focus qu'il\n                   portait tombait sur le document (revue E10). Absent quand l'envoi n'est plus\n                   annulable (planche 3b) : le focus passe alors au choix de fichiers. -->\n              @if (ligne.etape !== 'en-cours' || ligne.annulable) {\n                <button\n                  class=\"st-file-upload__retrait\"\n                  stIconButton\n                  type=\"button\"\n                  taille=\"xs\"\n                  [icone]=\"ligne.etape === null || ligne.etape === 'depose' ? 'corbeille' : 'croix'\"\n                  [etiquette]=\"\n                    ligne.etape === 'en-cours'\n                      ? libelles().annulerLeTeleversement(ligne.nom)\n                      : libelles().retirerLeFichier(ligne.nom)\n                  \"\n                  [disabled]=\"desactive()\"\n                  [indisponible]=\"readonly()\"\n                  (click)=\"agirSurLaLigne(ligne.fichier, ligne.etape, ligne.annulable, indice)\"\n                ></button>\n              }\n            </div>\n          </div>\n\n          @if (ligne.etape === 'en-cours') {\n            <st-progress\n              class=\"st-file-upload__progression\"\n              epaisseur=\"moyenne\"\n              [valeur]=\"ligne.progression\"\n              [etiquette]=\"libelles().televersementDe(ligne.nom)\"\n            />\n          }\n        </li>\n      }\n    </ul>\n  }\n</st-form-field>\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:block}.st-file-upload__zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--st-espacement-8);text-align:center;background:var(--st-couleur-fond);border:var(--st-epaisseur-moyenne) dashed var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-lg);transition:background-color var(--st-duree-rapide) var(--st-courbe-standard),border-color var(--st-duree-rapide) var(--st-courbe-standard)}.st-file-upload__zone[data-survol]{background:var(--st-couleur-surface-selection);border-style:solid;border-color:var(--st-couleur-bordure-selection)}.st-file-upload__pastille{display:flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-espacement-12);block-size:var(--st-espacement-12);margin-block-end:var(--st-espacement-3);color:var(--st-couleur-texte-primaire);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-pleine)}.st-file-upload__choix{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;justify-content:center;margin-block-end:var(--st-espacement-1)}.st-file-upload__natif{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-file-upload__bouton{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-4);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md));transition:background-color var(--st-duree-rapide) var(--st-courbe-standard)}@media(hover:hover){.st-file-upload__bouton:hover{background:var(--st-couleur-surface-survol)}}.st-file-upload__bouton:active{background:var(--st-couleur-surface-active)}.st-file-upload__natif:focus-visible+.st-file-upload__bouton{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)}[aria-invalid=true]+.st-file-upload__bouton{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}[aria-invalid=true]:focus-visible+.st-file-upload__bouton{box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-file-upload__natif:disabled+.st-file-upload__bouton{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-file-upload__zone[data-lecture-seule]{border-style:solid;border-color:var(--st-couleur-bordure)}.st-file-upload__zone[data-lecture-seule] .st-file-upload__bouton{cursor:default;background:var(--st-couleur-surface-enfoncee)}.st-file-upload__mention{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-file-upload__consignes{max-inline-size:28rem;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-file-upload__refus{display:flex;gap:var(--st-espacement-1-5);align-items:flex-start;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-danger)}.st-file-upload__refus st-icon{--st-icone-taille: .9375rem;flex:none}.st-file-upload__vide{margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-file-upload__liste{padding:0;margin:0;list-style:none}.st-file-upload__fichier{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center;justify-content:space-between;min-block-size:var(--st-cible-tactile-min);padding:var(--st-espacement-4);margin-block-start:var(--st-espacement-3);background:var(--st-couleur-fond);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-lg)}@media(min-width:30rem){.st-file-upload__fichier{flex-wrap:nowrap}}.st-file-upload__fichier[data-etape=en-cours]{flex-flow:column;gap:var(--st-espacement-3);align-items:normal;justify-content:normal}.st-file-upload__fichier[data-etape=refuse]{background:var(--st-couleur-danger-discret);border-color:color-mix(in srgb,var(--st-couleur-danger) 30%,transparent)}.st-file-upload__entete{display:contents}[data-etape=en-cours]>.st-file-upload__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center;justify-content:space-between}@media(min-width:30rem){[data-etape=en-cours]>.st-file-upload__entete{flex-wrap:nowrap}}.st-file-upload__identite{display:flex;gap:var(--st-espacement-3-5);align-items:center;min-inline-size:0}.st-file-upload__tuile{display:flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;inline-size:var(--st-espacement-10);block-size:var(--st-espacement-10);color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}[data-etape=en-cours] .st-file-upload__tuile{color:var(--st-couleur-texte-primaire)}[data-etape=depose] .st-file-upload__tuile{color:var(--st-couleur-succes);background:var(--st-couleur-succes-discret);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-succes) 20%,transparent)}[data-etape=refuse] .st-file-upload__tuile{color:var(--st-couleur-danger);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-danger) 30%,transparent)}.st-file-upload__textes{min-inline-size:0}.st-file-upload__titre{display:flex;flex-wrap:wrap;gap:0 var(--st-espacement-2);align-items:center}.st-file-upload__nom{min-inline-size:0;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);overflow-wrap:anywhere;unicode-bidi:isolate}.st-file-upload__taille,.st-file-upload__detail{flex:none;white-space:nowrap;font-family:var(--st-police-mono);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}[data-etape=refuse] .st-file-upload__taille{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-danger)}[data-etape=en-cours] .st-file-upload__detail{font-weight:var(--st-graisse-grasse);color:var(--st-couleur-texte-primaire)}.st-file-upload__statut{--st-icone-taille: .9375rem;display:flex;gap:var(--st-espacement-1-5);align-items:center;margin-block-start:var(--st-espacement-demi);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-primaire)}[data-etape=depose] .st-file-upload__statut{color:var(--st-couleur-succes)}[data-etape=refuse] .st-file-upload__statut{color:var(--st-couleur-danger)}.st-file-upload__statut st-icon{align-self:flex-start}.st-file-upload__actions{display:flex;flex:none;gap:var(--st-espacement-3);align-items:center;margin-inline-start:auto}[data-etape=refuse] .st-file-upload__actions{gap:var(--st-espacement-2-5)}.st-file-upload__progression{inline-size:100%}@media(forced-colors:active){.st-file-upload__zone[data-survol]{border-color:Highlight}.st-file-upload__bouton{border-color:CanvasText}}\n"],
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-file-upload__zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--st-espacement-8);text-align:center;background:var(--st-couleur-fond);border:var(--st-epaisseur-moyenne) dashed var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-lg);transition:background-color var(--st-duree-rapide) var(--st-courbe-standard),border-color var(--st-duree-rapide) var(--st-courbe-standard)}.st-file-upload__zone[data-survol]{background:var(--st-couleur-surface-selection);border-style:solid;border-color:var(--st-couleur-bordure-selection)}.st-file-upload__pastille{display:flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-espacement-12);block-size:var(--st-espacement-12);margin-block-end:var(--st-espacement-3);color:var(--st-couleur-texte-primaire);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-pleine)}.st-file-upload__choix{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;justify-content:center;margin-block-end:var(--st-espacement-1)}.st-file-upload__natif{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-file-upload__bouton{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-4);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md));transition:background-color var(--st-duree-rapide) var(--st-courbe-standard)}@media(hover:hover){.st-file-upload__bouton:hover{background:var(--st-couleur-surface-survol)}}.st-file-upload__bouton:active{background:var(--st-couleur-surface-active)}.st-file-upload__natif:focus-visible+.st-file-upload__bouton{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)}[aria-invalid=true]+.st-file-upload__bouton{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}[aria-invalid=true]:focus-visible+.st-file-upload__bouton{box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-file-upload__natif:disabled+.st-file-upload__bouton{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-file-upload__zone[data-lecture-seule]{border-style:solid;border-color:var(--st-couleur-bordure)}.st-file-upload__zone[data-lecture-seule] .st-file-upload__bouton{cursor:default;background:var(--st-couleur-surface-enfoncee)}.st-file-upload__mention{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-file-upload__consignes{max-inline-size:28rem;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-file-upload__refus{display:flex;gap:var(--st-espacement-1-5);align-items:flex-start;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-file-upload__refus st-icon{--st-icone-taille: .9375rem;flex:none}.st-file-upload__vide{margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-file-upload__liste{padding:0;margin:0;list-style:none}.st-file-upload__fichier{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center;justify-content:space-between;min-block-size:var(--st-cible-tactile-min);padding:var(--st-espacement-4);margin-block-start:var(--st-espacement-3);background:var(--st-couleur-fond);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-lg)}@media(min-width:30rem){.st-file-upload__fichier{flex-wrap:nowrap}}.st-file-upload__fichier[data-etape=en-cours]{flex-flow:column;gap:var(--st-espacement-3);align-items:normal;justify-content:normal}.st-file-upload__fichier[data-etape=refuse]{background:var(--st-couleur-erreur-discret);border-color:color-mix(in srgb,var(--st-couleur-erreur) 30%,transparent)}.st-file-upload__entete{display:contents}[data-etape=en-cours]>.st-file-upload__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center;justify-content:space-between}@media(min-width:30rem){[data-etape=en-cours]>.st-file-upload__entete{flex-wrap:nowrap}}.st-file-upload__identite{display:flex;gap:var(--st-espacement-3-5);align-items:center;min-inline-size:0}.st-file-upload__tuile{display:flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;inline-size:var(--st-espacement-10);block-size:var(--st-espacement-10);color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}[data-etape=en-cours] .st-file-upload__tuile{color:var(--st-couleur-texte-primaire)}[data-etape=depose] .st-file-upload__tuile{color:var(--st-couleur-succes);background:var(--st-couleur-succes-discret);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-succes) 20%,transparent)}[data-etape=refuse] .st-file-upload__tuile{color:var(--st-couleur-erreur);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-erreur) 30%,transparent)}.st-file-upload__textes{min-inline-size:0}.st-file-upload__titre{display:flex;flex-wrap:wrap;gap:0 var(--st-espacement-2);align-items:center}.st-file-upload__nom{min-inline-size:0;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);overflow-wrap:anywhere;unicode-bidi:isolate}.st-file-upload__taille,.st-file-upload__detail{flex:none;white-space:nowrap;font-family:var(--st-police-mono);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}[data-etape=refuse] .st-file-upload__taille{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-erreur)}[data-etape=en-cours] .st-file-upload__detail{font-weight:var(--st-graisse-grasse);color:var(--st-couleur-texte-primaire)}.st-file-upload__statut{--st-icone-taille: .9375rem;display:flex;gap:var(--st-espacement-1-5);align-items:center;margin-block-start:var(--st-espacement-demi);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-primaire)}[data-etape=depose] .st-file-upload__statut{color:var(--st-couleur-succes)}[data-etape=refuse] .st-file-upload__statut{color:var(--st-couleur-erreur)}.st-file-upload__statut st-icon{align-self:flex-start}.st-file-upload__actions{display:flex;flex:none;gap:var(--st-espacement-3);align-items:center;margin-inline-start:auto}[data-etape=refuse] .st-file-upload__actions{gap:var(--st-espacement-2-5)}.st-file-upload__progression{inline-size:100%}@media(forced-colors:active){.st-file-upload__zone[data-survol]{border-color:Highlight}.st-file-upload__bouton{border-color:CanvasText}}\n"],
 		dependencies: [
 			{
 				kind: "component",
@@ -7613,7 +7790,7 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StFileUpload,
 	decorators: [{
@@ -7634,7 +7811,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"(focusout)": "aLaSortie($event)"
 			},
 			template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n  [descriptionsDuControle]=\"descriptionsDesConsignes()\"\n  toutesLesErreurs\n>\n  <!-- Zone de depot centree (planche 3) : pastille, choix, consignes. -->\n  <div\n    class=\"st-file-upload__zone\"\n    [attr.data-survol]=\"survol() ? '' : null\"\n    [attr.data-desactive]=\"desactive() ? '' : null\"\n    [attr.data-lecture-seule]=\"readonly() ? '' : null\"\n    (dragenter)=\"surEntreeDuGlisser($event)\"\n    (dragover)=\"surSurvol($event)\"\n    (dragleave)=\"surSortieDuGlisser()\"\n    (drop)=\"surDepot($event)\"\n  >\n    <span class=\"st-file-upload__pastille\" aria-hidden=\"true\">\n      <st-icon nom=\"nuage-televerser\" taille=\"28\" />\n    </span>\n    <div class=\"st-file-upload__choix\">\n      <input\n        #champ\n        class=\"st-file-upload__natif\"\n        stControleDeChamp\n        type=\"file\"\n        [accept]=\"accept()\"\n        [multiple]=\"multiple()\"\n        [attr.name]=\"name() || null\"\n        [disabled]=\"desactive()\"\n        [attr.aria-disabled]=\"readonly() ? 'true' : null\"\n        (click)=\"surClicDuNatif($event)\"\n        (change)=\"surChoix($event)\"\n        (cancel)=\"surAbandon()\"\n      />\n      <!-- Voie de la souris vers le champ natif. Masque au lecteur d'ecran et hors\n           tabulation : le clavier et le lecteur d'ecran passent par le champ natif,\n           deja nomme par l'etiquette du champ ; son focus se voit ici. En lecture seule, il\n           dit l'etat, et le champ natif le lit en description (le role button n'expose pas\n           aria-readonly). -->\n      <span\n        class=\"st-file-upload__bouton\"\n        aria-hidden=\"true\"\n        [attr.id]=\"readonly() ? identifiantDeLaLecture : null\"\n        (click)=\"ouvrir()\"\n        >{{ readonly() ? libelles().lectureSeule : texteDuChoix() }}</span\n      >\n      @if (multiple() && !readonly()) {\n        <span class=\"st-file-upload__mention\" aria-hidden=\"true\">{{\n          libelles().ouDeposerIci\n        }}</span>\n      }\n    </div>\n    @if (consignes(); as texte) {\n      <p class=\"st-file-upload__consignes\" [id]=\"identifiantDesConsignes\">{{ texte }}</p>\n    }\n  </div>\n\n  <!-- Les noms cites par une phrase du dictionnaire, chacun dans son ilot de gauche a droite : un\n       nom en hebreu ou en arabe ne reordonne pas la phrase (D-4). Le texte, chacun dans son\n       element : aucun blanc de mise en page ne s'y glisse. -->\n  @if (refusDuNombre(); as refus) {\n    <p class=\"st-file-upload__refus\" [id]=\"identifiantDuRefus\">\n      <st-icon nom=\"cercle-alerte\" variante=\"plein\" />\n      <span>\n        @for (morceau of refus.morceaux; track $index) {\n          @if (morceau.nom) {\n            <bdi dir=\"ltr\">{{ morceau.texte }}</bdi>\n          } @else {\n            <span>{{ morceau.texte }}</span>\n          }\n        }\n      </span>\n    </p>\n  }\n\n  @if (lignes().length === 0) {\n    <p class=\"st-file-upload__vide\">{{ libelles().aucunFichier }}</p>\n  } @else {\n    <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n    <ul class=\"st-file-upload__liste\" role=\"list\">\n      @for (ligne of lignes(); track ligne.cle; let indice = $index) {\n        <li class=\"st-file-upload__fichier\" [attr.data-etape]=\"ligne.etape\">\n          <div class=\"st-file-upload__entete\">\n            <div class=\"st-file-upload__identite\">\n              <span class=\"st-file-upload__tuile\" aria-hidden=\"true\">\n                <st-icon [nom]=\"ligne.icone\" taille=\"22\" />\n              </span>\n              <div class=\"st-file-upload__textes\">\n                <div class=\"st-file-upload__titre\">\n                  <span class=\"st-file-upload__nom\" dir=\"ltr\">{{ ligne.nom }}</span>\n                  <span class=\"st-file-upload__taille\">{{ ligne.taille }}</span>\n                </div>\n                @if (ligne.morceauxDuStatut; as morceaux) {\n                  <div class=\"st-file-upload__statut\">\n                    @switch (ligne.etape) {\n                      @case ('depose') {\n                        <st-icon nom=\"cercle-coche\" variante=\"plein\" />\n                      }\n                      @case ('refuse') {\n                        <st-icon nom=\"cercle-alerte\" variante=\"plein\" />\n                      }\n                    }\n                    <span>\n                      @for (morceau of morceaux; track $index) {\n                        @if (morceau.nom) {\n                          <bdi dir=\"ltr\">{{ morceau.texte }}</bdi>\n                        } @else {\n                          <span>{{ morceau.texte }}</span>\n                        }\n                      }\n                    </span>\n                  </div>\n                }\n              </div>\n            </div>\n\n            <div class=\"st-file-upload__actions\">\n              @if (ligne.detail; as detail) {\n                <span class=\"st-file-upload__detail\">{{ detail }}</span>\n              }\n              @if (ligne.etape === 'refuse') {\n                <button\n                  class=\"st-file-upload__remplacer\"\n                  stButton\n                  type=\"button\"\n                  variante=\"secondaire\"\n                  taille=\"xs\"\n                  [attr.aria-label]=\"libelles().remplacerLeFichier(ligne.nom)\"\n                  [disabled]=\"desactive()\"\n                  [indisponible]=\"readonly()\"\n                  (click)=\"remplacer(indice)\"\n                >\n                  {{ libelles().remplacer }}\n                </button>\n              }\n              <!-- UN seul bouton par ligne, dont l'icone, l'etiquette et l'action suivent l'etat :\n                   un bouton rendu par etat etait DETRUIT a l'arrivee de l'envoi, et le focus qu'il\n                   portait tombait sur le document (revue E10). Absent quand l'envoi n'est plus\n                   annulable (planche 3b) : le focus passe alors au choix de fichiers. -->\n              @if (ligne.etape !== 'en-cours' || ligne.annulable) {\n                <button\n                  class=\"st-file-upload__retrait\"\n                  stIconButton\n                  type=\"button\"\n                  taille=\"xs\"\n                  [icone]=\"ligne.etape === null || ligne.etape === 'depose' ? 'corbeille' : 'croix'\"\n                  [etiquette]=\"\n                    ligne.etape === 'en-cours'\n                      ? libelles().annulerLeTeleversement(ligne.nom)\n                      : libelles().retirerLeFichier(ligne.nom)\n                  \"\n                  [disabled]=\"desactive()\"\n                  [indisponible]=\"readonly()\"\n                  (click)=\"agirSurLaLigne(ligne.fichier, ligne.etape, ligne.annulable, indice)\"\n                ></button>\n              }\n            </div>\n          </div>\n\n          @if (ligne.etape === 'en-cours') {\n            <st-progress\n              class=\"st-file-upload__progression\"\n              epaisseur=\"moyenne\"\n              [valeur]=\"ligne.progression\"\n              [etiquette]=\"libelles().televersementDe(ligne.nom)\"\n            />\n          }\n        </li>\n      }\n    </ul>\n  }\n</st-form-field>\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:block}.st-file-upload__zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--st-espacement-8);text-align:center;background:var(--st-couleur-fond);border:var(--st-epaisseur-moyenne) dashed var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-lg);transition:background-color var(--st-duree-rapide) var(--st-courbe-standard),border-color var(--st-duree-rapide) var(--st-courbe-standard)}.st-file-upload__zone[data-survol]{background:var(--st-couleur-surface-selection);border-style:solid;border-color:var(--st-couleur-bordure-selection)}.st-file-upload__pastille{display:flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-espacement-12);block-size:var(--st-espacement-12);margin-block-end:var(--st-espacement-3);color:var(--st-couleur-texte-primaire);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-pleine)}.st-file-upload__choix{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;justify-content:center;margin-block-end:var(--st-espacement-1)}.st-file-upload__natif{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-file-upload__bouton{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-4);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md));transition:background-color var(--st-duree-rapide) var(--st-courbe-standard)}@media(hover:hover){.st-file-upload__bouton:hover{background:var(--st-couleur-surface-survol)}}.st-file-upload__bouton:active{background:var(--st-couleur-surface-active)}.st-file-upload__natif:focus-visible+.st-file-upload__bouton{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)}[aria-invalid=true]+.st-file-upload__bouton{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}[aria-invalid=true]:focus-visible+.st-file-upload__bouton{box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-file-upload__natif:disabled+.st-file-upload__bouton{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-file-upload__zone[data-lecture-seule]{border-style:solid;border-color:var(--st-couleur-bordure)}.st-file-upload__zone[data-lecture-seule] .st-file-upload__bouton{cursor:default;background:var(--st-couleur-surface-enfoncee)}.st-file-upload__mention{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-file-upload__consignes{max-inline-size:28rem;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-file-upload__refus{display:flex;gap:var(--st-espacement-1-5);align-items:flex-start;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-danger)}.st-file-upload__refus st-icon{--st-icone-taille: .9375rem;flex:none}.st-file-upload__vide{margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-file-upload__liste{padding:0;margin:0;list-style:none}.st-file-upload__fichier{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center;justify-content:space-between;min-block-size:var(--st-cible-tactile-min);padding:var(--st-espacement-4);margin-block-start:var(--st-espacement-3);background:var(--st-couleur-fond);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-lg)}@media(min-width:30rem){.st-file-upload__fichier{flex-wrap:nowrap}}.st-file-upload__fichier[data-etape=en-cours]{flex-flow:column;gap:var(--st-espacement-3);align-items:normal;justify-content:normal}.st-file-upload__fichier[data-etape=refuse]{background:var(--st-couleur-danger-discret);border-color:color-mix(in srgb,var(--st-couleur-danger) 30%,transparent)}.st-file-upload__entete{display:contents}[data-etape=en-cours]>.st-file-upload__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center;justify-content:space-between}@media(min-width:30rem){[data-etape=en-cours]>.st-file-upload__entete{flex-wrap:nowrap}}.st-file-upload__identite{display:flex;gap:var(--st-espacement-3-5);align-items:center;min-inline-size:0}.st-file-upload__tuile{display:flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;inline-size:var(--st-espacement-10);block-size:var(--st-espacement-10);color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}[data-etape=en-cours] .st-file-upload__tuile{color:var(--st-couleur-texte-primaire)}[data-etape=depose] .st-file-upload__tuile{color:var(--st-couleur-succes);background:var(--st-couleur-succes-discret);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-succes) 20%,transparent)}[data-etape=refuse] .st-file-upload__tuile{color:var(--st-couleur-danger);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-danger) 30%,transparent)}.st-file-upload__textes{min-inline-size:0}.st-file-upload__titre{display:flex;flex-wrap:wrap;gap:0 var(--st-espacement-2);align-items:center}.st-file-upload__nom{min-inline-size:0;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);overflow-wrap:anywhere;unicode-bidi:isolate}.st-file-upload__taille,.st-file-upload__detail{flex:none;white-space:nowrap;font-family:var(--st-police-mono);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}[data-etape=refuse] .st-file-upload__taille{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-danger)}[data-etape=en-cours] .st-file-upload__detail{font-weight:var(--st-graisse-grasse);color:var(--st-couleur-texte-primaire)}.st-file-upload__statut{--st-icone-taille: .9375rem;display:flex;gap:var(--st-espacement-1-5);align-items:center;margin-block-start:var(--st-espacement-demi);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-primaire)}[data-etape=depose] .st-file-upload__statut{color:var(--st-couleur-succes)}[data-etape=refuse] .st-file-upload__statut{color:var(--st-couleur-danger)}.st-file-upload__statut st-icon{align-self:flex-start}.st-file-upload__actions{display:flex;flex:none;gap:var(--st-espacement-3);align-items:center;margin-inline-start:auto}[data-etape=refuse] .st-file-upload__actions{gap:var(--st-espacement-2-5)}.st-file-upload__progression{inline-size:100%}@media(forced-colors:active){.st-file-upload__zone[data-survol]{border-color:Highlight}.st-file-upload__bouton{border-color:CanvasText}}\n"]
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-file-upload__zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--st-espacement-8);text-align:center;background:var(--st-couleur-fond);border:var(--st-epaisseur-moyenne) dashed var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-lg);transition:background-color var(--st-duree-rapide) var(--st-courbe-standard),border-color var(--st-duree-rapide) var(--st-courbe-standard)}.st-file-upload__zone[data-survol]{background:var(--st-couleur-surface-selection);border-style:solid;border-color:var(--st-couleur-bordure-selection)}.st-file-upload__pastille{display:flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-espacement-12);block-size:var(--st-espacement-12);margin-block-end:var(--st-espacement-3);color:var(--st-couleur-texte-primaire);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-pleine)}.st-file-upload__choix{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;justify-content:center;margin-block-end:var(--st-espacement-1)}.st-file-upload__natif{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-file-upload__bouton{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-4);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md));transition:background-color var(--st-duree-rapide) var(--st-courbe-standard)}@media(hover:hover){.st-file-upload__bouton:hover{background:var(--st-couleur-surface-survol)}}.st-file-upload__bouton:active{background:var(--st-couleur-surface-active)}.st-file-upload__natif:focus-visible+.st-file-upload__bouton{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)}[aria-invalid=true]+.st-file-upload__bouton{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}[aria-invalid=true]:focus-visible+.st-file-upload__bouton{box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-file-upload__natif:disabled+.st-file-upload__bouton{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-file-upload__zone[data-lecture-seule]{border-style:solid;border-color:var(--st-couleur-bordure)}.st-file-upload__zone[data-lecture-seule] .st-file-upload__bouton{cursor:default;background:var(--st-couleur-surface-enfoncee)}.st-file-upload__mention{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-file-upload__consignes{max-inline-size:28rem;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-file-upload__refus{display:flex;gap:var(--st-espacement-1-5);align-items:flex-start;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-file-upload__refus st-icon{--st-icone-taille: .9375rem;flex:none}.st-file-upload__vide{margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-file-upload__liste{padding:0;margin:0;list-style:none}.st-file-upload__fichier{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center;justify-content:space-between;min-block-size:var(--st-cible-tactile-min);padding:var(--st-espacement-4);margin-block-start:var(--st-espacement-3);background:var(--st-couleur-fond);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-lg)}@media(min-width:30rem){.st-file-upload__fichier{flex-wrap:nowrap}}.st-file-upload__fichier[data-etape=en-cours]{flex-flow:column;gap:var(--st-espacement-3);align-items:normal;justify-content:normal}.st-file-upload__fichier[data-etape=refuse]{background:var(--st-couleur-erreur-discret);border-color:color-mix(in srgb,var(--st-couleur-erreur) 30%,transparent)}.st-file-upload__entete{display:contents}[data-etape=en-cours]>.st-file-upload__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center;justify-content:space-between}@media(min-width:30rem){[data-etape=en-cours]>.st-file-upload__entete{flex-wrap:nowrap}}.st-file-upload__identite{display:flex;gap:var(--st-espacement-3-5);align-items:center;min-inline-size:0}.st-file-upload__tuile{display:flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;inline-size:var(--st-espacement-10);block-size:var(--st-espacement-10);color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}[data-etape=en-cours] .st-file-upload__tuile{color:var(--st-couleur-texte-primaire)}[data-etape=depose] .st-file-upload__tuile{color:var(--st-couleur-succes);background:var(--st-couleur-succes-discret);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-succes) 20%,transparent)}[data-etape=refuse] .st-file-upload__tuile{color:var(--st-couleur-erreur);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-erreur) 30%,transparent)}.st-file-upload__textes{min-inline-size:0}.st-file-upload__titre{display:flex;flex-wrap:wrap;gap:0 var(--st-espacement-2);align-items:center}.st-file-upload__nom{min-inline-size:0;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);overflow-wrap:anywhere;unicode-bidi:isolate}.st-file-upload__taille,.st-file-upload__detail{flex:none;white-space:nowrap;font-family:var(--st-police-mono);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}[data-etape=refuse] .st-file-upload__taille{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-erreur)}[data-etape=en-cours] .st-file-upload__detail{font-weight:var(--st-graisse-grasse);color:var(--st-couleur-texte-primaire)}.st-file-upload__statut{--st-icone-taille: .9375rem;display:flex;gap:var(--st-espacement-1-5);align-items:center;margin-block-start:var(--st-espacement-demi);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-primaire)}[data-etape=depose] .st-file-upload__statut{color:var(--st-couleur-succes)}[data-etape=refuse] .st-file-upload__statut{color:var(--st-couleur-erreur)}.st-file-upload__statut st-icon{align-self:flex-start}.st-file-upload__actions{display:flex;flex:none;gap:var(--st-espacement-3);align-items:center;margin-inline-start:auto}[data-etape=refuse] .st-file-upload__actions{gap:var(--st-espacement-2-5)}.st-file-upload__progression{inline-size:100%}@media(forced-colors:active){.st-file-upload__zone[data-survol]{border-color:Highlight}.st-file-upload__bouton{border-color:CanvasText}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -7726,14 +7903,14 @@ function phrase(texte) {
 var StTagInput = class StTagInput extends ContratDeChamp {
 	libelles = inject(ST_LIBELLES);
 	element = inject(ElementRef);
-	value = model([], ...ngDevMode ? [{ debugName: "value" }] : 	/* istanbul ignore next */ []);
-	separateurs = input([",", ";"], ...ngDevMode ? [{ debugName: "separateurs" }] : 	/* istanbul ignore next */ []);
-	valider = input(null, ...ngDevMode ? [{ debugName: "valider" }] : 	/* istanbul ignore next */ []);
-	nombreMax = input(null, ...ngDevMode ? [{ debugName: "nombreMax" }] : 	/* istanbul ignore next */ []);
+	value = model([], ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	separateurs = input([",", ";"], ...ngDevMode ? [{ debugName: "separateurs" }] : /* istanbul ignore next */ []);
+	valider = input(null, ...ngDevMode ? [{ debugName: "valider" }] : /* istanbul ignore next */ []);
+	nombreMax = input(null, ...ngDevMode ? [{ debugName: "nombreMax" }] : /* istanbul ignore next */ []);
 	annonce = new AnnonceLocale(inject(DestroyRef));
 	identifiantDuRefus = inject(StIdentifiants).prochain("st-tag-input-refus");
-	refus = signal(null, ...ngDevMode ? [{ debugName: "refus" }] : 	/* istanbul ignore next */ []);
-	modifiable = computed(() => !this.readonly() && !this.desactive(), ...ngDevMode ? [{ debugName: "modifiable" }] : 	/* istanbul ignore next */ []);
+	refus = signal(null, ...ngDevMode ? [{ debugName: "refus" }] : /* istanbul ignore next */ []);
+	modifiable = computed(() => !this.readonly() && !this.desactive(), ...ngDevMode ? [{ debugName: "modifiable" }] : /* istanbul ignore next */ []);
 	elements = computed(() => {
 		const supprimable = this.modifiable();
 		return this.value().map((valeur) => ({
@@ -7741,8 +7918,8 @@ var StTagInput = class StTagInput extends ContratDeChamp {
 			libelle: valeur,
 			supprimable
 		}));
-	}, ...ngDevMode ? [{ debugName: "elements" }] : 	/* istanbul ignore next */ []);
-	descriptionsDuRefus = computed(() => this.refus() === null ? [] : [this.identifiantDuRefus], ...ngDevMode ? [{ debugName: "descriptionsDuRefus" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "elements" }] : /* istanbul ignore next */ []);
+	descriptionsDuRefus = computed(() => this.refus() === null ? [] : [this.identifiantDuRefus], ...ngDevMode ? [{ debugName: "descriptionsDuRefus" }] : /* istanbul ignore next */ []);
 	constructor() {
 		super();
 		CHAMPS$1.set(this, {
@@ -7833,7 +8010,7 @@ var StTagInput = class StTagInput extends ContratDeChamp {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StTagInput,
 		deps: [],
@@ -7841,7 +8018,7 @@ var StTagInput = class StTagInput extends ContratDeChamp {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StTagInput,
 		isStandalone: true,
 		selector: "st-tag-input",
@@ -7883,7 +8060,7 @@ var StTagInput = class StTagInput extends ContratDeChamp {
 		usesInheritance: true,
 		ngImport: i0,
 		template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideEtRaisons()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n  [descriptionsDuControle]=\"descriptionsDuRefus()\"\n>\n  <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n  <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n  <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n  <!-- Le cadre (D81) : les valeurs en etiquettes, puis la zone de frappe ; tous passent a la\n       ligne. La liste est nommee par le libelle du champ, et ses retraits parlent dans la region\n       du champ. -->\n  <div class=\"st-tag-input__cadre\">\n    <st-tag-group\n      class=\"st-tag-input__valeurs\"\n      [etiquette]=\"libelle()\"\n      [elements]=\"elements()\"\n      (supprime)=\"retirer($event)\"\n    />\n    <input\n      #champ\n      class=\"st-tag-input__champ\"\n      stControleDeChamp\n      type=\"text\"\n      autocomplete=\"off\"\n      [disabled]=\"desactive()\"\n      [readOnly]=\"readonly()\"\n      (keydown)=\"auClavier($event)\"\n      (input)=\"surSaisie($event)\"\n      (paste)=\"surCollage($event)\"\n    />\n  </div>\n  <!-- Un refus (doublon, valeur refusee, nombre maximal) : dit en texte visible, relie au champ\n       (WCAG 3.3.1), repris par l'annonce. -->\n  @if (refus(); as texte) {\n    <p class=\"st-tag-input__refus\" [id]=\"identifiantDuRefus\">\n      <st-icon nom=\"cercle-alerte\" variante=\"plein\" />\n      <span>{{ texte }}</span>\n    </p>\n  }\n</st-form-field>\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:block}.st-tag-input__cadre:has(>.st-tag-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-tag-input__cadre{box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-tag-input__cadre>.st-tag-input__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-tag-input__cadre:hover:not(:has(>.st-tag-input__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-tag-input__cadre:has(>.st-tag-input__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-tag-input__cadre:has(>.st-tag-input__champ[aria-invalid=true]){border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-tag-input__cadre:has(>.st-tag-input__champ[aria-invalid=true]):has(>.st-tag-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-tag-input__cadre:has(>.st-tag-input__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-tag-input__cadre:has(>.st-tag-input__champ:is(input,textarea):read-only:not(:disabled)),.st-tag-input__cadre:has(>.st-tag-input__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-tag-input__cadre{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-2);align-items:center;block-size:auto;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding:var(--st-espacement-1);min-inline-size:0}.st-tag-input__valeurs{flex:0 1 auto;min-inline-size:0;max-inline-size:100%}.st-tag-input__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-tag-input__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-tag-input__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-tag-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-tag-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-tag-input__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-tag-input__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-tag-input__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-tag-input__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-tag-input__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-tag-input__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-tag-input__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-tag-input__champ:is(input,textarea):read-only:not(:disabled),.st-tag-input__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-tag-input__champ{flex:1 1 10rem;min-inline-size:0;padding-inline:calc(var(--st-espacement-3-5) - var(--st-espacement-1))}.st-tag-input__cadre>.st-tag-input__champ{min-block-size:0;block-size:calc(var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - 2 * var(--st-espacement-1) - 2 * var(--st-epaisseur-fine));padding-block:0;margin-block:0}.st-tag-input__cadre>.st-tag-input__champ:is(input):read-only{background:transparent}.st-tag-input__refus{display:flex;gap:var(--st-espacement-1-5);align-items:flex-start;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-danger)}.st-tag-input__refus st-icon{--st-icone-taille: .9375rem;flex: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:block}.st-tag-input__cadre:has(>.st-tag-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-tag-input__cadre{box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-tag-input__cadre>.st-tag-input__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-tag-input__cadre:hover:not(:has(>.st-tag-input__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-tag-input__cadre:has(>.st-tag-input__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-tag-input__cadre:has(>.st-tag-input__champ[aria-invalid=true]){border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-tag-input__cadre:has(>.st-tag-input__champ[aria-invalid=true]):has(>.st-tag-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-tag-input__cadre:has(>.st-tag-input__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-tag-input__cadre:has(>.st-tag-input__champ:is(input,textarea):read-only:not(:disabled)),.st-tag-input__cadre:has(>.st-tag-input__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-tag-input__cadre{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-2);align-items:center;block-size:auto;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding:var(--st-espacement-1);min-inline-size:0}.st-tag-input__valeurs{flex:0 1 auto;min-inline-size:0;max-inline-size:100%}.st-tag-input__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-tag-input__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-tag-input__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-tag-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-tag-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-tag-input__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-tag-input__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-tag-input__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-tag-input__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-tag-input__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-tag-input__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-tag-input__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-tag-input__champ:is(input,textarea):read-only:not(:disabled),.st-tag-input__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-tag-input__champ{flex:1 1 10rem;min-inline-size:0;padding-inline:calc(var(--st-espacement-3-5) - var(--st-espacement-1))}.st-tag-input__cadre>.st-tag-input__champ{min-block-size:0;block-size:calc(var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - 2 * var(--st-espacement-1) - 2 * var(--st-epaisseur-fine));padding-block:0;margin-block:0}.st-tag-input__cadre>.st-tag-input__champ:is(input):read-only{background:transparent}.st-tag-input__refus{display:flex;gap:var(--st-espacement-1-5);align-items:flex-start;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-tag-input__refus st-icon{--st-icone-taille: .9375rem;flex:none}\n"],
 		dependencies: [
 			{
 				kind: "component",
@@ -7940,7 +8117,7 @@ var StTagInput = class StTagInput extends ContratDeChamp {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StTagInput,
 	decorators: [{
@@ -7967,7 +8144,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"(focusout)": "aLaSortie($event)"
 			},
 			template: "<st-form-field\n  [libelle]=\"libelle()\"\n  [aide]=\"aideEtRaisons()\"\n  [erreurs]=\"errors()\"\n  [afficherErreurs]=\"touched()\"\n  [obligatoire]=\"required()\"\n  [descriptionsDuControle]=\"descriptionsDuRefus()\"\n>\n  <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n  <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n  <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n  <!-- Le cadre (D81) : les valeurs en etiquettes, puis la zone de frappe ; tous passent a la\n       ligne. La liste est nommee par le libelle du champ, et ses retraits parlent dans la region\n       du champ. -->\n  <div class=\"st-tag-input__cadre\">\n    <st-tag-group\n      class=\"st-tag-input__valeurs\"\n      [etiquette]=\"libelle()\"\n      [elements]=\"elements()\"\n      (supprime)=\"retirer($event)\"\n    />\n    <input\n      #champ\n      class=\"st-tag-input__champ\"\n      stControleDeChamp\n      type=\"text\"\n      autocomplete=\"off\"\n      [disabled]=\"desactive()\"\n      [readOnly]=\"readonly()\"\n      (keydown)=\"auClavier($event)\"\n      (input)=\"surSaisie($event)\"\n      (paste)=\"surCollage($event)\"\n    />\n  </div>\n  <!-- Un refus (doublon, valeur refusee, nombre maximal) : dit en texte visible, relie au champ\n       (WCAG 3.3.1), repris par l'annonce. -->\n  @if (refus(); as texte) {\n    <p class=\"st-tag-input__refus\" [id]=\"identifiantDuRefus\">\n      <st-icon nom=\"cercle-alerte\" variante=\"plein\" />\n      <span>{{ texte }}</span>\n    </p>\n  }\n</st-form-field>\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:block}.st-tag-input__cadre:has(>.st-tag-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-tag-input__cadre{box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-tag-input__cadre>.st-tag-input__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-tag-input__cadre:hover:not(:has(>.st-tag-input__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-tag-input__cadre:has(>.st-tag-input__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-tag-input__cadre:has(>.st-tag-input__champ[aria-invalid=true]){border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-tag-input__cadre:has(>.st-tag-input__champ[aria-invalid=true]):has(>.st-tag-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-tag-input__cadre:has(>.st-tag-input__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-tag-input__cadre:has(>.st-tag-input__champ:is(input,textarea):read-only:not(:disabled)),.st-tag-input__cadre:has(>.st-tag-input__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-tag-input__cadre{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-2);align-items:center;block-size:auto;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding:var(--st-espacement-1);min-inline-size:0}.st-tag-input__valeurs{flex:0 1 auto;min-inline-size:0;max-inline-size:100%}.st-tag-input__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-tag-input__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-tag-input__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-tag-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-tag-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-tag-input__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-tag-input__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-tag-input__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-tag-input__champ[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-tag-input__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-tag-input__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-tag-input__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-tag-input__champ:is(input,textarea):read-only:not(:disabled),.st-tag-input__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-tag-input__champ{flex:1 1 10rem;min-inline-size:0;padding-inline:calc(var(--st-espacement-3-5) - var(--st-espacement-1))}.st-tag-input__cadre>.st-tag-input__champ{min-block-size:0;block-size:calc(var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - 2 * var(--st-espacement-1) - 2 * var(--st-epaisseur-fine));padding-block:0;margin-block:0}.st-tag-input__cadre>.st-tag-input__champ:is(input):read-only{background:transparent}.st-tag-input__refus{display:flex;gap:var(--st-espacement-1-5);align-items:flex-start;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-danger)}.st-tag-input__refus st-icon{--st-icone-taille: .9375rem;flex: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:block}.st-tag-input__cadre:has(>.st-tag-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-tag-input__cadre{box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-tag-input__cadre>.st-tag-input__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-tag-input__cadre:hover:not(:has(>.st-tag-input__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-tag-input__cadre:has(>.st-tag-input__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-tag-input__cadre:has(>.st-tag-input__champ[aria-invalid=true]){border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-tag-input__cadre:has(>.st-tag-input__champ[aria-invalid=true]):has(>.st-tag-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-tag-input__cadre:has(>.st-tag-input__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-tag-input__cadre:has(>.st-tag-input__champ:is(input,textarea):read-only:not(:disabled)),.st-tag-input__cadre:has(>.st-tag-input__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-tag-input__cadre{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-2);align-items:center;block-size:auto;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding:var(--st-espacement-1);min-inline-size:0}.st-tag-input__valeurs{flex:0 1 auto;min-inline-size:0;max-inline-size:100%}.st-tag-input__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-tag-input__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-tag-input__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-tag-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-tag-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-tag-input__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-tag-input__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-tag-input__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-tag-input__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-tag-input__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-tag-input__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-tag-input__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-tag-input__champ:is(input,textarea):read-only:not(:disabled),.st-tag-input__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-tag-input__champ{flex:1 1 10rem;min-inline-size:0;padding-inline:calc(var(--st-espacement-3-5) - var(--st-espacement-1))}.st-tag-input__cadre>.st-tag-input__champ{min-block-size:0;block-size:calc(var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - 2 * var(--st-espacement-1) - 2 * var(--st-epaisseur-fine));padding-block:0;margin-block:0}.st-tag-input__cadre>.st-tag-input__champ:is(input):read-only{background:transparent}.st-tag-input__refus{display:flex;gap:var(--st-espacement-1-5);align-items:flex-start;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-tag-input__refus st-icon{--st-icone-taille: .9375rem;flex:none}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -8044,12 +8221,12 @@ function optionsDesPays(parametres) {
 var StCountryField = class StCountryField extends ControleDeSaisie {
 	libelles = inject(ST_LIBELLES);
 	locale = inject(ST_LOCALE);
-	codes = input(null, ...ngDevMode ? [{ debugName: "codes" }] : 	/* istanbul ignore next */ []);
-	enTete = input([], ...ngDevMode ? [{ debugName: "enTete" }] : 	/* istanbul ignore next */ []);
-	autocomplete = input("country", ...ngDevMode ? [{ debugName: "autocomplete" }] : 	/* istanbul ignore next */ []);
-	texteVide = input(null, ...ngDevMode ? [{ debugName: "texteVide" }] : 	/* istanbul ignore next */ []);
-	presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : 	/* istanbul ignore next */ []);
-	liste = viewChild.required(StSelect, ...ngDevMode ? [{ debugName: "liste" }] : 	/* istanbul ignore next */ []);
+	codes = input(null, ...ngDevMode ? [{ debugName: "codes" }] : /* istanbul ignore next */ []);
+	enTete = input([], ...ngDevMode ? [{ debugName: "enTete" }] : /* istanbul ignore next */ []);
+	autocomplete = input("country", ...ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []);
+	texteVide = input(null, ...ngDevMode ? [{ debugName: "texteVide" }] : /* istanbul ignore next */ []);
+	presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : /* istanbul ignore next */ []);
+	liste = viewChild.required(StSelect, ...ngDevMode ? [{ debugName: "liste" }] : /* istanbul ignore next */ []);
 	options = computed(() => optionsDesPays({
 		locale: this.locale(),
 		codes: this.codes(),
@@ -8059,13 +8236,13 @@ var StCountryField = class StCountryField extends ControleDeSaisie {
 			frequents: this.libelles().paysFrequents,
 			tous: this.libelles().tousLesPays
 		}
-	}), ...ngDevMode ? [{ debugName: "options" }] : 	/* istanbul ignore next */ []);
+	}), ...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
 	focus(options) {
 		this.liste().focus(options);
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StCountryField,
 		deps: null,
@@ -8073,7 +8250,7 @@ var StCountryField = class StCountryField extends ControleDeSaisie {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.2.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StCountryField,
 		isStandalone: true,
 		selector: "st-country-field",
@@ -8143,7 +8320,7 @@ var StCountryField = class StCountryField extends ControleDeSaisie {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StCountryField,
 	decorators: [{
@@ -8223,22 +8400,22 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
 	libelles = inject(ST_LIBELLES);
 	locale = inject(ST_LOCALE);
 	element = inject(ElementRef);
-	value = model(ADRESSE_VIDE, ...ngDevMode ? [{ debugName: "value" }] : 	/* istanbul ignore next */ []);
-	paysFixe = input(null, ...ngDevMode ? [{ debugName: "paysFixe" }] : 	/* istanbul ignore next */ []);
-	codesDesPays = input(null, ...ngDevMode ? [{ debugName: "codesDesPays" }] : 	/* istanbul ignore next */ []);
-	paysFrequents = input([], ...ngDevMode ? [{ debugName: "paysFrequents" }] : 	/* istanbul ignore next */ []);
+	value = model(ADRESSE_VIDE, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	paysFixe = input(null, ...ngDevMode ? [{ debugName: "paysFixe" }] : /* istanbul ignore next */ []);
+	codesDesPays = input(null, ...ngDevMode ? [{ debugName: "codesDesPays" }] : /* istanbul ignore next */ []);
+	paysFrequents = input([], ...ngDevMode ? [{ debugName: "paysFrequents" }] : /* istanbul ignore next */ []);
 	ligne2Masquee = input(false, {
-		...ngDevMode ? { debugName: "ligne2Masquee" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "ligne2Masquee" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	sectionDeRemplissage = input(null, ...ngDevMode ? [{ debugName: "sectionDeRemplissage" }] : 	/* istanbul ignore next */ []);
+	sectionDeRemplissage = input(null, ...ngDevMode ? [{ debugName: "sectionDeRemplissage" }] : /* istanbul ignore next */ []);
 	annonce = new AnnonceLocale(inject(DestroyRef));
 	listes = inject(ST_LISTES_D_ADRESSES);
-	pays = computed(() => normaliserCodeDePays(this.paysFixe() ?? this.value().pays), ...ngDevMode ? [{ debugName: "pays" }] : 	/* istanbul ignore next */ []);
-	format = computed(() => formatDAdresse(this.pays()), ...ngDevMode ? [{ debugName: "format" }] : 	/* istanbul ignore next */ []);
-	parties = computed(() => partiesAffichees(this.format()).filter((partie) => partie !== "ligne2" || !this.ligne2Masquee()), ...ngDevMode ? [{ debugName: "parties" }] : 	/* istanbul ignore next */ []);
-	exigees = computed(() => new Set(partiesExigees(this.format())), ...ngDevMode ? [{ debugName: "exigees" }] : 	/* istanbul ignore next */ []);
-	modifiable = computed(() => !this.readonly() && !this.desactive(), ...ngDevMode ? [{ debugName: "modifiable" }] : 	/* istanbul ignore next */ []);
+	pays = computed(() => normaliserCodeDePays(this.paysFixe() ?? this.value().pays), ...ngDevMode ? [{ debugName: "pays" }] : /* istanbul ignore next */ []);
+	format = computed(() => formatDAdresse(this.pays()), ...ngDevMode ? [{ debugName: "format" }] : /* istanbul ignore next */ []);
+	parties = computed(() => partiesAffichees(this.format()).filter((partie) => partie !== "ligne2" || !this.ligne2Masquee()), ...ngDevMode ? [{ debugName: "parties" }] : /* istanbul ignore next */ []);
+	exigees = computed(() => new Set(partiesExigees(this.format())), ...ngDevMode ? [{ debugName: "exigees" }] : /* istanbul ignore next */ []);
+	modifiable = computed(() => !this.readonly() && !this.desactive(), ...ngDevMode ? [{ debugName: "modifiable" }] : /* istanbul ignore next */ []);
 	erreursParPartie = computed(() => {
 		const parPartie = /* @__PURE__ */ new Map();
 		const groupe = [];
@@ -8257,8 +8434,8 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
 			parPartie,
 			groupe
 		};
-	}, ...ngDevMode ? [{ debugName: "erreursParPartie" }] : 	/* istanbul ignore next */ []);
-	erreursDuGroupe = computed(() => this.erreursParPartie().groupe, ...ngDevMode ? [{ debugName: "erreursDuGroupe" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "erreursParPartie" }] : /* istanbul ignore next */ []);
+	erreursDuGroupe = computed(() => this.erreursParPartie().groupe, ...ngDevMode ? [{ debugName: "erreursDuGroupe" }] : /* istanbul ignore next */ []);
 	demandeDeRegions = computed(() => {
 		const pays = this.pays();
 		if (this.listes === null || pays === "" || this.format().region === null) return void 0;
@@ -8267,11 +8444,11 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
 			langue: this.locale()
 		};
 	}, {
-		...ngDevMode ? { debugName: "demandeDeRegions" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "demandeDeRegions" } : /* istanbul ignore next */ {},
 		equal: (a, b) => a?.pays === b?.pays && a?.langue === b?.langue
 	});
 	regions = resource({
-		...ngDevMode ? { debugName: "regions" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "regions" } : /* istanbul ignore next */ {},
 		params: () => this.demandeDeRegions(),
 		loader: ({ params, abortSignal }) => this.listes === null ? Promise.resolve(null) : this.listes.regions(params.pays, params.langue, abortSignal)
 	});
@@ -8279,14 +8456,14 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
 		if (!this.regions.hasValue()) return null;
 		const liste = this.regions.value();
 		return liste !== null && liste.length > 0 ? liste : null;
-	}, ...ngDevMode ? [{ debugName: "listeDesRegions" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "listeDesRegions" }] : /* istanbul ignore next */ []);
 	modeDeRegion = computed(() => {
 		if (this.demandeDeRegions() === void 0) return "texte";
 		if (this.regions.isLoading()) return "chargement";
 		if (this.regions.status() === "error") return "panne";
 		return this.listeDesRegions() === null ? "texte" : "liste";
-	}, ...ngDevMode ? [{ debugName: "modeDeRegion" }] : 	/* istanbul ignore next */ []);
-	regionEnListe = computed(() => this.modeDeRegion() === "liste" || this.modeDeRegion() === "chargement", ...ngDevMode ? [{ debugName: "regionEnListe" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "modeDeRegion" }] : /* istanbul ignore next */ []);
+	regionEnListe = computed(() => this.modeDeRegion() === "liste" || this.modeDeRegion() === "chargement", ...ngDevMode ? [{ debugName: "regionEnListe" }] : /* istanbul ignore next */ []);
 	optionsDeRegion = computed(() => {
 		const liste = this.listeDesRegions() ?? [];
 		const options = liste.map((region) => ({
@@ -8299,7 +8476,7 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
 			libelle: actuelle
 		});
 		return options;
-	}, ...ngDevMode ? [{ debugName: "optionsDeRegion" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "optionsDeRegion" }] : /* istanbul ignore next */ []);
 	demandeDeVilles = computed(() => {
 		const pays = this.pays();
 		if (this.listes === null || pays === "") return void 0;
@@ -8310,16 +8487,16 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
 			langue: this.locale()
 		};
 	}, {
-		...ngDevMode ? { debugName: "demandeDeVilles" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "demandeDeVilles" } : /* istanbul ignore next */ {},
 		equal: (a, b) => a?.pays === b?.pays && a?.region === b?.region && a?.langue === b?.langue
 	});
 	villes = resource({
-		...ngDevMode ? { debugName: "villes" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "villes" } : /* istanbul ignore next */ {},
 		params: () => this.demandeDeVilles(),
 		loader: ({ params, abortSignal }) => this.listes === null ? Promise.resolve(null) : this.listes.villes(params, abortSignal)
 	});
-	villesProposees = computed(() => this.villes.hasValue() ? this.villes.value() : null, ...ngDevMode ? [{ debugName: "villesProposees" }] : 	/* istanbul ignore next */ []);
-	listeDesPays = viewChild(StCountryField, ...ngDevMode ? [{ debugName: "listeDesPays" }] : 	/* istanbul ignore next */ []);
+	villesProposees = computed(() => this.villes.hasValue() ? this.villes.value() : null, ...ngDevMode ? [{ debugName: "villesProposees" }] : /* istanbul ignore next */ []);
+	listeDesPays = viewChild(StCountryField, ...ngDevMode ? [{ debugName: "listeDesPays" }] : /* istanbul ignore next */ []);
 	constructor() {
 		super();
 		CHAMPS.set(this, {
@@ -8442,7 +8619,7 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StAddressFieldset,
 		deps: [],
@@ -8450,7 +8627,7 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StAddressFieldset,
 		isStandalone: true,
 		selector: "st-address-fieldset",
@@ -8548,6 +8725,7 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
 					"autocomplete",
 					"inputmode",
 					"icone",
+					"exemple",
 					"chiffres",
 					"presentation",
 					"decritPar",
@@ -8585,7 +8763,7 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StAddressFieldset,
 	decorators: [{
@@ -8675,8 +8853,8 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 var StFormActions = class StFormActions {
-	disposition = input("collee", ...ngDevMode ? [{ debugName: "disposition" }] : 	/* istanbul ignore next */ []);
-	collee = signal(false, ...ngDevMode ? [{ debugName: "collee" }] : 	/* istanbul ignore next */ []);
+	disposition = input("collee", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
+	collee = signal(false, ...ngDevMode ? [{ debugName: "collee" }] : /* istanbul ignore next */ []);
 	constructor() {
 		const element = inject(ElementRef).nativeElement;
 		const document = inject(DOCUMENT$1);
@@ -8726,7 +8904,7 @@ var StFormActions = class StFormActions {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StFormActions,
 		deps: [],
@@ -8734,7 +8912,7 @@ var StFormActions = class StFormActions {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StFormActions,
 		isStandalone: true,
 		selector: "st-form-actions",
@@ -8760,7 +8938,7 @@ var StFormActions = class StFormActions {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StFormActions,
 	decorators: [{
@@ -8800,6 +8978,6 @@ function avertirDesEnvoisMultiples(element) {
 	const envois = element.querySelectorAll("button[type=\"submit\"], input[type=\"submit\"]").length;
 	if (envois > 1) console.warn(`[st-form-actions] ${String(envois)} boutons d'envoi : un formulaire n'a qu'une action principale, et Entree dans un champ declenche la premiere.`);
 }
-export { ContratDeCase, ContratDeChamp, ContratDeChampABornes, ControleDeSaisie, ST_CHAMP_D_ADRESSE, ST_ETAT_D_ENVOI, StAddressFieldset, StCalendar, StCheckbox, StCheckboxGroup, StChoice, StChoiceGroup, StChoiceMatrix, StConsentGroup, StConsentRow, StControleDeChamp, StCountryField, StErrorSummary, StFieldset, StFileUpload, StFormActions, StFormField, StFormRow, StIbanField, StInput, StOtpField, StPasswordField, StRadioGroup, StSearchField, StSelect, StSwitch, StTagInput, StTextarea, cleDeFichier, erreurCode, erreurDate, erreurHeure, erreurIban, erreurPays, erreurPlageDeDates, erreurTelephone, erreursDAdresse, erreursDeFichiers, exempleDeDate, filtrerOptions, fusionnerErreurs, groupesDOptions, libelleDePartie, messageDErreur, motifDHeureLocal, motifDuMoisLocal, motifLocal, normaliserPourRecherche, optionsDesPays };
+export { ContratDeCase, ContratDeChamp, ContratDeChampABornes, ControleDeSaisie, ST_CHAMP_D_ADRESSE, ST_ESTIMATEUR_DE_FORCE, ST_ETAT_D_ENVOI, StAddressFieldset, StCalendar, StCheckbox, StCheckboxGroup, StChoice, StChoiceGroup, StChoiceMatrix, StConsentGroup, StConsentRow, StControleDeChamp, StCountryField, StErrorSummary, StFieldset, StFileUpload, StFormActions, StFormField, StFormRow, StIbanField, StInput, StOtpField, StPasswordField, StRadioGroup, StSearchField, StSelect, StSwitch, StTagInput, StTextarea, cleDeFichier, erreurCode, erreurDate, erreurHeure, erreurIban, erreurPays, erreurPlageDeDates, erreurTelephone, erreursDAdresse, erreursDeFichiers, exempleDeDate, filtrerOptions, fournirEstimateurDeForce, fusionnerErreurs, groupesDOptions, libelleDePartie, messageDErreur, motifDHeureLocal, motifDuMoisLocal, motifLocal, niveauDuScore, normaliserPourRecherche, optionsDesPays };
 
 //# sourceMappingURL=starterlib-ui-saisie.mjs.map