@starterlib/ui 0.11.0 → 0.11.1

package/types/starterlib-ui.d.ts

@@ -152,6 +152,8 @@ export interface LibellesUi {
   readonly forceDuMotDePasse: string;
   readonly niveauxDeForce: readonly [string, string, string];
   readonly forceAnnoncee: (niveau: string) => string;
+  /** La jauge `etendue` avant toute saisie (0.11.1) : « Force : En attente ». */
+  readonly forceEnAttente: string;
   readonly revelerPendant: (duree: string) => string;
   readonly rechercher: string;
   readonly effacerLaRecherche: string;
@@ -661,7 +663,17 @@ export interface ConfigurationUi {
    * absent, c'est celui du navigateur.
    */
   readonly fuseau?: string;
+  /**
+   * La marque d'un champ obligatoire (0.11.1) : `mention` (defaut), « (obligatoire) » en texte au
+   * bout de l'etiquette ; `asterisque`, un asterisque a l'encre de l'erreur colle au libelle, pour
+   * une marque qui l'ecrit ainsi. L'obligation reste dite au lecteur d'ecran par `aria-required`.
+   */
+  readonly marqueDObligation?: MarqueDObligation;
 }
+/** Voir `ConfigurationUi.marqueDObligation`. */
+export type MarqueDObligation = 'mention' | 'asterisque';
+/** La marque d'un champ obligatoire de toute l'application ; `mention` par defaut. */
+export declare const ST_MARQUE_D_OBLIGATION: InjectionToken<MarqueDObligation>;
 /**
  * Configure `@starterlib/ui` pour toute l'application.
  *
@@ -1072,7 +1084,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" | "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>;
+  readonly nom: import("@angular/core").InputSignal<"iban" | "code" | "asterisque" | "copie" | "accessibilite" | "alimentation" | "appareil-photo" | "appareils" | "arborescence" | "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>;
   /**
@@ -1800,9 +1812,12 @@ export type TailleDeSegment = 'sm' | 'md';
  * La piste de la planche 6 : `enfoncee` (`surfaceEnfoncee`, retrait de 2 px, coins de 4 : le corps
  * de la planche, et la langue compacte de l'en-tete) ; `conteneur` (`surfaceConteneurBas`, retrait
  * de 4 px, coins de 8 : le choix du theme, anatomie 6.1) ; `nue` : aucune piste, celle de l'hote qui
- * compose le segmente (`st-theme-toggle`, `st-lang-switch`, legende masquee) (lot 244, D151).
+ * compose le segmente (`st-theme-toggle`, `st-lang-switch`, legende masquee) (lot 244, D151) ;
+ * `texte` (0.11.1) : ni piste ni segment dessine, des choix en texte separes d'un filet vertical, le
+ * choix courant en graisse 600 a l'encre du texte, les autres en 500 a l'encre attenuee (graisse ET
+ * encre : jamais la teinte seule, WCAG 1.4.1) — l'en-tete d'une marque qui ecrit « FR | EN ».
  */
-export type FormeDePiste = 'enfoncee' | 'conteneur' | 'nue';
+export type FormeDePiste = 'enfoncee' | 'conteneur' | 'nue' | 'texte';
 /**
  * `phrase` : 12/16, pour un libelle en casse de phrase (D41) ; `capitales` : 11/14, pour des
  * libelles DEJA en capitales (codes de langue, periodes « 1M », « 1Y ») : rien n'est transforme.
@@ -2421,6 +2436,12 @@ export declare class StOfflineBanner {
  */
 export type ReliefDeCarte = 'plat' | 'pose' | 'flottant' | 'creux';
 export type RembourrageDeCarte = 'aucun' | 'sm' | 'md' | 'lg' | 'xl';
+/**
+ * Ton d'une carte (0.11.1) : le papier discret du ton, son encre et un filet melange du ton ; pour une
+ * carte qui dit un etat ou un cadre (« Simulation : immediat ») sans etre un message. Sans ton, la
+ * surface. `danger` et `erreur` n'en sont pas : une carte ne signale pas une faute, un message le fait.
+ */
+export type TonDeCarte = 'information' | 'succes' | 'avertissement' | 'essai';
 /** Lien entre une carte et le lien etendu qu'elle porte (`a[stLienEtendu]`). */
 export interface InscriptionDeLienEtendu {
   /** Le lien prend ou perd le focus visible : la carte porte l'anneau. */
@@ -2470,6 +2491,8 @@ export declare class StCard {
   readonly rembourrage: import("@angular/core").InputSignal<RembourrageDeCarte>;
   /** Filet visible `bordure` (fiches, cockpit) ; sans lui, la carte n'a que son ombre. */
   readonly filet: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Le ton de la carte (0.11.1) : papier, encre et filet du ton ; `null` (defaut) : la surface. */
+  readonly ton: import("@angular/core").InputSignal<TonDeCarte | null>;
   private readonly liensEtendus;
   private readonly focalises;
   protected readonly interactive: import("@angular/core").Signal<boolean>;
@@ -2496,6 +2519,11 @@ export declare class StCard {
       "required": false;
       "isSignal": true;
     };
+    "ton": {
+      "alias": "ton";
+      "required": false;
+      "isSignal": true;
+    };
   }, {}, never, ["[entete]", "*", "[pied]"], true, never>;
 }
 /**
@@ -2931,6 +2959,11 @@ export declare class StAppShell {
   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 forme de la banniere d'essai (0.11.1) : `bandeau` (defaut, papier violet et marqueur) ou
+   * `aplat` (une ligne en capitales, le violet le plus profond en fond). Le liseret ne change pas.
+   */
+  readonly formeDEssai: import("@angular/core").InputSignal<"bandeau" | "aplat">;
   /**
    * 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.
@@ -2987,6 +3020,11 @@ export declare class StAppShell {
       "required": false;
       "isSignal": true;
     };
+    "formeDEssai": {
+      "alias": "formeDEssai";
+      "required": false;
+      "isSignal": true;
+    };
     "lienVersLAction": {
       "alias": "lienVersLAction";
       "required": false;
@@ -3045,10 +3083,27 @@ export declare class StAppShell {
  *   <button stIconButton icone="cloche" etiquette="Notifications"></button>
  * </st-header>
  * ```
+ *
+ * **Menu horizontal** (0.11.1) : l'emplacement `menu` recoit la navigation principale DANS
+ * l'en-tete, entre la marque et les actions, a la place de la colonne laterale : un `<nav>` de
+ * l'application (son etiquette, sa liste) et des liens `stNavLink` de forme `barre`. La marque ne
+ * s'etire plus, le menu la suit et prend la place. Il n'existe que des `md` : dessous, la barre
+ * inferieure (`st-bottom-nav`) porte la navigation, sans tiroir ni bascule.
+ *
+ * ```html
+ * <st-header>
+ *   <a marque routerLink="/">…</a>
+ *   <nav menu aria-label="Navigation principale">
+ *     <a stNavLink="/" forme="barre">Accueil</a>
+ *     <a stNavLink="/comptes" forme="barre">Comptes</a>
+ *   </nav>
+ *   <st-lang-switch … />
+ * </st-header>
+ * ```
  */
 export declare class StHeader {
   static ɵfac: i0.ɵɵFactoryDeclaration<StHeader, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<StHeader, "st-header", never, {}, {}, never, ["[bascule]", "[marque]", "*"], true, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StHeader, "st-header", never, {}, {}, never, ["[bascule]", "[marque]", "[menu]", "*"], true, never>;
 }
 /**
  * Contenu du pied de page : mentions, version, statut.
@@ -3098,6 +3153,8 @@ export declare class StFooter {
     };
   }, {}, never, ["[mentions]", "[version]", "st-status-pill"], true, never>;
 }
+/** La forme d'un lien de navigation : dans une colonne (`st-sidenav`), ou dans une barre (`st-header`). */
+export type FormeDeLienDeNavigation = 'colonne' | 'barre';
 /**
  * Lien de navigation principale, pose en attribut sur un `<a>` natif :
  * `routerLink`, etat courant, icone et pastille, en un seul geste.
@@ -3151,8 +3208,15 @@ export declare class StFooter {
  * l'icone devant, la pastille derriere, le libelle entre les deux. Un lien qu'on
  * ne peut pas suivre ne se rend pas (`@if` cote application) : jamais
  * `aria-disabled` sur un lien de navigation.
+ *
+ * **Forme `barre`** (0.11.1) : un lien du menu horizontal de l'en-tete (emplacement
+ * `menu` de `st-header`), sans colonne d'icone reservee, a l'encre discrete au repos ;
+ * le lien courant passe a l'encre du texte, en graisse 600, et son marqueur se pose
+ * SOUS le libelle. La forme `colonne` (defaut) est celle de `st-sidenav`.
  */
 export declare class StNavLink implements OnInit {
+  /** `colonne` (defaut) : dans `st-sidenav` ; `barre` : dans le menu horizontal de `st-header`. */
+  readonly forme: import("@angular/core").InputSignal<FormeDeLienDeNavigation>;
   private readonly lien;
   private readonly actif;
   private readonly routeur;
@@ -3161,7 +3225,13 @@ export declare class StNavLink implements OnInit {
   constructor();
   ngOnInit(): void;
   static ɵfac: i0.ɵɵFactoryDeclaration<StNavLink, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<StNavLink, "a[stNavLink]", never, {}, {}, never, ["st-icon:not([fin])", "*", "st-badge, st-icon[fin]"], true, [{
+  static ɵcmp: i0.ɵɵComponentDeclaration<StNavLink, "a[stNavLink]", never, {
+    "forme": {
+      "alias": "forme";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["st-icon:not([fin])", "*", "st-badge, st-icon[fin]"], true, [{
     directive: typeof i1.RouterLink;
     inputs: {
       "routerLink": "stNavLink";
@@ -3387,21 +3457,52 @@ export declare class StRouteProgress {
  * L'emplacement `banniere`, en tete du `main`, recoit le MOTIF d'arrivee :
  * session expiree, fermee ailleurs, mot de passe reinitialise. Un `st-banner`
  * neutre y suffit ; jamais un message ephemere, qui serait manque.
+ *
+ * Deux emplacements de plus (0.11.1, P09-07 d'Aplomb) : `sousLaCarte`, dans le
+ * `main` sous la carte, pour ce qui l'accompagne sans en faire partie (un
+ * encadre d'information) ; `mention`, dans le pied au-dessus des liens, pour
+ * une phrase courte (mise en garde, mention legale). Vides, ils n'existent pas.
+ *
+ * `bandeaux` (0.11.1, P09-07 d'Aplomb) : l'en-tete et le pied en bandeaux
+ * pleine largeur, sur la surface, chacun separe de la page par un filet, la
+ * page unie, sans le degrade interne, et la carte dessinee a toute largeur,
+ * telephone compris : la page de connexion d'un site dont la marque tient
+ * l'en-tete. Sans `bandeaux`, le rendu est celui de la planche 8.
+ *
+ * En bandeaux, la carte est celle d'un site : filet visible, ombre de repos,
+ * 24 px de marge interieure puis 32 des `md`. Son rayon, comme celui de
+ * `st-card`, suit `--st-carte-rayon` (12 px par defaut).
+ *
+ * Et un emplacement, `avantLaCarte` (0.11.1) : une rangee au-dessus de la
+ * carte, dans le `main` (le retour a l'etape precedente d'un parcours). Vide,
+ * elle n'existe pas.
  */
 export declare class StAuthShell {
   private readonly libelles;
+  /** En-tete et pied en bandeaux pleine largeur, page unie (voir plus haut). */
+  readonly bandeaux: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   protected readonly identifiantDuContenu = "contenu-principal";
   protected readonly liensDuPied: import("@angular/core").Signal<string>;
   static ɵfac: i0.ɵɵFactoryDeclaration<StAuthShell, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<StAuthShell, "st-auth-shell", never, {}, {}, never, ["[entete]", "[banniere]", "*", "[pied]", "[version]"], true, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StAuthShell, "st-auth-shell", never, {
+    "bandeaux": {
+      "alias": "bandeaux";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["[entete]", "[avantLaCarte]", "[banniere]", "*", "[sousLaCarte]", "[mention]", "[pied]", "[version]"], true, never>;
 }
 /**
  * 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';
+/**
+ * `bloc` : en page, au-dessus du contenu concerne. `bandeau` : sous l'en-tete de la coquille.
+ * `aplat` (0.11.1) : sous l'en-tete aussi, la paire discrete du ton INVERSEE (son encre en fond, son
+ * papier en texte), une seule ligne en capitales espacees ou le titre et le message se suivent.
+ */
+export type FormeDeBanniere = 'bloc' | 'bandeau' | 'aplat';
 /**
  * Message de page, persistant jusqu'a ce qu'on le ferme.
  *
@@ -3455,7 +3556,7 @@ export declare class StBanner {
   readonly message: import("@angular/core").InputSignal<string>;
   /** Titre court au-dessus du message (1 a 6 mots, sans point). Il nomme la region. */
   readonly titre: import("@angular/core").InputSignal<string | null>;
-  /** Forme : `bloc` (defaut, coins de 8 px) ou `bandeau` (sous l'en-tete, sans coins). */
+  /** Forme : `bloc` (defaut, coins de 8 px), `bandeau` (sous l'en-tete, sans coins) ou `aplat`. */
   readonly forme: import("@angular/core").InputSignal<FormeDeBanniere>;
   /** Identifiant du titre ; engendre si absent. */
   readonly identifiant: import("@angular/core").InputSignal<string | null>;
@@ -3716,6 +3817,11 @@ export declare class StLangSwitch {
   readonly legendeVisible: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   /** Codes visibles (« FR », « EN ») ; le nom de chaque segment est le code, puis l'endonyme. */
   readonly compact: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * `piste` (defaut) : la piste segmentee de la planche 6. `texte` (0.11.1) : « FR | EN » en texte,
+   * sans piste, le choix courant en graisse et a l'encre du texte (forme `texte` du segmente).
+   */
+  readonly variante: import("@angular/core").InputSignal<"texte" | "piste">;
   readonly choisie: import("@angular/core").OutputEmitterRef<Langue>;
   private readonly injecteur;
   /** La langue que montre le segmente : celle de l'appelant, et le clic tant qu'il n'a pas suivi. */
@@ -3745,6 +3851,11 @@ export declare class StLangSwitch {
       "required": false;
       "isSignal": true;
     };
+    "variante": {
+      "alias": "variante";
+      "required": false;
+      "isSignal": true;
+    };
   }, {
     "choisie": "choisie";
   }, never, never, true, never>;
@@ -3819,7 +3930,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" | "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">;
+  protected readonly icone: import("@angular/core").Signal<"iban" | "code" | "asterisque" | "copie" | "accessibilite" | "alimentation" | "appareil-photo" | "appareils" | "arborescence" | "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>;