@starterlib/ui 0.10.14 → 0.11.1

package/README.md

@@ -14,13 +14,15 @@ des dependances de pair : c'est l'application qui les installe, et elles doivent
 etre **identiques dans l'hote et dans chaque remote**. Deux versions du socle
 dans le meme navigateur, ce sont deux jeux de jetons d'injection.
 
-## Dix-neuf points d'entree
+## 21 points d'entree
 
 Deux criteres, dans cet ordre (le douzieme, `sens`, le treizieme, `parcours`, et le
 quatorzieme, `qr`, et le quinzieme, `messagerie`, depuis la 0.9.0 : lots 228, 243, 264 et 266 ;
 `etats`, `indicateurs` et `mise-en-page` depuis la 0.10.0 : greffe 268c, ce que la coquille ne peint
 pas sort du tronc ; `virtuel` depuis la 0.10.14 : lot 267, la liste virtuelle, bonus sous condition
-ecrite, `packages/ui/virtuel/README.md`).
+ecrite, `packages/ui/virtuel/README.md` ; `force` depuis la 0.11.0 : l'adaptateur de la jauge de force
+du mot de passe, ADR web 0011, charge a la demande et jamais partage en federation ; `graphiques`
+depuis la 0.11.0 : courbe et tendance en SVG ecrit a la main, sans bibliotheque, P08-07 d'Aplomb).
 
 1. **La dependance** (ADR 0003) : un composant sort du tronc quand il traine un
    pair lourd, et le point d'entree ou il va se choisit par ce qu'il EST pour
@@ -31,27 +33,28 @@ ecrite, `packages/ui/virtuel/README.md`).
    lui coute plein tarif au premier ecran, et ne coute RIEN au remote qui
    l'affiche, puisque le tronc y est deja charge.
 
