@starterlib/ui 0.10.13 → 0.11.0

package/fesm2022/starterlib-ui-listes.mjs

@@ -9,14 +9,14 @@ import { estDateIso, formaterDateLongue, formaterTaille, nomAffichable } from "@
 import { delai } from "@starterlib/tokens";
 import { StStatusPill } from "@starterlib/ui/indicateurs";
 var StElementDeListe = class StElementDeListe {
-	stElementDeListeDe = input(void 0, ...ngDevMode ? [{ debugName: "stElementDeListeDe" }] : 	/* istanbul ignore next */ []);
+	stElementDeListeDe = input(void 0, ...ngDevMode ? [{ debugName: "stElementDeListeDe" }] : /* istanbul ignore next */ []);
 	gabarit = inject(TemplateRef);
 	static ngTemplateContextGuard(_directive, _contexte) {
 		return true;
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StElementDeListe,
 		deps: [],
@@ -24,7 +24,7 @@ var StElementDeListe = class StElementDeListe {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StElementDeListe,
 		isStandalone: true,
 		selector: "ng-template[stElementDeListe]",
@@ -40,7 +40,7 @@ var StElementDeListe = class StElementDeListe {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StElementDeListe,
 	decorators: [{
@@ -60,7 +60,7 @@ var StListeVide = class StListeVide {
 	gabarit = inject(TemplateRef);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StListeVide,
 		deps: [],
@@ -68,7 +68,7 @@ var StListeVide = class StListeVide {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StListeVide,
 		isStandalone: true,
 		selector: "ng-template[stListeVide]",
@@ -77,7 +77,7 @@ var StListeVide = class StListeVide {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StListeVide,
 	decorators: [{
@@ -88,29 +88,29 @@ i0.ɵɵngDeclareClassMetadata({
 var StList = class StList {
 	element = inject(ElementRef);
 	libelles = inject(ST_LIBELLES);
-	elements = input.required(...ngDevMode ? [{ debugName: "elements" }] : 	/* istanbul ignore next */ []);
-	cle = input.required(...ngDevMode ? [{ debugName: "cle" }] : 	/* istanbul ignore next */ []);
-	etiquette = input(null, ...ngDevMode ? [{ debugName: "etiquette" }] : 	/* istanbul ignore next */ []);
+	elements = input.required(...ngDevMode ? [{ debugName: "elements" }] : /* istanbul ignore next */ []);
+	cle = input.required(...ngDevMode ? [{ debugName: "cle" }] : /* istanbul ignore next */ []);
+	etiquette = input(null, ...ngDevMode ? [{ debugName: "etiquette" }] : /* istanbul ignore next */ []);
 	ordonnee = input(false, {
-		...ngDevMode ? { debugName: "ordonnee" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "ordonnee" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	chargement = input(false, {
-		...ngDevMode ? { debugName: "chargement" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "chargement" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	lignesAttendues = input(3, {
-		...ngDevMode ? { debugName: "lignesAttendues" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "lignesAttendues" } : /* istanbul ignore next */ {},
 		transform: numberAttribute
 	});
-	texteVide = input(null, ...ngDevMode ? [{ debugName: "texteVide" }] : 	/* istanbul ignore next */ []);
+	texteVide = input(null, ...ngDevMode ? [{ debugName: "texteVide" }] : /* istanbul ignore next */ []);
 	cartes = input(false, {
-		...ngDevMode ? { debugName: "cartes" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "cartes" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	groupePar = input(null, ...ngDevMode ? [{ debugName: "groupePar" }] : 	/* istanbul ignore next */ []);
-	gabarit = contentChild(StElementDeListe, ...ngDevMode ? [{ debugName: "gabarit" }] : 	/* istanbul ignore next */ []);
-	gabaritVide = contentChild(StListeVide, ...ngDevMode ? [{ debugName: "gabaritVide" }] : 	/* istanbul ignore next */ []);
+	groupePar = input(null, ...ngDevMode ? [{ debugName: "groupePar" }] : /* istanbul ignore next */ []);
+	gabarit = contentChild(StElementDeListe, ...ngDevMode ? [{ debugName: "gabarit" }] : /* istanbul ignore next */ []);
+	gabaritVide = contentChild(StListeVide, ...ngDevMode ? [{ debugName: "gabaritVide" }] : /* istanbul ignore next */ []);
 	annonce = new AnnonceLocale(inject(DestroyRef));
 	identifiantDeListe = inject(StIdentifiants).prochain("st-list");
 	indiceDuPremierAjout = null;
@@ -123,7 +123,7 @@ var StList = class StList {
 			indice,
 			identifiant: String(valeur[cle])
 		}));
-	}, ...ngDevMode ? [{ debugName: "lignes" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []);
 	groupes = computed(() => {
 		const groupePar = this.groupePar();
 		if (groupePar === null) return null;
@@ -144,10 +144,10 @@ var StList = class StList {
 			});
 		}
 		return groupes;
-	}, ...ngDevMode ? [{ debugName: "groupes" }] : 	/* istanbul ignore next */ []);
-	squelette = computed(() => this.chargement() && this.elements().length === 0, ...ngDevMode ? [{ debugName: "squelette" }] : 	/* istanbul ignore next */ []);
-	vide = computed(() => !this.chargement() && this.elements().length === 0, ...ngDevMode ? [{ debugName: "vide" }] : 	/* istanbul ignore next */ []);
-	texteVideLu = computed(() => this.texteVide() ?? this.libelles().listeVide, ...ngDevMode ? [{ debugName: "texteVideLu" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "groupes" }] : /* istanbul ignore next */ []);
+	squelette = computed(() => this.chargement() && this.elements().length === 0, ...ngDevMode ? [{ debugName: "squelette" }] : /* istanbul ignore next */ []);
+	vide = computed(() => !this.chargement() && this.elements().length === 0, ...ngDevMode ? [{ debugName: "vide" }] : /* istanbul ignore next */ []);
+	texteVideLu = computed(() => this.texteVide() ?? this.libelles().listeVide, ...ngDevMode ? [{ debugName: "texteVideLu" }] : /* istanbul ignore next */ []);
 	constructor() {
 		let longueur = 0;
 		let premier = true;
@@ -184,7 +184,7 @@ var StList = class StList {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StList,
 		deps: [],
@@ -192,7 +192,7 @@ var StList = class StList {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StList,
 		isStandalone: true,
 		selector: "st-list",
@@ -308,7 +308,7 @@ var StList = class StList {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StList,
 	decorators: [{
@@ -417,42 +417,42 @@ var StPagination = class StPagination {
 	libelles = inject(ST_LIBELLES);
 	locale = inject(ST_LOCALE);
 	injecteur = inject(Injector);
-	mode = input("pages", ...ngDevMode ? [{ debugName: "mode" }] : 	/* istanbul ignore next */ []);
-	numero = input(1, ...ngDevMode ? [{ debugName: "numero" }] : 	/* istanbul ignore next */ []);
+	mode = input("pages", ...ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []);
+	numero = input(1, ...ngDevMode ? [{ debugName: "numero" }] : /* istanbul ignore next */ []);
 	precedenteDisponible = input(false, {
-		...ngDevMode ? { debugName: "precedenteDisponible" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "precedenteDisponible" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	suivanteDisponible = input(false, {
-		...ngDevMode ? { debugName: "suivanteDisponible" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "suivanteDisponible" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	chargement = input(false, {
-		...ngDevMode ? { debugName: "chargement" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "chargement" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	etiquette = input(null, ...ngDevMode ? [{ debugName: "etiquette" }] : 	/* istanbul ignore next */ []);
-	taillesDePage = input([], ...ngDevMode ? [{ debugName: "taillesDePage" }] : 	/* istanbul ignore next */ []);
-	taille = model(20, ...ngDevMode ? [{ debugName: "taille" }] : 	/* istanbul ignore next */ []);
-	nombreAjoute = input(null, ...ngDevMode ? [{ debugName: "nombreAjoute" }] : 	/* istanbul ignore next */ []);
-	cible = input(null, ...ngDevMode ? [{ debugName: "cible" }] : 	/* istanbul ignore next */ []);
+	etiquette = input(null, ...ngDevMode ? [{ debugName: "etiquette" }] : /* istanbul ignore next */ []);
+	taillesDePage = input([], ...ngDevMode ? [{ debugName: "taillesDePage" }] : /* istanbul ignore next */ []);
+	taille = model(20, ...ngDevMode ? [{ debugName: "taille" }] : /* istanbul ignore next */ []);
+	nombreAjoute = input(null, ...ngDevMode ? [{ debugName: "nombreAjoute" }] : /* istanbul ignore next */ []);
+	cible = input(null, ...ngDevMode ? [{ debugName: "cible" }] : /* istanbul ignore next */ []);
 	precedente = output();
 	suivante = output();
 	annonce = new AnnonceLocale(inject(DestroyRef));
-	sensDemande = signal(null, ...ngDevMode ? [{ debugName: "sensDemande" }] : 	/* istanbul ignore next */ []);
-	enChargement = computed(() => this.chargement() ? this.sensDemande() : null, ...ngDevMode ? [{ debugName: "enChargement" }] : 	/* istanbul ignore next */ []);
-	precedenteBloquee = computed(() => !this.precedenteDisponible() || this.chargement() && this.enChargement() !== "precedente", ...ngDevMode ? [{ debugName: "precedenteBloquee" }] : 	/* istanbul ignore next */ []);
-	suivanteBloquee = computed(() => !this.suivanteDisponible() || this.chargement() && this.enChargement() !== "suivante", ...ngDevMode ? [{ debugName: "suivanteBloquee" }] : 	/* istanbul ignore next */ []);
-	nombres = computed(() => new Intl.NumberFormat(this.locale()), ...ngDevMode ? [{ debugName: "nombres" }] : 	/* istanbul ignore next */ []);
-	tailleBornee = computed(() => bornerLaTaille(this.taille()), ...ngDevMode ? [{ debugName: "tailleBornee" }] : 	/* istanbul ignore next */ []);
+	sensDemande = signal(null, ...ngDevMode ? [{ debugName: "sensDemande" }] : /* istanbul ignore next */ []);
+	enChargement = computed(() => this.chargement() ? this.sensDemande() : null, ...ngDevMode ? [{ debugName: "enChargement" }] : /* istanbul ignore next */ []);
+	precedenteBloquee = computed(() => !this.precedenteDisponible() || this.chargement() && this.enChargement() !== "precedente", ...ngDevMode ? [{ debugName: "precedenteBloquee" }] : /* istanbul ignore next */ []);
+	suivanteBloquee = computed(() => !this.suivanteDisponible() || this.chargement() && this.enChargement() !== "suivante", ...ngDevMode ? [{ debugName: "suivanteBloquee" }] : /* istanbul ignore next */ []);
+	nombres = computed(() => new Intl.NumberFormat(this.locale()), ...ngDevMode ? [{ debugName: "nombres" }] : /* istanbul ignore next */ []);
+	tailleBornee = computed(() => bornerLaTaille(this.taille()), ...ngDevMode ? [{ debugName: "tailleBornee" }] : /* istanbul ignore next */ []);
 	tailles = computed(() => {
 		const proposees = this.taillesDePage().filter((taille) => Number.isInteger(taille) && taille >= 1 && taille <= TAILLE_DE_PAGE_MAXIMALE);
 		if (proposees.length === 0) return [];
 		return [.../* @__PURE__ */ new Set([...proposees, this.tailleBornee()])].sort((a, b) => a - b);
-	}, ...ngDevMode ? [{ debugName: "tailles" }] : 	/* istanbul ignore next */ []);
-	etiquetteLue = computed(() => this.etiquette() ?? this.libelles().pagination, ...ngDevMode ? [{ debugName: "etiquetteLue" }] : 	/* istanbul ignore next */ []);
-	finDeListe = computed(() => this.mode() === "suite" && !this.suivanteDisponible() && this.numero() > 1, ...ngDevMode ? [{ debugName: "finDeListe" }] : 	/* istanbul ignore next */ []);
-	vide = computed(() => this.mode() === "suite" && !this.suivanteDisponible() && !this.finDeListe() && this.tailles().length === 0, ...ngDevMode ? [{ debugName: "vide" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "tailles" }] : /* istanbul ignore next */ []);
+	etiquetteLue = computed(() => this.etiquette() ?? this.libelles().pagination, ...ngDevMode ? [{ debugName: "etiquetteLue" }] : /* istanbul ignore next */ []);
+	finDeListe = computed(() => this.mode() === "suite" && !this.suivanteDisponible() && this.numero() > 1, ...ngDevMode ? [{ debugName: "finDeListe" }] : /* istanbul ignore next */ []);
+	vide = computed(() => this.mode() === "suite" && !this.suivanteDisponible() && !this.finDeListe() && this.tailles().length === 0, ...ngDevMode ? [{ debugName: "vide" }] : /* istanbul ignore next */ []);
 	constructor() {
 		effect(() => {
 			const bornee = this.tailleBornee();
@@ -504,7 +504,7 @@ var StPagination = class StPagination {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StPagination,
 		deps: [],
@@ -512,7 +512,7 @@ var StPagination = class StPagination {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StPagination,
 		isStandalone: true,
 		selector: "st-pagination",
@@ -602,7 +602,7 @@ var StPagination = class StPagination {
 		},
 		ngImport: i0,
 		template: "<nav class=\"st-pagination__navigation\" [attr.aria-label]=\"etiquetteLue()\">\n  @if (mode() === 'pages') {\n    <div class=\"st-pagination__pages\">\n      <!-- Le bouton clique porte le chargement ; l'autre attend, indisponible (D-12). -->\n      <button\n        stButton\n        type=\"button\"\n        iconeAvant=\"chevron-gauche\"\n        [indisponible]=\"precedenteBloquee()\"\n        [chargement]=\"enChargement() === 'precedente'\"\n        (click)=\"demander('precedente')\"\n      >\n        {{ libelles().pagePrecedente }}\n      </button>\n      <!-- Le carre montre le numero ; « Page N » se lit. aria-current reste sur le span :\n           le curseur n'est pas adressable, la page courante n'est pas un lien. -->\n      <span class=\"st-pagination__numero\" aria-current=\"page\">\n        <span class=\"st-vh\">{{ libelles().pageNumero(numero()) }}</span>\n        <span aria-hidden=\"true\">{{ nombres().format(numero()) }}</span>\n      </span>\n      <button\n        stButton\n        type=\"button\"\n        iconeApres=\"chevron-droite\"\n        [indisponible]=\"suivanteBloquee()\"\n        [chargement]=\"enChargement() === 'suivante'\"\n        (click)=\"demander('suivante')\"\n      >\n        {{ libelles().pageSuivante }}\n      </button>\n    </div>\n  } @else if (suivanteDisponible()) {\n    <button\n      stButton\n      class=\"st-pagination__suite\"\n      type=\"button\"\n      variante=\"tonale\"\n      pleineLargeur\n      [chargement]=\"chargement()\"\n      (click)=\"suivante.emit()\"\n    >\n      <span class=\"st-pagination__plus\">\n        <st-icon class=\"st-pagination__glyphe\" nom=\"cercle-chevron-bas\" taille=\"18\" />\n        <span>{{ libelles().afficherPlus }}</span>\n      </span>\n    </button>\n  } @else if (finDeListe()) {\n    <p class=\"st-pagination__fin\">{{ libelles().finDeLaListe }}</p>\n  }\n\n  @if (tailles().length > 0) {\n    <label class=\"st-pagination__taille\">\n      <span class=\"st-pagination__intitule\">{{ libelles().lignesParPage }}</span>\n      <span class=\"st-pagination__cadre\">\n        <select class=\"st-pagination__choix\" (change)=\"surTaille($event)\">\n          @for (proposee of tailles(); track proposee) {\n            <option [value]=\"proposee\" [selected]=\"proposee === tailleBornee()\">\n              {{ nombres().format(proposee) }}\n            </option>\n          }\n        </select>\n        <st-icon class=\"st-pagination__chevron\" nom=\"chevron-bas\" taille=\"18\" />\n      </span>\n    </label>\n  }\n</nav>\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}:host([hidden]){display:none}:host([data-mode=pages]){box-sizing:border-box;min-block-size:var(--st-hauteur-commande-2xl);padding:var(--st-espacement-2-5);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}.st-pagination__navigation{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center;justify-content:space-between}.st-pagination__pages{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center}.st-pagination__numero{display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;min-inline-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);font-family:var(--st-police-mono);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-sm);color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-pagination__suite.st-button{margin-block-start:var(--st-espacement-1);padding-inline:0;font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-texte);background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-pagination__suite.st-button:hover:not([aria-disabled=true]){background:var(--st-couleur-surface-conteneur-haut)}}.st-pagination__suite.st-button:active:not([aria-disabled=true]){background:var(--st-couleur-surface-active)}.st-pagination__plus{display:flex;gap:var(--st-espacement-2);align-items:center}.st-pagination__glyphe{color:var(--st-couleur-primaire)}.st-pagination__fin{margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-attenue)}.st-pagination__taille{display:inline-flex;gap:var(--st-espacement-2);align-items:center;margin-inline-start:auto}.st-pagination__intitule{font-family:var(--st-police-mono);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);white-space:nowrap}.st-pagination__cadre{position:relative;display:inline-flex;align-items:center}.st-pagination__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-pagination__choix{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-pagination__choix:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-pagination__choix{--_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-pagination__choix{--_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-pagination__choix::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-pagination__choix: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-pagination__choix:focus-visible{border-color:var(--st-couleur-primaire)}.st-pagination__choix[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-pagination__choix[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-pagination__choix:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-pagination__choix:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-pagination__choix:is(input,textarea):read-only:not(:disabled),.st-pagination__choix[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-pagination__choix{inline-size:auto;padding-inline:var(--st-espacement-3) var(--st-espacement-8);font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);appearance:none;cursor:pointer}.st-pagination__chevron{position:absolute;inset-inline-end:var(--st-espacement-2);color:var(--st-couleur-texte-discret);pointer-events:none}@media(forced-colors:active){.st-pagination__numero{forced-color-adjust:none;color:HighlightText;background:Highlight}}@media print{:host([data-mode=pages]){padding:0;border:0}.st-button,.st-pagination__taille{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}:host([hidden]){display:none}:host([data-mode=pages]){box-sizing:border-box;min-block-size:var(--st-hauteur-commande-2xl);padding:var(--st-espacement-2-5);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}.st-pagination__navigation{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center;justify-content:space-between}.st-pagination__pages{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center}.st-pagination__numero{display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;min-inline-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);font-family:var(--st-police-mono);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-sm);color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-pagination__suite.st-button{margin-block-start:var(--st-espacement-1);padding-inline:0;font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-texte);background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-pagination__suite.st-button:hover:not([aria-disabled=true]){background:var(--st-couleur-surface-conteneur-haut)}}.st-pagination__suite.st-button:active:not([aria-disabled=true]){background:var(--st-couleur-surface-active)}.st-pagination__plus{display:flex;gap:var(--st-espacement-2);align-items:center}.st-pagination__glyphe{color:var(--st-couleur-primaire)}.st-pagination__fin{margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-attenue)}.st-pagination__taille{display:inline-flex;gap:var(--st-espacement-2);align-items:center;margin-inline-start:auto}.st-pagination__intitule{font-family:var(--st-police-mono);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);white-space:nowrap}.st-pagination__cadre{position:relative;display:inline-flex;align-items:center}.st-pagination__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-pagination__choix{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-pagination__choix:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-pagination__choix{--_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-pagination__choix{--_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-pagination__choix::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-pagination__choix: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-pagination__choix:focus-visible{border-color:var(--st-couleur-primaire)}.st-pagination__choix[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-pagination__choix[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-pagination__choix:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-pagination__choix:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-pagination__choix:is(input,textarea):read-only:not(:disabled),.st-pagination__choix[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-pagination__choix{inline-size:auto;padding-inline:var(--st-espacement-3) var(--st-espacement-8);font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);appearance:none;cursor:pointer}.st-pagination__chevron{position:absolute;inset-inline-end:var(--st-espacement-2);color:var(--st-couleur-texte-discret);pointer-events:none}@media(forced-colors:active){.st-pagination__numero{forced-color-adjust:none;color:HighlightText;background:Highlight}}@media print{:host([data-mode=pages]){padding:0;border:0}.st-button,.st-pagination__taille{display:none}}\n"],
 		dependencies: [{
 			kind: "component",
 			type: StButton,
@@ -638,7 +638,7 @@ var StPagination = class StPagination {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StPagination,
 	decorators: [{
@@ -653,7 +653,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.hidden]": "vide() ? \"\" : null"
 			},
 			template: "<nav class=\"st-pagination__navigation\" [attr.aria-label]=\"etiquetteLue()\">\n  @if (mode() === 'pages') {\n    <div class=\"st-pagination__pages\">\n      <!-- Le bouton clique porte le chargement ; l'autre attend, indisponible (D-12). -->\n      <button\n        stButton\n        type=\"button\"\n        iconeAvant=\"chevron-gauche\"\n        [indisponible]=\"precedenteBloquee()\"\n        [chargement]=\"enChargement() === 'precedente'\"\n        (click)=\"demander('precedente')\"\n      >\n        {{ libelles().pagePrecedente }}\n      </button>\n      <!-- Le carre montre le numero ; « Page N » se lit. aria-current reste sur le span :\n           le curseur n'est pas adressable, la page courante n'est pas un lien. -->\n      <span class=\"st-pagination__numero\" aria-current=\"page\">\n        <span class=\"st-vh\">{{ libelles().pageNumero(numero()) }}</span>\n        <span aria-hidden=\"true\">{{ nombres().format(numero()) }}</span>\n      </span>\n      <button\n        stButton\n        type=\"button\"\n        iconeApres=\"chevron-droite\"\n        [indisponible]=\"suivanteBloquee()\"\n        [chargement]=\"enChargement() === 'suivante'\"\n        (click)=\"demander('suivante')\"\n      >\n        {{ libelles().pageSuivante }}\n      </button>\n    </div>\n  } @else if (suivanteDisponible()) {\n    <button\n      stButton\n      class=\"st-pagination__suite\"\n      type=\"button\"\n      variante=\"tonale\"\n      pleineLargeur\n      [chargement]=\"chargement()\"\n      (click)=\"suivante.emit()\"\n    >\n      <span class=\"st-pagination__plus\">\n        <st-icon class=\"st-pagination__glyphe\" nom=\"cercle-chevron-bas\" taille=\"18\" />\n        <span>{{ libelles().afficherPlus }}</span>\n      </span>\n    </button>\n  } @else if (finDeListe()) {\n    <p class=\"st-pagination__fin\">{{ libelles().finDeLaListe }}</p>\n  }\n\n  @if (tailles().length > 0) {\n    <label class=\"st-pagination__taille\">\n      <span class=\"st-pagination__intitule\">{{ libelles().lignesParPage }}</span>\n      <span class=\"st-pagination__cadre\">\n        <select class=\"st-pagination__choix\" (change)=\"surTaille($event)\">\n          @for (proposee of tailles(); track proposee) {\n            <option [value]=\"proposee\" [selected]=\"proposee === tailleBornee()\">\n              {{ nombres().format(proposee) }}\n            </option>\n          }\n        </select>\n        <st-icon class=\"st-pagination__chevron\" nom=\"chevron-bas\" taille=\"18\" />\n      </span>\n    </label>\n  }\n</nav>\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}:host([hidden]){display:none}:host([data-mode=pages]){box-sizing:border-box;min-block-size:var(--st-hauteur-commande-2xl);padding:var(--st-espacement-2-5);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}.st-pagination__navigation{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center;justify-content:space-between}.st-pagination__pages{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center}.st-pagination__numero{display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;min-inline-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);font-family:var(--st-police-mono);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-sm);color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-pagination__suite.st-button{margin-block-start:var(--st-espacement-1);padding-inline:0;font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-texte);background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-pagination__suite.st-button:hover:not([aria-disabled=true]){background:var(--st-couleur-surface-conteneur-haut)}}.st-pagination__suite.st-button:active:not([aria-disabled=true]){background:var(--st-couleur-surface-active)}.st-pagination__plus{display:flex;gap:var(--st-espacement-2);align-items:center}.st-pagination__glyphe{color:var(--st-couleur-primaire)}.st-pagination__fin{margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-attenue)}.st-pagination__taille{display:inline-flex;gap:var(--st-espacement-2);align-items:center;margin-inline-start:auto}.st-pagination__intitule{font-family:var(--st-police-mono);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);white-space:nowrap}.st-pagination__cadre{position:relative;display:inline-flex;align-items:center}.st-pagination__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-pagination__choix{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-pagination__choix:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-pagination__choix{--_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-pagination__choix{--_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-pagination__choix::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-pagination__choix: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-pagination__choix:focus-visible{border-color:var(--st-couleur-primaire)}.st-pagination__choix[aria-invalid=true]{border-color:var(--st-couleur-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.st-pagination__choix[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-pagination__choix:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-pagination__choix:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-pagination__choix:is(input,textarea):read-only:not(:disabled),.st-pagination__choix[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-pagination__choix{inline-size:auto;padding-inline:var(--st-espacement-3) var(--st-espacement-8);font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);appearance:none;cursor:pointer}.st-pagination__chevron{position:absolute;inset-inline-end:var(--st-espacement-2);color:var(--st-couleur-texte-discret);pointer-events:none}@media(forced-colors:active){.st-pagination__numero{forced-color-adjust:none;color:HighlightText;background:Highlight}}@media print{:host([data-mode=pages]){padding:0;border:0}.st-button,.st-pagination__taille{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}:host([hidden]){display:none}:host([data-mode=pages]){box-sizing:border-box;min-block-size:var(--st-hauteur-commande-2xl);padding:var(--st-espacement-2-5);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}.st-pagination__navigation{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center;justify-content:space-between}.st-pagination__pages{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center}.st-pagination__numero{display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;min-inline-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);font-family:var(--st-police-mono);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-sm);color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-pagination__suite.st-button{margin-block-start:var(--st-espacement-1);padding-inline:0;font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-texte);background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-pagination__suite.st-button:hover:not([aria-disabled=true]){background:var(--st-couleur-surface-conteneur-haut)}}.st-pagination__suite.st-button:active:not([aria-disabled=true]){background:var(--st-couleur-surface-active)}.st-pagination__plus{display:flex;gap:var(--st-espacement-2);align-items:center}.st-pagination__glyphe{color:var(--st-couleur-primaire)}.st-pagination__fin{margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-attenue)}.st-pagination__taille{display:inline-flex;gap:var(--st-espacement-2);align-items:center;margin-inline-start:auto}.st-pagination__intitule{font-family:var(--st-police-mono);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);white-space:nowrap}.st-pagination__cadre{position:relative;display:inline-flex;align-items:center}.st-pagination__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-pagination__choix{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-pagination__choix:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-pagination__choix{--_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-pagination__choix{--_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-pagination__choix::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-pagination__choix: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-pagination__choix:focus-visible{border-color:var(--st-couleur-primaire)}.st-pagination__choix[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-pagination__choix[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-pagination__choix:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-pagination__choix:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-pagination__choix:is(input,textarea):read-only:not(:disabled),.st-pagination__choix[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-pagination__choix{inline-size:auto;padding-inline:var(--st-espacement-3) var(--st-espacement-8);font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);appearance:none;cursor:pointer}.st-pagination__chevron{position:absolute;inset-inline-end:var(--st-espacement-2);color:var(--st-couleur-texte-discret);pointer-events:none}@media(forced-colors:active){.st-pagination__numero{forced-color-adjust:none;color:HighlightText;background:Highlight}}@media print{:host([data-mode=pages]){padding:0;border:0}.st-button,.st-pagination__taille{display:none}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -767,7 +767,7 @@ function lignesDeDescription(elements, gabarits, composant) {
 }
 var StDescription = class StDescription {
 	cle = input.required({
-		...ngDevMode ? { debugName: "cle" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "cle" } : /* istanbul ignore next */ {},
 		alias: "stDescription"
 	});
 	gabarit = inject(TemplateRef);
@@ -776,7 +776,7 @@ var StDescription = class StDescription {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StDescription,
 		deps: [],
@@ -784,7 +784,7 @@ var StDescription = class StDescription {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StDescription,
 		isStandalone: true,
 		selector: "ng-template[stDescription]",
@@ -800,7 +800,7 @@ var StDescription = class StDescription {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StDescription,
 	decorators: [{
@@ -819,12 +819,12 @@ i0.ɵɵngDeclareClassMetadata({
 var StDescriptionList = class StDescriptionList {
 	affichable = sansCommandesDeDirection;
 	libelles = inject(ST_LIBELLES);
-	elements = input.required(...ngDevMode ? [{ debugName: "elements" }] : 	/* istanbul ignore next */ []);
-	gabarits = contentChildren(StDescription, ...ngDevMode ? [{ debugName: "gabarits" }] : 	/* istanbul ignore next */ []);
-	lignes = computed(() => lignesDeDescription(this.elements(), new Map(this.gabarits().map((gabarit) => [gabarit.cle(), gabarit.gabarit])), "st-description-list"), ...ngDevMode ? [{ debugName: "lignes" }] : 	/* istanbul ignore next */ []);
+	elements = input.required(...ngDevMode ? [{ debugName: "elements" }] : /* istanbul ignore next */ []);
+	gabarits = contentChildren(StDescription, ...ngDevMode ? [{ debugName: "gabarits" }] : /* istanbul ignore next */ []);
+	lignes = computed(() => lignesDeDescription(this.elements(), new Map(this.gabarits().map((gabarit) => [gabarit.cle(), gabarit.gabarit])), "st-description-list"), ...ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StDescriptionList,
 		deps: [],
@@ -832,7 +832,7 @@ var StDescriptionList = class StDescriptionList {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StDescriptionList,
 		isStandalone: true,
 		selector: "st-description-list",
@@ -867,7 +867,7 @@ var StDescriptionList = class StDescriptionList {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StDescriptionList,
 	decorators: [{
@@ -906,6 +906,16 @@ const LIBELLES_LISTES_FR = {
 	inchange: "Inchangé",
 	afficherLesChampsInchanges: (nombre, enChiffres) => nombre <= 1 ? `Afficher le champ inchang\u00e9 (${enChiffres})` : `Afficher les champs inchang\u00e9s (${enChiffres})`,
 	aucuneModification: "Aucune modification.",
+	aucuneDifference: "Aucune différence.",
+	valeurMasquee: "Valeur masquée",
+	versionDeReference: "Version de référence",
+	versionComparee: "Version comparée",
+	versionChoisie: (date, auteur, motif) => motif === null ? `${date} \u2014 ${auteur}` : `${date} \u2014 ${auteur} \u2014 ${motif}`,
+	differencesEntre: (avant, apres) => `Diff\u00e9rences entre la version du ${avant} et celle du ${apres}`,
+	voirLEntreeDAudit: "Voir l’entrée du journal d’audit",
+	evenementsPlusAnciens: "Afficher les événements plus anciens",
+	evenementsPlusRecents: "Afficher les événements plus récents",
+	evenementsAjoutes: (nombre, enChiffres) => nombre <= 1 ? `${enChiffres} \u00e9v\u00e9nement ajout\u00e9` : `${enChiffres} \u00e9v\u00e9nements ajout\u00e9s`,
 	chronologieNommee: (etiquette, recentDAbord) => recentDAbord ? `${etiquette}, du plus r\u00e9cent au plus ancien` : `${etiquette}, du plus ancien au plus r\u00e9cent`,
 	voir: "Voir",
 	nonLu: "Non lu"
@@ -920,6 +930,16 @@ const LIBELLES_LISTES_EN = {
 	inchange: "Unchanged",
 	afficherLesChampsInchanges: (nombre, enChiffres) => nombre === 1 ? `Show unchanged field (${enChiffres})` : `Show unchanged fields (${enChiffres})`,
 	aucuneModification: "No changes.",
+	aucuneDifference: "No differences.",
+	valeurMasquee: "Hidden value",
+	versionDeReference: "Reference version",
+	versionComparee: "Compared version",
+	versionChoisie: (date, auteur, motif) => motif === null ? `${date} \u2014 ${auteur}` : `${date} \u2014 ${auteur} \u2014 ${motif}`,
+	differencesEntre: (avant, apres) => `Differences between the ${avant} version and the ${apres} version`,
+	voirLEntreeDAudit: "View the audit log entry",
+	evenementsPlusAnciens: "Show older events",
+	evenementsPlusRecents: "Show newer events",
+	evenementsAjoutes: (nombre, enChiffres) => nombre === 1 ? `${enChiffres} event added` : `${enChiffres} events added`,
 	chronologieNommee: (etiquette, recentDAbord) => `${etiquette}, ${recentDAbord ? "newest first" : "oldest first"}`,
 	voir: "View",
 	nonLu: "Unread"
@@ -951,35 +971,35 @@ function catalogueDesListes() {
 var StListItem = class StListItem {
 	libelles = inject(ST_LIBELLES);
 	catalogue = catalogueDesListes();
-	titre = input(null, ...ngDevMode ? [{ debugName: "titre" }] : 	/* istanbul ignore next */ []);
-	meta = input(null, ...ngDevMode ? [{ debugName: "meta" }] : 	/* istanbul ignore next */ []);
+	titre = input(null, ...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
+	meta = input(null, ...ngDevMode ? [{ debugName: "meta" }] : /* istanbul ignore next */ []);
 	carte = input(false, {
-		...ngDevMode ? { debugName: "carte" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "carte" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	choisi = input(false, {
-		...ngDevMode ? { debugName: "choisi" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "choisi" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	chevron = input(false, {
-		...ngDevMode ? { debugName: "chevron" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "chevron" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	lien = input(null, ...ngDevMode ? [{ debugName: "lien" }] : 	/* istanbul ignore next */ []);
+	lien = input(null, ...ngDevMode ? [{ debugName: "lien" }] : /* istanbul ignore next */ []);
 	nonLu = input(false, {
-		...ngDevMode ? { debugName: "nonLu" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "nonLu" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	selectionnable = input(false, {
-		...ngDevMode ? { debugName: "selectionnable" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "selectionnable" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	selectionne = model(false, ...ngDevMode ? [{ debugName: "selectionne" }] : 	/* istanbul ignore next */ []);
-	titreAffiche = computed(() => sansCommandesDeDirection(this.titre() ?? ""), ...ngDevMode ? [{ debugName: "titreAffiche" }] : 	/* istanbul ignore next */ []);
-	metaAffichee = computed(() => sansCommandesDeDirection(this.meta() ?? ""), ...ngDevMode ? [{ debugName: "metaAffichee" }] : 	/* istanbul ignore next */ []);
-	motNonLu = computed(() => this.catalogue().libelles.nonLu, ...ngDevMode ? [{ debugName: "motNonLu" }] : 	/* istanbul ignore next */ []);
-	langue = computed(() => this.catalogue().langueDeRepli, ...ngDevMode ? [{ debugName: "langue" }] : 	/* istanbul ignore next */ []);
-	nomDeLaCase = computed(() => this.libelles().selectionnerLaLigne(this.titreAffiche()), ...ngDevMode ? [{ debugName: "nomDeLaCase" }] : 	/* istanbul ignore next */ []);
+	selectionne = model(false, ...ngDevMode ? [{ debugName: "selectionne" }] : /* istanbul ignore next */ []);
+	titreAffiche = computed(() => sansCommandesDeDirection(this.titre() ?? ""), ...ngDevMode ? [{ debugName: "titreAffiche" }] : /* istanbul ignore next */ []);
+	metaAffichee = computed(() => sansCommandesDeDirection(this.meta() ?? ""), ...ngDevMode ? [{ debugName: "metaAffichee" }] : /* istanbul ignore next */ []);
+	motNonLu = computed(() => this.catalogue().libelles.nonLu, ...ngDevMode ? [{ debugName: "motNonLu" }] : /* istanbul ignore next */ []);
+	langue = computed(() => this.catalogue().langueDeRepli, ...ngDevMode ? [{ debugName: "langue" }] : /* istanbul ignore next */ []);
+	nomDeLaCase = computed(() => this.libelles().selectionnerLaLigne(this.titreAffiche()), ...ngDevMode ? [{ debugName: "nomDeLaCase" }] : /* istanbul ignore next */ []);
 	constructor() {
 		effect(() => {
 			if (isDevMode() && this.selectionnable() && this.titreAffiche().trim() === "") console.error("st-list-item : une case (selectionnable) se nomme par le titre texte ; fournir `titre`.");
@@ -990,7 +1010,7 @@ var StListItem = class StListItem {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StListItem,
 		deps: [],
@@ -998,7 +1018,7 @@ var StListItem = class StListItem {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StListItem,
 		isStandalone: true,
 		selector: "st-list-item",
@@ -1079,7 +1099,7 @@ var StListItem = class StListItem {
 		},
 		ngImport: i0,
 		template: "@if (choisi()) {\n  <span class=\"st-list-item__marqueur\" aria-hidden=\"true\"></span>\n}\n@if (selectionnable()) {\n  <!-- Hors du lien, au-dessus de sa zone : « Selectionner <titre> ». L'etiquette porte la cible. -->\n  <label class=\"st-list-item__selection\">\n    <input\n      type=\"checkbox\"\n      class=\"st-list-item__case\"\n      [checked]=\"selectionne()\"\n      [attr.aria-label]=\"nomDeLaCase()\"\n      (change)=\"basculer($event)\"\n    />\n  </label>\n}\n@if (lien(); as route) {\n  <!-- Un seul lien par ligne (UX-3) : son nom dit titre, precision, suite et fin, dans l'ordre. -->\n  <a class=\"st-list-item__lien\" [routerLink]=\"route\">\n    <ng-container *ngTemplateOutlet=\"contenu\" />\n  </a>\n} @else {\n  <ng-container *ngTemplateOutlet=\"contenu\" />\n}\n<div class=\"st-list-item__actions\"><ng-content select=\"[stActions]\" /></div>\n\n<ng-template #contenu>\n  <div class=\"st-list-item__debut\">\n    <span class=\"st-list-item__avant\"><ng-content select=\"[stAvant]\" /></span>\n    <div class=\"st-list-item__textes\">\n      <!-- Titre et precision sont des donnees : isoles, ils ne reordonnent pas la ligne (D-5). -->\n      <span class=\"st-list-item__titre\">\n        @if (nonLu()) {\n          <span class=\"st-vh\" [attr.lang]=\"langue()\">{{ motNonLu() }} </span>\n        }\n        <ng-content select=\"[stTitre]\"\n          ><bdi>{{ titreAffiche() }}</bdi></ng-content\n        >\n        @if (nonLu()) {\n          <!-- Le point suit le titre, dans sa ligne : les titres lus et non lus restent alignes. -->\n          <span class=\"st-list-item__non-lu\" aria-hidden=\"true\"></span>\n        }\n      </span>\n      <!-- Des espaces entre les parties : le nom du lien de la ligne se lit mot a mot. -->\n      {{ ' ' }}\n      @if (metaAffichee(); as meta) {\n        <span class=\"st-list-item__meta\" dir=\"auto\">{{ meta }}</span\n        >{{ ' ' }}\n      }\n      <div class=\"st-list-item__plus\"><ng-content /></div>\n    </div>\n  </div>\n  {{ ' ' }}\n  <div class=\"st-list-item__fin\">\n    <ng-content select=\"[stApres]\" />\n    @if (chevron()) {\n      <st-icon class=\"st-list-item__chevron\" nom=\"chevron-droite\" taille=\"18\" />\n    }\n  </div>\n</ng-template>\n",
-		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{position:relative;container-type:inline-size;display:flex;flex-wrap:wrap;gap:var(--st-espacement-4) var(--st-espacement-2);align-items:center;justify-content:space-between;min-block-size:var(--st-cible-tactile-min);border-radius:var(--st-rayon-sm)}:host:has(>.st-list-item__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)}:host([data-carte]){padding:var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-sm)}.st-list-item__marqueur{position:absolute;inset-block:var(--st-espacement-2);inset-inline-start:0;inline-size:var(--st-epaisseur-forte);background:var(--st-couleur-primaire);border-start-end-radius:var(--st-rayon-sm);border-end-end-radius:var(--st-rayon-sm)}.st-list-item__lien{display:flex;flex:1 1 9rem;flex-wrap:wrap;gap:var(--st-espacement-4) var(--st-espacement-2);align-items:center;justify-content:space-between;min-inline-size:0;color:inherit;text-decoration:none}.st-list-item__lien:after{position:absolute;inset:0;content:\"\"}.st-list-item__lien:focus-visible{outline:none;box-shadow:none}@media(hover:hover){:host([data-lien]:hover){background:var(--st-couleur-surface-survol)}}.st-list-item__selection,.st-list-item__actions{position:relative;z-index:var(--st-plan-contenu-eleve)}.st-list-item__selection{display:inline-flex;flex:none;align-items:center;justify-content:center;align-self:stretch;min-inline-size:var(--st-cible-min);cursor:pointer}@media(pointer:coarse){.st-list-item__selection{min-inline-size:var(--st-cible-tactile-min)}}.st-list-item__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-list-item__case{position:relative}.st-list-item__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-list-item__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-list-item__case:before{content:\"\";display:none}@media(hover:hover){.st-list-item__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-list-item__case:checked,.st-list-item__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-list-item__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-list-item__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-list-item__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-list-item__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-list-item__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-list-item__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-list-item__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger)}.st-list-item__case[aria-readonly=true]:not(:disabled){cursor:default}.st-list-item__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-list-item__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-list-item__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-list-item__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-list-item__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-list-item__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-list-item__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-list-item__case[type=radio]:checked{background:Canvas}.st-list-item__case[type=radio]:checked:before{background:Highlight}.st-list-item__case:disabled{border-color:GrayText}}@media print{.st-list-item__case:is(:checked,:indeterminate),.st-list-item__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-list-item__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-list-item__case[type=checkbox]:checked:before,.st-list-item__case[type=checkbox]:indeterminate:before,.st-list-item__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-list-item__actions{display:flex;flex:none;gap:var(--st-espacement-1);align-items:center;margin-inline-start:auto}.st-list-item__actions:empty{display:none}.st-list-item__non-lu{display:inline-block;inline-size:var(--st-espacement-2);block-size:var(--st-espacement-2);margin-inline-start:var(--st-espacement-2);vertical-align:middle;background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-list-item__debut{display:flex;flex:1 1 9rem;gap:var(--st-espacement-3);align-items:center;min-inline-size:0}.st-list-item__avant{display:flex;flex:none}.st-list-item__avant:empty{display:none}.st-list-item__textes{display:flex;flex-direction:column;min-inline-size:0}.st-list-item__titre{font-size:var(--st-taille-lg);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-lg);overflow-wrap:break-word}.st-list-item__meta{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);overflow-wrap:break-word;color:var(--st-couleur-texte-discret)}.st-list-item__plus{margin-block-start:var(--st-espacement-1)}.st-list-item__plus:empty{display:none}.st-list-item__fin{display:flex;flex:none;flex-direction:column;align-items:flex-end;margin-inline-start:auto;padding-inline-start:var(--st-espacement-2)}.st-list-item__chevron{margin-block-start:var(--st-espacement-1);color:var(--st-couleur-texte-attenue)}@media(forced-colors:active){.st-list-item__marqueur,.st-list-item__non-lu{background:Highlight}:host([data-carte]){border:var(--st-epaisseur-fine) solid CanvasText}}\n"],
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{position:relative;container-type:inline-size;display:flex;flex-wrap:wrap;gap:var(--st-espacement-4) var(--st-espacement-2);align-items:center;justify-content:space-between;min-block-size:var(--st-cible-tactile-min);border-radius:var(--st-rayon-sm)}:host:has(>.st-list-item__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)}:host([data-carte]){padding:var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-sm)}.st-list-item__marqueur{position:absolute;inset-block:var(--st-espacement-2);inset-inline-start:0;inline-size:var(--st-epaisseur-forte);background:var(--st-couleur-primaire);border-start-end-radius:var(--st-rayon-sm);border-end-end-radius:var(--st-rayon-sm)}.st-list-item__lien{display:flex;flex:1 1 9rem;flex-wrap:wrap;gap:var(--st-espacement-4) var(--st-espacement-2);align-items:center;justify-content:space-between;min-inline-size:0;color:inherit;text-decoration:none}.st-list-item__lien:after{position:absolute;inset:0;content:\"\"}.st-list-item__lien:focus-visible{outline:none;box-shadow:none}@media(hover:hover){:host([data-lien]:hover){background:var(--st-couleur-surface-survol)}}.st-list-item__selection,.st-list-item__actions{position:relative;z-index:var(--st-plan-contenu-eleve)}.st-list-item__selection{display:inline-flex;flex:none;align-items:center;justify-content:center;align-self:stretch;min-inline-size:var(--st-cible-min);cursor:pointer}@media(pointer:coarse){.st-list-item__selection{min-inline-size:var(--st-cible-tactile-min)}}.st-list-item__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-list-item__case{position:relative}.st-list-item__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-list-item__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-list-item__case:before{content:\"\";display:none}@media(hover:hover){.st-list-item__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-list-item__case:checked,.st-list-item__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-list-item__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-list-item__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-list-item__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-list-item__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-list-item__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-list-item__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-list-item__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-list-item__case[aria-readonly=true]:not(:disabled){cursor:default}.st-list-item__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-list-item__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-list-item__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-list-item__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-list-item__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-list-item__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-list-item__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-list-item__case[type=radio]:checked{background:Canvas}.st-list-item__case[type=radio]:checked:before{background:Highlight}.st-list-item__case:disabled{border-color:GrayText}}@media print{.st-list-item__case:is(:checked,:indeterminate),.st-list-item__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-list-item__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-list-item__case[type=checkbox]:checked:before,.st-list-item__case[type=checkbox]:indeterminate:before,.st-list-item__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-list-item__actions{display:flex;flex:none;gap:var(--st-espacement-1);align-items:center;margin-inline-start:auto}.st-list-item__actions:empty{display:none}.st-list-item__non-lu{display:inline-block;inline-size:var(--st-espacement-2);block-size:var(--st-espacement-2);margin-inline-start:var(--st-espacement-2);vertical-align:middle;background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-list-item__debut{display:flex;flex:1 1 9rem;gap:var(--st-espacement-3);align-items:center;min-inline-size:0}.st-list-item__avant{display:flex;flex:none}.st-list-item__avant:empty{display:none}.st-list-item__textes{display:flex;flex-direction:column;min-inline-size:0}.st-list-item__titre{font-family:var(--st-police-titre, var(--st-police-base));font-size:var(--st-taille-lg);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-lg);overflow-wrap:break-word}.st-list-item__meta{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);overflow-wrap:break-word;color:var(--st-couleur-texte-discret)}.st-list-item__plus{margin-block-start:var(--st-espacement-1)}.st-list-item__plus:empty{display:none}.st-list-item__fin{display:flex;flex:none;flex-direction:column;align-items:flex-end;margin-inline-start:auto;padding-inline-start:var(--st-espacement-2)}.st-list-item__chevron{margin-block-start:var(--st-espacement-1);color:var(--st-couleur-texte-attenue)}@media(forced-colors:active){.st-list-item__marqueur,.st-list-item__non-lu{background:Highlight}:host([data-carte]){border:var(--st-epaisseur-fine) solid CanvasText}}\n"],
 		dependencies: [
 			{
 				kind: "directive",
@@ -1132,7 +1152,7 @@ var StListItem = class StListItem {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StListItem,
 	decorators: [{
@@ -1153,7 +1173,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.aria-current]": "choisi() ? \"true\" : null"
 			},
 			template: "@if (choisi()) {\n  <span class=\"st-list-item__marqueur\" aria-hidden=\"true\"></span>\n}\n@if (selectionnable()) {\n  <!-- Hors du lien, au-dessus de sa zone : « Selectionner <titre> ». L'etiquette porte la cible. -->\n  <label class=\"st-list-item__selection\">\n    <input\n      type=\"checkbox\"\n      class=\"st-list-item__case\"\n      [checked]=\"selectionne()\"\n      [attr.aria-label]=\"nomDeLaCase()\"\n      (change)=\"basculer($event)\"\n    />\n  </label>\n}\n@if (lien(); as route) {\n  <!-- Un seul lien par ligne (UX-3) : son nom dit titre, precision, suite et fin, dans l'ordre. -->\n  <a class=\"st-list-item__lien\" [routerLink]=\"route\">\n    <ng-container *ngTemplateOutlet=\"contenu\" />\n  </a>\n} @else {\n  <ng-container *ngTemplateOutlet=\"contenu\" />\n}\n<div class=\"st-list-item__actions\"><ng-content select=\"[stActions]\" /></div>\n\n<ng-template #contenu>\n  <div class=\"st-list-item__debut\">\n    <span class=\"st-list-item__avant\"><ng-content select=\"[stAvant]\" /></span>\n    <div class=\"st-list-item__textes\">\n      <!-- Titre et precision sont des donnees : isoles, ils ne reordonnent pas la ligne (D-5). -->\n      <span class=\"st-list-item__titre\">\n        @if (nonLu()) {\n          <span class=\"st-vh\" [attr.lang]=\"langue()\">{{ motNonLu() }} </span>\n        }\n        <ng-content select=\"[stTitre]\"\n          ><bdi>{{ titreAffiche() }}</bdi></ng-content\n        >\n        @if (nonLu()) {\n          <!-- Le point suit le titre, dans sa ligne : les titres lus et non lus restent alignes. -->\n          <span class=\"st-list-item__non-lu\" aria-hidden=\"true\"></span>\n        }\n      </span>\n      <!-- Des espaces entre les parties : le nom du lien de la ligne se lit mot a mot. -->\n      {{ ' ' }}\n      @if (metaAffichee(); as meta) {\n        <span class=\"st-list-item__meta\" dir=\"auto\">{{ meta }}</span\n        >{{ ' ' }}\n      }\n      <div class=\"st-list-item__plus\"><ng-content /></div>\n    </div>\n  </div>\n  {{ ' ' }}\n  <div class=\"st-list-item__fin\">\n    <ng-content select=\"[stApres]\" />\n    @if (chevron()) {\n      <st-icon class=\"st-list-item__chevron\" nom=\"chevron-droite\" taille=\"18\" />\n    }\n  </div>\n</ng-template>\n",
-			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{position:relative;container-type:inline-size;display:flex;flex-wrap:wrap;gap:var(--st-espacement-4) var(--st-espacement-2);align-items:center;justify-content:space-between;min-block-size:var(--st-cible-tactile-min);border-radius:var(--st-rayon-sm)}:host:has(>.st-list-item__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)}:host([data-carte]){padding:var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-sm)}.st-list-item__marqueur{position:absolute;inset-block:var(--st-espacement-2);inset-inline-start:0;inline-size:var(--st-epaisseur-forte);background:var(--st-couleur-primaire);border-start-end-radius:var(--st-rayon-sm);border-end-end-radius:var(--st-rayon-sm)}.st-list-item__lien{display:flex;flex:1 1 9rem;flex-wrap:wrap;gap:var(--st-espacement-4) var(--st-espacement-2);align-items:center;justify-content:space-between;min-inline-size:0;color:inherit;text-decoration:none}.st-list-item__lien:after{position:absolute;inset:0;content:\"\"}.st-list-item__lien:focus-visible{outline:none;box-shadow:none}@media(hover:hover){:host([data-lien]:hover){background:var(--st-couleur-surface-survol)}}.st-list-item__selection,.st-list-item__actions{position:relative;z-index:var(--st-plan-contenu-eleve)}.st-list-item__selection{display:inline-flex;flex:none;align-items:center;justify-content:center;align-self:stretch;min-inline-size:var(--st-cible-min);cursor:pointer}@media(pointer:coarse){.st-list-item__selection{min-inline-size:var(--st-cible-tactile-min)}}.st-list-item__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-list-item__case{position:relative}.st-list-item__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-list-item__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-list-item__case:before{content:\"\";display:none}@media(hover:hover){.st-list-item__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-list-item__case:checked,.st-list-item__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-list-item__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-list-item__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-list-item__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-list-item__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-list-item__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-list-item__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-list-item__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger)}.st-list-item__case[aria-readonly=true]:not(:disabled){cursor:default}.st-list-item__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-list-item__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-list-item__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-list-item__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-list-item__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-list-item__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-list-item__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-list-item__case[type=radio]:checked{background:Canvas}.st-list-item__case[type=radio]:checked:before{background:Highlight}.st-list-item__case:disabled{border-color:GrayText}}@media print{.st-list-item__case:is(:checked,:indeterminate),.st-list-item__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-list-item__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-list-item__case[type=checkbox]:checked:before,.st-list-item__case[type=checkbox]:indeterminate:before,.st-list-item__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-list-item__actions{display:flex;flex:none;gap:var(--st-espacement-1);align-items:center;margin-inline-start:auto}.st-list-item__actions:empty{display:none}.st-list-item__non-lu{display:inline-block;inline-size:var(--st-espacement-2);block-size:var(--st-espacement-2);margin-inline-start:var(--st-espacement-2);vertical-align:middle;background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-list-item__debut{display:flex;flex:1 1 9rem;gap:var(--st-espacement-3);align-items:center;min-inline-size:0}.st-list-item__avant{display:flex;flex:none}.st-list-item__avant:empty{display:none}.st-list-item__textes{display:flex;flex-direction:column;min-inline-size:0}.st-list-item__titre{font-size:var(--st-taille-lg);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-lg);overflow-wrap:break-word}.st-list-item__meta{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);overflow-wrap:break-word;color:var(--st-couleur-texte-discret)}.st-list-item__plus{margin-block-start:var(--st-espacement-1)}.st-list-item__plus:empty{display:none}.st-list-item__fin{display:flex;flex:none;flex-direction:column;align-items:flex-end;margin-inline-start:auto;padding-inline-start:var(--st-espacement-2)}.st-list-item__chevron{margin-block-start:var(--st-espacement-1);color:var(--st-couleur-texte-attenue)}@media(forced-colors:active){.st-list-item__marqueur,.st-list-item__non-lu{background:Highlight}:host([data-carte]){border:var(--st-epaisseur-fine) solid CanvasText}}\n"]
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{position:relative;container-type:inline-size;display:flex;flex-wrap:wrap;gap:var(--st-espacement-4) var(--st-espacement-2);align-items:center;justify-content:space-between;min-block-size:var(--st-cible-tactile-min);border-radius:var(--st-rayon-sm)}:host:has(>.st-list-item__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)}:host([data-carte]){padding:var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-sm)}.st-list-item__marqueur{position:absolute;inset-block:var(--st-espacement-2);inset-inline-start:0;inline-size:var(--st-epaisseur-forte);background:var(--st-couleur-primaire);border-start-end-radius:var(--st-rayon-sm);border-end-end-radius:var(--st-rayon-sm)}.st-list-item__lien{display:flex;flex:1 1 9rem;flex-wrap:wrap;gap:var(--st-espacement-4) var(--st-espacement-2);align-items:center;justify-content:space-between;min-inline-size:0;color:inherit;text-decoration:none}.st-list-item__lien:after{position:absolute;inset:0;content:\"\"}.st-list-item__lien:focus-visible{outline:none;box-shadow:none}@media(hover:hover){:host([data-lien]:hover){background:var(--st-couleur-surface-survol)}}.st-list-item__selection,.st-list-item__actions{position:relative;z-index:var(--st-plan-contenu-eleve)}.st-list-item__selection{display:inline-flex;flex:none;align-items:center;justify-content:center;align-self:stretch;min-inline-size:var(--st-cible-min);cursor:pointer}@media(pointer:coarse){.st-list-item__selection{min-inline-size:var(--st-cible-tactile-min)}}.st-list-item__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-list-item__case{position:relative}.st-list-item__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-list-item__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-list-item__case:before{content:\"\";display:none}@media(hover:hover){.st-list-item__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-list-item__case:checked,.st-list-item__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-list-item__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-list-item__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-list-item__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-list-item__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-list-item__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-list-item__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-list-item__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-list-item__case[aria-readonly=true]:not(:disabled){cursor:default}.st-list-item__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-list-item__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-list-item__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-list-item__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-list-item__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-list-item__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-list-item__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-list-item__case[type=radio]:checked{background:Canvas}.st-list-item__case[type=radio]:checked:before{background:Highlight}.st-list-item__case:disabled{border-color:GrayText}}@media print{.st-list-item__case:is(:checked,:indeterminate),.st-list-item__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-list-item__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-list-item__case[type=checkbox]:checked:before,.st-list-item__case[type=checkbox]:indeterminate:before,.st-list-item__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-list-item__actions{display:flex;flex:none;gap:var(--st-espacement-1);align-items:center;margin-inline-start:auto}.st-list-item__actions:empty{display:none}.st-list-item__non-lu{display:inline-block;inline-size:var(--st-espacement-2);block-size:var(--st-espacement-2);margin-inline-start:var(--st-espacement-2);vertical-align:middle;background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-list-item__debut{display:flex;flex:1 1 9rem;gap:var(--st-espacement-3);align-items:center;min-inline-size:0}.st-list-item__avant{display:flex;flex:none}.st-list-item__avant:empty{display:none}.st-list-item__textes{display:flex;flex-direction:column;min-inline-size:0}.st-list-item__titre{font-family:var(--st-police-titre, var(--st-police-base));font-size:var(--st-taille-lg);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-approche-lg);overflow-wrap:break-word}.st-list-item__meta{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);overflow-wrap:break-word;color:var(--st-couleur-texte-discret)}.st-list-item__plus{margin-block-start:var(--st-espacement-1)}.st-list-item__plus:empty{display:none}.st-list-item__fin{display:flex;flex:none;flex-direction:column;align-items:flex-end;margin-inline-start:auto;padding-inline-start:var(--st-espacement-2)}.st-list-item__chevron{margin-block-start:var(--st-espacement-1);color:var(--st-couleur-texte-attenue)}@media(forced-colors:active){.st-list-item__marqueur,.st-list-item__non-lu{background:Highlight}:host([data-carte]){border:var(--st-epaisseur-fine) solid CanvasText}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -1241,10 +1261,10 @@ function prochainSensOuNul(actuel, ternaire = true) {
 	return ternaire ? null : "croissant";
 }
 var StSortHeader = class StSortHeader {
-	sens = input(null, ...ngDevMode ? [{ debugName: "sens" }] : 	/* istanbul ignore next */ []);
-	alignement = input("debut", ...ngDevMode ? [{ debugName: "alignement" }] : 	/* istanbul ignore next */ []);
+	sens = input(null, ...ngDevMode ? [{ debugName: "sens" }] : /* istanbul ignore next */ []);
+	alignement = input("debut", ...ngDevMode ? [{ debugName: "alignement" }] : /* istanbul ignore next */ []);
 	ternaire = input(true, {
-		...ngDevMode ? { debugName: "ternaire" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "ternaire" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	sensDemande = output();
@@ -1253,13 +1273,13 @@ var StSortHeader = class StSortHeader {
 		if (sens === "croissant") return "fleche-haut";
 		if (sens === "decroissant") return "fleche-bas";
 		return "chevrons-haut-bas";
-	}, ...ngDevMode ? [{ debugName: "icone" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []);
 	basculer() {
 		this.sensDemande.emit(prochainSensOuNul(this.sens(), this.ternaire()));
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StSortHeader,
 		deps: [],
@@ -1267,7 +1287,7 @@ var StSortHeader = class StSortHeader {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StSortHeader,
 		isStandalone: true,
 		selector: "button[stSortHeader]",
@@ -1328,7 +1348,7 @@ var StSortHeader = class StSortHeader {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StSortHeader,
 	decorators: [{
@@ -1381,17 +1401,17 @@ i0.ɵɵngDeclareClassMetadata({
 });
 var StCellule = class StCellule {
 	cle = input.required({
-		...ngDevMode ? { debugName: "cle" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "cle" } : /* istanbul ignore next */ {},
 		alias: "stCellule"
 	});
-	stCelluleDe = input(void 0, ...ngDevMode ? [{ debugName: "stCelluleDe" }] : 	/* istanbul ignore next */ []);
+	stCelluleDe = input(void 0, ...ngDevMode ? [{ debugName: "stCelluleDe" }] : /* istanbul ignore next */ []);
 	gabarit = inject(TemplateRef);
 	static ngTemplateContextGuard(_directive, _contexte) {
 		return true;
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StCellule,
 		deps: [],
@@ -1399,7 +1419,7 @@ var StCellule = class StCellule {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StCellule,
 		isStandalone: true,
 		selector: "ng-template[stCellule]",
@@ -1424,7 +1444,7 @@ var StCellule = class StCellule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StCellule,
 	decorators: [{
@@ -1454,7 +1474,7 @@ var StTableauVide = class StTableauVide {
 	gabarit = inject(TemplateRef);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StTableauVide,
 		deps: [],
@@ -1462,7 +1482,7 @@ var StTableauVide = class StTableauVide {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StTableauVide,
 		isStandalone: true,
 		selector: "ng-template[stTableauVide]",
@@ -1471,7 +1491,7 @@ var StTableauVide = class StTableauVide {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StTableauVide,
 	decorators: [{
@@ -1483,58 +1503,58 @@ const PLAFOND_DE_SQUELETTE = 25;
 var StDataTable = class StDataTable {
 	libelles = inject(ST_LIBELLES);
 	locale = inject(ST_LOCALE);
-	legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : 	/* istanbul ignore next */ []);
+	legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []);
 	legendeMasquee = input(false, {
-		...ngDevMode ? { debugName: "legendeMasquee" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "legendeMasquee" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	colonnes = input.required(...ngDevMode ? [{ debugName: "colonnes" }] : 	/* istanbul ignore next */ []);
-	lignes = input.required(...ngDevMode ? [{ debugName: "lignes" }] : 	/* istanbul ignore next */ []);
-	cle = input.required(...ngDevMode ? [{ debugName: "cle" }] : 	/* istanbul ignore next */ []);
-	enTeteDeLigne = input(null, ...ngDevMode ? [{ debugName: "enTeteDeLigne" }] : 	/* istanbul ignore next */ []);
+	colonnes = input.required(...ngDevMode ? [{ debugName: "colonnes" }] : /* istanbul ignore next */ []);
+	lignes = input.required(...ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []);
+	cle = input.required(...ngDevMode ? [{ debugName: "cle" }] : /* istanbul ignore next */ []);
+	enTeteDeLigne = input(null, ...ngDevMode ? [{ debugName: "enTeteDeLigne" }] : /* istanbul ignore next */ []);
 	premiereColonneFigee = input(false, {
-		...ngDevMode ? { debugName: "premiereColonneFigee" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "premiereColonneFigee" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	hauteurMax = input(null, ...ngDevMode ? [{ debugName: "hauteurMax" }] : 	/* istanbul ignore next */ []);
-	tonDeLigne = input(null, ...ngDevMode ? [{ debugName: "tonDeLigne" }] : 	/* istanbul ignore next */ []);
-	ligneChoisissable = input(null, ...ngDevMode ? [{ debugName: "ligneChoisissable" }] : 	/* istanbul ignore next */ []);
-	densite = input(void 0, ...ngDevMode ? [{ debugName: "densite" }] : 	/* istanbul ignore next */ []);
+	hauteurMax = input(null, ...ngDevMode ? [{ debugName: "hauteurMax" }] : /* istanbul ignore next */ []);
+	tonDeLigne = input(null, ...ngDevMode ? [{ debugName: "tonDeLigne" }] : /* istanbul ignore next */ []);
+	ligneChoisissable = input(null, ...ngDevMode ? [{ debugName: "ligneChoisissable" }] : /* istanbul ignore next */ []);
+	densite = input(void 0, ...ngDevMode ? [{ debugName: "densite" }] : /* istanbul ignore next */ []);
 	chargement = input(false, {
-		...ngDevMode ? { debugName: "chargement" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "chargement" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	annonceDeRechargement = input(true, {
-		...ngDevMode ? { debugName: "annonceDeRechargement" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "annonceDeRechargement" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	selectionnable = input(false, {
-		...ngDevMode ? { debugName: "selectionnable" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "selectionnable" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	selection = model([], ...ngDevMode ? [{ debugName: "selection" }] : 	/* istanbul ignore next */ []);
-	tri = model(null, ...ngDevMode ? [{ debugName: "tri" }] : 	/* istanbul ignore next */ []);
+	selection = model([], ...ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []);
+	tri = model(null, ...ngDevMode ? [{ debugName: "tri" }] : /* istanbul ignore next */ []);
 	triTernaire = input(true, {
-		...ngDevMode ? { debugName: "triTernaire" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "triTernaire" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	texteVide = input(null, ...ngDevMode ? [{ debugName: "texteVide" }] : 	/* istanbul ignore next */ []);
-	raisonDuVide = input("aucune-donnee", ...ngDevMode ? [{ debugName: "raisonDuVide" }] : 	/* istanbul ignore next */ []);
+	texteVide = input(null, ...ngDevMode ? [{ debugName: "texteVide" }] : /* istanbul ignore next */ []);
+	raisonDuVide = input("aucune-donnee", ...ngDevMode ? [{ debugName: "raisonDuVide" }] : /* istanbul ignore next */ []);
 	effacement = output();
-	lignesAttendues = input(5, ...ngDevMode ? [{ debugName: "lignesAttendues" }] : 	/* istanbul ignore next */ []);
-	gabarits = contentChildren(StCellule, ...ngDevMode ? [{ debugName: "gabarits" }] : 	/* istanbul ignore next */ []);
-	gabaritVide = contentChild(StTableauVide, ...ngDevMode ? [{ debugName: "gabaritVide" }] : 	/* istanbul ignore next */ []);
-	zone = viewChild.required("zone", ...ngDevMode ? [{ debugName: "zone" }] : 	/* istanbul ignore next */ []);
-	barresRattachees = signal(0, ...ngDevMode ? [{ debugName: "barresRattachees" }] : 	/* istanbul ignore next */ []);
-	resumeCede = computed(() => this.barresRattachees() > 0, ...ngDevMode ? [{ debugName: "resumeCede" }] : 	/* istanbul ignore next */ []);
-	caseTout = viewChild("caseTout", ...ngDevMode ? [{ debugName: "caseTout" }] : 	/* istanbul ignore next */ []);
-	legendeDuTableau = viewChild("elementDeLegende", ...ngDevMode ? [{ debugName: "legendeDuTableau" }] : 	/* istanbul ignore next */ []);
+	lignesAttendues = input(5, ...ngDevMode ? [{ debugName: "lignesAttendues" }] : /* istanbul ignore next */ []);
+	gabarits = contentChildren(StCellule, ...ngDevMode ? [{ debugName: "gabarits" }] : /* istanbul ignore next */ []);
+	gabaritVide = contentChild(StTableauVide, ...ngDevMode ? [{ debugName: "gabaritVide" }] : /* istanbul ignore next */ []);
+	zone = viewChild.required("zone", ...ngDevMode ? [{ debugName: "zone" }] : /* istanbul ignore next */ []);
+	barresRattachees = signal(0, ...ngDevMode ? [{ debugName: "barresRattachees" }] : /* istanbul ignore next */ []);
+	resumeCede = computed(() => this.barresRattachees() > 0, ...ngDevMode ? [{ debugName: "resumeCede" }] : /* istanbul ignore next */ []);
+	caseTout = viewChild("caseTout", ...ngDevMode ? [{ debugName: "caseTout" }] : /* istanbul ignore next */ []);
+	legendeDuTableau = viewChild("elementDeLegende", ...ngDevMode ? [{ debugName: "legendeDuTableau" }] : /* istanbul ignore next */ []);
 	annonce = new AnnonceLocale(inject(DestroyRef));
-	deborde = signal(false, ...ngDevMode ? [{ debugName: "deborde" }] : 	/* istanbul ignore next */ []);
-	ombreDebut = signal(false, ...ngDevMode ? [{ debugName: "ombreDebut" }] : 	/* istanbul ignore next */ []);
-	ombreFin = signal(false, ...ngDevMode ? [{ debugName: "ombreFin" }] : 	/* istanbul ignore next */ []);
-	largeurFigee = signal(0, ...ngDevMode ? [{ debugName: "largeurFigee" }] : 	/* istanbul ignore next */ []);
-	decalageFigee = signal(null, ...ngDevMode ? [{ debugName: "decalageFigee" }] : 	/* istanbul ignore next */ []);
+	deborde = signal(false, ...ngDevMode ? [{ debugName: "deborde" }] : /* istanbul ignore next */ []);
+	ombreDebut = signal(false, ...ngDevMode ? [{ debugName: "ombreDebut" }] : /* istanbul ignore next */ []);
+	ombreFin = signal(false, ...ngDevMode ? [{ debugName: "ombreFin" }] : /* istanbul ignore next */ []);
+	largeurFigee = signal(0, ...ngDevMode ? [{ debugName: "largeurFigee" }] : /* istanbul ignore next */ []);
+	decalageFigee = signal(null, ...ngDevMode ? [{ debugName: "decalageFigee" }] : /* istanbul ignore next */ []);
 	derniereLigneChoisie = null;
 	chargementPrecedent = false;
 	identifiants = (() => {
@@ -1546,7 +1566,7 @@ var StDataTable = class StDataTable {
 			deborde: `${base}-deborde`
 		};
 	})();
-	cleDEnTete = computed(() => this.enTeteDeLigne() ?? this.colonnes()[0]?.cle ?? "", ...ngDevMode ? [{ debugName: "cleDEnTete" }] : 	/* istanbul ignore next */ []);
+	cleDEnTete = computed(() => this.enTeteDeLigne() ?? this.colonnes()[0]?.cle ?? "", ...ngDevMode ? [{ debugName: "cleDEnTete" }] : /* istanbul ignore next */ []);
 	cellules = computed(() => {
 		const gabarits = new Map(this.gabarits().map((gabarit) => [gabarit.cle(), gabarit.gabarit]));
 		return this.colonnes().map((colonne) => ({
@@ -1554,8 +1574,8 @@ var StDataTable = class StDataTable {
 			gabarit: gabarits.get(colonne.cle) ?? null,
 			enTete: colonne.cle === this.cleDEnTete()
 		}));
-	}, ...ngDevMode ? [{ debugName: "cellules" }] : 	/* istanbul ignore next */ []);
-	nombres = computed(() => new Intl.NumberFormat(this.locale()), ...ngDevMode ? [{ debugName: "nombres" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "cellules" }] : /* istanbul ignore next */ []);
+	nombres = computed(() => new Intl.NumberFormat(this.locale()), ...ngDevMode ? [{ debugName: "nombres" }] : /* istanbul ignore next */ []);
 	rangees = computed(() => {
 		const cle = this.cle();
 		const entete = this.cleDEnTete();
@@ -1574,17 +1594,17 @@ var StDataTable = class StDataTable {
 				choisissable: choisissable === null ? true : choisissable(valeur)
 			};
 		});
-	}, ...ngDevMode ? [{ debugName: "rangees" }] : 	/* istanbul ignore next */ []);
-	nombreDeLignesDeSquelette = computed(() => Math.min(PLAFOND_DE_SQUELETTE, Math.max(1, Math.trunc(this.lignesAttendues()))), ...ngDevMode ? [{ debugName: "nombreDeLignesDeSquelette" }] : 	/* istanbul ignore next */ []);
-	squelette = computed(() => this.chargement() && this.lignes().length === 0 ? Array.from({ length: this.nombreDeLignesDeSquelette() }, (_, indice) => indice) : [], ...ngDevMode ? [{ debugName: "squelette" }] : 	/* istanbul ignore next */ []);
-	nombreDeColonnes = computed(() => this.colonnes().length + (this.selectionnable() ? 1 : 0), ...ngDevMode ? [{ debugName: "nombreDeColonnes" }] : 	/* istanbul ignore next */ []);
-	colonnesDeSquelette = computed(() => Array.from({ length: this.nombreDeColonnes() }, (_, indice) => indice), ...ngDevMode ? [{ debugName: "colonnesDeSquelette" }] : 	/* istanbul ignore next */ []);
-	rangeesChoisissables = computed(() => this.rangees().filter((rangee) => rangee.choisissable), ...ngDevMode ? [{ debugName: "rangeesChoisissables" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "rangees" }] : /* istanbul ignore next */ []);
+	nombreDeLignesDeSquelette = computed(() => Math.min(PLAFOND_DE_SQUELETTE, Math.max(1, Math.trunc(this.lignesAttendues()))), ...ngDevMode ? [{ debugName: "nombreDeLignesDeSquelette" }] : /* istanbul ignore next */ []);
+	squelette = computed(() => this.chargement() && this.lignes().length === 0 ? Array.from({ length: this.nombreDeLignesDeSquelette() }, (_, indice) => indice) : [], ...ngDevMode ? [{ debugName: "squelette" }] : /* istanbul ignore next */ []);
+	nombreDeColonnes = computed(() => this.colonnes().length + (this.selectionnable() ? 1 : 0), ...ngDevMode ? [{ debugName: "nombreDeColonnes" }] : /* istanbul ignore next */ []);
+	colonnesDeSquelette = computed(() => Array.from({ length: this.nombreDeColonnes() }, (_, indice) => indice), ...ngDevMode ? [{ debugName: "colonnesDeSquelette" }] : /* istanbul ignore next */ []);
+	rangeesChoisissables = computed(() => this.rangees().filter((rangee) => rangee.choisissable), ...ngDevMode ? [{ debugName: "rangeesChoisissables" }] : /* istanbul ignore next */ []);
 	toutesChoisies = computed(() => {
 		const rangees = this.rangeesChoisissables();
 		return rangees.length > 0 && rangees.every((rangee) => rangee.choisie);
-	}, ...ngDevMode ? [{ debugName: "toutesChoisies" }] : 	/* istanbul ignore next */ []);
-	quelquesChoisies = computed(() => !this.toutesChoisies() && this.rangees().some((rangee) => rangee.choisie), ...ngDevMode ? [{ debugName: "quelquesChoisies" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "toutesChoisies" }] : /* istanbul ignore next */ []);
+	quelquesChoisies = computed(() => !this.toutesChoisies() && this.rangees().some((rangee) => rangee.choisie), ...ngDevMode ? [{ debugName: "quelquesChoisies" }] : /* istanbul ignore next */ []);
 	constructor() {
 		effect(() => {
 			const presentes = new Set(this.rangees().map((rangee) => rangee.identifiant));
@@ -1724,7 +1744,7 @@ var StDataTable = class StDataTable {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StDataTable,
 		deps: [],
@@ -1732,7 +1752,7 @@ var StDataTable = class StDataTable {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StDataTable,
 		isStandalone: true,
 		selector: "st-data-table",
@@ -1927,7 +1947,7 @@ var StDataTable = class StDataTable {
 		],
 		ngImport: i0,
 		template: "<!-- UN seul ng-content : la projection se decide a la compilation, et un second\n     emplacement de meme selecteur, dans une autre branche, ne recevrait jamais\n     rien. -->\n<div class=\"st-data-table__barre\">\n  @if (selectionnable()) {\n    <!-- Une st-selection-bar rattachee montre le compte : la region reste, masquee a l'oeil. -->\n    <p\n      class=\"st-data-table__selection\"\n      role=\"status\"\n      [id]=\"identifiants.selection\"\n      [class.st-vh]=\"resumeCede()\"\n    >\n      {{ selection().length > 0 ? libelles().lignesSelectionnees(selection().length) : '' }}\n    </p>\n    @if (selection().length > 0 && !resumeCede()) {\n      <button stButton variante=\"discret\" taille=\"sm\" type=\"button\" (click)=\"deselectionnerTout()\">\n        {{ libelles().toutDeselectionner }}\n      </button>\n    }\n  }\n  <div class=\"st-data-table__actions\">\n    <ng-content select=\"[stActionsDeTableau]\" />\n  </div>\n</div>\n\n<!-- UX-6 : zone nommee par la legende ; focalisable quand elle deborde, et par\n     programme toujours, pour recevoir le focus apres un changement de page. -->\n<div\n  class=\"st-data-table__cadre\"\n  [attr.data-ombre-debut]=\"ombreDebut() ? '' : null\"\n  [attr.data-ombre-fin]=\"ombreFin() ? '' : null\"\n>\n  <div\n    #zone\n    class=\"st-data-table__zone\"\n    role=\"region\"\n    [attr.aria-labelledby]=\"identifiants.legende\"\n    [attr.aria-describedby]=\"deborde() ? identifiants.deborde : null\"\n    [attr.tabindex]=\"deborde() ? 0 : -1\"\n    [attr.data-deborde]=\"deborde() ? '' : null\"\n    [style.max-block-size]=\"hauteurMax()\"\n    [style.scroll-padding-inline-start.px]=\"largeurFigee()\"\n    [style.--st-tableau-decalage-figee.px]=\"decalageFigee()\"\n  >\n    <table class=\"st-data-table__tableau\" [attr.aria-busy]=\"chargement() ? 'true' : null\">\n      <!-- Focalisable par script seulement : « Annuler la selection » y rend le focus. -->\n      <caption\n        #elementDeLegende\n        class=\"st-data-table__legende\"\n        tabindex=\"-1\"\n        [id]=\"identifiants.legende\"\n        [class.st-vh]=\"legendeMasquee()\"\n      >\n        {{\n          legende()\n        }}\n      </caption>\n      <thead>\n        <tr>\n          @if (selectionnable()) {\n            <th class=\"st-data-table__case\" scope=\"col\" data-figee>\n              <label class=\"st-data-table__cible\">\n                <input\n                  #caseTout\n                  class=\"st-data-table__cocher\"\n                  type=\"checkbox\"\n                  [checked]=\"toutesChoisies()\"\n                  [indeterminate]=\"quelquesChoisies()\"\n                  [disabled]=\"rangeesChoisissables().length === 0\"\n                  [attr.aria-label]=\"libelles().selectionnerLaPage(rangeesChoisissables().length)\"\n                  [attr.aria-describedby]=\"identifiants.aideSelection\"\n                  (change)=\"basculerTout()\"\n                />\n              </label>\n            </th>\n          }\n          @for (cellule of cellules(); track cellule.colonne.cle; let premiere = $first) {\n            <th\n              scope=\"col\"\n              [attr.data-alignement]=\"cellule.colonne.alignement ?? 'debut'\"\n              [attr.data-figee]=\"premiere && premiereColonneFigee() ? '' : null\"\n              [attr.data-retour]=\"cellule.colonne.retourALaLigne ? '' : null\"\n              [attr.aria-sort]=\"ariaSort(cellule.colonne)\"\n            >\n              @if (cellule.colonne.triable) {\n                <button\n                  stSortHeader\n                  type=\"button\"\n                  [sens]=\"sensDe(cellule.colonne)\"\n                  [ternaire]=\"triTernaire()\"\n                  [alignement]=\"cellule.colonne.alignement ?? 'debut'\"\n                  (sensDemande)=\"trier(cellule.colonne, $event)\"\n                >\n                  {{ cellule.colonne.libelle }}\n                </button>\n              } @else if (cellule.colonne.libelleMasque) {\n                <span class=\"st-data-table__entete\"\n                  ><span class=\"st-vh\">{{ cellule.colonne.libelle }}</span></span\n                >\n              } @else {\n                <span class=\"st-data-table__entete\">{{ cellule.colonne.libelle }}</span>\n              }\n            </th>\n          }\n        </tr>\n      </thead>\n      <tbody>\n        @for (rang of squelette(); track rang) {\n          <tr class=\"st-data-table__squelette\" aria-hidden=\"true\">\n            @for (colonne of colonnesDeSquelette(); track colonne) {\n              <td><st-skeleton class=\"st-data-table__barre-de-squelette\" [lignes]=\"1\" /></td>\n            }\n          </tr>\n        }\n        @for (rangee of rangees(); track rangee.identifiant) {\n          <tr [attr.data-choisie]=\"rangee.choisie ? '' : null\" [attr.data-ton]=\"rangee.ton\">\n            @if (selectionnable()) {\n              <td class=\"st-data-table__case\" data-figee>\n                <label class=\"st-data-table__cible\">\n                  <input\n                    class=\"st-data-table__cocher\"\n                    type=\"checkbox\"\n                    [checked]=\"rangee.choisie\"\n                    [disabled]=\"!rangee.choisissable\"\n                    [attr.aria-label]=\"\n                      libelles().selectionnerLaLigne(rangee.nom ?? rangee.identifiant)\n                    \"\n                    (click)=\"basculer(rangee.identifiant, $event)\"\n                  />\n                </label>\n              </td>\n            }\n            @for (cellule of cellules(); track cellule.colonne.cle; let premiere = $first) {\n              @if (cellule.enTete) {\n                <th\n                  scope=\"row\"\n                  [attr.data-alignement]=\"cellule.colonne.alignement ?? 'debut'\"\n                  [attr.data-figee]=\"premiere && premiereColonneFigee() ? '' : null\"\n                >\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      valeur;\n                      context: { $implicit: rangee.valeur, cellule: cellule }\n                    \"\n                  />\n                </th>\n              } @else {\n                <td\n                  [attr.data-alignement]=\"cellule.colonne.alignement ?? 'debut'\"\n                  [attr.data-figee]=\"premiere && premiereColonneFigee() ? '' : null\"\n                >\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      valeur;\n                      context: { $implicit: rangee.valeur, cellule: cellule }\n                    \"\n                  />\n                </td>\n              }\n            }\n          </tr>\n        } @empty {\n          @if (!chargement()) {\n            <tr>\n              <td class=\"st-data-table__vide\" [attr.colspan]=\"nombreDeColonnes()\">\n                @if (gabaritVide(); as vide) {\n                  <ng-container *ngTemplateOutlet=\"vide.gabarit\" />\n                } @else if (raisonDuVide() === 'aucun-resultat') {\n                  <p>{{ texteVide() ?? libelles().aucunResultatPourCesFiltres }}</p>\n                  <button\n                    stButton\n                    variante=\"secondaire\"\n                    taille=\"sm\"\n                    type=\"button\"\n                    (click)=\"effacement.emit()\"\n                  >\n                    {{ libelles().effacerLesFiltres }}\n                  </button>\n                } @else {\n                  {{ texteVide() ?? libelles().tableauVide }}\n                }\n              </td>\n            </tr>\n          }\n        }\n      </tbody>\n    </table>\n  </div>\n  <!-- UX-6 : ombres de defilement AU-DESSUS du contenu (une ligne a son propre fond), hors de la\n     zone qui defile : elles restent au bord. Decoratives. -->\n  <span class=\"st-data-table__ombre st-data-table__ombre--debut\" aria-hidden=\"true\"></span>\n  <span class=\"st-data-table__ombre st-data-table__ombre--fin\" aria-hidden=\"true\"></span>\n</div>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n@if (selectionnable()) {\n  <span class=\"st-vh\" [id]=\"identifiants.aideSelection\">{{\n    libelles().majClicPourEtendreLaSelection\n  }}</span>\n}\n@if (deborde()) {\n  <span class=\"st-vh\" [id]=\"identifiants.deborde\">{{\n    libelles().tableauDefilantHorizontalement\n  }}</span>\n}\n\n<ng-template #valeur let-ligne let-cellule=\"cellule\">\n  @if (cellule.gabarit; as gabarit) {\n    <ng-container\n      *ngTemplateOutlet=\"gabarit; context: { $implicit: ligne, colonne: cellule.colonne }\"\n    />\n  } @else if (texteDe(ligne, cellule.colonne); as texte) {\n    <bdi>{{ texte }}</bdi>\n  } @else {\n    <span aria-hidden=\"true\">&#8212;</span>\n    <span class=\"st-vh\">{{\n      estIllisible(ligne, cellule.colonne)\n        ? libelles().valeurNonAffichable\n        : libelles().nonRenseigne\n    }}</span>\n  }\n</ng-template>\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-tableau-plan-figee: 1;--st-tableau-plan-entete: 2;--st-tableau-plan-coin: 3;display:block}.st-data-table__barre,.st-data-table__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center}.st-data-table__barre{justify-content:space-between}.st-data-table__barre:has(.st-data-table__selection,.st-data-table__actions:not(:empty)){min-block-size:var(--st-cible-tactile-min);margin-block-end:var(--st-espacement-2)}.st-data-table__actions{margin-inline-start:auto}.st-data-table__actions:empty{display:none}.st-data-table__selection{margin:0;font-weight:var(--st-graisse-semi)}.st-data-table__cadre{position:relative}.st-data-table__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-data-table__zone{--st-tableau-decalage-figee: var(--st-tableau-largeur-case, var(--st-espacement-12));position:relative;overflow:auto;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}.st-data-table__ombre{position:absolute;inset-block:var(--st-epaisseur-fine);z-index:var(--st-tableau-plan-coin);display:none;inline-size:var(--st-espacement-3);pointer-events:none}.st-data-table__ombre--debut{inset-inline-start:var(--st-epaisseur-fine);background:linear-gradient(to right,var(--st-couleur-ombre),transparent);border-start-start-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine));border-end-start-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine))}.st-data-table__ombre--fin{inset-inline-end:var(--st-epaisseur-fine);background:linear-gradient(to left,var(--st-couleur-ombre),transparent);border-start-end-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine));border-end-end-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine))}:host(:dir(rtl)) .st-data-table__ombre--debut{background:linear-gradient(to left,var(--st-couleur-ombre),transparent)}:host(:dir(rtl)) .st-data-table__ombre--fin{background:linear-gradient(to right,var(--st-couleur-ombre),transparent)}[data-ombre-debut]>.st-data-table__ombre--debut,[data-ombre-fin]>.st-data-table__ombre--fin{display:block}.st-data-table__tableau{inline-size:100%;border-collapse:collapse}.st-data-table__legende{padding:var(--st-espacement-3);font-weight:var(--st-graisse-semi);text-align:start}.st-data-table__legende:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-epaisseur))}.st-data-table__legende.st-vh{position:static;block-size:0;padding:0;margin:0}th,td{padding-block:var(--st-tableau-cellule-bloc, var(--st-espacement-0));padding-inline:var(--st-tableau-cellule-ligne, calc(var(--st-densite-cellule-ligne) + var(--st-espacement-1)));text-align:start;vertical-align:middle;overflow-wrap:break-word}thead tr{font-family:var(--st-police-mono);font-size:var(--st-taille-2xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-discret);text-transform:uppercase;background:var(--st-couleur-surface-conteneur-bas);border-block-end:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}thead th{font-weight:var(--st-graisse-grasse);white-space:nowrap}thead th[data-retour]{white-space:normal}.st-data-table__entete{display:flex;align-items:center;min-block-size:var(--st-hauteur-commande-defaut)}[data-alignement=fin]>.st-data-table__entete{justify-content:flex-end}:host([data-hauteur-max]) thead th{position:sticky;inset-block-start:0;z-index:var(--st-tableau-plan-entete);background:var(--st-couleur-surface-conteneur-bas);box-shadow:inset 0 calc(-1 * var(--st-epaisseur-capillaire)) 0 var(--st-couleur-bordure)}tbody{font-size:min(var(--st-taille-sm),var(--st-densite-texte-taille));font-weight:var(--st-graisse-moyenne);line-height:min(var(--st-interligne-sm),var(--st-densite-texte-interligne));color:var(--st-couleur-texte)}tbody tr{--st-tableau-fond-ligne: var(--st-couleur-surface);block-size:var(--st-densite-ligne);background-color:var(--st-tableau-fond-ligne);border-inline-start:var(--st-epaisseur-forte) solid var(--st-tableau-fond-ligne)}@media(pointer:coarse){tbody tr{block-size:max(var(--st-densite-ligne),var(--st-cible-tactile-min))}}tbody tr+tr{border-block-start:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}tbody th{font-weight:inherit}@media(hover:hover){tbody tr:hover{--st-tableau-fond-ligne: var(--st-couleur-surface-survol)}}tbody tr[data-ton=danger]{--st-tableau-fond-ligne: color-mix( in srgb, var(--st-couleur-danger-discret) 40%, var(--st-couleur-surface) )}tbody tr[data-choisie]{--st-tableau-fond-ligne: var(--st-couleur-surface-selection);border-inline-start-color:var(--st-couleur-bordure-selection)}[data-alignement=fin]{text-align:end}tbody [data-alignement=fin]{font-variant-numeric:var(--st-chiffres-alignes)}.st-data-table__case{inline-size:var(--st-tableau-largeur-case, var(--st-espacement-12));min-inline-size:var(--st-tableau-largeur-case, var(--st-espacement-12));padding-inline:var(--st-espacement-3);text-align:center}.st-data-table__cible{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--st-rayon-sm);cursor:pointer}.st-data-table__cocher: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-data-table__cocher{position:relative}.st-data-table__cocher: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-data-table__cocher{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-data-table__cocher:before{content:\"\";display:none}@media(hover:hover){.st-data-table__cocher:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-data-table__cocher:checked,.st-data-table__cocher:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-data-table__cocher[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-data-table__cocher[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-data-table__cocher[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-data-table__cocher[type=radio]{border-radius:var(--st-rayon-pleine)}.st-data-table__cocher[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-data-table__cocher[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-data-table__cocher[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger)}.st-data-table__cocher[aria-readonly=true]:not(:disabled){cursor:default}.st-data-table__cocher:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-data-table__cocher:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-data-table__cocher[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-data-table__cocher[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-data-table__cocher{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-data-table__cocher:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-data-table__cocher[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-data-table__cocher[type=radio]:checked{background:Canvas}.st-data-table__cocher[type=radio]:checked:before{background:Highlight}.st-data-table__cocher:disabled{border-color:GrayText}}@media print{.st-data-table__cocher:is(:checked,:indeterminate),.st-data-table__cocher[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-data-table__cocher[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-data-table__cocher[type=checkbox]:checked:before,.st-data-table__cocher[type=checkbox]:indeterminate:before,.st-data-table__cocher[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}:host([data-figee]) [data-figee]{position:sticky;inset-inline-start:calc(var(--st-epaisseur-forte) / 2);z-index:var(--st-tableau-plan-figee);background-color:var(--st-couleur-surface);background-image:linear-gradient(var(--st-tableau-fond-ligne),var(--st-tableau-fond-ligne))}:host([data-figee]) .st-data-table__case+[data-figee]{inset-inline-start:calc(var(--st-tableau-decalage-figee) + var(--st-epaisseur-forte) / 2)}:host([data-figee]) tr>[data-figee]:first-child:before{position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--st-epaisseur-forte));inline-size:var(--st-epaisseur-forte);content:\"\";background-color:var(--st-tableau-fond-ligne)}:host([data-figee]) tbody tr[data-choisie]>[data-figee]:first-child:before{background-color:var(--st-couleur-bordure-selection)}:host([data-figee]) thead [data-figee]{z-index:var(--st-tableau-plan-coin);background:var(--st-couleur-surface-conteneur-bas)}:host([data-figee]) thead tr>[data-figee]:first-child:before{background-color:var(--st-couleur-surface-conteneur-bas)}.st-data-table__vide{padding:var(--st-espacement-5);color:var(--st-couleur-texte-discret);text-align:center}.st-data-table__barre-de-squelette{display:block}.st-data-table__tableau[aria-busy=true]{cursor:progress}@media(forced-colors:active){tbody tr{border-inline-start-color:Canvas}tbody tr[data-choisie]{border-inline-start-color:Highlight}:host([data-figee]) tr>[data-figee]:first-child:before{background-color:Canvas}:host([data-figee]) tbody tr[data-choisie]>[data-figee]:first-child:before{background-color:Highlight}.st-data-table__ombre{display:none!important}}@media print{.st-data-table__zone{max-block-size:none!important;overflow:visible;border:0}.st-data-table__ombre{display:none!important}thead th,:host([data-hauteur-max]) thead th,:host([data-figee]) [data-figee]{position:static}tbody tr{break-inside:avoid}}\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-tableau-plan-figee: 1;--st-tableau-plan-entete: 2;--st-tableau-plan-coin: 3;display:block}.st-data-table__barre,.st-data-table__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center}.st-data-table__barre{justify-content:space-between}.st-data-table__barre:has(.st-data-table__selection,.st-data-table__actions:not(:empty)){min-block-size:var(--st-cible-tactile-min);margin-block-end:var(--st-espacement-2)}.st-data-table__actions{margin-inline-start:auto}.st-data-table__actions:empty{display:none}.st-data-table__selection{margin:0;font-weight:var(--st-graisse-semi)}.st-data-table__cadre{position:relative}.st-data-table__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-data-table__zone{--st-tableau-decalage-figee: var(--st-tableau-largeur-case, var(--st-espacement-12));position:relative;overflow:auto;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}.st-data-table__ombre{position:absolute;inset-block:var(--st-epaisseur-fine);z-index:var(--st-tableau-plan-coin);display:none;inline-size:var(--st-espacement-3);pointer-events:none}.st-data-table__ombre--debut{inset-inline-start:var(--st-epaisseur-fine);background:linear-gradient(to right,var(--st-couleur-ombre),transparent);border-start-start-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine));border-end-start-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine))}.st-data-table__ombre--fin{inset-inline-end:var(--st-epaisseur-fine);background:linear-gradient(to left,var(--st-couleur-ombre),transparent);border-start-end-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine));border-end-end-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine))}:host(:dir(rtl)) .st-data-table__ombre--debut{background:linear-gradient(to left,var(--st-couleur-ombre),transparent)}:host(:dir(rtl)) .st-data-table__ombre--fin{background:linear-gradient(to right,var(--st-couleur-ombre),transparent)}[data-ombre-debut]>.st-data-table__ombre--debut,[data-ombre-fin]>.st-data-table__ombre--fin{display:block}.st-data-table__tableau{inline-size:100%;border-collapse:collapse}.st-data-table__legende{padding:var(--st-espacement-3);font-weight:var(--st-graisse-semi);text-align:start}.st-data-table__legende:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-epaisseur))}.st-data-table__legende.st-vh{position:static;block-size:0;padding:0;margin:0}th,td{padding-block:var(--st-tableau-cellule-bloc, var(--st-espacement-0));padding-inline:var(--st-tableau-cellule-ligne, calc(var(--st-densite-cellule-ligne) + var(--st-espacement-1)));text-align:start;vertical-align:middle;overflow-wrap:break-word}thead tr{font-family:var(--st-police-mono);font-size:var(--st-taille-2xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-discret);text-transform:uppercase;background:var(--st-couleur-surface-conteneur-bas);border-block-end:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}thead th{font-weight:var(--st-graisse-grasse);white-space:nowrap}thead th[data-retour]{white-space:normal}.st-data-table__entete{display:flex;align-items:center;min-block-size:var(--st-hauteur-commande-defaut)}[data-alignement=fin]>.st-data-table__entete{justify-content:flex-end}:host([data-hauteur-max]) thead th{position:sticky;inset-block-start:0;z-index:var(--st-tableau-plan-entete);background:var(--st-couleur-surface-conteneur-bas);box-shadow:inset 0 calc(-1 * var(--st-epaisseur-capillaire)) 0 var(--st-couleur-bordure)}tbody{font-size:min(var(--st-taille-sm),var(--st-densite-texte-taille));font-weight:var(--st-graisse-moyenne);line-height:min(var(--st-interligne-sm),var(--st-densite-texte-interligne));color:var(--st-couleur-texte)}tbody tr{--st-tableau-fond-ligne: var(--st-couleur-surface);block-size:var(--st-densite-ligne);background-color:var(--st-tableau-fond-ligne);border-inline-start:var(--st-epaisseur-forte) solid var(--st-tableau-fond-ligne)}@media(pointer:coarse){tbody tr{block-size:max(var(--st-densite-ligne),var(--st-cible-tactile-min))}}tbody tr+tr{border-block-start:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}tbody th{font-weight:inherit}@media(hover:hover){tbody tr:hover{--st-tableau-fond-ligne: var(--st-couleur-surface-survol)}}tbody tr[data-ton=erreur]{--st-tableau-fond-ligne: color-mix( in srgb, var(--st-couleur-erreur-discret) 40%, var(--st-couleur-surface) )}tbody tr[data-ton=danger]{--st-tableau-fond-ligne: color-mix( in srgb, var(--st-couleur-danger-discret) 40%, var(--st-couleur-surface) )}tbody tr[data-choisie]{--st-tableau-fond-ligne: var(--st-couleur-surface-selection);border-inline-start-color:var(--st-couleur-bordure-selection)}[data-alignement=fin]{text-align:end}tbody [data-alignement=fin]{font-variant-numeric:var(--st-chiffres-alignes)}.st-data-table__case{inline-size:var(--st-tableau-largeur-case, var(--st-espacement-12));min-inline-size:var(--st-tableau-largeur-case, var(--st-espacement-12));padding-inline:var(--st-espacement-3);text-align:center}.st-data-table__cible{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--st-rayon-sm);cursor:pointer}.st-data-table__cocher: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-data-table__cocher{position:relative}.st-data-table__cocher: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-data-table__cocher{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-data-table__cocher:before{content:\"\";display:none}@media(hover:hover){.st-data-table__cocher:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-data-table__cocher:checked,.st-data-table__cocher:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-data-table__cocher[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-data-table__cocher[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-data-table__cocher[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-data-table__cocher[type=radio]{border-radius:var(--st-rayon-pleine)}.st-data-table__cocher[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-data-table__cocher[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-data-table__cocher[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-data-table__cocher[aria-readonly=true]:not(:disabled){cursor:default}.st-data-table__cocher:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-data-table__cocher:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-data-table__cocher[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-data-table__cocher[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-data-table__cocher{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-data-table__cocher:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-data-table__cocher[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-data-table__cocher[type=radio]:checked{background:Canvas}.st-data-table__cocher[type=radio]:checked:before{background:Highlight}.st-data-table__cocher:disabled{border-color:GrayText}}@media print{.st-data-table__cocher:is(:checked,:indeterminate),.st-data-table__cocher[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-data-table__cocher[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-data-table__cocher[type=checkbox]:checked:before,.st-data-table__cocher[type=checkbox]:indeterminate:before,.st-data-table__cocher[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}:host([data-figee]) [data-figee]{position:sticky;inset-inline-start:calc(var(--st-epaisseur-forte) / 2);z-index:var(--st-tableau-plan-figee);background-color:var(--st-couleur-surface);background-image:linear-gradient(var(--st-tableau-fond-ligne),var(--st-tableau-fond-ligne))}:host([data-figee]) .st-data-table__case+[data-figee]{inset-inline-start:calc(var(--st-tableau-decalage-figee) + var(--st-epaisseur-forte) / 2)}:host([data-figee]) tr>[data-figee]:first-child:before{position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--st-epaisseur-forte));inline-size:var(--st-epaisseur-forte);content:\"\";background-color:var(--st-tableau-fond-ligne)}:host([data-figee]) tbody tr[data-choisie]>[data-figee]:first-child:before{background-color:var(--st-couleur-bordure-selection)}:host([data-figee]) thead [data-figee]{z-index:var(--st-tableau-plan-coin);background:var(--st-couleur-surface-conteneur-bas)}:host([data-figee]) thead tr>[data-figee]:first-child:before{background-color:var(--st-couleur-surface-conteneur-bas)}.st-data-table__vide{padding:var(--st-espacement-5);color:var(--st-couleur-texte-discret);text-align:center}.st-data-table__barre-de-squelette{display:block}.st-data-table__tableau[aria-busy=true]{cursor:progress}@media(forced-colors:active){tbody tr{border-inline-start-color:Canvas}tbody tr[data-choisie]{border-inline-start-color:Highlight}:host([data-figee]) tr>[data-figee]:first-child:before{background-color:Canvas}:host([data-figee]) tbody tr[data-choisie]>[data-figee]:first-child:before{background-color:Highlight}.st-data-table__ombre{display:none!important}}@media print{.st-data-table__zone{max-block-size:none!important;overflow:visible;border:0}.st-data-table__ombre{display:none!important}thead th,:host([data-hauteur-max]) thead th,:host([data-figee]) [data-figee]{position:static}tbody tr{break-inside:avoid}}\n"],
 		dependencies: [
 			{
 				kind: "directive",
@@ -1984,7 +2004,7 @@ var StDataTable = class StDataTable {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StDataTable,
 	decorators: [{
@@ -2005,7 +2025,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.data-hauteur-max]": "hauteurMax() ? \"\" : null"
 			},
 			template: "<!-- UN seul ng-content : la projection se decide a la compilation, et un second\n     emplacement de meme selecteur, dans une autre branche, ne recevrait jamais\n     rien. -->\n<div class=\"st-data-table__barre\">\n  @if (selectionnable()) {\n    <!-- Une st-selection-bar rattachee montre le compte : la region reste, masquee a l'oeil. -->\n    <p\n      class=\"st-data-table__selection\"\n      role=\"status\"\n      [id]=\"identifiants.selection\"\n      [class.st-vh]=\"resumeCede()\"\n    >\n      {{ selection().length > 0 ? libelles().lignesSelectionnees(selection().length) : '' }}\n    </p>\n    @if (selection().length > 0 && !resumeCede()) {\n      <button stButton variante=\"discret\" taille=\"sm\" type=\"button\" (click)=\"deselectionnerTout()\">\n        {{ libelles().toutDeselectionner }}\n      </button>\n    }\n  }\n  <div class=\"st-data-table__actions\">\n    <ng-content select=\"[stActionsDeTableau]\" />\n  </div>\n</div>\n\n<!-- UX-6 : zone nommee par la legende ; focalisable quand elle deborde, et par\n     programme toujours, pour recevoir le focus apres un changement de page. -->\n<div\n  class=\"st-data-table__cadre\"\n  [attr.data-ombre-debut]=\"ombreDebut() ? '' : null\"\n  [attr.data-ombre-fin]=\"ombreFin() ? '' : null\"\n>\n  <div\n    #zone\n    class=\"st-data-table__zone\"\n    role=\"region\"\n    [attr.aria-labelledby]=\"identifiants.legende\"\n    [attr.aria-describedby]=\"deborde() ? identifiants.deborde : null\"\n    [attr.tabindex]=\"deborde() ? 0 : -1\"\n    [attr.data-deborde]=\"deborde() ? '' : null\"\n    [style.max-block-size]=\"hauteurMax()\"\n    [style.scroll-padding-inline-start.px]=\"largeurFigee()\"\n    [style.--st-tableau-decalage-figee.px]=\"decalageFigee()\"\n  >\n    <table class=\"st-data-table__tableau\" [attr.aria-busy]=\"chargement() ? 'true' : null\">\n      <!-- Focalisable par script seulement : « Annuler la selection » y rend le focus. -->\n      <caption\n        #elementDeLegende\n        class=\"st-data-table__legende\"\n        tabindex=\"-1\"\n        [id]=\"identifiants.legende\"\n        [class.st-vh]=\"legendeMasquee()\"\n      >\n        {{\n          legende()\n        }}\n      </caption>\n      <thead>\n        <tr>\n          @if (selectionnable()) {\n            <th class=\"st-data-table__case\" scope=\"col\" data-figee>\n              <label class=\"st-data-table__cible\">\n                <input\n                  #caseTout\n                  class=\"st-data-table__cocher\"\n                  type=\"checkbox\"\n                  [checked]=\"toutesChoisies()\"\n                  [indeterminate]=\"quelquesChoisies()\"\n                  [disabled]=\"rangeesChoisissables().length === 0\"\n                  [attr.aria-label]=\"libelles().selectionnerLaPage(rangeesChoisissables().length)\"\n                  [attr.aria-describedby]=\"identifiants.aideSelection\"\n                  (change)=\"basculerTout()\"\n                />\n              </label>\n            </th>\n          }\n          @for (cellule of cellules(); track cellule.colonne.cle; let premiere = $first) {\n            <th\n              scope=\"col\"\n              [attr.data-alignement]=\"cellule.colonne.alignement ?? 'debut'\"\n              [attr.data-figee]=\"premiere && premiereColonneFigee() ? '' : null\"\n              [attr.data-retour]=\"cellule.colonne.retourALaLigne ? '' : null\"\n              [attr.aria-sort]=\"ariaSort(cellule.colonne)\"\n            >\n              @if (cellule.colonne.triable) {\n                <button\n                  stSortHeader\n                  type=\"button\"\n                  [sens]=\"sensDe(cellule.colonne)\"\n                  [ternaire]=\"triTernaire()\"\n                  [alignement]=\"cellule.colonne.alignement ?? 'debut'\"\n                  (sensDemande)=\"trier(cellule.colonne, $event)\"\n                >\n                  {{ cellule.colonne.libelle }}\n                </button>\n              } @else if (cellule.colonne.libelleMasque) {\n                <span class=\"st-data-table__entete\"\n                  ><span class=\"st-vh\">{{ cellule.colonne.libelle }}</span></span\n                >\n              } @else {\n                <span class=\"st-data-table__entete\">{{ cellule.colonne.libelle }}</span>\n              }\n            </th>\n          }\n        </tr>\n      </thead>\n      <tbody>\n        @for (rang of squelette(); track rang) {\n          <tr class=\"st-data-table__squelette\" aria-hidden=\"true\">\n            @for (colonne of colonnesDeSquelette(); track colonne) {\n              <td><st-skeleton class=\"st-data-table__barre-de-squelette\" [lignes]=\"1\" /></td>\n            }\n          </tr>\n        }\n        @for (rangee of rangees(); track rangee.identifiant) {\n          <tr [attr.data-choisie]=\"rangee.choisie ? '' : null\" [attr.data-ton]=\"rangee.ton\">\n            @if (selectionnable()) {\n              <td class=\"st-data-table__case\" data-figee>\n                <label class=\"st-data-table__cible\">\n                  <input\n                    class=\"st-data-table__cocher\"\n                    type=\"checkbox\"\n                    [checked]=\"rangee.choisie\"\n                    [disabled]=\"!rangee.choisissable\"\n                    [attr.aria-label]=\"\n                      libelles().selectionnerLaLigne(rangee.nom ?? rangee.identifiant)\n                    \"\n                    (click)=\"basculer(rangee.identifiant, $event)\"\n                  />\n                </label>\n              </td>\n            }\n            @for (cellule of cellules(); track cellule.colonne.cle; let premiere = $first) {\n              @if (cellule.enTete) {\n                <th\n                  scope=\"row\"\n                  [attr.data-alignement]=\"cellule.colonne.alignement ?? 'debut'\"\n                  [attr.data-figee]=\"premiere && premiereColonneFigee() ? '' : null\"\n                >\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      valeur;\n                      context: { $implicit: rangee.valeur, cellule: cellule }\n                    \"\n                  />\n                </th>\n              } @else {\n                <td\n                  [attr.data-alignement]=\"cellule.colonne.alignement ?? 'debut'\"\n                  [attr.data-figee]=\"premiere && premiereColonneFigee() ? '' : null\"\n                >\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      valeur;\n                      context: { $implicit: rangee.valeur, cellule: cellule }\n                    \"\n                  />\n                </td>\n              }\n            }\n          </tr>\n        } @empty {\n          @if (!chargement()) {\n            <tr>\n              <td class=\"st-data-table__vide\" [attr.colspan]=\"nombreDeColonnes()\">\n                @if (gabaritVide(); as vide) {\n                  <ng-container *ngTemplateOutlet=\"vide.gabarit\" />\n                } @else if (raisonDuVide() === 'aucun-resultat') {\n                  <p>{{ texteVide() ?? libelles().aucunResultatPourCesFiltres }}</p>\n                  <button\n                    stButton\n                    variante=\"secondaire\"\n                    taille=\"sm\"\n                    type=\"button\"\n                    (click)=\"effacement.emit()\"\n                  >\n                    {{ libelles().effacerLesFiltres }}\n                  </button>\n                } @else {\n                  {{ texteVide() ?? libelles().tableauVide }}\n                }\n              </td>\n            </tr>\n          }\n        }\n      </tbody>\n    </table>\n  </div>\n  <!-- UX-6 : ombres de defilement AU-DESSUS du contenu (une ligne a son propre fond), hors de la\n     zone qui defile : elles restent au bord. Decoratives. -->\n  <span class=\"st-data-table__ombre st-data-table__ombre--debut\" aria-hidden=\"true\"></span>\n  <span class=\"st-data-table__ombre st-data-table__ombre--fin\" aria-hidden=\"true\"></span>\n</div>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n@if (selectionnable()) {\n  <span class=\"st-vh\" [id]=\"identifiants.aideSelection\">{{\n    libelles().majClicPourEtendreLaSelection\n  }}</span>\n}\n@if (deborde()) {\n  <span class=\"st-vh\" [id]=\"identifiants.deborde\">{{\n    libelles().tableauDefilantHorizontalement\n  }}</span>\n}\n\n<ng-template #valeur let-ligne let-cellule=\"cellule\">\n  @if (cellule.gabarit; as gabarit) {\n    <ng-container\n      *ngTemplateOutlet=\"gabarit; context: { $implicit: ligne, colonne: cellule.colonne }\"\n    />\n  } @else if (texteDe(ligne, cellule.colonne); as texte) {\n    <bdi>{{ texte }}</bdi>\n  } @else {\n    <span aria-hidden=\"true\">&#8212;</span>\n    <span class=\"st-vh\">{{\n      estIllisible(ligne, cellule.colonne)\n        ? libelles().valeurNonAffichable\n        : libelles().nonRenseigne\n    }}</span>\n  }\n</ng-template>\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-tableau-plan-figee: 1;--st-tableau-plan-entete: 2;--st-tableau-plan-coin: 3;display:block}.st-data-table__barre,.st-data-table__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center}.st-data-table__barre{justify-content:space-between}.st-data-table__barre:has(.st-data-table__selection,.st-data-table__actions:not(:empty)){min-block-size:var(--st-cible-tactile-min);margin-block-end:var(--st-espacement-2)}.st-data-table__actions{margin-inline-start:auto}.st-data-table__actions:empty{display:none}.st-data-table__selection{margin:0;font-weight:var(--st-graisse-semi)}.st-data-table__cadre{position:relative}.st-data-table__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-data-table__zone{--st-tableau-decalage-figee: var(--st-tableau-largeur-case, var(--st-espacement-12));position:relative;overflow:auto;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}.st-data-table__ombre{position:absolute;inset-block:var(--st-epaisseur-fine);z-index:var(--st-tableau-plan-coin);display:none;inline-size:var(--st-espacement-3);pointer-events:none}.st-data-table__ombre--debut{inset-inline-start:var(--st-epaisseur-fine);background:linear-gradient(to right,var(--st-couleur-ombre),transparent);border-start-start-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine));border-end-start-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine))}.st-data-table__ombre--fin{inset-inline-end:var(--st-epaisseur-fine);background:linear-gradient(to left,var(--st-couleur-ombre),transparent);border-start-end-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine));border-end-end-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine))}:host(:dir(rtl)) .st-data-table__ombre--debut{background:linear-gradient(to left,var(--st-couleur-ombre),transparent)}:host(:dir(rtl)) .st-data-table__ombre--fin{background:linear-gradient(to right,var(--st-couleur-ombre),transparent)}[data-ombre-debut]>.st-data-table__ombre--debut,[data-ombre-fin]>.st-data-table__ombre--fin{display:block}.st-data-table__tableau{inline-size:100%;border-collapse:collapse}.st-data-table__legende{padding:var(--st-espacement-3);font-weight:var(--st-graisse-semi);text-align:start}.st-data-table__legende:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-epaisseur))}.st-data-table__legende.st-vh{position:static;block-size:0;padding:0;margin:0}th,td{padding-block:var(--st-tableau-cellule-bloc, var(--st-espacement-0));padding-inline:var(--st-tableau-cellule-ligne, calc(var(--st-densite-cellule-ligne) + var(--st-espacement-1)));text-align:start;vertical-align:middle;overflow-wrap:break-word}thead tr{font-family:var(--st-police-mono);font-size:var(--st-taille-2xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-discret);text-transform:uppercase;background:var(--st-couleur-surface-conteneur-bas);border-block-end:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}thead th{font-weight:var(--st-graisse-grasse);white-space:nowrap}thead th[data-retour]{white-space:normal}.st-data-table__entete{display:flex;align-items:center;min-block-size:var(--st-hauteur-commande-defaut)}[data-alignement=fin]>.st-data-table__entete{justify-content:flex-end}:host([data-hauteur-max]) thead th{position:sticky;inset-block-start:0;z-index:var(--st-tableau-plan-entete);background:var(--st-couleur-surface-conteneur-bas);box-shadow:inset 0 calc(-1 * var(--st-epaisseur-capillaire)) 0 var(--st-couleur-bordure)}tbody{font-size:min(var(--st-taille-sm),var(--st-densite-texte-taille));font-weight:var(--st-graisse-moyenne);line-height:min(var(--st-interligne-sm),var(--st-densite-texte-interligne));color:var(--st-couleur-texte)}tbody tr{--st-tableau-fond-ligne: var(--st-couleur-surface);block-size:var(--st-densite-ligne);background-color:var(--st-tableau-fond-ligne);border-inline-start:var(--st-epaisseur-forte) solid var(--st-tableau-fond-ligne)}@media(pointer:coarse){tbody tr{block-size:max(var(--st-densite-ligne),var(--st-cible-tactile-min))}}tbody tr+tr{border-block-start:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}tbody th{font-weight:inherit}@media(hover:hover){tbody tr:hover{--st-tableau-fond-ligne: var(--st-couleur-surface-survol)}}tbody tr[data-ton=danger]{--st-tableau-fond-ligne: color-mix( in srgb, var(--st-couleur-danger-discret) 40%, var(--st-couleur-surface) )}tbody tr[data-choisie]{--st-tableau-fond-ligne: var(--st-couleur-surface-selection);border-inline-start-color:var(--st-couleur-bordure-selection)}[data-alignement=fin]{text-align:end}tbody [data-alignement=fin]{font-variant-numeric:var(--st-chiffres-alignes)}.st-data-table__case{inline-size:var(--st-tableau-largeur-case, var(--st-espacement-12));min-inline-size:var(--st-tableau-largeur-case, var(--st-espacement-12));padding-inline:var(--st-espacement-3);text-align:center}.st-data-table__cible{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--st-rayon-sm);cursor:pointer}.st-data-table__cocher: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-data-table__cocher{position:relative}.st-data-table__cocher: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-data-table__cocher{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-data-table__cocher:before{content:\"\";display:none}@media(hover:hover){.st-data-table__cocher:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-data-table__cocher:checked,.st-data-table__cocher:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-data-table__cocher[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-data-table__cocher[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-data-table__cocher[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-data-table__cocher[type=radio]{border-radius:var(--st-rayon-pleine)}.st-data-table__cocher[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-data-table__cocher[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-data-table__cocher[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-danger)}.st-data-table__cocher[aria-readonly=true]:not(:disabled){cursor:default}.st-data-table__cocher:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-data-table__cocher:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-data-table__cocher[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-data-table__cocher[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-data-table__cocher{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-data-table__cocher:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-data-table__cocher[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-data-table__cocher[type=radio]:checked{background:Canvas}.st-data-table__cocher[type=radio]:checked:before{background:Highlight}.st-data-table__cocher:disabled{border-color:GrayText}}@media print{.st-data-table__cocher:is(:checked,:indeterminate),.st-data-table__cocher[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-data-table__cocher[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-data-table__cocher[type=checkbox]:checked:before,.st-data-table__cocher[type=checkbox]:indeterminate:before,.st-data-table__cocher[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}:host([data-figee]) [data-figee]{position:sticky;inset-inline-start:calc(var(--st-epaisseur-forte) / 2);z-index:var(--st-tableau-plan-figee);background-color:var(--st-couleur-surface);background-image:linear-gradient(var(--st-tableau-fond-ligne),var(--st-tableau-fond-ligne))}:host([data-figee]) .st-data-table__case+[data-figee]{inset-inline-start:calc(var(--st-tableau-decalage-figee) + var(--st-epaisseur-forte) / 2)}:host([data-figee]) tr>[data-figee]:first-child:before{position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--st-epaisseur-forte));inline-size:var(--st-epaisseur-forte);content:\"\";background-color:var(--st-tableau-fond-ligne)}:host([data-figee]) tbody tr[data-choisie]>[data-figee]:first-child:before{background-color:var(--st-couleur-bordure-selection)}:host([data-figee]) thead [data-figee]{z-index:var(--st-tableau-plan-coin);background:var(--st-couleur-surface-conteneur-bas)}:host([data-figee]) thead tr>[data-figee]:first-child:before{background-color:var(--st-couleur-surface-conteneur-bas)}.st-data-table__vide{padding:var(--st-espacement-5);color:var(--st-couleur-texte-discret);text-align:center}.st-data-table__barre-de-squelette{display:block}.st-data-table__tableau[aria-busy=true]{cursor:progress}@media(forced-colors:active){tbody tr{border-inline-start-color:Canvas}tbody tr[data-choisie]{border-inline-start-color:Highlight}:host([data-figee]) tr>[data-figee]:first-child:before{background-color:Canvas}:host([data-figee]) tbody tr[data-choisie]>[data-figee]:first-child:before{background-color:Highlight}.st-data-table__ombre{display:none!important}}@media print{.st-data-table__zone{max-block-size:none!important;overflow:visible;border:0}.st-data-table__ombre{display:none!important}thead th,:host([data-hauteur-max]) thead th,:host([data-figee]) [data-figee]{position:static}tbody tr{break-inside:avoid}}\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-tableau-plan-figee: 1;--st-tableau-plan-entete: 2;--st-tableau-plan-coin: 3;display:block}.st-data-table__barre,.st-data-table__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center}.st-data-table__barre{justify-content:space-between}.st-data-table__barre:has(.st-data-table__selection,.st-data-table__actions:not(:empty)){min-block-size:var(--st-cible-tactile-min);margin-block-end:var(--st-espacement-2)}.st-data-table__actions{margin-inline-start:auto}.st-data-table__actions:empty{display:none}.st-data-table__selection{margin:0;font-weight:var(--st-graisse-semi)}.st-data-table__cadre{position:relative}.st-data-table__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-data-table__zone{--st-tableau-decalage-figee: var(--st-tableau-largeur-case, var(--st-espacement-12));position:relative;overflow:auto;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}.st-data-table__ombre{position:absolute;inset-block:var(--st-epaisseur-fine);z-index:var(--st-tableau-plan-coin);display:none;inline-size:var(--st-espacement-3);pointer-events:none}.st-data-table__ombre--debut{inset-inline-start:var(--st-epaisseur-fine);background:linear-gradient(to right,var(--st-couleur-ombre),transparent);border-start-start-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine));border-end-start-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine))}.st-data-table__ombre--fin{inset-inline-end:var(--st-epaisseur-fine);background:linear-gradient(to left,var(--st-couleur-ombre),transparent);border-start-end-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine));border-end-end-radius:calc(var(--st-rayon-md) - var(--st-epaisseur-fine))}:host(:dir(rtl)) .st-data-table__ombre--debut{background:linear-gradient(to left,var(--st-couleur-ombre),transparent)}:host(:dir(rtl)) .st-data-table__ombre--fin{background:linear-gradient(to right,var(--st-couleur-ombre),transparent)}[data-ombre-debut]>.st-data-table__ombre--debut,[data-ombre-fin]>.st-data-table__ombre--fin{display:block}.st-data-table__tableau{inline-size:100%;border-collapse:collapse}.st-data-table__legende{padding:var(--st-espacement-3);font-weight:var(--st-graisse-semi);text-align:start}.st-data-table__legende:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-epaisseur))}.st-data-table__legende.st-vh{position:static;block-size:0;padding:0;margin:0}th,td{padding-block:var(--st-tableau-cellule-bloc, var(--st-espacement-0));padding-inline:var(--st-tableau-cellule-ligne, calc(var(--st-densite-cellule-ligne) + var(--st-espacement-1)));text-align:start;vertical-align:middle;overflow-wrap:break-word}thead tr{font-family:var(--st-police-mono);font-size:var(--st-taille-2xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-discret);text-transform:uppercase;background:var(--st-couleur-surface-conteneur-bas);border-block-end:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}thead th{font-weight:var(--st-graisse-grasse);white-space:nowrap}thead th[data-retour]{white-space:normal}.st-data-table__entete{display:flex;align-items:center;min-block-size:var(--st-hauteur-commande-defaut)}[data-alignement=fin]>.st-data-table__entete{justify-content:flex-end}:host([data-hauteur-max]) thead th{position:sticky;inset-block-start:0;z-index:var(--st-tableau-plan-entete);background:var(--st-couleur-surface-conteneur-bas);box-shadow:inset 0 calc(-1 * var(--st-epaisseur-capillaire)) 0 var(--st-couleur-bordure)}tbody{font-size:min(var(--st-taille-sm),var(--st-densite-texte-taille));font-weight:var(--st-graisse-moyenne);line-height:min(var(--st-interligne-sm),var(--st-densite-texte-interligne));color:var(--st-couleur-texte)}tbody tr{--st-tableau-fond-ligne: var(--st-couleur-surface);block-size:var(--st-densite-ligne);background-color:var(--st-tableau-fond-ligne);border-inline-start:var(--st-epaisseur-forte) solid var(--st-tableau-fond-ligne)}@media(pointer:coarse){tbody tr{block-size:max(var(--st-densite-ligne),var(--st-cible-tactile-min))}}tbody tr+tr{border-block-start:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}tbody th{font-weight:inherit}@media(hover:hover){tbody tr:hover{--st-tableau-fond-ligne: var(--st-couleur-surface-survol)}}tbody tr[data-ton=erreur]{--st-tableau-fond-ligne: color-mix( in srgb, var(--st-couleur-erreur-discret) 40%, var(--st-couleur-surface) )}tbody tr[data-ton=danger]{--st-tableau-fond-ligne: color-mix( in srgb, var(--st-couleur-danger-discret) 40%, var(--st-couleur-surface) )}tbody tr[data-choisie]{--st-tableau-fond-ligne: var(--st-couleur-surface-selection);border-inline-start-color:var(--st-couleur-bordure-selection)}[data-alignement=fin]{text-align:end}tbody [data-alignement=fin]{font-variant-numeric:var(--st-chiffres-alignes)}.st-data-table__case{inline-size:var(--st-tableau-largeur-case, var(--st-espacement-12));min-inline-size:var(--st-tableau-largeur-case, var(--st-espacement-12));padding-inline:var(--st-espacement-3);text-align:center}.st-data-table__cible{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--st-rayon-sm);cursor:pointer}.st-data-table__cocher: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-data-table__cocher{position:relative}.st-data-table__cocher: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-data-table__cocher{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-data-table__cocher:before{content:\"\";display:none}@media(hover:hover){.st-data-table__cocher:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-data-table__cocher:checked,.st-data-table__cocher:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-data-table__cocher[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-data-table__cocher[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-data-table__cocher[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-data-table__cocher[type=radio]{border-radius:var(--st-rayon-pleine)}.st-data-table__cocher[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-data-table__cocher[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-data-table__cocher[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-data-table__cocher[aria-readonly=true]:not(:disabled){cursor:default}.st-data-table__cocher:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-data-table__cocher:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-data-table__cocher[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-data-table__cocher[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-data-table__cocher{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-data-table__cocher:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-data-table__cocher[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-data-table__cocher[type=radio]:checked{background:Canvas}.st-data-table__cocher[type=radio]:checked:before{background:Highlight}.st-data-table__cocher:disabled{border-color:GrayText}}@media print{.st-data-table__cocher:is(:checked,:indeterminate),.st-data-table__cocher[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-data-table__cocher[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-data-table__cocher[type=checkbox]:checked:before,.st-data-table__cocher[type=checkbox]:indeterminate:before,.st-data-table__cocher[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}:host([data-figee]) [data-figee]{position:sticky;inset-inline-start:calc(var(--st-epaisseur-forte) / 2);z-index:var(--st-tableau-plan-figee);background-color:var(--st-couleur-surface);background-image:linear-gradient(var(--st-tableau-fond-ligne),var(--st-tableau-fond-ligne))}:host([data-figee]) .st-data-table__case+[data-figee]{inset-inline-start:calc(var(--st-tableau-decalage-figee) + var(--st-epaisseur-forte) / 2)}:host([data-figee]) tr>[data-figee]:first-child:before{position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--st-epaisseur-forte));inline-size:var(--st-epaisseur-forte);content:\"\";background-color:var(--st-tableau-fond-ligne)}:host([data-figee]) tbody tr[data-choisie]>[data-figee]:first-child:before{background-color:var(--st-couleur-bordure-selection)}:host([data-figee]) thead [data-figee]{z-index:var(--st-tableau-plan-coin);background:var(--st-couleur-surface-conteneur-bas)}:host([data-figee]) thead tr>[data-figee]:first-child:before{background-color:var(--st-couleur-surface-conteneur-bas)}.st-data-table__vide{padding:var(--st-espacement-5);color:var(--st-couleur-texte-discret);text-align:center}.st-data-table__barre-de-squelette{display:block}.st-data-table__tableau[aria-busy=true]{cursor:progress}@media(forced-colors:active){tbody tr{border-inline-start-color:Canvas}tbody tr[data-choisie]{border-inline-start-color:Highlight}:host([data-figee]) tr>[data-figee]:first-child:before{background-color:Canvas}:host([data-figee]) tbody tr[data-choisie]>[data-figee]:first-child:before{background-color:Highlight}.st-data-table__ombre{display:none!important}}@media print{.st-data-table__zone{max-block-size:none!important;overflow:visible;border:0}.st-data-table__ombre{display:none!important}thead th,:host([data-hauteur-max]) thead th,:host([data-figee]) [data-figee]{position:static}tbody tr{break-inside:avoid}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -2204,28 +2224,28 @@ i0.ɵɵngDeclareClassMetadata({
 });
 var StSelectionBar = class StSelectionBar {
 	libelles = inject(ST_LIBELLES);
-	selection = input.required(...ngDevMode ? [{ debugName: "selection" }] : 	/* istanbul ignore next */ []);
-	texteDuCompte = input(null, ...ngDevMode ? [{ debugName: "texteDuCompte" }] : 	/* istanbul ignore next */ []);
-	nommer = input(null, ...ngDevMode ? [{ debugName: "nommer" }] : 	/* istanbul ignore next */ []);
-	total = input(null, ...ngDevMode ? [{ debugName: "total" }] : 	/* istanbul ignore next */ []);
-	tableau = input(null, ...ngDevMode ? [{ debugName: "tableau" }] : 	/* istanbul ignore next */ []);
+	selection = input.required(...ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []);
+	texteDuCompte = input(null, ...ngDevMode ? [{ debugName: "texteDuCompte" }] : /* istanbul ignore next */ []);
+	nommer = input(null, ...ngDevMode ? [{ debugName: "nommer" }] : /* istanbul ignore next */ []);
+	total = input(null, ...ngDevMode ? [{ debugName: "total" }] : /* istanbul ignore next */ []);
+	tableau = input(null, ...ngDevMode ? [{ debugName: "tableau" }] : /* istanbul ignore next */ []);
 	collee = input(true, {
-		...ngDevMode ? { debugName: "collee" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "collee" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	toutSelectionner = output();
 	annulation = output();
-	nombre = computed(() => this.selection().length, ...ngDevMode ? [{ debugName: "nombre" }] : 	/* istanbul ignore next */ []);
+	nombre = computed(() => this.selection().length, ...ngDevMode ? [{ debugName: "nombre" }] : /* istanbul ignore next */ []);
 	compte = computed(() => {
 		const texte = this.texteDuCompte();
 		return texte === null ? this.libelles().lignesSelectionnees(this.nombre()) : texte(this.nombre());
-	}, ...ngDevMode ? [{ debugName: "compte" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "compte" }] : /* istanbul ignore next */ []);
 	toutChoisir = computed(() => {
 		const total = this.total();
 		if (total === null || total <= this.nombre()) return null;
 		const nommer = this.nommer();
 		return this.libelles().toutSelectionnerLes(nommer === null ? String(total) : nommer(total));
-	}, ...ngDevMode ? [{ debugName: "toutChoisir" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "toutChoisir" }] : /* istanbul ignore next */ []);
 	libelleDeConfirmation(verbe) {
 		const nommer = this.nommer();
 		return `${verbe} ${nommer === null ? this.compte() : nommer(this.nombre())}`;
@@ -2251,7 +2271,7 @@ var StSelectionBar = class StSelectionBar {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StSelectionBar,
 		deps: [],
@@ -2259,7 +2279,7 @@ var StSelectionBar = class StSelectionBar {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StSelectionBar,
 		isStandalone: true,
 		selector: "st-selection-bar",
@@ -2338,7 +2358,7 @@ var StSelectionBar = class StSelectionBar {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StSelectionBar,
 	decorators: [{
@@ -2466,31 +2486,31 @@ var StExportAction = class StExportAction {
 	libelles = inject(ST_LIBELLES);
 	locale = inject(ST_LOCALE);
 	annonce = new AnnonceLocale(inject(DestroyRef));
-	etat = input("repos", ...ngDevMode ? [{ debugName: "etat" }] : 	/* istanbul ignore next */ []);
-	resultat = input(null, ...ngDevMode ? [{ debugName: "resultat" }] : 	/* istanbul ignore next */ []);
-	libelle = input(null, ...ngDevMode ? [{ debugName: "libelle" }] : 	/* istanbul ignore next */ []);
+	etat = input("repos", ...ngDevMode ? [{ debugName: "etat" }] : /* istanbul ignore next */ []);
+	resultat = input(null, ...ngDevMode ? [{ debugName: "resultat" }] : /* istanbul ignore next */ []);
+	libelle = input(null, ...ngDevMode ? [{ debugName: "libelle" }] : /* istanbul ignore next */ []);
 	demande = output();
 	lien = viewChild("lien", {
-		...ngDevMode ? { debugName: "lien" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "lien" } : /* istanbul ignore next */ {},
 		read: ElementRef
 	});
-	libelleDuBouton = computed(() => this.libelle() ?? this.libelles().exporter, ...ngDevMode ? [{ debugName: "libelleDuBouton" }] : 	/* istanbul ignore next */ []);
+	libelleDuBouton = computed(() => this.libelle() ?? this.libelles().exporter, ...ngDevMode ? [{ debugName: "libelleDuBouton" }] : /* istanbul ignore next */ []);
 	adresse = computed(() => {
 		const resultat = this.resultat();
 		return resultat === null ? null : lienDeMemeOrigine(resultat.url, this.document);
-	}, ...ngDevMode ? [{ debugName: "adresse" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "adresse" }] : /* istanbul ignore next */ []);
 	nomDuLien = computed(() => {
 		const resultat = this.resultat();
 		if (resultat === null) return "";
 		const taille = resultat.taille === null ? null : formaterTaille(resultat.taille, this.locale());
 		return this.libelles().telechargerLExport(resultat.format, taille);
-	}, ...ngDevMode ? [{ debugName: "nomDuLien" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "nomDuLien" }] : /* istanbul ignore next */ []);
 	troncature = computed(() => {
 		const resultat = this.resultat();
 		if (!resultat?.tronque) return null;
 		const nombres = new Intl.NumberFormat(this.locale());
 		return this.libelles().exportTronque(nombres.format(resultat.lignes), resultat.total === null ? null : nombres.format(resultat.total));
-	}, ...ngDevMode ? [{ debugName: "troncature" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "troncature" }] : /* istanbul ignore next */ []);
 	constructor() {
 		effect(() => {
 			if (this.etat() !== "preparation") return;
@@ -2518,7 +2538,7 @@ var StExportAction = class StExportAction {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StExportAction,
 		deps: [],
@@ -2526,7 +2546,7 @@ var StExportAction = class StExportAction {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StExportAction,
 		isStandalone: true,
 		selector: "st-export-action",
@@ -2615,7 +2635,7 @@ var StExportAction = class StExportAction {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StExportAction,
 	decorators: [{
@@ -2677,17 +2697,17 @@ i0.ɵɵngDeclareClassMetadata({
 });
 var StFilterChip = class StFilterChip {
 	libelles = inject(ST_LIBELLES);
-	libelle = input.required(...ngDevMode ? [{ debugName: "libelle" }] : 	/* istanbul ignore next */ []);
+	libelle = input.required(...ngDevMode ? [{ debugName: "libelle" }] : /* istanbul ignore next */ []);
 	mono = input(false, {
-		...ngDevMode ? { debugName: "mono" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "mono" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	verrouille = input(false, {
-		...ngDevMode ? { debugName: "verrouille" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "verrouille" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	libelleAffiche = computed(() => sansCommandesDeDirection(this.libelle()), ...ngDevMode ? [{ debugName: "libelleAffiche" }] : 	/* istanbul ignore next */ []);
-	nom = computed(() => this.verrouille() ? this.libelles().filtreVerrouille(this.libelleAffiche()) : this.libelles().retirerLeFiltre(this.libelleAffiche()), ...ngDevMode ? [{ debugName: "nom" }] : 	/* istanbul ignore next */ []);
+	libelleAffiche = computed(() => sansCommandesDeDirection(this.libelle()), ...ngDevMode ? [{ debugName: "libelleAffiche" }] : /* istanbul ignore next */ []);
+	nom = computed(() => this.verrouille() ? this.libelles().filtreVerrouille(this.libelleAffiche()) : this.libelles().retirerLeFiltre(this.libelleAffiche()), ...ngDevMode ? [{ debugName: "nom" }] : /* istanbul ignore next */ []);
 	constructor() {
 		const element = inject(ElementRef).nativeElement;
 		const garde = (evenement) => {
@@ -2702,7 +2722,7 @@ var StFilterChip = class StFilterChip {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StFilterChip,
 		deps: [],
@@ -2710,7 +2730,7 @@ var StFilterChip = class StFilterChip {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StFilterChip,
 		isStandalone: true,
 		selector: "button[stFilterChip]",
@@ -2771,7 +2791,7 @@ var StFilterChip = class StFilterChip {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StFilterChip,
 	decorators: [{
@@ -2824,13 +2844,13 @@ var StFilterBar = class StFilterBar {
 	libelles = inject(ST_LIBELLES);
 	injecteur = inject(Injector);
 	document = inject(DOCUMENT$1);
-	etiquette = input(null, ...ngDevMode ? [{ debugName: "etiquette" }] : 	/* istanbul ignore next */ []);
-	description = input(null, ...ngDevMode ? [{ debugName: "description" }] : 	/* istanbul ignore next */ []);
-	filtresActifs = input([], ...ngDevMode ? [{ debugName: "filtresActifs" }] : 	/* istanbul ignore next */ []);
-	mode = input("immediat", ...ngDevMode ? [{ debugName: "mode" }] : 	/* istanbul ignore next */ []);
-	nombreDeResultats = input(null, ...ngDevMode ? [{ debugName: "nombreDeResultats" }] : 	/* istanbul ignore next */ []);
+	etiquette = input(null, ...ngDevMode ? [{ debugName: "etiquette" }] : /* istanbul ignore next */ []);
+	description = input(null, ...ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []);
+	filtresActifs = input([], ...ngDevMode ? [{ debugName: "filtresActifs" }] : /* istanbul ignore next */ []);
+	mode = input("immediat", ...ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []);
+	nombreDeResultats = input(null, ...ngDevMode ? [{ debugName: "nombreDeResultats" }] : /* istanbul ignore next */ []);
 	chargement = input(false, {
-		...ngDevMode ? { debugName: "chargement" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "chargement" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	retrait = output();
@@ -2840,21 +2860,21 @@ var StFilterBar = class StFilterBar {
 	identifiant = inject(StIdentifiants).prochain("st-filtres");
 	identifiantTitre = `${this.identifiant}-titre`;
 	identifiantActifs = `${this.identifiant}-actifs`;
-	titre = viewChild.required("titre", ...ngDevMode ? [{ debugName: "titre" }] : 	/* istanbul ignore next */ []);
+	titre = viewChild.required("titre", ...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
 	puces = viewChildren(StFilterChip, {
-		...ngDevMode ? { debugName: "puces" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "puces" } : /* istanbul ignore next */ {},
 		read: ElementRef
 	});
-	etiquetteLue = computed(() => this.etiquette() ?? this.libelles().filtres, ...ngDevMode ? [{ debugName: "etiquetteLue" }] : 	/* istanbul ignore next */ []);
-	effacables = computed(() => this.filtresActifs().some((filtre) => filtre.verrouille !== true), ...ngDevMode ? [{ debugName: "effacables" }] : 	/* istanbul ignore next */ []);
+	etiquetteLue = computed(() => this.etiquette() ?? this.libelles().filtres, ...ngDevMode ? [{ debugName: "etiquetteLue" }] : /* istanbul ignore next */ []);
+	effacables = computed(() => this.filtresActifs().some((filtre) => filtre.verrouille !== true), ...ngDevMode ? [{ debugName: "effacables" }] : /* istanbul ignore next */ []);
 	texteDesResultats = computed(() => {
 		const nombre = this.nombreDeResultats();
 		return nombre === null ? null : this.libelles().nombreDeResultats(nombre);
-	}, ...ngDevMode ? [{ debugName: "texteDesResultats" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "texteDesResultats" }] : /* istanbul ignore next */ []);
 	enAttente = null;
 	geste = null;
 	levee;
-	resultatsEnAttente = signal(false, ...ngDevMode ? [{ debugName: "resultatsEnAttente" }] : 	/* istanbul ignore next */ []);
+	resultatsEnAttente = signal(false, ...ngDevMode ? [{ debugName: "resultatsEnAttente" }] : /* istanbul ignore next */ []);
 	constructor() {
 		inject(DestroyRef).onDestroy(() => {
 			clearTimeout(this.levee);
@@ -2929,7 +2949,7 @@ var StFilterBar = class StFilterBar {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StFilterBar,
 		deps: [],
@@ -2937,7 +2957,7 @@ var StFilterBar = class StFilterBar {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StFilterBar,
 		isStandalone: true,
 		selector: "st-filter-bar",
@@ -3055,7 +3075,7 @@ var StFilterBar = class StFilterBar {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StFilterBar,
 	decorators: [{
@@ -3151,22 +3171,22 @@ i0.ɵɵngDeclareClassMetadata({
 const CONTEXTE_D_ACCORDEON = new InjectionToken("st.contexte-d-accordeon");
 var StDisclosure = class StDisclosure {
 	accordeon = inject(CONTEXTE_D_ACCORDEON, { optional: true });
-	details = viewChild.required("details", ...ngDevMode ? [{ debugName: "details" }] : 	/* istanbul ignore next */ []);
-	libelle = input.required(...ngDevMode ? [{ debugName: "libelle" }] : 	/* istanbul ignore next */ []);
-	resume = input(null, ...ngDevMode ? [{ debugName: "resume" }] : 	/* istanbul ignore next */ []);
-	ouvert = model(false, ...ngDevMode ? [{ debugName: "ouvert" }] : 	/* istanbul ignore next */ []);
-	niveauDuTitre = input(null, ...ngDevMode ? [{ debugName: "niveauDuTitre" }] : 	/* istanbul ignore next */ []);
+	details = viewChild.required("details", ...ngDevMode ? [{ debugName: "details" }] : /* istanbul ignore next */ []);
+	libelle = input.required(...ngDevMode ? [{ debugName: "libelle" }] : /* istanbul ignore next */ []);
+	resume = input(null, ...ngDevMode ? [{ debugName: "resume" }] : /* istanbul ignore next */ []);
+	ouvert = model(false, ...ngDevMode ? [{ debugName: "ouvert" }] : /* istanbul ignore next */ []);
+	niveauDuTitre = input(null, ...ngDevMode ? [{ debugName: "niveauDuTitre" }] : /* istanbul ignore next */ []);
 	indisponible = input(false, {
-		...ngDevMode ? { debugName: "indisponible" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "indisponible" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	raisonIndisponible = input(null, ...ngDevMode ? [{ debugName: "raisonIndisponible" }] : 	/* istanbul ignore next */ []);
-	valeur = input(null, ...ngDevMode ? [{ debugName: "valeur" }] : 	/* istanbul ignore next */ []);
+	raisonIndisponible = input(null, ...ngDevMode ? [{ debugName: "raisonIndisponible" }] : /* istanbul ignore next */ []);
+	valeur = input(null, ...ngDevMode ? [{ debugName: "valeur" }] : /* istanbul ignore next */ []);
 	identifiantDeRaison = inject(StIdentifiants).prochain("st-disclosure-raison");
 	raisonLue = computed(() => {
 		const raison = this.raisonIndisponible()?.trim() ?? "";
 		return this.indisponible() && raison !== "" ? raison : null;
-	}, ...ngDevMode ? [{ debugName: "raisonLue" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "raisonLue" }] : /* istanbul ignore next */ []);
 	avantLImpression = null;
 	basculee() {
 		if (this.avantLImpression !== null) return;
@@ -3195,7 +3215,7 @@ var StDisclosure = class StDisclosure {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StDisclosure,
 		deps: [],
@@ -3203,7 +3223,7 @@ var StDisclosure = class StDisclosure {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StDisclosure,
 		isStandalone: true,
 		selector: "st-disclosure",
@@ -3298,7 +3318,7 @@ var StDisclosure = class StDisclosure {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StDisclosure,
 	decorators: [{
@@ -3388,22 +3408,22 @@ var StAccordion = class StAccordion {
 	fenetre = inject(DOCUMENT$1).defaultView;
 	nomNatif = inject(StIdentifiants).prochain("st-accordion");
 	exclusif = input(false, {
-		...ngDevMode ? { debugName: "exclusif" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "exclusif" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	toutAfficher = input(false, {
-		...ngDevMode ? { debugName: "toutAfficher" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "toutAfficher" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	ouverts = model([], ...ngDevMode ? [{ debugName: "ouverts" }] : 	/* istanbul ignore next */ []);
-	sections = contentChildren(StDisclosure, ...ngDevMode ? [{ debugName: "sections" }] : 	/* istanbul ignore next */ []);
+	ouverts = model([], ...ngDevMode ? [{ debugName: "ouverts" }] : /* istanbul ignore next */ []);
+	sections = contentChildren(StDisclosure, ...ngDevMode ? [{ debugName: "sections" }] : /* istanbul ignore next */ []);
 	libelles = inject(ST_LIBELLES);
 	nomPrisEnCharge = this.fenetre !== null && "name" in this.fenetre.HTMLDetailsElement.prototype;
-	boutonToutAfficher = computed(() => this.toutAfficher() && !this.exclusif(), ...ngDevMode ? [{ debugName: "boutonToutAfficher" }] : 	/* istanbul ignore next */ []);
+	boutonToutAfficher = computed(() => this.toutAfficher() && !this.exclusif(), ...ngDevMode ? [{ debugName: "boutonToutAfficher" }] : /* istanbul ignore next */ []);
 	toutEstOuvert = computed(() => {
 		const sections = this.sections();
 		return sections.length > 0 && sections.every((section) => section.ouvert());
-	}, ...ngDevMode ? [{ debugName: "toutEstOuvert" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "toutEstOuvert" }] : /* istanbul ignore next */ []);
 	derniereEcriture = null;
 	constructor() {
 		CONTEXTES.set(this, {
@@ -3461,7 +3481,7 @@ var StAccordion = class StAccordion {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StAccordion,
 		deps: [],
@@ -3469,7 +3489,7 @@ var StAccordion = class StAccordion {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StAccordion,
 		isStandalone: true,
 		selector: "st-accordion",
@@ -3534,7 +3554,7 @@ var StAccordion = class StAccordion {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StAccordion,
 	decorators: [{
@@ -3622,17 +3642,17 @@ var StAttachment = class StAttachment {
 	document = inject(DOCUMENT$1);
 	libelles = inject(ST_LIBELLES);
 	locale = inject(ST_LOCALE);
-	nom = input.required(...ngDevMode ? [{ debugName: "nom" }] : 	/* istanbul ignore next */ []);
-	type = input.required(...ngDevMode ? [{ debugName: "type" }] : 	/* istanbul ignore next */ []);
-	taille = input(null, ...ngDevMode ? [{ debugName: "taille" }] : 	/* istanbul ignore next */ []);
-	lien = input(null, ...ngDevMode ? [{ debugName: "lien" }] : 	/* istanbul ignore next */ []);
-	date = input(null, ...ngDevMode ? [{ debugName: "date" }] : 	/* istanbul ignore next */ []);
+	nom = input.required(...ngDevMode ? [{ debugName: "nom" }] : /* istanbul ignore next */ []);
+	type = input.required(...ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []);
+	taille = input(null, ...ngDevMode ? [{ debugName: "taille" }] : /* istanbul ignore next */ []);
+	lien = input(null, ...ngDevMode ? [{ debugName: "lien" }] : /* istanbul ignore next */ []);
+	date = input(null, ...ngDevMode ? [{ debugName: "date" }] : /* istanbul ignore next */ []);
 	nouvelOnglet = input(false, {
-		...ngDevMode ? { debugName: "nouvelOnglet" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "nouvelOnglet" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	enAttente = input(false, {
-		...ngDevMode ? { debugName: "enAttente" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "enAttente" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	telechargement = output();
@@ -3640,20 +3660,20 @@ var StAttachment = class StAttachment {
 		if (this.enAttente()) return;
 		this.telechargement.emit();
 	}
-	nomAffiche = computed(() => nomAffichable(this.nom()), ...ngDevMode ? [{ debugName: "nomAffiche" }] : 	/* istanbul ignore next */ []);
+	nomAffiche = computed(() => nomAffichable(this.nom()), ...ngDevMode ? [{ debugName: "nomAffiche" }] : /* istanbul ignore next */ []);
 	precision = computed(() => {
 		const taille = this.taille();
 		return this.libelles().typeEtTaille(this.type(), taille === null ? null : formaterTaille(taille, this.locale()));
-	}, ...ngDevMode ? [{ debugName: "precision" }] : 	/* istanbul ignore next */ []);
-	icone = computed(() => iconeDuFichier(this.type()), ...ngDevMode ? [{ debugName: "icone" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "precision" }] : /* istanbul ignore next */ []);
+	icone = computed(() => iconeDuFichier(this.type()), ...ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []);
 	dateAffichee = computed(() => {
 		const date = this.date();
 		return date === null || !estDateIso(date) ? null : this.libelles().ajouteLe(formaterDateLongue(date, this.locale()));
-	}, ...ngDevMode ? [{ debugName: "dateAffichee" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "dateAffichee" }] : /* istanbul ignore next */ []);
 	lienSur = computed(() => {
 		const lien = this.lien();
 		return lien === null ? null : lienDeMemeOrigine(lien, this.document);
-	}, ...ngDevMode ? [{ debugName: "lienSur" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "lienSur" }] : /* istanbul ignore next */ []);
 	constructor() {
 		effect(() => {
 			const lien = this.lien();
@@ -3669,7 +3689,7 @@ var StAttachment = class StAttachment {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StAttachment,
 		deps: [],
@@ -3677,7 +3697,7 @@ var StAttachment = class StAttachment {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StAttachment,
 		isStandalone: true,
 		selector: "st-attachment",
@@ -3783,7 +3803,7 @@ var StAttachment = class StAttachment {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StAttachment,
 	decorators: [{
@@ -3869,7 +3889,7 @@ const TONS = {
 	"a-fournir": "information",
 	analyse: "neutre",
 	sain: "succes",
-	refuse: "danger",
+	refuse: "erreur",
 	expire: "avertissement",
 	supprime: "neutre"
 };
@@ -3880,22 +3900,22 @@ var StDocumentList = class StDocumentList {
 	element = inject(ElementRef);
 	document = inject(DOCUMENT);
 	injecteur = inject(Injector);
-	documents = input.required(...ngDevMode ? [{ debugName: "documents" }] : 	/* istanbul ignore next */ []);
-	etiquette = input.required(...ngDevMode ? [{ debugName: "etiquette" }] : 	/* istanbul ignore next */ []);
+	documents = input.required(...ngDevMode ? [{ debugName: "documents" }] : /* istanbul ignore next */ []);
+	etiquette = input.required(...ngDevMode ? [{ debugName: "etiquette" }] : /* istanbul ignore next */ []);
 	remplacable = input(false, {
-		...ngDevMode ? { debugName: "remplacable" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "remplacable" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	supprimable = input(false, {
-		...ngDevMode ? { debugName: "supprimable" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "supprimable" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	deposable = input(true, {
-		...ngDevMode ? { debugName: "deposable" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "deposable" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	apercevable = input(false, {
-		...ngDevMode ? { debugName: "apercevable" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "apercevable" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	telechargement = output();
@@ -3926,7 +3946,7 @@ var StDocumentList = class StDocumentList {
 			icone,
 			actions
 		};
-	}), ...ngDevMode ? [{ debugName: "lignes" }] : 	/* istanbul ignore next */ []);
+	}), ...ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []);
 	constructor() {
 		let etatsConnus = null;
 		let ordreConnu = [];
@@ -3966,9 +3986,7 @@ var StDocumentList = class StDocumentList {
 			case "remplacer":
 				this.remplacement.emit(cle);
 				break;
-			case "supprimer":
-				this.suppression.emit(cle);
-				break;
+			case "supprimer": this.suppression.emit(cle);
 		}
 	}
 	garderLeFocus(ordre) {
@@ -3995,7 +4013,7 @@ var StDocumentList = class StDocumentList {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StDocumentList,
 		deps: [],
@@ -4003,7 +4021,7 @@ var StDocumentList = class StDocumentList {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StDocumentList,
 		isStandalone: true,
 		selector: "st-document-list",
@@ -4061,7 +4079,7 @@ var StDocumentList = class StDocumentList {
 		host: { classAttribute: "st-document-list" },
 		ngImport: i0,
 		template: "<!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (audit UI du\n     2026-09-27, D-1). -->\n<ul class=\"st-document-list__liste\" role=\"list\" [attr.aria-label]=\"etiquette()\">\n  @for (ligne of lignes(); track ligne.cle) {\n    <!-- tabindex -1 : la ligne recoit le focus quand le bouton qui l'avait part avec l'etat du\n         document (« Deposer » d'un document passe en analyse), hors tabulation (D-25). -->\n    <li\n      class=\"st-document-list__document\"\n      tabindex=\"-1\"\n      [attr.data-cle]=\"ligne.cle\"\n      [attr.data-etat]=\"ligne.document.etat\"\n    >\n      <div class=\"st-document-list__fichier\">\n        @if (ligne.telechargeable) {\n          <st-attachment\n            [nom]=\"ligne.document.nom\"\n            [type]=\"ligne.document.type\"\n            [taille]=\"ligne.document.taille ?? null\"\n            [lien]=\"ligne.document.lien ?? null\"\n            [date]=\"ligne.document.ajouteLe ?? null\"\n            [enAttente]=\"ligne.document.enAttente === true\"\n            (telechargement)=\"telechargement.emit(ligne.cle)\"\n          />\n        } @else {\n          <span class=\"st-document-list__sans-lien\">\n            <st-icon class=\"st-document-list__icone\" [nom]=\"ligne.iconeDuFichier\" />\n            <span class=\"st-document-list__nom\" dir=\"ltr\">{{ ligne.nom }}</span>\n          </span>\n        }\n        @if (ligne.document.description; as description) {\n          <!-- Isole EN LIGNE (`<bdi>`), et non par `dir=\"auto\"` sur le paragraphe : le bloc garde le\n               sens de l'interface, et s'aligne sous le nom de droite a gauche aussi. -->\n          <p class=\"st-document-list__precision\">\n            <bdi>{{ affichable(description) }}</bdi>\n          </p>\n        }\n        @if (ligne.document.etat === 'refuse' && ligne.document.raison) {\n          <p class=\"st-document-list__raison\">\n            <bdi>{{ affichable(ligne.document.raison) }}</bdi>\n          </p>\n        }\n      </div>\n      <st-status-pill\n        class=\"st-document-list__etat\"\n        taille=\"sm\"\n        [statut]=\"ligne.document.etat\"\n        [libelle]=\"libelles().etatDeDocument(ligne.document.etat)\"\n        [ton]=\"ligne.ton\"\n        [icone]=\"ligne.icone\"\n      />\n      @if (ligne.actions.length > 0) {\n        <div class=\"st-document-list__actions\">\n          @for (action of ligne.actions; track action) {\n            <button\n              stButton\n              type=\"button\"\n              taille=\"sm\"\n              [variante]=\"action === 'deposer' ? 'secondaire' : 'discret'\"\n              [attr.aria-label]=\"nomDeLAction(action, ligne.nom)\"\n              (click)=\"agir(action, ligne.cle)\"\n            >\n              {{ texteDe(action) }}\n            </button>\n          }\n        </div>\n      }\n    </li>\n  } @empty {\n    <li class=\"st-document-list__vide\" tabindex=\"-1\">{{ libelles().listeVide }}</li>\n  }\n</ul>\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;container-type:inline-size}.st-document-list__liste{padding:0;margin:0;list-style:none}.st-document-list__document{display:grid;gap:var(--st-espacement-2);justify-items:start;padding-block:var(--st-espacement-3)}.st-document-list__document+.st-document-list__document{border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-document-list__document:focus-visible,.st-document-list__vide: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-document-list__fichier{min-inline-size:0}.st-document-list__sans-lien{display:inline-flex;gap:var(--st-espacement-2);align-items:flex-start}.st-document-list__icone{flex:none;margin-block-start:var(--st-espacement-demi);color:var(--st-couleur-texte-discret)}.st-document-list__nom{overflow-wrap:anywhere;unicode-bidi:isolate}.st-document-list__precision,.st-document-list__raison{padding-inline-start:calc(1.25 * var(--st-taille-md) + var(--st-espacement-2));margin:var(--st-espacement-1) 0 0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-document-list__raison{color:var(--st-couleur-danger)}.st-document-list__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2)}.st-document-list__vide{padding-block:var(--st-espacement-3);color:var(--st-couleur-texte-discret)}@container (min-width: 30rem){.st-document-list__liste{display:grid;grid-template-columns:minmax(0,1fr) auto auto;column-gap:var(--st-espacement-4)}.st-document-list__document{grid-template-columns:subgrid;grid-column:1/-1;align-items:center}.st-document-list__actions{justify-self:end}.st-document-list__vide{grid-column:1/-1}}\n"],
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block;container-type:inline-size}.st-document-list__liste{padding:0;margin:0;list-style:none}.st-document-list__document{display:grid;gap:var(--st-espacement-2);justify-items:start;padding-block:var(--st-espacement-3)}.st-document-list__document+.st-document-list__document{border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-document-list__document:focus-visible,.st-document-list__vide: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-document-list__fichier{min-inline-size:0}.st-document-list__sans-lien{display:inline-flex;gap:var(--st-espacement-2);align-items:flex-start}.st-document-list__icone{flex:none;margin-block-start:var(--st-espacement-demi);color:var(--st-couleur-texte-discret)}.st-document-list__nom{overflow-wrap:anywhere;unicode-bidi:isolate}.st-document-list__precision,.st-document-list__raison{padding-inline-start:calc(1.25 * var(--st-taille-md) + var(--st-espacement-2));margin:var(--st-espacement-1) 0 0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-document-list__raison{color:var(--st-couleur-erreur)}.st-document-list__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2)}.st-document-list__vide{padding-block:var(--st-espacement-3);color:var(--st-couleur-texte-discret)}@container (min-width: 30rem){.st-document-list__liste{display:grid;grid-template-columns:minmax(0,1fr) auto auto;column-gap:var(--st-espacement-4)}.st-document-list__document{grid-template-columns:subgrid;grid-column:1/-1;align-items:center}.st-document-list__actions{justify-self:end}.st-document-list__vide{grid-column:1/-1}}\n"],
 		dependencies: [
 			{
 				kind: "component",
@@ -4129,7 +4147,7 @@ var StDocumentList = class StDocumentList {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StDocumentList,
 	decorators: [{
@@ -4145,7 +4163,7 @@ i0.ɵɵngDeclareClassMetadata({
 			],
 			host: { class: "st-document-list" },
 			template: "<!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (audit UI du\n     2026-09-27, D-1). -->\n<ul class=\"st-document-list__liste\" role=\"list\" [attr.aria-label]=\"etiquette()\">\n  @for (ligne of lignes(); track ligne.cle) {\n    <!-- tabindex -1 : la ligne recoit le focus quand le bouton qui l'avait part avec l'etat du\n         document (« Deposer » d'un document passe en analyse), hors tabulation (D-25). -->\n    <li\n      class=\"st-document-list__document\"\n      tabindex=\"-1\"\n      [attr.data-cle]=\"ligne.cle\"\n      [attr.data-etat]=\"ligne.document.etat\"\n    >\n      <div class=\"st-document-list__fichier\">\n        @if (ligne.telechargeable) {\n          <st-attachment\n            [nom]=\"ligne.document.nom\"\n            [type]=\"ligne.document.type\"\n            [taille]=\"ligne.document.taille ?? null\"\n            [lien]=\"ligne.document.lien ?? null\"\n            [date]=\"ligne.document.ajouteLe ?? null\"\n            [enAttente]=\"ligne.document.enAttente === true\"\n            (telechargement)=\"telechargement.emit(ligne.cle)\"\n          />\n        } @else {\n          <span class=\"st-document-list__sans-lien\">\n            <st-icon class=\"st-document-list__icone\" [nom]=\"ligne.iconeDuFichier\" />\n            <span class=\"st-document-list__nom\" dir=\"ltr\">{{ ligne.nom }}</span>\n          </span>\n        }\n        @if (ligne.document.description; as description) {\n          <!-- Isole EN LIGNE (`<bdi>`), et non par `dir=\"auto\"` sur le paragraphe : le bloc garde le\n               sens de l'interface, et s'aligne sous le nom de droite a gauche aussi. -->\n          <p class=\"st-document-list__precision\">\n            <bdi>{{ affichable(description) }}</bdi>\n          </p>\n        }\n        @if (ligne.document.etat === 'refuse' && ligne.document.raison) {\n          <p class=\"st-document-list__raison\">\n            <bdi>{{ affichable(ligne.document.raison) }}</bdi>\n          </p>\n        }\n      </div>\n      <st-status-pill\n        class=\"st-document-list__etat\"\n        taille=\"sm\"\n        [statut]=\"ligne.document.etat\"\n        [libelle]=\"libelles().etatDeDocument(ligne.document.etat)\"\n        [ton]=\"ligne.ton\"\n        [icone]=\"ligne.icone\"\n      />\n      @if (ligne.actions.length > 0) {\n        <div class=\"st-document-list__actions\">\n          @for (action of ligne.actions; track action) {\n            <button\n              stButton\n              type=\"button\"\n              taille=\"sm\"\n              [variante]=\"action === 'deposer' ? 'secondaire' : 'discret'\"\n              [attr.aria-label]=\"nomDeLAction(action, ligne.nom)\"\n              (click)=\"agir(action, ligne.cle)\"\n            >\n              {{ texteDe(action) }}\n            </button>\n          }\n        </div>\n      }\n    </li>\n  } @empty {\n    <li class=\"st-document-list__vide\" tabindex=\"-1\">{{ libelles().listeVide }}</li>\n  }\n</ul>\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;container-type:inline-size}.st-document-list__liste{padding:0;margin:0;list-style:none}.st-document-list__document{display:grid;gap:var(--st-espacement-2);justify-items:start;padding-block:var(--st-espacement-3)}.st-document-list__document+.st-document-list__document{border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-document-list__document:focus-visible,.st-document-list__vide: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-document-list__fichier{min-inline-size:0}.st-document-list__sans-lien{display:inline-flex;gap:var(--st-espacement-2);align-items:flex-start}.st-document-list__icone{flex:none;margin-block-start:var(--st-espacement-demi);color:var(--st-couleur-texte-discret)}.st-document-list__nom{overflow-wrap:anywhere;unicode-bidi:isolate}.st-document-list__precision,.st-document-list__raison{padding-inline-start:calc(1.25 * var(--st-taille-md) + var(--st-espacement-2));margin:var(--st-espacement-1) 0 0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-document-list__raison{color:var(--st-couleur-danger)}.st-document-list__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2)}.st-document-list__vide{padding-block:var(--st-espacement-3);color:var(--st-couleur-texte-discret)}@container (min-width: 30rem){.st-document-list__liste{display:grid;grid-template-columns:minmax(0,1fr) auto auto;column-gap:var(--st-espacement-4)}.st-document-list__document{grid-template-columns:subgrid;grid-column:1/-1;align-items:center}.st-document-list__actions{justify-self:end}.st-document-list__vide{grid-column:1/-1}}\n"]
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block;container-type:inline-size}.st-document-list__liste{padding:0;margin:0;list-style:none}.st-document-list__document{display:grid;gap:var(--st-espacement-2);justify-items:start;padding-block:var(--st-espacement-3)}.st-document-list__document+.st-document-list__document{border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-document-list__document:focus-visible,.st-document-list__vide: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-document-list__fichier{min-inline-size:0}.st-document-list__sans-lien{display:inline-flex;gap:var(--st-espacement-2);align-items:flex-start}.st-document-list__icone{flex:none;margin-block-start:var(--st-espacement-demi);color:var(--st-couleur-texte-discret)}.st-document-list__nom{overflow-wrap:anywhere;unicode-bidi:isolate}.st-document-list__precision,.st-document-list__raison{padding-inline-start:calc(1.25 * var(--st-taille-md) + var(--st-espacement-2));margin:var(--st-espacement-1) 0 0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-document-list__raison{color:var(--st-couleur-erreur)}.st-document-list__actions{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2)}.st-document-list__vide{padding-block:var(--st-espacement-3);color:var(--st-couleur-texte-discret)}@container (min-width: 30rem){.st-document-list__liste{display:grid;grid-template-columns:minmax(0,1fr) auto auto;column-gap:var(--st-espacement-4)}.st-document-list__document{grid-template-columns:subgrid;grid-column:1/-1;align-items:center}.st-document-list__actions{justify-self:end}.st-document-list__vide{grid-column:1/-1}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -4223,20 +4241,20 @@ i0.ɵɵngDeclareClassMetadata({
 var StReviewList = class StReviewList {
 	affichable = sansCommandesDeDirection;
 	libelles = inject(ST_LIBELLES);
-	elements = input.required(...ngDevMode ? [{ debugName: "elements" }] : 	/* istanbul ignore next */ []);
+	elements = input.required(...ngDevMode ? [{ debugName: "elements" }] : /* istanbul ignore next */ []);
 	modification = output();
-	gabarits = contentChildren(StDescription, ...ngDevMode ? [{ debugName: "gabarits" }] : 	/* istanbul ignore next */ []);
+	gabarits = contentChildren(StDescription, ...ngDevMode ? [{ debugName: "gabarits" }] : /* istanbul ignore next */ []);
 	lignes = computed(() => lignesDeDescription(this.elements(), new Map(this.gabarits().map((gabarit) => [gabarit.cle(), gabarit.gabarit])), "st-review-list").map((ligne) => ({
 		...ligne,
 		manquant: ligne.element.obligatoire === true && ligne.element.description === null,
 		nomDeLAction: `${this.libelles().modifier} ${ligne.element.terme}`
-	})), ...ngDevMode ? [{ debugName: "lignes" }] : 	/* istanbul ignore next */ []);
+	})), ...ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []);
 	modifier(element) {
 		this.modification.emit(element.cle ?? element.terme);
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StReviewList,
 		deps: [],
@@ -4244,7 +4262,7 @@ var StReviewList = class StReviewList {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StReviewList,
 		isStandalone: true,
 		selector: "st-review-list",
@@ -4344,7 +4362,7 @@ var StReviewList = class StReviewList {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StReviewList,
 	decorators: [{
@@ -4398,7 +4416,7 @@ var StActeurDEvenement = class StActeurDEvenement {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StActeurDEvenement,
 		deps: [],
@@ -4406,7 +4424,7 @@ var StActeurDEvenement = class StActeurDEvenement {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StActeurDEvenement,
 		isStandalone: true,
 		selector: "ng-template[stActeurDEvenement]",
@@ -4415,7 +4433,7 @@ var StActeurDEvenement = class StActeurDEvenement {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StActeurDEvenement,
 	decorators: [{
@@ -4425,7 +4443,7 @@ i0.ɵɵngDeclareClassMetadata({
 });
 var StDetailDEvenement = class StDetailDEvenement {
 	cle = input.required({
-		...ngDevMode ? { debugName: "cle" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "cle" } : /* istanbul ignore next */ {},
 		alias: "stDetailDEvenement"
 	});
 	gabarit = inject(TemplateRef);
@@ -4434,7 +4452,7 @@ var StDetailDEvenement = class StDetailDEvenement {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StDetailDEvenement,
 		deps: [],
@@ -4442,7 +4460,7 @@ var StDetailDEvenement = class StDetailDEvenement {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StDetailDEvenement,
 		isStandalone: true,
 		selector: "ng-template[stDetailDEvenement]",
@@ -4458,7 +4476,7 @@ var StDetailDEvenement = class StDetailDEvenement {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StDetailDEvenement,
 	decorators: [{
@@ -4490,6 +4508,7 @@ function prefixeDuTon(ton, libelles) {
 		case "information": return libelles.tonInformation;
 		case "succes": return libelles.tonSucces;
 		case "avertissement": return libelles.tonAvertissement;
+		case "erreur": return libelles.tonErreur;
 		case "danger": return libelles.tonDanger;
 	}
 }
@@ -4513,36 +4532,47 @@ var StTimeline = class StTimeline {
 	document = inject(DOCUMENT$1);
 	identifiant = inject(StIdentifiants).prochain("st-timeline");
 	catalogue = catalogueDesListes();
-	evenements = input.required(...ngDevMode ? [{ debugName: "evenements" }] : 	/* istanbul ignore next */ []);
-	etiquette = input.required(...ngDevMode ? [{ debugName: "etiquette" }] : 	/* istanbul ignore next */ []);
-	ordre = input("recent-d-abord", ...ngDevMode ? [{ debugName: "ordre" }] : 	/* istanbul ignore next */ []);
-	niveauDuTitre = input(null, ...ngDevMode ? [{ debugName: "niveauDuTitre" }] : 	/* istanbul ignore next */ []);
+	injecteur = inject(Injector);
+	textes = computed(() => this.catalogue().libelles, ...ngDevMode ? [{ debugName: "textes" }] : /* istanbul ignore next */ []);
+	langue = computed(() => this.catalogue().langueDeRepli, ...ngDevMode ? [{ debugName: "langue" }] : /* istanbul ignore next */ []);
+	annonce = new AnnonceLocale(inject(DestroyRef));
+	evenements = input.required(...ngDevMode ? [{ debugName: "evenements" }] : /* istanbul ignore next */ []);
+	etiquette = input.required(...ngDevMode ? [{ debugName: "etiquette" }] : /* istanbul ignore next */ []);
+	ordre = input("recent-d-abord", ...ngDevMode ? [{ debugName: "ordre" }] : /* istanbul ignore next */ []);
+	niveauDuTitre = input(null, ...ngDevMode ? [{ debugName: "niveauDuTitre" }] : /* istanbul ignore next */ []);
 	relatif = input(false, {
-		...ngDevMode ? { debugName: "relatif" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "relatif" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	groupesParJour = input(false, {
-		...ngDevMode ? { debugName: "groupesParJour" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "groupesParJour" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	compact = input(false, {
-		...ngDevMode ? { debugName: "compact" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "compact" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	chargement = input(false, {
-		...ngDevMode ? { debugName: "chargement" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "chargement" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
 	lignesAttendues = input(3, {
-		...ngDevMode ? { debugName: "lignesAttendues" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "lignesAttendues" } : /* istanbul ignore next */ {},
 		transform: numberAttribute
 	});
-	nom = computed(() => this.catalogue().libelles.chronologieNommee(this.etiquette(), this.ordre() === "recent-d-abord"), ...ngDevMode ? [{ debugName: "nom" }] : 	/* istanbul ignore next */ []);
-	gabarits = contentChildren(StDetailDEvenement, ...ngDevMode ? [{ debugName: "gabarits" }] : 	/* istanbul ignore next */ []);
-	gabaritDActeur = contentChild(StActeurDEvenement, ...ngDevMode ? [{ debugName: "gabaritDActeur" }] : 	/* istanbul ignore next */ []);
-	maintenant = signal(Date.now(), ...ngDevMode ? [{ debugName: "maintenant" }] : 	/* istanbul ignore next */ []);
-	rendu = signal(false, ...ngDevMode ? [{ debugName: "rendu" }] : 	/* istanbul ignore next */ []);
+	suiteDisponible = input(false, {
+		...ngDevMode ? { debugName: "suiteDisponible" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	suite = output();
+	nom = computed(() => this.catalogue().libelles.chronologieNommee(this.etiquette(), this.ordre() === "recent-d-abord"), ...ngDevMode ? [{ debugName: "nom" }] : /* istanbul ignore next */ []);
+	gabarits = contentChildren(StDetailDEvenement, ...ngDevMode ? [{ debugName: "gabarits" }] : /* istanbul ignore next */ []);
+	gabaritDActeur = contentChild(StActeurDEvenement, ...ngDevMode ? [{ debugName: "gabaritDActeur" }] : /* istanbul ignore next */ []);
+	maintenant = signal(Date.now(), ...ngDevMode ? [{ debugName: "maintenant" }] : /* istanbul ignore next */ []);
+	rendu = signal(false, ...ngDevMode ? [{ debugName: "rendu" }] : /* istanbul ignore next */ []);
 	cibleDuFocus = null;
+	suiteDemandee = false;
+	avecSuite = signal(false, ...ngDevMode ? [{ debugName: "avecSuite" }] : /* istanbul ignore next */ []);
 	clesAffichees = null;
 	lignes = computed(() => {
 		const libelles = this.libelles();
@@ -4590,7 +4620,7 @@ var StTimeline = class StTimeline {
 			if (a.instant === null || b.instant === null) return Number(a.instant === null) - Number(b.instant === null);
 			return sens * (a.instant - b.instant);
 		});
-	}, ...ngDevMode ? [{ debugName: "lignes" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []);
 	groupes = computed(() => {
 		if (!this.groupesParJour()) return [];
 		const ecrire = new Intl.DateTimeFormat(this.locale(), {
@@ -4613,7 +4643,7 @@ var StTimeline = class StTimeline {
 				lignes
 			};
 		});
-	}, ...ngDevMode ? [{ debugName: "groupes" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "groupes" }] : /* istanbul ignore next */ []);
 	relatifs = computed(() => {
 		const relatifs = /* @__PURE__ */ new Map();
 		if (!this.relatif()) return relatifs;
@@ -4625,10 +4655,13 @@ var StTimeline = class StTimeline {
 			relatifs.set(evenement.cle, ecart < MINUTE ? this.libelles().aLInstant : ecartRelatif(instant, maintenant, this.locale(), "short"));
 		}
 		return relatifs;
-	}, ...ngDevMode ? [{ debugName: "relatifs" }] : 	/* istanbul ignore next */ []);
-	squelette = computed(() => this.chargement() && this.evenements().length === 0, ...ngDevMode ? [{ debugName: "squelette" }] : 	/* istanbul ignore next */ []);
-	rangsAttendus = computed(() => Array.from({ length: Math.max(1, this.lignesAttendues()) }, (_, rang) => rang), ...ngDevMode ? [{ debugName: "rangsAttendus" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "relatifs" }] : /* istanbul ignore next */ []);
+	squelette = computed(() => this.chargement() && this.evenements().length === 0, ...ngDevMode ? [{ debugName: "squelette" }] : /* istanbul ignore next */ []);
+	rangsAttendus = computed(() => Array.from({ length: Math.max(1, this.lignesAttendues()) }, (_, rang) => rang), ...ngDevMode ? [{ debugName: "rangsAttendus" }] : /* istanbul ignore next */ []);
 	constructor() {
+		effect(() => {
+			if (this.suiteDisponible()) this.avecSuite.set(true);
+		});
 		effect(() => {
 			if (!isDevMode()) return;
 			for (const { evenement, instant } of this.lignes()) {
@@ -4645,6 +4678,16 @@ var StTimeline = class StTimeline {
 			if (nouvelles.length === 0) return;
 			const remplacement = !cles.some((cle) => precedentes.has(cle));
 			this.cibleDuFocus = (remplacement ? cles[0] : nouvelles[0]) ?? null;
+			if (!this.suiteDemandee) return;
+			this.suiteDemandee = false;
+			if (remplacement) return;
+			const nombre = nouvelles.length;
+			untracked(() => {
+				this.annonce.annoncer(this.textes().evenementsAjoutes(nombre, new Intl.NumberFormat(this.locale()).format(nombre)));
+			});
+			afterNextRender(() => {
+				this.focus();
+			}, { injector: this.injecteur });
 		});
 		afterNextRender(() => {
 			this.rendu.set(true);
@@ -4687,6 +4730,10 @@ var StTimeline = class StTimeline {
 		this.cibleDuFocus = null;
 		(visee === null ? evenements.at(-1) : evenements.find((element) => element.dataset["cle"] === visee) ?? evenements[0])?.focus(options);
 	}
+	demanderLaSuite() {
+		this.suiteDemandee = true;
+		this.suite.emit();
+	}
 	contexteDActeur(ligne, acteur) {
 		return {
 			$implicit: acteur.personne,
@@ -4695,7 +4742,7 @@ var StTimeline = class StTimeline {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StTimeline,
 		deps: [],
@@ -4703,7 +4750,7 @@ var StTimeline = class StTimeline {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StTimeline,
 		isStandalone: true,
 		selector: "st-timeline",
@@ -4770,8 +4817,16 @@ var StTimeline = class StTimeline {
 				isSignal: true,
 				isRequired: false,
 				transformFunction: null
+			},
+			suiteDisponible: {
+				classPropertyName: "suiteDisponible",
+				publicName: "suiteDisponible",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
 			}
 		},
+		outputs: { suite: "suite" },
 		host: {
 			properties: { "attr.data-compact": "compact() ? \"\" : null" },
 			classAttribute: "st-timeline"
@@ -4788,8 +4843,8 @@ var StTimeline = class StTimeline {
 			isSignal: true
 		}],
 		ngImport: i0,
-		template: "@if (squelette()) {\n  <!-- Premier chargement : la silhouette des evenements, muette ; `aria-busy` dit l'attente. -->\n  <div class=\"st-timeline__squelette\" aria-busy=\"true\">\n    @for (rang of rangsAttendus(); track rang) {\n      <div class=\"st-timeline__attente\">\n        <span class=\"st-timeline__disque\"></span>\n        <st-skeleton variante=\"texte\" [lignes]=\"2\" />\n      </div>\n    }\n  </div>\n} @else if (groupesParJour()) {\n  <!-- Une liste par jour, nommee par sa date, dans la liste de la chronologie. -->\n  <ol\n    class=\"st-timeline__liste\"\n    role=\"list\"\n    [attr.aria-label]=\"nom()\"\n    [attr.aria-busy]=\"chargement() ? 'true' : null\"\n  >\n    @for (groupe of groupes(); track groupe.cle) {\n      <li class=\"st-timeline__groupe\">\n        <p class=\"st-timeline__jour\" [id]=\"groupe.identifiant\">\n          @if (groupe.iso; as iso) {\n            <time [attr.datetime]=\"iso\">{{ groupe.libelle }}</time>\n          } @else {\n            {{ groupe.libelle }}\n          }\n        </p>\n        <ol class=\"st-timeline__liste\" role=\"list\" [attr.aria-labelledby]=\"groupe.identifiant\">\n          @for (ligne of groupe.lignes; track ligne.evenement.cle) {\n            <ng-container *ngTemplateOutlet=\"evenement; context: { $implicit: ligne }\" />\n          }\n        </ol>\n      </li>\n    } @empty {\n      <li class=\"st-timeline__vide\">{{ libelles().listeVide }}</li>\n    }\n  </ol>\n} @else {\n  <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (audit UI du\n       2026-09-27, D-1). -->\n  <ol\n    class=\"st-timeline__liste\"\n    role=\"list\"\n    [attr.aria-label]=\"nom()\"\n    [attr.aria-busy]=\"chargement() ? 'true' : null\"\n  >\n    @for (ligne of lignes(); track ligne.evenement.cle) {\n      <ng-container *ngTemplateOutlet=\"evenement; context: { $implicit: ligne }\" />\n    } @empty {\n      <li class=\"st-timeline__vide\">{{ libelles().listeVide }}</li>\n    }\n  </ol>\n}\n\n<ng-template #evenement let-ligne>\n  <!-- tabindex -1 : cible du focus apres « Afficher plus », hors tabulation. -->\n  <li\n    class=\"st-timeline__evenement\"\n    tabindex=\"-1\"\n    [attr.data-ton]=\"ligne.ton\"\n    [attr.data-cle]=\"ligne.evenement.cle\"\n  >\n    <st-icon class=\"st-timeline__repere\" [icone]=\"ligne.icone\" [taille]=\"compact() ? '16' : '20'\" />\n    <div class=\"st-timeline__corps\">\n      @switch (niveauDuTitre()) {\n        @case (1) {\n          <h1 class=\"st-timeline__titre\">\n            <ng-container *ngTemplateOutlet=\"titre; context: { $implicit: ligne }\" />\n          </h1>\n        }\n        @case (2) {\n          <h2 class=\"st-timeline__titre\">\n            <ng-container *ngTemplateOutlet=\"titre; context: { $implicit: ligne }\" />\n          </h2>\n        }\n        @case (3) {\n          <h3 class=\"st-timeline__titre\">\n            <ng-container *ngTemplateOutlet=\"titre; context: { $implicit: ligne }\" />\n          </h3>\n        }\n        @case (4) {\n          <h4 class=\"st-timeline__titre\">\n            <ng-container *ngTemplateOutlet=\"titre; context: { $implicit: ligne }\" />\n          </h4>\n        }\n        @case (5) {\n          <h5 class=\"st-timeline__titre\">\n            <ng-container *ngTemplateOutlet=\"titre; context: { $implicit: ligne }\" />\n          </h5>\n        }\n        @case (6) {\n          <h6 class=\"st-timeline__titre\">\n            <ng-container *ngTemplateOutlet=\"titre; context: { $implicit: ligne }\" />\n          </h6>\n        }\n        @default {\n          <p class=\"st-timeline__titre\">\n            <ng-container *ngTemplateOutlet=\"titre; context: { $implicit: ligne }\" />\n          </p>\n        }\n      }\n      <p class=\"st-timeline__meta\">\n        @if (ligne.date; as date) {\n          <span class=\"st-timeline__quand\">\n            <time [attr.datetime]=\"ligne.iso\">\n              @if (groupesParJour() && ligne.heure) {\n                <!-- Sous l'en-tete de son jour, l'heure seule a l'oeil ; la date reste lue. -->\n                <span class=\"st-vh\">{{ date }}</span\n                ><span aria-hidden=\"true\">{{ ligne.heure }}</span>\n              } @else {\n                {{ date }}\n              }\n            </time>\n            @if (relatifs().get(ligne.evenement.cle); as relatif) {\n              <!-- Le relatif en complement, a l'oeil seulement : l'absolu se lit deja. -->\n              {{ ' ' }}<span class=\"st-timeline__relatif\" aria-hidden=\"true\">({{ relatif }})</span>\n            }\n          </span>\n        } @else {\n          <span>{{ libelles().dateInconnue }}</span>\n        }\n        @if (ligne.acteur; as acteur) {\n          <!-- La phrase garde l'ordre de sa langue ; l'acteur, une donnee, s'y isole (D-4). Avec\n               un gabarit (`st-person`), la personne prend la place du nom dans la phrase. -->\n          @if (gabaritDActeur(); as gabarit) {\n            <span class=\"st-timeline__acteur st-timeline__acteur--gabarit\">\n              @if (acteur.avant) {\n                <span>{{ acteur.avant }}</span>\n              }\n              <ng-container\n                *ngTemplateOutlet=\"gabarit.gabarit; context: contexteDActeur(ligne, acteur)\"\n              />\n              @if (acteur.apres) {\n                <span>{{ acteur.apres }}</span>\n              }\n            </span>\n          } @else {\n            <span class=\"st-timeline__acteur\"\n              >{{ acteur.avant }}<bdi>{{ acteur.personne.nom }}</bdi\n              >{{ acteur.apres }}</span\n            >\n          }\n        }\n      </p>\n      @if (ligne.gabarit; as gabarit) {\n        <div class=\"st-timeline__detail\">\n          <ng-container *ngTemplateOutlet=\"gabarit; context: { $implicit: ligne.evenement }\" />\n        </div>\n      } @else if (ligne.evenement.description; as description) {\n        <!-- Isolee en ligne : le paragraphe garde le sens de l'interface (alignement). -->\n        <p class=\"st-timeline__detail\">\n          <bdi>{{ affichable(description) }}</bdi>\n        </p>\n      }\n    </div>\n  </li>\n</ng-template>\n\n<!-- Le mot du ton ouvre le titre : un titre atteint seul (navigation par titres) le dit aussi. -->\n<ng-template #titre let-ligne>\n  @if (ligne.prefixe) {\n    <span class=\"st-vh\">{{ ligne.prefixe }}</span>\n  }\n  <bdi>{{ affichable(ligne.evenement.titre) }}</bdi>\n</ng-template>\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-timeline-repere: 1.25rem;display:block}:host([data-compact]){--st-timeline-repere: 1rem}.st-timeline__liste{padding:0;margin:0;list-style:none}.st-timeline__liste[aria-busy=true]{cursor:progress}.st-timeline__evenement{position:relative;display:grid;grid-template-columns:var(--st-timeline-repere) minmax(0,1fr);column-gap:var(--st-espacement-3);padding-block-end:var(--st-espacement-5);border-radius:var(--st-rayon-sm)}.st-timeline__evenement:not(:last-child):before{position:absolute;inset-block:calc(var(--st-timeline-repere) + var(--st-espacement-1)) var(--st-espacement-1);inset-inline-start:calc(var(--st-timeline-repere) / 2);content:\"\";border-inline-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-timeline__evenement: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-timeline__evenement{transition:opacity var(--st-duree-normale) var(--st-courbe-standard)}@starting-style{.st-timeline__evenement{opacity:0}}:host([data-compact]) .st-timeline__evenement{column-gap:var(--st-espacement-2);padding-block-end:var(--st-espacement-3)}.st-timeline__repere{color:var(--st-couleur-texte-discret)}:host([data-compact]) .st-timeline__repere{margin-block-start:calc(var(--st-espacement-1) / 2)}.st-timeline__evenement[data-ton=information] .st-timeline__repere{color:var(--st-couleur-information)}.st-timeline__evenement[data-ton=succes] .st-timeline__repere{color:var(--st-couleur-succes)}.st-timeline__evenement[data-ton=avertissement] .st-timeline__repere{color:var(--st-couleur-avertissement)}.st-timeline__evenement[data-ton=danger] .st-timeline__repere{color:var(--st-couleur-danger)}.st-timeline__corps{min-inline-size:0}:host([data-compact]) .st-timeline__corps{display:flex;flex-wrap:wrap;column-gap:var(--st-espacement-2);align-items:baseline}.st-timeline__titre{margin:0;font-size:var(--st-taille-md);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-md);overflow-wrap:anywhere}:host([data-compact]) .st-timeline__titre{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm)}.st-timeline__meta{display:flex;flex-wrap:wrap;column-gap:var(--st-espacement-2);margin:var(--st-espacement-1) 0 0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}:host([data-compact]) .st-timeline__meta{margin:0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}.st-timeline__acteur--gabarit{display:inline-flex;column-gap:var(--st-espacement-1);align-items:center}.st-timeline__detail{margin:var(--st-espacement-2) 0 0;overflow-wrap:anywhere}:host([data-compact]) .st-timeline__detail{flex:1 0 100%;margin-block-start:var(--st-espacement-1);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm)}.st-timeline__vide{color:var(--st-couleur-texte-discret)}.st-timeline__groupe+.st-timeline__groupe{margin-block-start:var(--st-espacement-2)}.st-timeline__jour{margin:0 0 var(--st-espacement-3);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-discret);text-transform:uppercase}.st-timeline__attente{display:grid;grid-template-columns:var(--st-timeline-repere) minmax(0,1fr);column-gap:var(--st-espacement-3);padding-block-end:var(--st-espacement-5)}.st-timeline__disque{inline-size:var(--st-timeline-repere);block-size:var(--st-timeline-repere);background:var(--st-couleur-surface-active);border-radius:var(--st-rayon-pleine)}\n"],
+		template: "@if (squelette()) {\n  <!-- Premier chargement : la silhouette des evenements, muette ; `aria-busy` dit l'attente. -->\n  <div class=\"st-timeline__squelette\" aria-busy=\"true\">\n    @for (rang of rangsAttendus(); track rang) {\n      <div class=\"st-timeline__attente\">\n        <span class=\"st-timeline__disque\"></span>\n        <st-skeleton variante=\"texte\" [lignes]=\"2\" />\n      </div>\n    }\n  </div>\n} @else if (groupesParJour()) {\n  <!-- Une liste par jour, nommee par sa date, dans la liste de la chronologie. -->\n  <ol\n    class=\"st-timeline__liste\"\n    role=\"list\"\n    [attr.aria-label]=\"nom()\"\n    [attr.aria-busy]=\"chargement() ? 'true' : null\"\n  >\n    @for (groupe of groupes(); track groupe.cle) {\n      <li class=\"st-timeline__groupe\">\n        <p class=\"st-timeline__jour\" [id]=\"groupe.identifiant\">\n          @if (groupe.iso; as iso) {\n            <time [attr.datetime]=\"iso\">{{ groupe.libelle }}</time>\n          } @else {\n            {{ groupe.libelle }}\n          }\n        </p>\n        <ol class=\"st-timeline__liste\" role=\"list\" [attr.aria-labelledby]=\"groupe.identifiant\">\n          @for (ligne of groupe.lignes; track ligne.evenement.cle) {\n            <ng-container *ngTemplateOutlet=\"evenement; context: { $implicit: ligne }\" />\n          }\n        </ol>\n      </li>\n    } @empty {\n      <li class=\"st-timeline__vide\">{{ libelles().listeVide }}</li>\n    }\n  </ol>\n} @else {\n  <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (audit UI du\n       2026-09-27, D-1). -->\n  <ol\n    class=\"st-timeline__liste\"\n    role=\"list\"\n    [attr.aria-label]=\"nom()\"\n    [attr.aria-busy]=\"chargement() ? 'true' : null\"\n  >\n    @for (ligne of lignes(); track ligne.evenement.cle) {\n      <ng-container *ngTemplateOutlet=\"evenement; context: { $implicit: ligne }\" />\n    } @empty {\n      <li class=\"st-timeline__vide\">{{ libelles().listeVide }}</li>\n    }\n  </ol>\n}\n\n<!-- P08-14 : la suite, par curseur ; son arrivee prend le focus et s'annonce, une fois. -->\n@if (suiteDisponible() && !squelette()) {\n  <button\n    stButton\n    class=\"st-timeline__suite\"\n    type=\"button\"\n    variante=\"secondaire\"\n    taille=\"sm\"\n    [chargement]=\"chargement()\"\n    [attr.lang]=\"langue()\"\n    (click)=\"demanderLaSuite()\"\n  >\n    {{\n      ordre() === 'recent-d-abord' ? textes().evenementsPlusAnciens : textes().evenementsPlusRecents\n    }}\n  </button>\n}\n@if (avecSuite()) {\n  <span class=\"st-timeline__annonce st-vh\" aria-live=\"polite\" [attr.lang]=\"langue()\">{{\n    annonce.texte()\n  }}</span>\n}\n\n<ng-template #evenement let-ligne>\n  <!-- tabindex -1 : cible du focus apres « Afficher plus », hors tabulation. -->\n  <li\n    class=\"st-timeline__evenement\"\n    tabindex=\"-1\"\n    [attr.data-ton]=\"ligne.ton\"\n    [attr.data-cle]=\"ligne.evenement.cle\"\n  >\n    <st-icon class=\"st-timeline__repere\" [icone]=\"ligne.icone\" [taille]=\"compact() ? '16' : '20'\" />\n    <div class=\"st-timeline__corps\">\n      @switch (niveauDuTitre()) {\n        @case (1) {\n          <h1 class=\"st-timeline__titre\">\n            <ng-container *ngTemplateOutlet=\"titre; context: { $implicit: ligne }\" />\n          </h1>\n        }\n        @case (2) {\n          <h2 class=\"st-timeline__titre\">\n            <ng-container *ngTemplateOutlet=\"titre; context: { $implicit: ligne }\" />\n          </h2>\n        }\n        @case (3) {\n          <h3 class=\"st-timeline__titre\">\n            <ng-container *ngTemplateOutlet=\"titre; context: { $implicit: ligne }\" />\n          </h3>\n        }\n        @case (4) {\n          <h4 class=\"st-timeline__titre\">\n            <ng-container *ngTemplateOutlet=\"titre; context: { $implicit: ligne }\" />\n          </h4>\n        }\n        @case (5) {\n          <h5 class=\"st-timeline__titre\">\n            <ng-container *ngTemplateOutlet=\"titre; context: { $implicit: ligne }\" />\n          </h5>\n        }\n        @case (6) {\n          <h6 class=\"st-timeline__titre\">\n            <ng-container *ngTemplateOutlet=\"titre; context: { $implicit: ligne }\" />\n          </h6>\n        }\n        @default {\n          <p class=\"st-timeline__titre\">\n            <ng-container *ngTemplateOutlet=\"titre; context: { $implicit: ligne }\" />\n          </p>\n        }\n      }\n      <p class=\"st-timeline__meta\">\n        @if (ligne.date; as date) {\n          <span class=\"st-timeline__quand\">\n            <time [attr.datetime]=\"ligne.iso\">\n              @if (groupesParJour() && ligne.heure) {\n                <!-- Sous l'en-tete de son jour, l'heure seule a l'oeil ; la date reste lue. -->\n                <span class=\"st-vh\">{{ date }}</span\n                ><span aria-hidden=\"true\">{{ ligne.heure }}</span>\n              } @else {\n                {{ date }}\n              }\n            </time>\n            @if (relatifs().get(ligne.evenement.cle); as relatif) {\n              <!-- Le relatif en complement, a l'oeil seulement : l'absolu se lit deja. -->\n              {{ ' ' }}<span class=\"st-timeline__relatif\" aria-hidden=\"true\">({{ relatif }})</span>\n            }\n          </span>\n        } @else {\n          <span>{{ libelles().dateInconnue }}</span>\n        }\n        @if (ligne.acteur; as acteur) {\n          <!-- La phrase garde l'ordre de sa langue ; l'acteur, une donnee, s'y isole (D-4). Avec\n               un gabarit (`st-person`), la personne prend la place du nom dans la phrase. -->\n          @if (gabaritDActeur(); as gabarit) {\n            <span class=\"st-timeline__acteur st-timeline__acteur--gabarit\">\n              @if (acteur.avant) {\n                <span>{{ acteur.avant }}</span>\n              }\n              <ng-container\n                *ngTemplateOutlet=\"gabarit.gabarit; context: contexteDActeur(ligne, acteur)\"\n              />\n              @if (acteur.apres) {\n                <span>{{ acteur.apres }}</span>\n              }\n            </span>\n          } @else {\n            <span class=\"st-timeline__acteur\"\n              >{{ acteur.avant }}<bdi>{{ acteur.personne.nom }}</bdi\n              >{{ acteur.apres }}</span\n            >\n          }\n        }\n      </p>\n      @if (ligne.gabarit; as gabarit) {\n        <div class=\"st-timeline__detail\">\n          <ng-container *ngTemplateOutlet=\"gabarit; context: { $implicit: ligne.evenement }\" />\n        </div>\n      } @else if (ligne.evenement.description; as description) {\n        <!-- Isolee en ligne : le paragraphe garde le sens de l'interface (alignement). -->\n        <p class=\"st-timeline__detail\">\n          <bdi>{{ affichable(description) }}</bdi>\n        </p>\n      }\n    </div>\n  </li>\n</ng-template>\n\n<!-- Le mot du ton ouvre le titre : un titre atteint seul (navigation par titres) le dit aussi. -->\n<ng-template #titre let-ligne>\n  @if (ligne.prefixe) {\n    <span class=\"st-vh\">{{ ligne.prefixe }}</span>\n  }\n  <bdi>{{ affichable(ligne.evenement.titre) }}</bdi>\n</ng-template>\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-timeline-repere: 1.25rem;display:block}:host([data-compact]){--st-timeline-repere: 1rem}.st-timeline__liste{padding:0;margin:0;list-style:none}.st-timeline__liste[aria-busy=true]{cursor:progress}.st-timeline__evenement{position:relative;display:grid;grid-template-columns:var(--st-timeline-repere) minmax(0,1fr);column-gap:var(--st-espacement-3);padding-block-end:var(--st-espacement-5);border-radius:var(--st-rayon-sm)}.st-timeline__evenement:not(:last-child):before{position:absolute;inset-block:calc(var(--st-timeline-repere) + var(--st-espacement-1)) var(--st-espacement-1);inset-inline-start:calc(var(--st-timeline-repere) / 2);content:\"\";border-inline-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-timeline__evenement: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-timeline__evenement{transition:opacity var(--st-duree-normale) var(--st-courbe-standard)}@starting-style{.st-timeline__evenement{opacity:0}}:host([data-compact]) .st-timeline__evenement{column-gap:var(--st-espacement-2);padding-block-end:var(--st-espacement-3)}.st-timeline__repere{color:var(--st-couleur-texte-discret)}:host([data-compact]) .st-timeline__repere{margin-block-start:calc(var(--st-espacement-1) / 2)}.st-timeline__evenement[data-ton=information] .st-timeline__repere{color:var(--st-couleur-information)}.st-timeline__evenement[data-ton=succes] .st-timeline__repere{color:var(--st-couleur-succes)}.st-timeline__evenement[data-ton=avertissement] .st-timeline__repere{color:var(--st-couleur-avertissement)}.st-timeline__evenement[data-ton=erreur] .st-timeline__repere{color:var(--st-couleur-erreur)}.st-timeline__evenement[data-ton=danger] .st-timeline__repere{color:var(--st-couleur-danger)}.st-timeline__corps{min-inline-size:0}:host([data-compact]) .st-timeline__corps{display:flex;flex-wrap:wrap;column-gap:var(--st-espacement-2);align-items:baseline}.st-timeline__titre{margin:0;font-size:var(--st-taille-md);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-md);overflow-wrap:anywhere}:host([data-compact]) .st-timeline__titre{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm)}.st-timeline__meta{display:flex;flex-wrap:wrap;column-gap:var(--st-espacement-2);margin:var(--st-espacement-1) 0 0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}:host([data-compact]) .st-timeline__meta{margin:0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}.st-timeline__acteur--gabarit{display:inline-flex;column-gap:var(--st-espacement-1);align-items:center}.st-timeline__detail{margin:var(--st-espacement-2) 0 0;overflow-wrap:anywhere}:host([data-compact]) .st-timeline__detail{flex:1 0 100%;margin-block-start:var(--st-espacement-1);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm)}.st-timeline__vide{color:var(--st-couleur-texte-discret)}.st-timeline__groupe+.st-timeline__groupe{margin-block-start:var(--st-espacement-2)}.st-timeline__jour{margin:0 0 var(--st-espacement-3);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-discret);text-transform:uppercase}.st-timeline__attente{display:grid;grid-template-columns:var(--st-timeline-repere) minmax(0,1fr);column-gap:var(--st-espacement-3);padding-block-end:var(--st-espacement-5)}.st-timeline__disque{inline-size:var(--st-timeline-repere);block-size:var(--st-timeline-repere);background:var(--st-couleur-surface-active);border-radius:var(--st-rayon-pleine)}.st-timeline__suite{margin-block-start:var(--st-espacement-3)}\n"],
 		dependencies: [
 			{
 				kind: "directive",
@@ -4801,6 +4856,21 @@ var StTimeline = class StTimeline {
 					"ngTemplateOutletInjector"
 				]
 			},
+			{
+				kind: "component",
+				type: StButton,
+				selector: "button[stButton]",
+				inputs: [
+					"variante",
+					"taille",
+					"pleineLargeur",
+					"iconeAvant",
+					"iconeApres",
+					"chargement",
+					"indisponible",
+					"raisonIndisponible"
+				]
+			},
 			{
 				kind: "component",
 				type: StIcon,
@@ -4836,7 +4906,7 @@ var StTimeline = class StTimeline {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StTimeline,
 	decorators: [{
@@ -4846,6 +4916,7 @@ i0.ɵɵngDeclareClassMetadata({
 			changeDetection: ChangeDetectionStrategy.OnPush,
 			imports: [
 				NgTemplateOutlet,
+				StButton,
 				StIcon,
 				StSkeleton
 			],
@@ -4853,8 +4924,8 @@ i0.ɵɵngDeclareClassMetadata({
 				class: "st-timeline",
 				"[attr.data-compact]": "compact() ? \"\" : null"
 			},
-			template: "@if (squelette()) {\n  <!-- Premier chargement : la silhouette des evenements, muette ; `aria-busy` dit l'attente. -->\n  <div class=\"st-timeline__squelette\" aria-busy=\"true\">\n    @for (rang of rangsAttendus(); track rang) {\n      <div class=\"st-timeline__attente\">\n        <span class=\"st-timeline__disque\"></span>\n        <st-skeleton variante=\"texte\" [lignes]=\"2\" />\n      </div>\n    }\n  </div>\n} @else if (groupesParJour()) {\n  <!-- Une liste par jour, nommee par sa date, dans la liste de la chronologie. -->\n  <ol\n    class=\"st-timeline__liste\"\n    role=\"list\"\n    [attr.aria-label]=\"nom()\"\n    [attr.aria-busy]=\"chargement() ? 'true' : null\"\n  >\n    @for (groupe of groupes(); track groupe.cle) {\n      <li class=\"st-timeline__groupe\">\n        <p class=\"st-timeline__jour\" [id]=\"groupe.identifiant\">\n          @if (groupe.iso; as iso) {\n            <time [attr.datetime]=\"iso\">{{ groupe.libelle }}</time>\n          } @else {\n            {{ groupe.libelle }}\n          }\n        </p>\n        <ol class=\"st-timeline__liste\" role=\"list\" [attr.aria-labelledby]=\"groupe.identifiant\">\n          @for (ligne of groupe.lignes; track ligne.evenement.cle) {\n            <ng-container *ngTemplateOutlet=\"evenement; context: { $implicit: ligne }\" />\n          }\n        </ol>\n      </li>\n    } @empty {\n      <li class=\"st-timeline__vide\">{{ libelles().listeVide }}</li>\n    }\n  </ol>\n} @else {\n  <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (audit UI du\n       2026-09-27, D-1). -->\n  <ol\n    class=\"st-timeline__liste\"\n    role=\"list\"\n    [attr.aria-label]=\"nom()\"\n    [attr.aria-busy]=\"chargement() ? 'true' : null\"\n  >\n    @for (ligne of lignes(); track ligne.evenement.cle) {\n      <ng-container *ngTemplateOutlet=\"evenement; context: { $implicit: ligne }\" />\n    } @empty {\n      <li class=\"st-timeline__vide\">{{ libelles().listeVide }}</li>\n    }\n  </ol>\n}\n\n<ng-template #evenement let-ligne>\n  <!-- tabindex -1 : cible du focus apres « Afficher plus », hors tabulation. -->\n  <li\n    class=\"st-timeline__evenement\"\n    tabindex=\"-1\"\n    [attr.data-ton]=\"ligne.ton\"\n    [attr.data-cle]=\"ligne.evenement.cle\"\n  >\n    <st-icon class=\"st-timeline__repere\" [icone]=\"ligne.icone\" [taille]=\"compact() ? '16' : '20'\" />\n    <div class=\"st-timeline__corps\">\n      @switch (niveauDuTitre()) {\n        @case (1) {\n          <h1 class=\"st-timeline__titre\">\n            <ng-container *ngTemplateOutlet=\"titre; context: { $implicit: ligne }\" />\n          </h1>\n        }\n        @case (2) {\n          <h2 class=\"st-timeline__titre\">\n            <ng-container *ngTemplateOutlet=\"titre; context: { $implicit: ligne }\" />\n          </h2>\n        }\n        @case (3) {\n          <h3 class=\"st-timeline__titre\">\n            <ng-container *ngTemplateOutlet=\"titre; context: { $implicit: ligne }\" />\n          </h3>\n        }\n        @case (4) {\n          <h4 class=\"st-timeline__titre\">\n            <ng-container *ngTemplateOutlet=\"titre; context: { $implicit: ligne }\" />\n          </h4>\n        }\n        @case (5) {\n          <h5 class=\"st-timeline__titre\">\n            <ng-container *ngTemplateOutlet=\"titre; context: { $implicit: ligne }\" />\n          </h5>\n        }\n        @case (6) {\n          <h6 class=\"st-timeline__titre\">\n            <ng-container *ngTemplateOutlet=\"titre; context: { $implicit: ligne }\" />\n          </h6>\n        }\n        @default {\n          <p class=\"st-timeline__titre\">\n            <ng-container *ngTemplateOutlet=\"titre; context: { $implicit: ligne }\" />\n          </p>\n        }\n      }\n      <p class=\"st-timeline__meta\">\n        @if (ligne.date; as date) {\n          <span class=\"st-timeline__quand\">\n            <time [attr.datetime]=\"ligne.iso\">\n              @if (groupesParJour() && ligne.heure) {\n                <!-- Sous l'en-tete de son jour, l'heure seule a l'oeil ; la date reste lue. -->\n                <span class=\"st-vh\">{{ date }}</span\n                ><span aria-hidden=\"true\">{{ ligne.heure }}</span>\n              } @else {\n                {{ date }}\n              }\n            </time>\n            @if (relatifs().get(ligne.evenement.cle); as relatif) {\n              <!-- Le relatif en complement, a l'oeil seulement : l'absolu se lit deja. -->\n              {{ ' ' }}<span class=\"st-timeline__relatif\" aria-hidden=\"true\">({{ relatif }})</span>\n            }\n          </span>\n        } @else {\n          <span>{{ libelles().dateInconnue }}</span>\n        }\n        @if (ligne.acteur; as acteur) {\n          <!-- La phrase garde l'ordre de sa langue ; l'acteur, une donnee, s'y isole (D-4). Avec\n               un gabarit (`st-person`), la personne prend la place du nom dans la phrase. -->\n          @if (gabaritDActeur(); as gabarit) {\n            <span class=\"st-timeline__acteur st-timeline__acteur--gabarit\">\n              @if (acteur.avant) {\n                <span>{{ acteur.avant }}</span>\n              }\n              <ng-container\n                *ngTemplateOutlet=\"gabarit.gabarit; context: contexteDActeur(ligne, acteur)\"\n              />\n              @if (acteur.apres) {\n                <span>{{ acteur.apres }}</span>\n              }\n            </span>\n          } @else {\n            <span class=\"st-timeline__acteur\"\n              >{{ acteur.avant }}<bdi>{{ acteur.personne.nom }}</bdi\n              >{{ acteur.apres }}</span\n            >\n          }\n        }\n      </p>\n      @if (ligne.gabarit; as gabarit) {\n        <div class=\"st-timeline__detail\">\n          <ng-container *ngTemplateOutlet=\"gabarit; context: { $implicit: ligne.evenement }\" />\n        </div>\n      } @else if (ligne.evenement.description; as description) {\n        <!-- Isolee en ligne : le paragraphe garde le sens de l'interface (alignement). -->\n        <p class=\"st-timeline__detail\">\n          <bdi>{{ affichable(description) }}</bdi>\n        </p>\n      }\n    </div>\n  </li>\n</ng-template>\n\n<!-- Le mot du ton ouvre le titre : un titre atteint seul (navigation par titres) le dit aussi. -->\n<ng-template #titre let-ligne>\n  @if (ligne.prefixe) {\n    <span class=\"st-vh\">{{ ligne.prefixe }}</span>\n  }\n  <bdi>{{ affichable(ligne.evenement.titre) }}</bdi>\n</ng-template>\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-timeline-repere: 1.25rem;display:block}:host([data-compact]){--st-timeline-repere: 1rem}.st-timeline__liste{padding:0;margin:0;list-style:none}.st-timeline__liste[aria-busy=true]{cursor:progress}.st-timeline__evenement{position:relative;display:grid;grid-template-columns:var(--st-timeline-repere) minmax(0,1fr);column-gap:var(--st-espacement-3);padding-block-end:var(--st-espacement-5);border-radius:var(--st-rayon-sm)}.st-timeline__evenement:not(:last-child):before{position:absolute;inset-block:calc(var(--st-timeline-repere) + var(--st-espacement-1)) var(--st-espacement-1);inset-inline-start:calc(var(--st-timeline-repere) / 2);content:\"\";border-inline-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-timeline__evenement: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-timeline__evenement{transition:opacity var(--st-duree-normale) var(--st-courbe-standard)}@starting-style{.st-timeline__evenement{opacity:0}}:host([data-compact]) .st-timeline__evenement{column-gap:var(--st-espacement-2);padding-block-end:var(--st-espacement-3)}.st-timeline__repere{color:var(--st-couleur-texte-discret)}:host([data-compact]) .st-timeline__repere{margin-block-start:calc(var(--st-espacement-1) / 2)}.st-timeline__evenement[data-ton=information] .st-timeline__repere{color:var(--st-couleur-information)}.st-timeline__evenement[data-ton=succes] .st-timeline__repere{color:var(--st-couleur-succes)}.st-timeline__evenement[data-ton=avertissement] .st-timeline__repere{color:var(--st-couleur-avertissement)}.st-timeline__evenement[data-ton=danger] .st-timeline__repere{color:var(--st-couleur-danger)}.st-timeline__corps{min-inline-size:0}:host([data-compact]) .st-timeline__corps{display:flex;flex-wrap:wrap;column-gap:var(--st-espacement-2);align-items:baseline}.st-timeline__titre{margin:0;font-size:var(--st-taille-md);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-md);overflow-wrap:anywhere}:host([data-compact]) .st-timeline__titre{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm)}.st-timeline__meta{display:flex;flex-wrap:wrap;column-gap:var(--st-espacement-2);margin:var(--st-espacement-1) 0 0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}:host([data-compact]) .st-timeline__meta{margin:0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}.st-timeline__acteur--gabarit{display:inline-flex;column-gap:var(--st-espacement-1);align-items:center}.st-timeline__detail{margin:var(--st-espacement-2) 0 0;overflow-wrap:anywhere}:host([data-compact]) .st-timeline__detail{flex:1 0 100%;margin-block-start:var(--st-espacement-1);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm)}.st-timeline__vide{color:var(--st-couleur-texte-discret)}.st-timeline__groupe+.st-timeline__groupe{margin-block-start:var(--st-espacement-2)}.st-timeline__jour{margin:0 0 var(--st-espacement-3);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-discret);text-transform:uppercase}.st-timeline__attente{display:grid;grid-template-columns:var(--st-timeline-repere) minmax(0,1fr);column-gap:var(--st-espacement-3);padding-block-end:var(--st-espacement-5)}.st-timeline__disque{inline-size:var(--st-timeline-repere);block-size:var(--st-timeline-repere);background:var(--st-couleur-surface-active);border-radius:var(--st-rayon-pleine)}\n"]
+			template: "@if (squelette()) {\n  <!-- Premier chargement : la silhouette des evenements, muette ; `aria-busy` dit l'attente. -->\n  <div class=\"st-timeline__squelette\" aria-busy=\"true\">\n    @for (rang of rangsAttendus(); track rang) {\n      <div class=\"st-timeline__attente\">\n        <span class=\"st-timeline__disque\"></span>\n        <st-skeleton variante=\"texte\" [lignes]=\"2\" />\n      </div>\n    }\n  </div>\n} @else if (groupesParJour()) {\n  <!-- Une liste par jour, nommee par sa date, dans la liste de la chronologie. -->\n  <ol\n    class=\"st-timeline__liste\"\n    role=\"list\"\n    [attr.aria-label]=\"nom()\"\n    [attr.aria-busy]=\"chargement() ? 'true' : null\"\n  >\n    @for (groupe of groupes(); track groupe.cle) {\n      <li class=\"st-timeline__groupe\">\n        <p class=\"st-timeline__jour\" [id]=\"groupe.identifiant\">\n          @if (groupe.iso; as iso) {\n            <time [attr.datetime]=\"iso\">{{ groupe.libelle }}</time>\n          } @else {\n            {{ groupe.libelle }}\n          }\n        </p>\n        <ol class=\"st-timeline__liste\" role=\"list\" [attr.aria-labelledby]=\"groupe.identifiant\">\n          @for (ligne of groupe.lignes; track ligne.evenement.cle) {\n            <ng-container *ngTemplateOutlet=\"evenement; context: { $implicit: ligne }\" />\n          }\n        </ol>\n      </li>\n    } @empty {\n      <li class=\"st-timeline__vide\">{{ libelles().listeVide }}</li>\n    }\n  </ol>\n} @else {\n  <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (audit UI du\n       2026-09-27, D-1). -->\n  <ol\n    class=\"st-timeline__liste\"\n    role=\"list\"\n    [attr.aria-label]=\"nom()\"\n    [attr.aria-busy]=\"chargement() ? 'true' : null\"\n  >\n    @for (ligne of lignes(); track ligne.evenement.cle) {\n      <ng-container *ngTemplateOutlet=\"evenement; context: { $implicit: ligne }\" />\n    } @empty {\n      <li class=\"st-timeline__vide\">{{ libelles().listeVide }}</li>\n    }\n  </ol>\n}\n\n<!-- P08-14 : la suite, par curseur ; son arrivee prend le focus et s'annonce, une fois. -->\n@if (suiteDisponible() && !squelette()) {\n  <button\n    stButton\n    class=\"st-timeline__suite\"\n    type=\"button\"\n    variante=\"secondaire\"\n    taille=\"sm\"\n    [chargement]=\"chargement()\"\n    [attr.lang]=\"langue()\"\n    (click)=\"demanderLaSuite()\"\n  >\n    {{\n      ordre() === 'recent-d-abord' ? textes().evenementsPlusAnciens : textes().evenementsPlusRecents\n    }}\n  </button>\n}\n@if (avecSuite()) {\n  <span class=\"st-timeline__annonce st-vh\" aria-live=\"polite\" [attr.lang]=\"langue()\">{{\n    annonce.texte()\n  }}</span>\n}\n\n<ng-template #evenement let-ligne>\n  <!-- tabindex -1 : cible du focus apres « Afficher plus », hors tabulation. -->\n  <li\n    class=\"st-timeline__evenement\"\n    tabindex=\"-1\"\n    [attr.data-ton]=\"ligne.ton\"\n    [attr.data-cle]=\"ligne.evenement.cle\"\n  >\n    <st-icon class=\"st-timeline__repere\" [icone]=\"ligne.icone\" [taille]=\"compact() ? '16' : '20'\" />\n    <div class=\"st-timeline__corps\">\n      @switch (niveauDuTitre()) {\n        @case (1) {\n          <h1 class=\"st-timeline__titre\">\n            <ng-container *ngTemplateOutlet=\"titre; context: { $implicit: ligne }\" />\n          </h1>\n        }\n        @case (2) {\n          <h2 class=\"st-timeline__titre\">\n            <ng-container *ngTemplateOutlet=\"titre; context: { $implicit: ligne }\" />\n          </h2>\n        }\n        @case (3) {\n          <h3 class=\"st-timeline__titre\">\n            <ng-container *ngTemplateOutlet=\"titre; context: { $implicit: ligne }\" />\n          </h3>\n        }\n        @case (4) {\n          <h4 class=\"st-timeline__titre\">\n            <ng-container *ngTemplateOutlet=\"titre; context: { $implicit: ligne }\" />\n          </h4>\n        }\n        @case (5) {\n          <h5 class=\"st-timeline__titre\">\n            <ng-container *ngTemplateOutlet=\"titre; context: { $implicit: ligne }\" />\n          </h5>\n        }\n        @case (6) {\n          <h6 class=\"st-timeline__titre\">\n            <ng-container *ngTemplateOutlet=\"titre; context: { $implicit: ligne }\" />\n          </h6>\n        }\n        @default {\n          <p class=\"st-timeline__titre\">\n            <ng-container *ngTemplateOutlet=\"titre; context: { $implicit: ligne }\" />\n          </p>\n        }\n      }\n      <p class=\"st-timeline__meta\">\n        @if (ligne.date; as date) {\n          <span class=\"st-timeline__quand\">\n            <time [attr.datetime]=\"ligne.iso\">\n              @if (groupesParJour() && ligne.heure) {\n                <!-- Sous l'en-tete de son jour, l'heure seule a l'oeil ; la date reste lue. -->\n                <span class=\"st-vh\">{{ date }}</span\n                ><span aria-hidden=\"true\">{{ ligne.heure }}</span>\n              } @else {\n                {{ date }}\n              }\n            </time>\n            @if (relatifs().get(ligne.evenement.cle); as relatif) {\n              <!-- Le relatif en complement, a l'oeil seulement : l'absolu se lit deja. -->\n              {{ ' ' }}<span class=\"st-timeline__relatif\" aria-hidden=\"true\">({{ relatif }})</span>\n            }\n          </span>\n        } @else {\n          <span>{{ libelles().dateInconnue }}</span>\n        }\n        @if (ligne.acteur; as acteur) {\n          <!-- La phrase garde l'ordre de sa langue ; l'acteur, une donnee, s'y isole (D-4). Avec\n               un gabarit (`st-person`), la personne prend la place du nom dans la phrase. -->\n          @if (gabaritDActeur(); as gabarit) {\n            <span class=\"st-timeline__acteur st-timeline__acteur--gabarit\">\n              @if (acteur.avant) {\n                <span>{{ acteur.avant }}</span>\n              }\n              <ng-container\n                *ngTemplateOutlet=\"gabarit.gabarit; context: contexteDActeur(ligne, acteur)\"\n              />\n              @if (acteur.apres) {\n                <span>{{ acteur.apres }}</span>\n              }\n            </span>\n          } @else {\n            <span class=\"st-timeline__acteur\"\n              >{{ acteur.avant }}<bdi>{{ acteur.personne.nom }}</bdi\n              >{{ acteur.apres }}</span\n            >\n          }\n        }\n      </p>\n      @if (ligne.gabarit; as gabarit) {\n        <div class=\"st-timeline__detail\">\n          <ng-container *ngTemplateOutlet=\"gabarit; context: { $implicit: ligne.evenement }\" />\n        </div>\n      } @else if (ligne.evenement.description; as description) {\n        <!-- Isolee en ligne : le paragraphe garde le sens de l'interface (alignement). -->\n        <p class=\"st-timeline__detail\">\n          <bdi>{{ affichable(description) }}</bdi>\n        </p>\n      }\n    </div>\n  </li>\n</ng-template>\n\n<!-- Le mot du ton ouvre le titre : un titre atteint seul (navigation par titres) le dit aussi. -->\n<ng-template #titre let-ligne>\n  @if (ligne.prefixe) {\n    <span class=\"st-vh\">{{ ligne.prefixe }}</span>\n  }\n  <bdi>{{ affichable(ligne.evenement.titre) }}</bdi>\n</ng-template>\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-timeline-repere: 1.25rem;display:block}:host([data-compact]){--st-timeline-repere: 1rem}.st-timeline__liste{padding:0;margin:0;list-style:none}.st-timeline__liste[aria-busy=true]{cursor:progress}.st-timeline__evenement{position:relative;display:grid;grid-template-columns:var(--st-timeline-repere) minmax(0,1fr);column-gap:var(--st-espacement-3);padding-block-end:var(--st-espacement-5);border-radius:var(--st-rayon-sm)}.st-timeline__evenement:not(:last-child):before{position:absolute;inset-block:calc(var(--st-timeline-repere) + var(--st-espacement-1)) var(--st-espacement-1);inset-inline-start:calc(var(--st-timeline-repere) / 2);content:\"\";border-inline-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-timeline__evenement: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-timeline__evenement{transition:opacity var(--st-duree-normale) var(--st-courbe-standard)}@starting-style{.st-timeline__evenement{opacity:0}}:host([data-compact]) .st-timeline__evenement{column-gap:var(--st-espacement-2);padding-block-end:var(--st-espacement-3)}.st-timeline__repere{color:var(--st-couleur-texte-discret)}:host([data-compact]) .st-timeline__repere{margin-block-start:calc(var(--st-espacement-1) / 2)}.st-timeline__evenement[data-ton=information] .st-timeline__repere{color:var(--st-couleur-information)}.st-timeline__evenement[data-ton=succes] .st-timeline__repere{color:var(--st-couleur-succes)}.st-timeline__evenement[data-ton=avertissement] .st-timeline__repere{color:var(--st-couleur-avertissement)}.st-timeline__evenement[data-ton=erreur] .st-timeline__repere{color:var(--st-couleur-erreur)}.st-timeline__evenement[data-ton=danger] .st-timeline__repere{color:var(--st-couleur-danger)}.st-timeline__corps{min-inline-size:0}:host([data-compact]) .st-timeline__corps{display:flex;flex-wrap:wrap;column-gap:var(--st-espacement-2);align-items:baseline}.st-timeline__titre{margin:0;font-size:var(--st-taille-md);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-md);overflow-wrap:anywhere}:host([data-compact]) .st-timeline__titre{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm)}.st-timeline__meta{display:flex;flex-wrap:wrap;column-gap:var(--st-espacement-2);margin:var(--st-espacement-1) 0 0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}:host([data-compact]) .st-timeline__meta{margin:0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}.st-timeline__acteur--gabarit{display:inline-flex;column-gap:var(--st-espacement-1);align-items:center}.st-timeline__detail{margin:var(--st-espacement-2) 0 0;overflow-wrap:anywhere}:host([data-compact]) .st-timeline__detail{flex:1 0 100%;margin-block-start:var(--st-espacement-1);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm)}.st-timeline__vide{color:var(--st-couleur-texte-discret)}.st-timeline__groupe+.st-timeline__groupe{margin-block-start:var(--st-espacement-2)}.st-timeline__jour{margin:0 0 var(--st-espacement-3);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-discret);text-transform:uppercase}.st-timeline__attente{display:grid;grid-template-columns:var(--st-timeline-repere) minmax(0,1fr);column-gap:var(--st-espacement-3);padding-block-end:var(--st-espacement-5)}.st-timeline__disque{inline-size:var(--st-timeline-repere);block-size:var(--st-timeline-repere);background:var(--st-couleur-surface-active);border-radius:var(--st-rayon-pleine)}.st-timeline__suite{margin-block-start:var(--st-espacement-3)}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -4931,6 +5002,18 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		suiteDisponible: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "suiteDisponible",
+				required: false
+			}]
+		}],
+		suite: [{
+			type: i0.Output,
+			args: ["suite"]
+		}],
 		gabarits: [{
 			type: i0.ContentChildren,
 			args: [i0.forwardRef(() => StDetailDEvenement), { isSignal: true }]
@@ -4961,7 +5044,7 @@ function motsDeChangement() {
 }
 var StValeurDeChangement = class StValeurDeChangement {
 	cle = input("", {
-		...ngDevMode ? { debugName: "cle" } : 		/* istanbul ignore next */ {},
+		...ngDevMode ? { debugName: "cle" } : /* istanbul ignore next */ {},
 		alias: "stValeurDeChangement"
 	});
 	gabarit = inject(TemplateRef);
@@ -4970,7 +5053,7 @@ var StValeurDeChangement = class StValeurDeChangement {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StValeurDeChangement,
 		deps: [],
@@ -4978,7 +5061,7 @@ var StValeurDeChangement = class StValeurDeChangement {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StValeurDeChangement,
 		isStandalone: true,
 		selector: "ng-template[stValeurDeChangement]",
@@ -4994,7 +5077,7 @@ var StValeurDeChangement = class StValeurDeChangement {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StValeurDeChangement,
 	decorators: [{
@@ -5013,12 +5096,12 @@ i0.ɵɵngDeclareClassMetadata({
 var StValueChange = class StValueChange {
 	libelles = inject(ST_LIBELLES);
 	mots = motsDeChangement();
-	terme = input(null, ...ngDevMode ? [{ debugName: "terme" }] : 	/* istanbul ignore next */ []);
-	avant = input(null, ...ngDevMode ? [{ debugName: "avant" }] : 	/* istanbul ignore next */ []);
-	apres = input(null, ...ngDevMode ? [{ debugName: "apres" }] : 	/* istanbul ignore next */ []);
-	gabarit = contentChild(StValeurDeChangement, ...ngDevMode ? [{ debugName: "gabarit" }] : 	/* istanbul ignore next */ []);
-	valeurAvant = computed(() => valeurDeChangement(this.avant()), ...ngDevMode ? [{ debugName: "valeurAvant" }] : 	/* istanbul ignore next */ []);
-	valeurApres = computed(() => valeurDeChangement(this.apres()), ...ngDevMode ? [{ debugName: "valeurApres" }] : 	/* istanbul ignore next */ []);
+	terme = input(null, ...ngDevMode ? [{ debugName: "terme" }] : /* istanbul ignore next */ []);
+	avant = input(null, ...ngDevMode ? [{ debugName: "avant" }] : /* istanbul ignore next */ []);
+	apres = input(null, ...ngDevMode ? [{ debugName: "apres" }] : /* istanbul ignore next */ []);
+	gabarit = contentChild(StValeurDeChangement, ...ngDevMode ? [{ debugName: "gabarit" }] : /* istanbul ignore next */ []);
+	valeurAvant = computed(() => valeurDeChangement(this.avant()), ...ngDevMode ? [{ debugName: "valeurAvant" }] : /* istanbul ignore next */ []);
+	valeurApres = computed(() => valeurDeChangement(this.apres()), ...ngDevMode ? [{ debugName: "valeurApres" }] : /* istanbul ignore next */ []);
 	phraseDuTerme = computed(() => {
 		const nom = valeurDeChangement(this.terme());
 		if (nom === null) return null;
@@ -5026,10 +5109,10 @@ var StValueChange = class StValueChange {
 			...autourDuTrou(this.libelles().libelleDeChamp),
 			nom
 		};
-	}, ...ngDevMode ? [{ debugName: "phraseDuTerme" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "phraseDuTerme" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StValueChange,
 		deps: [],
@@ -5037,7 +5120,7 @@ var StValueChange = class StValueChange {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StValueChange,
 		isStandalone: true,
 		selector: "st-value-change",
@@ -5105,7 +5188,7 @@ var StValueChange = class StValueChange {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StValueChange,
 	decorators: [{
@@ -5150,6 +5233,7 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
+const SEPARATEUR_DE_CHEMIN = " › ";
 const ICONES_DE_NATURE = {
 	ajoute: "plus",
 	modifie: "crayon",
@@ -5174,21 +5258,26 @@ var StChangeList = class StChangeList {
 	locale = inject(ST_LOCALE);
 	catalogue = catalogueDesListes();
 	mots = motsDeChangement();
-	textes = computed(() => this.catalogue().libelles, ...ngDevMode ? [{ debugName: "textes" }] : 	/* istanbul ignore next */ []);
-	langue = computed(() => this.catalogue().langueDeRepli, ...ngDevMode ? [{ debugName: "langue" }] : 	/* istanbul ignore next */ []);
+	textes = computed(() => this.catalogue().libelles, ...ngDevMode ? [{ debugName: "textes" }] : /* istanbul ignore next */ []);
+	langue = computed(() => this.catalogue().langueDeRepli, ...ngDevMode ? [{ debugName: "langue" }] : /* istanbul ignore next */ []);
 	identifiant = inject(StIdentifiants).prochain("st-change-list");
-	changements = input.required(...ngDevMode ? [{ debugName: "changements" }] : 	/* istanbul ignore next */ []);
-	legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : 	/* istanbul ignore next */ []);
-	afficherInchanges = model(false, ...ngDevMode ? [{ debugName: "afficherInchanges" }] : 	/* istanbul ignore next */ []);
-	gabarits = contentChildren(StValeurDeChangement, ...ngDevMode ? [{ debugName: "gabarits" }] : 	/* istanbul ignore next */ []);
+	changements = input.required(...ngDevMode ? [{ debugName: "changements" }] : /* istanbul ignore next */ []);
+	legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []);
+	aucuneDifference = input(false, {
+		...ngDevMode ? { debugName: "aucuneDifference" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	afficherInchanges = model(false, ...ngDevMode ? [{ debugName: "afficherInchanges" }] : /* istanbul ignore next */ []);
+	gabaritsFournis = input([], ...ngDevMode ? [{ debugName: "gabaritsFournis" }] : /* istanbul ignore next */ []);
+	gabarits = contentChildren(StValeurDeChangement, ...ngDevMode ? [{ debugName: "gabarits" }] : /* istanbul ignore next */ []);
 	lignes = computed(() => {
 		const textes = this.textes();
 		const parCle = /* @__PURE__ */ new Map();
 		let commun = null;
-		for (const gabarit of this.gabarits()) {
+		for (const gabarit of [...this.gabarits(), ...this.gabaritsFournis()]) {
 			const cle = gabarit.cle();
 			if (cle === "") commun ??= gabarit.gabarit;
-			else parCle.set(cle, gabarit.gabarit);
+			else if (!parCle.has(cle)) parCle.set(cle, gabarit.gabarit);
 		}
 		return this.changements().map((changement) => {
 			const avant = valeurDeChangement(changement.avant);
@@ -5204,23 +5293,48 @@ var StChangeList = class StChangeList {
 				inseree: nature === "modifie" || nature === "ajoute",
 				icone: ICONES_DE_NATURE[nature],
 				mot: motDeNature(nature, textes),
-				gabarit: parCle.get(changement.cle) ?? commun
+				gabarit: parCle.get(changement.cle) ?? commun,
+				section: (changement.chemin ?? []).map((partie) => valeurDeChangement(partie) ?? "").filter((partie) => partie !== "").join(SEPARATEUR_DE_CHEMIN),
+				sensible: changement.sensible === true
 			};
 		});
-	}, ...ngDevMode ? [{ debugName: "lignes" }] : 	/* istanbul ignore next */ []);
-	nombreDInchanges = computed(() => this.lignes().filter((ligne) => ligne.nature === "inchange").length, ...ngDevMode ? [{ debugName: "nombreDInchanges" }] : 	/* istanbul ignore next */ []);
-	lignesVisibles = computed(() => this.afficherInchanges() ? this.lignes() : this.lignes().filter((ligne) => ligne.nature !== "inchange"), ...ngDevMode ? [{ debugName: "lignesVisibles" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []);
+	nombreDInchanges = computed(() => this.lignes().filter((ligne) => ligne.nature === "inchange").length, ...ngDevMode ? [{ debugName: "nombreDInchanges" }] : /* istanbul ignore next */ []);
+	lignesVisibles = computed(() => this.afficherInchanges() ? this.lignes() : this.lignes().filter((ligne) => ligne.nature !== "inchange"), ...ngDevMode ? [{ debugName: "lignesVisibles" }] : /* istanbul ignore next */ []);
+	sections = computed(() => {
+		const parSection = /* @__PURE__ */ new Map();
+		for (const ligne of this.lignesVisibles()) {
+			const lignes = parSection.get(ligne.section);
+			if (lignes === void 0) parSection.set(ligne.section, [ligne]);
+			else lignes.push(ligne);
+		}
+		return [...parSection].map(([cle, lignes]) => ({
+			cle,
+			titre: cle === "" ? null : cle,
+			lignes
+		}));
+	}, ...ngDevMode ? [{ debugName: "sections" }] : /* istanbul ignore next */ []);
+	texteVide = computed(() => this.aucuneDifference() || this.nombreDInchanges() > 0 ? this.textes().aucuneDifference : this.textes().aucuneModification, ...ngDevMode ? [{ debugName: "texteVide" }] : /* istanbul ignore next */ []);
 	texteDeLaBascule = computed(() => {
 		const nombre = this.nombreDInchanges();
 		const enChiffres = new Intl.NumberFormat(this.locale()).format(nombre);
 		return this.textes().afficherLesChampsInchanges(nombre, enChiffres);
-	}, ...ngDevMode ? [{ debugName: "texteDeLaBascule" }] : 	/* istanbul ignore next */ []);
+	}, ...ngDevMode ? [{ debugName: "texteDeLaBascule" }] : /* istanbul ignore next */ []);
+	constructor() {
+		effect(() => {
+			if (!isDevMode()) return;
+			for (const ligne of this.lignes()) {
+				if (!ligne.sensible || ligne.gabarit !== null) continue;
+				console.error(`[st-change-list] "${ligne.changement.cle}" est sensible et n'a aucun gabarit stValeurDeChangement : sa valeur est masquee. Composer st-masked dans le gabarit.`);
+			}
+		});
+	}
 	basculer() {
 		this.afficherInchanges.update((montres) => !montres);
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: StChangeList,
 		deps: [],
@@ -5228,7 +5342,7 @@ var StChangeList = class StChangeList {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: StChangeList,
 		isStandalone: true,
 		selector: "st-change-list",
@@ -5247,12 +5361,26 @@ var StChangeList = class StChangeList {
 				isRequired: true,
 				transformFunction: null
 			},
+			aucuneDifference: {
+				classPropertyName: "aucuneDifference",
+				publicName: "aucuneDifference",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			afficherInchanges: {
 				classPropertyName: "afficherInchanges",
 				publicName: "afficherInchanges",
 				isSignal: true,
 				isRequired: false,
 				transformFunction: null
+			},
+			gabaritsFournis: {
+				classPropertyName: "gabaritsFournis",
+				publicName: "gabaritsFournis",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
 			}
 		},
 		outputs: { afficherInchanges: "afficherInchangesChange" },
@@ -5263,8 +5391,8 @@ var StChangeList = class StChangeList {
 			isSignal: true
 		}],
 		ngImport: i0,
-		template: "<table class=\"st-change-list__tableau\" [id]=\"identifiant\">\n  <caption class=\"st-change-list__legende\">\n    {{\n      legende()\n    }}\n  </caption>\n  <thead class=\"st-change-list__entetes\">\n    <tr>\n      <th scope=\"col\" [attr.lang]=\"langue()\">{{ textes().champ }}</th>\n      <th scope=\"col\" [attr.lang]=\"langue()\">{{ textes().avant }}</th>\n      <th scope=\"col\" [attr.lang]=\"langue()\">{{ textes().apres }}</th>\n    </tr>\n  </thead>\n  <tbody class=\"st-change-list__corps\">\n    @for (ligne of lignesVisibles(); track ligne.changement.cle) {\n      <tr class=\"st-change-list__ligne\" [attr.data-nature]=\"ligne.nature\">\n        <th scope=\"row\" class=\"st-change-list__champ\">\n          <!-- Le libelle est une donnee : isole (D-4) dans un bloc qui suit le sens de la page (un\n               `bdi` en bloc s'alignerait sur son texte : a gauche, de droite a gauche). Une espace\n               le separe de sa nature : un en-tete de ligne se lit d'un tenant. La nature se lit en\n               mot, jamais en couleur. -->\n          <span class=\"st-change-list__libelle\"\n            ><bdi>{{ ligne.libelle }}</bdi></span\n          >{{ ' ' }}\n          <span class=\"st-change-list__nature\" [attr.lang]=\"langue()\"\n            ><st-icon class=\"st-change-list__icone\" [nom]=\"ligne.icone\" taille=\"16\" />{{\n              ligne.mot\n            }}</span\n          >\n        </th>\n        <td class=\"st-change-list__avant\">\n          @if (ligne.avant; as valeur) {\n            @if (ligne.barree) {\n              <del class=\"st-change-list__barree\"\n                ><span class=\"st-vh\" [attr.lang]=\"mots().langue\">{{ mots().avant }}</span\n                ><ng-container\n                  *ngTemplateOutlet=\"\n                    rendu;\n                    context: { ligne: ligne, valeur: valeur, cote: 'avant' }\n                  \"\n              /></del>\n            } @else {\n              <span class=\"st-vh\" [attr.lang]=\"mots().langue\">{{ mots().avant }}</span\n              ><ng-container\n                *ngTemplateOutlet=\"rendu; context: { ligne: ligne, valeur: valeur, cote: 'avant' }\"\n              />\n            }\n          } @else {\n            <ng-container *ngTemplateOutlet=\"absente; context: { mot: mots().avant }\" />\n          }\n        </td>\n        <td class=\"st-change-list__apres\">\n          <!-- Empile sous `sm`, la ligne se lit « ancienne → nouvelle » : la fleche est decorative. -->\n          <st-icon class=\"st-change-list__fleche\" nom=\"fleche-droite\" taille=\"16\" />\n          @if (ligne.apres; as valeur) {\n            @if (ligne.inseree) {\n              <ins class=\"st-change-list__inseree\"\n                ><span class=\"st-vh\" [attr.lang]=\"mots().langue\">{{ mots().apres }}</span\n                ><ng-container\n                  *ngTemplateOutlet=\"\n                    rendu;\n                    context: { ligne: ligne, valeur: valeur, cote: 'apres' }\n                  \"\n              /></ins>\n            } @else {\n              <span class=\"st-vh\" [attr.lang]=\"mots().langue\">{{ mots().apres }}</span\n              ><ng-container\n                *ngTemplateOutlet=\"rendu; context: { ligne: ligne, valeur: valeur, cote: 'apres' }\"\n              />\n            }\n          } @else {\n            <ng-container *ngTemplateOutlet=\"absente; context: { mot: mots().apres }\" />\n          }\n        </td>\n      </tr>\n    } @empty {\n      <tr class=\"st-change-list__ligne\">\n        <td class=\"st-change-list__vide\" colspan=\"3\" [attr.lang]=\"langue()\">\n          {{ textes().aucuneModification }}\n        </td>\n      </tr>\n    }\n  </tbody>\n</table>\n@if (nombreDInchanges() > 0) {\n  <!-- Bouton bascule (APG) : son nom ne change pas, `aria-pressed` dit s'il est enfonce. -->\n  <button\n    stButton\n    type=\"button\"\n    class=\"st-change-list__bascule\"\n    variante=\"discret\"\n    taille=\"sm\"\n    [attr.aria-pressed]=\"afficherInchanges()\"\n    [attr.aria-controls]=\"identifiant\"\n    [attr.lang]=\"langue()\"\n    (click)=\"basculer()\"\n  >\n    {{ texteDeLaBascule() }}\n  </button>\n}\n\n<ng-template #rendu let-ligne=\"ligne\" let-valeur=\"valeur\" let-cote=\"cote\">\n  @if (ligne.gabarit; as gabarit) {\n    <ng-container\n      *ngTemplateOutlet=\"\n        gabarit;\n        context: { $implicit: valeur, cote: cote, cle: ligne.changement.cle }\n      \"\n    />\n  } @else {\n    <bdi>{{ valeur }}</bdi>\n  }\n</ng-template>\n\n<!-- Rien avant, ou rien apres : un tiret a l'oeil, « Non renseigne » a l'oreille. -->\n<ng-template #absente let-mot=\"mot\">\n  <span class=\"st-vh\" [attr.lang]=\"mots().langue\">{{ mot }}</span\n  ><span class=\"st-change-list__absente\" aria-hidden=\"true\">&#8212;</span\n  ><span class=\"st-vh\">{{ libelles().nonRenseigne }}</span>\n</ng-template>\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;container-type:inline-size}.st-change-list__tableau{inline-size:100%;border-collapse:collapse}.st-change-list__legende{margin-block-end:var(--st-espacement-3);font-weight:var(--st-graisse-semi);text-align:start}.st-change-list__tableau,.st-change-list__corps,.st-change-list__legende{display:block}.st-change-list__entetes{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-change-list__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-2);align-items:baseline;padding-block:var(--st-espacement-3)}.st-change-list__ligne+.st-change-list__ligne{border-block-start:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}.st-change-list__ligne>*{padding:0;text-align:start;overflow-wrap:break-word}.st-change-list__champ{flex:1 0 100%;font-weight:var(--st-graisse-normale)}.st-change-list__libelle{display:block;font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-texte)}.st-change-list__nature{display:flex;gap:var(--st-espacement-1);align-items:center;margin-block-start:var(--st-espacement-1);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-change-list__icone{flex:none}.st-change-list__apres{display:inline-flex;column-gap:var(--st-espacement-2);align-items:baseline;min-inline-size:0}.st-change-list__fleche{flex:none;align-self:flex-start;margin-block-start:calc((1lh - 1rem)/2);color:var(--st-couleur-texte-discret)}.st-change-list__barree{color:var(--st-couleur-texte-discret);text-decoration-line:line-through}.st-change-list__inseree{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-texte);text-decoration-line:none}.st-change-list__absente{color:var(--st-couleur-texte-attenue)}.st-change-list__vide{flex:1 0 100%;color:var(--st-couleur-texte-discret)}.st-change-list__bascule{margin-block-start:var(--st-espacement-2)}@container (min-width: 30rem){.st-change-list__tableau{display:table}.st-change-list__legende{display:table-caption}.st-change-list__corps{display:table-row-group}.st-change-list__entetes{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;display:table-header-group}.st-change-list__entetes tr{font-family:var(--st-police-mono);font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-discret);text-transform:uppercase;background:var(--st-couleur-surface-conteneur-bas);border-block-end:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}.st-change-list__entetes th{padding:var(--st-espacement-2) var(--st-espacement-3);font-weight:var(--st-graisse-grasse);text-align:start;white-space:nowrap}.st-change-list__ligne{display:table-row}.st-change-list__ligne>*{display:table-cell;padding:var(--st-espacement-3);vertical-align:top}.st-change-list__champ{inline-size:33%}.st-change-list__fleche{display:none}}@media(forced-colors:active){.st-change-list__inseree{text-decoration-line:underline}}@media print{.st-change-list__bascule{display:none}}\n"],
+		template: "<table class=\"st-change-list__tableau\" [id]=\"identifiant\">\n  <caption class=\"st-change-list__legende\">\n    {{\n      legende()\n    }}\n  </caption>\n  <thead class=\"st-change-list__entetes\">\n    <tr>\n      <th scope=\"col\" [attr.lang]=\"langue()\">{{ textes().champ }}</th>\n      <th scope=\"col\" [attr.lang]=\"langue()\">{{ textes().avant }}</th>\n      <th scope=\"col\" [attr.lang]=\"langue()\">{{ textes().apres }}</th>\n    </tr>\n  </thead>\n  @for (section of sections(); track section.cle) {\n    <tbody class=\"st-change-list__corps\">\n      @if (section.titre; as titre) {\n        <!-- Le chemin de la section (P08-14) : un en-tete de groupe, lu avec chacune de ses lignes. -->\n        <tr class=\"st-change-list__section\">\n          <th scope=\"rowgroup\" colspan=\"3\">\n            <bdi>{{ titre }}</bdi>\n          </th>\n        </tr>\n      }\n      @for (ligne of section.lignes; track ligne.changement.cle) {\n        <tr class=\"st-change-list__ligne\" [attr.data-nature]=\"ligne.nature\">\n          <th scope=\"row\" class=\"st-change-list__champ\">\n            <!-- Le libelle est une donnee : isole (D-4) dans un bloc qui suit le sens de la page (un\n                   `bdi` en bloc s'alignerait sur son texte : a gauche, de droite a gauche). Une espace\n                   le separe de sa nature : un en-tete de ligne se lit d'un tenant. La nature se lit en\n                   mot, jamais en couleur. -->\n            <span class=\"st-change-list__libelle\"\n              ><bdi>{{ ligne.libelle }}</bdi></span\n            >{{ ' ' }}\n            <span class=\"st-change-list__nature\" [attr.lang]=\"langue()\"\n              ><st-icon class=\"st-change-list__icone\" [nom]=\"ligne.icone\" taille=\"16\" />{{\n                ligne.mot\n              }}</span\n            >\n          </th>\n          <td class=\"st-change-list__avant\">\n            @if (ligne.avant; as valeur) {\n              @if (ligne.barree) {\n                <del class=\"st-change-list__barree\"\n                  ><span class=\"st-vh\" [attr.lang]=\"mots().langue\">{{ mots().avant }}</span\n                  ><ng-container\n                    *ngTemplateOutlet=\"\n                      rendu;\n                      context: { ligne: ligne, valeur: valeur, cote: 'avant' }\n                    \"\n                /></del>\n              } @else {\n                <span class=\"st-vh\" [attr.lang]=\"mots().langue\">{{ mots().avant }}</span\n                ><ng-container\n                  *ngTemplateOutlet=\"\n                    rendu;\n                    context: { ligne: ligne, valeur: valeur, cote: 'avant' }\n                  \"\n                />\n              }\n            } @else {\n              <ng-container *ngTemplateOutlet=\"absente; context: { mot: mots().avant }\" />\n            }\n          </td>\n          <td class=\"st-change-list__apres\">\n            <!-- Empile sous `sm`, la ligne se lit « ancienne → nouvelle » : la fleche est decorative. -->\n            <st-icon class=\"st-change-list__fleche\" nom=\"fleche-droite\" taille=\"16\" />\n            @if (ligne.apres; as valeur) {\n              @if (ligne.inseree) {\n                <ins class=\"st-change-list__inseree\"\n                  ><span class=\"st-vh\" [attr.lang]=\"mots().langue\">{{ mots().apres }}</span\n                  ><ng-container\n                    *ngTemplateOutlet=\"\n                      rendu;\n                      context: { ligne: ligne, valeur: valeur, cote: 'apres' }\n                    \"\n                /></ins>\n              } @else {\n                <span class=\"st-vh\" [attr.lang]=\"mots().langue\">{{ mots().apres }}</span\n                ><ng-container\n                  *ngTemplateOutlet=\"\n                    rendu;\n                    context: { ligne: ligne, valeur: valeur, cote: 'apres' }\n                  \"\n                />\n              }\n            } @else {\n              <ng-container *ngTemplateOutlet=\"absente; context: { mot: mots().apres }\" />\n            }\n          </td>\n        </tr>\n      }\n    </tbody>\n  } @empty {\n    <tbody class=\"st-change-list__corps\">\n      <tr class=\"st-change-list__ligne\">\n        <td class=\"st-change-list__vide\" colspan=\"3\" [attr.lang]=\"langue()\">\n          {{ texteVide() }}\n        </td>\n      </tr>\n    </tbody>\n  }\n</table>\n@if (nombreDInchanges() > 0) {\n  <!-- Bouton bascule (APG) : son nom ne change pas, `aria-pressed` dit s'il est enfonce. -->\n  <button\n    stButton\n    type=\"button\"\n    class=\"st-change-list__bascule\"\n    variante=\"discret\"\n    taille=\"sm\"\n    [attr.aria-pressed]=\"afficherInchanges()\"\n    [attr.aria-controls]=\"identifiant\"\n    [attr.lang]=\"langue()\"\n    (click)=\"basculer()\"\n  >\n    {{ texteDeLaBascule() }}\n  </button>\n}\n\n<ng-template #rendu let-ligne=\"ligne\" let-valeur=\"valeur\" let-cote=\"cote\">\n  @if (ligne.gabarit; as gabarit) {\n    <ng-container\n      *ngTemplateOutlet=\"\n        gabarit;\n        context: { $implicit: valeur, cote: cote, cle: ligne.changement.cle }\n      \"\n    />\n  } @else if (ligne.sensible) {\n    <!-- Sensible sans gabarit (P08-14) : jamais en clair. Le gabarit compose st-masked. -->\n    <span class=\"st-change-list__masquee\" [attr.lang]=\"langue()\">{{ textes().valeurMasquee }}</span>\n  } @else {\n    <bdi>{{ valeur }}</bdi>\n  }\n</ng-template>\n\n<!-- Rien avant, ou rien apres : un tiret a l'oeil, « Non renseigne » a l'oreille. -->\n<ng-template #absente let-mot=\"mot\">\n  <span class=\"st-vh\" [attr.lang]=\"mots().langue\">{{ mot }}</span\n  ><span class=\"st-change-list__absente\" aria-hidden=\"true\">&#8212;</span\n  ><span class=\"st-vh\">{{ libelles().nonRenseigne }}</span>\n</ng-template>\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;container-type:inline-size}.st-change-list__tableau{inline-size:100%;border-collapse:collapse}.st-change-list__legende{margin-block-end:var(--st-espacement-3);font-weight:var(--st-graisse-semi);text-align:start}.st-change-list__tableau,.st-change-list__corps,.st-change-list__legende{display:block}.st-change-list__entetes{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-change-list__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-2);align-items:baseline;padding-block:var(--st-espacement-3)}.st-change-list__ligne+.st-change-list__ligne{border-block-start:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}.st-change-list__ligne>*{padding:0;text-align:start;overflow-wrap:break-word}.st-change-list__champ{flex:1 0 100%;font-weight:var(--st-graisse-normale)}.st-change-list__libelle{display:block;font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-texte)}.st-change-list__nature{display:flex;gap:var(--st-espacement-1);align-items:center;margin-block-start:var(--st-espacement-1);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-change-list__icone{flex:none}.st-change-list__apres{display:inline-flex;column-gap:var(--st-espacement-2);align-items:baseline;min-inline-size:0}.st-change-list__fleche{flex:none;align-self:flex-start;margin-block-start:calc((1lh - 1rem)/2);color:var(--st-couleur-texte-discret)}.st-change-list__barree{color:var(--st-couleur-texte-discret);text-decoration-line:line-through}.st-change-list__inseree{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-texte);text-decoration-line:none}.st-change-list__absente{color:var(--st-couleur-texte-attenue)}.st-change-list__section{display:block;padding-block:var(--st-espacement-3) var(--st-espacement-1)}.st-change-list__section th{display:block;padding:0;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret);text-align:start}.st-change-list__masquee{font-style:italic;color:var(--st-couleur-texte-discret)}.st-change-list__vide{flex:1 0 100%;color:var(--st-couleur-texte-discret)}.st-change-list__bascule{margin-block-start:var(--st-espacement-2)}@container (min-width: 30rem){.st-change-list__tableau{display:table}.st-change-list__legende{display:table-caption}.st-change-list__corps{display:table-row-group}.st-change-list__entetes{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;display:table-header-group}.st-change-list__entetes tr{font-family:var(--st-police-mono);font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-discret);text-transform:uppercase;background:var(--st-couleur-surface-conteneur-bas);border-block-end:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}.st-change-list__entetes th{padding:var(--st-espacement-2) var(--st-espacement-3);font-weight:var(--st-graisse-grasse);text-align:start;white-space:nowrap}.st-change-list__ligne,.st-change-list__section{display:table-row}.st-change-list__section th{display:table-cell;padding:var(--st-espacement-4) var(--st-espacement-3) var(--st-espacement-1);border-block-start:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}.st-change-list__ligne>*{display:table-cell;padding:var(--st-espacement-3);vertical-align:top}.st-change-list__champ{inline-size:33%}.st-change-list__fleche{display:none}}@media(forced-colors:active){.st-change-list__inseree{text-decoration-line:underline}}@media print{.st-change-list__bascule{display:none}}\n"],
 		dependencies: [
 			{
 				kind: "directive",
@@ -5313,7 +5441,7 @@ var StChangeList = class StChangeList {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: StChangeList,
 	decorators: [{
@@ -5327,10 +5455,11 @@ i0.ɵɵngDeclareClassMetadata({
 				StIcon
 			],
 			host: { class: "st-change-list" },
-			template: "<table class=\"st-change-list__tableau\" [id]=\"identifiant\">\n  <caption class=\"st-change-list__legende\">\n    {{\n      legende()\n    }}\n  </caption>\n  <thead class=\"st-change-list__entetes\">\n    <tr>\n      <th scope=\"col\" [attr.lang]=\"langue()\">{{ textes().champ }}</th>\n      <th scope=\"col\" [attr.lang]=\"langue()\">{{ textes().avant }}</th>\n      <th scope=\"col\" [attr.lang]=\"langue()\">{{ textes().apres }}</th>\n    </tr>\n  </thead>\n  <tbody class=\"st-change-list__corps\">\n    @for (ligne of lignesVisibles(); track ligne.changement.cle) {\n      <tr class=\"st-change-list__ligne\" [attr.data-nature]=\"ligne.nature\">\n        <th scope=\"row\" class=\"st-change-list__champ\">\n          <!-- Le libelle est une donnee : isole (D-4) dans un bloc qui suit le sens de la page (un\n               `bdi` en bloc s'alignerait sur son texte : a gauche, de droite a gauche). Une espace\n               le separe de sa nature : un en-tete de ligne se lit d'un tenant. La nature se lit en\n               mot, jamais en couleur. -->\n          <span class=\"st-change-list__libelle\"\n            ><bdi>{{ ligne.libelle }}</bdi></span\n          >{{ ' ' }}\n          <span class=\"st-change-list__nature\" [attr.lang]=\"langue()\"\n            ><st-icon class=\"st-change-list__icone\" [nom]=\"ligne.icone\" taille=\"16\" />{{\n              ligne.mot\n            }}</span\n          >\n        </th>\n        <td class=\"st-change-list__avant\">\n          @if (ligne.avant; as valeur) {\n            @if (ligne.barree) {\n              <del class=\"st-change-list__barree\"\n                ><span class=\"st-vh\" [attr.lang]=\"mots().langue\">{{ mots().avant }}</span\n                ><ng-container\n                  *ngTemplateOutlet=\"\n                    rendu;\n                    context: { ligne: ligne, valeur: valeur, cote: 'avant' }\n                  \"\n              /></del>\n            } @else {\n              <span class=\"st-vh\" [attr.lang]=\"mots().langue\">{{ mots().avant }}</span\n              ><ng-container\n                *ngTemplateOutlet=\"rendu; context: { ligne: ligne, valeur: valeur, cote: 'avant' }\"\n              />\n            }\n          } @else {\n            <ng-container *ngTemplateOutlet=\"absente; context: { mot: mots().avant }\" />\n          }\n        </td>\n        <td class=\"st-change-list__apres\">\n          <!-- Empile sous `sm`, la ligne se lit « ancienne → nouvelle » : la fleche est decorative. -->\n          <st-icon class=\"st-change-list__fleche\" nom=\"fleche-droite\" taille=\"16\" />\n          @if (ligne.apres; as valeur) {\n            @if (ligne.inseree) {\n              <ins class=\"st-change-list__inseree\"\n                ><span class=\"st-vh\" [attr.lang]=\"mots().langue\">{{ mots().apres }}</span\n                ><ng-container\n                  *ngTemplateOutlet=\"\n                    rendu;\n                    context: { ligne: ligne, valeur: valeur, cote: 'apres' }\n                  \"\n              /></ins>\n            } @else {\n              <span class=\"st-vh\" [attr.lang]=\"mots().langue\">{{ mots().apres }}</span\n              ><ng-container\n                *ngTemplateOutlet=\"rendu; context: { ligne: ligne, valeur: valeur, cote: 'apres' }\"\n              />\n            }\n          } @else {\n            <ng-container *ngTemplateOutlet=\"absente; context: { mot: mots().apres }\" />\n          }\n        </td>\n      </tr>\n    } @empty {\n      <tr class=\"st-change-list__ligne\">\n        <td class=\"st-change-list__vide\" colspan=\"3\" [attr.lang]=\"langue()\">\n          {{ textes().aucuneModification }}\n        </td>\n      </tr>\n    }\n  </tbody>\n</table>\n@if (nombreDInchanges() > 0) {\n  <!-- Bouton bascule (APG) : son nom ne change pas, `aria-pressed` dit s'il est enfonce. -->\n  <button\n    stButton\n    type=\"button\"\n    class=\"st-change-list__bascule\"\n    variante=\"discret\"\n    taille=\"sm\"\n    [attr.aria-pressed]=\"afficherInchanges()\"\n    [attr.aria-controls]=\"identifiant\"\n    [attr.lang]=\"langue()\"\n    (click)=\"basculer()\"\n  >\n    {{ texteDeLaBascule() }}\n  </button>\n}\n\n<ng-template #rendu let-ligne=\"ligne\" let-valeur=\"valeur\" let-cote=\"cote\">\n  @if (ligne.gabarit; as gabarit) {\n    <ng-container\n      *ngTemplateOutlet=\"\n        gabarit;\n        context: { $implicit: valeur, cote: cote, cle: ligne.changement.cle }\n      \"\n    />\n  } @else {\n    <bdi>{{ valeur }}</bdi>\n  }\n</ng-template>\n\n<!-- Rien avant, ou rien apres : un tiret a l'oeil, « Non renseigne » a l'oreille. -->\n<ng-template #absente let-mot=\"mot\">\n  <span class=\"st-vh\" [attr.lang]=\"mots().langue\">{{ mot }}</span\n  ><span class=\"st-change-list__absente\" aria-hidden=\"true\">&#8212;</span\n  ><span class=\"st-vh\">{{ libelles().nonRenseigne }}</span>\n</ng-template>\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;container-type:inline-size}.st-change-list__tableau{inline-size:100%;border-collapse:collapse}.st-change-list__legende{margin-block-end:var(--st-espacement-3);font-weight:var(--st-graisse-semi);text-align:start}.st-change-list__tableau,.st-change-list__corps,.st-change-list__legende{display:block}.st-change-list__entetes{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-change-list__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-2);align-items:baseline;padding-block:var(--st-espacement-3)}.st-change-list__ligne+.st-change-list__ligne{border-block-start:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}.st-change-list__ligne>*{padding:0;text-align:start;overflow-wrap:break-word}.st-change-list__champ{flex:1 0 100%;font-weight:var(--st-graisse-normale)}.st-change-list__libelle{display:block;font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-texte)}.st-change-list__nature{display:flex;gap:var(--st-espacement-1);align-items:center;margin-block-start:var(--st-espacement-1);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-change-list__icone{flex:none}.st-change-list__apres{display:inline-flex;column-gap:var(--st-espacement-2);align-items:baseline;min-inline-size:0}.st-change-list__fleche{flex:none;align-self:flex-start;margin-block-start:calc((1lh - 1rem)/2);color:var(--st-couleur-texte-discret)}.st-change-list__barree{color:var(--st-couleur-texte-discret);text-decoration-line:line-through}.st-change-list__inseree{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-texte);text-decoration-line:none}.st-change-list__absente{color:var(--st-couleur-texte-attenue)}.st-change-list__vide{flex:1 0 100%;color:var(--st-couleur-texte-discret)}.st-change-list__bascule{margin-block-start:var(--st-espacement-2)}@container (min-width: 30rem){.st-change-list__tableau{display:table}.st-change-list__legende{display:table-caption}.st-change-list__corps{display:table-row-group}.st-change-list__entetes{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;display:table-header-group}.st-change-list__entetes tr{font-family:var(--st-police-mono);font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-discret);text-transform:uppercase;background:var(--st-couleur-surface-conteneur-bas);border-block-end:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}.st-change-list__entetes th{padding:var(--st-espacement-2) var(--st-espacement-3);font-weight:var(--st-graisse-grasse);text-align:start;white-space:nowrap}.st-change-list__ligne{display:table-row}.st-change-list__ligne>*{display:table-cell;padding:var(--st-espacement-3);vertical-align:top}.st-change-list__champ{inline-size:33%}.st-change-list__fleche{display:none}}@media(forced-colors:active){.st-change-list__inseree{text-decoration-line:underline}}@media print{.st-change-list__bascule{display:none}}\n"]
+			template: "<table class=\"st-change-list__tableau\" [id]=\"identifiant\">\n  <caption class=\"st-change-list__legende\">\n    {{\n      legende()\n    }}\n  </caption>\n  <thead class=\"st-change-list__entetes\">\n    <tr>\n      <th scope=\"col\" [attr.lang]=\"langue()\">{{ textes().champ }}</th>\n      <th scope=\"col\" [attr.lang]=\"langue()\">{{ textes().avant }}</th>\n      <th scope=\"col\" [attr.lang]=\"langue()\">{{ textes().apres }}</th>\n    </tr>\n  </thead>\n  @for (section of sections(); track section.cle) {\n    <tbody class=\"st-change-list__corps\">\n      @if (section.titre; as titre) {\n        <!-- Le chemin de la section (P08-14) : un en-tete de groupe, lu avec chacune de ses lignes. -->\n        <tr class=\"st-change-list__section\">\n          <th scope=\"rowgroup\" colspan=\"3\">\n            <bdi>{{ titre }}</bdi>\n          </th>\n        </tr>\n      }\n      @for (ligne of section.lignes; track ligne.changement.cle) {\n        <tr class=\"st-change-list__ligne\" [attr.data-nature]=\"ligne.nature\">\n          <th scope=\"row\" class=\"st-change-list__champ\">\n            <!-- Le libelle est une donnee : isole (D-4) dans un bloc qui suit le sens de la page (un\n                   `bdi` en bloc s'alignerait sur son texte : a gauche, de droite a gauche). Une espace\n                   le separe de sa nature : un en-tete de ligne se lit d'un tenant. La nature se lit en\n                   mot, jamais en couleur. -->\n            <span class=\"st-change-list__libelle\"\n              ><bdi>{{ ligne.libelle }}</bdi></span\n            >{{ ' ' }}\n            <span class=\"st-change-list__nature\" [attr.lang]=\"langue()\"\n              ><st-icon class=\"st-change-list__icone\" [nom]=\"ligne.icone\" taille=\"16\" />{{\n                ligne.mot\n              }}</span\n            >\n          </th>\n          <td class=\"st-change-list__avant\">\n            @if (ligne.avant; as valeur) {\n              @if (ligne.barree) {\n                <del class=\"st-change-list__barree\"\n                  ><span class=\"st-vh\" [attr.lang]=\"mots().langue\">{{ mots().avant }}</span\n                  ><ng-container\n                    *ngTemplateOutlet=\"\n                      rendu;\n                      context: { ligne: ligne, valeur: valeur, cote: 'avant' }\n                    \"\n                /></del>\n              } @else {\n                <span class=\"st-vh\" [attr.lang]=\"mots().langue\">{{ mots().avant }}</span\n                ><ng-container\n                  *ngTemplateOutlet=\"\n                    rendu;\n                    context: { ligne: ligne, valeur: valeur, cote: 'avant' }\n                  \"\n                />\n              }\n            } @else {\n              <ng-container *ngTemplateOutlet=\"absente; context: { mot: mots().avant }\" />\n            }\n          </td>\n          <td class=\"st-change-list__apres\">\n            <!-- Empile sous `sm`, la ligne se lit « ancienne → nouvelle » : la fleche est decorative. -->\n            <st-icon class=\"st-change-list__fleche\" nom=\"fleche-droite\" taille=\"16\" />\n            @if (ligne.apres; as valeur) {\n              @if (ligne.inseree) {\n                <ins class=\"st-change-list__inseree\"\n                  ><span class=\"st-vh\" [attr.lang]=\"mots().langue\">{{ mots().apres }}</span\n                  ><ng-container\n                    *ngTemplateOutlet=\"\n                      rendu;\n                      context: { ligne: ligne, valeur: valeur, cote: 'apres' }\n                    \"\n                /></ins>\n              } @else {\n                <span class=\"st-vh\" [attr.lang]=\"mots().langue\">{{ mots().apres }}</span\n                ><ng-container\n                  *ngTemplateOutlet=\"\n                    rendu;\n                    context: { ligne: ligne, valeur: valeur, cote: 'apres' }\n                  \"\n                />\n              }\n            } @else {\n              <ng-container *ngTemplateOutlet=\"absente; context: { mot: mots().apres }\" />\n            }\n          </td>\n        </tr>\n      }\n    </tbody>\n  } @empty {\n    <tbody class=\"st-change-list__corps\">\n      <tr class=\"st-change-list__ligne\">\n        <td class=\"st-change-list__vide\" colspan=\"3\" [attr.lang]=\"langue()\">\n          {{ texteVide() }}\n        </td>\n      </tr>\n    </tbody>\n  }\n</table>\n@if (nombreDInchanges() > 0) {\n  <!-- Bouton bascule (APG) : son nom ne change pas, `aria-pressed` dit s'il est enfonce. -->\n  <button\n    stButton\n    type=\"button\"\n    class=\"st-change-list__bascule\"\n    variante=\"discret\"\n    taille=\"sm\"\n    [attr.aria-pressed]=\"afficherInchanges()\"\n    [attr.aria-controls]=\"identifiant\"\n    [attr.lang]=\"langue()\"\n    (click)=\"basculer()\"\n  >\n    {{ texteDeLaBascule() }}\n  </button>\n}\n\n<ng-template #rendu let-ligne=\"ligne\" let-valeur=\"valeur\" let-cote=\"cote\">\n  @if (ligne.gabarit; as gabarit) {\n    <ng-container\n      *ngTemplateOutlet=\"\n        gabarit;\n        context: { $implicit: valeur, cote: cote, cle: ligne.changement.cle }\n      \"\n    />\n  } @else if (ligne.sensible) {\n    <!-- Sensible sans gabarit (P08-14) : jamais en clair. Le gabarit compose st-masked. -->\n    <span class=\"st-change-list__masquee\" [attr.lang]=\"langue()\">{{ textes().valeurMasquee }}</span>\n  } @else {\n    <bdi>{{ valeur }}</bdi>\n  }\n</ng-template>\n\n<!-- Rien avant, ou rien apres : un tiret a l'oeil, « Non renseigne » a l'oreille. -->\n<ng-template #absente let-mot=\"mot\">\n  <span class=\"st-vh\" [attr.lang]=\"mots().langue\">{{ mot }}</span\n  ><span class=\"st-change-list__absente\" aria-hidden=\"true\">&#8212;</span\n  ><span class=\"st-vh\">{{ libelles().nonRenseigne }}</span>\n</ng-template>\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;container-type:inline-size}.st-change-list__tableau{inline-size:100%;border-collapse:collapse}.st-change-list__legende{margin-block-end:var(--st-espacement-3);font-weight:var(--st-graisse-semi);text-align:start}.st-change-list__tableau,.st-change-list__corps,.st-change-list__legende{display:block}.st-change-list__entetes{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-change-list__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-2);align-items:baseline;padding-block:var(--st-espacement-3)}.st-change-list__ligne+.st-change-list__ligne{border-block-start:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}.st-change-list__ligne>*{padding:0;text-align:start;overflow-wrap:break-word}.st-change-list__champ{flex:1 0 100%;font-weight:var(--st-graisse-normale)}.st-change-list__libelle{display:block;font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-texte)}.st-change-list__nature{display:flex;gap:var(--st-espacement-1);align-items:center;margin-block-start:var(--st-espacement-1);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-change-list__icone{flex:none}.st-change-list__apres{display:inline-flex;column-gap:var(--st-espacement-2);align-items:baseline;min-inline-size:0}.st-change-list__fleche{flex:none;align-self:flex-start;margin-block-start:calc((1lh - 1rem)/2);color:var(--st-couleur-texte-discret)}.st-change-list__barree{color:var(--st-couleur-texte-discret);text-decoration-line:line-through}.st-change-list__inseree{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-texte);text-decoration-line:none}.st-change-list__absente{color:var(--st-couleur-texte-attenue)}.st-change-list__section{display:block;padding-block:var(--st-espacement-3) var(--st-espacement-1)}.st-change-list__section th{display:block;padding:0;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret);text-align:start}.st-change-list__masquee{font-style:italic;color:var(--st-couleur-texte-discret)}.st-change-list__vide{flex:1 0 100%;color:var(--st-couleur-texte-discret)}.st-change-list__bascule{margin-block-start:var(--st-espacement-2)}@container (min-width: 30rem){.st-change-list__tableau{display:table}.st-change-list__legende{display:table-caption}.st-change-list__corps{display:table-row-group}.st-change-list__entetes{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;display:table-header-group}.st-change-list__entetes tr{font-family:var(--st-police-mono);font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-discret);text-transform:uppercase;background:var(--st-couleur-surface-conteneur-bas);border-block-end:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}.st-change-list__entetes th{padding:var(--st-espacement-2) var(--st-espacement-3);font-weight:var(--st-graisse-grasse);text-align:start;white-space:nowrap}.st-change-list__ligne,.st-change-list__section{display:table-row}.st-change-list__section th{display:table-cell;padding:var(--st-espacement-4) var(--st-espacement-3) var(--st-espacement-1);border-block-start:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}.st-change-list__ligne>*{display:table-cell;padding:var(--st-espacement-3);vertical-align:top}.st-change-list__champ{inline-size:33%}.st-change-list__fleche{display:none}}@media(forced-colors:active){.st-change-list__inseree{text-decoration-line:underline}}@media print{.st-change-list__bascule{display:none}}\n"]
 		}]
 	}],
+	ctorParameters: () => [],
 	propDecorators: {
 		changements: [{
 			type: i0.Input,
@@ -5348,6 +5477,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: true
 			}]
 		}],
+		aucuneDifference: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "aucuneDifference",
+				required: false
+			}]
+		}],
 		afficherInchanges: [{
 			type: i0.Input,
 			args: [{
@@ -5359,12 +5496,287 @@ i0.ɵɵngDeclareClassMetadata({
 			type: i0.Output,
 			args: ["afficherInchangesChange"]
 		}],
+		gabaritsFournis: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "gabaritsFournis",
+				required: false
+			}]
+		}],
+		gabarits: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => StValeurDeChangement), { isSignal: true }]
+		}]
+	}
+});
+var StVersionCompare = class StVersionCompare {
+	locale = inject(ST_LOCALE);
+	fuseau = inject(FUSEAU_PAR_DEFAUT);
+	catalogue = catalogueDesListes();
+	textes = computed(() => this.catalogue().libelles, ...ngDevMode ? [{ debugName: "textes" }] : /* istanbul ignore next */ []);
+	langue = computed(() => this.catalogue().langueDeRepli, ...ngDevMode ? [{ debugName: "langue" }] : /* istanbul ignore next */ []);
+	etiquette = input.required(...ngDevMode ? [{ debugName: "etiquette" }] : /* istanbul ignore next */ []);
+	versions = input.required(...ngDevMode ? [{ debugName: "versions" }] : /* istanbul ignore next */ []);
+	avant = model(null, ...ngDevMode ? [{ debugName: "avant" }] : /* istanbul ignore next */ []);
+	apres = model(null, ...ngDevMode ? [{ debugName: "apres" }] : /* istanbul ignore next */ []);
+	changements = input.required(...ngDevMode ? [{ debugName: "changements" }] : /* istanbul ignore next */ []);
+	lienDAudit = input(null, ...ngDevMode ? [{ debugName: "lienDAudit" }] : /* istanbul ignore next */ []);
+	chargement = input(false, {
+		...ngDevMode ? { debugName: "chargement" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	gabarits = contentChildren(StValeurDeChangement, ...ngDevMode ? [{ debugName: "gabarits" }] : /* istanbul ignore next */ []);
+	ecrites = computed(() => {
+		const textes = this.textes();
+		const format = new Intl.DateTimeFormat(this.locale(), {
+			dateStyle: "medium",
+			timeStyle: "short",
+			timeZone: this.fuseau
+		});
+		return this.versions().map((version) => {
+			const instant = lireInstant(version.instant, this.fuseau);
+			const date = instant === null ? version.instant : format.format(instant);
+			const motif = version.motif ?? null;
+			return {
+				cle: version.cle,
+				date,
+				texte: textes.versionChoisie(date, sansCommandesDeDirection(version.auteur), motif === null || motif.trim() === "" ? null : sansCommandesDeDirection(motif))
+			};
+		});
+	}, ...ngDevMode ? [{ debugName: "ecrites" }] : /* istanbul ignore next */ []);
+	legende = computed(() => {
+		const ecrites = this.ecrites();
+		const avant = ecrites.find((version) => version.cle === this.avant());
+		const apres = ecrites.find((version) => version.cle === this.apres());
+		return avant === void 0 || apres === void 0 ? this.etiquette() : this.textes().differencesEntre(avant.date, apres.date);
+	}, ...ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []);
+	differences = computed(() => this.avant() !== null && this.avant() === this.apres() ? [] : this.changements(), ...ngDevMode ? [{ debugName: "differences" }] : /* istanbul ignore next */ []);
+	choisirAvant(evenement) {
+		this.avant.set(evenement.target.value);
+	}
+	choisirApres(evenement) {
+		this.apres.set(evenement.target.value);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: StVersionCompare,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: StVersionCompare,
+		isStandalone: true,
+		selector: "st-version-compare",
+		inputs: {
+			etiquette: {
+				classPropertyName: "etiquette",
+				publicName: "etiquette",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			versions: {
+				classPropertyName: "versions",
+				publicName: "versions",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			avant: {
+				classPropertyName: "avant",
+				publicName: "avant",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			apres: {
+				classPropertyName: "apres",
+				publicName: "apres",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			changements: {
+				classPropertyName: "changements",
+				publicName: "changements",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			lienDAudit: {
+				classPropertyName: "lienDAudit",
+				publicName: "lienDAudit",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			chargement: {
+				classPropertyName: "chargement",
+				publicName: "chargement",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			avant: "avantChange",
+			apres: "apresChange"
+		},
+		host: {
+			properties: { "attr.aria-busy": "chargement() ? \"true\" : null" },
+			classAttribute: "st-version-compare"
+		},
+		queries: [{
+			propertyName: "gabarits",
+			predicate: StValeurDeChangement,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "<div class=\"st-version-compare__choix\" role=\"group\" [attr.aria-label]=\"etiquette()\">\n  <label class=\"st-version-compare__selecteur\">\n    <span class=\"st-version-compare__intitule\" [attr.lang]=\"langue()\">{{\n      textes().versionDeReference\n    }}</span>\n    <span class=\"st-version-compare__cadre\">\n      <select class=\"st-version-compare__liste\" (change)=\"choisirAvant($event)\">\n        @for (version of ecrites(); track version.cle) {\n          <option [value]=\"version.cle\" [selected]=\"version.cle === avant()\">\n            {{ version.texte }}\n          </option>\n        }\n      </select>\n      <st-icon class=\"st-version-compare__chevron\" nom=\"chevron-bas\" taille=\"18\" />\n    </span>\n  </label>\n  <label class=\"st-version-compare__selecteur\">\n    <span class=\"st-version-compare__intitule\" [attr.lang]=\"langue()\">{{\n      textes().versionComparee\n    }}</span>\n    <span class=\"st-version-compare__cadre\">\n      <select class=\"st-version-compare__liste\" (change)=\"choisirApres($event)\">\n        @for (version of ecrites(); track version.cle) {\n          <option [value]=\"version.cle\" [selected]=\"version.cle === apres()\">\n            {{ version.texte }}\n          </option>\n        }\n      </select>\n      <st-icon class=\"st-version-compare__chevron\" nom=\"chevron-bas\" taille=\"18\" />\n    </span>\n  </label>\n</div>\n\n<st-change-list\n  aucuneDifference\n  [legende]=\"legende()\"\n  [changements]=\"differences()\"\n  [gabaritsFournis]=\"gabarits()\"\n/>\n\n@if (lienDAudit(); as lien) {\n  <a stLink class=\"st-version-compare__audit\" [href]=\"lien\" [attr.lang]=\"langue()\">{{\n    textes().voirLEntreeDAudit\n  }}</a>\n}\n",
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:grid;gap:var(--st-espacement-4);min-inline-size:0;container-type:inline-size}.st-version-compare__choix{display:grid;gap:var(--st-espacement-3)}.st-version-compare__selecteur{display:grid;gap:var(--st-espacement-1);min-inline-size:0}.st-version-compare__intitule{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte)}.st-version-compare__cadre{position:relative;display:flex;align-items:center;min-inline-size:0}.st-version-compare__liste: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-version-compare__liste{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-version-compare__liste:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-version-compare__liste{--_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-version-compare__liste{--_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-version-compare__liste::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-version-compare__liste: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-version-compare__liste:focus-visible{border-color:var(--st-couleur-primaire)}.st-version-compare__liste[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-version-compare__liste[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-version-compare__liste:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-version-compare__liste:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-version-compare__liste:is(input,textarea):read-only:not(:disabled),.st-version-compare__liste[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-version-compare__liste{inline-size:100%;min-inline-size:0;padding-inline-end:var(--st-espacement-8);text-overflow:ellipsis;appearance:none;cursor:pointer}.st-version-compare__chevron{position:absolute;inset-inline-end:var(--st-espacement-2);color:var(--st-couleur-texte-discret);pointer-events:none}.st-version-compare__audit{justify-self:start}@container (min-width: 30rem){.st-version-compare__choix{grid-template-columns:repeat(2,minmax(0,1fr))}}\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: StChangeList,
+				selector: "st-change-list",
+				inputs: [
+					"changements",
+					"legende",
+					"aucuneDifference",
+					"afficherInchanges",
+					"gabaritsFournis"
+				],
+				outputs: ["afficherInchangesChange"]
+			},
+			{
+				kind: "component",
+				type: StIcon,
+				selector: "st-icon",
+				inputs: [
+					"icone",
+					"nom",
+					"variante",
+					"sprite",
+					"nomMetier",
+					"taille",
+					"ton",
+					"etiquette",
+					"miroir"
+				]
+			},
+			{
+				kind: "component",
+				type: StLink,
+				selector: "a[stLink]",
+				inputs: [
+					"variante",
+					"externe",
+					"mentionExterne",
+					"iconeAvant",
+					"iconeApres"
+				]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: StVersionCompare,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "st-version-compare",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				StChangeList,
+				StIcon,
+				StLink
+			],
+			host: {
+				class: "st-version-compare",
+				"[attr.aria-busy]": "chargement() ? \"true\" : null"
+			},
+			template: "<div class=\"st-version-compare__choix\" role=\"group\" [attr.aria-label]=\"etiquette()\">\n  <label class=\"st-version-compare__selecteur\">\n    <span class=\"st-version-compare__intitule\" [attr.lang]=\"langue()\">{{\n      textes().versionDeReference\n    }}</span>\n    <span class=\"st-version-compare__cadre\">\n      <select class=\"st-version-compare__liste\" (change)=\"choisirAvant($event)\">\n        @for (version of ecrites(); track version.cle) {\n          <option [value]=\"version.cle\" [selected]=\"version.cle === avant()\">\n            {{ version.texte }}\n          </option>\n        }\n      </select>\n      <st-icon class=\"st-version-compare__chevron\" nom=\"chevron-bas\" taille=\"18\" />\n    </span>\n  </label>\n  <label class=\"st-version-compare__selecteur\">\n    <span class=\"st-version-compare__intitule\" [attr.lang]=\"langue()\">{{\n      textes().versionComparee\n    }}</span>\n    <span class=\"st-version-compare__cadre\">\n      <select class=\"st-version-compare__liste\" (change)=\"choisirApres($event)\">\n        @for (version of ecrites(); track version.cle) {\n          <option [value]=\"version.cle\" [selected]=\"version.cle === apres()\">\n            {{ version.texte }}\n          </option>\n        }\n      </select>\n      <st-icon class=\"st-version-compare__chevron\" nom=\"chevron-bas\" taille=\"18\" />\n    </span>\n  </label>\n</div>\n\n<st-change-list\n  aucuneDifference\n  [legende]=\"legende()\"\n  [changements]=\"differences()\"\n  [gabaritsFournis]=\"gabarits()\"\n/>\n\n@if (lienDAudit(); as lien) {\n  <a stLink class=\"st-version-compare__audit\" [href]=\"lien\" [attr.lang]=\"langue()\">{{\n    textes().voirLEntreeDAudit\n  }}</a>\n}\n",
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:grid;gap:var(--st-espacement-4);min-inline-size:0;container-type:inline-size}.st-version-compare__choix{display:grid;gap:var(--st-espacement-3)}.st-version-compare__selecteur{display:grid;gap:var(--st-espacement-1);min-inline-size:0}.st-version-compare__intitule{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte)}.st-version-compare__cadre{position:relative;display:flex;align-items:center;min-inline-size:0}.st-version-compare__liste: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-version-compare__liste{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-version-compare__liste:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-version-compare__liste{--_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-version-compare__liste{--_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-version-compare__liste::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-version-compare__liste: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-version-compare__liste:focus-visible{border-color:var(--st-couleur-primaire)}.st-version-compare__liste[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-version-compare__liste[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-version-compare__liste:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-version-compare__liste:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-version-compare__liste:is(input,textarea):read-only:not(:disabled),.st-version-compare__liste[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-version-compare__liste{inline-size:100%;min-inline-size:0;padding-inline-end:var(--st-espacement-8);text-overflow:ellipsis;appearance:none;cursor:pointer}.st-version-compare__chevron{position:absolute;inset-inline-end:var(--st-espacement-2);color:var(--st-couleur-texte-discret);pointer-events:none}.st-version-compare__audit{justify-self:start}@container (min-width: 30rem){.st-version-compare__choix{grid-template-columns:repeat(2,minmax(0,1fr))}}\n"]
+		}]
+	}],
+	propDecorators: {
+		etiquette: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "etiquette",
+				required: true
+			}]
+		}],
+		versions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "versions",
+				required: true
+			}]
+		}],
+		avant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "avant",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["avantChange"]
+		}],
+		apres: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "apres",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["apresChange"]
+		}],
+		changements: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "changements",
+				required: true
+			}]
+		}],
+		lienDAudit: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "lienDAudit",
+				required: false
+			}]
+		}],
+		chargement: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "chargement",
+				required: false
+			}]
+		}],
 		gabarits: [{
 			type: i0.ContentChildren,
 			args: [i0.forwardRef(() => StValeurDeChangement), { isSignal: true }]
 		}]
 	}
 });
-export { LIBELLES_LISTES_EN, LIBELLES_LISTES_FR, ST_LIBELLES_LISTES, StAccordion, StActeurDEvenement, StAttachment, StCellule, StChangeList, StDataTable, StDescription, StDescriptionList, StDetailDEvenement, StDisclosure, StDocumentList, StElementDeListe, StExportAction, StFilterBar, StFilterChip, StList, StListItem, StListeVide, StPagination, StReviewList, StSelectionBar, StSortHeader, StTableauVide, StTimeline, StValeurDeChangement, StValueChange, catalogueDesListes, fournirLibellesListes, libellesDesListes, prochainSensOuNul };
+export { LIBELLES_LISTES_EN, LIBELLES_LISTES_FR, ST_LIBELLES_LISTES, StAccordion, StActeurDEvenement, StAttachment, StCellule, StChangeList, StDataTable, StDescription, StDescriptionList, StDetailDEvenement, StDisclosure, StDocumentList, StElementDeListe, StExportAction, StFilterBar, StFilterChip, StList, StListItem, StListeVide, StPagination, StReviewList, StSelectionBar, StSortHeader, StTableauVide, StTimeline, StValeurDeChangement, StValueChange, StVersionCompare, catalogueDesListes, fournirLibellesListes, libellesDesListes, prochainSensOuNul };
 
 //# sourceMappingURL=starterlib-ui-listes.mjs.map