@starterlib/ui 0.3.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,7 +1,9 @@
1
1
  import * as _angular_core from '@angular/core';
2
- import { InjectionToken, Signal, Provider, DestroyRef, Resource, TemplateRef } from '@angular/core';
3
- import { Ton, Montant, TonSemantique, ChoixDeTheme, Langue, EtatDeBloc } from '@starterlib/util';
2
+ import { InjectionToken, Signal, Provider, DestroyRef, TemplateRef, Resource } from '@angular/core';
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
+ import { ValidationError, FormValueControl, FormCheckboxControl } from '@angular/forms/signals';
6
+ import * as _starterlib_ui from '@starterlib/ui';
5
7
 
6
8
  /**
7
9
  * Les textes que les composants portent eux-memes.
@@ -59,7 +61,83 @@ interface LibellesUi {
59
61
  readonly sessionExpireDans: (duree: string) => string;
60
62
  readonly resterConnecte: string;
61
63
  readonly seDeconnecter: string;
64
+ /** Saisie */
65
+ readonly obligatoire: string;
66
+ readonly champObligatoire: string;
67
+ readonly valeurInvalide: string;
68
+ readonly adresseInvalide: string;
69
+ readonly formatInvalide: string;
70
+ readonly longueurMinimale: (minimum: number) => string;
71
+ readonly longueurMaximale: (maximum: number) => string;
72
+ readonly valeurMinimale: (minimum: string) => string;
73
+ readonly valeurMaximale: (maximum: string) => string;
74
+ readonly caracteresRestants: (restants: number) => string;
75
+ readonly caracteresEnTrop: (enTrop: number) => string;
76
+ readonly erreursACorriger: (nombre: number) => string;
77
+ readonly afficherLeMotDePasse: string;
78
+ readonly codeAChiffres: (longueur: number) => string;
79
+ readonly ibanInvalide: string;
80
+ readonly telephoneInvalide: string;
81
+ readonly exempleDIban: string;
82
+ readonly rechercher: string;
62
83
  readonly fermerLeMessage: string;
84
+ /** Montants */
85
+ readonly montantIllisible: (exemple: string) => string;
86
+ readonly tropDeDecimales: (decimales: number) => string;
87
+ readonly deviseDuMontant: (devise: string) => string;
88
+ /** Dates */
89
+ readonly lettreDuJour: string;
90
+ readonly lettreDuMois: string;
91
+ readonly lettreDeLAnnee: string;
92
+ readonly formatDeDate: (motif: string, exemple: string) => string;
93
+ readonly dateIllisible: (motif: string, exemple: string) => string;
94
+ readonly dateTropTot: (date: string) => string;
95
+ readonly dateTropTard: (date: string) => string;
96
+ readonly finAvantDebut: string;
97
+ readonly dateDeDebut: string;
98
+ readonly dateDeFin: string;
99
+ readonly choisirDansLeCalendrier: (champ: string) => string;
100
+ readonly moisPrecedent: string;
101
+ readonly moisSuivant: string;
102
+ readonly aideDuCalendrier: string;
103
+ /** Listes de choix */
104
+ readonly choisir: string;
105
+ readonly nombreDeResultats: (nombre: number) => string;
106
+ readonly nombreDeSelections: (nombre: number) => string;
107
+ readonly retirerLeChoix: (choix: string) => string;
108
+ readonly afficherLesChoix: (champ: string) => string;
109
+ /** Fichiers */
110
+ readonly choisirDesFichiers: string;
111
+ readonly choisirUnFichier: string;
112
+ readonly ouDeposerIci: string;
113
+ readonly aucunFichier: string;
114
+ readonly nombreDeFichiers: (nombre: number) => string;
115
+ readonly retirerLeFichier: (fichier: string) => string;
116
+ readonly fichierTropVolumineux: (fichier: string, taille: string) => string;
117
+ readonly typeDeFichierRefuse: (fichier: string) => string;
118
+ readonly tropDeFichiers: (nombre: number) => string;
119
+ readonly typesAcceptes: (types: string) => string;
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;
63
141
  /** Dialogues */
64
142
  readonly confirmer: string;
65
143
  readonly annuler: string;
@@ -243,7 +321,7 @@ type TonDIcone = Exclude<Ton, 'inverse'>;
243
321
  */
