@starterlib/ui 0.10.13 → 0.11.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@starterlib/ui",
-  "version": "0.10.13",
+  "version": "0.11.0",
   "description": "Bibliotheque de composants st-* du socle frontal starter, sur CDK et Aria.",
   "license": "UNLICENSED",
   "sideEffects": false,
@@ -25,8 +25,12 @@
     "@angular/forms": "^22.2.0",
     "@angular/cdk": "^22.2.0",
     "@angular/aria": "^22.2.0",
-    "@starterlib/tokens": "^0.10.0",
-    "@starterlib/util": "^0.10.0"
+    "@starterlib/tokens": "^0.11.0",
+    "@starterlib/util": "^0.11.0",
+    "@zxcvbn-ts/core": "^4.2.0",
+    "@zxcvbn-ts/language-common": "^4.1.3",
+    "@zxcvbn-ts/language-en": "^4.1.1",
+    "@zxcvbn-ts/language-fr": "^4.1.2"
   },
   "peerDependenciesMeta": {
     "@angular/cdk": {
@@ -37,6 +41,18 @@
     },
     "@angular/forms": {
       "optional": true
+    },
+    "@zxcvbn-ts/core": {
+      "optional": true
+    },
+    "@zxcvbn-ts/language-common": {
+      "optional": true
+    },
+    "@zxcvbn-ts/language-en": {
+      "optional": true
+    },
+    "@zxcvbn-ts/language-fr": {
+      "optional": true
     }
   },
   "module": "fesm2022/starterlib-ui.mjs",
@@ -61,10 +77,18 @@
       "types": "./types/starterlib-ui-etats.d.ts",
       "default": "./fesm2022/starterlib-ui-etats.mjs"
     },
+    "./force": {
+      "types": "./types/starterlib-ui-force.d.ts",
+      "default": "./fesm2022/starterlib-ui-force.mjs"
+    },
     "./formulaires": {
       "types": "./types/starterlib-ui-formulaires.d.ts",
       "default": "./fesm2022/starterlib-ui-formulaires.mjs"
     },
+    "./graphiques": {
+      "types": "./types/starterlib-ui-graphiques.d.ts",
+      "default": "./fesm2022/starterlib-ui-graphiques.mjs"
+    },
     "./indicateurs": {
       "types": "./types/starterlib-ui-indicateurs.d.ts",
       "default": "./fesm2022/starterlib-ui-indicateurs.mjs"
@@ -116,6 +140,10 @@
     "./surfaces": {
       "types": "./types/starterlib-ui-surfaces.d.ts",
       "default": "./fesm2022/starterlib-ui-surfaces.mjs"
+    },
+    "./virtuel": {
+      "types": "./types/starterlib-ui-virtuel.d.ts",
+      "default": "./fesm2022/starterlib-ui-virtuel.mjs"
     }
   },
   "type": "module"

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

@@ -1,5 +1,6 @@
-import { AnnonceLocale, Icone, TailleDAvatar, TailleDIconeFixe, TonDAvatar } from "@starterlib/ui";
+import { AnnonceLocale, CatalogueDuPointDEntree, Icone, TailleDAvatar, TailleDIconeFixe, TonDAvatar } from "@starterlib/ui";
 import * as i0 from "@angular/core";
+import { InjectionToken, Provider, Signal } from "@angular/core";
 import { Ton, TonSemantique } from "@starterlib/util";
 import { BlocDeDocument, DocumentStructure, EmphaseDeDocument, LienDeDocument, Montant, MorceauDeTexte } from "@starterlib/util/valeurs";
 export type TypeMasque = 'iban' | 'carte' | 'telephone' | 'reference';