-| Point d'entree                | Contenu                                                                                                                                                                                                                                                                                                                                                                                                     | Pairs lourds importes statiquement                                         |
-| ----------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------- |
-| `@starterlib/ui`              | le TRONC, ce que la coquille peint : noyau, icone, titre, actions (bouton, bouton-icone, lien, segmente), etats de page (erreur, vide, attente, progression, hors ligne), retour, avatar, structure de la coquille (en-tete, pied, cartes, fil d'Ariane, titre et en-tete de page), transverses                                                                                                             | aucun                                                                      |
-| `@starterlib/ui/saisie`       | les champs de formulaire, les groupes de cases et de radios, la matrice de cases, la rangee de champs, les consentements, les cartes de choix, le calendrier, le televersement, les etiquettes libres (`st-tag-input`), le champ d'adresse et la liste des pays (`st-address-fieldset`, `st-country-field`), la barre d'actions d'un formulaire (`st-form-actions`)                                         | aucun (des TYPES d'`@angular/forms`)                                       |
-| `@starterlib/ui/listes`       | liste, liste de description, liste a verifier (`st-review-list`), table de donnees, pagination, tri, filtres, sections repliables (`st-disclosure`, `st-accordion`), documents stockes (`st-document-list`, `st-attachment`), chronologie (`st-timeline`), avant et apres (`st-value-change`, `st-change-list`), actions de masse (`st-selection-bar`), export (`st-export-action`)                         | aucun                                                                      |
-| `@starterlib/ui/donnees`      | montant, date, date relative, compte, nombre (`st-number`), duree (`st-duration`), valeur masquee, indicateur chiffre, recapitulatif de montants (`st-amount-summary`), jauge (`st-meter`), echeance (`st-deadline`), personnes (`st-person`, `st-avatar-group`), groupe d'indicateurs (`st-stat-group`), barres et repartition (`st-bar-list`, `st-repartition`), valeur de reference a copier (`st-code`) | aucun                                                                      |
-| `@starterlib/ui/libelles-en`  | le catalogue anglais                                                                                                                                                                                                                                                                                                                                                                                        | aucun                                                                      |
-| `@starterlib/ui/surfaces`     | ce qui se pose AU-DESSUS de la page : menu, dialogues, tiroirs, messages ephemeres, aide contextuelle (`st-help-button`), bouton scinde (`st-split-button`), menu de compte (`st-user-menu`), confirmation legere (`[stPopconfirm]`)                                                                                                                                                                        | `@angular/cdk/{a11y,dialog,keycodes,overlay,portal}`, `@angular/aria/menu` |
-| `@starterlib/ui/navigation`   | la navigation laterale, les onglets de navigation par routes (`st-nav-tabs`), le sommaire d'ancres (`st-page-nav`)                                                                                                                                                                                                                                                                                          | `@angular/cdk/layout` — et rien d'autre                                    |
-| `@starterlib/ui/onglets`      | les onglets et leurs panneaux                                                                                                                                                                                                                                                                                                                                                                               | `@angular/aria/tabs`                                                       |
-| `@starterlib/ui/selection`    | liste deroulante filtrante, choix multiple, recherche d'adresse (`st-address-search`), liste des pays filtrable (`st-country-combobox`)                                                                                                                                                                                                                                                                     | `@angular/aria/{combobox,listbox}`, `@angular/cdk/overlay`                 |
-| `@starterlib/ui/arbre`        | l'arborescence                                                                                                                                                                                                                                                                                                                                                                                              | `@angular/aria/tree`                                                       |
-| `@starterlib/ui/formulaires`  | les champs qui LISENT leur saisie : montant, date, plage de dates, heure (`st-time-field`), plage de montants (`st-amount-range`), recurrence d'un virement (`st-recurrence-field`) ; bonus sous condition ecrite du lot 267 (README de chacun) : mois (`st-month-field`), date memorable (`st-memorable-date`)                                                                                             | le code d'`@angular/forms` (`transformedValue`)                            |
-| `@starterlib/ui/sens`         | le sens d'ecriture du CDK tenu a jour avec `dir` (`provideSensDuDocument`, pose par l'hote)                                                                                                                                                                                                                                                                                                                 | `@angular/cdk/bidi` — et rien d'autre                                      |
-| `@starterlib/ui/parcours`     | les patrons composites d'un parcours : refus du serveur (`st-refusal`), issue d'une operation (`st-outcome`), assistant par etapes et son indicateur (`st-wizard`, `st-wizard-step`, `st-stepper`), dossier a completer (`st-task-list`), ceremonie de second facteur (`st-challenge`) et codes de secours (`st-recovery-codes`)                                                                            | aucun                                                                      |
-| `@starterlib/ui/qr`           | le code QR : l'encodeur pur (`encoderQr`, ISO/IEC 18004) et son dessin (`st-qr-code`), pour l'enrolement d'un authentificateur et le virement a scanner                                                                                                                                                                                                                                                     | aucun                                                                      |
-| `@starterlib/ui/messagerie`   | les echanges d'un dossier : le fil (`st-message-thread`), le message (`st-message`), le composeur (`st-message-composer`), en texte brut ; ses libelles avec lui (AD-10)                                                                                                                                                                                                                                    | aucun                                                                      |
-| `@starterlib/ui/etats`        | l'etat d'un bloc de donnees et ses gabarits (`st-state`, `GABARITS_D_ETAT`), le squelette de chargement (`st-skeleton`), l'ecran d'attente d'une application (`st-splash-screen`)                                                                                                                                                                                                                           | aucun                                                                      |
-| `@starterlib/ui/indicateurs`  | pastille de statut (`st-status-pill`), badge et compteur ancre (`st-badge`, `st-badge-ancre`), etiquettes et groupes d'etiquettes (`st-tag`, `st-tag-group`, `st-groupe-d-etiquettes`)                                                                                                                                                                                                                      | aucun                                                                      |
-| `@starterlib/ui/mise-en-page` | section, separateur, texte long (`st-text`), rangee de reglage (`st-settings-row`), groupe de boutons (`st-button-group`)                                                                                                                                                                                                                                                                                   | aucun                                                                      |
-| `@starterlib/ui/virtuel`      | la liste virtuelle (`st-virtual-list`, `stVirtualItem`) : plusieurs milliers de lignes affichees ensemble, la fenetre seule rendue ; bonus sous condition ecrite du lot 267 (`packages/ui/virtuel/README.md`)                                                                                                                                                                                               | `@angular/cdk/scrolling` — et rien d'autre                                 |
+| Point d'entree                | Contenu                                                                                                                                                                                                                                                                                                                                                                                                                                           | Pairs lourds importes statiquement                                         |
+| ----------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------- |
+| `@starterlib/ui`              | le TRONC, ce que la coquille peint : noyau, icone, titre, actions (bouton, bouton-icone, lien, segmente), etats de page (erreur, vide, attente, progression, hors ligne), retour, avatar, structure de la coquille (en-tete, pied, cartes, fil d'Ariane, titre et en-tete de page), transverses                                                                                                                                                   | aucun                                                                      |
+| `@starterlib/ui/saisie`       | les champs de formulaire, les groupes de cases et de radios, la matrice de cases, la rangee de champs, les consentements, les cartes de choix, le calendrier, le televersement, les etiquettes libres (`st-tag-input`), le champ d'adresse et la liste des pays (`st-address-fieldset`, `st-country-field`), la barre d'actions d'un formulaire (`st-form-actions`)                                                                               | aucun (des TYPES d'`@angular/forms`)                                       |
+| `@starterlib/ui/listes`       | liste, liste de description, liste a verifier (`st-review-list`), table de donnees, pagination, tri, filtres, sections repliables (`st-disclosure`, `st-accordion`), documents stockes (`st-document-list`, `st-attachment`), chronologie (`st-timeline`), avant et apres (`st-value-change`, `st-change-list`, par sections), comparaison de versions (`st-version-compare`), actions de masse (`st-selection-bar`), export (`st-export-action`) | aucun                                                                      |
+| `@starterlib/ui/donnees`      | montant, date, date relative, compte, nombre (`st-number`), duree (`st-duration`), valeur masquee, indicateur chiffre, recapitulatif de montants (`st-amount-summary`), jauge (`st-meter`), echeance (`st-deadline`), personnes (`st-person`, `st-avatar-group`), groupe d'indicateurs (`st-stat-group`), barres et repartition (`st-bar-list`, `st-repartition`), valeur de reference a copier (`st-code`)                                       | aucun                                                                      |
+| `@starterlib/ui/libelles-en`  | le catalogue anglais                                                                                                                                                                                                                                                                                                                                                                                                                              | aucun                                                                      |
+| `@starterlib/ui/surfaces`     | ce qui se pose AU-DESSUS de la page : menu, dialogues, tiroirs, messages ephemeres, aide contextuelle (`st-help-button`), bouton scinde (`st-split-button`), menu de compte (`st-user-menu`), confirmation legere (`[stPopconfirm]`)                                                                                                                                                                                                              | `@angular/cdk/{a11y,dialog,keycodes,overlay,portal}`, `@angular/aria/menu` |
+| `@starterlib/ui/navigation`   | la navigation laterale, la barre de navigation inferieure d'un petit ecran (`st-bottom-nav`), les onglets de navigation par routes (`st-nav-tabs`), le sommaire d'ancres (`st-page-nav`)                                                                                                                                                                                                                                                          | `@angular/cdk/layout` — et rien d'autre                                    |
+| `@starterlib/ui/onglets`      | les onglets et leurs panneaux                                                                                                                                                                                                                                                                                                                                                                                                                     | `@angular/aria/tabs`                                                       |
+| `@starterlib/ui/selection`    | liste deroulante filtrante, choix multiple, recherche d'adresse (`st-address-search`), liste des pays filtrable (`st-country-combobox`)                                                                                                                                                                                                                                                                                                           | `@angular/aria/{combobox,listbox}`, `@angular/cdk/overlay`                 |
+| `@starterlib/ui/arbre`        | l'arborescence                                                                                                                                                                                                                                                                                                                                                                                                                                    | `@angular/aria/tree`                                                       |
+| `@starterlib/ui/formulaires`  | les champs qui LISENT leur saisie : montant, date, plage de dates, heure (`st-time-field`), plage de montants (`st-amount-range`), recurrence d'un virement (`st-recurrence-field`) ; bonus sous condition ecrite du lot 267 (README de chacun) : mois (`st-month-field`), date memorable (`st-memorable-date`)                                                                                                                                   | le code d'`@angular/forms` (`transformedValue`)                            |
+| `@starterlib/ui/sens`         | le sens d'ecriture du CDK tenu a jour avec `dir` (`provideSensDuDocument`, pose par l'hote)                                                                                                                                                                                                                                                                                                                                                       | `@angular/cdk/bidi` — et rien d'autre                                      |
+| `@starterlib/ui/parcours`     | les patrons composites d'un parcours : refus du serveur (`st-refusal`), issue d'une operation (`st-outcome`), assistant par etapes et son indicateur (`st-wizard`, `st-wizard-step`, `st-stepper`), dossier a completer (`st-task-list`), ceremonie de second facteur (`st-challenge`) et codes de secours (`st-recovery-codes`), demande de modification d'une valeur gouvernee (`st-change-request`)                                            | aucun                                                                      |
+| `@starterlib/ui/qr`           | le code QR : l'encodeur pur (`encoderQr`, ISO/IEC 18004) et son dessin (`st-qr-code`), pour l'enrolement d'un authentificateur et le virement a scanner                                                                                                                                                                                                                                                                                           | aucun                                                                      |
+| `@starterlib/ui/messagerie`   | les echanges d'un dossier : le fil (`st-message-thread`), le message (`st-message`), le composeur (`st-message-composer`), en texte brut ; ses libelles avec lui (AD-10)                                                                                                                                                                                                                                                                          | aucun                                                                      |
+| `@starterlib/ui/etats`        | l'etat d'un bloc de donnees et ses gabarits (`st-state`, `GABARITS_D_ETAT`), le squelette de chargement (`st-skeleton`), l'ecran d'attente d'une application (`st-splash-screen`)                                                                                                                                                                                                                                                                 | aucun                                                                      |
+| `@starterlib/ui/indicateurs`  | pastille de statut (`st-status-pill`), badge et compteur ancre (`st-badge`, `st-badge-ancre`), etiquettes et groupes d'etiquettes (`st-tag`, `st-tag-group`, `st-groupe-d-etiquettes`)                                                                                                                                                                                                                                                            | aucun                                                                      |
+| `@starterlib/ui/mise-en-page` | section, separateur, texte long (`st-text`), rangee de reglage (`st-settings-row`), groupe de boutons (`st-button-group`)                                                                                                                                                                                                                                                                                                                         | aucun                                                                      |
+| `@starterlib/ui/force`        | l'adaptateur de la jauge de force du mot de passe (`chargerEstimateurZxcvbn`, ADR web 0011) : jamais importe statiquement, charge a la premiere frappe par `fournirEstimateurDeForce`, jamais partage en federation                                                                                                                                                                                                                               | `@zxcvbn-ts/*`, pairs OPTIONNELS, par imports dynamiques                   |
+| `@starterlib/ui/virtuel`      | la liste virtuelle (`st-virtual-list`, `stVirtualItem`) : plusieurs milliers de lignes affichees ensemble, la fenetre seule rendue ; bonus sous condition ecrite du lot 267 (`packages/ui/virtuel/README.md`)                                                                                                                                                                                                                                     | `@angular/cdk/scrolling` — et rien d'autre                                 |
 
 ```ts
 import { StButton, StCard, StError } from '@starterlib/ui';
@@ -69,6 +72,7 @@ import { GABARITS_D_ETAT, StState } from '@starterlib/ui/etats';
 import { StStatusPill, StTag } from '@starterlib/ui/indicateurs';
 import { StSection, StText } from '@starterlib/ui/mise-en-page';
 import { StVirtualItem, StVirtualList } from '@starterlib/ui/virtuel';
+import { StLineChart, StSparkline } from '@starterlib/ui/graphiques';
 ```
 
 `sens` ne porte aucun composant : il remplace le `Directionality` du CDK, qui ne lit `dir` qu'a sa
