@masmarino/gabarit 0.6.1 → 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,15 +74,80 @@ 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
|
+
|
|
129
|
+
type AlertVariant = 'info' | 'success' | 'warning' | 'error';
|
|
130
|
+
declare class Alert {
|
|
131
|
+
variant: _angular_core.InputSignal<AlertVariant>;
|
|
132
|
+
dismissible: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
133
|
+
closeLabel: _angular_core.InputSignal<string>;
|
|
134
|
+
dismissed: _angular_core.OutputEmitterRef<void>;
|
|
135
|
+
protected readonly role: _angular_core.Signal<"alert" | "status">;
|
|
136
|
+
protected readonly icon: _angular_core.Signal<string>;
|
|
137
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Alert, never>;
|
|
138
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Alert, "gbt-alert", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; }, never, ["*"], true, never>;
|
|
139
|
+
}
|
|
140
|
+
|
|
77
141
|
declare class Tag {
|
|
78
142
|
color: _angular_core.InputSignal<string>;
|
|
79
143
|
removable: _angular_core.InputSignal<boolean>;
|
|
80
144
|
removeLabel: _angular_core.InputSignal<string>;
|
|
145
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
81
146
|
removed: _angular_core.OutputEmitterRef<void>;
|
|
82
147
|
protected readonly textColor: _angular_core.Signal<string>;
|
|
83
148
|
protected onRemoveClick(event: MouseEvent): void;
|
|
84
149
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tag, never>;
|
|
85
|
-
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>;
|
|
86
151
|
}
|
|
87
152
|
|
|
88
153
|
type EmptyStateIllustration = 'folder' | 'star' | 'checklist' | 'merge' | 'pipeline' | 'tag' | 'book';
|
|
@@ -104,7 +169,7 @@ declare class Select<T = string> implements ControlValueAccessor {
|
|
|
104
169
|
private readonly elementRef;
|
|
105
170
|
id: _angular_core.InputSignal<string>;
|
|
106
171
|
label: _angular_core.InputSignal<string>;
|
|
107
|
-
size: _angular_core.InputSignal<"
|
|
172
|
+
size: _angular_core.InputSignal<"sm" | "md">;
|
|
108
173
|
options: _angular_core.InputSignal<SelectOption<T>[]>;
|
|
109
174
|
multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
110
175
|
chips: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
@@ -190,7 +255,7 @@ declare class Card {
|
|
|
190
255
|
hoverable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
191
256
|
heading: _angular_core.InputSignal<string>;
|
|
192
257
|
icon: _angular_core.InputSignal<string>;
|
|
193
|
-
headingLevel: _angular_core.InputSignal<2 | 1 |
|
|
258
|
+
headingLevel: _angular_core.InputSignal<2 | 1 | 5 | 6 | 4 | 3>;
|
|
194
259
|
protected readonly cardClass: _angular_core.Signal<string>;
|
|
195
260
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Card, never>;
|
|
196
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>;
|
|
@@ -247,7 +312,7 @@ declare class Checkbox implements ControlValueAccessor {
|
|
|
247
312
|
declare class Modal implements OnDestroy {
|
|
248
313
|
isOpen: _angular_core.InputSignal<boolean>;
|
|
249
314
|
heading: _angular_core.InputSignal<string>;
|
|
250
|
-
headingLevel: _angular_core.InputSignal<2 | 1 |
|
|
315
|
+
headingLevel: _angular_core.InputSignal<2 | 1 | 5 | 6 | 4 | 3>;
|
|
251
316
|
closeLabel: _angular_core.InputSignal<string>;
|
|
252
317
|
closed: _angular_core.OutputEmitterRef<void>;
|
|
253
318
|
private readonly dialog;
|
|
@@ -261,6 +326,27 @@ declare class Modal implements OnDestroy {
|
|
|
261
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>;
|
|
262
327
|
}
|
|
263
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
|
+
|
|
264
350
|
interface TableColumn<T> {
|
|
265
351
|
key: Extract<keyof T, string>;
|
|
266
352
|
label: string;
|
|
@@ -407,6 +493,13 @@ interface Point {
|
|
|
407
493
|
}
|
|
408
494
|
declare function linePath(points: Point[]): string;
|
|
409
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;
|
|
410
503
|
|
|
411
504
|
declare function nearestIndex(sorted: number[], target: number): number;
|
|
412
505
|
|
|
@@ -452,7 +545,7 @@ declare class ChartFrame {
|
|
|
452
545
|
private readonly context;
|
|
453
546
|
label: _angular_core.InputSignal<string>;
|
|
454
547
|
heading: _angular_core.InputSignal<string>;
|
|
455
|
-
headingLevel: _angular_core.InputSignal<2 | 1 |
|
|
548
|
+
headingLevel: _angular_core.InputSignal<2 | 1 | 5 | 6 | 4 | 3>;
|
|
456
549
|
headline: _angular_core.InputSignal<string>;
|
|
457
550
|
trend: _angular_core.InputSignal<string>;
|
|
458
551
|
x: _angular_core.InputSignal<AxisSpec>;
|
|
@@ -529,13 +622,18 @@ declare class ChartTooltip<X> {
|
|
|
529
622
|
interface LegendEntry {
|
|
530
623
|
label: string;
|
|
531
624
|
pattern?: 'solid' | 'dashed' | 'dotted';
|
|
625
|
+
color?: string;
|
|
532
626
|
value?: string;
|
|
533
627
|
}
|
|
534
628
|
declare class ChartLegend {
|
|
535
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>;
|
|
536
633
|
protected dashArray(pattern: LegendEntry['pattern']): string;
|
|
634
|
+
protected onMouseLeave(event: MouseEvent): void;
|
|
537
635
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChartLegend, never>;
|
|
538
|
-
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>;
|
|
539
637
|
}
|
|
540
638
|
|
|
541
639
|
declare class ChartEmpty {
|
|
@@ -543,7 +641,7 @@ declare class ChartEmpty {
|
|
|
543
641
|
actionLabel: _angular_core.InputSignal<string>;
|
|
544
642
|
action: _angular_core.OutputEmitterRef<void>;
|
|
545
643
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChartEmpty, never>;
|
|
546
|
-
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>;
|
|
547
645
|
}
|
|
548
646
|
|
|
549
647
|
declare class ChartTable {
|
|
@@ -589,7 +687,7 @@ declare class LineChart<X extends number | Date> {
|
|
|
589
687
|
height: number;
|
|
590
688
|
} | null>;
|
|
591
689
|
heading: _angular_core.InputSignal<string>;
|
|
592
|
-
headingLevel: _angular_core.InputSignal<2 | 1 |
|
|
690
|
+
headingLevel: _angular_core.InputSignal<2 | 1 | 5 | 6 | 4 | 3>;
|
|
593
691
|
headline: _angular_core.InputSignal<string>;
|
|
594
692
|
trend: _angular_core.InputSignal<string>;
|
|
595
693
|
protected readonly activeIndex: _angular_core.WritableSignal<number | null>;
|
|
@@ -645,7 +743,7 @@ declare class BarChart {
|
|
|
645
743
|
height: number;
|
|
646
744
|
} | null>;
|
|
647
745
|
heading: _angular_core.InputSignal<string>;
|
|
648
|
-
headingLevel: _angular_core.InputSignal<2 | 1 |
|
|
746
|
+
headingLevel: _angular_core.InputSignal<2 | 1 | 5 | 6 | 4 | 3>;
|
|
649
747
|
headline: _angular_core.InputSignal<string>;
|
|
650
748
|
trend: _angular_core.InputSignal<string>;
|
|
651
749
|
protected readonly hasData: _angular_core.Signal<boolean>;
|
|
@@ -692,7 +790,7 @@ declare class TimelineChart {
|
|
|
692
790
|
height: number;
|
|
693
791
|
} | null>;
|
|
694
792
|
heading: _angular_core.InputSignal<string>;
|
|
695
|
-
headingLevel: _angular_core.InputSignal<2 | 1 |
|
|
793
|
+
headingLevel: _angular_core.InputSignal<2 | 1 | 5 | 6 | 4 | 3>;
|
|
696
794
|
headline: _angular_core.InputSignal<string>;
|
|
697
795
|
trend: _angular_core.InputSignal<string>;
|
|
698
796
|
protected readonly hasData: _angular_core.Signal<boolean>;
|
|
@@ -734,6 +832,47 @@ declare class TimelineSeries {
|
|
|
734
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>;
|
|
735
833
|
}
|
|
736
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
|
+
|
|
737
876
|
declare class Sparkline {
|
|
738
877
|
values: _angular_core.InputSignal<number[]>;
|
|
739
878
|
tableCaption: _angular_core.InputSignal<string>;
|
|
@@ -866,6 +1005,272 @@ declare class Menu {
|
|
|
866
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>;
|
|
867
1006
|
}
|
|
868
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
|
+
|
|
869
1274
|
declare const ELLIPSIS: "\u2026";
|
|
870
1275
|
type PaginationItem = number | typeof ELLIPSIS;
|
|
871
1276
|
declare class Pagination {
|
|
@@ -1098,5 +1503,180 @@ declare class Autocomplete<T = unknown> implements ControlValueAccessor, OnDestr
|
|
|
1098
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>;
|
|
1099
1504
|
}
|
|
1100
1505
|
|
|
1101
|
-
|
|
1102
|
-
|
|
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 };
|