244
322
  declare class StIcon {
245
323
  private readonly cheminDuSprite;
246
- readonly nom: _angular_core.InputSignal<"copie" | "boite-vide" | "cercle" | "cercle-coche" | "cercle-croix" | "cercle-info" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "coche" | "corbeille" | "croix" | "hors-ligne" | "lien-externe" | "menu" | "oeil" | "oeil-barre" | "plus" | "rafraichir" | "recherche" | "serveur" | "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">;
247
325
  readonly taille: _angular_core.InputSignal<TailleDIcone>;
248
326
  readonly ton: _angular_core.InputSignal<TonDIcone>;
249
327
  /** `null` : l'icone est decorative et reste muette pour les lecteurs. */
@@ -262,7 +340,7 @@ declare class StIcon {
262
340
  * reference `use` vers un identifiant absent ne rend RIEN, sans erreur, et le
263
341
  * defaut passe la revue.
264
342
  */
265
- declare const NOMS_DICONE: readonly ["boite-vide", "cercle", "cercle-coche", "cercle-croix", "cercle-info", "chevron-bas", "chevron-droite", "chevron-gauche", "chevron-haut", "coche", "copie", "corbeille", "croix", "hors-ligne", "lien-externe", "menu", "oeil", "oeil-barre", "plus", "rafraichir", "recherche", "serveur", "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"];
266
344
  type NomDIcone = (typeof NOMS_DICONE)[number];
267
345
 
268
346
  type VarianteDeTexte = 'corps' | 'corps-sm' | 'discret' | 'legende' | 'mono';
@@ -419,8 +497,8 @@ declare class StButton {
419
497
  readonly variante: _angular_core.InputSignal<VarianteDeBouton>;
420
498
  readonly taille: _angular_core.InputSignal<TailleDeBouton>;
421
499
  readonly pleineLargeur: _angular_core.InputSignalWithTransform<boolean, unknown>;
422
- readonly iconeAvant: _angular_core.InputSignal<"copie" | "boite-vide" | "cercle" | "cercle-coche" | "cercle-croix" | "cercle-info" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "coche" | "corbeille" | "croix" | "hors-ligne" | "lien-externe" | "menu" | "oeil" | "oeil-barre" | "plus" | "rafraichir" | "recherche" | "serveur" | "triangle-alerte" | "utilisateur" | null>;
423
- readonly iconeApres: _angular_core.InputSignal<"copie" | "boite-vide" | "cercle" | "cercle-coche" | "cercle-croix" | "cercle-info" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "coche" | "corbeille" | "croix" | "hors-ligne" | "lien-externe" | "menu" | "oeil" | "oeil-barre" | "plus" | "rafraichir" | "recherche" | "serveur" | "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>;
424
502
  /**
425
503
  * Action en cours. Tant qu'il vaut vrai, les clics sont avales : c'est le
426
504
  * mecanisme d'anti double soumission. L'appelant doit le lever DES la
@@ -458,7 +536,7 @@ type VarianteDeBoutonIcone = Extract<VarianteDeBouton, 'discret' | 'secondaire'
458
536
  * de facon fiable.
459
537
  */
460
538
  declare class StIconButton {
461
- readonly icone: _angular_core.InputSignal<"copie" | "boite-vide" | "cercle" | "cercle-coche" | "cercle-croix" | "cercle-info" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "coche" | "corbeille" | "croix" | "hors-ligne" | "lien-externe" | "menu" | "oeil" | "oeil-barre" | "plus" | "rafraichir" | "recherche" | "serveur" | "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">;
462
540
  /** Nom accessible du controle. Sans lui, l'icone ne dit rien. */
463
541
  readonly etiquette: _angular_core.InputSignal<string>;
464
542
  readonly variante: _angular_core.InputSignal<VarianteDeBoutonIcone>;
@@ -750,7 +828,7 @@ declare class StStatusPill {
750
828
  readonly statut: _angular_core.InputSignal<string>;
751
829
  /** Texte deja traduit par l'appelant : le socle ne traduit rien. */
752
830
  readonly libelle: _angular_core.InputSignal<string>;
753
- readonly icone: _angular_core.InputSignal<"copie" | "boite-vide" | "cercle" | "cercle-coche" | "cercle-croix" | "cercle-info" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "coche" | "corbeille" | "croix" | "hors-ligne" | "lien-externe" | "menu" | "oeil" | "oeil-barre" | "plus" | "rafraichir" | "recherche" | "serveur" | "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">;
754
832
  readonly ton: _angular_core.InputSignal<TonSemantique>;
755
833
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<StStatusPill, never>;
756
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>;
@@ -843,7 +921,7 @@ declare class StAvatar {
843
921
  declare class StEmpty {
844
922
  readonly titre: _angular_core.InputSignal<string>;
845
923
  readonly description: _angular_core.InputSignal<string | null>;
846
- readonly icone: _angular_core.InputSignal<"copie" | "boite-vide" | "cercle" | "cercle-coche" | "cercle-croix" | "cercle-info" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "coche" | "corbeille" | "croix" | "hors-ligne" | "lien-externe" | "menu" | "oeil" | "oeil-barre" | "plus" | "rafraichir" | "recherche" | "serveur" | "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">;
847
925
  readonly niveauDuTitre: _angular_core.InputSignal<NiveauDeTitre>;
848
926
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<StEmpty, never>;
849
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>;
@@ -881,7 +959,7 @@ declare class StError {
881
959
  protected readonly libelleRejeuLu: _angular_core.Signal<string>;
882
960
  protected readonly etiquetteDeTraceLue: _angular_core.Signal<string>;
883
961
  protected readonly etiquetteDuCode: _angular_core.Signal<string>;
884
- protected readonly icone: _angular_core.Signal<"copie" | "boite-vide" | "cercle" | "cercle-coche" | "cercle-croix" | "cercle-info" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "coche" | "corbeille" | "croix" | "hors-ligne" | "lien-externe" | "menu" | "oeil" | "oeil-barre" | "plus" | "rafraichir" | "recherche" | "serveur" | "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">;
885
963
  protected readonly sAnnonce: _angular_core.Signal<boolean>;
886
964
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<StError, never>;
887
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>;
@@ -1209,7 +1287,7 @@ declare class StBanner {
1209
1287
  /** `null` : le texte vient du dictionnaire de l'application. */
1210
1288
  readonly libelleFermeture: _angular_core.InputSignal<string | null>;
1211
1289
  readonly ferme: _angular_core.OutputEmitterRef<void>;
1212
- protected readonly icone: _angular_core.Signal<"copie" | "boite-vide" | "cercle" | "cercle-coche" | "cercle-croix" | "cercle-info" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "coche" | "corbeille" | "croix" | "hors-ligne" | "lien-externe" | "menu" | "oeil" | "oeil-barre" | "plus" | "rafraichir" | "recherche" | "serveur" | "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">;
1213
1291
  protected readonly libelleFermetureLu: _angular_core.Signal<string>;
1214
1292
  protected readonly roleLu: _angular_core.Signal<"status" | "alert" | null>;
1215
1293
  /**
@@ -1255,11 +1333,1323 @@ declare class StInlineMessage {
1255
1333
  readonly ton: _angular_core.InputSignal<TonSemantique>;
1256
1334
  /** Cible d'un `aria-describedby` pose par le champ decrit. */
1257
1335
  readonly identifiant: _angular_core.InputSignal<string | null>;
1258
- protected readonly icone: _angular_core.Signal<"copie" | "boite-vide" | "cercle" | "cercle-coche" | "cercle-croix" | "cercle-info" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "coche" | "corbeille" | "croix" | "hors-ligne" | "lien-externe" | "menu" | "oeil" | "oeil-barre" | "plus" | "rafraichir" | "recherche" | "serveur" | "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">;
1259
1337
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<StInlineMessage, never>;
1260
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>;
1261
1339
  }
1262
1340
 
1341
+ /**
1342
+ * Forme minimale d'une erreur de validation, telle que Signal Forms la rend :
1343
+ * un genre, et parfois un message.
1344
+ *
1345
+ * Structurelle, pour ne pas importer `@angular/forms` a l'execution (audit de la
1346
+ * vague 3, V3-1). Les proprietes propres a chaque genre — `minLength`, `max`… —
1347
+ * se lisent par leur nom.
1348
+ */
1349
+ interface ErreurAffichable {
1350
+ readonly kind: string;
1351
+ readonly message?: string;
1352
+ }
1353
+ /**
1354
+ * Le texte d'une erreur, dans la langue courante.
1355
+ *
1356
+ * ⚠️ **Un `message` fourni l'emporte toujours.** Un validateur metier, ou une
1357
+ * erreur du serveur deja traduite, en sait plus que le genre : « IBAN d'un pays
1358
+ * non pris en charge » vaut mieux que « Le format n'est pas valide ».
1359
+ *
1360
+ * ⚠️ **Un genre inconnu rend un message generique, jamais le genre brut.**
1361
+ * Afficher `ibanChecksum` a une personne qui saisit un IBAN, c'est lui montrer le
1362
+ * code source.
1363
+ *
1364
+ * La locale sert aux messages qui citent un format, une date ou une taille : « au
1365
+ * format jj/mm/aaaa » n'est pas « mm/dd/yyyy ».
1366
+ */
1367
+ declare function messageDErreur(erreur: ErreurAffichable, libelles: LibellesUi, locale?: string): string;
1368
+ /** Le motif a taper dans la langue courante : `jj/mm/aaaa`. */
1369
+ declare function motifLocal(libelles: LibellesUi, locale: string): string;
1370
+ /**
1371
+ * Un jour superieur a 12 : « 31/03/2026 » montre sans ambiguite ou va le jour,
1372
+ * ce que « 01/02/2026 » ne dit pas.
1373
+ */
1374
+ declare function exempleDeDate(locale: string): string;
1375
+ /**
1376
+ * Erreur d'IBAN, a brancher sur un schema :
1377
+ *
1378
+ * ```ts
1379
+ * validate(chemin.iban, ({ value }) => erreurIban(value()));
1380
+ * ```
1381
+ *
1382
+ * Une fonction pure plutot qu'une regle toute faite : fournir la regle
1383
+ * importerait `validate` d'`@angular/forms` A L'EXECUTION, et le socle ne
1384
+ * l'importe que pour ses types (audit de la vague 3, V3-1).
1385
+ *
1386
+ * ⚠️ Confort de saisie, jamais controle (SEC-5) : le serveur revalide. Un champ
1387
+ * vide n'est pas « invalide » ici — c'est `required` qui le dit, avec le bon
1388
+ * message.
1389
+ */
1390
+ declare function erreurIban(valeur: string): ErreurAffichable | null;
1391
+ /**
1392
+ * Erreur de FORME d'un numero de telephone : chiffres, `+` de tete facultatif,
1393
+ * de 4 a 15 chiffres — la longueur maximale d'un numero international (E.164).
1394
+ *
1395
+ * ```ts
1396
+ * validate(chemin.telephone, ({ value }) => erreurTelephone(value()));
1397
+ * ```
1398
+ *
1399
+ * ⚠️ Une forme valide ne dit pas que le numero existe : seul le serveur le sait.
1400
+ * Un champ vide n'est pas une erreur de forme : l'obligation est une autre regle.
1401
+ */
1402
+ declare function erreurTelephone(valeur: string): ErreurAffichable | null;
1403
+ /** Bornes d'une date, en ISO. Absente : pas de borne. */
1404
+ interface BornesDeDate {
1405
+ readonly min?: DateIso | null;
1406
+ readonly max?: DateIso | null;
1407
+ }
1408
+ /**
1409
+ * Erreur de bornes d'une date, a brancher sur un schema :
1410
+ *
1411
+ * ```ts
1412
+ * validate(chemin.naissance, ({ value }) => erreurDate(value(), { max: aujourdHui }));
1413
+ * ```
1414
+ *
1415
+ * Les bornes du schema et celles passees au calendrier doivent etre les memes :
1416
+ * le calendrier grise, le schema refuse une date tapee a la main.
1417
+ */
1418
+ declare function erreurDate(valeur: DateIso | null, bornes: BornesDeDate): ErreurAffichable | null;
1419
+ /** Une fin anterieure au debut. Une borne manquante n'est pas une erreur de plage. */
1420
+ declare function erreurPlageDeDates(plage: PlageDeDates): ErreurAffichable | null;
1421
+ /** Regles de `st-file-upload`, les memes que ses entrees. */
1422
+ interface ReglesDeFichiers {
1423
+ /** Attribut `accept` : `.pdf, image/*`. */
1424
+ readonly accept?: string;
1425
+ /** En octets. */
1426
+ readonly tailleMax?: number;
1427
+ readonly nombreMax?: number;
1428
+ }
1429
+ /**
1430
+ * Erreurs d'une liste de fichiers, une par fichier refuse, pour dire LEQUEL :
1431
+ *
1432
+ * ```ts
1433
+ * validate(chemin.pieces, ({ value }) => erreursDeFichiers(value(), regles));
1434
+ * ```
1435
+ *
1436
+ * ⚠️ Confort, jamais securite (SEC-5) : le type se deduit de l'extension, et le
1437
+ * serveur relit le contenu.
1438
+ */
1439
+ declare function erreursDeFichiers(fichiers: readonly DescriptionDeFichier[], regles: ReglesDeFichiers): ErreurAffichable[];
1440
+ /**
1441
+ * Erreurs a afficher par un champ qui LIT sa saisie (`transformedValue`) : celles
1442
+ * du formulaire, plus les erreurs de lecture qu'il ne connait pas encore.
1443
+ *
1444
+ * ⚠️ Relie a un formulaire, un champ recoit ses erreurs de lecture DANS `errors`,
1445
+ * par Signal Forms. Employe seul, par `[(value)]`, il ne les recoit nulle part :
1446
+ * sans cette fusion, « 12,5,3 » s'afficherait sans le moindre message. Une erreur
1447
+ * deja presente — meme genre, meme partie — n'est pas repetee.
1448
+ */
1449
+ declare function fusionnerErreurs(formulaire: readonly ValidationError.WithOptionalFieldTree[], lecture: readonly ValidationError.WithoutFieldTree[]): readonly ErreurAffichable[];
1450
+
1451
+ /** Elements natifs qui portent la saisie d'un champ du socle. */
1452
+ type ElementDeSaisie = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;
1453
+ /**
1454
+ * Base des champs du socle : le contrat Signal Forms, ecrit une fois — tout sauf
1455
+ * `value`, dont le type depend du champ (texte, montant, date).
1456
+ *
1457
+ * ⚠️ **Une base, et non une copie par champ.** Neuf membres de contrat recopies
1458
+ * dans six composants, c'est six occasions d'en oublier un — et l'oubli ne se
1459
+ * voit pas : un champ sans `touched` n'affiche jamais ses erreurs, un champ sans
1460
+ * reflet de `hidden` ne se masque pas, et rien n'echoue.
1461
+ *
1462
+ * Les noms restent anglais : voir le glossaire, § 8.
1463
+ *
1464
+ * Le gabarit du champ doit nommer son element natif `#champ`, et le brancher sur
1465
+ * `touch` a la perte du focus.
1466
+ */
1467
+ declare abstract class ContratDeChamp {
1468
+ readonly libelle: _angular_core.InputSignal<string>;
1469
+ readonly aide: _angular_core.InputSignal<string | null>;
1470
+ readonly errors: _angular_core.InputSignal<readonly ValidationError.WithOptionalFieldTree[]>;
1471
+ readonly touched: _angular_core.InputSignalWithTransform<boolean, unknown>;
1472
+ readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
1473
+ readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
1474
+ readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
1475
+ readonly hidden: _angular_core.InputSignalWithTransform<boolean, unknown>;
1476
+ readonly name: _angular_core.InputSignal<string>;
1477
+ readonly touch: _angular_core.OutputEmitterRef<void>;
1478
+ private readonly champ;
1479
+ /** Appele par Signal Forms pour amener le focus sur un champ en erreur. */
1480
+ focus(options?: FocusOptions): void;
1481
+ protected texteSaisi(evenement: Event): string;
1482
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContratDeChamp, never>;
1483
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ContratDeChamp, never, never, { "libelle": { "alias": "libelle"; "required": true; "isSignal": true; }; "aide": { "alias": "aide"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; }, { "touch": "touch"; }, never, never, true, never>;
1484
+ }
1485
+ /** Base des champs dont la valeur est le texte saisi. */
1486
+ declare abstract class ControleDeSaisie extends ContratDeChamp implements FormValueControl<string> {
1487
+ readonly value: _angular_core.ModelSignal<string>;
1488
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<ControleDeSaisie, never>;
1489
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ControleDeSaisie, never, never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
1490
+ }
1491
+
1492
+ /**
1493
+ * `empilee` : etiquette au-dessus du controle, pour un champ texte.
1494
+ * `case` : controle AVANT son etiquette, pour une case a cocher ou un interrupteur.
1495
+ */
1496
+ type DispositionDeChamp = 'empilee' | 'case';
1497
+ /**
1498
+ * Etiquette, aide, erreur et controle d'un champ de saisie — et le cablage qui
1499
+ * les relie.
1500
+ *
1501
+ * ⚠️ **Le SEUL endroit ou ce cablage existe** (audit de la vague 3, V3-2). Chaque
1502
+ * champ du socle l'emploie au lieu de refaire identifiants, `aria-describedby` et
1503
+ * `aria-invalid` : c'est precisement le code que l'on croit fini et qui se perd,
1504
+ * un champ specialise a la fois.
1505
+ *
1506
+ * L'ordre visuel suit celui de la lecture : etiquette, aide, erreur, controle.
1507
+ * L'erreur est AU-DESSUS du controle, pour etre vue avant de retaper.
1508
+ *
1509
+ * ⚠️ **L'erreur n'est pas une region vivante.** Annoncee a la perte du focus, elle
1510
+ * couperait la lecture du champ suivant, ou la personne est deja passee. Elle est
1511
+ * reliee au controle, donc lue quand on y revient ; a l'envoi, c'est le
1512
+ * recapitulatif d'erreurs qui prend le focus et les enumere.
1513
+ */
1514
+ declare class StFormField {
1515
+ private readonly libelles;
1516
+ private readonly locale;
1517
+ private readonly element;
1518
+ /**
1519
+ * ⚠️ OBLIGATOIRE et toujours visible (UX-1). Un texte indicatif ne le remplace
1520
+ * jamais : il disparait a la premiere frappe.
1521
+ */
1522
+ readonly libelle: _angular_core.InputSignal<string>;
1523
+ /** Aide permanente : format attendu, exemple. Lue apres l'etiquette. */
1524
+ readonly aide: _angular_core.InputSignal<string | null>;
1525
+ /** Texte complementaire tenu a jour par le controle, comme un compteur. */
1526
+ readonly complement: _angular_core.InputSignal<string | null>;
1527
+ readonly erreurs: _angular_core.InputSignal<readonly ErreurAffichable[]>;
1528
+ /**
1529
+ * ⚠️ Faux tant que la personne n'a pas quitte le champ ou tente l'envoi (UX-3) :
1530
+ * un formulaire vierge couvert d'erreurs accuse avant qu'on ait rien fait.
1531
+ */
1532
+ readonly afficherErreurs: _angular_core.InputSignalWithTransform<boolean, unknown>;
1533
+ readonly obligatoire: _angular_core.InputSignalWithTransform<boolean, unknown>;
1534
+ /**
1535
+ * ⚠️ Change l'ordre VISUEL, jamais celui du document : l'etiquette reste
1536
+ * reliee par `for`, et l'ordre de tabulation ne passe que par le controle.
1537
+ */
1538
+ readonly disposition: _angular_core.InputSignal<DispositionDeChamp>;
1539
+ /**
1540
+ * Etiquette lue mais non affichee.
1541
+ *
1542
+ * ⚠️ Reservee a la RECHERCHE, ou l'icone, le bouton et la position en tete de
1543
+ * page disent deja le but du champ. Partout ailleurs, une etiquette masquee est
1544
+ * l'etiquette qui manque au moment ou l'on tape (UX-1).
1545
+ */
1546
+ readonly libelleMasque: _angular_core.InputSignalWithTransform<boolean, unknown>;
1547
+ /** Identifiants du champ, lus par `stControleDeChamp` et par le gabarit. */
1548
+ readonly identifiants: {
1549
+ readonly controle: string;
1550
+ readonly libelle: `${string}-libelle`;
1551
+ readonly aide: `${string}-aide`;
1552
+ readonly complement: `${string}-complement`;
1553
+ readonly erreur: `${string}-erreur`;
1554
+ };
1555
+ protected readonly libelleObligatoire: _angular_core.Signal<string>;
1556
+ /** Messages a afficher, dans la langue courante. Vide tant qu'ils ne doivent pas l'etre. */
1557
+ protected readonly messages: _angular_core.Signal<string[]>;
1558
+ /**
1559
+ * Un clic sur l'etiquette d'un controle non natif n'y mene pas de lui-meme :
1560
+ * on y amene le focus, comme le navigateur le fait pour un champ natif.
1561
+ */
1562
+ protected focaliserLeControle(): void;
1563
+ /** Lu par le controle pour `aria-invalid`. */
1564
+ readonly enErreur: _angular_core.Signal<boolean>;
1565
+ /**
1566
+ * ⚠️ Seuls les elements PRESENTS sont references : un `aria-describedby` qui
1567
+ * vise un identifiant absent est ignore par certains lecteurs d'ecran — tout
1568
+ * entier, y compris les references valides qui l'accompagnent.
1569
+ */
1570
+ readonly descriptions: _angular_core.Signal<string | null>;
1571
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StFormField, never>;
1572
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<StFormField, "st-form-field", never, { "libelle": { "alias": "libelle"; "required": true; "isSignal": true; }; "aide": { "alias": "aide"; "required": false; "isSignal": true; }; "complement": { "alias": "complement"; "required": false; "isSignal": true; }; "erreurs": { "alias": "erreurs"; "required": false; "isSignal": true; }; "afficherErreurs": { "alias": "afficherErreurs"; "required": false; "isSignal": true; }; "obligatoire": { "alias": "obligatoire"; "required": false; "isSignal": true; }; "disposition": { "alias": "disposition"; "required": false; "isSignal": true; }; "libelleMasque": { "alias": "libelleMasque"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
1573
+ }
1574
+ /**
1575
+ * Pose sur l'element natif d'un champ le cablage de son `st-form-field` :
1576
+ * identifiant, description, invalidite, obligation.
1577
+ *
1578
+ * ⚠️ `aria-required` et NON l'attribut `required` natif. Le natif declenche la
1579
+ * validation du navigateur a l'envoi : une bulle « Veuillez renseigner ce champ »
1580
+ * dans la langue du NAVIGATEUR, pas dans celle de l'application, et qui double
1581
+ * le message du socle.
1582
+ */
1583
+ declare class StControleDeChamp {
1584
+ protected readonly champ: StFormField;
1585
+ /**
1586
+ * ⚠️ `label for` n'etiquette que les elements natifs de formulaire. Le
1587
+ * declencheur d'une selection multiple est un `div` de role `combobox` : sans
1588
+ * `aria-labelledby`, il n'aurait aucun nom, et l'etiquette visible ne dirait
1589
+ * rien au lecteur d'ecran.
1590
+ */
1591
+ protected readonly etiquetable: boolean;
1592
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StControleDeChamp, never>;
1593
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StControleDeChamp, "[stControleDeChamp]", never, {}, {}, never, never, true, never>;
1594
+ }
1595
+
1596
+ type TypeDeSaisie = 'text' | 'email' | 'tel' | 'url' | 'search';
1597
+ /**
1598
+ * Champ de saisie d'une ligne, integre a Signal Forms.
1599
+ *
1600
+ * ```html
1601
+ * <st-input libelle="Nom du beneficiaire" autocomplete="name" [formField]="virement.beneficiaire" />
1602
+ * <!-- ou, sans formulaire : -->
1603
+ * <st-input libelle="Reference" [(value)]="reference" />
1604
+ * ```
1605
+ *
1606
+ * ⚠️ **Contrat Signal Forms, noms anglais.** `value`, `errors`, `touched`,
1607
+ * `disabled`… sont cherches PAR LEUR NOM par la directive `[formField]` : les
1608
+ * traduire romprait l'integration sans la moindre erreur (audit de la vague 3,
1609
+ * V3-1). L'import d'`@angular/forms` est un import de TYPE : aucun code n'entre
1610
+ * dans le paquet.
1611
+ *
1612
+ * ⚠️ **Pas d'attribut `maxlength` natif.** Il TRONQUE en silence un texte colle
1613
+ * trop long : la personne croit avoir saisi sa reference entiere, et n'en envoie
1614
+ * que le debut. La limite passe par la validation, qui DIT le depassement.
1615
+ */
1616
+ declare class StInput extends ControleDeSaisie {
1617
+ readonly type: _angular_core.InputSignal<TypeDeSaisie>;
1618
+ /**
1619
+ * WCAG 1.3.5 : identifie le but du champ, pour le remplissage automatique et les
1620
+ * aides techniques. `null` : laisse le navigateur decider.
1621
+ */
1622
+ readonly autocomplete: _angular_core.InputSignal<string | null>;
1623
+ /** Clavier virtuel adapte : `numeric`, `decimal`, `email`… */
1624
+ readonly inputmode: _angular_core.InputSignal<string | null>;
1625
+ protected surSaisie(evenement: Event): void;
1626
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StInput, never>;
1627
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<StInput, "st-input", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "inputmode": { "alias": "inputmode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
1628
+ }
1629
+
1630
+ /**
1631
+ * Zone de texte, integree a Signal Forms, avec compteur quand une longueur
1632
+ * maximale est fixee.
1633
+ *
1634
+ * ⚠️ **Le compteur n'est pas annonce a chaque frappe** : une region vivante qui
1635
+ * change a chaque caractere recouvre ce que la personne tape. Il est RELIE a la
1636
+ * zone — donc lu quand on y revient — et seuls les seuils (20, 10, 0 restants)
1637
+ * et le depassement s'annoncent (UX-11).
1638
+ *
1639
+ * ⚠️ **Pas de `maxlength` natif**, meme raison que `st-input` : un texte colle
1640
+ * serait tronque en silence. Le compteur affiche le depassement, la validation
1641
+ * le refuse.
1642
+ */
1643
+ declare class StTextarea extends ControleDeSaisie {
1644
+ private readonly libelles;
1645
+ readonly lignes: _angular_core.InputSignal<number>;
1646
+ /** Contrat Signal Forms : la longueur maximale fixee par le schema. */
1647
+ readonly maxLength: _angular_core.InputSignal<number | undefined>;
1648
+ protected readonly annonce: AnnonceLocale;
1649
+ private readonly restants;
1650
+ protected readonly compteur: _angular_core.Signal<string | null>;
1651
+ constructor();
1652
+ protected surSaisie(evenement: Event): void;
1653
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StTextarea, never>;
1654
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<StTextarea, "st-textarea", never, { "lignes": { "alias": "lignes"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
1655
+ }
1656
+
1657
+ /**
1658
+ * Groupe de controles, nomme par sa QUESTION.
1659
+ *
1660
+ * ⚠️ `fieldset` et `legend` natifs (UX-7). Sans legende, un lecteur d'ecran
1661
+ * annonce « Oui, bouton radio » et « Non, bouton radio » : la reponse, jamais la
1662
+ * question. La legende est lue a l'entree dans le groupe.
1663
+ *
1664
+ * C'est le pendant de `st-form-field` pour un GROUPE : l'aide et l'erreur sont
1665
+ * reliees au `fieldset` par `aria-describedby`, et l'erreur porte sur le groupe
1666
+ * entier — « Choisissez un mode de reglement » — et non sur chaque option.
1667
+ *
1668
+ * ⚠️ L'obligation se dit dans la legende, en texte : `aria-required` n'est pas
1669
+ * valide sur un groupe, et `required` natif ferait parler le navigateur dans sa
1670
+ * propre langue.
1671
+ */
1672
+ declare class StFieldset {
1673
+ private readonly libelles;
1674
+ private readonly locale;
1675
+ /** La question posee par le groupe. Obligatoire. */
1676
+ readonly legende: _angular_core.InputSignal<string>;
1677
+ readonly aide: _angular_core.InputSignal<string | null>;
1678
+ readonly erreurs: _angular_core.InputSignal<readonly ErreurAffichable[]>;
1679
+ readonly afficherErreurs: _angular_core.InputSignalWithTransform<boolean, unknown>;
1680
+ readonly obligatoire: _angular_core.InputSignalWithTransform<boolean, unknown>;
1681
+ private readonly base;
1682
+ protected readonly identifiantAide: string;
1683
+ protected readonly identifiantErreur: string;
1684
+ protected readonly libelleObligatoire: _angular_core.Signal<string>;
1685
+ protected readonly messages: _angular_core.Signal<string[]>;
1686
+ protected readonly enErreur: _angular_core.Signal<boolean>;
1687
+ protected readonly descriptions: _angular_core.Signal<string | null>;
1688
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StFieldset, never>;
1689
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<StFieldset, "st-fieldset", never, { "legende": { "alias": "legende"; "required": true; "isSignal": true; }; "aide": { "alias": "aide"; "required": false; "isSignal": true; }; "erreurs": { "alias": "erreurs"; "required": false; "isSignal": true; }; "afficherErreurs": { "alias": "afficherErreurs"; "required": false; "isSignal": true; }; "obligatoire": { "alias": "obligatoire"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
1690
+ }
1691
+
1692
+ /**
1693
+ * Case a cocher, integree a Signal Forms.
1694
+ *
1695
+ * ```html
1696
+ * <st-checkbox libelle="J'accepte les conditions generales" [formField]="inscription.conditions" />
1697
+ * ```
1698
+ *
1699
+ * Un element `input type="checkbox"` natif : Espace coche, l'etat est annonce,
1700
+ * et la case suit le reglage de contraste du systeme sans rien ecrire.
1701
+ *
1702
+ * ⚠️ **Pour un choix a envoyer avec un formulaire.** Un reglage qui s'applique
1703
+ * IMMEDIATEMENT est un `st-switch` : la case promet un effet a l'envoi, et
1704
+ * l'interrupteur un effet tout de suite (UX-8).
1705
+ */
1706
+ declare class StCheckbox implements FormCheckboxControl {
1707
+ readonly libelle: _angular_core.InputSignal<string>;
1708
+ readonly aide: _angular_core.InputSignal<string | null>;
1709
+ /** Contrat Signal Forms. */
1710
+ readonly checked: _angular_core.ModelSignal<boolean>;
1711
+ readonly errors: _angular_core.InputSignal<readonly ValidationError.WithOptionalFieldTree[]>;
1712
+ readonly touched: _angular_core.InputSignalWithTransform<boolean, unknown>;
1713
+ readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
1714
+ readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
1715
+ readonly hidden: _angular_core.InputSignalWithTransform<boolean, unknown>;
1716
+ readonly name: _angular_core.InputSignal<string>;
1717
+ readonly touch: _angular_core.OutputEmitterRef<void>;
1718
+ private readonly champ;
1719
+ focus(options?: FocusOptions): void;
1720
+ protected surChangement(evenement: Event): void;
1721
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StCheckbox, never>;
1722
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<StCheckbox, "st-checkbox", never, { "libelle": { "alias": "libelle"; "required": true; "isSignal": true; }; "aide": { "alias": "aide"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "touch": "touch"; }, never, never, true, never>;
1723
+ }
1724
+
1725
+ /** Une option du groupe. */
1726
+ interface OptionRadio {
1727
+ readonly valeur: string;
1728
+ readonly libelle: string;
1729
+ /** Precision sous le libelle, reliee a l'option. */
1730
+ readonly aide?: string;
1731
+ readonly desactivee?: boolean;
1732
+ }
1733
+ /**
1734
+ * Groupe de boutons radio, integre a Signal Forms.
1735
+ *
1736
+ * ```html
1737
+ * <st-radio-group legende="Mode de reglement" [options]="modes" [formField]="commande.mode" />
1738
+ * ```
1739
+ *
1740
+ * ⚠️ **De vrais boutons radio natifs** : un seul arret de tabulation pour le
1741
+ * groupe, deplacement aux fleches, « 2 sur 3 » annonce. Les recrire en ARIA,
1742
+ * c'est cent lignes pour obtenir moins bien — meme raison que `st-theme-toggle`.
1743
+ *
1744
+ * ⚠️ **L'erreur porte sur le groupe**, par `st-fieldset`, et non sur chaque option :
1745
+ * « Choisissez un mode de reglement », une fois.
1746
+ *
1747
+ * `touch` n'est emis que lorsque le focus QUITTE le groupe : passer d'une option a
1748
+ * l'autre aux fleches n'est pas une fin de saisie, et l'erreur n'a pas a surgir
1749
+ * pendant qu'on choisit.
1750
+ */
1751
+ declare class StRadioGroup implements FormValueControl<string> {
1752
+ private readonly element;
1753
+ readonly legende: _angular_core.InputSignal<string>;
1754
+ readonly aide: _angular_core.InputSignal<string | null>;
1755
+ readonly options: _angular_core.InputSignal<readonly OptionRadio[]>;
1756
+ /** Contrat Signal Forms. */
1757
+ readonly value: _angular_core.ModelSignal<string>;
1758
+ readonly errors: _angular_core.InputSignal<readonly ValidationError.WithOptionalFieldTree[]>;
1759
+ readonly touched: _angular_core.InputSignalWithTransform<boolean, unknown>;
1760
+ readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
1761
+ readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
1762
+ readonly hidden: _angular_core.InputSignalWithTransform<boolean, unknown>;
1763
+ readonly name: _angular_core.InputSignal<string>;
1764
+ readonly touch: _angular_core.OutputEmitterRef<void>;
1765
+ /** Nom partage par les options : sans lui, chaque radio forme son propre groupe. */
1766
+ private readonly nomParDefaut;
1767
+ protected nomDuGroupe(): string;
1768
+ protected identifiantAide(indice: number): string;
1769
+ /** Focus sur l'option cochee, sinon la premiere disponible : c'est l'arret du groupe. */
1770
+ focus(options?: FocusOptions): void;
1771
+ protected choisir(valeur: string): void;
1772
+ protected aLaSortie(evenement: FocusEvent): void;
1773
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StRadioGroup, never>;
1774
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<StRadioGroup, "st-radio-group", never, { "legende": { "alias": "legende"; "required": true; "isSignal": true; }; "aide": { "alias": "aide"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touch": "touch"; }, never, never, true, never>;
1775
+ }
1776
+
1777
+ /**
1778
+ * Interrupteur : un reglage qui s'applique IMMEDIATEMENT.
1779
+ *
1780
+ * ```html
1781
+ * <st-switch libelle="Notifications par SMS" [(checked)]="sms" (checkedChange)="enregistrer($event)" />
1782
+ * ```
1783
+ *
1784
+ * ⚠️ **Jamais dans un formulaire a envoyer** (UX-8). Un interrupteur promet que
1785
+ * l'effet a lieu au basculement ; pose au-dessus d'un bouton « Enregistrer », il
1786
+ * ment — la personne croit le reglage applique, quitte la page, et le perd. Pour
1787
+ * un choix envoye plus tard, c'est `st-checkbox`.
1788
+ *
1789
+ * C'est pourquoi il n'affiche aucune erreur de validation : un reglage immediat
1790
+ * ne se valide pas a l'envoi. Un refus du serveur se dit par un message, et
1791
+ * l'interrupteur revient a son etat precedent.
1792
+ *
1793
+ * ⚠️ Une case a cocher native avec `role="switch"` : Espace bascule, l'etiquette
1794
+ * est reliee par `for`, et le lecteur d'ecran annonce « active » ou
1795
+ * « desactive » — mieux qu'un `div` qui imiterait tout cela.
1796
+ */
1797
+ declare class StSwitch implements FormCheckboxControl {
1798
+ readonly libelle: _angular_core.InputSignal<string>;
1799
+ readonly aide: _angular_core.InputSignal<string | null>;
1800
+ /** Contrat Signal Forms. */
1801
+ readonly checked: _angular_core.ModelSignal<boolean>;
1802
+ readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
1803
+ readonly hidden: _angular_core.InputSignalWithTransform<boolean, unknown>;
1804
+ readonly name: _angular_core.InputSignal<string>;
1805
+ readonly touch: _angular_core.OutputEmitterRef<void>;
1806
+ private readonly champ;
1807
+ focus(options?: FocusOptions): void;
1808
+ protected surChangement(evenement: Event): void;
1809
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StSwitch, never>;
1810
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<StSwitch, "st-switch", never, { "libelle": { "alias": "libelle"; "required": true; "isSignal": true; }; "aide": { "alias": "aide"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "touch": "touch"; }, never, never, true, never>;
1811
+ }
1812
+
1813
+ /** Une ligne du recapitulatif. */
1814
+ interface LigneDErreur {
1815
+ readonly libelle: string | null;
1816
+ readonly message: string;
1817
+ readonly aller: () => void;
1818
+ }
1819
+ /**
1820
+ * Recapitulatif des erreurs d'un formulaire, a l'envoi.
1821
+ *
1822
+ * ```html
1823
+ * <st-error-summary [erreurs]="tentative() ? virement().errorSummary() : []" />
1824
+ * ```
1825
+ *
1826
+ * ⚠️ **Il prend le focus en apparaissant** (UX-5). Sans lui, une personne au
1827
+ * clavier ou au lecteur d'ecran appuie sur « Envoyer », et rien ne se passe : le
1828
+ * champ refuse est en haut de la page, hors de sa vue, et personne ne le lui dit.
1829
+ *
1830
+ * ⚠️ **Chaque ligne nomme son champ.** « Ce champ est obligatoire. » repete cinq
1831
+ * fois n'apprend rien ; « Nom du beneficiaire : ce champ est obligatoire. », si.
1832
+ * Le libelle est lu sur l'element lie au champ, par Signal Forms — sans registre,
1833
+ * et quel que soit le composant.
1834
+ *
1835
+ * ⚠️ **Une ligne par champ**, la premiere erreur seulement : trois erreurs sur le
1836
+ * meme IBAN font trois lignes pour une seule correction.
1837
+ *
1838
+ * ⚠️ **Une region nommee par son titre.** Un `div` sans role ne PEUT pas porter
1839
+ * `aria-labelledby` : le nom serait ignore, et le focus n'annoncerait rien. En
1840
+ * region, il annonce « 2 erreurs a corriger » a l'arrivee du focus, et se
1841
+ * retrouve dans la liste des reperes.
1842
+ *
1843
+ * Chaque ligne amene le focus sur son champ : c'est le champ, et non la ligne,
1844
+ * qu'il faut corriger. Une erreur rattachee au formulaire entier — un refus du
1845
+ * serveur sur un champ inconnu — s'affiche sans lien.
1846
+ */
1847
+ declare class StErrorSummary {
1848
+ private readonly libelles;
1849
+ private readonly locale;
1850
+ private readonly element;
1851
+ private readonly injecteur;
1852
+ readonly erreurs: _angular_core.InputSignal<readonly ValidationError.WithOptionalFieldTree[]>;
1853
+ /** `null` : « N erreurs a corriger », du dictionnaire. */
1854
+ readonly titre: _angular_core.InputSignal<string | null>;
1855
+ /** Unique par instance : deux recapitulatifs sur une page partageraient leur titre. */
1856
+ protected readonly identifiantDuTitre: string;
1857
+ protected readonly lignes: _angular_core.Signal<readonly LigneDErreur[]>;
1858
+ protected readonly titreLu: _angular_core.Signal<string>;
1859
+ constructor();
1860
+ /** A appeler apres un envoi refuse, quand le recapitulatif etait deja visible. */
1861
+ focus(): void;
1862
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StErrorSummary, never>;
1863
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<StErrorSummary, "st-error-summary", never, { "erreurs": { "alias": "erreurs"; "required": true; "isSignal": true; }; "titre": { "alias": "titre"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
1864
+ }
1865
+
1866
+ /** `connexion` : un mot de passe existant. `creation` : un nouveau. */
1867
+ type UsageDuMotDePasse = 'connexion' | 'creation';
1868
+ /**
1869
+ * Mot de passe, avec revelation.
1870
+ *
1871
+ * ```html
1872
+ * <st-password-field libelle="Mot de passe" usage="creation" [regles]="regles" [formField]="compte.motDePasse" />
1873
+ * ```
1874
+ *
1875
+ * ⚠️ **`autocomplete` selon l'usage** (SEC-2) : `current-password` a la connexion,
1876
+ * `new-password` a la creation — c'est ce qui fait proposer par le gestionnaire
1877
+ * un mot de passe FORT au bon endroit, et non l'ancien.
1878
+ *
1879
+ * ⚠️ **Le collage n'est jamais bloque** (SEC-1, NIST SP 800-63B) : l'interdire
1880
+ * pousse vers des mots de passe courts, retenus de tete, et casse les
1881
+ * gestionnaires de mots de passe.
1882
+ *
1883
+ * ⚠️ **Revele, il se remasque des que le focus quitte le champ, et a l'envoi du
1884
+ * formulaire** (SEC-4) : un mot de passe laisse en clair reste lisible par-dessus
1885
+ * l'epaule, sur l'ecran suivant comme sur celui-ci. L'envoi par Entree ne fait
1886
+ * pas quitter le champ : d'ou l'ecoute de `submit`, qui remonte jusqu'au document.
1887
+ *
1888
+ * Le bouton de revelation est un bouton bascule : `aria-pressed` porte l'etat, et
1889
+ * l'etiquette ne change PAS — « Masquer le mot de passe, enfonce » se lirait
1890
+ * comme une double negation.
1891
+ *
1892
+ * ⚠️ **Aucun indicateur de « force »**, et c'est un refus. Une estimation faite
1893
+ * dans le navigateur donne « fort » a `Motdepasse1!` : elle rassure a tort. Les
1894
+ * regles sont affichees AVANT la saisie (UX-10), et c'est le serveur qui verifie —
1895
+ * y compris contre les mots de passe deja divulgues, qu'aucune regle locale ne
1896
+ * voit.
1897
+ */
1898
+ declare class StPasswordField extends ControleDeSaisie {
1899
+ protected readonly libelles: _angular_core.Signal<_starterlib_ui.LibellesUi>;
1900
+ private readonly element;
1901
+ readonly usage: _angular_core.InputSignal<UsageDuMotDePasse>;
1902
+ /** Regles affichees avant la saisie, comme aide du champ. */
1903
+ readonly regles: _angular_core.InputSignal<readonly string[]>;
1904
+ protected readonly revele: _angular_core.WritableSignal<boolean>;
1905
+ protected readonly autocomplete: _angular_core.Signal<"current-password" | "new-password">;
1906
+ protected readonly aideLue: _angular_core.Signal<string | null>;
1907
+ protected basculer(): void;
1908
+ protected surSaisie(evenement: Event): void;
1909
+ protected aLEnvoi(evenement: Event): void;
1910
+ protected aLaSortie(evenement: FocusEvent): void;
1911
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StPasswordField, never>;
1912
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<StPasswordField, "st-password-field", never, { "usage": { "alias": "usage"; "required": false; "isSignal": true; }; "regles": { "alias": "regles"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
1913
+ }
1914
+
1915
+ /**
1916
+ * Code a usage unique : second facteur, code recu par SMS ou par courriel.
1917
+ *
1918
+ * ⚠️ **UN seul champ, pas six cases** (UX-9). Six champs cassent le collage, le
1919
+ * remplissage automatique du code recu par SMS, et la lecture au lecteur d'ecran,
1920
+ * qui annonce six champs sans nom au lieu d'un seul.
1921
+ *
1922
+ * ⚠️ `autocomplete="one-time-code"` : iOS et Android proposent alors le code recu,
1923
+ * d'un toucher. Clavier numerique par `inputmode`, et NON par `type="number"`,
1924
+ * qui retire les zeros de tete et accepte « 1e5 ».
1925
+ *
1926
+ * ⚠️ **Aucun envoi automatique** a la sixieme saisie : un formulaire qui part de
1927
+ * lui-meme surprend (WCAG 3.2.2), et part aussi avec un code mal colle. Le code
1928
+ * colle est nettoye de ses espaces et tirets — « 123 456 » —, jamais tronque.
1929
+ */
1930
+ declare class StOtpField extends ControleDeSaisie {
1931
+ private readonly libelles;
1932
+ readonly longueur: _angular_core.InputSignal<number>;
1933
+ protected readonly aideLue: _angular_core.Signal<string>;
1934
+ protected surSaisie(evenement: Event): void;
1935
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StOtpField, never>;
1936
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<StOtpField, "st-otp-field", never, { "longueur": { "alias": "longueur"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
1937
+ }
1938
+
1939
+ /**
1940
+ * Champ de recherche : un repere, un champ, un bouton.
1941
+ *
1942
+ * ```html
1943
+ * <st-search-field libelle="Rechercher un beneficiaire" (recherche)="filtrer($event)" />
1944
+ * ```
1945
+ *
1946
+ * ⚠️ **Un repere `search`** : la recherche se retrouve dans la liste des reperes du
1947
+ * lecteur d'ecran, a cote de la navigation et du contenu.
1948
+ *
1949
+ * L'etiquette est lue sans etre affichee — seule exception au socle (UX-1) : la
1950
+ * loupe, le bouton et la position disent deja le but du champ.
1951
+ *
1952
+ * ⚠️ **Jamais dans l'adresse quand le terme est personnel** (SEC-6). Chercher un
1953
+ * nom, un IBAN ou un numero en `?q=` inscrit la donnee dans l'historique, dans les
1954
+ * journaux des intermediaires, et dans l'en-tete `Referer` des pages suivantes.
1955
+ * `recherche` emet le terme : c'est a l'appelant de ne pas le mettre dans l'URL.
1956
+ */
1957
+ declare class StSearchField extends ControleDeSaisie {
1958
+ protected readonly libelles: _angular_core.Signal<_starterlib_ui.LibellesUi>;
1959
+ /** Emis a la validation — Entree ou bouton —, et non a chaque frappe. */
1960
+ readonly recherche: _angular_core.OutputEmitterRef<string>;
1961
+ protected surSaisie(evenement: Event): void;
1962
+ protected lancer(evenement?: Event): void;
1963
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StSearchField, never>;
1964
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<StSearchField, "st-search-field", never, {}, { "recherche": "recherche"; }, never, never, true, never>;
1965
+ }
1966
+
1967
+ /**
1968
+ * IBAN. La valeur du modele est NORMALISEE — sans espaces, en majuscules —, et
1969
+ * l'affichage groupe par quatre.
1970
+ *
1971
+ * ```html
1972
+ * <st-iban-field libelle="IBAN du beneficiaire" [formField]="virement.iban" />
1973
+ * <!-- schema : validate(chemin.iban, ({ value }) => erreurIban(value())) -->
1974
+ * ```
1975
+ *
1976
+ * ⚠️ **Le groupement se fait a la sortie du champ, jamais pendant la frappe.**
1977
+ * Reformater a chaque caractere deplace le curseur a la fin : corriger une
1978
+ * erreur au milieu de 27 caracteres devient impossible, chaque frappe renvoyant a
1979
+ * la fin de la ligne.
1980
+ *
1981
+ * ⚠️ **Aucune verification de validite ici** : elle appartient au schema, par
1982
+ * `erreurIban`, pour s'afficher au bon moment et par le bon canal. Et elle reste un
1983
+ * confort (SEC-5) : le serveur revalide.
1984
+ *
1985
+ * `autocapitalize="characters"` et correction orthographique coupee : un IBAN
1986
+ * n'est pas un mot, et une correction automatique le fausserait.
1987
+ */
1988
+ declare class StIbanField extends ControleDeSaisie {
1989
+ private readonly libelles;
1990
+ private readonly enSaisie;
1991
+ private readonly brut;
1992
+ protected readonly aideLue: _angular_core.Signal<string>;
1993
+ /**
1994
+ * Brut pendant la saisie ; groupe par quatre au repos. Une valeur changee de
1995
+ * l'exterieur pendant la saisie — remise a zero du formulaire — l'emporte sur
1996
+ * le brut, qui ne la represente plus.
1997
+ */
1998
+ protected readonly affichage: _angular_core.Signal<string>;
1999
+ protected auFocus(): void;
2000
+ protected surSaisie(evenement: Event): void;
2001
+ protected aLaSortie(): void;
2002
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StIbanField, never>;
2003
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<StIbanField, "st-iban-field", never, {}, {}, never, never, true, never>;
2004
+ }
2005
+
2006
+ /** `tel` : numero complet, indicatif compris. `tel-national` : sans indicatif. */
2007
+ type RemplissageDeTelephone = 'tel' | 'tel-national';
2008
+ /**
2009
+ * Numero de telephone. La valeur du modele ne garde que les chiffres et le `+` de
2010
+ * tete ; la saisie s'affiche telle qu'elle a ete tapee.
2011
+ *
2012
+ * ```html
2013
+ * <st-phone-field libelle="Telephone portable" [formField]="contact.telephone" />
2014
+ * <!-- schema : validate(chemin.telephone, ({ value }) => erreurTelephone(value())) -->
2015
+ * ```
2016
+ *
2017
+ * ⚠️ **Aucun formatage automatique.** Le groupement des chiffres depend du pays,
2018
+ * et reformater pendant la frappe renvoie le curseur en fin de ligne. La saisie
2019
+ * reste celle de la personne, espaces et points compris.
2020
+ *
2021
+ * ⚠️ **Pas de selecteur de pays, pas de verification par pays.** Il faudrait une
2022
+ * table des plans de numerotation, lourde et souvent perimee : c'est au serveur
2023
+ * de dire si le numero existe (SEC-5). `erreurTelephone` ne verifie que la forme.
2024
+ *
2025
+ * `type="tel"`, et jamais `type="number"` : un numero n'est pas une quantite, et le
2026
+ * champ numerique retire le zero de tete et le `+`.
2027
+ */
2028
+ declare class StPhoneField extends ControleDeSaisie {
2029
+ readonly autocomplete: _angular_core.InputSignal<RemplissageDeTelephone>;
2030
+ private readonly brut;
2031
+ /**
2032
+ * La saisie telle que tapee, tant qu'elle represente encore la valeur ; une
2033
+ * valeur changee de l'exterieur — remise a zero, pre-remplissage — l'emporte.
2034
+ */
2035
+ protected readonly affichage: _angular_core.Signal<string>;
2036
+ protected surSaisie(evenement: Event): void;
2037
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StPhoneField, never>;
2038
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<StPhoneField, "st-phone-field", never, { "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
2039
+ }
2040
+
2041
+ /**
2042
+ * Un choix d'une liste : `st-select`, `st-combobox`, `st-multiselect`.
2043
+ *
2044
+ * La `valeur` part dans le modele, le `libelle` s'affiche : un identifiant
2045
+ * technique ne s'affiche jamais, et un libelle traduit ne s'envoie jamais.
2046
+ */
2047
+ interface OptionDeListe {
2048
+ readonly valeur: string;
2049
+ readonly libelle: string;
2050
+ readonly desactivee?: boolean;
2051
+ /** Regroupe les options consecutives sous un intitule (`optgroup`). */
2052
+ readonly groupe?: string;
2053
+ }
2054
+ /** Sans accents ni casse : « eleve » trouve « Élève ». */
2055
+ declare function normaliserPourRecherche(texte: string): string;
2056
+ /** Options dont le libelle CONTIENT le texte cherche, sans accents ni casse. */
2057
+ declare function filtrerOptions(options: readonly OptionDeListe[], recherche: string): readonly OptionDeListe[];
2058
+
2059
+ interface BlocDOptions {
2060
+ readonly groupe: string | null;
2061
+ readonly options: readonly OptionDeListe[];
2062
+ }
2063
+ /**
2064
+ * Liste deroulante, sur un `select` NATIF.
2065
+ *
2066
+ * ```html
2067
+ * <st-select libelle="Pays" [options]="pays" autocomplete="country" [formField]="adresse.pays" />
2068
+ * ```
2069
+ *
2070
+ * ⚠️ **Natif, et non une liste ARIA** (FE-4). Le `select` natif ouvre le selecteur
2071
+ * du systeme sur mobile, se remplit automatiquement, se parcourt a la lettre, et
2072
+ * se lit partout. Une liste recomposee en ARIA ne fait jamais mieux sur ces
2073
+ * points ; elle ne se justifie que pour filtrer une longue liste — c'est
2074
+ * `st-combobox` — ou choisir plusieurs valeurs — `st-multiselect`.
2075
+ *
2076
+ * La premiere option, vide, dit « Choisir… » : sans elle, la premiere vraie
2077
+ * option paraitrait choisie alors que personne ne l'a fait. Le modele vaut
2078
+ * alors `''`, que `required` refuse.
2079
+ *
2080
+ * `readonly` n'existe pas sur un `select` : le champ annonce `aria-readonly` et
2081
+ * ignore le changement, plutot que d'etre desactive — un champ desactive sort de
2082
+ * l'ordre de tabulation, et sa valeur ne se lit plus.
2083
+ */
2084
+ declare class StSelect extends ControleDeSaisie {
2085
+ protected readonly libelles: _angular_core.Signal<_starterlib_ui.LibellesUi>;
2086
+ readonly options: _angular_core.InputSignal<readonly OptionDeListe[]>;
2087
+ /** Texte de l'option vide. Par defaut : « Choisir… ». */
2088
+ readonly texteVide: _angular_core.InputSignal<string | null>;
2089
+ /** WCAG 1.3.5 : `country`, `sex`, `honorific-prefix`… */
2090
+ readonly autocomplete: _angular_core.InputSignal<string | null>;
2091
+ /** Options consecutives d'un meme groupe, dans l'ordre fourni. */
2092
+ protected readonly blocs: _angular_core.Signal<readonly BlocDOptions[]>;
2093
+ protected surChoix(evenement: Event): void;
2094
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StSelect, never>;
2095
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<StSelect, "st-select", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; "texteVide": { "alias": "texteVide"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
2096
+ }
2097
+
2098
+ interface Jour {
2099
+ readonly date: DateIso;
2100
+ /** Jour d'un mois voisin : cellule vide, la date vit dans son propre mois. */
2101
+ readonly horsDuMois: boolean;
2102
+ readonly numero: string;
2103
+ readonly nom: string;
2104
+ readonly horsBornes: boolean;
2105
+ readonly choisi: boolean;
2106
+ readonly dansLaPlage: boolean;
2107
+ readonly aujourdHui: boolean;
2108
+ }
2109
+ /**
2110
+ * Calendrier d'un mois, pour choisir une date.
2111
+ *
2112
+ * ```html
2113
+ * <st-calendar [selection]="depart()" dateMin="2026-09-17" (choix)="depart.set($event)" />
2114
+ * ```
2115
+ *
2116
+ * ⚠️ **Une aide, jamais la seule voie.** Dans `st-date-field`, le calendrier
2117
+ * complete un champ texte : une date de naissance se tape plus vite qu'elle ne se
2118
+ * cherche mois par mois, et un calendrier reste penible au lecteur d'ecran.
2119
+ *
2120
+ * ⚠️ **Le clavier navigue de DATE en date, pas de cellule en cellule** (decision
2121
+ * D7 de l'audit de la vague 3). Fleche droite le 30 septembre mene au 1er
2122
+ * octobre ; Page suivante change de mois, Maj + Page d'annee ; Debut et Fin vont
2123
+ * aux bords de la semaine de la LOCALE. La grille d'Angular Aria deplace un focus
2124
+ * entre cellules affichees : il aurait fallu la contourner sur chaque touche qui
2125
+ * compte, et elle aurait fait entrer le CDK dans les formulaires.
2126
+ *
2127
+ * Semaine commencant au jour de la locale, noms de jours et de mois dans la
2128
+ * langue courante, « aujourd'hui » dans le fuseau de la personne
2129
+ * (`FUSEAU_PAR_DEFAUT`) et non celui du poste.
2130
+ */
2131
+ declare class StCalendar {
2132
+ protected readonly libelles: _angular_core.Signal<_starterlib_ui.LibellesUi>;
2133
+ private readonly locale;
2134
+ private readonly element;
2135
+ private readonly injecteur;
2136
+ private readonly aujourdHui;
2137
+ readonly selection: _angular_core.InputSignal<string | null>;
2138
+ readonly dateMin: _angular_core.InputSignal<string | null>;
2139
+ readonly dateMax: _angular_core.InputSignal<string | null>;
2140
+ /** Periode a faire ressortir, pour un choix de plage. */
2141
+ readonly plage: _angular_core.InputSignal<PlageDeDates | null>;
2142
+ readonly choix: _angular_core.OutputEmitterRef<string>;
2143
+ /** Echap : le conteneur decide de fermer, et ou rendre le focus. */
2144
+ readonly fermeture: _angular_core.OutputEmitterRef<void>;
2145
+ protected readonly identifiants: {
2146
+ readonly titre: `${string}-titre`;
2147
+ readonly aide: `${string}-aide`;
2148
+ };
2149
+ /** La date qui porte le focus. Suit la selection, bornee. */
2150
+ private readonly active;
2151
+ private readonly premierJour;
2152
+ protected readonly titre: _angular_core.Signal<string>;
2153
+ protected readonly joursDeLaSemaine: _angular_core.Signal<{
2154
+ court: string;
2155
+ long: string;
2156
+ }[]>;
2157
+ protected readonly semaines: _angular_core.Signal<readonly (readonly Jour[])[]>;
2158
+ protected readonly moisPrecedentPossible: _angular_core.Signal<boolean>;
2159
+ protected readonly moisSuivantPossible: _angular_core.Signal<boolean>;
2160
+ protected estActive(date: DateIso): boolean;
2161
+ /** Amene le focus sur la date active. */
2162
+ focus(): void;
2163
+ protected changerDeMois(ecart: number): void;
2164
+ protected choisir(jour: Jour): void;
2165
+ protected surTouche(evenement: KeyboardEvent): void;
2166
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StCalendar, never>;
2167
+ 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>;
2168
+ }
2169
+
2170
+ /**
2171
+ * Choix de fichiers, sur un `input type="file"` natif.
2172
+ *
2173
+ * ```html
2174
+ * <st-file-upload libelle="Justificatifs" accept=".pdf, image/*" [tailleMax]="5_000_000" multiple
2175
+ * [formField]="dossier.pieces" />
2176
+ * <!-- schema : validate(chemin.pieces, ({ value }) => erreursDeFichiers(value(), regles)) -->
2177
+ * ```
2178
+ *
2179
+ * Le modele est la liste des `File` choisis. L'envoi appartient a l'application,
2180
+ * par `@starterlib/core` : le composant choisit, il ne televerse pas.
2181
+ *
2182
+ * ⚠️ **L'element natif reste la voie principale** (FE-4) : il ouvre le selecteur
2183
+ * du systeme, l'appareil photo sur mobile, et se commande au clavier. Il est
2184
+ * masque visuellement, pas retire : le bouton affiche est son etiquette. Le
2185
+ * depot par glisser est un complement a la souris, jamais la seule voie.
2186
+ *
2187
+ * ⚠️ **Aucun apercu d'image** (SEC-7). Un apercu passe par une adresse `blob:`
2188
+ * que la politique de securite du contenu doit autoriser, et un SVG affiche peut
2189
+ * porter du script. Le nom et la taille suffisent a reconnaitre un fichier.
2190
+ *
2191
+ * ⚠️ **`accept`, `tailleMax` et `nombreMax` sont un confort** (SEC-5) : ils
2192
+ * s'affichent en aide et filtrent le selecteur du systeme, mais la verification
2193
+ * est dans le schema — `erreursDeFichiers` —, et le serveur relit le contenu.
2194
+ *
2195
+ * Chaque changement de la liste s'annonce : « 2 fichiers choisis ». Un fichier
2196
+ * retire rend le focus au bouton de retrait suivant, ou au choix de fichiers : le
2197
+ * focus ne tombe jamais sur le document.
2198
+ */
2199
+ declare class StFileUpload extends ContratDeChamp implements FormValueControl<readonly File[]> {
2200
+ protected readonly libelles: _angular_core.Signal<_starterlib_ui.LibellesUi>;
2201
+ private readonly locale;
2202
+ private readonly element;
2203
+ private readonly injecteur;
2204
+ readonly value: _angular_core.ModelSignal<readonly File[]>;
2205
+ /** Attribut `accept` natif : `.pdf, image/*`. */
2206
+ readonly accept: _angular_core.InputSignal<string>;
2207
+ readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
2208
+ /** En octets. Affiche en aide ; la verification est dans le schema. */
2209
+ readonly tailleMax: _angular_core.InputSignal<number | null>;
2210
+ protected readonly annonce: AnnonceLocale;
2211
+ protected readonly survol: _angular_core.WritableSignal<boolean>;
2212
+ protected readonly aideLue: _angular_core.Signal<string | null>;
2213
+ protected readonly lignes: _angular_core.Signal<{
2214
+ fichier: File;
2215
+ cle: string;
2216
+ taille: string;
2217
+ }[]>;
2218
+ protected surChoix(evenement: Event): void;
2219
+ protected surSurvol(evenement: DragEvent): void;
2220
+ protected surDepot(evenement: DragEvent): void;
2221
+ protected retirer(indice: number): void;
2222
+ protected aLaSortie(evenement: FocusEvent): void;
2223
+ private ajouter;
2224
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StFileUpload, never>;
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>;
2226
+ }
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
+
1263
2653
  /**
1264
2654
  * Choix du theme : systeme, clair, sombre.
1265
2655
  *
@@ -1591,5 +2981,5 @@ declare class StChargement {
1591
2981
  /** Toutes les directives de gabarit, a importer d'un coup. */
1592
2982
  declare const GABARITS_D_ETAT: readonly [typeof StSucces, typeof StErreur, typeof StVide, typeof StHorsLigne, typeof StChargement];
1593
2983
 
1594
- export { AnnonceLocale, CHEMIN_DU_SPRITE, 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, StCard, StChargement, StCode, StCopyButton, StCount, StDate, StDivider, StEmpty, StErreur, StError, StHeader, StHeading, StHorsLigne, StIcon, StIconButton, StInlineMessage, StLangSwitch, StLink, StLogo, StMasked, StMoney, StOfflineBanner, StPageTitle, StProgress, StRelativeTime, StSection, StSkeleton, StSkipLink, StSpinner, StState, StStatusPill, StSucces, StTag, StText, StThemeToggle, StTimer, StVide, copierDansLePressePapiers, formaterDuree, fournirCheminDuSprite, pressePapiersDisponible, provideStarterUi };
1595
- export type { ConfigurationUi, FormatDeDate, GraisseDeTexte, IssueDeCopie, LibellesUi, MaillonDeFil, NiveauDeTitre, NomDIcone, OrientationDeSeparateur, ReliefDeCarte, RembourrageDeCarte, TailleDIcone, TailleDeBouton, TailleDeSpinner, TailleDeTitre, TonDIcone, TonDeBadge, TonDeBanniere, TonDeMessage, TonDeProgression, TonDeSpinner, TonDeStatut, TypeMasque, 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 };