@@ -87,7 +91,8 @@ d'abord des CHAMPS ; `parcours` et `messagerie` composent le tronc, `saisie`, `l
 0.10.0, ce qui est sorti du tronc est importe la ou il se compose : `listes` importe `etats` (le
 squelette) et `indicateurs` (la pastille de statut), `saisie` et `parcours` importent
 `indicateurs`, `formulaires` et `surfaces` importent `mise-en-page`.
-`libelles-en`, `sens` et `virtuel` n'importent aucun autre point d'entree : le catalogue
+`graphiques` compose le tronc et `listes` (le tableau equivalent d'une courbe), et aucun point
+d'entree ne l'importe. `libelles-en`, `sens` et `virtuel` n'importent aucun autre point d'entree : le catalogue
 anglais ne lit du tronc que le TYPE `LibellesUi`, et la liste virtuelle ne compose que le CDK. `navigation` atteint
 `surfaces` par `import()` seulement : le dialogue du tiroir ne pese pas sur le
 premier rendu.
@@ -122,24 +127,26 @@ construit (`pnpm paquets:check`), **au specificateur exact** : `navigation` a
 droit a `@angular/cdk/layout`, et un `@angular/cdk/overlay` qui s'y glisserait
 echoue avant la publication. Une regle non outillee est une opinion.
 
-⚠️ **En federation, chaque point d'entree se partage SEPAREMENT.** Ce sont dix-neuf
-specificateurs de module distincts : partager `@starterlib/ui` ne couvre aucun
-des dix-huit autres. Omis de la configuration, chaque remote en embarque sa propre
+⚠️ **En federation, chaque point d'entree se partage SEPAREMENT.** Ce sont vingt
+specificateurs de module distincts (le vingt et unieme, `force`, ne se partage pas : ses pairs optionnels
+feraient echouer la construction des SPA qui ne l'emploient pas, ADR web 0011) : partager
+`@starterlib/ui` ne couvre aucun des dix-neuf autres. Omis de la configuration, chaque remote en embarque sa propre
 copie — et la regle `singleton: true, strictVersion: true` qui protege le tronc
 ne protege plus rien au-dessus. Le decoupage achete l'independance de
-CHARGEMENT, jamais celle de VERSION : les dix-neuf portent le numero de leur paquet.
+CHARGEMENT, jamais celle de VERSION : les vingt portent le numero de leur paquet.
 
 ```js
 // federation.config.mjs de l'hote ET de chaque remote
 import { partageAngular, partageDuSocle } from '@starterlib/core/federation';
 
-shared: { ...share({ ...partageAngular('22.2', '7.8'), ...partageDuSocle('0.10') }) }
+shared: { ...share({ ...partageAngular('22.2', '7.8'), ...partageDuSocle('0.11') }) }
 ```
 
 ⚠️ **Cette liste ne se recopie plus.** Depuis la 0.8.0 elle est publiee par
-`@starterlib/core/federation` : `partageDuSocle(train)` rend les **vingt-huit**
-specificateurs du socle — les dix-neuf de `ui`, `tokens`, `tokens/moteur`, `util`,
-`util/valeurs`, `core`, `core/federation`, `core/adresses`, `core/fichiers` et `core/navigateur` —,
+`@starterlib/core/federation` : `partageDuSocle(train)` rend les **trente**
+specificateurs du socle — les vingt de `ui`, `tokens`, `tokens/moteur`, `util`,
+`util/valeurs`, `util/graduations`, `core`, `core/federation`, `core/adresses`, `core/fichiers` et
+`core/navigateur` —,
 chacun en `singleton: true, strictVersion: true,
 includeSecondaries: false`. La raison n'est pas la commodite : une ligne oubliee
 **n'est pas une erreur de construction**, le specificateur se duplique simplement
@@ -373,7 +380,9 @@ S17) — ce que la coquille et les remotes assemblent :
   zone sure), `st-footer` (mentions, version, statut), `stNavLink`
   (`routerLink` + `aria-current="page"`, icone et pastille), `st-page-header`
   (fil, `h1`, actions, onglets), `st-route-progress` (barre fine, rien avant
-  200 ms), `st-auth-shell` (gabarit pleine page, carte de 450 px des `md`),
+  200 ms), `st-auth-shell` (gabarit pleine page, carte de 450 px des `md` ;
+  emplacements `banniere`, `sousLaCarte` et, au pied, `mention` puis les liens ;
+  `bandeaux` : en-tete et pied pleine largeur, page unie),
   `st-splash-screen` (ecran de demarrage `clair` ou `marque`, statut differe ;
   amorce statique `styles/amorce.css` avant le JavaScript), `st-stepper` (`ol`,
   `aria-current="step"`), `st-settings-row` (groupe nomme et decrit).
