@masmarino/gabarit 0.7.0 → 1.0.1
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.
|
@@ -4,7 +4,7 @@ import { OnDestroy, TemplateRef, ElementRef, InjectionToken, Signal } from '@ang
|
|
|
4
4
|
import { ControlValueAccessor, FormControl } from '@angular/forms';
|
|
5
5
|
import { Observable } from 'rxjs';
|
|
6
6
|
|
|
7
|
-
declare const GABARIT_VERSION = "0.
|
|
7
|
+
declare const GABARIT_VERSION = "1.0.1";
|
|
8
8
|
|
|
9
9
|
declare class Icon {
|
|
10
10
|
private readonly sanitizer;
|
|
@@ -31,6 +31,7 @@ declare class AppShell {
|
|
|
31
31
|
closeMenuLabel: _angular_core.InputSignal<string>;
|
|
32
32
|
collapseLabel: _angular_core.InputSignal<string>;
|
|
33
33
|
expandLabel: _angular_core.InputSignal<string>;
|
|
34
|
+
versionLabel: _angular_core.InputSignal<string | null>;
|
|
34
35
|
collapsed: _angular_core.InputSignal<boolean>;
|
|
35
36
|
collapsible: _angular_core.InputSignal<boolean>;
|
|
36
37
|
collapsedChange: _angular_core.OutputEmitterRef<boolean>;
|
|
@@ -47,7 +48,7 @@ declare class AppShell {
|
|
|
47
48
|
protected onEscape(): void;
|
|
48
49
|
protected onNavKeydown(event: KeyboardEvent): void;
|
|
49
50
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AppShell, never>;
|
|
50
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AppShell, "gbt-app-shell", never, { "navLabel": { "alias": "navLabel"; "required": true; "isSignal": true; }; "skipLabel": { "alias": "skipLabel"; "required": true; "isSignal": true; }; "openMenuLabel": { "alias": "openMenuLabel"; "required": true; "isSignal": true; }; "closeMenuLabel": { "alias": "closeMenuLabel"; "required": true; "isSignal": true; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; "isSignal": true; }; "expandLabel": { "alias": "expandLabel"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; }, { "collapsedChange": "collapsedChange"; }, never, ["[shell-brand]", "[shell-nav]", "[shell-header]", "*"], true, never>;
|
|
51
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AppShell, "gbt-app-shell", never, { "navLabel": { "alias": "navLabel"; "required": true; "isSignal": true; }; "skipLabel": { "alias": "skipLabel"; "required": true; "isSignal": true; }; "openMenuLabel": { "alias": "openMenuLabel"; "required": true; "isSignal": true; }; "closeMenuLabel": { "alias": "closeMenuLabel"; "required": true; "isSignal": true; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; "isSignal": true; }; "expandLabel": { "alias": "expandLabel"; "required": false; "isSignal": true; }; "versionLabel": { "alias": "versionLabel"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; }, { "collapsedChange": "collapsedChange"; }, never, ["[shell-brand]", "[shell-nav]", "[shell-header]", "*"], true, never>;
|
|
51
52
|
}
|
|
52
53
|
|
|
53
54
|
declare class Button {
|
|
@@ -74,6 +75,58 @@ declare class Badge {
|
|
|
74
75
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Badge, "gbt-badge", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
75
76
|
}
|
|
76
77
|
|
|
78
|
+
type AvatarSize = 'sm' | 'md' | 'lg';
|
|
79
|
+
declare class Avatar {
|
|
80
|
+
name: _angular_core.InputSignal<string>;
|
|
81
|
+
src: _angular_core.InputSignal<string | null>;
|
|
82
|
+
size: _angular_core.InputSignal<AvatarSize>;
|
|
83
|
+
protected readonly imageFailed: _angular_core.WritableSignal<boolean>;
|
|
84
|
+
protected readonly showImage: _angular_core.Signal<boolean>;
|
|
85
|
+
protected readonly initials: _angular_core.Signal<string>;
|
|
86
|
+
protected onImageError(): void;
|
|
87
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Avatar, never>;
|
|
88
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Avatar, "gbt-avatar", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
type SkeletonVariant = 'text' | 'circle' | 'rect';
|
|
92
|
+
declare class Skeleton {
|
|
93
|
+
variant: _angular_core.InputSignal<SkeletonVariant>;
|
|
94
|
+
width: _angular_core.InputSignal<string>;
|
|
95
|
+
height: _angular_core.InputSignal<string | null>;
|
|
96
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Skeleton, never>;
|
|
97
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Skeleton, "gbt-skeleton", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
interface AvatarGroupItem {
|
|
101
|
+
name: string;
|
|
102
|
+
src?: string;
|
|
103
|
+
}
|
|
104
|
+
declare class AvatarGroup<T extends AvatarGroupItem = AvatarGroupItem> {
|
|
105
|
+
private readonly elementRef;
|
|
106
|
+
items: _angular_core.InputSignal<T[]>;
|
|
107
|
+
max: _angular_core.InputSignal<number>;
|
|
108
|
+
ariaLabel: _angular_core.InputSignal<string>;
|
|
109
|
+
moreLabel: _angular_core.InputSignal<(count: number) => string>;
|
|
110
|
+
activeItem: _angular_core.InputSignal<T | null>;
|
|
111
|
+
itemClick: _angular_core.OutputEmitterRef<T>;
|
|
112
|
+
protected readonly panelOpen: _angular_core.WritableSignal<boolean>;
|
|
113
|
+
protected readonly panelStyle: _angular_core.WritableSignal<{
|
|
114
|
+
top: string;
|
|
115
|
+
left: string;
|
|
116
|
+
} | null>;
|
|
117
|
+
protected readonly visibleItems: _angular_core.Signal<T[]>;
|
|
118
|
+
protected readonly overflowItems: _angular_core.Signal<T[]>;
|
|
119
|
+
protected readonly overflowCount: _angular_core.Signal<number>;
|
|
120
|
+
protected isActive(item: T): boolean;
|
|
121
|
+
protected selectItem(item: T): void;
|
|
122
|
+
protected toggleOverflowPanel(): void;
|
|
123
|
+
protected updatePanelPosition(): void;
|
|
124
|
+
protected handleClickOutside(event: MouseEvent): void;
|
|
125
|
+
protected onKeydown(event: KeyboardEvent): void;
|
|
126
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarGroup<any>, never>;
|
|
127
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarGroup<any>, "gbt-avatar-group", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "moreLabel": { "alias": "moreLabel"; "required": false; "isSignal": true; }; "activeItem": { "alias": "activeItem"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
|
|
128
|
+
}
|
|
129
|
+
|
|
77
130
|
type AlertVariant = 'info' | 'success' | 'warning' | 'error';
|
|
78
131
|
declare class Alert {
|
|
79
132
|
variant: _angular_core.InputSignal<AlertVariant>;
|
|
@@ -90,11 +143,12 @@ declare class Tag {
|
|
|
90
143
|
color: _angular_core.InputSignal<string>;
|
|
91
144
|
removable: _angular_core.InputSignal<boolean>;
|
|
92
145
|
removeLabel: _angular_core.InputSignal<string>;
|
|
146
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
93
147
|
removed: _angular_core.OutputEmitterRef<void>;
|
|
94
148
|
protected readonly textColor: _angular_core.Signal<string>;
|
|
95
149
|
protected onRemoveClick(event: MouseEvent): void;
|
|
96
150
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tag, never>;
|
|
97
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tag, "gbt-tag", never, { "color": { "alias": "color"; "required": true; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; }, { "removed": "removed"; }, never, ["*"], true, never>;
|
|
151
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tag, "gbt-tag", never, { "color": { "alias": "color"; "required": true; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "removed": "removed"; }, never, ["*"], true, never>;
|
|
98
152
|
}
|
|
99
153
|
|
|
100
154
|
type EmptyStateIllustration = 'folder' | 'star' | 'checklist' | 'merge' | 'pipeline' | 'tag' | 'book';
|
|
@@ -116,7 +170,7 @@ declare class Select<T = string> implements ControlValueAccessor {
|
|
|
116
170
|
private readonly elementRef;
|
|
117
171
|
id: _angular_core.InputSignal<string>;
|
|
118
172
|
label: _angular_core.InputSignal<string>;
|
|
119
|
-
size: _angular_core.InputSignal<"
|
|
173
|
+
size: _angular_core.InputSignal<"sm" | "md">;
|
|
120
174
|
options: _angular_core.InputSignal<SelectOption<T>[]>;
|
|
121
175
|
multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
122
176
|
chips: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
@@ -202,7 +256,7 @@ declare class Card {
|
|
|
202
256
|
hoverable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
203
257
|
heading: _angular_core.InputSignal<string>;
|
|
204
258
|
icon: _angular_core.InputSignal<string>;
|
|
205
|
-
headingLevel: _angular_core.InputSignal<2 | 1 |
|
|
259
|
+
headingLevel: _angular_core.InputSignal<2 | 1 | 5 | 6 | 4 | 3>;
|
|
206
260
|
protected readonly cardClass: _angular_core.Signal<string>;
|
|
207
261
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Card, never>;
|
|
208
262
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Card, "gbt-card", never, { "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "headingLevel": { "alias": "headingLevel"; "required": false; "isSignal": true; }; }, {}, never, ["[card-header-actions]", "*"], true, never>;
|
|
@@ -259,7 +313,7 @@ declare class Checkbox implements ControlValueAccessor {
|
|
|
259
313
|
declare class Modal implements OnDestroy {
|
|
260
314
|
isOpen: _angular_core.InputSignal<boolean>;
|
|
261
315
|
heading: _angular_core.InputSignal<string>;
|
|
262
|
-
headingLevel: _angular_core.InputSignal<2 | 1 |
|
|
316
|
+
headingLevel: _angular_core.InputSignal<2 | 1 | 5 | 6 | 4 | 3>;
|
|
263
317
|
closeLabel: _angular_core.InputSignal<string>;
|
|
264
318
|
closed: _angular_core.OutputEmitterRef<void>;
|
|
265
319
|
private readonly dialog;
|
|
@@ -273,6 +327,27 @@ declare class Modal implements OnDestroy {
|
|
|
273
327
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Modal, "gbt-modal", never, { "isOpen": { "alias": "isOpen"; "required": true; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "headingLevel": { "alias": "headingLevel"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, ["*"], true, never>;
|
|
274
328
|
}
|
|
275
329
|
|
|
330
|
+
type DrawerEdge = 'right' | 'left' | 'top' | 'bottom';
|
|
331
|
+
declare class Drawer implements OnDestroy {
|
|
332
|
+
isOpen: _angular_core.InputSignal<boolean>;
|
|
333
|
+
edge: _angular_core.InputSignal<DrawerEdge>;
|
|
334
|
+
heading: _angular_core.InputSignal<string>;
|
|
335
|
+
headingLevel: _angular_core.InputSignal<2 | 1 | 5 | 6 | 4 | 3>;
|
|
336
|
+
closeLabel: _angular_core.InputSignal<string>;
|
|
337
|
+
closed: _angular_core.OutputEmitterRef<void>;
|
|
338
|
+
protected readonly rendered: _angular_core.WritableSignal<boolean>;
|
|
339
|
+
private readonly panel;
|
|
340
|
+
private previouslyFocused;
|
|
341
|
+
private closeTimer;
|
|
342
|
+
constructor();
|
|
343
|
+
ngOnDestroy(): void;
|
|
344
|
+
protected onEscape(): void;
|
|
345
|
+
protected onBackdropClick(event: MouseEvent): void;
|
|
346
|
+
protected onPanelKeydown(event: KeyboardEvent): void;
|
|
347
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Drawer, never>;
|
|
348
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Drawer, "gbt-drawer", never, { "isOpen": { "alias": "isOpen"; "required": true; "isSignal": true; }; "edge": { "alias": "edge"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "headingLevel": { "alias": "headingLevel"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, ["*"], true, never>;
|
|
349
|
+
}
|
|
350
|
+
|
|
276
351
|
interface TableColumn<T> {
|
|
277
352
|
key: Extract<keyof T, string>;
|
|
278
353
|
label: string;
|
|
@@ -419,6 +494,13 @@ interface Point {
|
|
|
419
494
|
}
|
|
420
495
|
declare function linePath(points: Point[]): string;
|
|
421
496
|
declare function areaPath(points: Point[], baseline: number): string;
|
|
497
|
+
interface Arc {
|
|
498
|
+
startAngle: number;
|
|
499
|
+
endAngle: number;
|
|
500
|
+
innerRadius: number;
|
|
501
|
+
outerRadius: number;
|
|
502
|
+
}
|
|
503
|
+
declare function arcPath(arc: Arc): string;
|
|
422
504
|
|
|
423
505
|
declare function nearestIndex(sorted: number[], target: number): number;
|
|
424
506
|
|
|
@@ -464,7 +546,7 @@ declare class ChartFrame {
|
|
|
464
546
|
private readonly context;
|
|
465
547
|
label: _angular_core.InputSignal<string>;
|
|
466
548
|
heading: _angular_core.InputSignal<string>;
|
|
467
|
-
headingLevel: _angular_core.InputSignal<2 | 1 |
|
|
549
|
+
headingLevel: _angular_core.InputSignal<2 | 1 | 5 | 6 | 4 | 3>;
|
|
468
550
|
headline: _angular_core.InputSignal<string>;
|
|
469
551
|
trend: _angular_core.InputSignal<string>;
|
|
470
552
|
x: _angular_core.InputSignal<AxisSpec>;
|
|
@@ -541,13 +623,18 @@ declare class ChartTooltip<X> {
|
|
|
541
623
|
interface LegendEntry {
|
|
542
624
|
label: string;
|
|
543
625
|
pattern?: 'solid' | 'dashed' | 'dotted';
|
|
626
|
+
color?: string;
|
|
544
627
|
value?: string;
|
|
545
628
|
}
|
|
546
629
|
declare class ChartLegend {
|
|
547
630
|
entries: _angular_core.InputSignal<LegendEntry[]>;
|
|
631
|
+
interactive: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
632
|
+
activeIndex: _angular_core.InputSignal<number | null>;
|
|
633
|
+
activeIndexChange: _angular_core.OutputEmitterRef<number | null>;
|
|
548
634
|
protected dashArray(pattern: LegendEntry['pattern']): string;
|
|
635
|
+
protected onMouseLeave(event: MouseEvent): void;
|
|
549
636
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChartLegend, never>;
|
|
550
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChartLegend, "gbt-chart-legend", never, { "entries": { "alias": "entries"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
637
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChartLegend, "gbt-chart-legend", never, { "entries": { "alias": "entries"; "required": true; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; }, { "activeIndexChange": "activeIndexChange"; }, never, never, true, never>;
|
|
551
638
|
}
|
|
552
639
|
|
|
553
640
|
declare class ChartEmpty {
|
|
@@ -555,7 +642,7 @@ declare class ChartEmpty {
|
|
|
555
642
|
actionLabel: _angular_core.InputSignal<string>;
|
|
556
643
|
action: _angular_core.OutputEmitterRef<void>;
|
|
557
644
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChartEmpty, never>;
|
|
558
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChartEmpty, "gbt-chart-empty", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; "actionLabel": { "alias": "actionLabel"; "required": false; "isSignal": true; }; }, { "action": "action"; }, never,
|
|
645
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChartEmpty, "gbt-chart-empty", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; "actionLabel": { "alias": "actionLabel"; "required": false; "isSignal": true; }; }, { "action": "action"; }, never, ["[gbtChartEmptyIcon]"], true, never>;
|
|
559
646
|
}
|
|
560
647
|
|
|
561
648
|
declare class ChartTable {
|
|
@@ -601,7 +688,7 @@ declare class LineChart<X extends number | Date> {
|
|
|
601
688
|
height: number;
|
|
602
689
|
} | null>;
|
|
603
690
|
heading: _angular_core.InputSignal<string>;
|
|
604
|
-
headingLevel: _angular_core.InputSignal<2 | 1 |
|
|
691
|
+
headingLevel: _angular_core.InputSignal<2 | 1 | 5 | 6 | 4 | 3>;
|
|
605
692
|
headline: _angular_core.InputSignal<string>;
|
|
606
693
|
trend: _angular_core.InputSignal<string>;
|
|
607
694
|
protected readonly activeIndex: _angular_core.WritableSignal<number | null>;
|
|
@@ -657,7 +744,7 @@ declare class BarChart {
|
|
|
657
744
|
height: number;
|
|
658
745
|
} | null>;
|
|
659
746
|
heading: _angular_core.InputSignal<string>;
|
|
660
|
-
headingLevel: _angular_core.InputSignal<2 | 1 |
|
|
747
|
+
headingLevel: _angular_core.InputSignal<2 | 1 | 5 | 6 | 4 | 3>;
|
|
661
748
|
headline: _angular_core.InputSignal<string>;
|
|
662
749
|
trend: _angular_core.InputSignal<string>;
|
|
663
750
|
protected readonly hasData: _angular_core.Signal<boolean>;
|
|
@@ -704,7 +791,7 @@ declare class TimelineChart {
|
|
|
704
791
|
height: number;
|
|
705
792
|
} | null>;
|
|
706
793
|
heading: _angular_core.InputSignal<string>;
|
|
707
|
-
headingLevel: _angular_core.InputSignal<2 | 1 |
|
|
794
|
+
headingLevel: _angular_core.InputSignal<2 | 1 | 5 | 6 | 4 | 3>;
|
|
708
795
|
headline: _angular_core.InputSignal<string>;
|
|
709
796
|
trend: _angular_core.InputSignal<string>;
|
|
710
797
|
protected readonly hasData: _angular_core.Signal<boolean>;
|
|
@@ -746,6 +833,47 @@ declare class TimelineSeries {
|
|
|
746
833
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimelineSeries, "g[gbtTimelineSeries]", never, { "series": { "alias": "series"; "required": true; "isSignal": true; }; "intervals": { "alias": "intervals"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
747
834
|
}
|
|
748
835
|
|
|
836
|
+
interface PieSlice {
|
|
837
|
+
label: string;
|
|
838
|
+
value: number;
|
|
839
|
+
}
|
|
840
|
+
interface RenderedSlice {
|
|
841
|
+
label: string;
|
|
842
|
+
formattedValue: string;
|
|
843
|
+
formattedShare: string;
|
|
844
|
+
path: string;
|
|
845
|
+
color: string;
|
|
846
|
+
showLabel: boolean;
|
|
847
|
+
labelX: number;
|
|
848
|
+
labelY: number;
|
|
849
|
+
labelAnchor: 'start' | 'middle' | 'end';
|
|
850
|
+
accessibleLabel: string;
|
|
851
|
+
}
|
|
852
|
+
declare class PieChart {
|
|
853
|
+
slices: _angular_core.InputSignal<PieSlice[]>;
|
|
854
|
+
label: _angular_core.InputSignal<string>;
|
|
855
|
+
locale: _angular_core.InputSignal<string>;
|
|
856
|
+
emptyMessage: _angular_core.InputSignal<string>;
|
|
857
|
+
tableCaption: _angular_core.InputSignal<string>;
|
|
858
|
+
categoryColumn: _angular_core.InputSignal<string>;
|
|
859
|
+
valueColumn: _angular_core.InputSignal<string>;
|
|
860
|
+
shareColumn: _angular_core.InputSignal<string>;
|
|
861
|
+
sliceAnnouncement: _angular_core.InputSignal<(label: string, value: string, share: string) => string>;
|
|
862
|
+
innerRadiusRatio: _angular_core.InputSignal<number>;
|
|
863
|
+
protected readonly activeIndex: _angular_core.WritableSignal<number | null>;
|
|
864
|
+
private readonly total;
|
|
865
|
+
protected readonly renderedSlices: _angular_core.Signal<RenderedSlice[]>;
|
|
866
|
+
protected readonly legendEntries: _angular_core.Signal<LegendEntry[]>;
|
|
867
|
+
protected readonly activeSlice: _angular_core.Signal<RenderedSlice | null>;
|
|
868
|
+
protected readonly columns: _angular_core.Signal<string[]>;
|
|
869
|
+
protected readonly tableRows: _angular_core.Signal<(string | number)[][]>;
|
|
870
|
+
private colorFor;
|
|
871
|
+
protected onMouseLeave(event: MouseEvent): void;
|
|
872
|
+
constructor();
|
|
873
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PieChart, never>;
|
|
874
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PieChart, "gbt-pie-chart", never, { "slices": { "alias": "slices"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "locale": { "alias": "locale"; "required": true; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": true; "isSignal": true; }; "tableCaption": { "alias": "tableCaption"; "required": true; "isSignal": true; }; "categoryColumn": { "alias": "categoryColumn"; "required": true; "isSignal": true; }; "valueColumn": { "alias": "valueColumn"; "required": true; "isSignal": true; }; "shareColumn": { "alias": "shareColumn"; "required": true; "isSignal": true; }; "sliceAnnouncement": { "alias": "sliceAnnouncement"; "required": true; "isSignal": true; }; "innerRadiusRatio": { "alias": "innerRadiusRatio"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
875
|
+
}
|
|
876
|
+
|
|
749
877
|
declare class Sparkline {
|
|
750
878
|
values: _angular_core.InputSignal<number[]>;
|
|
751
879
|
tableCaption: _angular_core.InputSignal<string>;
|
|
@@ -878,6 +1006,272 @@ declare class Menu {
|
|
|
878
1006
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Menu, "gbt-menu", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "triggerIcon": { "alias": "triggerIcon"; "required": false; "isSignal": true; }; }, { "opened": "opened"; }, never, ["*"], true, never>;
|
|
879
1007
|
}
|
|
880
1008
|
|
|
1009
|
+
type PopoverAlign = 'start' | 'end';
|
|
1010
|
+
interface PopoverPosition {
|
|
1011
|
+
top: string;
|
|
1012
|
+
left: string | null;
|
|
1013
|
+
right: string | null;
|
|
1014
|
+
}
|
|
1015
|
+
declare class Popover {
|
|
1016
|
+
private readonly elementRef;
|
|
1017
|
+
private readonly triggerSlot;
|
|
1018
|
+
align: _angular_core.InputSignal<PopoverAlign>;
|
|
1019
|
+
readonly panelId: string;
|
|
1020
|
+
private readonly isOpen;
|
|
1021
|
+
readonly open: _angular_core.Signal<boolean>;
|
|
1022
|
+
protected readonly position: _angular_core.WritableSignal<PopoverPosition | null>;
|
|
1023
|
+
toggle(): void;
|
|
1024
|
+
close(returnFocus?: boolean): void;
|
|
1025
|
+
protected onTriggerClick(event: MouseEvent): void;
|
|
1026
|
+
protected updatePosition(): void;
|
|
1027
|
+
protected handleClickOutside(event: MouseEvent): void;
|
|
1028
|
+
protected onKeydown(event: KeyboardEvent): void;
|
|
1029
|
+
private focusTrigger;
|
|
1030
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Popover, never>;
|
|
1031
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Popover, "gbt-popover", ["gbtPopover"], { "align": { "alias": "align"; "required": false; "isSignal": true; }; }, {}, never, ["*", "[popover-content]"], true, never>;
|
|
1032
|
+
}
|
|
1033
|
+
|
|
1034
|
+
type DescriptionListLayout = 'stacked' | 'inline';
|
|
1035
|
+
interface DescriptionListEntry {
|
|
1036
|
+
term: string;
|
|
1037
|
+
value: string | TemplateRef<unknown>;
|
|
1038
|
+
}
|
|
1039
|
+
declare class DescriptionList {
|
|
1040
|
+
items: _angular_core.InputSignal<DescriptionListEntry[]>;
|
|
1041
|
+
layout: _angular_core.InputSignal<DescriptionListLayout>;
|
|
1042
|
+
protected isTemplate(value: DescriptionListEntry['value']): value is TemplateRef<unknown>;
|
|
1043
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DescriptionList, never>;
|
|
1044
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DescriptionList, "gbt-description-list", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1045
|
+
}
|
|
1046
|
+
|
|
1047
|
+
interface SegmentedControlOption<T = string> {
|
|
1048
|
+
value: T;
|
|
1049
|
+
label: string;
|
|
1050
|
+
disabled?: boolean;
|
|
1051
|
+
}
|
|
1052
|
+
declare class SegmentedControl<T = string> {
|
|
1053
|
+
private readonly group;
|
|
1054
|
+
options: _angular_core.InputSignal<SegmentedControlOption<T>[]>;
|
|
1055
|
+
value: _angular_core.ModelSignal<T>;
|
|
1056
|
+
ariaLabel: _angular_core.InputSignal<string>;
|
|
1057
|
+
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1058
|
+
protected isSelected(value: T): boolean;
|
|
1059
|
+
protected select(option: SegmentedControlOption<T>): void;
|
|
1060
|
+
protected onKeydown(event: KeyboardEvent, index: number): void;
|
|
1061
|
+
private nextEnabledIndex;
|
|
1062
|
+
private focusButton;
|
|
1063
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SegmentedControl<any>, never>;
|
|
1064
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SegmentedControl<any>, "gbt-segmented-control", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
|
|
1065
|
+
}
|
|
1066
|
+
|
|
1067
|
+
type WeekStartsOn = 0 | 1;
|
|
1068
|
+
interface CalendarDay {
|
|
1069
|
+
date: Date;
|
|
1070
|
+
inCurrentMonth: boolean;
|
|
1071
|
+
isToday: boolean;
|
|
1072
|
+
}
|
|
1073
|
+
|
|
1074
|
+
type DatePickerVisibleMonths = 1 | 2;
|
|
1075
|
+
interface DatePickerMonthView {
|
|
1076
|
+
year: number;
|
|
1077
|
+
month: number;
|
|
1078
|
+
label: string;
|
|
1079
|
+
weeks: CalendarDay[][];
|
|
1080
|
+
}
|
|
1081
|
+
declare class DatePicker implements ControlValueAccessor {
|
|
1082
|
+
private readonly elementRef;
|
|
1083
|
+
private readonly injector;
|
|
1084
|
+
id: _angular_core.InputSignal<string>;
|
|
1085
|
+
label: _angular_core.InputSignal<string>;
|
|
1086
|
+
placeholder: _angular_core.InputSignal<string>;
|
|
1087
|
+
locale: _angular_core.InputSignal<string>;
|
|
1088
|
+
weekStartsOn: _angular_core.InputSignal<WeekStartsOn>;
|
|
1089
|
+
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1090
|
+
required: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1091
|
+
errorMessage: _angular_core.InputSignal<string | null>;
|
|
1092
|
+
previousMonthLabel: _angular_core.InputSignal<string>;
|
|
1093
|
+
nextMonthLabel: _angular_core.InputSignal<string>;
|
|
1094
|
+
clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1095
|
+
clearLabel: _angular_core.InputSignal<string>;
|
|
1096
|
+
visibleMonths: _angular_core.InputSignal<DatePickerVisibleMonths>;
|
|
1097
|
+
monthSelectLabel: _angular_core.InputSignal<string>;
|
|
1098
|
+
yearSelectLabel: _angular_core.InputSignal<string>;
|
|
1099
|
+
minYear: _angular_core.InputSignal<number>;
|
|
1100
|
+
maxYear: _angular_core.InputSignal<number>;
|
|
1101
|
+
protected readonly open: _angular_core.WritableSignal<boolean>;
|
|
1102
|
+
protected readonly selected: _angular_core.WritableSignal<Date | null>;
|
|
1103
|
+
protected readonly focusedDate: _angular_core.WritableSignal<Date>;
|
|
1104
|
+
protected readonly anchorDate: _angular_core.WritableSignal<Date>;
|
|
1105
|
+
protected readonly panelStyle: _angular_core.WritableSignal<{
|
|
1106
|
+
top: string;
|
|
1107
|
+
left: string;
|
|
1108
|
+
} | null>;
|
|
1109
|
+
private readonly formDisabled;
|
|
1110
|
+
private onChange;
|
|
1111
|
+
private onTouched;
|
|
1112
|
+
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
1113
|
+
protected readonly showClear: _angular_core.Signal<boolean>;
|
|
1114
|
+
protected readonly monthViews: _angular_core.Signal<DatePickerMonthView[]>;
|
|
1115
|
+
protected readonly panelLabel: _angular_core.Signal<string>;
|
|
1116
|
+
protected readonly weekdayLabels: _angular_core.Signal<string[]>;
|
|
1117
|
+
protected readonly monthOptions: _angular_core.Signal<{
|
|
1118
|
+
value: number;
|
|
1119
|
+
label: string;
|
|
1120
|
+
}[]>;
|
|
1121
|
+
protected readonly yearOptions: _angular_core.Signal<number[]>;
|
|
1122
|
+
protected readonly triggerLabel: _angular_core.Signal<string>;
|
|
1123
|
+
writeValue(value: Date | null): void;
|
|
1124
|
+
registerOnChange(fn: (value: Date | null) => void): void;
|
|
1125
|
+
registerOnTouched(fn: () => void): void;
|
|
1126
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1127
|
+
protected isSelected(date: Date): boolean;
|
|
1128
|
+
protected isFocused(date: Date): boolean;
|
|
1129
|
+
protected cellId(date: Date): string;
|
|
1130
|
+
protected toggleOpen(): void;
|
|
1131
|
+
protected close(returnFocus: boolean): void;
|
|
1132
|
+
protected clear(event: Event): void;
|
|
1133
|
+
protected selectDay(day: CalendarDay): void;
|
|
1134
|
+
protected shiftMonth(delta: number): void;
|
|
1135
|
+
protected onMonthSelect(value: string): void;
|
|
1136
|
+
protected onYearSelect(value: string): void;
|
|
1137
|
+
private setAnchorMonth;
|
|
1138
|
+
protected onGridKeydown(event: KeyboardEvent): void;
|
|
1139
|
+
private nextFocusedDate;
|
|
1140
|
+
/** Shifts the anchor by the minimum amount needed so `date`'s month becomes visible. */
|
|
1141
|
+
private ensureVisible;
|
|
1142
|
+
protected onEscape(event: KeyboardEvent): void;
|
|
1143
|
+
protected handleClickOutside(event: MouseEvent): void;
|
|
1144
|
+
protected updatePanelPosition(): void;
|
|
1145
|
+
private trigger;
|
|
1146
|
+
private focusCellAfterRender;
|
|
1147
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DatePicker, never>;
|
|
1148
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatePicker, "gbt-date-picker", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "weekStartsOn": { "alias": "weekStartsOn"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "previousMonthLabel": { "alias": "previousMonthLabel"; "required": false; "isSignal": true; }; "nextMonthLabel": { "alias": "nextMonthLabel"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; "visibleMonths": { "alias": "visibleMonths"; "required": false; "isSignal": true; }; "monthSelectLabel": { "alias": "monthSelectLabel"; "required": false; "isSignal": true; }; "yearSelectLabel": { "alias": "yearSelectLabel"; "required": false; "isSignal": true; }; "minYear": { "alias": "minYear"; "required": false; "isSignal": true; }; "maxYear": { "alias": "maxYear"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1149
|
+
}
|
|
1150
|
+
|
|
1151
|
+
type DateRangeVisibleMonths = 1 | 2;
|
|
1152
|
+
interface DateRangeValue {
|
|
1153
|
+
start: Date;
|
|
1154
|
+
end: Date | null;
|
|
1155
|
+
}
|
|
1156
|
+
interface DateRangePickerMonthView {
|
|
1157
|
+
year: number;
|
|
1158
|
+
month: number;
|
|
1159
|
+
label: string;
|
|
1160
|
+
weeks: CalendarDay[][];
|
|
1161
|
+
}
|
|
1162
|
+
declare class DateRangePicker implements ControlValueAccessor {
|
|
1163
|
+
private readonly elementRef;
|
|
1164
|
+
private readonly injector;
|
|
1165
|
+
id: _angular_core.InputSignal<string>;
|
|
1166
|
+
label: _angular_core.InputSignal<string>;
|
|
1167
|
+
placeholder: _angular_core.InputSignal<string>;
|
|
1168
|
+
locale: _angular_core.InputSignal<string>;
|
|
1169
|
+
weekStartsOn: _angular_core.InputSignal<WeekStartsOn>;
|
|
1170
|
+
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1171
|
+
required: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1172
|
+
errorMessage: _angular_core.InputSignal<string | null>;
|
|
1173
|
+
previousMonthLabel: _angular_core.InputSignal<string>;
|
|
1174
|
+
nextMonthLabel: _angular_core.InputSignal<string>;
|
|
1175
|
+
clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1176
|
+
clearLabel: _angular_core.InputSignal<string>;
|
|
1177
|
+
visibleMonths: _angular_core.InputSignal<DateRangeVisibleMonths>;
|
|
1178
|
+
monthSelectLabel: _angular_core.InputSignal<string>;
|
|
1179
|
+
yearSelectLabel: _angular_core.InputSignal<string>;
|
|
1180
|
+
minYear: _angular_core.InputSignal<number>;
|
|
1181
|
+
maxYear: _angular_core.InputSignal<number>;
|
|
1182
|
+
rangeStatus: _angular_core.InputSignal<(start: string | null, end: string | null) => string>;
|
|
1183
|
+
protected readonly open: _angular_core.WritableSignal<boolean>;
|
|
1184
|
+
protected readonly value: _angular_core.WritableSignal<DateRangeValue | null>;
|
|
1185
|
+
protected readonly draftStart: _angular_core.WritableSignal<Date | null>;
|
|
1186
|
+
protected readonly draftEnd: _angular_core.WritableSignal<Date | null>;
|
|
1187
|
+
protected readonly hoveredDate: _angular_core.WritableSignal<Date | null>;
|
|
1188
|
+
protected readonly focusedDate: _angular_core.WritableSignal<Date>;
|
|
1189
|
+
protected readonly anchorDate: _angular_core.WritableSignal<Date>;
|
|
1190
|
+
protected readonly panelStyle: _angular_core.WritableSignal<{
|
|
1191
|
+
top: string;
|
|
1192
|
+
left: string;
|
|
1193
|
+
} | null>;
|
|
1194
|
+
private readonly formDisabled;
|
|
1195
|
+
private onChange;
|
|
1196
|
+
private onTouched;
|
|
1197
|
+
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
1198
|
+
protected readonly showClear: _angular_core.Signal<boolean>;
|
|
1199
|
+
protected readonly monthViews: _angular_core.Signal<DateRangePickerMonthView[]>;
|
|
1200
|
+
protected readonly panelLabel: _angular_core.Signal<string>;
|
|
1201
|
+
protected readonly weekdayLabels: _angular_core.Signal<string[]>;
|
|
1202
|
+
protected readonly monthOptions: _angular_core.Signal<{
|
|
1203
|
+
value: number;
|
|
1204
|
+
label: string;
|
|
1205
|
+
}[]>;
|
|
1206
|
+
protected readonly yearOptions: _angular_core.Signal<number[]>;
|
|
1207
|
+
private readonly dateFormatter;
|
|
1208
|
+
protected readonly triggerLabel: _angular_core.Signal<string>;
|
|
1209
|
+
/** The visual [lower, upper] bounds to paint — the confirmed range once `draftEnd` is set, else a live preview against `hoveredDate`. */
|
|
1210
|
+
private readonly previewBounds;
|
|
1211
|
+
protected readonly isPreviewing: _angular_core.Signal<boolean>;
|
|
1212
|
+
protected readonly statusMessage: _angular_core.Signal<string>;
|
|
1213
|
+
writeValue(value: DateRangeValue | null): void;
|
|
1214
|
+
registerOnChange(fn: (value: DateRangeValue | null) => void): void;
|
|
1215
|
+
registerOnTouched(fn: () => void): void;
|
|
1216
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1217
|
+
protected isRangeStartCap(date: Date): boolean;
|
|
1218
|
+
protected isRangeEndCap(date: Date): boolean;
|
|
1219
|
+
protected isInRange(date: Date): boolean;
|
|
1220
|
+
protected isFocused(date: Date): boolean;
|
|
1221
|
+
protected cellId(date: Date): string;
|
|
1222
|
+
protected toggleOpen(): void;
|
|
1223
|
+
protected close(returnFocus: boolean): void;
|
|
1224
|
+
protected clear(event: Event): void;
|
|
1225
|
+
protected selectDay(date: Date): void;
|
|
1226
|
+
protected onDayMouseEnter(date: Date): void;
|
|
1227
|
+
protected onDayMouseLeave(): void;
|
|
1228
|
+
protected shiftMonth(delta: number): void;
|
|
1229
|
+
protected onMonthSelect(value: string): void;
|
|
1230
|
+
protected onYearSelect(value: string): void;
|
|
1231
|
+
private setAnchorMonth;
|
|
1232
|
+
protected onGridKeydown(event: KeyboardEvent): void;
|
|
1233
|
+
private nextFocusedDate;
|
|
1234
|
+
/** Shifts the anchor by the minimum amount needed so `date`'s month becomes visible. */
|
|
1235
|
+
private ensureVisible;
|
|
1236
|
+
protected onEscape(event: KeyboardEvent): void;
|
|
1237
|
+
protected handleClickOutside(event: MouseEvent): void;
|
|
1238
|
+
protected updatePanelPosition(): void;
|
|
1239
|
+
private trigger;
|
|
1240
|
+
private focusCellAfterRender;
|
|
1241
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateRangePicker, never>;
|
|
1242
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateRangePicker, "gbt-date-range-picker", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "weekStartsOn": { "alias": "weekStartsOn"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "previousMonthLabel": { "alias": "previousMonthLabel"; "required": false; "isSignal": true; }; "nextMonthLabel": { "alias": "nextMonthLabel"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; "visibleMonths": { "alias": "visibleMonths"; "required": false; "isSignal": true; }; "monthSelectLabel": { "alias": "monthSelectLabel"; "required": false; "isSignal": true; }; "yearSelectLabel": { "alias": "yearSelectLabel"; "required": false; "isSignal": true; }; "minYear": { "alias": "minYear"; "required": false; "isSignal": true; }; "maxYear": { "alias": "maxYear"; "required": false; "isSignal": true; }; "rangeStatus": { "alias": "rangeStatus"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1243
|
+
}
|
|
1244
|
+
|
|
1245
|
+
declare class AccordionItem {
|
|
1246
|
+
private readonly parent;
|
|
1247
|
+
private readonly header;
|
|
1248
|
+
label: _angular_core.InputSignal<string>;
|
|
1249
|
+
protected readonly active: _angular_core.WritableSignal<boolean>;
|
|
1250
|
+
protected readonly index: _angular_core.WritableSignal<number>;
|
|
1251
|
+
protected readonly groupId: _angular_core.WritableSignal<string>;
|
|
1252
|
+
protected readonly headerId: _angular_core.Signal<string>;
|
|
1253
|
+
protected readonly panelId: _angular_core.Signal<string>;
|
|
1254
|
+
setState(index: number, active: boolean, groupId: string): void;
|
|
1255
|
+
focusHeader(): void;
|
|
1256
|
+
protected toggle(): void;
|
|
1257
|
+
protected onKeydown(event: KeyboardEvent): void;
|
|
1258
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionItem, never>;
|
|
1259
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionItem, "gbt-accordion-item", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1260
|
+
}
|
|
1261
|
+
|
|
1262
|
+
type AccordionMode = 'single' | 'multiple';
|
|
1263
|
+
declare class Accordion {
|
|
1264
|
+
id: _angular_core.InputSignal<string>;
|
|
1265
|
+
mode: _angular_core.InputSignal<AccordionMode>;
|
|
1266
|
+
expanded: _angular_core.ModelSignal<number[]>;
|
|
1267
|
+
protected readonly items: _angular_core.Signal<readonly AccordionItem[]>;
|
|
1268
|
+
constructor();
|
|
1269
|
+
toggle(index: number): void;
|
|
1270
|
+
focusHeader(index: number): void;
|
|
1271
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Accordion, never>;
|
|
1272
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Accordion, "gbt-accordion", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, ["items"], ["*"], true, never>;
|
|
1273
|
+
}
|
|
1274
|
+
|
|
881
1275
|
declare const ELLIPSIS: "\u2026";
|
|
882
1276
|
type PaginationItem = number | typeof ELLIPSIS;
|
|
883
1277
|
declare class Pagination {
|
|
@@ -1110,5 +1504,180 @@ declare class Autocomplete<T = unknown> implements ControlValueAccessor, OnDestr
|
|
|
1110
1504
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Autocomplete<any>, "gbt-autocomplete", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": true; "isSignal": true; }; "displayFn": { "alias": "displayFn"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "debounceMs": { "alias": "debounceMs"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "loadingMessage": { "alias": "loadingMessage"; "required": false; "isSignal": true; }; "noResultsMessage": { "alias": "noResultsMessage"; "required": false; "isSignal": true; }; "searchErrorMessage": { "alias": "searchErrorMessage"; "required": false; "isSignal": true; }; "resultsAnnouncement": { "alias": "resultsAnnouncement"; "required": false; "isSignal": true; }; }, { "itemSelected": "itemSelected"; }, never, never, true, never>;
|
|
1111
1505
|
}
|
|
1112
1506
|
|
|
1113
|
-
|
|
1114
|
-
|
|
1507
|
+
type DividerOrientation = 'horizontal' | 'vertical';
|
|
1508
|
+
declare class Divider {
|
|
1509
|
+
orientation: _angular_core.InputSignal<DividerOrientation>;
|
|
1510
|
+
label: _angular_core.InputSignal<string>;
|
|
1511
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Divider, never>;
|
|
1512
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Divider, "gbt-divider", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1513
|
+
}
|
|
1514
|
+
|
|
1515
|
+
type SpinnerSize = 'sm' | 'md' | 'lg';
|
|
1516
|
+
declare class Spinner {
|
|
1517
|
+
size: _angular_core.InputSignal<SpinnerSize>;
|
|
1518
|
+
label: _angular_core.InputSignal<string>;
|
|
1519
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Spinner, never>;
|
|
1520
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Spinner, "gbt-spinner", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1521
|
+
}
|
|
1522
|
+
|
|
1523
|
+
declare class Slider implements ControlValueAccessor {
|
|
1524
|
+
id: _angular_core.InputSignal<string>;
|
|
1525
|
+
label: _angular_core.InputSignal<string>;
|
|
1526
|
+
min: _angular_core.InputSignal<number>;
|
|
1527
|
+
max: _angular_core.InputSignal<number>;
|
|
1528
|
+
step: _angular_core.InputSignal<number>;
|
|
1529
|
+
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1530
|
+
errorMessage: _angular_core.InputSignal<string | null>;
|
|
1531
|
+
showValue: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1532
|
+
formatValue: _angular_core.InputSignal<(value: number) => string>;
|
|
1533
|
+
protected readonly value: _angular_core.WritableSignal<number>;
|
|
1534
|
+
private readonly formDisabled;
|
|
1535
|
+
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
1536
|
+
protected readonly fillPercent: _angular_core.Signal<number>;
|
|
1537
|
+
private onChange;
|
|
1538
|
+
private onTouched;
|
|
1539
|
+
writeValue(value: number): void;
|
|
1540
|
+
registerOnChange(fn: (value: number) => void): void;
|
|
1541
|
+
registerOnTouched(fn: () => void): void;
|
|
1542
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1543
|
+
protected onInput(event: Event): void;
|
|
1544
|
+
protected onBlur(): void;
|
|
1545
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Slider, never>;
|
|
1546
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Slider, "gbt-slider", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "formatValue": { "alias": "formatValue"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1547
|
+
}
|
|
1548
|
+
|
|
1549
|
+
type StepperStatus = 'upcoming' | 'current' | 'completed' | 'error';
|
|
1550
|
+
type StepperOrientation = 'horizontal' | 'vertical';
|
|
1551
|
+
interface StepperStep {
|
|
1552
|
+
label: string;
|
|
1553
|
+
hasError?: boolean;
|
|
1554
|
+
}
|
|
1555
|
+
declare class Stepper {
|
|
1556
|
+
steps: _angular_core.InputSignal<StepperStep[]>;
|
|
1557
|
+
activeIndex: _angular_core.ModelSignal<number>;
|
|
1558
|
+
orientation: _angular_core.InputSignal<StepperOrientation>;
|
|
1559
|
+
completedLabel: _angular_core.InputSignal<string>;
|
|
1560
|
+
errorLabel: _angular_core.InputSignal<string>;
|
|
1561
|
+
protected statusOf(index: number): StepperStatus;
|
|
1562
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Stepper, never>;
|
|
1563
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Stepper, "gbt-stepper", never, { "steps": { "alias": "steps"; "required": true; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "completedLabel": { "alias": "completedLabel"; "required": false; "isSignal": true; }; "errorLabel": { "alias": "errorLabel"; "required": false; "isSignal": true; }; }, { "activeIndex": "activeIndexChange"; }, never, never, true, never>;
|
|
1564
|
+
}
|
|
1565
|
+
|
|
1566
|
+
declare function formatFileSize(bytes: number): string;
|
|
1567
|
+
declare class FileUpload implements ControlValueAccessor {
|
|
1568
|
+
private readonly fileInput;
|
|
1569
|
+
id: _angular_core.InputSignal<string>;
|
|
1570
|
+
label: _angular_core.InputSignal<string>;
|
|
1571
|
+
multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1572
|
+
accept: _angular_core.InputSignal<string>;
|
|
1573
|
+
maxSizeMb: _angular_core.InputSignal<number | null>;
|
|
1574
|
+
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1575
|
+
errorMessage: _angular_core.InputSignal<string | null>;
|
|
1576
|
+
dropLabel: _angular_core.InputSignal<string>;
|
|
1577
|
+
removeLabel: _angular_core.InputSignal<(name: string) => string>;
|
|
1578
|
+
oversizeMessage: _angular_core.InputSignal<(name: string, maxSizeMb: number) => string>;
|
|
1579
|
+
protected readonly files: _angular_core.WritableSignal<File[]>;
|
|
1580
|
+
protected readonly rejections: _angular_core.WritableSignal<string[]>;
|
|
1581
|
+
protected readonly dragOver: _angular_core.WritableSignal<boolean>;
|
|
1582
|
+
protected readonly formatFileSize: typeof formatFileSize;
|
|
1583
|
+
private readonly formDisabled;
|
|
1584
|
+
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
1585
|
+
private onChange;
|
|
1586
|
+
private onTouched;
|
|
1587
|
+
writeValue(value: File[] | null): void;
|
|
1588
|
+
registerOnChange(fn: (value: File[]) => void): void;
|
|
1589
|
+
registerOnTouched(fn: () => void): void;
|
|
1590
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1591
|
+
protected openPicker(): void;
|
|
1592
|
+
protected onFilesSelected(event: Event): void;
|
|
1593
|
+
protected onDragEnter(event: DragEvent): void;
|
|
1594
|
+
protected onDragOver(event: DragEvent): void;
|
|
1595
|
+
protected onDragLeave(event: DragEvent): void;
|
|
1596
|
+
protected onDrop(event: DragEvent): void;
|
|
1597
|
+
protected removeFile(file: File): void;
|
|
1598
|
+
private addFiles;
|
|
1599
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FileUpload, never>;
|
|
1600
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileUpload, "gbt-file-upload", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "maxSizeMb": { "alias": "maxSizeMb"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "dropLabel": { "alias": "dropLabel"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; "oversizeMessage": { "alias": "oversizeMessage"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1601
|
+
}
|
|
1602
|
+
|
|
1603
|
+
type NotificationDotVariant = 'error' | 'warning' | 'success' | 'info';
|
|
1604
|
+
declare class NotificationDot {
|
|
1605
|
+
count: _angular_core.InputSignal<number | null>;
|
|
1606
|
+
max: _angular_core.InputSignal<number>;
|
|
1607
|
+
variant: _angular_core.InputSignal<NotificationDotVariant>;
|
|
1608
|
+
hidden: _angular_core.InputSignal<boolean>;
|
|
1609
|
+
protected readonly showDot: _angular_core.Signal<boolean>;
|
|
1610
|
+
protected readonly displayValue: _angular_core.Signal<string>;
|
|
1611
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotificationDot, never>;
|
|
1612
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NotificationDot, "gbt-notification-dot", ["gbtNotificationDot"], { "count": { "alias": "count"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1613
|
+
}
|
|
1614
|
+
|
|
1615
|
+
declare class TagInput implements ControlValueAccessor {
|
|
1616
|
+
private readonly inputRef;
|
|
1617
|
+
id: _angular_core.InputSignal<string>;
|
|
1618
|
+
label: _angular_core.InputSignal<string>;
|
|
1619
|
+
placeholder: _angular_core.InputSignal<string>;
|
|
1620
|
+
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1621
|
+
errorMessage: _angular_core.InputSignal<string | null>;
|
|
1622
|
+
separatorKeys: _angular_core.InputSignal<string[]>;
|
|
1623
|
+
allowDuplicates: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1624
|
+
color: _angular_core.InputSignal<string>;
|
|
1625
|
+
removeLabel: _angular_core.InputSignal<(value: string) => string>;
|
|
1626
|
+
protected readonly tags: _angular_core.WritableSignal<string[]>;
|
|
1627
|
+
protected readonly draft: _angular_core.WritableSignal<string>;
|
|
1628
|
+
private readonly formDisabled;
|
|
1629
|
+
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
1630
|
+
private onChange;
|
|
1631
|
+
private onTouched;
|
|
1632
|
+
writeValue(value: string[] | null): void;
|
|
1633
|
+
registerOnChange(fn: (value: string[]) => void): void;
|
|
1634
|
+
registerOnTouched(fn: () => void): void;
|
|
1635
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1636
|
+
protected focusInput(): void;
|
|
1637
|
+
protected onInputChange(event: Event): void;
|
|
1638
|
+
protected onInputKeydown(event: KeyboardEvent): void;
|
|
1639
|
+
protected onBlur(): void;
|
|
1640
|
+
protected removeTagAt(index: number): void;
|
|
1641
|
+
private commitDraft;
|
|
1642
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TagInput, never>;
|
|
1643
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagInput, "gbt-tag-input", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "separatorKeys": { "alias": "separatorKeys"; "required": false; "isSignal": true; }; "allowDuplicates": { "alias": "allowDuplicates"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1644
|
+
}
|
|
1645
|
+
|
|
1646
|
+
interface TreeNode {
|
|
1647
|
+
id: string;
|
|
1648
|
+
label: string;
|
|
1649
|
+
icon?: string;
|
|
1650
|
+
children?: TreeNode[];
|
|
1651
|
+
}
|
|
1652
|
+
interface FlatTreeNode {
|
|
1653
|
+
node: TreeNode;
|
|
1654
|
+
depth: number;
|
|
1655
|
+
hasChildren: boolean;
|
|
1656
|
+
parentId: string | null;
|
|
1657
|
+
}
|
|
1658
|
+
|
|
1659
|
+
declare class Tree {
|
|
1660
|
+
private readonly elementRef;
|
|
1661
|
+
private readonly injector;
|
|
1662
|
+
items: _angular_core.InputSignal<TreeNode[]>;
|
|
1663
|
+
ariaLabel: _angular_core.InputSignal<string>;
|
|
1664
|
+
selectedId: _angular_core.ModelSignal<string | null>;
|
|
1665
|
+
expandedIds: _angular_core.ModelSignal<string[]>;
|
|
1666
|
+
expandLabel: _angular_core.InputSignal<string>;
|
|
1667
|
+
collapseLabel: _angular_core.InputSignal<string>;
|
|
1668
|
+
protected readonly focusedId: _angular_core.WritableSignal<string | null>;
|
|
1669
|
+
private readonly expandedSet;
|
|
1670
|
+
protected readonly flatNodes: _angular_core.Signal<FlatTreeNode[]>;
|
|
1671
|
+
protected readonly activeId: _angular_core.Signal<string>;
|
|
1672
|
+
protected isExpanded(id: string): boolean;
|
|
1673
|
+
protected toggle(id: string): void;
|
|
1674
|
+
protected select(node: TreeNode): void;
|
|
1675
|
+
protected onItemClick(flat: FlatTreeNode): void;
|
|
1676
|
+
protected onKeydown(event: KeyboardEvent): void;
|
|
1677
|
+
private focusIndex;
|
|
1678
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tree, never>;
|
|
1679
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tree, "gbt-tree", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "selectedId": { "alias": "selectedId"; "required": false; "isSignal": true; }; "expandedIds": { "alias": "expandedIds"; "required": false; "isSignal": true; }; "expandLabel": { "alias": "expandLabel"; "required": false; "isSignal": true; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; "isSignal": true; }; }, { "selectedId": "selectedIdChange"; "expandedIds": "expandedIdsChange"; }, never, never, true, never>;
|
|
1680
|
+
}
|
|
1681
|
+
|
|
1682
|
+
export { Accordion, AccordionItem, Alert, AppShell, Autocomplete, Avatar, AvatarGroup, Badge, BarChart, BarSeries, Breadcrumb, Button, CHART_CONTEXT, Card, ChartAxis, ChartEmpty, ChartFrame, ChartLegend, ChartTable, ChartTooltip, Checkbox, ConfirmDangerModal, DatePicker, DateRangePicker, DescriptionList, DimensionCard, Divider, Drawer, EmptyState, FileUpload, FunnelChart, GABARIT_VERSION, GaugeBar, GbtInput, Icon, IconRegistry, LineChart, LineSeries, ListToolbar, Menu, Modal, NotificationDot, Pagination, PieChart, Popover, RadioGroup, SearchBar, SegmentedControl, Select, Skeleton, Slider, Sparkline, Spinner, Stepper, Switch, Tab, Table, Tabs, Tag, TagInput, Textarea, TimelineChart, TimelineSeries, Toaster, Tooltip, Tree, arcPath, areaPath, bandScale, formatCompact, formatDuration, formatNumber, formatPercent, linePath, linearScale, nearestIndex, niceTicks, niceXDomain, niceYDomain, timeScale, timeTicks };
|
|
1683
|
+
export type { AccordionMode, AlertVariant, Arc, AutocompleteSearchFn, AvatarGroupItem, AvatarSize, AxisSpec, BadgeVariant, BandScale, CalendarDay, ChartBox, ChartInterval, ChartMargin, ChartPoint, ChartReader, ChartSeries, DateRangeValue, DescriptionListEntry, DescriptionListLayout, DimensionRow, DividerOrientation, DrawerEdge, EmptyStateIllustration, FlatTreeNode, FunnelStep, LegendEntry, LinearAxisSpec, ListToolbarSortOption, NotificationDotVariant, PieSlice, Point, PointValue, PopoverAlign, RadioOption, Scale, SearchResultCategory, SegmentedControlOption, SelectOption, SkeletonVariant, SpinnerSize, StepperOrientation, StepperStatus, StepperStep, TableColumn, TimeTicks, TimeUnit, ToastItem, ToastVariant, ToasterPosition, TooltipPoint, TooltipPosition, TooltipRow, TreeNode, WeekStartsOn };
|