@starterlib/ui 0.4.0 → 0.6.0

package/types/starterlib-ui.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { InjectionToken, Signal, Provider, DestroyRef, Resource, TemplateRef } from '@angular/core';
+import { InjectionToken, Signal, Provider, DestroyRef, TemplateRef, Resource } from '@angular/core';
 import { Ton, Montant, TonSemantique, DateIso, PlageDeDates, DescriptionDeFichier, ChoixDeTheme, Langue, EtatDeBloc } from '@starterlib/util';
 export { ETATS_DE_BLOC, EtatDeBloc } from '@starterlib/util';
 import { ValidationError, FormValueControl, FormCheckboxControl } from '@angular/forms/signals';
@@ -118,6 +118,30 @@ interface LibellesUi {
     readonly tropDeFichiers: (nombre: number) => string;
     readonly typesAcceptes: (types: string) => string;
     readonly tailleMaximale: (taille: string) => string;
+    readonly televersementDe: (fichier: string) => string;
+    readonly annulerLeTeleversement: (fichier: string) => string;
+    readonly fichierDepose: (fichier: string) => string;
+    readonly fichierRefuse: (fichier: string) => string;
+    /** Listes et tableaux */
+    readonly pagination: string;
+    readonly pagePrecedente: string;
+    readonly pageSuivante: string;
+    readonly pageNumero: (numero: number) => string;
+    readonly afficherPlus: string;
+    readonly lignesParPage: string;
+    readonly selectionnerLaPage: (nombre: number) => string;
+    readonly selectionnerLaLigne: (ligne: string) => string;
+    readonly lignesSelectionnees: (nombre: number) => string;
+    readonly trieCroissant: (colonne: string) => string;
+    readonly trieDecroissant: (colonne: string) => string;
+    readonly tableauVide: string;
+    readonly nonRenseigne: string;
+    readonly filtres: string;
+    readonly filtresActifs: string;
+    readonly retirerLeFiltre: (filtre: string) => string;
+    readonly effacerLesFiltres: string;
+    readonly filtreRetire: (filtre: string) => string;
+    readonly filtresEffaces: string;
     /** Dialogues */
     readonly confirmer: string;
     readonly annuler: string;
@@ -301,12 +325,13 @@ type TonDIcone = Exclude<Ton, 'inverse'>;
  */
 declare class StIcon {
     private readonly cheminDuSprite;
-    readonly nom: _angular_core.InputSignal<"copie" | "boite-vide" | "calendrier" | "cercle" | "cercle-coche" | "cercle-croix" | "cercle-info" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "coche" | "corbeille" | "croix" | "fichier" | "hors-ligne" | "lien-externe" | "menu" | "oeil" | "oeil-barre" | "plus" | "rafraichir" | "recherche" | "serveur" | "televerser" | "triangle-alerte" | "utilisateur">;
+    readonly nom: _angular_core.InputSignal<"copie" | "boite-vide" | "calendrier" | "cercle" | "cercle-coche" | "cercle-croix" | "cercle-info" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "coche" | "corbeille" | "croix" | "fichier" | "hors-ligne" | "lien-externe" | "menu" | "oeil" | "oeil-barre" | "plus" | "rafraichir" | "recherche" | "serveur" | "televerser" | "tri" | "triangle-alerte" | "utilisateur">;
     readonly taille: _angular_core.InputSignal<TailleDIcone>;
     readonly ton: _angular_core.InputSignal<TonDIcone>;
     /** `null` : l'icone est decorative et reste muette pour les lecteurs. */
     readonly etiquette: _angular_core.InputSignal<string | null>;
     protected readonly estDecorative: _angular_core.Signal<boolean>;
+    protected readonly directionnelle: _angular_core.Signal<boolean>;
     protected readonly reference: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StIcon, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<StIcon, "st-icon", never, { "nom": { "alias": "nom"; "required": true; "isSignal": true; }; "taille": { "alias": "taille"; "required": false; "isSignal": true; }; "ton": { "alias": "ton"; "required": false; "isSignal": true; }; "etiquette": { "alias": "etiquette"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -320,7 +345,7 @@ declare class StIcon {
  * reference `use` vers un identifiant absent ne rend RIEN, sans erreur, et le
  * defaut passe la revue.
  */
-declare const NOMS_DICONE: readonly ["boite-vide", "calendrier", "cercle", "cercle-coche", "cercle-croix", "cercle-info", "chevron-bas", "chevron-droite", "chevron-gauche", "chevron-haut", "coche", "copie", "corbeille", "croix", "fichier", "hors-ligne", "lien-externe", "menu", "oeil", "oeil-barre", "plus", "rafraichir", "recherche", "serveur", "televerser", "triangle-alerte", "utilisateur"];
+declare const NOMS_DICONE: readonly ["boite-vide", "calendrier", "cercle", "cercle-coche", "cercle-croix", "cercle-info", "chevron-bas", "chevron-droite", "chevron-gauche", "chevron-haut", "coche", "copie", "corbeille", "croix", "fichier", "hors-ligne", "lien-externe", "menu", "oeil", "oeil-barre", "plus", "rafraichir", "recherche", "serveur", "televerser", "tri", "triangle-alerte", "utilisateur"];
 type NomDIcone = (typeof NOMS_DICONE)[number];
 
 type VarianteDeTexte = 'corps' | 'corps-sm' | 'discret' | 'legende' | 'mono';
@@ -477,8 +502,8 @@ declare class StButton {
     readonly variante: _angular_core.InputSignal<VarianteDeBouton>;
     readonly taille: _angular_core.InputSignal<TailleDeBouton>;
     readonly pleineLargeur: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly iconeAvant: _angular_core.InputSignal<"copie" | "boite-vide" | "calendrier" | "cercle" | "cercle-coche" | "cercle-croix" | "cercle-info" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "coche" | "corbeille" | "croix" | "fichier" | "hors-ligne" | "lien-externe" | "menu" | "oeil" | "oeil-barre" | "plus" | "rafraichir" | "recherche" | "serveur" | "televerser" | "triangle-alerte" | "utilisateur" | null>;
-    readonly iconeApres: _angular_core.InputSignal<"copie" | "boite-vide" | "calendrier" | "cercle" | "cercle-coche" | "cercle-croix" | "cercle-info" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "coche" | "corbeille" | "croix" | "fichier" | "hors-ligne" | "lien-externe" | "menu" | "oeil" | "oeil-barre" | "plus" | "rafraichir" | "recherche" | "serveur" | "televerser" | "triangle-alerte" | "utilisateur" | null>;
+    readonly iconeAvant: _angular_core.InputSignal<"copie" | "boite-vide" | "calendrier" | "cercle" | "cercle-coche" | "cercle-croix" | "cercle-info" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "coche" | "corbeille" | "croix" | "fichier" | "hors-ligne" | "lien-externe" | "menu" | "oeil" | "oeil-barre" | "plus" | "rafraichir" | "recherche" | "serveur" | "televerser" | "tri" | "triangle-alerte" | "utilisateur" | null>;
+    readonly iconeApres: _angular_core.InputSignal<"copie" | "boite-vide" | "calendrier" | "cercle" | "cercle-coche" | "cercle-croix" | "cercle-info" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "coche" | "corbeille" | "croix" | "fichier" | "hors-ligne" | "lien-externe" | "menu" | "oeil" | "oeil-barre" | "plus" | "rafraichir" | "recherche" | "serveur" | "televerser" | "tri" | "triangle-alerte" | "utilisateur" | null>;
     /**
      * Action en cours. Tant qu'il vaut vrai, les clics sont avales : c'est le
      * mecanisme d'anti double soumission. L'appelant doit le lever DES la
@@ -516,7 +541,7 @@ type VarianteDeBoutonIcone = Extract<VarianteDeBouton, 'discret' | 'secondaire'
  * de facon fiable.
  */
 declare class StIconButton {
-    readonly icone: _angular_core.InputSignal<"copie" | "boite-vide" | "calendrier" | "cercle" | "cercle-coche" | "cercle-croix" | "cercle-info" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "coche" | "corbeille" | "croix" | "fichier" | "hors-ligne" | "lien-externe" | "menu" | "oeil" | "oeil-barre" | "plus" | "rafraichir" | "recherche" | "serveur" | "televerser" | "triangle-alerte" | "utilisateur">;
+    readonly icone: _angular_core.InputSignal<"copie" | "boite-vide" | "calendrier" | "cercle" | "cercle-coche" | "cercle-croix" | "cercle-info" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "coche" | "corbeille" | "croix" | "fichier" | "hors-ligne" | "lien-externe" | "menu" | "oeil" | "oeil-barre" | "plus" | "rafraichir" | "recherche" | "serveur" | "televerser" | "tri" | "triangle-alerte" | "utilisateur">;
     /** Nom accessible du controle. Sans lui, l'icone ne dit rien. */
     readonly etiquette: _angular_core.InputSignal<string>;
     readonly variante: _angular_core.InputSignal<VarianteDeBoutonIcone>;
@@ -808,7 +833,7 @@ declare class StStatusPill {
     readonly statut: _angular_core.InputSignal<string>;
     /** Texte deja traduit par l'appelant : le socle ne traduit rien. */
     readonly libelle: _angular_core.InputSignal<string>;
-    readonly icone: _angular_core.InputSignal<"copie" | "boite-vide" | "calendrier" | "cercle" | "cercle-coche" | "cercle-croix" | "cercle-info" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "coche" | "corbeille" | "croix" | "fichier" | "hors-ligne" | "lien-externe" | "menu" | "oeil" | "oeil-barre" | "plus" | "rafraichir" | "recherche" | "serveur" | "televerser" | "triangle-alerte" | "utilisateur">;
+    readonly icone: _angular_core.InputSignal<"copie" | "boite-vide" | "calendrier" | "cercle" | "cercle-coche" | "cercle-croix" | "cercle-info" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "coche" | "corbeille" | "croix" | "fichier" | "hors-ligne" | "lien-externe" | "menu" | "oeil" | "oeil-barre" | "plus" | "rafraichir" | "recherche" | "serveur" | "televerser" | "tri" | "triangle-alerte" | "utilisateur">;
     readonly ton: _angular_core.InputSignal<TonSemantique>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StStatusPill, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<StStatusPill, "st-status-pill", never, { "statut": { "alias": "statut"; "required": true; "isSignal": true; }; "libelle": { "alias": "libelle"; "required": true; "isSignal": true; }; "icone": { "alias": "icone"; "required": true; "isSignal": true; }; "ton": { "alias": "ton"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -901,7 +926,7 @@ declare class StAvatar {
 declare class StEmpty {
     readonly titre: _angular_core.InputSignal<string>;
     readonly description: _angular_core.InputSignal<string | null>;
-    readonly icone: _angular_core.InputSignal<"copie" | "boite-vide" | "calendrier" | "cercle" | "cercle-coche" | "cercle-croix" | "cercle-info" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "coche" | "corbeille" | "croix" | "fichier" | "hors-ligne" | "lien-externe" | "menu" | "oeil" | "oeil-barre" | "plus" | "rafraichir" | "recherche" | "serveur" | "televerser" | "triangle-alerte" | "utilisateur">;
+    readonly icone: _angular_core.InputSignal<"copie" | "boite-vide" | "calendrier" | "cercle" | "cercle-coche" | "cercle-croix" | "cercle-info" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "coche" | "corbeille" | "croix" | "fichier" | "hors-ligne" | "lien-externe" | "menu" | "oeil" | "oeil-barre" | "plus" | "rafraichir" | "recherche" | "serveur" | "televerser" | "tri" | "triangle-alerte" | "utilisateur">;
     readonly niveauDuTitre: _angular_core.InputSignal<NiveauDeTitre>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StEmpty, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<StEmpty, "st-empty", never, { "titre": { "alias": "titre"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "icone": { "alias": "icone"; "required": false; "isSignal": true; }; "niveauDuTitre": { "alias": "niveauDuTitre"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
@@ -939,7 +964,7 @@ declare class StError {
     protected readonly libelleRejeuLu: _angular_core.Signal<string>;
     protected readonly etiquetteDeTraceLue: _angular_core.Signal<string>;
     protected readonly etiquetteDuCode: _angular_core.Signal<string>;
-    protected readonly icone: _angular_core.Signal<"copie" | "boite-vide" | "calendrier" | "cercle" | "cercle-coche" | "cercle-croix" | "cercle-info" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "coche" | "corbeille" | "croix" | "fichier" | "hors-ligne" | "lien-externe" | "menu" | "oeil" | "oeil-barre" | "plus" | "rafraichir" | "recherche" | "serveur" | "televerser" | "triangle-alerte" | "utilisateur">;
+    protected readonly icone: _angular_core.Signal<"copie" | "boite-vide" | "calendrier" | "cercle" | "cercle-coche" | "cercle-croix" | "cercle-info" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "coche" | "corbeille" | "croix" | "fichier" | "hors-ligne" | "lien-externe" | "menu" | "oeil" | "oeil-barre" | "plus" | "rafraichir" | "recherche" | "serveur" | "televerser" | "tri" | "triangle-alerte" | "utilisateur">;
     protected readonly sAnnonce: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StError, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<StError, "st-error", never, { "variante": { "alias": "variante"; "required": false; "isSignal": true; }; "code": { "alias": "code"; "required": true; "isSignal": true; }; "titre": { "alias": "titre"; "required": true; "isSignal": true; }; "message": { "alias": "message"; "required": true; "isSignal": true; }; "traceId": { "alias": "traceId"; "required": false; "isSignal": true; }; "niveauDuTitre": { "alias": "niveauDuTitre"; "required": false; "isSignal": true; }; "rejouable": { "alias": "rejouable"; "required": false; "isSignal": true; }; "rejeuEnCours": { "alias": "rejeuEnCours"; "required": false; "isSignal": true; }; "libelleRejeu": { "alias": "libelleRejeu"; "required": false; "isSignal": true; }; "etiquetteDeTrace": { "alias": "etiquetteDeTrace"; "required": false; "isSignal": true; }; }, { "rejeu": "rejeu"; }, never, never, true, never>;
@@ -1267,7 +1292,7 @@ declare class StBanner {
     /** `null` : le texte vient du dictionnaire de l'application. */
     readonly libelleFermeture: _angular_core.InputSignal<string | null>;
     readonly ferme: _angular_core.OutputEmitterRef<void>;
-    protected readonly icone: _angular_core.Signal<"copie" | "boite-vide" | "calendrier" | "cercle" | "cercle-coche" | "cercle-croix" | "cercle-info" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "coche" | "corbeille" | "croix" | "fichier" | "hors-ligne" | "lien-externe" | "menu" | "oeil" | "oeil-barre" | "plus" | "rafraichir" | "recherche" | "serveur" | "televerser" | "triangle-alerte" | "utilisateur">;
+    protected readonly icone: _angular_core.Signal<"copie" | "boite-vide" | "calendrier" | "cercle" | "cercle-coche" | "cercle-croix" | "cercle-info" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "coche" | "corbeille" | "croix" | "fichier" | "hors-ligne" | "lien-externe" | "menu" | "oeil" | "oeil-barre" | "plus" | "rafraichir" | "recherche" | "serveur" | "televerser" | "tri" | "triangle-alerte" | "utilisateur">;
     protected readonly libelleFermetureLu: _angular_core.Signal<string>;
     protected readonly roleLu: _angular_core.Signal<"status" | "alert" | null>;
     /**
@@ -1313,7 +1338,7 @@ declare class StInlineMessage {
     readonly ton: _angular_core.InputSignal<TonSemantique>;
     /** Cible d'un `aria-describedby` pose par le champ decrit. */
     readonly identifiant: _angular_core.InputSignal<string | null>;
-    protected readonly icone: _angular_core.Signal<"copie" | "boite-vide" | "calendrier" | "cercle" | "cercle-coche" | "cercle-croix" | "cercle-info" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "coche" | "corbeille" | "croix" | "fichier" | "hors-ligne" | "lien-externe" | "menu" | "oeil" | "oeil-barre" | "plus" | "rafraichir" | "recherche" | "serveur" | "televerser" | "triangle-alerte" | "utilisateur">;
+    protected readonly icone: _angular_core.Signal<"copie" | "boite-vide" | "calendrier" | "cercle" | "cercle-coche" | "cercle-croix" | "cercle-info" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "coche" | "corbeille" | "croix" | "fichier" | "hors-ligne" | "lien-externe" | "menu" | "oeil" | "oeil-barre" | "plus" | "rafraichir" | "recherche" | "serveur" | "televerser" | "tri" | "triangle-alerte" | "utilisateur">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StInlineMessage, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<StInlineMessage, "st-inline-message", never, { "ton": { "alias": "ton"; "required": false; "isSignal": true; }; "identifiant": { "alias": "identifiant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
@@ -2147,6 +2172,22 @@ declare class StCalendar {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<StCalendar, "st-calendar", never, { "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "dateMin": { "alias": "dateMin"; "required": false; "isSignal": true; }; "dateMax": { "alias": "dateMax"; "required": false; "isSignal": true; }; "plage": { "alias": "plage"; "required": false; "isSignal": true; }; }, { "choix": "choix"; "fermeture": "fermeture"; }, never, never, true, never>;
 }
 
+/**
+ * Cle d'un fichier choisi : deux choix du meme fichier ne l'ajoutent pas deux
+ * fois, et l'application s'en sert pour dire ou en est chaque televersement.
+ */
+declare function cleDeFichier(fichier: File): string;
+/**
+ * Ou en est un fichier, vu de l'application. `message` dit POURQUOI un fichier
+ * est refuse — « antivirus indisponible » et « type refuse » n'appellent pas la
+ * meme suite (UX-3 de la 0.6.0).
+ */
+interface EtatDeTeleversementAffiche {
+    readonly etape: 'en-cours' | 'depose' | 'refuse';
+    /** 0 a 100, pendant l'envoi. */
+    readonly progression?: number;
+    readonly message?: string;
+}
 /**
  * Choix de fichiers, sur un `input type="file"` natif.
  *
@@ -2175,6 +2216,11 @@ declare class StCalendar {
  * Chaque changement de la liste s'annonce : « 2 fichiers choisis ». Un fichier
  * retire rend le focus au bouton de retrait suivant, ou au choix de fichiers : le
  * focus ne tombe jamais sur le document.
+ *
+ * ⚠️ **Il ne televerse pas.** `etats` dit ou en est chaque fichier, et le bouton
+ * de la ligne devient « Annuler » pendant l'envoi : le trajet — declaration, depot
+ * pre-signe, confirmation antivirus — vit dans `StTeleversement`
+ * (`@starterlib/core`), seul a parler au reseau.
  */
 declare class StFileUpload extends ContratDeChamp implements FormValueControl<readonly File[]> {
     protected readonly libelles: _angular_core.Signal<_starterlib_ui.LibellesUi>;
@@ -2187,6 +2233,11 @@ declare class StFileUpload extends ContratDeChamp implements FormValueControl<re
     readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** En octets. Affiche en aide ; la verification est dans le schema. */
     readonly tailleMax: _angular_core.InputSignal<number | null>;
+    /**
+     * Ou en est chaque fichier, par `cleDeFichier`. Le composant AFFICHE ce trajet,
+     * il ne le fait pas : `StTeleversement` de `@starterlib/core` s'en charge.
+     */
+    readonly etats: _angular_core.InputSignal<ReadonlyMap<string, EtatDeTeleversementAffiche> | null>;
     protected readonly annonce: AnnonceLocale;
     protected readonly survol: _angular_core.WritableSignal<boolean>;
     protected readonly aideLue: _angular_core.Signal<string | null>;
@@ -2194,15 +2245,443 @@ declare class StFileUpload extends ContratDeChamp implements FormValueControl<re
         fichier: File;
         cle: string;
         taille: string;
+        etat: EtatDeTeleversementAffiche | null;
     }[]>;
     protected surChoix(evenement: Event): void;
     protected surSurvol(evenement: DragEvent): void;
     protected surDepot(evenement: DragEvent): void;
+    /** Emis quand la personne interrompt un envoi : c'est l'application qui annule. */
+    readonly annulation: _angular_core.OutputEmitterRef<File>;
     protected retirer(indice: number): void;
     protected aLaSortie(evenement: FocusEvent): void;
     private ajouter;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StFileUpload, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StFileUpload, "st-file-upload", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "tailleMax": { "alias": "tailleMax"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StFileUpload, "st-file-upload", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "tailleMax": { "alias": "tailleMax"; "required": false; "isSignal": true; }; "etats": { "alias": "etats"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "annulation": "annulation"; }, never, never, true, never>;
+}
+
+/**
+ * `pages` : page precedente et suivante, pour un tableau.
+ * `suite` : « Afficher plus », pour une liste qui s'allonge.
+ */
+type ModeDePagination = 'pages' | 'suite';
+/** Ce qui peut recevoir le focus apres un changement de page. */
+interface Focalisable {
+    focus(options?: FocusOptions): void;
+}
+/**
+ * Pagination d'une liste par curseur.
+ *
+ * ```html
+ * <st-data-table #tableau … />
+ * <st-pagination
+ *   [numero]="navigation.numeroDePage()"
+ *   [precedenteDisponible]="navigation.precedenteDisponible()"
+ *   [suivanteDisponible]="page.value()?.hasMore ?? false"
+ *   [chargement]="page.isLoading()"
+ *   [cible]="tableau"
+ *   (precedente)="navigation.precedente()"
+ *   (suivante)="navigation.suivante(page.value())"
+ * />
+ * ```
+ *
+ * ⚠️ **Ni total, ni numeros cliquables** : le backend ne compte pas et ne va que
+ * vers l'avant (audit de la vague 4, V4-2). « Page 3 » se dit ; « page 3 sur 12 »
+ * serait invente.
+ *
+ * ⚠️ **Boutons indisponibles, jamais desactives** : sur la derniere page, « Page
+ * suivante » garde le focus qu'il avait. Desactive, il le perdrait, et le lecteur
+ * d'ecran retomberait sur le debut du document.
+ *
+ * ⚠️ **Apres un changement de page, le focus va a la `cible`** — la legende du
+ * tableau — et « Page 2 » s'annonce (UX-13). Sans cela, la personne au clavier
+ * reste en bas, sur « Page suivante », sans savoir que le contenu au-dessus a
+ * change.
+ */
+declare class StPagination {
+    protected readonly libelles: _angular_core.Signal<_starterlib_ui.LibellesUi>;
+    private readonly injecteur;
+    readonly mode: _angular_core.InputSignal<ModeDePagination>;
+    /** A partir de 1. */
+    readonly numero: _angular_core.InputSignal<number>;
+    readonly precedenteDisponible: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly suivanteDisponible: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly chargement: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Nom de la navigation, quand une page en porte plusieurs. */
+    readonly etiquette: _angular_core.InputSignal<string | null>;
+    /** Tailles proposees ; vide, pas de choix. Plafonnees a 100. */
+    readonly taillesDePage: _angular_core.InputSignal<readonly number[]>;
+    readonly taille: _angular_core.ModelSignal<number>;
+    /** Recoit le focus apres un changement de page. */
+    readonly cible: _angular_core.InputSignal<Focalisable | (() => Focalisable | null) | null>;
+    readonly precedente: _angular_core.OutputEmitterRef<void>;
+    readonly suivante: _angular_core.OutputEmitterRef<void>;
+    protected readonly annonce: AnnonceLocale;
+    protected readonly tailles: _angular_core.Signal<number[]>;
+    protected readonly etiquetteLue: _angular_core.Signal<string>;
+    constructor();
+    protected surTaille(evenement: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StPagination, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StPagination, "st-pagination", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "numero": { "alias": "numero"; "required": false; "isSignal": true; }; "precedenteDisponible": { "alias": "precedenteDisponible"; "required": false; "isSignal": true; }; "suivanteDisponible": { "alias": "suivanteDisponible"; "required": false; "isSignal": true; }; "chargement": { "alias": "chargement"; "required": false; "isSignal": true; }; "etiquette": { "alias": "etiquette"; "required": false; "isSignal": true; }; "taillesDePage": { "alias": "taillesDePage"; "required": false; "isSignal": true; }; "taille": { "alias": "taille"; "required": false; "isSignal": true; }; "cible": { "alias": "cible"; "required": false; "isSignal": true; }; }, { "taille": "tailleChange"; "precedente": "precedente"; "suivante": "suivante"; }, never, never, true, never>;
+}
+
+/** Une paire terme et valeur. `description` nulle : « Non renseigne ». */
+interface ElementDeDescription {
+    /** Relie l'element a un gabarit `stDescription`. Par defaut : le terme. */
+    readonly cle?: string;
+    readonly terme: string;
+    readonly description: string | null;
+}
+/** Contexte d'un gabarit de description. */
+interface ContexteDeDescription {
+    readonly $implicit: ElementDeDescription;
+}
+/**
+ * Valeur riche d'un element : montant, date, valeur masquee.
+ *
+ * ```html
+ * <ng-template stDescription="iban" let-element>
+ *   <st-masked nature="iban" [valeur]="compte().iban" />
+ * </ng-template>
+ * ```
+ */
+declare class StDescription {
+    readonly cle: _angular_core.InputSignal<string>;
+    readonly gabarit: TemplateRef<ContexteDeDescription>;
+    static ngTemplateContextGuard(_directive: StDescription, _contexte: unknown): _contexte is ContexteDeDescription;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StDescription, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StDescription, "ng-template[stDescription]", never, { "cle": { "alias": "stDescription"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/**
+ * Liste de descriptions : les proprietes d'un objet, sur une page de detail.
+ *
+ * ```html
+ * <st-description-list [elements]="[
+ *   { terme: 'Reference', description: commande().reference },
+ *   { cle: 'montant', terme: 'Montant', description: null },
+ * ]">
+ *   <ng-template stDescription="montant"><st-money [valeur]="commande().montant" /></ng-template>
+ * </st-description-list>
+ * ```
+ *
+ * ⚠️ **Un vrai `dl`, rendu par le composant.** Le lecteur d'ecran annonce « liste de
+ * descriptions, 4 elements » et lit chaque terme avec sa valeur. Ecrits par
+ * l'application et projetes, `dt` et `dd` echapperaient aux styles du composant,
+ * et un `div` mal place rendrait la liste invalide.
+ *
+ * ⚠️ **Une valeur absente se dit** : « — » a l'ecran, « Non renseigne » au lecteur
+ * d'ecran. Une cellule vide ne distingue pas « aucun » de « pas encore charge ».
+ *
+ * En colonnes quand la place le permet, empile en dessous : la largeur est celle
+ * du CONTENEUR, pas de l'ecran — la meme liste dans une carte etroite s'empile
+ * aussi sur un grand ecran (UX-18).
+ */
+declare class StDescriptionList {
+    protected readonly libelles: _angular_core.Signal<_starterlib_ui.LibellesUi>;
+    readonly elements: _angular_core.InputSignal<readonly ElementDeDescription[]>;
+    private readonly gabarits;
+    protected readonly lignes: _angular_core.Signal<{
+        element: ElementDeDescription;
+        gabarit: TemplateRef<ContexteDeDescription> | null;
+    }[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StDescriptionList, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StDescriptionList, "st-description-list", never, { "elements": { "alias": "elements"; "required": true; "isSignal": true; }; }, {}, ["gabarits"], never, true, never>;
+}
+
+/** Contexte d'un gabarit d'element de liste. */
+interface ContexteDElementDeListe<T> {
+    readonly $implicit: T;
+    readonly indice: number;
+}
+/**
+ * Rendu d'un element, type par `[stElementDeListeDe]` :
+ *
+ * ```html
+ * <ng-template stElementDeListe [stElementDeListeDe]="expeditions()" let-expedition>
+ *   <a [routerLink]="['/expeditions', expedition.id]">{{ expedition.reference }}</a>
+ * </ng-template>
+ * ```
+ */
+declare class StElementDeListe<T> {
+    /** Sert seulement au typage du contexte ; nom de l'attribut, d'ou l'absence d'alias. */
+    readonly stElementDeListeDe: _angular_core.InputSignal<readonly T[] | null | undefined>;
+    readonly gabarit: TemplateRef<ContexteDElementDeListe<T>>;
+    static ngTemplateContextGuard<T>(_directive: StElementDeListe<T>, _contexte: unknown): _contexte is ContexteDElementDeListe<T>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StElementDeListe<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StElementDeListe<any>, "ng-template[stElementDeListe]", never, { "stElementDeListeDe": { "alias": "stElementDeListeDe"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/**
+ * Liste d'objets : expeditions, notifications, documents. La forme mobile d'un
+ * tableau (UX-5).
+ *
+ * ```html
+ * <st-list #liste etiquette="Mes expeditions" [elements]="expeditions()" cle="id">
+ *   <ng-template stElementDeListe [stElementDeListeDe]="expeditions()" let-expedition>…</ng-template>
+ * </st-list>
+ * <st-pagination mode="suite" [cible]="liste" … />
+ * ```
+ *
+ * ⚠️ **Un lien DANS l'element, jamais un element cliquable** (UX-3) : le lien a un
+ * nom, s'ouvre dans un onglet, et laisse les autres boutons de l'element
+ * atteignables.
+ *
+ * ⚠️ **`focus()` va au premier element AJOUTE** depuis le dernier affichage : apres
+ * « Afficher plus », la lecture reprend la ou la liste s'est allongee, et non en
+ * tete. Apres un filtre, la liste raccourcit, et le focus va au premier element.
+ *
+ * `track` par la cle : un rafraichissement garde le focus sur le bon element.
+ */
+declare class StList<T> {
+    private readonly element;
+    readonly elements: _angular_core.InputSignal<readonly T[]>;
+    /** Propriete qui identifie un element. */
+    readonly cle: _angular_core.InputSignal<keyof T & string>;
+    /** Nom de la liste, lu a l'entree. */
+    readonly etiquette: _angular_core.InputSignal<string | null>;
+    /** `ol` quand l'ordre a un sens : etapes, classement. */
+    readonly ordonnee: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Contenu en cours de remplacement : `aria-busy`. */
+    readonly chargement: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected readonly gabarit: _angular_core.Signal<StElementDeListe<any> | undefined>;
+    private indiceDuPremierAjout;
+    protected readonly lignes: _angular_core.Signal<{
+        valeur: T;
+        indice: number;
+        identifiant: string;
+    }[]>;
+    constructor();
+    /** Focus sur le premier element ajoute, ou sur le premier. */
+    focus(options?: FocusOptions): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StList<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StList<any>, "st-list", never, { "elements": { "alias": "elements"; "required": true; "isSignal": true; }; "cle": { "alias": "cle"; "required": true; "isSignal": true; }; "etiquette": { "alias": "etiquette"; "required": false; "isSignal": true; }; "ordonnee": { "alias": "ordonnee"; "required": false; "isSignal": true; }; "chargement": { "alias": "chargement"; "required": false; "isSignal": true; }; }, {}, ["gabarit"], never, true, never>;
+}
+
+type SensDeTri = 'croissant' | 'decroissant';
+/**
+ * Bouton de tri d'une colonne, pose DANS l'en-tete : `<th><button stSortHeader>`.
+ *
+ * ⚠️ **Le bouton, pas l'en-tete cliquable** : un `th` n'est ni focalisable ni
+ * annonce comme actionnable. Et l'etat se porte par `aria-sort` sur le `th`, que
+ * `st-data-table` pose sur la SEULE colonne triee (FE-3).
+ *
+ * ⚠️ **Ne trie rien.** Il dit l'intention ; c'est le serveur qui trie, et le
+ * contrat actuel ne le fait pas (audit de la vague 4, V4-3). Trier la page
+ * affichee ferait croire a un tri de toute la liste.
+ *
+ * Une colonne non triee montre deux chevrons, pour se signaler triable sans
+ * attendre le survol ; l'icone est decorative, l'etat est lu par `aria-sort`.
+ */
+declare class StSortHeader {
+    readonly sens: _angular_core.InputSignal<SensDeTri | null>;
+    protected readonly icone: _angular_core.Signal<"copie" | "boite-vide" | "calendrier" | "cercle" | "cercle-coche" | "cercle-croix" | "cercle-info" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "coche" | "corbeille" | "croix" | "fichier" | "hors-ligne" | "lien-externe" | "menu" | "oeil" | "oeil-barre" | "plus" | "rafraichir" | "recherche" | "serveur" | "televerser" | "tri" | "triangle-alerte" | "utilisateur">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StSortHeader, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StSortHeader, "button[stSortHeader]", never, { "sens": { "alias": "sens"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/** Une colonne, decrite en donnees. */
+interface ColonneDeTableau {
+    /** Identifie la colonne ; par defaut, la propriete affichee. */
+    readonly cle: string;
+    readonly libelle: string;
+    /** `fin` pour les nombres et les montants (UX-4). */
+    readonly alignement?: 'debut' | 'fin';
+    /** Seulement si le SERVEUR trie sur cette colonne (V4-3). */
+    readonly triable?: boolean;
+    /** Libelle lu mais non affiche : colonne d'actions. Jamais vide. */
+    readonly libelleMasque?: boolean;
+}
+interface TriDeTableau {
+    readonly cle: string;
+    readonly sens: SensDeTri;
+}
+type DensiteDeTableau = 'confortable' | 'compacte';
+/** Contexte d'un gabarit de cellule. */
+interface ContexteDeCellule<T> {
+    readonly $implicit: T;
+    readonly colonne: ColonneDeTableau;
+}
+/**
+ * Rendu d'une cellule, type par `[stCelluleDe]` :
+ *
+ * ```html
+ * <ng-template stCellule="montant" [stCelluleDe]="lignes()" let-ligne>
+ *   <st-money [valeur]="ligne.montant" />
+ * </ng-template>
+ * ```
+ */
+declare class StCellule<T> {
+    readonly cle: _angular_core.InputSignal<string>;
+    /** Sert seulement au typage du contexte ; nom de l'attribut, d'ou l'absence d'alias. */
+    readonly stCelluleDe: _angular_core.InputSignal<readonly T[] | null | undefined>;
+    readonly gabarit: TemplateRef<ContexteDeCellule<T>>;
+    static ngTemplateContextGuard<T>(_directive: StCellule<T>, _contexte: unknown): _contexte is ContexteDeCellule<T>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StCellule<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StCellule<any>, "ng-template[stCellule]", never, { "cle": { "alias": "stCellule"; "required": true; "isSignal": true; }; "stCelluleDe": { "alias": "stCelluleDe"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/** Contenu du tableau vide : un `st-empty`, avec son action. */
+declare class StTableauVide {
+    readonly gabarit: TemplateRef<unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StTableauVide, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StTableauVide, "ng-template[stTableauVide]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Tableau de donnees, sur un `<table>` NATIF.
+ *
+ * ```html
+ * <st-data-table #tableau legende="Expeditions" [colonnes]="colonnes" [lignes]="lignes()"
+ *   cle="id" selectionnable [(selection)]="choisies" [chargement]="page.isLoading()">
+ *   <ng-template stCellule="reference" [stCelluleDe]="lignes()" let-ligne>
+ *     <a [routerLink]="['/expeditions', ligne.id]">{{ ligne.reference }}</a>
+ *   </ng-template>
+ *   <button stButton stActionsDeTableau (click)="exporter()">Exporter</button>
+ * </st-data-table>
+ * ```
+ *
+ * ⚠️ **Un tableau, pas une grille** (audit de la vague 4, V4-1). Le lecteur d'ecran
+ * sait parcourir un `<table>` de cellule en cellule ; une grille ARIA remplacerait
+ * ce parcours par les fleches, et rendrait les liens des cellules plus durs a
+ * atteindre. Ni Material, ni `CdkTable` : pas de pair dans le tronc.
+ *
+ * - **Legende obligatoire** (UX-1), et une colonne d'en-tete de ligne — la premiere
+ *   par defaut — pour que chaque cellule se lise avec sa ligne (UX-2).
+ * - **Zone de defilement nommee** : focalisable quand le tableau deborde (UX-6),
+ *   colonne figee sans masquer le focus (UX-7), en-tete fige seulement avec
+ *   `hauteurMax` (UX-8).
+ * - **Selection de la PAGE, par cle** (V4-4) : elle ne garde que les lignes encore
+ *   affichees, et se vide donc au changement de page.
+ * - **Tri PILOTE** : le tableau dit la demande et l'annonce, il ne reordonne
+ *   jamais les lignes (V4-3).
+ * - **Chargement** : squelette au premier, lignes gardees et `aria-busy` ensuite
+ *   (UX-11).
+ * - Export, actions de masse : zone `stActionsDeTableau`, et le SERVEUR fait le
+ *   travail (V4-5, SEC-4, SEC-5).
+ */
+declare class StDataTable<T> {
+    protected readonly libelles: _angular_core.Signal<_starterlib_ui.LibellesUi>;
+    readonly legende: _angular_core.InputSignal<string>;
+    /** Lue mais non affichee, quand un titre visible nomme deja le tableau. */
+    readonly legendeMasquee: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly colonnes: _angular_core.InputSignal<readonly ColonneDeTableau[]>;
+    readonly lignes: _angular_core.InputSignal<readonly T[]>;
+    /** Propriete qui identifie une ligne. Jamais l'indice (FE-1). */
+    readonly cle: _angular_core.InputSignal<keyof T & string>;
+    /** Colonne lue comme en-tete de chaque ligne. Par defaut : la premiere. */
+    readonly enTeteDeLigne: _angular_core.InputSignal<string | null>;
+    readonly premiereColonneFigee: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Hauteur maximale, `32rem` : l'en-tete se fige, le corps defile. */
+    readonly hauteurMax: _angular_core.InputSignal<string | null>;
+    readonly densite: _angular_core.InputSignal<DensiteDeTableau>;
+    readonly chargement: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly selectionnable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly selection: _angular_core.ModelSignal<readonly string[]>;
+    readonly tri: _angular_core.ModelSignal<TriDeTableau | null>;
+    /** Texte du tableau vide, sans gabarit `stTableauVide`. */
+    readonly texteVide: _angular_core.InputSignal<string | null>;
+    private readonly gabarits;
+    protected readonly gabaritVide: _angular_core.Signal<StTableauVide | undefined>;
+    private readonly zone;
+    protected readonly annonce: AnnonceLocale;
+    protected readonly deborde: _angular_core.WritableSignal<boolean>;
+    protected readonly largeurFigee: _angular_core.WritableSignal<number>;
+    protected readonly identifiants: {
+        readonly legende: `${string}-legende`;
+        readonly selection: `${string}-selection`;
+    };
+    protected readonly cleDEnTete: _angular_core.Signal<string>;
+    protected readonly cellules: _angular_core.Signal<{
+        colonne: ColonneDeTableau;
+        gabarit: TemplateRef<ContexteDeCellule<any>> | null;
+        enTete: boolean;
+    }[]>;
+    protected readonly rangees: _angular_core.Signal<{
+        valeur: T;
+        identifiant: string;
+        nom: string | null;
+        choisie: boolean;
+    }[]>;
+    protected readonly squelette: _angular_core.Signal<number[]>;
+    protected readonly nombreDeColonnes: _angular_core.Signal<number>;
+    protected readonly colonnesDeSquelette: _angular_core.Signal<number[]>;
+    protected readonly toutesChoisies: _angular_core.Signal<boolean>;
+    protected readonly quelquesChoisies: _angular_core.Signal<boolean>;
+    constructor();
+    /** Amene le focus sur le tableau : sa legende est lue (UX-13). */
+    focus(options?: FocusOptions): void;
+    protected sensDe(colonne: ColonneDeTableau): SensDeTri | null;
+    protected ariaSort(colonne: ColonneDeTableau): string | null;
+    protected trier(colonne: ColonneDeTableau): void;
+    protected basculerTout(): void;
+    protected basculer(identifiant: string): void;
+    protected texteDe(ligne: T, colonne: ColonneDeTableau): string | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StDataTable<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StDataTable<any>, "st-data-table", never, { "legende": { "alias": "legende"; "required": true; "isSignal": true; }; "legendeMasquee": { "alias": "legendeMasquee"; "required": false; "isSignal": true; }; "colonnes": { "alias": "colonnes"; "required": true; "isSignal": true; }; "lignes": { "alias": "lignes"; "required": true; "isSignal": true; }; "cle": { "alias": "cle"; "required": true; "isSignal": true; }; "enTeteDeLigne": { "alias": "enTeteDeLigne"; "required": false; "isSignal": true; }; "premiereColonneFigee": { "alias": "premiereColonneFigee"; "required": false; "isSignal": true; }; "hauteurMax": { "alias": "hauteurMax"; "required": false; "isSignal": true; }; "densite": { "alias": "densite"; "required": false; "isSignal": true; }; "chargement": { "alias": "chargement"; "required": false; "isSignal": true; }; "selectionnable": { "alias": "selectionnable"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "tri": { "alias": "tri"; "required": false; "isSignal": true; }; "texteVide": { "alias": "texteVide"; "required": false; "isSignal": true; }; }, { "selection": "selectionChange"; "tri": "triChange"; }, ["gabarits", "gabaritVide"], ["[stActionsDeTableau]"], true, never>;
+}
+
+/**
+ * Filtre actif, retirable : « Statut : Expediee ✕ ».
+ *
+ * ```html
+ * <button stFilterChip libelle="Statut : Expediee" (click)="retirer('statut')"></button>
+ * ```
+ *
+ * ⚠️ **Toute la puce est le bouton**, et son nom CONTIENT le texte visible —
+ * « Retirer le filtre Statut : Expediee » (WCAG 2.5.3) : une commande vocale
+ * « cliquer Statut » l'atteint. Une croix seule, a cote d'un texte inerte, serait
+ * une cible de quelques pixels sans nom.
+ */
+declare class StFilterChip {
+    private readonly libelles;
+    readonly libelle: _angular_core.InputSignal<string>;
+    protected readonly nom: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StFilterChip, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StFilterChip, "button[stFilterChip]", never, { "libelle": { "alias": "libelle"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** Un filtre en vigueur, tel qu'il se lit : « Statut : Expediee ». */
+interface FiltreActif {
+    readonly cle: string;
+    readonly libelle: string;
+}
+/**
+ * Barre de filtres : les champs, puis les filtres en vigueur, retirables.
+ *
+ * ```html
+ * <st-filter-bar [filtresActifs]="actifs()" (retrait)="retirer($event)" (effacement)="effacer()">
+ *   <st-select libelle="Statut" [options]="statuts" [(value)]="statut" />
+ * </st-filter-bar>
+ * ```
+ *
+ * Un formulaire NOMME : repere « Filtres » dans la liste des reperes du lecteur
+ * d'ecran. Pas un repere `search` : un `st-search-field` pose dedans en porte deja
+ * un, et deux reperes imbriques se liraient en double.
+ *
+ * ⚠️ **Les filtres s'appliquent au changement**, par l'application : Entree dans
+ * un champ n'envoie rien, et ne recharge pas la page.
+ *
+ * ⚠️ **Retirer un filtre rend le focus a la puce suivante**, sinon a la
+ * precedente, sinon au formulaire ; « Effacer les filtres » le rend au formulaire
+ * (UX-14). Le focus ne tombe jamais sur le document, et le retrait s'annonce.
+ *
+ * ⚠️ **Dans l'adresse, des valeurs d'enumeration seulement** (SEC-2) : un texte
+ * cherche, un nom, un IBAN n'y vont pas. Le composant ne touche pas a l'adresse ;
+ * la regle est pour l'application qui le ferait.
+ */
+declare class StFilterBar {
+    protected readonly libelles: _angular_core.Signal<_starterlib_ui.LibellesUi>;
+    private readonly element;
+    private readonly injecteur;
+    /** Nom du formulaire. Par defaut : « Filtres ». */
+    readonly etiquette: _angular_core.InputSignal<string | null>;
+    readonly filtresActifs: _angular_core.InputSignal<readonly FiltreActif[]>;
+    readonly retrait: _angular_core.OutputEmitterRef<string>;
+    readonly effacement: _angular_core.OutputEmitterRef<void>;
+    protected readonly annonce: AnnonceLocale;
+    protected readonly identifiantActifs: string;
+    protected readonly etiquetteLue: _angular_core.Signal<string>;
+    protected retirer(filtre: FiltreActif, indice: number): void;
+    protected effacer(): void;
+    private apresLeRendu;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StFilterBar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StFilterBar, "st-filter-bar", never, { "etiquette": { "alias": "etiquette"; "required": false; "isSignal": true; }; "filtresActifs": { "alias": "filtresActifs"; "required": false; "isSignal": true; }; }, { "retrait": "retrait"; "effacement": "effacement"; }, never, ["*"], true, never>;
 }
 
 /**
@@ -2536,5 +3015,5 @@ declare class StChargement {
 /** Toutes les directives de gabarit, a importer d'un coup. */
 declare const GABARITS_D_ETAT: readonly [typeof StSucces, typeof StErreur, typeof StVide, typeof StHorsLigne, typeof StChargement];
 
-export { AnnonceLocale, CHEMIN_DU_SPRITE, ContratDeChamp, ControleDeSaisie, FUSEAU_PAR_DEFAUT, GABARITS_D_ETAT, IDENTIFIANT_DU_CONTENU_PRINCIPAL, LIBELLES_EN, LIBELLES_FR, NOMS_DICONE, REGION_VIVANTE_PARENTE, ST_LIBELLES, ST_LOCALE, StAppShell, StAvatar, StBadge, StBanner, StBreadcrumb, StButton, StButtonGroup, StCalendar, StCard, StChargement, StCheckbox, StCode, StControleDeChamp, StCopyButton, StCount, StDate, StDivider, StEmpty, StErreur, StError, StErrorSummary, StFieldset, StFileUpload, StFormField, StHeader, StHeading, StHorsLigne, StIbanField, StIcon, StIconButton, StInlineMessage, StInput, StLangSwitch, StLink, StLogo, StMasked, StMoney, StOfflineBanner, StOtpField, StPageTitle, StPasswordField, StPhoneField, StProgress, StRadioGroup, StRelativeTime, StSearchField, StSection, StSelect, StSkeleton, StSkipLink, StSpinner, StState, StStatusPill, StSucces, StSwitch, StTag, StText, StTextarea, StThemeToggle, StTimer, StVide, copierDansLePressePapiers, erreurDate, erreurIban, erreurPlageDeDates, erreurTelephone, erreursDeFichiers, exempleDeDate, filtrerOptions, formaterDuree, fournirCheminDuSprite, fusionnerErreurs, messageDErreur, motifLocal, normaliserPourRecherche, pressePapiersDisponible, provideStarterUi };
-export type { BornesDeDate, ConfigurationUi, DispositionDeChamp, ElementDeSaisie, ErreurAffichable, FormatDeDate, GraisseDeTexte, IssueDeCopie, LibellesUi, MaillonDeFil, NiveauDeTitre, NomDIcone, OptionDeListe, OptionRadio, OrientationDeSeparateur, ReglesDeFichiers, ReliefDeCarte, RembourrageDeCarte, RemplissageDeTelephone, TailleDIcone, TailleDeBouton, TailleDeSpinner, TailleDeTitre, TonDIcone, TonDeBadge, TonDeBanniere, TonDeMessage, TonDeProgression, TonDeSpinner, TonDeStatut, TypeDeSaisie, TypeMasque, UsageDuMotDePasse, VarianteDErreur, VarianteDeBouton, VarianteDeBoutonIcone, VarianteDeLien, VarianteDeSquelette, VarianteDeTexte };
+export { AnnonceLocale, CHEMIN_DU_SPRITE, ContratDeChamp, ControleDeSaisie, FUSEAU_PAR_DEFAUT, GABARITS_D_ETAT, IDENTIFIANT_DU_CONTENU_PRINCIPAL, LIBELLES_EN, LIBELLES_FR, NOMS_DICONE, REGION_VIVANTE_PARENTE, ST_LIBELLES, ST_LOCALE, StAppShell, StAvatar, StBadge, StBanner, StBreadcrumb, StButton, StButtonGroup, StCalendar, StCard, StCellule, StChargement, StCheckbox, StCode, StControleDeChamp, StCopyButton, StCount, StDataTable, StDate, StDescription, StDescriptionList, StDivider, StElementDeListe, StEmpty, StErreur, StError, StErrorSummary, StFieldset, StFileUpload, StFilterBar, StFilterChip, StFormField, StHeader, StHeading, StHorsLigne, StIbanField, StIcon, StIconButton, StInlineMessage, StInput, StLangSwitch, StLink, StList, StLogo, StMasked, StMoney, StOfflineBanner, StOtpField, StPageTitle, StPagination, StPasswordField, StPhoneField, StProgress, StRadioGroup, StRelativeTime, StSearchField, StSection, StSelect, StSkeleton, StSkipLink, StSortHeader, StSpinner, StState, StStatusPill, StSucces, StSwitch, StTableauVide, StTag, StText, StTextarea, StThemeToggle, StTimer, StVide, cleDeFichier, copierDansLePressePapiers, erreurDate, erreurIban, erreurPlageDeDates, erreurTelephone, erreursDeFichiers, exempleDeDate, filtrerOptions, formaterDuree, fournirCheminDuSprite, fusionnerErreurs, messageDErreur, motifLocal, normaliserPourRecherche, pressePapiersDisponible, provideStarterUi };
+export type { BornesDeDate, ColonneDeTableau, ConfigurationUi, ContexteDElementDeListe, ContexteDeCellule, ContexteDeDescription, DensiteDeTableau, DispositionDeChamp, ElementDeDescription, ElementDeSaisie, ErreurAffichable, EtatDeTeleversementAffiche, FiltreActif, Focalisable, FormatDeDate, GraisseDeTexte, IssueDeCopie, LibellesUi, MaillonDeFil, ModeDePagination, NiveauDeTitre, NomDIcone, OptionDeListe, OptionRadio, OrientationDeSeparateur, ReglesDeFichiers, ReliefDeCarte, RembourrageDeCarte, RemplissageDeTelephone, SensDeTri, TailleDIcone, TailleDeBouton, TailleDeSpinner, TailleDeTitre, TonDIcone, TonDeBadge, TonDeBanniere, TonDeMessage, TonDeProgression, TonDeSpinner, TonDeStatut, TriDeTableau, TypeDeSaisie, TypeMasque, UsageDuMotDePasse, VarianteDErreur, VarianteDeBouton, VarianteDeBoutonIcone, VarianteDeLien, VarianteDeSquelette, VarianteDeTexte };