@starterlib/ui 0.10.9 → 0.10.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/icones/catalogue.json +1 -1
- package/fesm2022/starterlib-ui-arbre.mjs +72 -25
- package/fesm2022/starterlib-ui-arbre.mjs.map +1 -1
- package/fesm2022/starterlib-ui-etats.mjs +27 -4
- package/fesm2022/starterlib-ui-etats.mjs.map +1 -1
- package/fesm2022/starterlib-ui-listes.mjs +2 -2
- package/fesm2022/starterlib-ui-listes.mjs.map +1 -1
- package/fesm2022/starterlib-ui-navigation.mjs +4 -4
- package/fesm2022/starterlib-ui-navigation.mjs.map +1 -1
- package/fesm2022/starterlib-ui-surfaces.mjs +4 -0
- package/fesm2022/starterlib-ui-surfaces.mjs.map +1 -1
- package/fesm2022/starterlib-ui.mjs +67 -12
- package/fesm2022/starterlib-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/couches.css +9 -0
- package/types/starterlib-ui-arbre.d.ts +13 -2
- package/types/starterlib-ui-etats.d.ts +11 -0
- package/types/starterlib-ui-navigation.d.ts +1 -1
- package/types/starterlib-ui-surfaces.d.ts +8 -0
- package/types/starterlib-ui.d.ts +38 -5
|
@@ -441,6 +441,12 @@ export declare class StSplashScreen {
|
|
|
441
441
|
readonly statut: import("@angular/core").InputSignal<string | null>;
|
|
442
442
|
/** Version publiee (« Version 0.9.0 »), jamais un numero de construction. */
|
|
443
443
|
readonly version: import("@angular/core").InputSignal<string | null>;
|
|
444
|
+
/**
|
|
445
|
+
* Variante `marque` : l'avancement du demarrage, de 0 a 100, quand l'hote le connait (les
|
|
446
|
+
* etapes franchies) ; la barre est alors determinee (planche 9). `null` : indeterminee.
|
|
447
|
+
*/
|
|
448
|
+
readonly progression: import("@angular/core").InputSignalWithTransform<number | null, unknown>;
|
|
449
|
+
protected readonly progressionValide: import("@angular/core").Signal<number | null>;
|
|
444
450
|
/**
|
|
445
451
|
* Delai avant le statut, en millisecondes : `rythme.delai.attente` par defaut. Zero le montre
|
|
446
452
|
* tout de suite (une vignette de galerie, un test).
|
|
@@ -475,6 +481,11 @@ export declare class StSplashScreen {
|
|
|
475
481
|
"required": false;
|
|
476
482
|
"isSignal": true;
|
|
477
483
|
};
|
|
484
|
+
"progression": {
|
|
485
|
+
"alias": "progression";
|
|
486
|
+
"required": false;
|
|
487
|
+
"isSignal": true;
|
|
488
|
+
};
|
|
478
489
|
"delaiMs": {
|
|
479
490
|
"alias": "delaiMs";
|
|
480
491
|
"required": false;
|
|
@@ -173,7 +173,7 @@ export declare class StSidenav {
|
|
|
173
173
|
"required": false;
|
|
174
174
|
"isSignal": true;
|
|
175
175
|
};
|
|
176
|
-
}, {}, never, ["*", "[secondaire]", "[pied]"], true, never>;
|
|
176
|
+
}, {}, never, ["[marque]", "*", "[secondaire]", "[pied]"], true, never>;
|
|
177
177
|
}
|
|
178
178
|
/**
|
|
179
179
|
* Bouton qui ouvre la navigation en tiroir.
|
|
@@ -1018,6 +1018,14 @@ export declare class StDialogContainer extends CdkDialogContainer {
|
|
|
1018
1018
|
protected readonly configuration: DialogConfig<unknown, unknown, import("@angular/cdk/dialog").DialogContainer>;
|
|
1019
1019
|
protected readonly forme: FormeDuPanneauDeDialogue;
|
|
1020
1020
|
constructor();
|
|
1021
|
+
/**
|
|
1022
|
+
* Rend le panneau et son contenu DANS la tache de l'ouverture (lot 288, CLS nul). Sans cela,
|
|
1023
|
+
* l'application sans zone rendait le contenu a la tache suivante : une image pouvait peindre le
|
|
1024
|
+
* volet VIDE (167 px au banc, au lieu de 255), puis le voir grandir — un decalage de mise en page
|
|
1025
|
+
* sans geste de la personne, pour un dialogue ouvert par programme (inactivite, session perdue).
|
|
1026
|
+
* `StDialog` l'appelle juste apres l'ouverture.
|
|
1027
|
+
*/
|
|
1028
|
+
rendreSansAttendre(): void;
|
|
1021
1029
|
/**
|
|
1022
1030
|
* Controles de developpement, APRES stabilisation : un titre differe (donnees chargees, `@defer`,
|
|
1023
1031
|
* macro-tache) n'est pas un nom absent. Attendre la stabilite, une macro-tache, puis la stabilite
|
package/types/starterlib-ui.d.ts
CHANGED
|
@@ -2331,7 +2331,10 @@ export type VarianteDeBanniere = 'hors-ligne' | 'retablie';
|
|
|
2331
2331
|
* ⚠️ Aucun bouton de fermeture : l'utilisateur ne peut pas fermer un fait.
|
|
2332
2332
|
*
|
|
2333
2333
|
* ⚠️ `sticky` et non `fixed` : a 200 % d'echelle, un element fixe recouvre le
|
|
2334
|
-
* contenu qu'il annonce.
|
|
2334
|
+
* contenu qu'il annonce. Elle se dit COLLEE (`data-collee`, lot 212) : dans `st-app-shell`, elle
|
|
2335
|
+
* colle SOUS l'en-tete (`--st-coquille-hauteur-entete`) au lieu de passer dessous, et la coquille
|
|
2336
|
+
* compte sa hauteur dans le bloc collant (`--st-hauteur-entete`, WCAG 2.4.11). Hors coquille, la
|
|
2337
|
+
* propriete manque et elle colle en haut de la page, comme avant.
|
|
2335
2338
|
*
|
|
2336
2339
|
* ```html
|
|
2337
2340
|
* <st-offline-banner titre="Mode hors ligne" message="Vos saisies seront envoyees au retour du reseau."
|
|
@@ -3824,6 +3827,11 @@ interface Morceau {
|
|
|
3824
3827
|
export declare class StTimer {
|
|
3825
3828
|
private readonly libelles;
|
|
3826
3829
|
private readonly locale;
|
|
3830
|
+
/**
|
|
3831
|
+
* Sous une region vivante parente (st-state, st-splash-screen), c'est elle qui annonce : le
|
|
3832
|
+
* minuteur finit et le signale, sans ecrire sa phrase dans sa propre region (lot 213).
|
|
3833
|
+
*/
|
|
3834
|
+
private readonly regionParente;
|
|
3827
3835
|
/** Duree d'attente en secondes, telle que `Retry-After` la donne. */
|
|
3828
3836
|
readonly secondes: import("@angular/core").InputSignalWithTransform<number, unknown>;
|
|
3829
3837
|
/**
|
|
@@ -3920,11 +3928,24 @@ export declare class StTimer {
|
|
|
3920
3928
|
*
|
|
3921
3929
|
* Les images viennent de la meme origine : la politique de securite du contenu
|
|
3922
3930
|
* n'autorise pas d'autre source d'image sans extension explicite cote BFF.
|
|
3931
|
+
*
|
|
3932
|
+
* **Marque textuelle** (lot 235, planche 6) : sans image (`clair` absent), le logo est une tuile a
|
|
3933
|
+
* la marque portant une icone, puis le NOM en capitales et un sous-titre, ecrits en texte. Le nom
|
|
3934
|
+
* se lit alors une fois, comme texte : aucun texte alternatif a poser.
|
|
3935
|
+
*
|
|
3936
|
+
* ```html
|
|
3937
|
+
* <st-logo nom="Starter Bank" sousTitre="Suisse · Système" icone="banque" />
|
|
3938
|
+
* ```
|
|
3923
3939
|
*/
|
|
3924
3940
|
export declare class StLogo {
|
|
3925
|
-
/** Nom de l'organisation : c'est le texte alternatif. */
|
|
3941
|
+
/** Nom de l'organisation : c'est le texte alternatif, ou le texte de la marque textuelle. */
|
|
3926
3942
|
readonly nom: import("@angular/core").InputSignal<string>;
|
|
3927
|
-
|
|
3943
|
+
/** L'image claire ; `null` : marque TEXTUELLE (tuile, nom, sous-titre). */
|
|
3944
|
+
readonly clair: import("@angular/core").InputSignal<string | null>;
|
|
3945
|
+
/** Marque textuelle : la ligne sous le nom (« Suisse · Système »). */
|
|
3946
|
+
readonly sousTitre: import("@angular/core").InputSignal<string | null>;
|
|
3947
|
+
/** Marque textuelle : l'icone de la tuile. */
|
|
3948
|
+
readonly icone: import("@angular/core").InputSignal<Icone>;
|
|
3928
3949
|
/** `null` : la variante claire sert aussi sur fond sombre. */
|
|
3929
3950
|
readonly sombre: import("@angular/core").InputSignal<string | null>;
|
|
3930
3951
|
/** `null` : aucune variante dediee au contraste force. */
|
|
@@ -3945,7 +3966,9 @@ export declare class StLogo {
|
|
|
3945
3966
|
/** Vrai quand la variante sombre est celle qui s'affiche au rendu. */
|
|
3946
3967
|
protected readonly sombreAuRendu: boolean;
|
|
3947
3968
|
protected readonly texteAlternatif: import("@angular/core").Signal<string>;
|
|
3948
|
-
protected readonly sourceSombre: import("@angular/core").Signal<string>;
|
|
3969
|
+
protected readonly sourceSombre: import("@angular/core").Signal<string | null>;
|
|
3970
|
+
/** Sans image claire, la marque est textuelle. */
|
|
3971
|
+
protected readonly textuel: import("@angular/core").Signal<boolean>;
|
|
3949
3972
|
private themeAuRenduEstSombre;
|
|
3950
3973
|
static ɵfac: i0.ɵɵFactoryDeclaration<StLogo, never>;
|
|
3951
3974
|
static ɵcmp: i0.ɵɵComponentDeclaration<StLogo, "st-logo", never, {
|
|
@@ -3956,7 +3979,17 @@ export declare class StLogo {
|
|
|
3956
3979
|
};
|
|
3957
3980
|
"clair": {
|
|
3958
3981
|
"alias": "clair";
|
|
3959
|
-
"required":
|
|
3982
|
+
"required": false;
|
|
3983
|
+
"isSignal": true;
|
|
3984
|
+
};
|
|
3985
|
+
"sousTitre": {
|
|
3986
|
+
"alias": "sousTitre";
|
|
3987
|
+
"required": false;
|
|
3988
|
+
"isSignal": true;
|
|
3989
|
+
};
|
|
3990
|
+
"icone": {
|
|
3991
|
+
"alias": "icone";
|
|
3992
|
+
"required": false;
|
|
3960
3993
|
"isSignal": true;
|
|
3961
3994
|
};
|
|
3962
3995
|
"sombre": {
|