@starterlib/ui 0.10.13 → 0.11.0

package/types/starterlib-ui-parcours.d.ts

@@ -1,8 +1,9 @@
 import { ApiError, EtatDeCeremonie, LectureDeCeremonie, MoyenDeCeremonie, TonSemantique } from "@starterlib/util";
 import * as i0 from "@angular/core";
-import { InjectionToken, Signal } from "@angular/core";
-import { AnnonceLocale, Icone, NiveauDeTitre } from "@starterlib/ui";
+import { InjectionToken, Provider, Signal } from "@angular/core";
+import { AnnonceLocale, CatalogueDuPointDEntree, Icone, NiveauDeTitre, NomDIcone } from "@starterlib/ui";
 import { DispositionDActions, ErreurAffichable } from "@starterlib/ui/saisie";
+import { TonDeStatut } from "@starterlib/ui/indicateurs";
 /**
  * Un refus du serveur, en banniere, au-dessus de ce qu'il refuse (lot 261) : un virement (plafond,
  * solde), une demande KYC, une connexion. Le patron que chaque formulaire recopiait (`id-refus`).
@@ -64,7 +65,7 @@ export declare class StRefusal {
   private readonly decompte;
   protected readonly variante: import("@angular/core").Signal<import("@starterlib/util").VarianteDErreur>;
   private readonly rejouableSelonLaTable;
-  protected readonly ton: import("@angular/core").Signal<"avertissement" | "danger">;
+  protected readonly ton: import("@angular/core").Signal<"avertissement" | "erreur">;
   protected readonly titreLu: import("@angular/core").Signal<string | null>;
   /** Les secondes d'un 429, quand le serveur les donne. */
   protected readonly attente: import("@angular/core").Signal<number | null>;
