@starterlib/ui 0.10.13 → 0.11.0

package/types/starterlib-ui.d.ts

@@ -148,10 +148,22 @@ export interface LibellesUi {
   readonly reglesDuMotDePasse: string;
   readonly regleRespectee: string;
   readonly regleNonRespectee: string;
+  /** Jauge de force du mot de passe (ADR web 0011) : son nom, ses trois niveaux, l'annonce d'un changement. */
+  readonly forceDuMotDePasse: string;
+  readonly niveauxDeForce: readonly [string, string, string];
+  readonly forceAnnoncee: (niveau: string) => string;
   readonly revelerPendant: (duree: string) => string;
   readonly rechercher: string;
   readonly effacerLaRecherche: string;
   readonly fermerLeMessage: string;
+  /**
+   * Environnement d'essai (P08-04) : le mot et la phrase de la banniere de `st-app-shell
+   * variante="essai"`, et l'annonce de sa fin. Neutres par defaut ; l'application les remplace
+   * (par les entrees de la coquille, ou par son dictionnaire).
+   */
+  readonly environnementDEssai: string;
+  readonly environnementDEssaiMessage: string;
+  readonly finDeLEnvironnementDEssai: (mot: string) => string;
   /** Pile des messages ephemeres (lot 233) : nom de sa region, fermeture d'un message persistant. */
   readonly regionDesMessages: string;
   readonly ignorerLeMessage: string;
@@ -162,12 +174,19 @@ export interface LibellesUi {
   /** Nom de la region du corps d'un dialogue quand il defile (`st-dialog-content`, lot 229). */
   readonly corpsDuDialogue: string;
   /**
-   * Prefixes masques qui disent le ton d'un message EN MOTS (`st-banner`, `st-inline-message`),
-   * ponctuation comprise : « Avertissement : » en francais, « Warning: » en anglais.
+   * Prefixes qui disent le ton d'un message EN MOTS (`st-banner`, `st-inline-message`),
+   * ponctuation comprise : « Avertissement : » en francais, « Warning: » en anglais. Masques et
+   * lus ; affiches sous le reglage `--st-prefixe-de-ton: visible` (P08-03).
    */
   readonly tonInformation: string;
   readonly tonSucces: string;
   readonly tonAvertissement: string;
+  /** Une faute ou un echec (ton `erreur`, P08-03). */
+  readonly tonErreur: string;
+  /**
+   * Le ton `danger` (destruction, urgence) garde « Erreur : », son mot d'avant le role `erreur` :
+   * ce que lisent les consommateurs du socle ne change pas. Une faute passe au ton `erreur`.
+   */
   readonly tonDanger: string;
   /** Montants */
   readonly montantIllisible: (exemple: string) => string;
@@ -929,7 +948,7 @@ export declare function fermerApresLaSortie(element: Element, detacher: () => vo
  * echoue a la compilation : une reference `use` vers un identifiant absent ne rend RIEN, sans
  * erreur, et le defaut passe la revue.
  */
-export declare const NOMS_DICONE: readonly ["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"];
+export declare const NOMS_DICONE: readonly ["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"];
 export type NomDIconeCourant = (typeof NOMS_DICONE)[number];
 /**
  * Anciens noms d'un train : resolus par `st-icon` avec un avertissement en developpement, puis
@@ -947,7 +966,7 @@ export interface NomDIconeResolu {
 }
 export declare function resoudreLeNomDIcone(nom: NomDIcone): NomDIconeResolu;
 /** Noms qui ont un jumeau plein `<nom>-plein` dans le sprite (`variante="plein"`). */
-export declare const NOMS_DICONE_PLEINE: readonly ["badge-coche", "bouclier-coche", "cercle-alerte", "cercle-coche", "cercle-croix", "cercle-info", "cercle-question", "cloche", "epingle", "etoile", "grille", "horloge", "marque-page", "octogone-alerte", "triangle-alerte"];
+export declare const NOMS_DICONE_PLEINE: readonly ["badge-coche", "bouclier-coche", "cercle-alerte", "cercle-coche", "cercle-croix", "cercle-info", "cercle-question", "cloche", "epingle", "essai", "etoile", "grille", "horloge", "marque-page", "octogone-alerte", "triangle-alerte"];
 export type NomDIconePleine = (typeof NOMS_DICONE_PLEINE)[number];
 /**
  * Icones qui portent un sens HORIZONTAL : miroitees sous ecriture de droite a gauche. Viennent du
@@ -964,8 +983,11 @@ export declare const NOMS_DICONE_MARQUE: ReadonlySet<NomDIconeCourant>;
  * ⚠️ L'icone differe par sa FORME d'un ton a l'autre, jamais par sa seule couleur : un message porte
  * par la couleur est illisible pour une personne daltonienne, a l'impression et sous contraste force.
  * Chaque icone a un jumeau plein : a 16 px, un statut se lit mieux plein (02 §1.2).
+ *
+ * `essai` (P08-04), l'environnement fictif, n'est pas un ton semantique ; sa fiole est ici pour les
+ * composants qui le rendent (`st-banner`, `st-status-pill`).
  */
-export declare const ICONES_DE_TON: Readonly<Record<TonSemantique, NomDIconePleine>>;
+export declare const ICONES_DE_TON: Readonly<Record<TonSemantique | Extract<Ton, 'essai'>, NomDIconePleine>>;
 /** Reliee par l'hote (`ui` ignore `core`) ; au tronc, pour ne pas charger la recherche. */
 export declare const ST_RECHERCHE_D_ADRESSES: InjectionToken<RechercheDAdresses | null>;
 /**
@@ -1050,7 +1072,7 @@ export declare class StIcon {
   /** La valeur unique : prime sur `nom`, `variante`, `sprite` et `nomMetier`. */
   readonly icone: import("@angular/core").InputSignal<Icone | null>;
   /** Nom d'un symbole du sprite du socle. Un alias deprecie est resolu, avec un avertissement. */
-  readonly nom: import("@angular/core").InputSignal<"iban" | "code" | "copie" | "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" | "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" | "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 nom: import("@angular/core").InputSignal<"iban" | "code" | "copie" | "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" | "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" | "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>;
   /** `plein` : le jumeau FILL 1 du nom, s'il en a un (`NOMS_DICONE_PLEINE`). */
   readonly variante: import("@angular/core").InputSignal<VarianteDIcone>;
   /**
@@ -1926,7 +1948,7 @@ export declare class StSegmentedControl {
 export type TailleDAvatar = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type FormeDAvatar = 'cercle' | 'carre';
 /** Le ton du disque : papier teinte du ton (`discrete`, defaut) ou aplat (`pleine`). */
-export type TonDAvatar = Exclude<Ton, 'discret' | 'inverse'>;
+export type TonDAvatar = Exclude<Ton, 'discret' | 'inverse' | 'essai'>;
 export type VarianteDAvatar = 'discrete' | 'pleine';
 /**
  * Representation d'une personne (planches 2, 6, 10 et 14 de Claude Design, lot 206).
@@ -2089,8 +2111,12 @@ export declare class StEmpty {
     };
   }, {}, never, ["*"], true, never>;
 }
-/** Le ton d'une erreur : danger pour un echec, avertissement pour ce qui se resout, neutre sinon. */
-export type TonDErreur = 'danger' | 'avertissement' | 'neutre';
+/**
+ * Le ton d'une erreur : `erreur` pour un echec, avertissement pour ce qui se resout, neutre sinon.
+ * `erreur` et non plus `danger` (P08-03) : un echec n'est ni une destruction ni une urgence, et
+ * prend la couleur que la marque donne a l'erreur (le rouge du danger par defaut).
+ */
+export type TonDErreur = 'erreur' | 'avertissement' | 'neutre';
 /** L'icone, le ton et la rejouabilite par defaut d'une variante. */
 export interface ProfilDErreur {
   readonly icone: Icone;
@@ -2718,6 +2744,13 @@ export declare class StBreadcrumb {
 }
 /** Identifiant par defaut du contenu principal, pose par `st-app-shell`. */
 export declare const IDENTIFIANT_DU_CONTENU_PRINCIPAL = "contenu-principal";
+/** Une cible du lien d'evitement : la seconde est l'action critique d'une application (P08-06). */
+export interface CibleDEvitement {
+  /** L'identifiant de l'element a atteindre : le bouton lui-meme, pour qu'Entree l'active. */
+  readonly cible: string;
+  /** Le texte du lien, deja traduit (« Aller a l'arret d'urgence »). */
+  readonly libelle: string;
+}
 /**
  * Lien d'evitement : aller au contenu sans traverser la navigation.
  *
@@ -2744,6 +2777,11 @@ export declare const IDENTIFIANT_DU_CONTENU_PRINCIPAL = "contenu-principal";
  * Rendu (planche 6, couche A) : masque au repos, une pilule de 44 px au focus, en haut au
  * debut de la ligne (a droite en RTL), primaire, rayon md, anneau force a deux voies. Aucune
  * icone et aucun raccourci annonce : le lien est le raccourci.
+ *
+ * **Seconde cible** (P08-06) : l'action critique d'une application (`secondeCible`, « Aller a
+ * l'arret d'urgence »), rendue apres « Aller au contenu », ou AVANT si l'application le demande
+ * (`secondeEnPremier`) : Tab puis Entree atteignent alors l'action depuis n'importe quelle page.
+ * Un lien par cible ; seul celui qui a le focus se montre, dans la pilule.
  */
 export declare class StSkipLink {
   private readonly document;
@@ -2752,9 +2790,12 @@ export declare class StSkipLink {
   readonly cible: import("@angular/core").InputSignal<string>;
   /** `null` : le texte vient du dictionnaire de l'application. */
   readonly libelle: import("@angular/core").InputSignal<string | null>;
-  protected readonly libelleLu: import("@angular/core").Signal<string>;
-  protected readonly ancre: import("@angular/core").Signal<string>;
-  protected aller(evenement: MouseEvent): void;
+  /** Une seconde cible (P08-06), fournie par l'application ; `null` : le contenu seul. */
+  readonly secondeCible: import("@angular/core").InputSignal<CibleDEvitement | null>;
+  /** Vrai : la seconde cible passe EN PREMIER, premier arret de tabulation du document. */
+  readonly secondeEnPremier: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected readonly liens: import("@angular/core").Signal<readonly CibleDEvitement[]>;
+  protected aller(evenement: MouseEvent, identifiant: string): void;
   static ɵfac: i0.ɵɵFactoryDeclaration<StSkipLink, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<StSkipLink, "st-skip-link", never, {
     "cible": {
@@ -2767,6 +2808,16 @@ export declare class StSkipLink {
       "required": false;
       "isSignal": true;
     };
+    "secondeCible": {
+      "alias": "secondeCible";
+      "required": false;
+      "isSignal": true;
+    };
+    "secondeEnPremier": {
+      "alias": "secondeEnPremier";
+      "required": false;
+      "isSignal": true;
+    };
   }, {}, never, never, true, never>;
 }
 /**
@@ -2779,8 +2830,19 @@ export declare const PROPRIETE_HAUTEUR_ENTETE = "--st-hauteur-entete";
  * s'y colle (`inset-block-start`), juste sous l'en-tete.
  */
 export declare const PROPRIETE_HAUTEUR_ENTETE_SEUL = "--st-coquille-hauteur-entete";
-/** `standard` : en-tete sur la surface ; `marque` : en-tete sur l'aplat de marque. */
-export type VarianteDeCoquille = 'standard' | 'marque';
+/**
+ * Propriete posee sur `<html>` sous `md`, quand l'action permanente flotte (P08-06) : la hauteur
+ * couverte du bas de la fenetre au haut de l'action, barre inferieure comprise. La feuille de
+ * `@starterlib/tokens` la lit dans `scroll-padding-block-end`.
+ */
+export declare const PROPRIETE_HAUTEUR_ACTION = "--st-hauteur-action";
+/**
+ * `standard` : en-tete sur la surface ; `marque` : en-tete sur l'aplat de marque ; `essai` (P08-04) :
+ * un environnement fictif (donnees d'exemple, bac a sable), marque sans qu'on puisse l'oublier.
+ */
+export type VarianteDeCoquille = 'standard' | 'marque' | 'essai';
+/** L'attribut que la variante `essai` pose sur `<html>`, et sa valeur. */
+export declare const ATTRIBUT_D_ENVIRONNEMENT = "data-environnement";
 /**
  * Coquille d'une application : lien d'evitement, en-tete, bannieres globales,
  * navigation, contenu principal, pied de page.
@@ -2834,6 +2896,28 @@ export type VarianteDeCoquille = 'standard' | 'marque';
  * `st-route-progress` est reconnu a son ELEMENT et pose dans l'en-tete, a son bord inferieur :
  * l'application ne le place pas.
  *
+ * L'emplacement `navigationBasse` (P08-05) recoit `st-bottom-nav` : la barre se fixe au bas de la
+ * fenetre sous `md` et publie sa hauteur (`--st-hauteur-pied`) ; la coquille la reserve sous son
+ * contenu, et le focus ne passe jamais dessous. Au-dessus de `md`, `st-sidenav` prend le relais.
+ *
+ * ⚠️ **L'emplacement `actionPermanente` (P08-06) ne se replie jamais** : l'action critique d'une
+ * application (l'arret d'urgence d'Aplomb), premier arret de tabulation apres le lien
+ * d'evitement, jamais dans un tiroir ni un menu. Au-dessus de `md`, au bout de l'en-tete ; en
+ * dessous, elle flotte au bout de la ligne, au-dessus de la barre inferieure (ou de la zone
+ * sure), et la coquille publie la hauteur qu'elle couvre (`--st-hauteur-action`) : la feuille des
+ * jetons garde le focus au-dessus d'elle (WCAG 2.4.11) et la coquille la reserve sous son contenu.
+ * `lienVersLAction` ajoute au lien d'evitement la cible de l'action (« Aller a l'arret
+ * d'urgence »), rendue en premier sous `lienVersLActionEnPremier`. Le raccourci clavier se
+ * declare sur l'action elle-meme (`stRaccourci`, `@starterlib/core`).
+ *
+ * ⚠️ **La variante `essai` ne se masque pas** (P08-04) : un liseret de la couleur `essai` sur le
+ * pourtour de la fenetre, fixe sous le bloc collant de l'en-tete (il reste visible au defilement, a
+ * 320 px et a 200 %, et ne capte aucun pointeur) ; une banniere `essai` en tete des bannieres, qu'on
+ * ne ferme pas (mot `titreDEssai`, phrase `messageDEssai`, « Donnees fictives » par defaut) ;
+ * `data-environnement="essai"` sur `<html>` ; une annonce POLIE, une seule, a l'entree et a la sortie
+ * de la variante. Aucune animation. Elle ne s'active que sur demande de l'application : un marqueur
+ * qui serait partout n'informerait plus.
+ *
  * Le contenu est borne a `--st-largeur-page` (90rem) et centre ; l'en-tete et la navigation
  * portent les `view-transition-name` `st-entete` et `st-navigation`.
  */
@@ -2843,16 +2927,41 @@ export declare class StAppShell {
    * `texteSurMarque`) ; en sombre, cette surface redevient neutre.
    */
   readonly variante: import("@angular/core").InputSignal<VarianteDeCoquille>;
+  /** Le mot de l'environnement d'essai, titre de sa banniere ; `null` : « Donnees fictives ». */
+  readonly titreDEssai: import("@angular/core").InputSignal<string | null>;
+  /** La phrase de la banniere d'essai ; `null` : celle du dictionnaire. */
+  readonly messageDEssai: import("@angular/core").InputSignal<string | null>;
+  /**
+   * La seconde cible du lien d'evitement (P08-06) : l'identifiant de l'action permanente et le
+   * texte du lien, deja traduit ; `null` : le contenu seul.
+   */
+  readonly lienVersLAction: import("@angular/core").InputSignal<CibleDEvitement | null>;
+  /** Vrai : le lien vers l'action passe avant « Aller au contenu », premier arret du document. */
+  readonly lienVersLActionEnPremier: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   private readonly document;
   private readonly hote;
   private readonly entete;
   private readonly bannieres;
+  private readonly action;
   private observateur;
+  private observateurDAction;
   private surveillant;
   /** Derniere hauteur de bordure connue de chaque element du bloc collant. */
   private readonly hauteurs;
   protected readonly identifiantDuContenu = "contenu-principal";
+  private readonly libelles;
+  protected readonly annonce: AnnonceLocale;
+  protected readonly enEssai: import("@angular/core").Signal<boolean>;
+  protected readonly titreDEssaiLu: import("@angular/core").Signal<string>;
+  protected readonly messageDEssaiLu: import("@angular/core").Signal<string>;
   constructor();
+  /**
+   * Sous `md`, l'action flotte (`position: fixed`) : sa boite va du bas de la fenetre au haut de
+   * l'action, barre et ecart compris, et sa hauteur est publiee sur `<html>`. Au-dessus, elle
+   * rentre dans l'en-tete et la propriete se retire. Passer la rupture change la taille de la
+   * boite : l'observateur rappelle, et la position calculee tranche.
+   */
+  private mesurerLActionFlottante;
   /**
    * Le bloc collant = l'en-tete PLUS les bannieres `data-collee` : c'est tout ce qui recouvre le
    * contenu que le navigateur fait defiler vers le haut. L'en-tete seul est aussi pose sur
@@ -2868,7 +2977,27 @@ export declare class StAppShell {
       "required": false;
       "isSignal": true;
     };
-  }, {}, never, ["[entete]", "st-route-progress", "[bannieres]", "[navigation]", "*", "[pied]"], true, never>;
+    "titreDEssai": {
+      "alias": "titreDEssai";
+      "required": false;
+      "isSignal": true;
+    };
+    "messageDEssai": {
+      "alias": "messageDEssai";
+      "required": false;
+      "isSignal": true;
+    };
+    "lienVersLAction": {
+      "alias": "lienVersLAction";
+      "required": false;
+      "isSignal": true;
+    };
+    "lienVersLActionEnPremier": {
+      "alias": "lienVersLActionEnPremier";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["[actionPermanente]", "[entete]", "st-route-progress", "[bannieres]", "[navigation]", "*", "[pied]", "[navigationBasse]"], true, never>;
 }
 /**
  * Contenu de l'en-tete : bouton de navigation, marque, puis actions.
@@ -3266,8 +3395,11 @@ export declare class StAuthShell {
   static ɵfac: i0.ɵɵFactoryDeclaration<StAuthShell, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<StAuthShell, "st-auth-shell", never, {}, {}, never, ["[entete]", "[banniere]", "*", "[pied]", "[version]"], true, never>;
 }
-/** Les tons semantiques, sauf `primaire` : une banniere informe, elle ne marque pas. */
-export type TonDeBanniere = Exclude<TonSemantique, 'primaire'>;
+/**
+ * Les tons semantiques, sauf `primaire` : une banniere informe, elle ne marque pas. Plus `essai`
+ * (P08-04), l'environnement fictif : une banniere qu'on ne ferme pas.
+ */
+export type TonDeBanniere = Exclude<TonSemantique, 'primaire'> | Extract<Ton, 'essai'>;
 /** `bloc` : en page, au-dessus du contenu concerne. `bandeau` : sous l'en-tete de la coquille. */
 export type FormeDeBanniere = 'bloc' | 'bandeau';
 /**
@@ -3281,9 +3413,12 @@ export type FormeDeBanniere = 'bloc' | 'bandeau';
  * une banniere presente des l'affichage est lue avec la page, une fois, puis
  * son apparition ulterieure est annoncee. Le meme mecanisme sert les deux cas.
  *
- * ⚠️ Le ton `danger` passe en `alert` (assertif) : une operation qui vient
- * d'echouer doit interrompre. Les autres restent en `status`, sinon une
+ * ⚠️ Les tons `erreur` et `danger` passent en `alert` (assertif) : une operation
+ * qui vient d'echouer doit interrompre. Les autres restent en `status`, sinon une
  * confirmation couperait la lecture en cours et ferait perdre sa place.
+ * `erreur` dit une faute ou un echec, `danger` une destruction ou une urgence
+ * (P08-03) ; l'erreur prend la couleur du danger tant que la marque ne pose pas la
+ * sienne.
  *
  * ⚠️ Comme `st-spinner` et `st-error`, elle se tait dans une region vivante
  * existante : sans cela, le lecteur annonce deux fois le meme message. Elle est
@@ -3294,13 +3429,19 @@ export type FormeDeBanniere = 'bloc' | 'bandeau';
  * ⚠️ **Le ton se dit en mots.** Un prefixe masque (« Avertissement : ») ouvre le
  * titre, ou le message sans titre : il est lu par la region et au parcours, la
  * couleur et la forme de l'icone ne le disent qu'a qui les voit. Le titre nomme
- * la region (`aria-labelledby`).
+ * la region (`aria-labelledby`). Le reglage `--st-prefixe-de-ton: visible` de
+ * l'application l'affiche (P08-03).
  *
  * ```html
  * <st-banner ton="avertissement" titre="Session bientot expiree" fermable (ferme)="retirer()"
  *            message="Enregistrez votre saisie." />
  * ```
  *
+ * ⚠️ **Le ton `essai` ne se ferme pas** (P08-04) : il dit qu'un environnement est fictif
+ * (« Donnees fictives », « Bac a sable ») tant qu'il l'est. `fermable` y est IGNORE, sans croix ni
+ * touche ; son mot est le TITRE (exige : sans lui, la couleur et la fiole seules le diraient), et
+ * aucun prefixe ne le repete. `st-app-shell variante="essai"` en pose une en tete de ses bannieres.
+ *
  * Retrait : l'appelant retire l'element apres `ferme`, par
  * `(animate.leave)="fonduDeSortie($event)"`. Aucune animation d'insertion : une
  * banniere generique apparait d'un coup (decision du proprietaire, lot 196).
@@ -3318,15 +3459,20 @@ export declare class StBanner {
   readonly forme: import("@angular/core").InputSignal<FormeDeBanniere>;
   /** Identifiant du titre ; engendre si absent. */
   readonly identifiant: import("@angular/core").InputSignal<string | null>;
+  /** Ignore sous le ton `essai`, qui ne se ferme jamais. */
   readonly fermable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   /** `null` : le texte vient du dictionnaire de l'application. */
   readonly libelleFermeture: import("@angular/core").InputSignal<string | null>;
   readonly ferme: import("@angular/core").OutputEmitterRef<void>;
-  protected readonly icone: import("@angular/core").Signal<"badge-coche" | "bouclier-coche" | "cercle-alerte" | "cercle-coche" | "cercle-croix" | "cercle-info" | "cercle-question" | "cloche" | "epingle" | "etoile" | "grille" | "horloge" | "marque-page" | "octogone-alerte" | "triangle-alerte">;
+  protected readonly icone: import("@angular/core").Signal<"badge-coche" | "bouclier-coche" | "cercle-alerte" | "cercle-coche" | "cercle-croix" | "cercle-info" | "cercle-question" | "cloche" | "epingle" | "essai" | "etoile" | "grille" | "horloge" | "marque-page" | "octogone-alerte" | "triangle-alerte">;
   protected readonly idDuTitre: import("@angular/core").Signal<string>;
+  /** L'essai dit son mot par le titre : aucun prefixe ne le repete. */
   protected readonly prefixe: import("@angular/core").Signal<string | null>;
+  /** `fermable`, sauf sous le ton `essai` : un environnement fictif ne se ferme pas. */
+  protected readonly fermableLu: import("@angular/core").Signal<boolean>;
   protected readonly libelleFermetureLu: import("@angular/core").Signal<string>;
   protected readonly roleLu: import("@angular/core").Signal<"status" | "alert" | null>;
+  constructor();
   /**
    * ⚠️ Le focus est DEPLACE avant l'emission, vers le premier element focalisable
    * VISIBLE qui suit (sinon le dernier qui precede, sinon le conteneur), sans
@@ -3388,7 +3534,7 @@ export type TonDeMessage = Exclude<TonSemantique, 'primaire'>;
  * qui compte. Un message en ligne est lu quand on atteint l'endroit auquel il se
  * rattache ; en faire une region vivante le ferait annoncer hors contexte, et une
  * vingtaine de champs produiraient vingt annonces a l'ouverture de l'ecran.
- * `annonce` en fait une region (`status`, `alert` en danger) pour un message
+ * `annonce` en fait une region (`status`, `alert` en erreur ou en danger) pour un message
  * apparu APRES coup hors d'un formulaire (copie refusee, verification finie).
  * ⚠️ Une region inseree deja remplie n'est pas annoncee de facon fiable (NVDA,
  * JAWS) : avec `annonce`, la region est posee VIDE, et son contenu y entre apres
@@ -3396,7 +3542,12 @@ export type TonDeMessage = Exclude<TonSemantique, 'primaire'>;
  *
  * ⚠️ **Le ton se dit en mots** : un prefixe masque (« Erreur : ») ouvre le texte,
  * lu au parcours et par `aria-describedby`. Le texte ne repete donc jamais le
- * mot « Erreur ».
+ * mot « Erreur ». Le reglage `--st-prefixe-de-ton: visible` de l'application
+ * l'affiche (P08-03) : une faute se lit alors au mot, sans la couleur.
+ *
+ * Ton `erreur` pour une faute ou un echec (champ invalide, refus) ; `danger` pour
+ * une destruction ou une urgence. L'erreur prend la couleur du danger tant que la
+ * marque ne pose pas la sienne.
  *
  * ⚠️ Pour une erreur de SAISIE, le champ doit porter `aria-describedby` vers
  * l'identifiant du message : `st-form-field` pose ce lien ; un champ nu le pose
@@ -3668,7 +3819,7 @@ export declare class StCopyButton {
    */
   protected readonly copieConfirmee: import("@angular/core").WritableSignal<boolean>;
   private minuterieDeConfirmation;
-  protected readonly icone: import("@angular/core").Signal<"iban" | "code" | "copie" | "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" | "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" | "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">;
+  protected readonly icone: import("@angular/core").Signal<"iban" | "code" | "copie" | "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" | "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" | "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">;
   /** La copie a ete refusee : le message VISIBLE reste jusqu'a la tentative suivante. */
   protected readonly copieRefusee: import("@angular/core").WritableSignal<boolean>;
   protected readonly messageDeRefus: import("@angular/core").Signal<string>;

package/virtuel/README.md

@@ -0,0 +1,46 @@
+# `@starterlib/ui/virtuel` — `st-virtual-list`, bonus sous condition ecrite (lot 267)
+
+## Condition d'entree
+
+Une liste REELLE au-dela de la pagination par curseur : plusieurs milliers de lignes AFFICHEES
+ensemble par un ecran nomme (un journal d'operations a parcourir d'un trait, une liste de
+rapprochement). Construite le 2026-10-01 sur decision du proprietaire (vague 4) ; la condition
+reste la regle de son emploi : une liste paginee par curseur (`st-list`, `st-data-table` de
+`@starterlib/ui/listes`) n'en a pas besoin, et le backend ne rend pas de page plus longue que sa
+borne.
+
+Ce qu'elle n'est pas : une grille editable (`st-data-grid`) ni une liste de transfert
+(`st-transfer-list`), qui restent conditionnees ; ni un tableau (pas de colonnes ni de tri).
+
+## API
+
+```html
+<st-virtual-list libelle="Operations de septembre" [elements]="operations()" [suivi]="parId">
+  <ng-template [stVirtualItem]="operations()" let-operation let-rang="index">
+    {{ operation.libelle }}
+  </ng-template>
+</st-virtual-list>
+```
+
+- `elements` : le tableau entier ; seules les lignes de la fenetre (et cinq a dix de marge) existent
+  dans le document.
+- `libelle` : le nom de la fenetre (`role="region"`, focalisable : elle defile aux fleches, a Page
+  suivante et a Fin, sans contenu focalisable requis).
+- Chaque ligne porte `aria-posinset` et `aria-setsize` : « 37 sur 10 000 ».
+- `hauteurDeLigne` : en pixels CSS, FIXE (44 par defaut) ; une valeur nulle ou negative est refusee
+  (signalee en developpement, 44 retenus) : elle ferait rendre la liste entiere.
+- `suivi` : la fonction de suivi des lignes (le rang par defaut).
+- `allerA(rang)` : amene une ligne dans la fenetre.
+- Hauteur de la fenetre : l'entree `hauteurDeFenetre`, une longueur CSS (`24rem` par defaut).
+
+## Gardes et poids
+
+- Point d'entree a lui : il traine `@angular/cdk/scrolling` et RIEN d'autre (`pnpm paquets:check`,
+  au sous-chemin exact) ; il n'importe aucun autre point d'entree du socle, et aucun ne l'importe.
+  Partage separement en federation (`partageDuSocle`, vingt-huit specificateurs en 0.10.14).
+- Poids (gzip 9) : `starterlib-ui-virtuel.mjs`, 2 685 octets ; le pair `@angular/cdk/scrolling`
+  (22.2.0), 9 002 octets avant elagage, qu'une page paie a son premier emploi. Le tronc n'en recoit
+  rien.
+- Essais : `st-virtual-list.spec.ts` (fenetre seule rendue sur 10 000, rang et total, fenetre
+  nommee et focalisable, hauteur fixe et hauteur invalide refusee, total suivi, axe) ; banc en vrai
+  navigateur `banc/virtuel.navigateur.spec.ts` (defilement jusqu'a la derniere ligne).