@@ -195,11 +196,13 @@ export declare class StMasked {
 export type TailleDeMontant = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'hero';
 /**
  * Couleur choisie par l'appelant : `discret` pour un solde nul ou clos, `primaire` pour la
- * ligne choisie d'un tableau, `succes` et `danger` pour un statut de ligne (execute, rejete).
+ * ligne choisie d'un tableau, `succes` et `erreur` pour un statut de ligne (execute, rejete) ;
+ * `danger` reste pour une ligne a detruire ou une urgence (et pour le rejet ecrit avant le role
+ * `erreur`, P08-03, qui en a la couleur par defaut).
  * ⚠️ Un statut, jamais un sens : un debit n'est pas une erreur (D30). Le sens d'une
  * VARIATION se dit par `variation`, qui lit `positif` et `negatif`.
  */
-export type TonDeMontant = Extract<Ton, 'neutre' | 'discret' | 'primaire' | 'succes' | 'danger'>;
+export type TonDeMontant = Extract<Ton, 'neutre' | 'discret' | 'primaire' | 'succes' | 'erreur' | 'danger'>;
 /** `mono` : colonne de chasse fixe des tableaux (planche 4, D19). */
 export type PoliceDeMontant = 'base' | 'mono';
 /** `fin` : cellule numerique, les virgules s'alignent en colonne. */
@@ -580,7 +583,7 @@ export type DecimalesDeNombre = number | {
   readonly max: number;
 };
 /** Les tons de `st-money` : un statut choisi par l'appelant, jamais deduit du signe. */
-export type TonDeNombre = Extract<Ton, 'neutre' | 'discret' | 'primaire' | 'succes' | 'danger'>;
+export type TonDeNombre = Extract<Ton, 'neutre' | 'discret' | 'primaire' | 'succes' | 'erreur' | 'danger'>;
 /**
  * Un nombre qui n'est ni un montant (`st-money`) ni un compte (`st-count`) : un taux, un TAEG, une
  * quantite decimale, une grandeur avec son unite (lot 256).
@@ -1565,7 +1568,7 @@ export declare class StCode {
   protected readonly annonce: AnnonceLocale;
   protected readonly copieConfirmee: import("@angular/core").WritableSignal<boolean>;
   protected readonly copieRefusee: import("@angular/core").WritableSignal<boolean>;
-  protected readonly iconeDeCopie: import("@angular/core").Signal<"iban" | "chargement" | "message" | "devise" | "cle" | "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" | "cheque" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "chevrons-droite" | "chevrons-haut-bas" | "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" | "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" | "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" | "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">;
+  protected readonly iconeDeCopie: import("@angular/core").Signal<"iban" | "chargement" | "pause" | "message" | "essai" | "devise" | "cle" | "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" | "cheque" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "chevrons-droite" | "chevrons-haut-bas" | "cible" | "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" | "disposition" | "dollar" | "dossier" | "dossier-barre" | "dossier-ouvert" | "double-coche" | "drapeau" | "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" | "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" | "minuteur" | "mise-au-point" | "mise-en-page-image" | "moins" | "nuage-barre" | "nuage-televerser" | "octogone-alerte" | "oeil" | "oeil-barre" | "panneau-gauche" | "parametres" | "parapluie" | "parchemin" | "passerelle" | "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">;
   protected readonly messageDeRefus: import("@angular/core").Signal<string>;
   private minuterieDeConfirmation;
   constructor();
@@ -1669,5 +1672,228 @@ export declare class StDocument {
     };
   }, {}, never, never, true, never>;
 }
+/** Les bornes de l'opacite : visible sur l'ecran comme a l'impression, jamais au point de gener la lecture. */
+export declare const OPACITE_DE_FILIGRANE: {
+  readonly min: 0.04;
+  readonly defaut: 0.08;
+  readonly max: 0.2;
+};
+/**
+ * Le motif d'une tuile : le texte en diagonale (-30 degres), centre. Une image SVG `data:` (permise
+ * par `img-src 'self' data:`), servie en MASQUE : la couleur est celle du theme (`texte`), lue par la
+ * feuille, et non ecrite dans l'image.
+ */
+export declare function motifDeFiligrane(texte: string): string;
+/**
+ * Filigrane (P08-04) : un texte repete en diagonale sur une zone, pour des resultats d'essai ou un
+ * dossier imprimable (« Donnees fictives », « Specimen »). Le texte est fourni par l'application,
+ * deja traduit.
+ *
+ * ```html
+ * <section class="resultats">
+ *   <st-watermark texte="Donnees fictives" />
+ *   ...
+ * </section>
+ * ```
+ *
+ * - Il COUVRE son conteneur, que l'appelant positionne (`position: relative`), par-dessus son
+ *   contenu, a faible opacite (`opacite`, de 0,04 a 0,2 ; 0,08 par defaut) : le texte reste lisible,
+ *   a l'ecran comme a l'impression.
+ * - Absent de l'arbre d'accessibilite : aucun noeud de texte (le motif est un masque CSS de l'hote,
+ *   `aria-hidden`), ce que la page dit deja en mots (banniere, titre). Il ne capte aucun pointeur.
+ * - Motif SVG en ligne, sans requete ni reference `url(#...)` (que `<base href>` perd sous Safari et
+ *   Firefox), et sans attribut `style` statique : la politique de securite du contenu du socle suffit.
+ * - Imprime par defaut (couleurs exactes) ; `[imprime]="false"` le retire du papier.
+ */
+export declare class StWatermark {
+  /** Le texte repete, deja traduit (« Donnees fictives »). */
+  readonly texte: import("@angular/core").InputSignal<string>;
+  /** Present a l'impression (defaut) ; `false` le retire du papier. */
+  readonly imprime: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Opacite du texte, ramenee entre 0,04 et 0,2 ; 0,08 par defaut. */
+  readonly opacite: import("@angular/core").InputSignalWithTransform<number, number | `${number}`>;
+  protected readonly motif: import("@angular/core").Signal<string>;
+  protected readonly opaciteLue: import("@angular/core").Signal<number>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StWatermark, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StWatermark, "st-watermark", never, {
+    "texte": {
+      "alias": "texte";
+      "required": true;
+      "isSignal": true;
+    };
+    "imprime": {
+      "alias": "imprime";
+      "required": false;
+      "isSignal": true;
+    };
+    "opacite": {
+      "alias": "opacite";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/**
+ * Lu jusqu'au bout (P08-08) : exige la lecture d'un document jusqu'a sa fin SANS exclure le clavier
+ * ni le lecteur d'ecran, ce que ferait un simple detecteur de defilement.
+ *
+ * ```html
+ * <section stLuJusquAuBout #lecture="stLuJusquAuBout" (atteint)="journaliser()">
+ *   <st-document [document]="conditions()" />
+ * </section>
+ * <button
+ *   stButton
+ *   [indisponible]="!lecture.lu()"
+ *   [raisonIndisponible]="lecture.lu() ? null : t('lireJusquAuBout')"
+ * >
+ *   Accepter
+ * </button>
+ * ```
+ *
+ * - **Une sentinelle focalisable** « Fin du document » (`libelleDeFin` la remplace) suit le
+ *   contenu, dans le conteneur : un conteneur qui defile (`overflow: auto`) la cache jusqu'a la fin.
+ * - **Trois voies** : la sentinelle visible a l'ecran (observateur d'intersection, au-dessus de la
+ *   barre inferieure et de l'action flottante) ; la tabulation jusqu'a elle ; le lecteur d'ecran,
+ *   dont le curseur fait defiler la page jusqu'a elle ou y pose le focus (VoiceOver).
+ * - **Une seule emission** de `atteint` ; `lu()` reste vrai ensuite. Un autre document se lit dans
+ *   un autre conteneur (`@for ... track version`).
+ * - **Aucun acces global** : la fenetre est celle du `DOCUMENT` injecte, et rien n'est observe
+ *   avant le rendu au navigateur ; un prerendu ne produit aucun effet.
+ *
+ * Pose sur un element du gabarit (`section`, `div`), jamais sur un composant : un element ne porte
+ * qu'un composant. Recette : `docs/recettes/accepter-apres-lecture.md`.
+ */
+export declare class StLuJusquAuBout {
+  private readonly document;
+  protected readonly catalogue: import("@angular/core").Signal<import("@starterlib/ui").CatalogueDuPointDEntree<import("@starterlib/ui/donnees").LibellesDonnees>>;
+  /** Le texte de la sentinelle, deja traduit ; `null` : « Fin du document ». */
+  readonly libelleDeFin: import("@angular/core").InputSignal<string | null>;
+  /** Emise UNE fois, quand la fin du document est atteinte. */
+  readonly atteint: import("@angular/core").OutputEmitterRef<void>;
+  private readonly etat;
+  /** Vrai des que la fin est atteinte : a lire pour l'indisponibilite du bouton qui suit. */
+  readonly lu: import("@angular/core").Signal<boolean>;
+  protected readonly libelleLu: import("@angular/core").Signal<string>;
+  /** `lang` de la sentinelle quand son texte vient du catalogue de repli (D-29). */
+  protected readonly langueLue: import("@angular/core").Signal<string | null>;
+  private readonly sentinelle;
+  private observateur;
+  private surveillant;
+  constructor();
+  /** La fin est atteinte : une seule emission, et plus rien a observer. */
+  protected atteindre(): void;
+  /**
+   * Observe la sentinelle dans la fenetre, le bas de la fenetre retranche de ce qui le recouvre ;
+   * re-arme quand la coquille change ces hauteurs (attribut `style` de `<html>`).
+   */
+  private observer;
+  private arreter;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StLuJusquAuBout, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StLuJusquAuBout, "[stLuJusquAuBout]", ["stLuJusquAuBout"], {
+    "libelleDeFin": {
+      "alias": "libelleDeFin";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "atteint": "atteint";
+  }, never, ["*"], true, never>;
+}
+/**
+ * La fraicheur d'une donnee dont l'AGE compte (P08-12) : « A jour, il y a 12 s » ou « Perimee
+ * depuis 2 min 05 s », en MOT et en FORME (une coche, un triangle), jamais par la couleur seule.
+ *
+ * ```html
+ * <st-freshness [instant]="positions.lueA()" [seuil]="60" [libelle]="t('positions.titre')"
+ *   (perimee)="signaler()" />
+ * ```
+ *
+ * - `instant` : la derniere lecture reussie (`lueA()` d'une `ressourceRafraichie`) ; `seuil` : l'age,
+ *   en secondes, au-dela duquel la donnee est perimee, fourni par le serveur ou l'application.
+ * - **L'age se relit chaque seconde, onglet visible seulement** ; a son retour, le texte est juste.
+ * - **Aucune region vivante** : le texte se reecrit chaque seconde, et une region l'annoncerait en
+ *   boucle. L'application annonce, elle, ce qui compte (`perimee`).
+ * - **`perimee`** est emise une fois a chaque franchissement du seuil (et des la premiere lecture si
+ *   la donnee est deja perimee) ; une donnee rafraichie repasse « a jour ».
+ */
+export declare class StFreshness {
+  private readonly document;
+  private readonly locale;
+  private readonly fuseau;
+  protected readonly catalogue: import("@angular/core").Signal<import("@starterlib/ui").CatalogueDuPointDEntree<import("@starterlib/ui/donnees").LibellesDonnees>>;
+  /** L'instant de la donnee : `Date`, chaine ISO ou millisecondes. */
+  readonly instant: import("@angular/core").InputSignal<string | number | Date>;
+  /** L'age, en secondes, au-dela duquel la donnee est perimee. */
+  readonly seuil: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /** Ce qu'est la donnee (« Positions »), deja traduit ; `null` : rien devant l'etat. */
+  readonly libelle: import("@angular/core").InputSignal<string | null>;
+  /** Emise a chaque franchissement du seuil. */
+  readonly perimee: import("@angular/core").OutputEmitterRef<void>;
+  private readonly maintenant;
+  private readonly enMillisecondes;
+  protected readonly estValide: import("@angular/core").Signal<boolean>;
+  /** L'age en secondes, jamais negatif (une horloge du poste en retard sur le serveur). */
+  private readonly age;
+  protected readonly estPerimee: import("@angular/core").Signal<boolean>;
+  protected readonly icone: import("@angular/core").Signal<"iban" | "chargement" | "pause" | "message" | "essai" | "devise" | "cle" | "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" | "cheque" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "chevrons-droite" | "chevrons-haut-bas" | "cible" | "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" | "disposition" | "dollar" | "dossier" | "dossier-barre" | "dossier-ouvert" | "double-coche" | "drapeau" | "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" | "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" | "minuteur" | "mise-au-point" | "mise-en-page-image" | "moins" | "nuage-barre" | "nuage-televerser" | "octogone-alerte" | "oeil" | "oeil-barre" | "panneau-gauche" | "parametres" | "parapluie" | "parchemin" | "passerelle" | "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">;
+  protected readonly texte: import("@angular/core").Signal<string>;
+  /** L'instant lisible par la machine (`<time datetime>`). */
+  protected readonly iso: import("@angular/core").Signal<string | null>;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<StFreshness, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StFreshness, "st-freshness", never, {
+    "instant": {
+      "alias": "instant";
+      "required": true;
+      "isSignal": true;
+    };
+    "seuil": {
+      "alias": "seuil";
+      "required": true;
+      "isSignal": true;
+    };
+    "libelle": {
+      "alias": "libelle";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "perimee": "perimee";
+  }, never, never, true, never>;
+}
+/**
+ * Les libelles de `@starterlib/ui/donnees` (P08-08) : le catalogue par point d'entree (AD-10, D154),
+ * comme ceux de la navigation et des formulaires. La langue suit celle du dictionnaire du tronc.
+ */
+export interface LibellesDonnees {
+  /** La sentinelle de `stLuJusquAuBout`, apres le dernier mot d'un document (« Fin du document »). */
+  readonly finDuDocument: string;
+  /** `st-freshness` a jour, son age relatif en argument (« A jour, il y a 12 s »). */
+  readonly aJour: (age: string) => string;
+  /** `st-freshness` perimee, la duree depuis le seuil en argument (« Perimee depuis 2 min 05 s »). */
+  readonly perimeeDepuis: (duree: string) => string;
+  /** Le nom de la donnee devant son etat, espace finale comprise (« Positions : »). */
+  readonly libelleDeLaDonnee: (libelle: string) => string;
+}
+export declare const LIBELLES_DONNEES_FR: LibellesDonnees;
+export declare const LIBELLES_DONNEES_EN: LibellesDonnees;
+/**
+ * Les catalogues des donnees par langue (sous-etiquette primaire : `fr`, `en`). Une application qui
+ * ajoute une langue au dictionnaire du tronc ajoute la sienne ici, par
+ * `fournirLibellesDonnees({ de: ... })`.
+ */
+export declare const ST_LIBELLES_DONNEES: InjectionToken<Readonly<Record<string, LibellesDonnees>>>;
+/** Ajoute (ou remplace) des catalogues des donnees, par langue. */
+export declare function fournirLibellesDonnees(catalogues: Readonly<Record<string, LibellesDonnees>>): 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 libellesDesDonnees(): Signal<LibellesDonnees>;
+/**
+ * Le catalogue des donnees 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 catalogueDesDonnees(): Signal<CatalogueDuPointDEntree<LibellesDonnees>>;
 
 export {};

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

@@ -0,0 +1,19 @@
+import { EstimateurDeForce } from "@starterlib/ui/saisie";
+/** Les dictionnaires de langue que l'estimateur sait ajouter au dictionnaire commun. */
+export type LangueDuDictionnaire = 'fr' | 'en';
+/**
+ * Charge l'estimateur zxcvbn-ts (ADR web 0011) : son noyau, le dictionnaire commun et les claviers,
+ * puis un dictionnaire par langue demandee. Chaque morceau est un import DYNAMIQUE : l'outil de
+ * construction de l'application en fait des fichiers a part, et seuls les dictionnaires demandes se
+ * telechargent. Poids mesures (brotli 11, 2026-10-07) : noyau et commun 213 Ko ; avec le francais
+ * 471 Ko ; avec l'anglais 755 Ko ; les deux 1 009 Ko.
+ *
+ * Distance de Levenshtein active : un mot du dictionnaire a une ou deux lettres pres reste un mot du
+ * dictionnaire, et la jauge en devient plus prudente (`Motdepasse1!` passe de 2 a 1). Aucun appel
+ * reseau : le matcher des mots de passe divulgues (`@zxcvbn-ts/matcher-pwned`) n'est PAS branche,
+ * cette verification reste au serveur. Aucune traduction : le retour de la bibliotheque n'est pas
+ * montre.
+ */
+export declare function chargerEstimateurZxcvbn(langues?: readonly LangueDuDictionnaire[]): Promise<EstimateurDeForce>;
+
+export {};

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

@@ -3,7 +3,7 @@ import { AnneesDuCalendrier, ContratDeChamp, ContratDeChampABornes, ControleDeSa
 import * as i0 from "@angular/core";
 import { InjectionToken, Provider, Signal } from "@angular/core";
 import { AnnonceLocale, CatalogueDuPointDEntree, LibellesUi } from "@starterlib/ui";
-import { DateIso, FrequenceDeRecurrence, HeureIso, PlageDeDates, Recurrence } from "@starterlib/util/valeurs";
+import { DateIso, FrequenceDeRecurrence, HeureIso, MoisIso, PartieDeDate, PlageDeDates, Recurrence } from "@starterlib/util/valeurs";
 /**
  * L'envoi d'un formulaire valide. Il rend les refus du serveur, que Signal Forms place sous leur
  * champ (`fieldTree`) et au recapitulatif, puis efface des que la valeur du champ change ; rien
@@ -257,6 +257,14 @@ export interface LibellesFormulaires {
   readonly derniereEcheance: string;
   readonly nombreDEcheances: string;
   readonly recapitulatif: string;
+  /** Les cases de `st-memorable-date` (lot 267) ; l'annee est celle du tronc (`annee`). */
+  readonly jour: string;
+  readonly mois: string;
+  /** L'exemple dit AVANT la saisie, dans l'ordre de la langue (« 27 3 1990 »). */
+  readonly exempleDeDateMemorable: (exemple: string) => string;
+  /** Les parties qui manquent, dans l'ordre de la langue : jamais les trois (le champ est vide). */
+  readonly dateMemorableIncomplete: (manque: readonly PartieDeDate[]) => string;
+  readonly dateMemorableInexistante: (exemple: string) => string;
 }
 export declare const LIBELLES_FORMULAIRES_FR: LibellesFormulaires;
 export declare const LIBELLES_FORMULAIRES_EN: LibellesFormulaires;
@@ -828,6 +836,129 @@ export declare class StDateRange extends ContratDeChamp implements FormValueCont
     "value": "valueChange";
   }, never, never, true, never>;
 }
+/**
+ * Mois d'une annee : un champ texte, au format de la langue courante (`mm/aaaa`). Composant bonus du
+ * lot 267 : sa condition d'entree, son poids et ce qu'il n'est pas sont dans `README.md` a cote.
+ *
+ * ```html
+ * <st-month-field libelle="Periode du releve" [formField]="releve.periode" />
+ * ```
+ *
+ * Le modele est un mois ISO `AAAA-MM` ou `null`, jamais un objet `Date` : un releve de septembre n'a
+ * ni jour ni fuseau.
+ *
+ * ⚠️ **Un champ texte, jamais `type="month"`** (D7 de l'audit de la vague 3, comme les dates et les
+ * heures) : le champ natif n'existe ni dans Firefox ni dans Safari de bureau, et suit la langue du
+ * NAVIGATEUR. Le format attendu et un exemple sont dits en aide, AVANT la saisie.
+ *
+ * ⚠️ **Rien n'est devine** (`lireMois`) : l'annee s'ecrit en quatre chiffres ; « 092026 » se lit
+ * 09/2026 (le pave numerique d'un telephone n'a pas de barre). Une saisie illisible garde le texte,
+ * vide le modele et rend le formulaire invalide, comme `st-date-field`.
+ */
+export declare class StMonthField extends ContratDeChamp implements FormValueControl<MoisIso | null> {
+  protected readonly libelles: import("@angular/core").Signal<import("@starterlib/ui").LibellesUi>;
+  private readonly locale;
+  readonly value: import("@angular/core").ModelSignal<string | null>;
+  readonly autocomplete: import("@angular/core").InputSignal<string | null>;
+  /**
+   * Quitte au moins une fois. Relie a un formulaire, `touched` le dit ; employe seul, rien ne le
+   * dirait, et une saisie illisible ne s'afficherait jamais.
+   */
+  protected readonly quitte: import("@angular/core").WritableSignal<boolean>;
+  protected readonly saisie: import("@angular/forms/signals").TransformedValueSignal<string>;
+  /** La saisie est-elle illisible ? Le modele vaut alors `null`, comme un champ vide. */
+  readonly lectureInvalide: import("@angular/core").Signal<boolean>;
+  protected readonly aideLue: import("@angular/core").Signal<string>;
+  protected readonly erreursAffichees: import("@angular/core").Signal<readonly import("@starterlib/ui/saisie").ErreurAffichable[]>;
+  protected surSaisie(evenement: Event): void;
+  protected aLaSortieDuChamp(): void;
+  private formater;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StMonthField, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StMonthField, "st-month-field", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "autocomplete": {
+      "alias": "autocomplete";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+  }, never, never, true, never>;
+}
+/**
+ * Date memorable : jour, mois et annee en trois cases numeriques, dans l'ordre de la langue
+ * courante. Composant bonus du lot 267 : sa condition d'entree, son poids et ce qu'il n'est pas sont
+ * dans `README.md` a cote.
+ *
+ * ```html
+ * <st-memorable-date libelle="Date de naissance" naissance [formField]="identite.naissance" />
+ * ```
+ *
+ * Une date qu'une personne CONNAIT (sa naissance, la delivrance d'un document) se tape plus vite et
+ * plus surement qu'elle ne se cherche dans un calendrier, qui fait remonter decennie par decennie.
+ * Le modele est une date ISO `AAAA-MM-JJ` ou `null`, jamais un objet `Date`.
+ *
+ * - Trois cases etiquetees (« Jour », « Mois », « Annee ») dans un `fieldset` dont la legende est
+ *   la question ; l'exemple est dit AVANT la saisie, dans l'ordre de la langue (« 27 3 1990 »).
+ * - `naissance` pose `autocomplete="bday-day"`, `bday-month`, `bday-year` : le navigateur remplit.
+ * - Rien n'est devine : l'annee s'ecrit en quatre chiffres ; une date incomplete dit la partie qui
+ *   manque, une date qui n'existe pas (31/02) le dit, et le modele reste `null` dans les deux cas.
+ */
+export declare class StMemorableDate extends ContratDeChamp implements FormValueControl<DateIso | null> {
+  private readonly libellesDuTronc;
+  private readonly locale;
+  private readonly catalogue;
+  protected readonly libelles: import("@angular/core").Signal<import("@starterlib/ui/formulaires").LibellesFormulaires>;
+  readonly value: import("@angular/core").ModelSignal<string | null>;
+  /** Une date de naissance : le navigateur peut remplir les trois cases. */
+  readonly naissance: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  private readonly cases;
+  protected readonly identifiant: string;
+  /** Quitte au moins une fois (le groupe entier) : une date incomplete se dit alors. */
+  protected readonly quitte: import("@angular/core").WritableSignal<boolean>;
+  protected readonly saisie: import("@angular/forms/signals").TransformedValueSignal<string>;
+  protected readonly parties: import("@angular/core").Signal<Record<PartieDeDate, string>>;
+  /** Les trois cases, dans l'ordre de la langue. */
+  protected readonly ordre: import("@angular/core").Signal<{
+    partie: PartieDeDate;
+    libelle: string;
+    longueur: number;
+    autocomplete: string;
+  }[]>;
+  /** La saisie est-elle illisible ou incomplete ? Le modele vaut alors `null`. */
+  readonly lectureInvalide: import("@angular/core").Signal<boolean>;
+  protected readonly aideLue: import("@angular/core").Signal<string>;
+  protected readonly erreursAffichees: import("@angular/core").Signal<readonly import("@starterlib/ui/saisie").ErreurAffichable[]>;
+  protected readonly enErreur: import("@angular/core").Signal<boolean>;
+  /** Signal Forms amene le focus sur la premiere case, dans l'ordre de la langue. */
+  focus(options?: FocusOptions): void;
+  protected surSaisie(partie: PartieDeDate, evenement: Event): void;
+  /** Le groupe n'est quitte que si le focus en SORT : passer du jour au mois n'est pas partir. */
+  protected aLaSortie(evenement: FocusEvent): void;
+  private libelleDe;
+  private exemple;
+  private lire;
+  private formater;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StMemorableDate, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StMemorableDate, "st-memorable-date", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "naissance": {
+      "alias": "naissance";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+  }, never, never, true, never>;
+}
 /**
  * Heure d'horloge : un champ texte, au format de la langue courante.
  *