@@ -390,6 +399,104 @@ S17) — ce que la coquille et les remotes assemblent :
   rupture lus dans le partiel `_ruptures.scss` de `@starterlib/tokens`
   (`@include st.depuis('lg')`), gardes dans `styles/gardes-de-feuille.spec.ts`.
 
+Environnement d'essai (0.11.0, P08-04) — un marqueur qu'on ne peut ni oublier ni fermer, sur
+demande seulement :
+
+- **ton `essai`** de `st-banner` (jamais fermable, son mot en titre), `st-status-pill`, `st-tag`
+  et `st-icon` : la couleur `essai` (famille violette des jetons) et la fiole `essai` ;
+- **`st-app-shell variante="essai"`** : liseret sur le pourtour de la fenetre, banniere
+  permanente en tete des bannieres (`titreDEssai`, `messageDEssai`), `data-environnement="essai"`
+  sur `<html>`, annonce polie a l'entree et a la sortie ;
+- **`st-watermark`** (`ui/donnees`) : le filigrane des resultats d'essai et des dossiers
+  imprimables, absent de l'arbre d'accessibilite.
+
+Recette : `docs/recettes/environnement-d-essai.md`.
+
+Barre de navigation inferieure (0.11.0, P08-05) — `st-bottom-nav` (`ui/navigation`), posee dans
+l'emplacement `navigationBasse` de `st-app-shell` : la navigation d'un petit ecran, sans tiroir.
+Cinq entrees au plus (`{ libelle, icone, lien, pastille? }` ; une sixieme leve une erreur en
+developpement), des liens `a[stNavLink]` (`aria-current="page"`), icone ET libelle toujours
+visibles, une region nommee (« Navigation principale » par defaut), une pastille d'elements a
+traiter dite en mots. Sous `md` seulement : au-dessus, elle se retire et `st-sidenav` prend le
+relais. Elle publie sa hauteur, zone sure comprise, sur `<html>` (`--st-hauteur-pied`) : la feuille
+des jetons la lit dans `scroll-padding-block-end` (le focus ne passe jamais dessous) et la
+coquille la reserve sous son contenu. Ses cibles suivent `--st-commande-hauteur`, jamais sous
+44 px ; a 320 px, un libelle d'une dizaine de caracteres tient (au-dela, une ellipse, le nom
+accessible restant entier).
+
+Action critique permanente (0.11.0, P08-06) — l'emplacement `actionPermanente` de `st-app-shell` :
+une action atteinte de partout (l'arret d'urgence d'une application), jamais dans un tiroir ni un
+menu, premier arret de tabulation apres le lien d'evitement. 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`), lue par la
+feuille des jetons (`scroll-padding-block-end`) : le focus ne passe jamais dessous. `st-skip-link`
+gagne une seconde cible (`secondeCible`, `CibleDEvitement`), rendue en premier sur demande
+(`secondeEnPremier`) ; la coquille la recoit par `lienVersLAction` et `lienVersLActionEnPremier`.
+Le raccourci se declare sur l'action (`stRaccourci`, `@starterlib/core`, Alt+Maj+U par defaut).
+Recette : `docs/recettes/action-critique.md`.
+
+Fraicheur d'une donnee (0.11.0, P08-12) — `st-freshness` (`ui/donnees`) : « A jour, il y a 12 s » ou
+« Perimee depuis 2 min 05 s », en mot et en forme (coche, triangle), jamais par la couleur seule ;
+entrees `instant` (la `lueA()` d'une `ressourceRafraichie` de `@starterlib/core`), `seuil` (secondes,
+fourni par le serveur ou l'application), `libelle`. L'age se relit chaque seconde, onglet visible
+seulement, sans region vivante ; la sortie `perimee` est emise a chaque franchissement du seuil.
+
+Lu jusqu'au bout (0.11.0, P08-08) — `stLuJusquAuBout` (`ui/donnees`), pose sur le conteneur d'un
+document (`section`, `div`) : une sentinelle focalisable « Fin du document » suit le contenu
+(`libelleDeFin`), et la fin est atteinte au defilement (observateur d'intersection, au-dessus de la
+barre inferieure et de l'action flottante), a la tabulation ou au curseur du lecteur d'ecran. Une
+seule emission de `atteint` ; `lu()` compose l'indisponibilite du bouton qui suit et sa raison
+(`raisonIndisponible`). Aucun acces global, rien d'observe en prerendu. Premier catalogue de
+libelles du point d'entree (`LibellesDonnees`, `fournirLibellesDonnees`). Recette :
+`docs/recettes/accepter-apres-lecture.md`.
+
+Courbe et tendance (0.11.0, P08-07) — `@starterlib/ui/graphiques`, point d'entree OPTIONNEL (12 000
+octets en brotli au plus, `BUDGET_BR`), du SVG ecrit a la main sans bibliotheque. `st-line-chart` :
+une a quatre `series` (`{ libelle, points: [{ instant, valeur }], trait? }`, valeurs en CHAINE
+decimale, instants ISO 8601, un jour seul a minuit dans le fuseau), `zonePerte` (l'aire « perte
+depuis le sommet » sous un plafond FOURNI, hachuree), `marqueurs` (evenements dates, numerotes dans
+le trace et dits en texte), `devise` ou `pourcentage`, `fuseau`, `etiquette` et `resume` (le nom et
+la description du `svg` `role="img"`, le resume visible), `pariteEchelle` (graduations
+symetriques autour de zero : un gain et une perte de meme ampleur a la meme taille), `hauteur`.
+Chaque serie a son trait (plein, tirets, points, mixte), que le contraste force garde ; la legende
+est du texte ; « Voir les donnees » bascule, au clavier, vers un `st-data-table` equivalent, et la
+bascule s'annonce. Largeur mesuree (a 320 px, rien ne deborde), un calcul par changement des
+donnees ou de la largeur, aucune animation ; 500 points par serie recommandes, au-dela la
+reduction se fait cote serveur (avertissement en developpement). `st-sparkline` : une serie sans
+axe, decorative et accompagnee de son texte (derniere valeur, variation exacte depuis le premier
+point, lue en phrase), ou etiquetee. Graduations : `@starterlib/util/graduations`. Series de la
+palette : jetons `--st-couleur-serie1` a `4` (D166). Recette : `docs/recettes/courbe-de-capital.md`.
+
+Demande de modification d'une valeur gouvernee (0.11.0, P08-13) — `st-change-request`
+(`ui/parcours`) : un plafond, un seuil, une duree, demandes dans un formulaire Signal Forms de
+l'application (`form[stForm]`). Les champs sont PROJETES et lies par `[formField]` : la valeur
+proposee (`[champ]`) et le motif (`[motif]`) ; la valeur actuelle (`[actuelle]`) et l'effet calcule
+par le serveur (`[previsualisation]`) aussi. Entrees : `titre`, `niveauDuTitre`, `etat` (sept, du
+serveur, chacun en mot et en forme sur sa pastille), `effet` (immediat ou differe, son sens, sa
+date par `st-deadline`), `plage` (la plage de surete, ecrite par l'application), `refus`
+(`st-refusal` a l'etat `refuse`) ; sorties `modification` et `annulation`. Le recapitulatif
+d'erreurs est le sien ; l'action principale ENVOIE le formulaire (« Previsualiser », puis
+« Soumettre la demande »), double clic avale ; la saisie se fige des que l'effet est montre, la
+raison dite en aide ; un changement d'etat s'annonce. Regles du schema : `min()` et `max()`, ou
+`erreurHorsPlage` pour un montant en unites mineures (le message cite la borne), et
+`erreurDeMotif` (motif obligatoire, longueur minimale sans les blancs). Le composant ne calcule
+rien de metier. Premier catalogue du point d'entree (`LibellesParcours`, `fournirLibellesParcours`).
+Recette : `docs/recettes/valeur-gouvernee.md`.
+
+Versions et journal (0.11.0, P08-14, `ui/listes`) — `st-change-list` range une configuration
+imbriquee par sections (`Changement.chemin`, un groupe de lignes nomme « Limites › Retraits »),
+dit « Aucune difference » quand chaque champ est identique (ou `aucuneDifference`), et ne montre
+jamais en clair une valeur `sensible` sans son gabarit `st-masked` (« Valeur masquee », erreur en
+developpement). `st-version-compare` : deux choix de version (date dans le fuseau de
+l'application, auteur, motif ; `[(avant)]`, `[(apres)]`), les differences que le serveur calcule
+(`changements`, gabarits de valeur relayes), la meme version choisie deux fois sans difference, et
+le lien vers l'entree du journal d'audit (`lienDAudit`). `st-timeline` : `suiteDisponible` montre
+« Afficher les evenements plus anciens » (plus recents dans l'ordre chronologique), qui emet
+`suite` ; l'application lit la page suivante par curseur et l'ajoute ; le focus va au premier
+evenement ajoute et le nombre s'annonce une fois. Un filtre de categories passe par `st-filter-bar`
+et ses puces : la barre annonce le retrait avec le nombre, la chronologie se tait. Les pages
+chargees restent en memoire : au-dela de 500 evenements, `st-virtual-list`.
+
 Inventaire et regles de la suite : `docs/plan-librairie.md` et les audits de
 vague (`docs/audit-vague-2-…`, `-3-…`, `-4-2026-09-17.md`) du depot.
 

package/assets/icones/catalogue.json

@@ -1,11 +1,11 @@
 {
   "paquet": "@starterlib/ui",
-  "version": "0.10.14",
+  "version": "0.11.1",
   "sprite": {
     "fichier": "sprite.svg",
-    "empreinte": "A5A8196C",
-    "sha256": "a5a8196c9e2910d0cbf2b3c17ef502364a53f4afee8100328169b366a12943e4",
-    "octets": 82007
+    "empreinte": "67749CA7",
+    "sha256": "67749ca7c530b4dcf6231dede644973830b103ba88fa09aed4bda8f945378d52",
+    "octets": 87745
   },
   "source": {
     "famille": "Material Symbols Outlined",
@@ -37,6 +37,36 @@
         "nom": "accessibility_new"
       }
     },
+    {
+      "nom": "alimentation",
+      "groupe": "actions",
+      "sens": {
+        "fr": "Marche, arret",
+        "en": "Power, on and off"
+      },
+      "miroir": false,
+      "marque": false,
+      "plein": false,
+      "origine": {
+        "famille": "material-symbols",
+        "nom": "power_settings_new"
+      }
+    },
+    {
+      "nom": "appareil-photo",
+      "groupe": "fichiers",
+      "sens": {
+        "fr": "Appareil photo, capture",
+        "en": "Camera, capture"
+      },
+      "miroir": false,
+      "marque": false,
+      "plein": false,
+      "origine": {
+        "famille": "material-symbols",
+        "nom": "photo_camera"
+      }
+    },
     {
       "nom": "appareils",
       "groupe": "communication",
@@ -97,6 +127,21 @@
         "nom": "verified"
       }
     },
+    {
+      "nom": "balance",
+      "groupe": "donnees",
+      "sens": {
+        "fr": "Equilibre, ponderation",
+        "en": "Balance, weighting"
+      },
+      "miroir": false,
+      "marque": false,
+      "plein": false,
+      "origine": {
+        "famille": "material-symbols",
+        "nom": "balance"
+      }
+    },
     {
       "nom": "banque",
       "groupe": "banque",
@@ -952,6 +997,21 @@
         "nom": "unfold_more"
       }
     },
+    {
+      "nom": "cible",
+      "groupe": "navigation",
+      "sens": {
+        "fr": "Cible, position",
+        "en": "Target, location"
+      },
+      "miroir": false,
+      "marque": false,
+      "plein": false,
+      "origine": {
+        "famille": "material-symbols",
+        "nom": "my_location"
+      }
+    },
     {
       "nom": "cle",
       "groupe": "securite",
@@ -1087,6 +1147,21 @@
         "nom": "view_column"
       }
     },
+    {
+      "nom": "comparer",
+      "groupe": "actions",
+      "sens": {
+        "fr": "Comparer",
+        "en": "Compare"
+      },
+      "miroir": false,
+      "marque": false,
+      "plein": false,
+      "origine": {
+        "famille": "material-symbols",
+        "nom": "compare_arrows"
+      }
+    },
     {
       "nom": "connexion",
       "groupe": "navigation",
@@ -1342,6 +1417,21 @@
         "nom": "done_all"
       }
     },
+    {
+      "nom": "drapeau",
+      "groupe": "actions",
+      "sens": {
+        "fr": "Drapeau, signaler",
+        "en": "Flag, report"
+      },
+      "miroir": false,
+      "marque": false,
+      "plein": false,
+      "origine": {
+        "famille": "material-symbols",
+        "nom": "flag"
+      }
+    },
     {
       "nom": "echange",
       "groupe": "navigation",
@@ -1462,6 +1552,21 @@
         "nom": "push_pin"
       }
     },
+    {
+      "nom": "essai",
+      "groupe": "etats",
+      "sens": {
+        "fr": "Essai, donnees fictives",
+        "en": "Trial, sample data"
+      },
+      "miroir": false,
+      "marque": false,
+      "plein": true,
+      "origine": {
+        "famille": "material-symbols",
+        "nom": "science"
+      }
+    },
     {
       "nom": "etoile",
       "groupe": "actions",
@@ -2062,6 +2167,21 @@
         "nom": "speed"
       }
     },
