@starterlib/ui 0.4.0 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
  import * as _angular_core from '@angular/core';
2
- import { InjectionToken, Signal, Provider, DestroyRef, Resource, TemplateRef } from '@angular/core';
2
+ import { InjectionToken, Signal, Provider, DestroyRef, TemplateRef, Resource } from '@angular/core';
3
3
  import { Ton, Montant, TonSemantique, DateIso, PlageDeDates, DescriptionDeFichier, ChoixDeTheme, Langue, EtatDeBloc } from '@starterlib/util';
4
4
  export { ETATS_DE_BLOC, EtatDeBloc } from '@starterlib/util';
5
5
  import { ValidationError, FormValueControl, FormCheckboxControl } from '@angular/forms/signals';
@@ -118,6 +118,26 @@ interface LibellesUi {
118
118
  readonly tropDeFichiers: (nombre: number) => string;
119
119
  readonly typesAcceptes: (types: string) => string;
120
120
  readonly tailleMaximale: (taille: string) => string;
121
+ /** Listes et tableaux */
122
+ readonly pagination: string;
123
+ readonly pagePrecedente: string;
124
+ readonly pageSuivante: string;
125
+ readonly pageNumero: (numero: number) => string;
126
+ readonly afficherPlus: string;
127
+ readonly lignesParPage: string;
128
+ readonly selectionnerLaPage: (nombre: number) => string;
129
+ readonly selectionnerLaLigne: (ligne: string) => string;
130
+ readonly lignesSelectionnees: (nombre: number) => string;
131
+ readonly trieCroissant: (colonne: string) => string;
132
+ readonly trieDecroissant: (colonne: string) => string;
133
+ readonly tableauVide: string;
134
+ readonly nonRenseigne: string;
135
+ readonly filtres: string;
136
+ readonly filtresActifs: string;
137
+ readonly retirerLeFiltre: (filtre: string) => string;
138
+ readonly effacerLesFiltres: string;
139
+ readonly filtreRetire: (filtre: string) => string;
140
+ readonly filtresEffaces: string;
121
141
  /** Dialogues */
122
142
  readonly confirmer: string;
123
143
  readonly annuler: string;
@@ -301,7 +321,7 @@ type TonDIcone = Exclude<Ton, 'inverse'>;
301
321
  */
302
322
  declare class StIcon {
303
323
  private readonly cheminDuSprite;
304
- 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">;
324
+ 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">;
305
325
  readonly taille: _angular_core.InputSignal<TailleDIcone>;
306
326
  readonly ton: _angular_core.InputSignal<TonDIcone>;
307
327
  /** `null` : l'icone est decorative et reste muette pour les lecteurs. */
@@ -320,7 +340,7 @@ declare class StIcon {
320
340
  * reference `use` vers un identifiant absent ne rend RIEN, sans erreur, et le
321
341
  * defaut passe la revue.
322
342
  */
323
- 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"];
343
+ 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"];
324
344
  type NomDIcone = (typeof NOMS_DICONE)[number];
325
345
 
326
346
  type VarianteDeTexte = 'corps' | 'corps-sm' | 'discret' | 'legende' | 'mono';
@@ -477,8 +497,8 @@ declare class StButton {
477
497
  readonly variante: _angular_core.InputSignal<VarianteDeBouton>;
478
498
  readonly taille: _angular_core.InputSignal<TailleDeBouton>;
479
499
  readonly pleineLargeur: _angular_core.InputSignalWithTransform<boolean, unknown>;
480
- 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>;
481
- 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>;
500
+ 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>;
501
+ 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>;
482
502
  /**
483
503
  * Action en cours. Tant qu'il vaut vrai, les clics sont avales : c'est le
484
504
  * mecanisme d'anti double soumission. L'appelant doit le lever DES la
@@ -516,7 +536,7 @@ type VarianteDeBoutonIcone = Extract<VarianteDeBouton, 'discret' | 'secondaire'
516
536
  * de facon fiable.
517
537
  */
518
538
  declare class StIconButton {
519
- 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">;
539
+ 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">;
520
540
  /** Nom accessible du controle. Sans lui, l'icone ne dit rien. */
521
541
  readonly etiquette: _angular_core.InputSignal<string>;
522
542
  readonly variante: _angular_core.InputSignal<VarianteDeBoutonIcone>;
@@ -808,7 +828,7 @@ declare class StStatusPill {
808
828
  readonly statut: _angular_core.InputSignal<string>;
809
829
  /** Texte deja traduit par l'appelant : le socle ne traduit rien. */
810
830
  readonly libelle: _angular_core.InputSignal<string>;
811
- 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">;
831
+ 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">;
812
832
  readonly ton: _angular_core.InputSignal<TonSemantique>;
813
833
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<StStatusPill, never>;
814
834
  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 +921,7 @@ declare class StAvatar {
901
921
  declare class StEmpty {
902
922
  readonly titre: _angular_core.InputSignal<string>;
903
923
  readonly description: _angular_core.InputSignal<string | null>;
904
- 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">;
924
+ 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">;
905
925
  readonly niveauDuTitre: _angular_core.InputSignal<NiveauDeTitre>;
906
926
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<StEmpty, never>;
907
927
  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 +959,7 @@ declare class StError {
939
959
  protected readonly libelleRejeuLu: _angular_core.Signal<string>;
940
960
  protected readonly etiquetteDeTraceLue: _angular_core.Signal<string>;
941
961
  protected readonly etiquetteDuCode: _angular_core.Signal<string>;
942
- 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">;
962
+ 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">;
943
963
  protected readonly sAnnonce: _angular_core.Signal<boolean>;
944
964
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<StError, never>;
945
965
  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 +1287,7 @@ declare class StBanner {
1267
1287
  /** `null` : le texte vient du dictionnaire de l'application. */
1268
1288
  readonly libelleFermeture: _angular_core.InputSignal<string | null>;
1269
1289
  readonly ferme: _angular_core.OutputEmitterRef<void>;
1270
- 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">;
1290
+ 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">;
1271
1291
  protected readonly libelleFermetureLu: _angular_core.Signal<string>;
1272
1292
  protected readonly roleLu: _angular_core.Signal<"status" | "alert" | null>;
1273
1293
  /**
@@ -1313,7 +1333,7 @@ declare class StInlineMessage {
1313
1333
  readonly ton: _angular_core.InputSignal<TonSemantique>;
1314
1334
  /** Cible d'un `aria-describedby` pose par le champ decrit. */
1315
1335
  readonly identifiant: _angular_core.InputSignal<string | null>;
1316
- 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">;
1336
+ 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">;
1317
1337
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<StInlineMessage, never>;
1318
1338
  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>;
1319
1339
  }
@@ -2205,6 +2225,431 @@ declare class StFileUpload extends ContratDeChamp implements FormValueControl<re
2205
2225
  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>;
2206
2226
  }
2207
2227
 
2228
+ /**
2229
+ * `pages` : page precedente et suivante, pour un tableau.
2230
+ * `suite` : « Afficher plus », pour une liste qui s'allonge.
2231
+ */
2232
+ type ModeDePagination = 'pages' | 'suite';
2233
+ /** Ce qui peut recevoir le focus apres un changement de page. */
2234
+ interface Focalisable {
2235
+ focus(options?: FocusOptions): void;
2236
+ }
2237
+ /**
2238
+ * Pagination d'une liste par curseur.
2239
+ *
2240
+ * ```html
2241
+ * <st-data-table #tableau … />
2242
+ * <st-pagination
2243
+ * [numero]="navigation.numeroDePage()"
2244
+ * [precedenteDisponible]="navigation.precedenteDisponible()"
2245
+ * [suivanteDisponible]="page.value()?.hasMore ?? false"
2246
+ * [chargement]="page.isLoading()"
2247
+ * [cible]="tableau"
2248
+ * (precedente)="navigation.precedente()"
2249
+ * (suivante)="navigation.suivante(page.value())"
2250
+ * />
2251
+ * ```
2252
+ *
2253
+ * ⚠️ **Ni total, ni numeros cliquables** : le backend ne compte pas et ne va que
2254
+ * vers l'avant (audit de la vague 4, V4-2). « Page 3 » se dit ; « page 3 sur 12 »
2255
+ * serait invente.
2256
+ *
2257
+ * ⚠️ **Boutons indisponibles, jamais desactives** : sur la derniere page, « Page
2258
+ * suivante » garde le focus qu'il avait. Desactive, il le perdrait, et le lecteur
2259
+ * d'ecran retomberait sur le debut du document.
2260
+ *
2261
+ * ⚠️ **Apres un changement de page, le focus va a la `cible`** — la legende du
2262
+ * tableau — et « Page 2 » s'annonce (UX-13). Sans cela, la personne au clavier
2263
+ * reste en bas, sur « Page suivante », sans savoir que le contenu au-dessus a
2264
+ * change.
2265
+ */
2266
+ declare class StPagination {
2267
+ protected readonly libelles: _angular_core.Signal<_starterlib_ui.LibellesUi>;
2268
+ private readonly injecteur;
2269
+ readonly mode: _angular_core.InputSignal<ModeDePagination>;
2270
+ /** A partir de 1. */
2271
+ readonly numero: _angular_core.InputSignal<number>;
2272
+ readonly precedenteDisponible: _angular_core.InputSignalWithTransform<boolean, unknown>;
2273
+ readonly suivanteDisponible: _angular_core.InputSignalWithTransform<boolean, unknown>;
2274
+ readonly chargement: _angular_core.InputSignalWithTransform<boolean, unknown>;
2275
+ /** Nom de la navigation, quand une page en porte plusieurs. */
2276
+ readonly etiquette: _angular_core.InputSignal<string | null>;
2277
+ /** Tailles proposees ; vide, pas de choix. Plafonnees a 100. */
2278
+ readonly taillesDePage: _angular_core.InputSignal<readonly number[]>;
2279
+ readonly taille: _angular_core.ModelSignal<number>;
2280
+ /** Recoit le focus apres un changement de page. */
2281
+ readonly cible: _angular_core.InputSignal<Focalisable | (() => Focalisable | null) | null>;
2282
+ readonly precedente: _angular_core.OutputEmitterRef<void>;
2283
+ readonly suivante: _angular_core.OutputEmitterRef<void>;
2284
+ protected readonly annonce: AnnonceLocale;
2285
+ protected readonly tailles: _angular_core.Signal<number[]>;
2286
+ protected readonly etiquetteLue: _angular_core.Signal<string>;
2287
+ constructor();
2288
+ protected surTaille(evenement: Event): void;
2289
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StPagination, never>;
2290
+ 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>;
2291
+ }
2292
+
2293
+ /** Une paire terme et valeur. `description` nulle : « Non renseigne ». */
2294
+ interface ElementDeDescription {
2295
+ /** Relie l'element a un gabarit `stDescription`. Par defaut : le terme. */
2296
+ readonly cle?: string;
2297
+ readonly terme: string;
2298
+ readonly description: string | null;
2299
+ }
2300
+ /** Contexte d'un gabarit de description. */
2301
+ interface ContexteDeDescription {
2302
+ readonly $implicit: ElementDeDescription;
2303
+ }
2304
+ /**
2305
+ * Valeur riche d'un element : montant, date, valeur masquee.
2306
+ *
2307
+ * ```html
2308
+ * <ng-template stDescription="iban" let-element>
2309
+ * <st-masked nature="iban" [valeur]="compte().iban" />
2310
+ * </ng-template>
2311
+ * ```
2312
+ */
2313
+ declare class StDescription {
2314
+ readonly cle: _angular_core.InputSignal<string>;
2315
+ readonly gabarit: TemplateRef<ContexteDeDescription>;
2316
+ static ngTemplateContextGuard(_directive: StDescription, _contexte: unknown): _contexte is ContexteDeDescription;
2317
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StDescription, never>;
2318
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StDescription, "ng-template[stDescription]", never, { "cle": { "alias": "stDescription"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
2319
+ }
2320
+ /**
2321
+ * Liste de descriptions : les proprietes d'un objet, sur une page de detail.
2322
+ *
2323
+ * ```html
2324
+ * <st-description-list [elements]="[
2325
+ * { terme: 'Reference', description: commande().reference },
2326
+ * { cle: 'montant', terme: 'Montant', description: null },
2327
+ * ]">
2328
+ * <ng-template stDescription="montant"><st-money [valeur]="commande().montant" /></ng-template>
2329
+ * </st-description-list>
2330
+ * ```
2331
+ *
2332
+ * ⚠️ **Un vrai `dl`, rendu par le composant.** Le lecteur d'ecran annonce « liste de
2333
+ * descriptions, 4 elements » et lit chaque terme avec sa valeur. Ecrits par
2334
+ * l'application et projetes, `dt` et `dd` echapperaient aux styles du composant,
2335
+ * et un `div` mal place rendrait la liste invalide.
2336
+ *
2337
+ * ⚠️ **Une valeur absente se dit** : « — » a l'ecran, « Non renseigne » au lecteur
2338
+ * d'ecran. Une cellule vide ne distingue pas « aucun » de « pas encore charge ».
2339
+ *
2340
+ * En colonnes quand la place le permet, empile en dessous : la largeur est celle
2341
+ * du CONTENEUR, pas de l'ecran — la meme liste dans une carte etroite s'empile
2342
+ * aussi sur un grand ecran (UX-18).
2343
+ */
2344
+ declare class StDescriptionList {
2345
+ protected readonly libelles: _angular_core.Signal<_starterlib_ui.LibellesUi>;
2346
+ readonly elements: _angular_core.InputSignal<readonly ElementDeDescription[]>;
2347
+ private readonly gabarits;
2348
+ protected readonly lignes: _angular_core.Signal<{
2349
+ element: ElementDeDescription;
2350
+ gabarit: TemplateRef<ContexteDeDescription> | null;
2351
+ }[]>;
2352
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StDescriptionList, never>;
2353
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<StDescriptionList, "st-description-list", never, { "elements": { "alias": "elements"; "required": true; "isSignal": true; }; }, {}, ["gabarits"], never, true, never>;
2354
+ }
2355
+
2356
+ /** Contexte d'un gabarit d'element de liste. */
2357
+ interface ContexteDElementDeListe<T> {
2358
+ readonly $implicit: T;
2359
+ readonly indice: number;
2360
+ }
2361
+ /**
2362
+ * Rendu d'un element, type par `[stElementDeListeDe]` :
2363
+ *
2364
+ * ```html
2365
+ * <ng-template stElementDeListe [stElementDeListeDe]="expeditions()" let-expedition>
2366
+ * <a [routerLink]="['/expeditions', expedition.id]">{{ expedition.reference }}</a>
2367
+ * </ng-template>
2368
+ * ```
2369
+ */
2370
+ declare class StElementDeListe<T> {
2371
+ /** Sert seulement au typage du contexte ; nom de l'attribut, d'ou l'absence d'alias. */
2372
+ readonly stElementDeListeDe: _angular_core.InputSignal<readonly T[] | null | undefined>;
2373
+ readonly gabarit: TemplateRef<ContexteDElementDeListe<T>>;
2374
+ static ngTemplateContextGuard<T>(_directive: StElementDeListe<T>, _contexte: unknown): _contexte is ContexteDElementDeListe<T>;
2375
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StElementDeListe<any>, never>;
2376
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StElementDeListe<any>, "ng-template[stElementDeListe]", never, { "stElementDeListeDe": { "alias": "stElementDeListeDe"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
2377
+ }
2378
+ /**
2379
+ * Liste d'objets : expeditions, notifications, documents. La forme mobile d'un
2380
+ * tableau (UX-5).
2381
+ *
2382
+ * ```html
2383
+ * <st-list #liste etiquette="Mes expeditions" [elements]="expeditions()" cle="id">
2384
+ * <ng-template stElementDeListe [stElementDeListeDe]="expeditions()" let-expedition>…</ng-template>
2385
+ * </st-list>
2386
+ * <st-pagination mode="suite" [cible]="liste" … />
2387
+ * ```
2388
+ *
2389
+ * ⚠️ **Un lien DANS l'element, jamais un element cliquable** (UX-3) : le lien a un
2390
+ * nom, s'ouvre dans un onglet, et laisse les autres boutons de l'element
2391
+ * atteignables.
2392
+ *
2393
+ * ⚠️ **`focus()` va au premier element AJOUTE** depuis le dernier affichage : apres
2394
+ * « Afficher plus », la lecture reprend la ou la liste s'est allongee, et non en
2395
+ * tete. Apres un filtre, la liste raccourcit, et le focus va au premier element.
2396
+ *
2397
+ * `track` par la cle : un rafraichissement garde le focus sur le bon element.
2398
+ */
2399
+ declare class StList<T> {
2400
+ private readonly element;
2401
+ readonly elements: _angular_core.InputSignal<readonly T[]>;
2402
+ /** Propriete qui identifie un element. */
2403
+ readonly cle: _angular_core.InputSignal<keyof T & string>;
2404
+ /** Nom de la liste, lu a l'entree. */
2405
+ readonly etiquette: _angular_core.InputSignal<string | null>;
2406
+ /** `ol` quand l'ordre a un sens : etapes, classement. */
2407
+ readonly ordonnee: _angular_core.InputSignalWithTransform<boolean, unknown>;
2408
+ /** Contenu en cours de remplacement : `aria-busy`. */
2409
+ readonly chargement: _angular_core.InputSignalWithTransform<boolean, unknown>;
2410
+ protected readonly gabarit: _angular_core.Signal<StElementDeListe<any> | undefined>;
2411
+ private indiceDuPremierAjout;
2412
+ protected readonly lignes: _angular_core.Signal<{
2413
+ valeur: T;
2414
+ indice: number;
2415
+ identifiant: string;
2416
+ }[]>;
2417
+ constructor();
2418
+ /** Focus sur le premier element ajoute, ou sur le premier. */
2419
+ focus(options?: FocusOptions): void;
2420
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StList<any>, never>;
2421
+ 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>;
2422
+ }
2423
+
2424
+ type SensDeTri = 'croissant' | 'decroissant';
2425
+ /**
2426
+ * Bouton de tri d'une colonne, pose DANS l'en-tete : `<th><button stSortHeader>`.
2427
+ *
2428
+ * ⚠️ **Le bouton, pas l'en-tete cliquable** : un `th` n'est ni focalisable ni
2429
+ * annonce comme actionnable. Et l'etat se porte par `aria-sort` sur le `th`, que
2430
+ * `st-data-table` pose sur la SEULE colonne triee (FE-3).
2431
+ *
2432
+ * ⚠️ **Ne trie rien.** Il dit l'intention ; c'est le serveur qui trie, et le
2433
+ * contrat actuel ne le fait pas (audit de la vague 4, V4-3). Trier la page
2434
+ * affichee ferait croire a un tri de toute la liste.
2435
+ *
2436
+ * Une colonne non triee montre deux chevrons, pour se signaler triable sans
2437
+ * attendre le survol ; l'icone est decorative, l'etat est lu par `aria-sort`.
2438
+ */
2439
+ declare class StSortHeader {
2440
+ readonly sens: _angular_core.InputSignal<SensDeTri | null>;
2441
+ 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">;
2442
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StSortHeader, never>;
2443
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<StSortHeader, "button[stSortHeader]", never, { "sens": { "alias": "sens"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
2444
+ }
2445
+
2446
+ /** Une colonne, decrite en donnees. */
2447
+ interface ColonneDeTableau {
2448
+ /** Identifie la colonne ; par defaut, la propriete affichee. */
2449
+ readonly cle: string;
2450
+ readonly libelle: string;
2451
+ /** `fin` pour les nombres et les montants (UX-4). */
2452
+ readonly alignement?: 'debut' | 'fin';
2453
+ /** Seulement si le SERVEUR trie sur cette colonne (V4-3). */
2454
+ readonly triable?: boolean;
2455
+ /** Libelle lu mais non affiche : colonne d'actions. Jamais vide. */
2456
+ readonly libelleMasque?: boolean;
2457
+ }
2458
+ interface TriDeTableau {
2459
+ readonly cle: string;
2460
+ readonly sens: SensDeTri;
2461
+ }
2462
+ type DensiteDeTableau = 'confortable' | 'compacte';
2463
+ /** Contexte d'un gabarit de cellule. */
2464
+ interface ContexteDeCellule<T> {
2465
+ readonly $implicit: T;
2466
+ readonly colonne: ColonneDeTableau;
2467
+ }
2468
+ /**
2469
+ * Rendu d'une cellule, type par `[stCelluleDe]` :
2470
+ *
2471
+ * ```html
2472
+ * <ng-template stCellule="montant" [stCelluleDe]="lignes()" let-ligne>
2473
+ * <st-money [valeur]="ligne.montant" />
2474
+ * </ng-template>
2475
+ * ```
2476
+ */
2477
+ declare class StCellule<T> {
2478
+ readonly cle: _angular_core.InputSignal<string>;
2479
+ /** Sert seulement au typage du contexte ; nom de l'attribut, d'ou l'absence d'alias. */
2480
+ readonly stCelluleDe: _angular_core.InputSignal<readonly T[] | null | undefined>;
2481
+ readonly gabarit: TemplateRef<ContexteDeCellule<T>>;
2482
+ static ngTemplateContextGuard<T>(_directive: StCellule<T>, _contexte: unknown): _contexte is ContexteDeCellule<T>;
2483
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StCellule<any>, never>;
2484
+ 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>;
2485
+ }
2486
+ /** Contenu du tableau vide : un `st-empty`, avec son action. */
2487
+ declare class StTableauVide {
2488
+ readonly gabarit: TemplateRef<unknown>;
2489
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StTableauVide, never>;
2490
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StTableauVide, "ng-template[stTableauVide]", never, {}, {}, never, never, true, never>;
2491
+ }
2492
+ /**
2493
+ * Tableau de donnees, sur un `<table>` NATIF.
2494
+ *
2495
+ * ```html
2496
+ * <st-data-table #tableau legende="Expeditions" [colonnes]="colonnes" [lignes]="lignes()"
2497
+ * cle="id" selectionnable [(selection)]="choisies" [chargement]="page.isLoading()">
2498
+ * <ng-template stCellule="reference" [stCelluleDe]="lignes()" let-ligne>
2499
+ * <a [routerLink]="['/expeditions', ligne.id]">{{ ligne.reference }}</a>
2500
+ * </ng-template>
2501
+ * <button stButton stActionsDeTableau (click)="exporter()">Exporter</button>
2502
+ * </st-data-table>
2503
+ * ```
2504
+ *
2505
+ * ⚠️ **Un tableau, pas une grille** (audit de la vague 4, V4-1). Le lecteur d'ecran
2506
+ * sait parcourir un `<table>` de cellule en cellule ; une grille ARIA remplacerait
2507
+ * ce parcours par les fleches, et rendrait les liens des cellules plus durs a
2508
+ * atteindre. Ni Material, ni `CdkTable` : pas de pair dans le tronc.
2509
+ *
2510
+ * - **Legende obligatoire** (UX-1), et une colonne d'en-tete de ligne — la premiere
2511
+ * par defaut — pour que chaque cellule se lise avec sa ligne (UX-2).
2512
+ * - **Zone de defilement nommee** : focalisable quand le tableau deborde (UX-6),
2513
+ * colonne figee sans masquer le focus (UX-7), en-tete fige seulement avec
2514
+ * `hauteurMax` (UX-8).
2515
+ * - **Selection de la PAGE, par cle** (V4-4) : elle ne garde que les lignes encore
2516
+ * affichees, et se vide donc au changement de page.
2517
+ * - **Tri PILOTE** : le tableau dit la demande et l'annonce, il ne reordonne
2518
+ * jamais les lignes (V4-3).
2519
+ * - **Chargement** : squelette au premier, lignes gardees et `aria-busy` ensuite
2520
+ * (UX-11).
2521
+ * - Export, actions de masse : zone `stActionsDeTableau`, et le SERVEUR fait le
2522
+ * travail (V4-5, SEC-4, SEC-5).
2523
+ */
2524
+ declare class StDataTable<T> {
2525
+ protected readonly libelles: _angular_core.Signal<_starterlib_ui.LibellesUi>;
2526
+ readonly legende: _angular_core.InputSignal<string>;
2527
+ /** Lue mais non affichee, quand un titre visible nomme deja le tableau. */
2528
+ readonly legendeMasquee: _angular_core.InputSignalWithTransform<boolean, unknown>;
2529
+ readonly colonnes: _angular_core.InputSignal<readonly ColonneDeTableau[]>;
2530
+ readonly lignes: _angular_core.InputSignal<readonly T[]>;
2531
+ /** Propriete qui identifie une ligne. Jamais l'indice (FE-1). */
2532
+ readonly cle: _angular_core.InputSignal<keyof T & string>;
2533
+ /** Colonne lue comme en-tete de chaque ligne. Par defaut : la premiere. */
2534
+ readonly enTeteDeLigne: _angular_core.InputSignal<string | null>;
2535
+ readonly premiereColonneFigee: _angular_core.InputSignalWithTransform<boolean, unknown>;
2536
+ /** Hauteur maximale, `32rem` : l'en-tete se fige, le corps defile. */
2537
+ readonly hauteurMax: _angular_core.InputSignal<string | null>;
2538
+ readonly densite: _angular_core.InputSignal<DensiteDeTableau>;
2539
+ readonly chargement: _angular_core.InputSignalWithTransform<boolean, unknown>;
2540
+ readonly selectionnable: _angular_core.InputSignalWithTransform<boolean, unknown>;
2541
+ readonly selection: _angular_core.ModelSignal<readonly string[]>;
2542
+ readonly tri: _angular_core.ModelSignal<TriDeTableau | null>;
2543
+ /** Texte du tableau vide, sans gabarit `stTableauVide`. */
2544
+ readonly texteVide: _angular_core.InputSignal<string | null>;
2545
+ private readonly gabarits;
2546
+ protected readonly gabaritVide: _angular_core.Signal<StTableauVide | undefined>;
2547
+ private readonly zone;
2548
+ protected readonly annonce: AnnonceLocale;
2549
+ protected readonly deborde: _angular_core.WritableSignal<boolean>;
2550
+ protected readonly largeurFigee: _angular_core.WritableSignal<number>;
2551
+ protected readonly identifiants: {
2552
+ readonly legende: `${string}-legende`;
2553
+ readonly selection: `${string}-selection`;
2554
+ };
2555
+ protected readonly cleDEnTete: _angular_core.Signal<string>;
2556
+ protected readonly cellules: _angular_core.Signal<{
2557
+ colonne: ColonneDeTableau;
2558
+ gabarit: TemplateRef<ContexteDeCellule<any>> | null;
2559
+ enTete: boolean;
2560
+ }[]>;
2561
+ protected readonly rangees: _angular_core.Signal<{
2562
+ valeur: T;
2563
+ identifiant: string;
2564
+ nom: string | null;
2565
+ choisie: boolean;
2566
+ }[]>;
2567
+ protected readonly squelette: _angular_core.Signal<number[]>;
2568
+ protected readonly nombreDeColonnes: _angular_core.Signal<number>;
2569
+ protected readonly colonnesDeSquelette: _angular_core.Signal<number[]>;
2570
+ protected readonly toutesChoisies: _angular_core.Signal<boolean>;
2571
+ protected readonly quelquesChoisies: _angular_core.Signal<boolean>;
2572
+ constructor();
2573
+ /** Amene le focus sur le tableau : sa legende est lue (UX-13). */
2574
+ focus(options?: FocusOptions): void;
2575
+ protected sensDe(colonne: ColonneDeTableau): SensDeTri | null;
2576
+ protected ariaSort(colonne: ColonneDeTableau): string | null;
2577
+ protected trier(colonne: ColonneDeTableau): void;
2578
+ protected basculerTout(): void;
2579
+ protected basculer(identifiant: string): void;
2580
+ protected texteDe(ligne: T, colonne: ColonneDeTableau): string | null;
2581
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StDataTable<any>, never>;
2582
+ 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>;
2583
+ }
2584
+
2585
+ /**
2586
+ * Filtre actif, retirable : « Statut : Expediee ✕ ».
2587
+ *
2588
+ * ```html
2589
+ * <button stFilterChip libelle="Statut : Expediee" (click)="retirer('statut')"></button>
2590
+ * ```
2591
+ *
2592
+ * ⚠️ **Toute la puce est le bouton**, et son nom CONTIENT le texte visible —
2593
+ * « Retirer le filtre Statut : Expediee » (WCAG 2.5.3) : une commande vocale
2594
+ * « cliquer Statut » l'atteint. Une croix seule, a cote d'un texte inerte, serait
2595
+ * une cible de quelques pixels sans nom.
2596
+ */
2597
+ declare class StFilterChip {
2598
+ private readonly libelles;
2599
+ readonly libelle: _angular_core.InputSignal<string>;
2600
+ protected readonly nom: _angular_core.Signal<string>;
2601
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StFilterChip, never>;
2602
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<StFilterChip, "button[stFilterChip]", never, { "libelle": { "alias": "libelle"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
2603
+ }
2604
+
2605
+ /** Un filtre en vigueur, tel qu'il se lit : « Statut : Expediee ». */
2606
+ interface FiltreActif {
2607
+ readonly cle: string;
2608
+ readonly libelle: string;
2609
+ }
2610
+ /**
2611
+ * Barre de filtres : les champs, puis les filtres en vigueur, retirables.
2612
+ *
2613
+ * ```html
2614
+ * <st-filter-bar [filtresActifs]="actifs()" (retrait)="retirer($event)" (effacement)="effacer()">
2615
+ * <st-select libelle="Statut" [options]="statuts" [(value)]="statut" />
2616
+ * </st-filter-bar>
2617
+ * ```
2618
+ *
2619
+ * Un formulaire NOMME : repere « Filtres » dans la liste des reperes du lecteur
2620
+ * d'ecran. Pas un repere `search` : un `st-search-field` pose dedans en porte deja
2621
+ * un, et deux reperes imbriques se liraient en double.
2622
+ *
2623
+ * ⚠️ **Les filtres s'appliquent au changement**, par l'application : Entree dans
2624
+ * un champ n'envoie rien, et ne recharge pas la page.
2625
+ *
2626
+ * ⚠️ **Retirer un filtre rend le focus a la puce suivante**, sinon a la
2627
+ * precedente, sinon au formulaire ; « Effacer les filtres » le rend au formulaire
2628
+ * (UX-14). Le focus ne tombe jamais sur le document, et le retrait s'annonce.
2629
+ *
2630
+ * ⚠️ **Dans l'adresse, des valeurs d'enumeration seulement** (SEC-2) : un texte
2631
+ * cherche, un nom, un IBAN n'y vont pas. Le composant ne touche pas a l'adresse ;
2632
+ * la regle est pour l'application qui le ferait.
2633
+ */
2634
+ declare class StFilterBar {
2635
+ protected readonly libelles: _angular_core.Signal<_starterlib_ui.LibellesUi>;
2636
+ private readonly element;
2637
+ private readonly injecteur;
2638
+ /** Nom du formulaire. Par defaut : « Filtres ». */
2639
+ readonly etiquette: _angular_core.InputSignal<string | null>;
2640
+ readonly filtresActifs: _angular_core.InputSignal<readonly FiltreActif[]>;
2641
+ readonly retrait: _angular_core.OutputEmitterRef<string>;
2642
+ readonly effacement: _angular_core.OutputEmitterRef<void>;
2643
+ protected readonly annonce: AnnonceLocale;
2644
+ protected readonly identifiantActifs: string;
2645
+ protected readonly etiquetteLue: _angular_core.Signal<string>;
2646
+ protected retirer(filtre: FiltreActif, indice: number): void;
2647
+ protected effacer(): void;
2648
+ private apresLeRendu;
2649
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StFilterBar, never>;
2650
+ 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>;
2651
+ }
2652
+
2208
2653
  /**
2209
2654
  * Choix du theme : systeme, clair, sombre.
2210
2655
  *
@@ -2536,5 +2981,5 @@ declare class StChargement {
2536
2981
  /** Toutes les directives de gabarit, a importer d'un coup. */
2537
2982
  declare const GABARITS_D_ETAT: readonly [typeof StSucces, typeof StErreur, typeof StVide, typeof StHorsLigne, typeof StChargement];
2538
2983
 
2539
- 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 };
2540
- 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 };
2984
+ 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, copierDansLePressePapiers, erreurDate, erreurIban, erreurPlageDeDates, erreurTelephone, erreursDeFichiers, exempleDeDate, filtrerOptions, formaterDuree, fournirCheminDuSprite, fusionnerErreurs, messageDErreur, motifLocal, normaliserPourRecherche, pressePapiersDisponible, provideStarterUi };
2985
+ export type { BornesDeDate, ColonneDeTableau, ConfigurationUi, ContexteDElementDeListe, ContexteDeCellule, ContexteDeDescription, DensiteDeTableau, DispositionDeChamp, ElementDeDescription, ElementDeSaisie, ErreurAffichable, 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 };