@starterlib/ui 0.6.0 → 0.7.0
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/README.md +21 -0
- package/fesm2022/starterlib-ui-interactions.mjs +13 -8
- package/fesm2022/starterlib-ui-interactions.mjs.map +1 -1
- package/fesm2022/starterlib-ui-surfaces.mjs +73 -5
- package/fesm2022/starterlib-ui-surfaces.mjs.map +1 -1
- package/fesm2022/starterlib-ui.mjs +654 -46
- package/fesm2022/starterlib-ui.mjs.map +1 -1
- package/package.json +3 -3
- package/types/starterlib-ui-surfaces.d.ts +123 -71
- package/types/starterlib-ui.d.ts +442 -11
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@starterlib/ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.7.0",
|
|
4
4
|
"description": "Bibliotheque de composants st-* du socle frontal starter, sur CDK et Aria.",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
"@angular/forms": "^22.1.0",
|
|
26
26
|
"@angular/cdk": "^22.1.0",
|
|
27
27
|
"@angular/aria": "^22.1.0",
|
|
28
|
-
"@starterlib/tokens": "^0.
|
|
29
|
-
"@starterlib/util": "^0.
|
|
28
|
+
"@starterlib/tokens": "^0.7.0",
|
|
29
|
+
"@starterlib/util": "^0.7.0"
|
|
30
30
|
},
|
|
31
31
|
"peerDependenciesMeta": {
|
|
32
32
|
"@angular/cdk": {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
2
|
import { InjectionToken, Type, TemplateRef, Signal } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/aria/menu';
|
|
4
4
|
import { Ton, TonSemantique } from '@starterlib/util';
|
|
5
|
+
import { NomDIcone, AnnonceLocale } from '@starterlib/ui';
|
|
5
6
|
import { CdkDialogContainer } from '@angular/cdk/dialog';
|
|
6
7
|
export { DIALOG_DATA as DONNEES_DE_DIALOGUE } from '@angular/cdk/dialog';
|
|
7
|
-
import { NomDIcone, AnnonceLocale } from '@starterlib/ui';
|
|
8
8
|
|
|
9
9
|
type AlignementDeMenu = 'debut' | 'fin';
|
|
10
10
|
/**
|
|
@@ -40,10 +40,10 @@ declare class StMenu {
|
|
|
40
40
|
private readonly overlay;
|
|
41
41
|
private readonly aria;
|
|
42
42
|
/** Nom du menu pour les technologies d'assistance. */
|
|
43
|
-
readonly etiquette:
|
|
44
|
-
readonly alignement:
|
|
43
|
+
readonly etiquette: _angular_core.InputSignal<string>;
|
|
44
|
+
readonly alignement: _angular_core.InputSignal<AlignementDeMenu>;
|
|
45
45
|
private readonly ouvertInterne;
|
|
46
|
-
readonly ouvert:
|
|
46
|
+
readonly ouvert: _angular_core.Signal<boolean>;
|
|
47
47
|
private couche;
|
|
48
48
|
private declencheur;
|
|
49
49
|
constructor();
|
|
@@ -58,8 +58,8 @@ declare class StMenu {
|
|
|
58
58
|
basculerDepuis(declencheur: HTMLElement): void;
|
|
59
59
|
protected auClavier(evenement: KeyboardEvent): void;
|
|
60
60
|
private detruireLaCouche;
|
|
61
|
-
static ɵfac:
|
|
62
|
-
static ɵcmp:
|
|
61
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StMenu, never>;
|
|
62
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StMenu, "st-menu", never, { "etiquette": { "alias": "etiquette"; "required": true; "isSignal": true; }; "alignement": { "alias": "alignement"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.Menu; inputs: { "wrap": "wrap"; "typeaheadDelay": "typeaheadDelay"; "disabled": "disabled"; }; outputs: { "itemSelected": "selection"; }; }]>;
|
|
63
63
|
}
|
|
64
64
|
|
|
65
65
|
/**
|
|
@@ -82,10 +82,10 @@ type TonDElementDeMenu = Extract<Ton, 'neutre' | 'danger'>;
|
|
|
82
82
|
* actions par leur libelle, donc par leur traduction.
|
|
83
83
|
*/
|
|
84
84
|
declare class StMenuItem {
|
|
85
|
-
readonly icone:
|
|
86
|
-
readonly ton:
|
|
87
|
-
static ɵfac:
|
|
88
|
-
static ɵcmp:
|
|
85
|
+
readonly icone: _angular_core.InputSignal<"boite-vide" | "calendrier" | "cercle" | "cercle-coche" | "cercle-croix" | "cercle-info" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "coche" | "copie" | "corbeille" | "croix" | "fichier" | "hors-ligne" | "lien-externe" | "menu" | "oeil" | "oeil-barre" | "plus" | "rafraichir" | "recherche" | "serveur" | "televerser" | "tri" | "triangle-alerte" | "utilisateur" | null>;
|
|
86
|
+
readonly ton: _angular_core.InputSignal<TonDElementDeMenu>;
|
|
87
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StMenuItem, never>;
|
|
88
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StMenuItem, "button[stMenuItem]", never, { "icone": { "alias": "icone"; "required": false; "isSignal": true; }; "ton": { "alias": "ton"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.MenuItem; inputs: { "value": "valeur"; "disabled": "desactive"; "role": "role"; }; outputs: {}; }]>;
|
|
89
89
|
}
|
|
90
90
|
|
|
91
91
|
/**
|
|
@@ -101,11 +101,63 @@ declare class StMenuItem {
|
|
|
101
101
|
*/
|
|
102
102
|
declare class StMenuTrigger {
|
|
103
103
|
private readonly element;
|
|
104
|
-
readonly menu:
|
|
104
|
+
readonly menu: _angular_core.InputSignal<StMenu>;
|
|
105
105
|
protected basculer(): void;
|
|
106
106
|
protected auClavier(evenement: KeyboardEvent): void;
|
|
107
|
-
static ɵfac:
|
|
108
|
-
static ɵdir:
|
|
107
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StMenuTrigger, never>;
|
|
108
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StMenuTrigger, "[stMenuTrigger]", never, { "menu": { "alias": "menu"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
/** Une action secondaire, decrite par l'appelant. Le libelle est deja traduit. */
|
|
112
|
+
interface ActionDeBarre {
|
|
113
|
+
/** Identite stable, emise a l'activation : jamais le libelle, donc jamais la traduction. */
|
|
114
|
+
readonly valeur: string;
|
|
115
|
+
readonly libelle: string;
|
|
116
|
+
readonly icone?: NomDIcone;
|
|
117
|
+
readonly ton?: TonDElementDeMenu;
|
|
118
|
+
readonly desactive?: boolean;
|
|
119
|
+
}
|
|
120
|
+
/**
|
|
121
|
+
* Barre d'actions d'une page ou d'une section : UNE action principale,
|
|
122
|
+
* projetee, et des actions secondaires qui se replient sous la rupture `md`.
|
|
123
|
+
*
|
|
124
|
+
* ```html
|
|
125
|
+
* <st-toolbar [secondaires]="actions" (action)="agir($event)">
|
|
126
|
+
* <button stButton variante="primaire" principale (click)="creer()">Nouveau virement</button>
|
|
127
|
+
* </st-toolbar>
|
|
128
|
+
* ```
|
|
129
|
+
*
|
|
130
|
+
* ⚠️ **Pourquoi les secondaires sont des DONNEES** et non des boutons projetes :
|
|
131
|
+
* sous `md`, elles vivent dans un `st-menu` « Plus », dont les elements doivent
|
|
132
|
+
* etre ecrits sous l'element qui porte le menu — un contenu projete garde
|
|
133
|
+
* l'injecteur de l'endroit ou il est ecrit, et ne s'y enregistrerait pas. La
|
|
134
|
+
* barre rend donc les deux formes elle-meme, boutons et elements de menu, et
|
|
135
|
+
* n'en montre qu'une a la fois : l'autre est hors de l'arbre d'accessibilite.
|
|
136
|
+
* Elle emet la `valeur` de l'action activee, quelle que soit la forme.
|
|
137
|
+
*
|
|
138
|
+
* ⚠️ **Une seule action principale.** Deux boutons pleins cote a cote ne disent
|
|
139
|
+
* plus lequel est attendu ; en developpement, la barre le signale. L'action
|
|
140
|
+
* principale est projetee, et non decrite : elle est souvent un `type="submit"`
|
|
141
|
+
* relie a un formulaire, ce qu'une donnee ne saurait dire.
|
|
142
|
+
*
|
|
143
|
+
* Elle vit dans `ui/surfaces` parce qu'elle importe `st-menu`, donc le CDK :
|
|
144
|
+
* c'est la meme raison qui en a fait sortir `st-header`.
|
|
145
|
+
*/
|
|
146
|
+
declare class StToolbar {
|
|
147
|
+
private readonly libelles;
|
|
148
|
+
readonly secondaires: _angular_core.InputSignal<readonly ActionDeBarre[]>;
|
|
149
|
+
/** Texte du declencheur replie. `null` : « Plus », du dictionnaire. */
|
|
150
|
+
readonly libellePlus: _angular_core.InputSignal<string | null>;
|
|
151
|
+
/** Emise avec la `valeur` de l'action secondaire activee. */
|
|
152
|
+
readonly action: _angular_core.OutputEmitterRef<string>;
|
|
153
|
+
protected readonly libellePlusLu: _angular_core.Signal<string>;
|
|
154
|
+
protected readonly etiquetteDuMenu: _angular_core.Signal<string>;
|
|
155
|
+
private readonly boutonsProjetes;
|
|
156
|
+
constructor();
|
|
157
|
+
protected declencher(action: ActionDeBarre): void;
|
|
158
|
+
protected surSelection(valeur: unknown): void;
|
|
159
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StToolbar, never>;
|
|
160
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StToolbar, "st-toolbar", never, { "secondaires": { "alias": "secondaires"; "required": false; "isSignal": true; }; "libellePlus": { "alias": "libellePlus"; "required": false; "isSignal": true; }; }, { "action": "action"; }, ["boutonsProjetes"], ["[principale]"], true, never>;
|
|
109
161
|
}
|
|
110
162
|
|
|
111
163
|
/**
|
|
@@ -157,25 +209,25 @@ declare class StConfirmDialog {
|
|
|
157
209
|
private readonly reference;
|
|
158
210
|
private readonly libelles;
|
|
159
211
|
protected readonly demande: DemandeDeConfirmation;
|
|
160
|
-
protected readonly saisie:
|
|
212
|
+
protected readonly saisie: _angular_core.WritableSignal<string>;
|
|
161
213
|
/** Unique par instance : deux confirmations empilees dupliqueraient un identifiant fixe. */
|
|
162
214
|
protected readonly identifiantDeSaisie: string;
|
|
163
|
-
protected readonly ton:
|
|
164
|
-
protected readonly libelleConfirmation:
|
|
165
|
-
protected readonly libelleAnnulation:
|
|
166
|
-
protected readonly libelleRecopie:
|
|
215
|
+
protected readonly ton: _angular_core.Signal<TonSemantique>;
|
|
216
|
+
protected readonly libelleConfirmation: _angular_core.Signal<string>;
|
|
217
|
+
protected readonly libelleAnnulation: _angular_core.Signal<string>;
|
|
218
|
+
protected readonly libelleRecopie: _angular_core.Signal<string>;
|
|
167
219
|
/**
|
|
168
220
|
* ⚠️ La comparaison ignore la casse et les espaces de bord, mais RIEN
|
|
169
221
|
* d'autre. Exiger la casse exacte transforme une confirmation en jeu
|
|
170
222
|
* d'adresse, et pousse a copier-coller — ce qui annule precisement l'effet
|
|
171
223
|
* recherche.
|
|
172
224
|
*/
|
|
173
|
-
protected readonly confirmationPossible:
|
|
225
|
+
protected readonly confirmationPossible: _angular_core.Signal<boolean>;
|
|
174
226
|
protected auChangement(evenement: Event): void;
|
|
175
227
|
protected confirmer(): void;
|
|
176
228
|
protected annuler(): void;
|
|
177
|
-
static ɵfac:
|
|
178
|
-
static ɵcmp:
|
|
229
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StConfirmDialog, never>;
|
|
230
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StConfirmDialog, "st-confirm-dialog", never, {}, {}, never, never, true, never>;
|
|
179
231
|
}
|
|
180
232
|
|
|
181
233
|
/** Ce que l'appelant regle a l'ouverture. */
|
|
@@ -289,8 +341,8 @@ declare class StDialog {
|
|
|
289
341
|
* testee pour sa veracite — `undefined` doit valoir non.
|
|
290
342
|
*/
|
|
291
343
|
confirmer(demande: DemandeDeConfirmation): Promise<boolean>;
|
|
292
|
-
static ɵfac:
|
|
293
|
-
static ɵprov:
|
|
344
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StDialog, never>;
|
|
345
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
|
|
294
346
|
}
|
|
295
347
|
|
|
296
348
|
/**
|
|
@@ -313,8 +365,8 @@ declare class StDialog {
|
|
|
313
365
|
* vise, donc rien ne justifie de rendre ces styles globaux.
|
|
314
366
|
*/
|
|
315
367
|
declare class StDialogContainer extends CdkDialogContainer {
|
|
316
|
-
static ɵfac:
|
|
317
|
-
static ɵcmp:
|
|
368
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StDialogContainer, never>;
|
|
369
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StDialogContainer, "st-dialog-container", never, {}, {}, never, never, true, never>;
|
|
318
370
|
}
|
|
319
371
|
|
|
320
372
|
/**
|
|
@@ -327,8 +379,8 @@ declare class StDialogContainer extends CdkDialogContainer {
|
|
|
327
379
|
*/
|
|
328
380
|
declare class StDialogTitle {
|
|
329
381
|
protected readonly identifiant: string | null;
|
|
330
|
-
static ɵfac:
|
|
331
|
-
static ɵcmp:
|
|
382
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StDialogTitle, never>;
|
|
383
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StDialogTitle, "st-dialog-title", never, {}, {}, never, ["*"], true, never>;
|
|
332
384
|
}
|
|
333
385
|
|
|
334
386
|
/**
|
|
@@ -348,11 +400,11 @@ declare class StDialogTitle {
|
|
|
348
400
|
*/
|
|
349
401
|
declare class StDialogContent {
|
|
350
402
|
/** `aucun` pour un contenu qui gere ses propres marges, comme un tableau. */
|
|
351
|
-
readonly rembourrage:
|
|
352
|
-
protected readonly defilante:
|
|
403
|
+
readonly rembourrage: _angular_core.InputSignal<"aucun" | "md">;
|
|
404
|
+
protected readonly defilante: _angular_core.WritableSignal<boolean>;
|
|
353
405
|
constructor();
|
|
354
|
-
static ɵfac:
|
|
355
|
-
static ɵcmp:
|
|
406
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StDialogContent, never>;
|
|
407
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StDialogContent, "st-dialog-content", never, { "rembourrage": { "alias": "rembourrage"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
356
408
|
}
|
|
357
409
|
|
|
358
410
|
/**
|
|
@@ -364,9 +416,9 @@ declare class StDialogContent {
|
|
|
364
416
|
* visuellement par `row-reverse` casserait cette correspondance.
|
|
365
417
|
*/
|
|
366
418
|
declare class StDialogActions {
|
|
367
|
-
readonly alignement:
|
|
368
|
-
static ɵfac:
|
|
369
|
-
static ɵcmp:
|
|
419
|
+
readonly alignement: _angular_core.InputSignal<"debut" | "fin" | "entre">;
|
|
420
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StDialogActions, never>;
|
|
421
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StDialogActions, "st-dialog-actions", never, { "alignement": { "alias": "alignement"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
370
422
|
}
|
|
371
423
|
|
|
372
424
|
/** Action offerte dans le message, comme « Annuler ». */
|
|
@@ -434,8 +486,8 @@ declare class StToast {
|
|
|
434
486
|
montrer(demande: DemandeDeToast): number;
|
|
435
487
|
retirer(identifiant: number): void;
|
|
436
488
|
private pile;
|
|
437
|
-
static ɵfac:
|
|
438
|
-
static ɵprov:
|
|
489
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StToast, never>;
|
|
490
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
|
|
439
491
|
}
|
|
440
492
|
|
|
441
493
|
/**
|
|
@@ -457,10 +509,10 @@ declare class StToastContainer {
|
|
|
457
509
|
private readonly minuteries;
|
|
458
510
|
private readonly minuteriesDAnnonce;
|
|
459
511
|
private compteur;
|
|
460
|
-
protected readonly messages:
|
|
461
|
-
protected readonly annoncePolie:
|
|
462
|
-
protected readonly annonceAssertive:
|
|
463
|
-
protected readonly libelleFermeture:
|
|
512
|
+
protected readonly messages: _angular_core.Signal<readonly Toast[]>;
|
|
513
|
+
protected readonly annoncePolie: _angular_core.WritableSignal<string>;
|
|
514
|
+
protected readonly annonceAssertive: _angular_core.WritableSignal<string>;
|
|
515
|
+
protected readonly libelleFermeture: _angular_core.Signal<string>;
|
|
464
516
|
constructor();
|
|
465
517
|
ajouter(demande: DemandeDeToast): number;
|
|
466
518
|
retirer(identifiant: number): void;
|
|
@@ -492,8 +544,8 @@ declare class StToastContainer {
|
|
|
492
544
|
*/
|
|
493
545
|
private programmer;
|
|
494
546
|
private arreterLaMinuterie;
|
|
495
|
-
static ɵfac:
|
|
496
|
-
static ɵcmp:
|
|
547
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StToastContainer, never>;
|
|
548
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StToastContainer, "st-toast-container", never, {}, {}, never, never, true, never>;
|
|
497
549
|
}
|
|
498
550
|
|
|
499
551
|
/** Reponse donnee a l'avertissement. */
|
|
@@ -531,17 +583,17 @@ interface DonneesDInactivite {
|
|
|
531
583
|
declare class StIdleWarning {
|
|
532
584
|
private readonly dialogues;
|
|
533
585
|
/** `null` : aucun avertissement en cours. */
|
|
534
|
-
readonly secondesRestantes:
|
|
535
|
-
readonly prolonge:
|
|
536
|
-
readonly deconnecte:
|
|
586
|
+
readonly secondesRestantes: _angular_core.InputSignal<number | null>;
|
|
587
|
+
readonly prolonge: _angular_core.OutputEmitterRef<void>;
|
|
588
|
+
readonly deconnecte: _angular_core.OutputEmitterRef<void>;
|
|
537
589
|
private readonly restant;
|
|
538
590
|
private reference;
|
|
539
591
|
private readonly identifiantDeDescription;
|
|
540
592
|
constructor();
|
|
541
593
|
private ouvrir;
|
|
542
594
|
private fermerSansReponse;
|
|
543
|
-
static ɵfac:
|
|
544
|
-
static ɵcmp:
|
|
595
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StIdleWarning, never>;
|
|
596
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StIdleWarning, "st-idle-warning", never, { "secondesRestantes": { "alias": "secondesRestantes"; "required": false; "isSignal": true; }; }, { "prolonge": "prolonge"; "deconnecte": "deconnecte"; }, never, never, true, never>;
|
|
545
597
|
}
|
|
546
598
|
|
|
547
599
|
/** Contenu du dialogue d'avertissement. Ouvert par `st-idle-warning`, jamais directement. */
|
|
@@ -551,15 +603,15 @@ declare class StIdleWarningPanel {
|
|
|
551
603
|
private readonly locale;
|
|
552
604
|
protected readonly donnees: DonneesDInactivite;
|
|
553
605
|
protected readonly annonce: AnnonceLocale;
|
|
554
|
-
protected readonly titre:
|
|
555
|
-
protected readonly message:
|
|
556
|
-
protected readonly libelleRester:
|
|
557
|
-
protected readonly libelleDeconnecter:
|
|
606
|
+
protected readonly titre: _angular_core.Signal<string>;
|
|
607
|
+
protected readonly message: _angular_core.Signal<string>;
|
|
608
|
+
protected readonly libelleRester: _angular_core.Signal<string>;
|
|
609
|
+
protected readonly libelleDeconnecter: _angular_core.Signal<string>;
|
|
558
610
|
constructor();
|
|
559
611
|
protected rester(): void;
|
|
560
612
|
protected deconnecter(): void;
|
|
561
|
-
static ɵfac:
|
|
562
|
-
static ɵcmp:
|
|
613
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StIdleWarningPanel, never>;
|
|
614
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StIdleWarningPanel, "st-idle-warning-panel", never, {}, {}, never, never, true, never>;
|
|
563
615
|
}
|
|
564
616
|
|
|
565
617
|
type PositionDInfobulle = 'haut' | 'bas';
|
|
@@ -593,8 +645,8 @@ declare class StTooltip {
|
|
|
593
645
|
private readonly overlay;
|
|
594
646
|
private readonly descripteur;
|
|
595
647
|
private readonly document;
|
|
596
|
-
readonly stTooltip:
|
|
597
|
-
readonly positionDInfobulle:
|
|
648
|
+
readonly stTooltip: _angular_core.InputSignal<string>;
|
|
649
|
+
readonly positionDInfobulle: _angular_core.InputSignal<PositionDInfobulle>;
|
|
598
650
|
private couche;
|
|
599
651
|
private minuterie;
|
|
600
652
|
private description;
|
|
@@ -607,8 +659,8 @@ declare class StTooltip {
|
|
|
607
659
|
private programmer;
|
|
608
660
|
private annulerLaMinuterie;
|
|
609
661
|
private retirerLaDescription;
|
|
610
|
-
static ɵfac:
|
|
611
|
-
static ɵdir:
|
|
662
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StTooltip, never>;
|
|
663
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StTooltip, "[stTooltip]", never, { "stTooltip": { "alias": "stTooltip"; "required": true; "isSignal": true; }; "positionDInfobulle": { "alias": "positionDInfobulle"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
612
664
|
}
|
|
613
665
|
|
|
614
666
|
/**
|
|
@@ -619,9 +671,9 @@ declare class StTooltip {
|
|
|
619
671
|
* fois.
|
|
620
672
|
*/
|
|
621
673
|
declare class StTooltipPanel {
|
|
622
|
-
readonly texte:
|
|
623
|
-
static ɵfac:
|
|
624
|
-
static ɵcmp:
|
|
674
|
+
readonly texte: _angular_core.InputSignal<string>;
|
|
675
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StTooltipPanel, never>;
|
|
676
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StTooltipPanel, "st-tooltip-panel", never, { "texte": { "alias": "texte"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
625
677
|
}
|
|
626
678
|
|
|
627
679
|
type AlignementDePopover = 'debut' | 'fin';
|
|
@@ -654,11 +706,11 @@ declare class StPopover {
|
|
|
654
706
|
private readonly element;
|
|
655
707
|
private readonly overlay;
|
|
656
708
|
/** Nom accessible : sans lui, la couche s'annonce « dialogue » et rien d'autre. */
|
|
657
|
-
readonly etiquette:
|
|
658
|
-
readonly alignement:
|
|
709
|
+
readonly etiquette: _angular_core.InputSignal<string>;
|
|
710
|
+
readonly alignement: _angular_core.InputSignal<AlignementDePopover>;
|
|
659
711
|
readonly identifiant: string;
|
|
660
712
|
private readonly ouvertInterne;
|
|
661
|
-
readonly ouvert:
|
|
713
|
+
readonly ouvert: _angular_core.Signal<boolean>;
|
|
662
714
|
private couche;
|
|
663
715
|
private declencheur;
|
|
664
716
|
constructor();
|
|
@@ -676,8 +728,8 @@ declare class StPopover {
|
|
|
676
728
|
*/
|
|
677
729
|
protected aLaPerteDuFocus(): void;
|
|
678
730
|
private detruireLaCouche;
|
|
679
|
-
static ɵfac:
|
|
680
|
-
static ɵcmp:
|
|
731
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StPopover, never>;
|
|
732
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StPopover, "st-popover", never, { "etiquette": { "alias": "etiquette"; "required": true; "isSignal": true; }; "alignement": { "alias": "alignement"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
681
733
|
}
|
|
682
734
|
|
|
683
735
|
/**
|
|
@@ -689,11 +741,11 @@ declare class StPopover {
|
|
|
689
741
|
*/
|
|
690
742
|
declare class StPopoverTrigger {
|
|
691
743
|
private readonly element;
|
|
692
|
-
readonly stPopoverTrigger:
|
|
744
|
+
readonly stPopoverTrigger: _angular_core.InputSignal<StPopover>;
|
|
693
745
|
protected basculer(): void;
|
|
694
|
-
static ɵfac:
|
|
695
|
-
static ɵdir:
|
|
746
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StPopoverTrigger, never>;
|
|
747
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StPopoverTrigger, "[stPopoverTrigger]", never, { "stPopoverTrigger": { "alias": "stPopoverTrigger"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
696
748
|
}
|
|
697
749
|
|
|
698
|
-
export { IDENTIFIANT_DU_TITRE, StConfirmDialog, StDialog, StDialogActions, StDialogContainer, StDialogContent, StDialogTitle, StIdleWarning, StIdleWarningPanel, StMenu, StMenuItem, StMenuTrigger, StPopover, StPopoverTrigger, StToast, StToastContainer, StTooltip, StTooltipPanel };
|
|
699
|
-
export type { ActionDeToast, AlignementDeMenu, AlignementDePopover, CoteDuTiroir, DemandeDeConfirmation, DemandeDeToast, DonneesDInactivite, OptionsDeDialogue, PositionDInfobulle, ReferenceDeDialogue, ReponseDInactivite, Toast, TonDElementDeMenu };
|
|
750
|
+
export { IDENTIFIANT_DU_TITRE, StConfirmDialog, StDialog, StDialogActions, StDialogContainer, StDialogContent, StDialogTitle, StIdleWarning, StIdleWarningPanel, StMenu, StMenuItem, StMenuTrigger, StPopover, StPopoverTrigger, StToast, StToastContainer, StToolbar, StTooltip, StTooltipPanel };
|
|
751
|
+
export type { ActionDeBarre, ActionDeToast, AlignementDeMenu, AlignementDePopover, CoteDuTiroir, DemandeDeConfirmation, DemandeDeToast, DonneesDInactivite, OptionsDeDialogue, PositionDInfobulle, ReferenceDeDialogue, ReponseDInactivite, Toast, TonDElementDeMenu };
|