+    {
+      "nom": "lecture",
+      "groupe": "actions",
+      "sens": {
+        "fr": "Lecture, reprendre",
+        "en": "Play, resume"
+      },
+      "miroir": false,
+      "marque": false,
+      "plein": false,
+      "origine": {
+        "famille": "material-symbols",
+        "nom": "play_arrow"
+      }
+    },
     {
       "nom": "lien",
       "groupe": "actions",
@@ -2497,6 +2617,36 @@
         "nom": "history_edu"
       }
     },
+    {
+      "nom": "passerelle",
+      "groupe": "exploitation",
+      "sens": {
+        "fr": "Passerelle, reseau local",
+        "en": "Gateway, local network"
+      },
+      "miroir": false,
+      "marque": false,
+      "plein": false,
+      "origine": {
+        "famille": "material-symbols",
+        "nom": "lan"
+      }
+    },
+    {
+      "nom": "pause",
+      "groupe": "actions",
+      "sens": {
+        "fr": "Pause, suspendre",
+        "en": "Pause, suspend"
+      },
+      "miroir": false,
+      "marque": false,
+      "plein": false,
+      "origine": {
+        "famille": "material-symbols",
+        "nom": "pause"
+      }
+    },
     {
       "nom": "pieces",
       "groupe": "banque",
@@ -2782,6 +2932,21 @@
         "nom": "straighten"
       }
     },
