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