@@ -164,7 +165,7 @@ export declare class StOutcome {
   readonly niveauDuTitre: import("@angular/core").InputSignal<NiveauDeTitre>;
   readonly disposition: import("@angular/core").InputSignal<DispositionDIssue>;
   protected readonly ton: import("@angular/core").Signal<TonSemantique>;
-  protected readonly icone: import("@angular/core").Signal<"horloge" | "badge-coche" | "bouclier-coche" | "cercle-alerte" | "cercle-coche" | "cercle-croix" | "cercle-info" | "cercle-question" | "cloche" | "epingle" | "etoile" | "grille" | "marque-page" | "octogone-alerte" | "triangle-alerte">;
+  protected readonly icone: import("@angular/core").Signal<"essai" | "horloge" | "badge-coche" | "bouclier-coche" | "cercle-alerte" | "cercle-coche" | "cercle-croix" | "cercle-info" | "cercle-question" | "cloche" | "epingle" | "etoile" | "grille" | "marque-page" | "octogone-alerte" | "triangle-alerte">;
   /** Le mot de l'issue, lu avant le titre. */
   protected readonly mot: import("@angular/core").Signal<string>;
   protected readonly etiquetteDeReferenceLue: import("@angular/core").Signal<string>;
@@ -967,7 +968,7 @@ export declare class StRecoveryCodes {
   protected readonly tousLesCodes: import("@angular/core").Signal<string>;
   protected readonly raisonDeLAttente: import("@angular/core").Signal<string>;
   /** Le compteur alerte quand il ne reste presque plus de codes. */
-  protected readonly tonDuCompteur: import("@angular/core").Signal<"avertissement" | "danger" | "neutre">;
+  protected readonly tonDuCompteur: import("@angular/core").Signal<"avertissement" | "neutre" | "danger">;
   constructor();
   protected copier(): void;
   /** Garde du double clic : `chargement` avale deja les clics du bouton, la methode aussi. */
@@ -1032,5 +1033,264 @@ export declare class StRecoveryCodes {
     "regeneration": "regeneration";
   }, never, never, true, never>;
 }
+/**
+ * La demande de modification d'une valeur gouvernee (P08-13) : ce que le modele d'un formulaire
+ * Signal Forms porte, la valeur proposee et son motif.
+ *
+ * ```ts
+ * readonly demande = form(signal<DemandeDeModification<bigint | null>>({ valeur: null, motif: '' }),
+ *   (chemin) => {
+ *     required(chemin.valeur);
+ *     validate(chemin.valeur, ({ value }) => erreurHorsPlage(value(), { min: 10_000n, max: 500_000n }));
+ *     required(chemin.motif);
+ *     validate(chemin.motif, ({ value }) => erreurDeMotif(value(), 20));
+ *   });
+ * ```
+ */
+export interface DemandeDeModification<TValeur> {
+  readonly valeur: TValeur;
+  readonly motif: string;
+}
+/**
+ * Le cycle de vie d'une demande, calcule par le SERVEUR, jamais par le composant : `brouillon`
+ * (saisie), `previsualise` (l'effet calcule est montre), `attente-seconde-validation`,
+ * `seconde-validation-suspendue` (la regle a deux personnes ne s'applique pas, l'effectif le dit),
+ * `programme` (effet differe, a sa date), `publie`, `refuse`.
+ */
+export type EtatDeDemande = 'brouillon' | 'previsualise' | 'attente-seconde-validation' | 'seconde-validation-suspendue' | 'programme' | 'publie' | 'refuse';
+/** Le sens de l'effet, fourni par le serveur : un assouplissement attend, un resserrement non. */
+export type SensDeDemande = 'assouplissement' | 'resserrement';
+/** L'effet d'une demande, fourni : immediat, ou differe a sa date (ISO 8601, avec son decalage). */
+export type EffetDeDemande = {
+  readonly nature: 'immediat';
+  readonly sens: SensDeDemande;
+} | {
+  readonly nature: 'differe';
+  readonly sens: SensDeDemande;
+  readonly date: string;
+};
+/** La plage de surete, telle que l'application l'ecrit (« 100,00 € », « 5 000,00 € »). */
+export interface PlageDeDemande {
+  readonly min: string;
+  readonly max: string;
+}
+/** Un refus du serveur : l'erreur telle que le noyau la rend, et le message que l'application en tire. */
+export interface RefusDeDemande {
+  readonly erreur: ApiError;
+  readonly message: string;
+  /** Un code que l'application ne connait pas : la trace se montre (`st-refusal`). */
+  readonly codeInconnu?: boolean;
+}
+/** Une valeur hors de sa plage : la borne franchie, que le message cite. */
+export type ErreurDePlage<TValeur extends number | bigint> = {
+  readonly kind: 'min';
+  readonly min: TValeur;
+} | {
+  readonly kind: 'max';
+  readonly max: TValeur;
+};
+/** Les bornes d'une valeur gouvernee, livrees par le serveur ; l'une ou l'autre peut manquer. */
+export interface BornesDeValeur<TValeur extends number | bigint> {
+  readonly min?: TValeur;
+  readonly max?: TValeur;
+}
+/**
+ * La borne qu'une valeur franchit, ou `null` : pour un nombre comme pour un montant en unites
+ * mineures (`bigint`), dont `st-amount-field` dit la borne en devise (« au plus 5 000,00 € »).
+ * Une valeur absente n'en franchit aucune : `required()` la refuse.
+ *
+ * ```ts
+ * validate(chemin.valeur, ({ value }) => erreurHorsPlage(value(), { min: 10_000n, max: 500_000n }));
+ * ```
+ *
+ * Pour un nombre saisi par `st-number-field`, `min()` et `max()` de Signal Forms font de meme ET
+ * posent les bornes du champ, ou ses pas s'arretent.
+ */
+export declare function erreurHorsPlage<TValeur extends number | bigint>(valeur: TValeur | null, bornes: BornesDeValeur<TValeur>): ErreurDePlage<TValeur> | null;
+/** La longueur minimale d'un motif quand l'application n'en donne pas : de quoi dire pourquoi. */
+export declare const MOTIF_MINIMUM = 10;
+/**
+ * L'erreur du motif d'une demande, ou `null` : obligatoire, et `minimum` caracteres au moins SANS
+ * les blancs de bord (dix espaces ne disent rien). Les genres sont ceux du socle (`required`,
+ * `minLength`) : le message est celui de tous les champs.
+ *
+ * ```ts
+ * required(chemin.motif);
+ * validate(chemin.motif, ({ value }) => erreurDeMotif(value(), 20));
+ * ```
+ */
+export declare function erreurDeMotif(valeur: string, minimum?: number): {
+  readonly kind: 'required';
+} | {
+  readonly kind: 'minLength';
+  readonly minLength: number;
+} | null;
+/**
+ * Les libelles de `@starterlib/ui/parcours` (P08-13) : le catalogue par point d'entree (AD-10,
+ * D154), comme ceux des donnees et des graphiques. La langue suit celle du dictionnaire du tronc ;
+ * les patrons plus anciens du point d'entree lisent encore le dictionnaire du tronc.
+ */
+export interface LibellesParcours {
+  /** Le mot de chaque etat d'une demande (`st-change-request`), sur sa pastille. */
+  readonly etatsDeDemande: Readonly<Record<EtatDeDemande, string>>;
+  /** Le mot de chaque sens d'effet. */
+  readonly sensDeDemande: Readonly<Record<SensDeDemande, string>>;
+  readonly valeurActuelle: string;
+  readonly plageAutorisee: string;
+  /** La plage de surete, ses bornes deja ecrites par l'application (« de 100,00 € a 5 000,00 € »). */
+  readonly plage: (min: string, max: string) => string;
+  readonly effet: string;
+  readonly effetImmediat: string;
+  readonly effetDiffere: string;
+  readonly priseDEffet: string;
+  /** La legende du groupe de la valeur proposee et du motif. */
+  readonly proposition: string;
+  /** Le titre de l'emplacement ou l'application montre l'effet calcule par le serveur. */
+  readonly previsualisation: string;
+  /** Pourquoi la saisie est figee apres une previsualisation ou un refus. */
+  readonly rouvrirPourModifier: string;
+  /** Pourquoi la saisie est figee une fois la demande envoyee. */
+  readonly demandeEnvoyee: string;
+  readonly attenteDeSecondeValidation: string;
+  readonly secondeValidationSuspendue: string;
+  readonly previsualiser: string;
+  readonly soumettre: string;
+  readonly modifier: string;
+  readonly annuler: string;
+  /** L'annonce d'un changement d'etat (« Demande : programmee »). */
+  readonly etatDeLaDemande: (etat: string) => string;
+}
+export declare const LIBELLES_PARCOURS_FR: LibellesParcours;
+export declare const LIBELLES_PARCOURS_EN: LibellesParcours;
+/**
+ * Les catalogues du parcours par langue (sous-etiquette primaire : `fr`, `en`). Une application qui
+ * ajoute une langue au dictionnaire du tronc ajoute la sienne ici, par
+ * `fournirLibellesParcours({ de: ... })`.
+ */
+export declare const ST_LIBELLES_PARCOURS: InjectionToken<Readonly<Record<string, LibellesParcours>>>;
+/** Ajoute (ou remplace) des catalogues du parcours, par langue. */
+export declare function fournirLibellesParcours(catalogues: Readonly<Record<string, LibellesParcours>>): Provider;
+/**
+ * Le catalogue de la langue du dictionnaire du tronc ; le francais quand la langue n'en a pas, un
+ * repli signale en developpement (D-29). A appeler dans un contexte d'injection.
+ */
+export declare function libellesDuParcours(): Signal<LibellesParcours>;
+/**
+ * Le catalogue du parcours ET la langue de son repli (`catalogueDuPointDEntree`) : `lang` de ce qu'il
+ * ecrit seul (D-29). A appeler dans un contexte d'injection.
+ */
+export declare function catalogueDuParcours(): Signal<CatalogueDuPointDEntree<LibellesParcours>>;
+/**
+ * Demander la modification d'une valeur GOUVERNEE (P08-13) : un plafond, un seuil, une duree. Un
+ * seul patron, au lieu d'ecrans qui reinventeraient la plage de surete, le delai, le motif et la
+ * previsualisation.
+ *
+ * ```html
+ * <form [stForm]="demande" [envoyerAvec]="envoyer">
+ *   <st-change-request titre="Plafond de retrait quotidien" [etat]="etat()" [effet]="effet()"
+ *     [plage]="{ min: '100,00 €', max: '5 000,00 €' }" [refus]="refus()"
+ *     (modification)="etat.set('brouillon')" (annulation)="annuler()">
+ *     <st-money actuelle [valeur]="plafond()" />
+ *     <st-amount-field champ libelle="Nouveau plafond" devise="EUR" [formField]="demande.valeur" />
+ *     <st-textarea motif libelle="Motif" [formField]="demande.motif" />
+ *     <div previsualisation>...</div>
+ *   </st-change-request>
+ * </form>
+ * ```
+ *
+ * - **Le serveur juge seul** : il livre les bornes, le sens et la date de l'effet, et l'etat (sept,
+ *   chacun en mot et en forme) ; le composant ne calcule RIEN de metier. La regle a deux personnes
+ *   peut etre suspendue : le composant le montre, il ne le decide pas.
+ * - **Un formulaire Signal Forms** de l'application (`form[stForm]`), ou les champs sont PROJETES :
+ *   la valeur proposee (`[champ]`) et le motif (`[motif]`), lies par `[formField]`. Les regles du
+ *   schema rendent la plage infranchissable (`min()` et `max()`, ou `erreurHorsPlage` pour un
+ *   montant ; le message cite la borne) et le motif obligatoire (`erreurDeMotif`). Le recapitulatif
+ *   d'erreurs est le sien ; un envoi invalide ne part pas.
+ * - **Une action principale** qui ENVOIE le formulaire : « Previsualiser » au brouillon,
+ *   « Soumettre la demande » une fois l'effet montre ; `envoyerAvec` fait l'appel selon l'etat. Le
+ *   double clic est avale (`chargement`), la cle d'idempotence posee par l'intercepteur du socle.
+ * - Apres la previsualisation, la saisie se fige (« Modifier la demande » la rouvre : `modification`)
+ *   ; envoyee, elle ne change plus, et « Annuler la demande » reste (`annulation`).
+ * - Un changement d'etat s'annonce ; un refus prend le focus (`st-refusal`).
+ */
+export declare class StChangeRequest {
+  protected readonly catalogue: import("@angular/core").Signal<import("@starterlib/ui").CatalogueDuPointDEntree<import("@starterlib/ui/parcours").LibellesParcours>>;
+  protected readonly annonce: AnnonceLocale;
+  /** L'envoi du formulaire qui l'entoure (`form[stForm]`) : son recapitulatif et son chargement. */
+  protected readonly envoi: import("@starterlib/ui/saisie").EtatDEnvoi | null;
+  /** Ce qui se modifie (« Plafond de retrait quotidien »), deja traduit. */
+  readonly titre: import("@angular/core").InputSignal<string>;
+  /** 2 en tete de page, 3 ou 4 dans une section. */
+  readonly niveauDuTitre: import("@angular/core").InputSignal<2 | 3 | 4>;
+  /** L'etat calcule par le serveur. */
+  readonly etat: import("@angular/core").InputSignal<EtatDeDemande>;
+  /** Le sens et la nature de l'effet, fournis par le serveur. */
+  readonly effet: import("@angular/core").InputSignal<EffetDeDemande | null>;
+  /** La plage de surete, ses bornes ecrites par l'application. */
+  readonly plage: import("@angular/core").InputSignal<PlageDeDemande | null>;
+  /** Le refus du serveur, montre a l'etat `refuse`. */
+  readonly refus: import("@angular/core").InputSignal<RefusDeDemande | null>;
+  /** « Modifier la demande » : apres une previsualisation ou un refus, la saisie se rouvre. */
+  readonly modification: import("@angular/core").OutputEmitterRef<void>;
+  /** « Annuler la demande » : une demande envoyee, encore en attente ou programmee. */
+  readonly annulation: import("@angular/core").OutputEmitterRef<void>;
+  protected readonly identifiants: {
+    readonly titre: `${string}-titre`;
+    readonly gel: `${string}-gel`;
+    readonly previsualisation: `${string}-previsualisation`;
+  };
+  protected readonly pastille: import("@angular/core").Signal<{
+    readonly ton: TonDeStatut;
+    readonly icone: NomDIcone;
+  }>;
+  protected readonly libelleDEtat: import("@angular/core").Signal<string>;
+  /** La saisie se fige des que l'effet est montre : une valeur changee ne serait plus celle montree. */
+  protected readonly fige: import("@angular/core").Signal<boolean>;
+  protected readonly envoyee: import("@angular/core").Signal<boolean>;
+  protected readonly rouvrable: import("@angular/core").Signal<boolean>;
+  /** Pourquoi la saisie est figee : dite en aide du groupe, jamais tue. */
+  protected readonly raisonDuGel: import("@angular/core").Signal<string | null>;
+  protected readonly explication: import("@angular/core").Signal<string | null>;
+  protected readonly enCours: import("@angular/core").Signal<boolean>;
+  /** Le recapitulatif sous le titre : un niveau de plus, 4 au plus. */
+  protected readonly niveauDuRecapitulatif: import("@angular/core").Signal<3 | 4>;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<StChangeRequest, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StChangeRequest, "st-change-request", never, {
+    "titre": {
+      "alias": "titre";
+      "required": true;
+      "isSignal": true;
+    };
+    "niveauDuTitre": {
+      "alias": "niveauDuTitre";
+      "required": false;
+      "isSignal": true;
+    };
+    "etat": {
+      "alias": "etat";
+      "required": true;
+      "isSignal": true;
+    };
+    "effet": {
+      "alias": "effet";
+      "required": false;
+      "isSignal": true;
+    };
+    "plage": {
+      "alias": "plage";
+      "required": false;
+      "isSignal": true;
+    };
+    "refus": {
+      "alias": "refus";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "modification": "modification";
+    "annulation": "annulation";
+  }, never, ["[actuelle]", "[champ]", "[motif]", "[previsualisation]"], true, never>;
+}
 
 export {};

package/types/starterlib-ui-saisie.d.ts

@@ -2,7 +2,7 @@ import { Adresse, DateIso, DescriptionDeFichier, FormatDAdresse, HeureIso, Natur
 import { DisabledReason, FormCheckboxControl, FormValueControl, ValidationError, WithOptionalFieldTree } from "@angular/forms/signals";
 import { AnnonceLocale, Icone, LibellesUi } from "@starterlib/ui";
 import * as i0 from "@angular/core";
-import { InjectionToken, Signal } from "@angular/core";
+import { InjectionToken, Provider, Signal } from "@angular/core";
 import { sansCommandesDeDirection } from "@starterlib/util";
 import { EtiquetteDeGroupe } from "@starterlib/ui/indicateurs";
 /**
@@ -81,6 +81,8 @@ export declare function messageDErreur(erreur: ErreurAffichable, libelles: Libel
 export declare function libelleDePartie(libelles: LibellesUi, partie: string, nature?: string): string;
 /** Le motif a taper dans la langue courante : `jj/mm/aaaa`. */
 export declare function motifLocal(libelles: LibellesUi, locale: string): string;
+/** Le motif d'un mois dans la langue courante : `mm/aaaa` (`st-month-field`, lot 267). */
+export declare function motifDuMoisLocal(libelles: LibellesUi, locale: string): string;
 /** Le motif d'une heure dans la langue courante : `hh:mm`, `hh:mm AM/PM`. */
 export declare function motifDHeureLocal(libelles: LibellesUi, locale: string, secondes?: boolean): string;
 /**
@@ -838,7 +840,7 @@ export declare class StInput extends ControleDeSaisieCompte {
   /** Clavier virtuel adapte : `numeric`, `decimal`, `email`… */
   readonly inputmode: import("@angular/core").InputSignal<ModeDeSaisie | null>;
   /** Glyphe decoratif de tete, dans le cadre (l'etiquette porte le sens). */
-  readonly icone: import("@angular/core").InputSignal<"iban" | "code" | "devise" | "fichier" | "message" | "menu" | "accessibilite" | "appareils" | "arborescence" | "asterisque" | "badge-coche" | "banque" | "batiment" | "bifurcation" | "billets" | "billets-envoi" | "billets-pile" | "boite" | "boite-de-reception" | "bouclier" | "bouclier-alerte" | "bouclier-coche" | "bouclier-coeur" | "bouclier-croix" | "bouclier-moitie" | "bouclier-recherche" | "bouclier-utilisateur" | "boussole" | "bouton-curseur" | "bulle-question" | "cadenas" | "cadenas-horloge" | "cadenas-ouvert" | "cadre-pied" | "cadre-texte" | "calendrier" | "calendrier-evenement" | "calendrier-horloge" | "calendrier-jour" | "calques" | "carte-bancaire" | "carte-bancaire-barre" | "carte-bancaire-cadenas" | "carte-contact" | "carte-identite" | "cartes-empilees" | "case-cochee" | "casse" | "cercle" | "cercle-alerte" | "cercle-chevron-bas" | "cercle-coche" | "cercle-coche-ouvert" | "cercle-croix" | "cercle-info" | "cercle-moins" | "cercle-plus" | "cercle-question" | "certificat" | "chandelier" | "chargement" | "cheque" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "chevrons-droite" | "chevrons-haut-bas" | "cle" | "cloche" | "cloche-sonnerie" | "coche" | "code-qr" | "code-qr-scanner" | "coffre-fort" | "colonnes" | "connexion" | "contraste" | "copie" | "corbeille" | "corbeille-croix" | "courriel" | "crayon" | "croix" | "curseur-clic" | "deconnexion" | "disposition" | "dollar" | "dossier" | "dossier-barre" | "dossier-ouvert" | "double-coche" | "echange" | "eclair" | "empreinte-digitale" | "enregistrer" | "entree" | "envoyer" | "epaisseur-de-trait" | "epingle" | "etoile" | "euro" | "fichier-image" | "fichier-pdf" | "fichier-texte" | "filtre" | "filtre-barre" | "filtre-lignes" | "fleche-bas" | "fleche-bas-gauche" | "fleche-bas-ligne" | "fleche-droite" | "fleche-gauche" | "fleche-haut" | "fleche-haut-droite" | "fleche-haut-ligne" | "fleche-large-haut" | "fleches-gauche-droite" | "flocon" | "flou" | "formes" | "globe" | "graphique-anneau" | "graphique-barres" | "graphique-barres-cadre" | "graphique-camembert" | "graphique-ligne" | "graphique-lignes" | "grille" | "grille-lignes" | "hexagone" | "historique" | "horloge" | "horloge-fleche" | "imprimer" | "interdit" | "jalons" | "jauge" | "lien" | "lien-externe" | "lignes" | "lignes-crayon" | "liste" | "liste-coche" | "liste-controle" | "liste-numerotee" | "luminosite" | "lune" | "maillet" | "maison" | "marque-page" | "menu-ouvert" | "minuteur" | "mise-au-point" | "mise-en-page-image" | "moins" | "nuage-barre" | "nuage-televerser" | "octogone-alerte" | "oeil" | "oeil-barre" | "panneau-gauche" | "parametres" | "parapluie" | "parchemin" | "pieces" | "plus" | "pointeur" | "points" | "points-verticaux" | "portefeuille" | "portefeuille-cartes" | "presse-papiers-coche" | "presse-papiers-horloge" | "priorite-haute" | "rafraichir" | "recherche" | "recherche-barre" | "recherche-texte" | "rectangle-points" | "recu" | "redemarrer" | "reglages" | "regle" | "reseau-jauge" | "rotation-arriere" | "routeur" | "sablier" | "sablier-bas" | "sablier-haut" | "sac-argent" | "sans-contact" | "serveur" | "soleil" | "style-de-trait" | "synchro" | "synchro-probleme" | "tableau" | "tableau-de-bord" | "tableau-de-bord-plus" | "tablette" | "tabulation" | "telecharger" | "telephone-mobile" | "televerser" | "tendance-baisse" | "tendance-hausse" | "terminal" | "tirelire" | "triangle-alerte" | "triangle-bas" | "triangle-haut" | "trombone" | "utilisateur" | "utilisateur-crayon" | "utilisateurs" | "wifi" | "wifi-barre" | null>;
+  readonly icone: import("@angular/core").InputSignal<"iban" | "code" | "devise" | "fichier" | "message" | "menu" | "accessibilite" | "alimentation" | "appareil-photo" | "appareils" | "arborescence" | "asterisque" | "badge-coche" | "balance" | "banque" | "batiment" | "bifurcation" | "billets" | "billets-envoi" | "billets-pile" | "boite" | "boite-de-reception" | "bouclier" | "bouclier-alerte" | "bouclier-coche" | "bouclier-coeur" | "bouclier-croix" | "bouclier-moitie" | "bouclier-recherche" | "bouclier-utilisateur" | "boussole" | "bouton-curseur" | "bulle-question" | "cadenas" | "cadenas-horloge" | "cadenas-ouvert" | "cadre-pied" | "cadre-texte" | "calendrier" | "calendrier-evenement" | "calendrier-horloge" | "calendrier-jour" | "calques" | "carte-bancaire" | "carte-bancaire-barre" | "carte-bancaire-cadenas" | "carte-contact" | "carte-identite" | "cartes-empilees" | "case-cochee" | "casse" | "cercle" | "cercle-alerte" | "cercle-chevron-bas" | "cercle-coche" | "cercle-coche-ouvert" | "cercle-croix" | "cercle-info" | "cercle-moins" | "cercle-plus" | "cercle-question" | "certificat" | "chandelier" | "chargement" | "cheque" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "chevrons-droite" | "chevrons-haut-bas" | "cible" | "cle" | "cloche" | "cloche-sonnerie" | "coche" | "code-qr" | "code-qr-scanner" | "coffre-fort" | "colonnes" | "comparer" | "connexion" | "contraste" | "copie" | "corbeille" | "corbeille-croix" | "courriel" | "crayon" | "croix" | "curseur-clic" | "deconnexion" | "disposition" | "dollar" | "dossier" | "dossier-barre" | "dossier-ouvert" | "double-coche" | "drapeau" | "echange" | "eclair" | "empreinte-digitale" | "enregistrer" | "entree" | "envoyer" | "epaisseur-de-trait" | "epingle" | "essai" | "etoile" | "euro" | "fichier-image" | "fichier-pdf" | "fichier-texte" | "filtre" | "filtre-barre" | "filtre-lignes" | "fleche-bas" | "fleche-bas-gauche" | "fleche-bas-ligne" | "fleche-droite" | "fleche-gauche" | "fleche-haut" | "fleche-haut-droite" | "fleche-haut-ligne" | "fleche-large-haut" | "fleches-gauche-droite" | "flocon" | "flou" | "formes" | "globe" | "graphique-anneau" | "graphique-barres" | "graphique-barres-cadre" | "graphique-camembert" | "graphique-ligne" | "graphique-lignes" | "grille" | "grille-lignes" | "hexagone" | "historique" | "horloge" | "horloge-fleche" | "imprimer" | "interdit" | "jalons" | "jauge" | "lecture" | "lien" | "lien-externe" | "lignes" | "lignes-crayon" | "liste" | "liste-coche" | "liste-controle" | "liste-numerotee" | "luminosite" | "lune" | "maillet" | "maison" | "marque-page" | "menu-ouvert" | "minuteur" | "mise-au-point" | "mise-en-page-image" | "moins" | "nuage-barre" | "nuage-televerser" | "octogone-alerte" | "oeil" | "oeil-barre" | "panneau-gauche" | "parametres" | "parapluie" | "parchemin" | "passerelle" | "pause" | "pieces" | "plus" | "pointeur" | "points" | "points-verticaux" | "portefeuille" | "portefeuille-cartes" | "presse-papiers-coche" | "presse-papiers-horloge" | "priorite-haute" | "rafraichir" | "recherche" | "recherche-barre" | "recherche-texte" | "rectangle-points" | "recu" | "redemarrer" | "reglages" | "regle" | "reseau" | "reseau-jauge" | "robot" | "rotation-arriere" | "routeur" | "sablier" | "sablier-bas" | "sablier-haut" | "sac-argent" | "sans-contact" | "serveur" | "soleil" | "style-de-trait" | "synchro" | "synchro-probleme" | "tableau" | "tableau-de-bord" | "tableau-de-bord-plus" | "tablette" | "tabulation" | "telecharger" | "telephone-mobile" | "televerser" | "tendance-baisse" | "tendance-hausse" | "terminal" | "tirelire" | "triangle-alerte" | "triangle-bas" | "triangle-haut" | "trombone" | "utilisateur" | "utilisateur-crayon" | "utilisateurs" | "visage" | "wifi" | "wifi-barre" | null>;
   /**
    * `reference` : IBAN, BIC, reference structuree — chasse fixe, chiffres a zero barre
    * (`--st-chiffres-references`), pour qu'un 0 ne se lise pas O ; de gauche a droite en RTL.
@@ -2566,6 +2568,12 @@ export declare class StErrorSummary {
   /** Unique par instance : deux recapitulatifs sur une page partageraient leur titre. */
   protected readonly identifiantDuTitre: string;
   protected readonly lignes: import("@angular/core").Signal<readonly LigneDErreur[]>;
+  /**
+   * « Erreur : » devant chaque ligne, sous le reglage `--st-prefixe-de-ton: visible` (P08-03) : la
+   * faute se lit au mot, sans la couleur. Sans le reglage, ni affiche ni lu (`display: none`) : le
+   * titre dit deja les erreurs, et chaque ligne nomme son champ.
+   */
+  protected readonly prefixe: import("@angular/core").Signal<string>;
   protected readonly titreLu: import("@angular/core").Signal<string>;
   constructor();
   /** Amene le focus sur le recapitulatif (s'il est visible). */
@@ -2599,6 +2607,42 @@ export declare class StErrorSummary {
     };
   }, {}, never, ["[stEtiquette]"], true, never>;
 }
+/**
+ * La jauge de force du mot de passe (ADR web 0011) : un ESTIMATEUR, sans dependance, que l'application
+ * fournit par jeton. Le socle n'embarque aucune bibliotheque dans ce point d'entree : l'adaptateur par
+ * defaut (`@starterlib/ui/force`, zxcvbn-ts et ses dictionnaires) se charge par un import DYNAMIQUE de
+ * l'application, que son outil de construction met dans un morceau a part, telecharge a la premiere
+ * frappe d'un champ qui porte la jauge, jamais au premier ecran.
+ *
+ * ```ts
+ * providers: [
+ *   fournirEstimateurDeForce(() =>
+ *     import('@starterlib/ui/force').then((m) => m.chargerEstimateurZxcvbn(['fr', 'en'])),
+ *   ),
+ * ],
+ * ```
+ *
+ * L'estimation tourne dans le navigateur : la valeur ne quitte jamais le champ (aucun reseau, aucun
+ * stockage, aucun journal). Elle ne decide rien : le serveur reste seul juge (politique, mots de passe
+ * divulgues), et la jauge reste au plus bas tant qu'une regle declaree n'est pas respectee.
+ */
+export interface EstimateurDeForce {
+  /** Un score de 0 (devine en un instant) a 4 (tres robuste), a la maniere de zxcvbn. */
+  estimer(motDePasse: string): number;
+}
+/** Charge l'estimateur a la premiere frappe ; appele une fois par champ au plus. */
+export type ChargeurDEstimateurDeForce = () => Promise<EstimateurDeForce>;
+export declare const ST_ESTIMATEUR_DE_FORCE: InjectionToken<ChargeurDEstimateurDeForce>;
+/** Le fournisseur de l'estimateur : un chargeur, pour que la bibliotheque parte dans un morceau a part. */
+export declare function fournirEstimateurDeForce(chargeur: ChargeurDEstimateurDeForce): Provider;
+/** Les niveaux de la jauge : 1 (le plus bas) a 3 ; 0 tant qu'il n'y a rien a estimer. */
+export type NiveauDeForce = 0 | 1 | 2 | 3;
+/**
+ * Le niveau de la jauge pour un score de 0 a 4, PRUDENT : 0 a 2 donnent le plus bas, 3 le niveau
+ * moyen, 4 seul le plus haut. `Motdepasse1!`, que le refus d'origine citait, vaut 1 avec les
+ * dictionnaires francais et anglais (mesure consignee dans l'ADR web 0011) : niveau 1.
+ */
+export declare function niveauDuScore(score: number): 1 | 2 | 3;
 /** `connexion` : un mot de passe existant. `creation` : un nouveau. */
 export type UsageDuMotDePasse = 'connexion' | 'creation';
 /**
@@ -2645,11 +2689,15 @@ interface RegleRendue {
  * jamais la couleur seule) et annonce une fois (WCAG 4.1.3). Le champ, lui, ne bouge pas ; a la
  * creation, la ligne du message est reservee entre le champ et les regles, qui ne sautent pas.
  *
- * ⚠️ **Aucun indicateur de « force »**, et c'est un refus. Une estimation faite
- * dans le navigateur donne « fort » a `Motdepasse1!` : elle rassure a tort. Les
- * regles sont affichees AVANT la saisie (UX-10), en liste, a la creation seulement, et
- * chacune se coche quand la saisie la respecte ; c'est le serveur qui verifie — y compris
- * contre les mots de passe deja divulgues, qu'aucune regle locale ne voit.
+ * ⚠️ **La jauge de force est une OPTION, en plus des regles et du serveur, jamais a leur place**
+ * (ADR web 0011, qui leve le refus d'origine : une estimation naive donne « fort » a
+ * `Motdepasse1!` et rassure a tort). Les regles sont affichees AVANT la saisie (UX-10), en liste, a
+ * la creation seulement, et chacune se coche quand la saisie la respecte ; c'est le serveur qui
+ * verifie — y compris contre les mots de passe deja divulgues, qu'aucune regle locale ne voit. Avec
+ * `jauge`, un estimateur fourni par l'application (`fournirEstimateurDeForce`, charge a la premiere
+ * frappe) donne un niveau sur trois, dit par des segments ET un mot ; il reste au plus bas tant
+ * qu'une regle a test n'est pas respectee, se recalcule apres une pause de frappe, ne s'annonce qu'a
+ * un changement, et n'a aucun etat « reussi ». Sans `jauge`, le rendu est celui d'avant.
  *
  * `maxLength` du schema montre un compteur (« 12 caracteres restants ») en complement.
  */
@@ -2660,6 +2708,8 @@ export declare class StPasswordField extends ControleDeSaisie {
   private readonly racineDesParties;
   protected readonly idRegles: string;
   protected readonly idMajuscules: string;
+  protected readonly idJauge: string;
+  private readonly chargeurDeForce;
   readonly usage: import("@angular/core").InputSignal<UsageDuMotDePasse>;
   /**
    * Regles de creation, montrees sous le champ en `usage="creation"` seulement : une phrase
@@ -2668,6 +2718,25 @@ export declare class StPasswordField extends ControleDeSaisie {
   readonly regles: import("@angular/core").InputSignal<readonly (string | RegleDeMotDePasse)[]>;
   /** Titre de la liste des regles ; par defaut « Exigences du mot de passe : ». */
   readonly titreDesRegles: import("@angular/core").InputSignal<string | null>;
+  /**
+   * La jauge de force (ADR web 0011), en `usage="creation"` seulement, avec un estimateur fourni par
+   * `fournirEstimateurDeForce`. Sans elle, le rendu est celui d'avant, octet pour octet.
+   */
+  readonly jauge: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Les trois mots des niveaux, du plus bas au plus haut ; par defaut ceux du dictionnaire du socle. */
+  readonly motsDeForce: import("@angular/core").InputSignal<readonly [string, string, string] | null>;
+  protected readonly jaugeActive: import("@angular/core").Signal<boolean>;
+  protected readonly niveauDeForce: import("@angular/core").WritableSignal<NiveauDeForce>;
+  protected readonly segmentsDeForce: readonly [1, 2, 3];
+  /** Le mot du niveau courant, vide tant qu'il n'y a rien a estimer. */
+  protected readonly motDeForce: import("@angular/core").Signal<string>;
+  /**
+   * Une regle A TEST non respectee plafonne la jauge au plus bas. Une regle sans test ne se coche
+   * jamais en local : elle ne plafonne rien, le serveur la juge.
+   */
+  private readonly reglePendante;
+  private estimateur;
+  private minuterieDeForce;
   protected readonly revele: import("@angular/core").WritableSignal<boolean>;
   /** La touche Verr. Maj est active pendant la frappe dans le champ. */
   protected readonly majusculesVerrouillees: import("@angular/core").WritableSignal<boolean>;
@@ -2679,6 +2748,8 @@ export declare class StPasswordField extends ControleDeSaisie {
   /** Les regles et l'avertissement Verr. Maj decrivent le champ : lus au focus, apres l'aide. */
   protected readonly descriptionsDuControle: import("@angular/core").Signal<string[]>;
   constructor();
+  /** Estime `valeur` (l'estimateur se charge a la premiere fois), pose le niveau, l'annonce s'il change. */
+  private estimerLaForce;
   protected basculer(): void;
   protected surSaisie(evenement: Event): void;
   /** Lit Verr. Maj a chaque touche : l'etat se voit des la premiere frappe, et s'annonce. */
@@ -2702,6 +2773,16 @@ export declare class StPasswordField extends ControleDeSaisie {
       "required": false;
       "isSignal": true;
     };
+    "jauge": {
+      "alias": "jauge";
+      "required": false;
+      "isSignal": true;
+    };
+    "motsDeForce": {
+      "alias": "motsDeForce";
+      "required": false;
+      "isSignal": true;
+    };
   }, {}, never, ["[stMeta]", "[stAide]", "[stIndication]"], true, never>;
 }
 /**
@@ -3002,7 +3083,7 @@ export declare class StSelect extends ControleDeSaisie {
   /** WCAG 1.3.5 : `country`, `sex`, `honorific-prefix`… */
   readonly autocomplete: import("@angular/core").InputSignal<TypeDAutocompletion | null>;
   /** Glyphe decoratif de tete, dans le cadre (l'etiquette porte le sens). */
-  readonly icone: import("@angular/core").InputSignal<"iban" | "code" | "devise" | "fichier" | "message" | "menu" | "accessibilite" | "appareils" | "arborescence" | "asterisque" | "badge-coche" | "banque" | "batiment" | "bifurcation" | "billets" | "billets-envoi" | "billets-pile" | "boite" | "boite-de-reception" | "bouclier" | "bouclier-alerte" | "bouclier-coche" | "bouclier-coeur" | "bouclier-croix" | "bouclier-moitie" | "bouclier-recherche" | "bouclier-utilisateur" | "boussole" | "bouton-curseur" | "bulle-question" | "cadenas" | "cadenas-horloge" | "cadenas-ouvert" | "cadre-pied" | "cadre-texte" | "calendrier" | "calendrier-evenement" | "calendrier-horloge" | "calendrier-jour" | "calques" | "carte-bancaire" | "carte-bancaire-barre" | "carte-bancaire-cadenas" | "carte-contact" | "carte-identite" | "cartes-empilees" | "case-cochee" | "casse" | "cercle" | "cercle-alerte" | "cercle-chevron-bas" | "cercle-coche" | "cercle-coche-ouvert" | "cercle-croix" | "cercle-info" | "cercle-moins" | "cercle-plus" | "cercle-question" | "certificat" | "chandelier" | "chargement" | "cheque" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "chevrons-droite" | "chevrons-haut-bas" | "cle" | "cloche" | "cloche-sonnerie" | "coche" | "code-qr" | "code-qr-scanner" | "coffre-fort" | "colonnes" | "connexion" | "contraste" | "copie" | "corbeille" | "corbeille-croix" | "courriel" | "crayon" | "croix" | "curseur-clic" | "deconnexion" | "disposition" | "dollar" | "dossier" | "dossier-barre" | "dossier-ouvert" | "double-coche" | "echange" | "eclair" | "empreinte-digitale" | "enregistrer" | "entree" | "envoyer" | "epaisseur-de-trait" | "epingle" | "etoile" | "euro" | "fichier-image" | "fichier-pdf" | "fichier-texte" | "filtre" | "filtre-barre" | "filtre-lignes" | "fleche-bas" | "fleche-bas-gauche" | "fleche-bas-ligne" | "fleche-droite" | "fleche-gauche" | "fleche-haut" | "fleche-haut-droite" | "fleche-haut-ligne" | "fleche-large-haut" | "fleches-gauche-droite" | "flocon" | "flou" | "formes" | "globe" | "graphique-anneau" | "graphique-barres" | "graphique-barres-cadre" | "graphique-camembert" | "graphique-ligne" | "graphique-lignes" | "grille" | "grille-lignes" | "hexagone" | "historique" | "horloge" | "horloge-fleche" | "imprimer" | "interdit" | "jalons" | "jauge" | "lien" | "lien-externe" | "lignes" | "lignes-crayon" | "liste" | "liste-coche" | "liste-controle" | "liste-numerotee" | "luminosite" | "lune" | "maillet" | "maison" | "marque-page" | "menu-ouvert" | "minuteur" | "mise-au-point" | "mise-en-page-image" | "moins" | "nuage-barre" | "nuage-televerser" | "octogone-alerte" | "oeil" | "oeil-barre" | "panneau-gauche" | "parametres" | "parapluie" | "parchemin" | "pieces" | "plus" | "pointeur" | "points" | "points-verticaux" | "portefeuille" | "portefeuille-cartes" | "presse-papiers-coche" | "presse-papiers-horloge" | "priorite-haute" | "rafraichir" | "recherche" | "recherche-barre" | "recherche-texte" | "rectangle-points" | "recu" | "redemarrer" | "reglages" | "regle" | "reseau-jauge" | "rotation-arriere" | "routeur" | "sablier" | "sablier-bas" | "sablier-haut" | "sac-argent" | "sans-contact" | "serveur" | "soleil" | "style-de-trait" | "synchro" | "synchro-probleme" | "tableau" | "tableau-de-bord" | "tableau-de-bord-plus" | "tablette" | "tabulation" | "telecharger" | "telephone-mobile" | "televerser" | "tendance-baisse" | "tendance-hausse" | "terminal" | "tirelire" | "triangle-alerte" | "triangle-bas" | "triangle-haut" | "trombone" | "utilisateur" | "utilisateur-crayon" | "utilisateurs" | "wifi" | "wifi-barre" | null>;
+  readonly icone: import("@angular/core").InputSignal<"iban" | "code" | "devise" | "fichier" | "message" | "menu" | "accessibilite" | "alimentation" | "appareil-photo" | "appareils" | "arborescence" | "asterisque" | "badge-coche" | "balance" | "banque" | "batiment" | "bifurcation" | "billets" | "billets-envoi" | "billets-pile" | "boite" | "boite-de-reception" | "bouclier" | "bouclier-alerte" | "bouclier-coche" | "bouclier-coeur" | "bouclier-croix" | "bouclier-moitie" | "bouclier-recherche" | "bouclier-utilisateur" | "boussole" | "bouton-curseur" | "bulle-question" | "cadenas" | "cadenas-horloge" | "cadenas-ouvert" | "cadre-pied" | "cadre-texte" | "calendrier" | "calendrier-evenement" | "calendrier-horloge" | "calendrier-jour" | "calques" | "carte-bancaire" | "carte-bancaire-barre" | "carte-bancaire-cadenas" | "carte-contact" | "carte-identite" | "cartes-empilees" | "case-cochee" | "casse" | "cercle" | "cercle-alerte" | "cercle-chevron-bas" | "cercle-coche" | "cercle-coche-ouvert" | "cercle-croix" | "cercle-info" | "cercle-moins" | "cercle-plus" | "cercle-question" | "certificat" | "chandelier" | "chargement" | "cheque" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "chevrons-droite" | "chevrons-haut-bas" | "cible" | "cle" | "cloche" | "cloche-sonnerie" | "coche" | "code-qr" | "code-qr-scanner" | "coffre-fort" | "colonnes" | "comparer" | "connexion" | "contraste" | "copie" | "corbeille" | "corbeille-croix" | "courriel" | "crayon" | "croix" | "curseur-clic" | "deconnexion" | "disposition" | "dollar" | "dossier" | "dossier-barre" | "dossier-ouvert" | "double-coche" | "drapeau" | "echange" | "eclair" | "empreinte-digitale" | "enregistrer" | "entree" | "envoyer" | "epaisseur-de-trait" | "epingle" | "essai" | "etoile" | "euro" | "fichier-image" | "fichier-pdf" | "fichier-texte" | "filtre" | "filtre-barre" | "filtre-lignes" | "fleche-bas" | "fleche-bas-gauche" | "fleche-bas-ligne" | "fleche-droite" | "fleche-gauche" | "fleche-haut" | "fleche-haut-droite" | "fleche-haut-ligne" | "fleche-large-haut" | "fleches-gauche-droite" | "flocon" | "flou" | "formes" | "globe" | "graphique-anneau" | "graphique-barres" | "graphique-barres-cadre" | "graphique-camembert" | "graphique-ligne" | "graphique-lignes" | "grille" | "grille-lignes" | "hexagone" | "historique" | "horloge" | "horloge-fleche" | "imprimer" | "interdit" | "jalons" | "jauge" | "lecture" | "lien" | "lien-externe" | "lignes" | "lignes-crayon" | "liste" | "liste-coche" | "liste-controle" | "liste-numerotee" | "luminosite" | "lune" | "maillet" | "maison" | "marque-page" | "menu-ouvert" | "minuteur" | "mise-au-point" | "mise-en-page-image" | "moins" | "nuage-barre" | "nuage-televerser" | "octogone-alerte" | "oeil" | "oeil-barre" | "panneau-gauche" | "parametres" | "parapluie" | "parchemin" | "passerelle" | "pause" | "pieces" | "plus" | "pointeur" | "points" | "points-verticaux" | "portefeuille" | "portefeuille-cartes" | "presse-papiers-coche" | "presse-papiers-horloge" | "priorite-haute" | "rafraichir" | "recherche" | "recherche-barre" | "recherche-texte" | "rectangle-points" | "recu" | "redemarrer" | "reglages" | "regle" | "reseau" | "reseau-jauge" | "robot" | "rotation-arriere" | "routeur" | "sablier" | "sablier-bas" | "sablier-haut" | "sac-argent" | "sans-contact" | "serveur" | "soleil" | "style-de-trait" | "synchro" | "synchro-probleme" | "tableau" | "tableau-de-bord" | "tableau-de-bord-plus" | "tablette" | "tabulation" | "telecharger" | "telephone-mobile" | "televerser" | "tendance-baisse" | "tendance-hausse" | "terminal" | "tirelire" | "triangle-alerte" | "triangle-bas" | "triangle-haut" | "trombone" | "utilisateur" | "utilisateur-crayon" | "utilisateurs" | "visage" | "wifi" | "wifi-barre" | null>;
   /** Le style de l'etiquette (voir `st-form-field`). */
   readonly presentation: import("@angular/core").InputSignal<PresentationDeLibelle>;
   /**
@@ -3372,7 +3453,7 @@ export declare class StFileUpload extends ContratDeChamp implements FormValueCon
     cle: string;
     nom: string;
     etape: "en-cours" | "depose" | "refuse" | null;
-    icone: "iban" | "code" | "devise" | "fichier" | "message" | "menu" | "accessibilite" | "appareils" | "arborescence" | "asterisque" | "badge-coche" | "banque" | "batiment" | "bifurcation" | "billets" | "billets-envoi" | "billets-pile" | "boite" | "boite-de-reception" | "bouclier" | "bouclier-alerte" | "bouclier-coche" | "bouclier-coeur" | "bouclier-croix" | "bouclier-moitie" | "bouclier-recherche" | "bouclier-utilisateur" | "boussole" | "bouton-curseur" | "bulle-question" | "cadenas" | "cadenas-horloge" | "cadenas-ouvert" | "cadre-pied" | "cadre-texte" | "calendrier" | "calendrier-evenement" | "calendrier-horloge" | "calendrier-jour" | "calques" | "carte-bancaire" | "carte-bancaire-barre" | "carte-bancaire-cadenas" | "carte-contact" | "carte-identite" | "cartes-empilees" | "case-cochee" | "casse" | "cercle" | "cercle-alerte" | "cercle-chevron-bas" | "cercle-coche" | "cercle-coche-ouvert" | "cercle-croix" | "cercle-info" | "cercle-moins" | "cercle-plus" | "cercle-question" | "certificat" | "chandelier" | "chargement" | "cheque" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "chevrons-droite" | "chevrons-haut-bas" | "cle" | "cloche" | "cloche-sonnerie" | "coche" | "code-qr" | "code-qr-scanner" | "coffre-fort" | "colonnes" | "connexion" | "contraste" | "copie" | "corbeille" | "corbeille-croix" | "courriel" | "crayon" | "croix" | "curseur-clic" | "deconnexion" | "disposition" | "dollar" | "dossier" | "dossier-barre" | "dossier-ouvert" | "double-coche" | "echange" | "eclair" | "empreinte-digitale" | "enregistrer" | "entree" | "envoyer" | "epaisseur-de-trait" | "epingle" | "etoile" | "euro" | "fichier-image" | "fichier-pdf" | "fichier-texte" | "filtre" | "filtre-barre" | "filtre-lignes" | "fleche-bas" | "fleche-bas-gauche" | "fleche-bas-ligne" | "fleche-droite" | "fleche-gauche" | "fleche-haut" | "fleche-haut-droite" | "fleche-haut-ligne" | "fleche-large-haut" | "fleches-gauche-droite" | "flocon" | "flou" | "formes" | "globe" | "graphique-anneau" | "graphique-barres" | "graphique-barres-cadre" | "graphique-camembert" | "graphique-ligne" | "graphique-lignes" | "grille" | "grille-lignes" | "hexagone" | "historique" | "horloge" | "horloge-fleche" | "imprimer" | "interdit" | "jalons" | "jauge" | "lien" | "lien-externe" | "lignes" | "lignes-crayon" | "liste" | "liste-coche" | "liste-controle" | "liste-numerotee" | "luminosite" | "lune" | "maillet" | "maison" | "marque-page" | "menu-ouvert" | "minuteur" | "mise-au-point" | "mise-en-page-image" | "moins" | "nuage-barre" | "nuage-televerser" | "octogone-alerte" | "oeil" | "oeil-barre" | "panneau-gauche" | "parametres" | "parapluie" | "parchemin" | "pieces" | "plus" | "pointeur" | "points" | "points-verticaux" | "portefeuille" | "portefeuille-cartes" | "presse-papiers-coche" | "presse-papiers-horloge" | "priorite-haute" | "rafraichir" | "recherche" | "recherche-barre" | "recherche-texte" | "rectangle-points" | "recu" | "redemarrer" | "reglages" | "regle" | "reseau-jauge" | "rotation-arriere" | "routeur" | "sablier" | "sablier-bas" | "sablier-haut" | "sac-argent" | "sans-contact" | "serveur" | "soleil" | "style-de-trait" | "synchro" | "synchro-probleme" | "tableau" | "tableau-de-bord" | "tableau-de-bord-plus" | "tablette" | "tabulation" | "telecharger" | "telephone-mobile" | "televerser" | "tendance-baisse" | "tendance-hausse" | "terminal" | "tirelire" | "triangle-alerte" | "triangle-bas" | "triangle-haut" | "trombone" | "utilisateur" | "utilisateur-crayon" | "utilisateurs" | "wifi" | "wifi-barre";
+    icone: "iban" | "code" | "devise" | "fichier" | "message" | "menu" | "accessibilite" | "alimentation" | "appareil-photo" | "appareils" | "arborescence" | "asterisque" | "badge-coche" | "balance" | "banque" | "batiment" | "bifurcation" | "billets" | "billets-envoi" | "billets-pile" | "boite" | "boite-de-reception" | "bouclier" | "bouclier-alerte" | "bouclier-coche" | "bouclier-coeur" | "bouclier-croix" | "bouclier-moitie" | "bouclier-recherche" | "bouclier-utilisateur" | "boussole" | "bouton-curseur" | "bulle-question" | "cadenas" | "cadenas-horloge" | "cadenas-ouvert" | "cadre-pied" | "cadre-texte" | "calendrier" | "calendrier-evenement" | "calendrier-horloge" | "calendrier-jour" | "calques" | "carte-bancaire" | "carte-bancaire-barre" | "carte-bancaire-cadenas" | "carte-contact" | "carte-identite" | "cartes-empilees" | "case-cochee" | "casse" | "cercle" | "cercle-alerte" | "cercle-chevron-bas" | "cercle-coche" | "cercle-coche-ouvert" | "cercle-croix" | "cercle-info" | "cercle-moins" | "cercle-plus" | "cercle-question" | "certificat" | "chandelier" | "chargement" | "cheque" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "chevrons-droite" | "chevrons-haut-bas" | "cible" | "cle" | "cloche" | "cloche-sonnerie" | "coche" | "code-qr" | "code-qr-scanner" | "coffre-fort" | "colonnes" | "comparer" | "connexion" | "contraste" | "copie" | "corbeille" | "corbeille-croix" | "courriel" | "crayon" | "croix" | "curseur-clic" | "deconnexion" | "disposition" | "dollar" | "dossier" | "dossier-barre" | "dossier-ouvert" | "double-coche" | "drapeau" | "echange" | "eclair" | "empreinte-digitale" | "enregistrer" | "entree" | "envoyer" | "epaisseur-de-trait" | "epingle" | "essai" | "etoile" | "euro" | "fichier-image" | "fichier-pdf" | "fichier-texte" | "filtre" | "filtre-barre" | "filtre-lignes" | "fleche-bas" | "fleche-bas-gauche" | "fleche-bas-ligne" | "fleche-droite" | "fleche-gauche" | "fleche-haut" | "fleche-haut-droite" | "fleche-haut-ligne" | "fleche-large-haut" | "fleches-gauche-droite" | "flocon" | "flou" | "formes" | "globe" | "graphique-anneau" | "graphique-barres" | "graphique-barres-cadre" | "graphique-camembert" | "graphique-ligne" | "graphique-lignes" | "grille" | "grille-lignes" | "hexagone" | "historique" | "horloge" | "horloge-fleche" | "imprimer" | "interdit" | "jalons" | "jauge" | "lecture" | "lien" | "lien-externe" | "lignes" | "lignes-crayon" | "liste" | "liste-coche" | "liste-controle" | "liste-numerotee" | "luminosite" | "lune" | "maillet" | "maison" | "marque-page" | "menu-ouvert" | "minuteur" | "mise-au-point" | "mise-en-page-image" | "moins" | "nuage-barre" | "nuage-televerser" | "octogone-alerte" | "oeil" | "oeil-barre" | "panneau-gauche" | "parametres" | "parapluie" | "parchemin" | "passerelle" | "pause" | "pieces" | "plus" | "pointeur" | "points" | "points-verticaux" | "portefeuille" | "portefeuille-cartes" | "presse-papiers-coche" | "presse-papiers-horloge" | "priorite-haute" | "rafraichir" | "recherche" | "recherche-barre" | "recherche-texte" | "rectangle-points" | "recu" | "redemarrer" | "reglages" | "regle" | "reseau" | "reseau-jauge" | "robot" | "rotation-arriere" | "routeur" | "sablier" | "sablier-bas" | "sablier-haut" | "sac-argent" | "sans-contact" | "serveur" | "soleil" | "style-de-trait" | "synchro" | "synchro-probleme" | "tableau" | "tableau-de-bord" | "tableau-de-bord-plus" | "tablette" | "tabulation" | "telecharger" | "telephone-mobile" | "televerser" | "tendance-baisse" | "tendance-hausse" | "terminal" | "tirelire" | "triangle-alerte" | "triangle-bas" | "triangle-haut" | "trombone" | "utilisateur" | "utilisateur-crayon" | "utilisateurs" | "visage" | "wifi" | "wifi-barre";
     statut: string | null;
     morceauxDuStatut: readonly MorceauDePhrase[] | null;
     detail: string | null;
@@ -3825,7 +3906,7 @@ export type DispositionDActions = 'collee' | 'pied';
  *   …
  *   <st-form-actions>
  *     <button debut stButton type="button">Annuler</button>
- *     <st-icon aide nom="cercle-alerte-plein" ton="danger" />
+ *     <st-icon aide nom="cercle-alerte-plein" ton="erreur" />
  *     <span aide id="aide-envoi">3 erreurs a corriger</span>
  *     <button stButton type="button">Enregistrer le brouillon</button>
  *     <button stButton type="submit" variante="primaire" aria-describedby="aide-envoi">

package/types/starterlib-ui-selection.d.ts

@@ -116,7 +116,7 @@ export declare class StCombobox extends ControleDeSaisie {
   readonly options: import("@angular/core").InputSignal<readonly OptionDeListe[]>;
   readonly filtrage: import("@angular/core").InputSignal<FiltrageDeListe>;
   /** Glyphe de tete, decoratif (planche 13 : banque, entreprise). */
-  readonly icone: import("@angular/core").InputSignal<"accessibilite" | "appareils" | "arborescence" | "asterisque" | "badge-coche" | "banque" | "batiment" | "bifurcation" | "billets" | "billets-envoi" | "billets-pile" | "boite" | "boite-de-reception" | "bouclier" | "bouclier-alerte" | "bouclier-coche" | "bouclier-coeur" | "bouclier-croix" | "bouclier-moitie" | "bouclier-recherche" | "bouclier-utilisateur" | "boussole" | "bouton-curseur" | "bulle-question" | "cadenas" | "cadenas-horloge" | "cadenas-ouvert" | "cadre-pied" | "cadre-texte" | "calendrier" | "calendrier-evenement" | "calendrier-horloge" | "calendrier-jour" | "calques" | "carte-bancaire" | "carte-bancaire-barre" | "carte-bancaire-cadenas" | "carte-contact" | "carte-identite" | "cartes-empilees" | "case-cochee" | "casse" | "cercle" | "cercle-alerte" | "cercle-chevron-bas" | "cercle-coche" | "cercle-coche-ouvert" | "cercle-croix" | "cercle-info" | "cercle-moins" | "cercle-plus" | "cercle-question" | "certificat" | "chandelier" | "chargement" | "cheque" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "chevrons-droite" | "chevrons-haut-bas" | "cle" | "cloche" | "cloche-sonnerie" | "coche" | "code" | "code-qr" | "code-qr-scanner" | "coffre-fort" | "colonnes" | "connexion" | "contraste" | "copie" | "corbeille" | "corbeille-croix" | "courriel" | "crayon" | "croix" | "curseur-clic" | "deconnexion" | "devise" | "disposition" | "dollar" | "dossier" | "dossier-barre" | "dossier-ouvert" | "double-coche" | "echange" | "eclair" | "empreinte-digitale" | "enregistrer" | "entree" | "envoyer" | "epaisseur-de-trait" | "epingle" | "etoile" | "euro" | "fichier" | "fichier-image" | "fichier-pdf" | "fichier-texte" | "filtre" | "filtre-barre" | "filtre-lignes" | "fleche-bas" | "fleche-bas-gauche" | "fleche-bas-ligne" | "fleche-droite" | "fleche-gauche" | "fleche-haut" | "fleche-haut-droite" | "fleche-haut-ligne" | "fleche-large-haut" | "fleches-gauche-droite" | "flocon" | "flou" | "formes" | "globe" | "graphique-anneau" | "graphique-barres" | "graphique-barres-cadre" | "graphique-camembert" | "graphique-ligne" | "graphique-lignes" | "grille" | "grille-lignes" | "hexagone" | "historique" | "horloge" | "horloge-fleche" | "iban" | "imprimer" | "interdit" | "jalons" | "jauge" | "lien" | "lien-externe" | "lignes" | "lignes-crayon" | "liste" | "liste-coche" | "liste-controle" | "liste-numerotee" | "luminosite" | "lune" | "maillet" | "maison" | "marque-page" | "menu" | "menu-ouvert" | "message" | "minuteur" | "mise-au-point" | "mise-en-page-image" | "moins" | "nuage-barre" | "nuage-televerser" | "octogone-alerte" | "oeil" | "oeil-barre" | "panneau-gauche" | "parametres" | "parapluie" | "parchemin" | "pieces" | "plus" | "pointeur" | "points" | "points-verticaux" | "portefeuille" | "portefeuille-cartes" | "presse-papiers-coche" | "presse-papiers-horloge" | "priorite-haute" | "rafraichir" | "recherche" | "recherche-barre" | "recherche-texte" | "rectangle-points" | "recu" | "redemarrer" | "reglages" | "regle" | "reseau-jauge" | "rotation-arriere" | "routeur" | "sablier" | "sablier-bas" | "sablier-haut" | "sac-argent" | "sans-contact" | "serveur" | "soleil" | "style-de-trait" | "synchro" | "synchro-probleme" | "tableau" | "tableau-de-bord" | "tableau-de-bord-plus" | "tablette" | "tabulation" | "telecharger" | "telephone-mobile" | "televerser" | "tendance-baisse" | "tendance-hausse" | "terminal" | "tirelire" | "triangle-alerte" | "triangle-bas" | "triangle-haut" | "trombone" | "utilisateur" | "utilisateur-crayon" | "utilisateurs" | "wifi" | "wifi-barre" | null>;
+  readonly icone: import("@angular/core").InputSignal<"accessibilite" | "alimentation" | "appareil-photo" | "appareils" | "arborescence" | "asterisque" | "badge-coche" | "balance" | "banque" | "batiment" | "bifurcation" | "billets" | "billets-envoi" | "billets-pile" | "boite" | "boite-de-reception" | "bouclier" | "bouclier-alerte" | "bouclier-coche" | "bouclier-coeur" | "bouclier-croix" | "bouclier-moitie" | "bouclier-recherche" | "bouclier-utilisateur" | "boussole" | "bouton-curseur" | "bulle-question" | "cadenas" | "cadenas-horloge" | "cadenas-ouvert" | "cadre-pied" | "cadre-texte" | "calendrier" | "calendrier-evenement" | "calendrier-horloge" | "calendrier-jour" | "calques" | "carte-bancaire" | "carte-bancaire-barre" | "carte-bancaire-cadenas" | "carte-contact" | "carte-identite" | "cartes-empilees" | "case-cochee" | "casse" | "cercle" | "cercle-alerte" | "cercle-chevron-bas" | "cercle-coche" | "cercle-coche-ouvert" | "cercle-croix" | "cercle-info" | "cercle-moins" | "cercle-plus" | "cercle-question" | "certificat" | "chandelier" | "chargement" | "cheque" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "chevrons-droite" | "chevrons-haut-bas" | "cible" | "cle" | "cloche" | "cloche-sonnerie" | "coche" | "code" | "code-qr" | "code-qr-scanner" | "coffre-fort" | "colonnes" | "comparer" | "connexion" | "contraste" | "copie" | "corbeille" | "corbeille-croix" | "courriel" | "crayon" | "croix" | "curseur-clic" | "deconnexion" | "devise" | "disposition" | "dollar" | "dossier" | "dossier-barre" | "dossier-ouvert" | "double-coche" | "drapeau" | "echange" | "eclair" | "empreinte-digitale" | "enregistrer" | "entree" | "envoyer" | "epaisseur-de-trait" | "epingle" | "essai" | "etoile" | "euro" | "fichier" | "fichier-image" | "fichier-pdf" | "fichier-texte" | "filtre" | "filtre-barre" | "filtre-lignes" | "fleche-bas" | "fleche-bas-gauche" | "fleche-bas-ligne" | "fleche-droite" | "fleche-gauche" | "fleche-haut" | "fleche-haut-droite" | "fleche-haut-ligne" | "fleche-large-haut" | "fleches-gauche-droite" | "flocon" | "flou" | "formes" | "globe" | "graphique-anneau" | "graphique-barres" | "graphique-barres-cadre" | "graphique-camembert" | "graphique-ligne" | "graphique-lignes" | "grille" | "grille-lignes" | "hexagone" | "historique" | "horloge" | "horloge-fleche" | "iban" | "imprimer" | "interdit" | "jalons" | "jauge" | "lecture" | "lien" | "lien-externe" | "lignes" | "lignes-crayon" | "liste" | "liste-coche" | "liste-controle" | "liste-numerotee" | "luminosite" | "lune" | "maillet" | "maison" | "marque-page" | "menu" | "menu-ouvert" | "message" | "minuteur" | "mise-au-point" | "mise-en-page-image" | "moins" | "nuage-barre" | "nuage-televerser" | "octogone-alerte" | "oeil" | "oeil-barre" | "panneau-gauche" | "parametres" | "parapluie" | "parchemin" | "passerelle" | "pause" | "pieces" | "plus" | "pointeur" | "points" | "points-verticaux" | "portefeuille" | "portefeuille-cartes" | "presse-papiers-coche" | "presse-papiers-horloge" | "priorite-haute" | "rafraichir" | "recherche" | "recherche-barre" | "recherche-texte" | "rectangle-points" | "recu" | "redemarrer" | "reglages" | "regle" | "reseau" | "reseau-jauge" | "robot" | "rotation-arriere" | "routeur" | "sablier" | "sablier-bas" | "sablier-haut" | "sac-argent" | "sans-contact" | "serveur" | "soleil" | "style-de-trait" | "synchro" | "synchro-probleme" | "tableau" | "tableau-de-bord" | "tableau-de-bord-plus" | "tablette" | "tabulation" | "telecharger" | "telephone-mobile" | "televerser" | "tendance-baisse" | "tendance-hausse" | "terminal" | "tirelire" | "triangle-alerte" | "triangle-bas" | "triangle-haut" | "trombone" | "utilisateur" | "utilisateur-crayon" | "utilisateurs" | "visage" | "wifi" | "wifi-barre" | null>;
   /** Le style de l'etiquette (voir `st-form-field`). */
   readonly presentation: import("@angular/core").InputSignal<PresentationDeLibelle>;
   /**