+    {
+      "nom": "reseau",
+      "groupe": "exploitation",
+      "sens": {
+        "fr": "Reseau, connexions",
+        "en": "Network, hub"
+      },
+      "miroir": false,
+      "marque": false,
+      "plein": false,
+      "origine": {
+        "famille": "material-symbols",
+        "nom": "hub"
+      }
+    },
     {
       "nom": "reseau-jauge",
       "groupe": "exploitation",
@@ -2797,6 +2962,21 @@
         "nom": "network_check"
       }
     },
+    {
+      "nom": "robot",
+      "groupe": "exploitation",
+      "sens": {
+        "fr": "Robot, automate",
+        "en": "Bot, automaton"
+      },
+      "miroir": false,
+      "marque": false,
+      "plein": false,
+      "origine": {
+        "famille": "material-symbols",
+        "nom": "smart_toy"
+      }
+    },
     {
       "nom": "rotation-arriere",
       "groupe": "actions",
@@ -3262,6 +3442,21 @@
         "nom": "supervisor_account"
       }
     },
+    {
+      "nom": "visage",
+      "groupe": "utilisateurs",
+      "sens": {
+        "fr": "Visage, verification d identite",
+        "en": "Face, identity check"
+      },
+      "miroir": false,
+      "marque": false,
+      "plein": false,
+      "origine": {
+        "famille": "material-symbols",
+        "nom": "face"
+      }
+    },
     {
       "nom": "wifi",
       "groupe": "exploitation",