@masmarino/gabarit 0.4.0 → 0.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -36,6 +36,9 @@
|
|
|
36
36
|
--color-error-bg: var(--red-100);
|
|
37
37
|
--color-error-bg-text: var(--red-800);
|
|
38
38
|
|
|
39
|
+
--color-info-bg: #dbeafe;
|
|
40
|
+
--color-info-bg-text: #1e40af;
|
|
41
|
+
|
|
39
42
|
--bg-inverse: var(--grey-900);
|
|
40
43
|
|
|
41
44
|
--color-success-vivid-base: var(--green-500);
|
|
@@ -100,6 +103,9 @@
|
|
|
100
103
|
--color-error-bg: var(--red-900);
|
|
101
104
|
--color-error-bg-text: var(--red-100);
|
|
102
105
|
|
|
106
|
+
--color-info-bg: #1e3a8a;
|
|
107
|
+
--color-info-bg-text: #dbeafe;
|
|
108
|
+
|
|
103
109
|
--chart-series-1-base: #e69f00;
|
|
104
110
|
--chart-series-2-base: #009e73;
|
|
105
111
|
--chart-series-3-base: #0072b2;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as _angular_platform_browser from '@angular/platform-browser';
|
|
2
2
|
import * as _angular_core from '@angular/core';
|
|
3
3
|
import { OnDestroy, TemplateRef, ElementRef, InjectionToken, Signal } from '@angular/core';
|
|
4
|
-
import { ControlValueAccessor } from '@angular/forms';
|
|
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 = "0.6.0";
|
|
8
8
|
|
|
9
9
|
declare class Icon {
|
|
10
10
|
private readonly sanitizer;
|
|
@@ -66,11 +66,131 @@ declare class Button {
|
|
|
66
66
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Button, "gbt-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
|
|
67
67
|
}
|
|
68
68
|
|
|
69
|
+
type BadgeVariant = 'neutral' | 'success' | 'warning' | 'error' | 'info';
|
|
70
|
+
declare class Badge {
|
|
71
|
+
variant: _angular_core.InputSignal<BadgeVariant>;
|
|
72
|
+
icon: _angular_core.InputSignal<string | undefined>;
|
|
73
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Badge, never>;
|
|
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
|
+
}
|
|
76
|
+
|
|
77
|
+
declare class Tag {
|
|
78
|
+
color: _angular_core.InputSignal<string>;
|
|
79
|
+
removable: _angular_core.InputSignal<boolean>;
|
|
80
|
+
removeLabel: _angular_core.InputSignal<string>;
|
|
81
|
+
removed: _angular_core.OutputEmitterRef<void>;
|
|
82
|
+
protected readonly textColor: _angular_core.Signal<string>;
|
|
83
|
+
protected onRemoveClick(event: MouseEvent): void;
|
|
84
|
+
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>;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
type EmptyStateIllustration = 'folder' | 'star' | 'checklist' | 'merge' | 'pipeline' | 'tag' | 'book';
|
|
89
|
+
declare class EmptyState {
|
|
90
|
+
illustration: _angular_core.InputSignal<EmptyStateIllustration>;
|
|
91
|
+
heading: _angular_core.InputSignal<string>;
|
|
92
|
+
message: _angular_core.InputSignal<string>;
|
|
93
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<EmptyState, never>;
|
|
94
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmptyState, "gbt-empty-state", never, { "illustration": { "alias": "illustration"; "required": true; "isSignal": true; }; "heading": { "alias": "heading"; "required": true; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
interface SelectOption<T = string> {
|
|
98
|
+
value: T;
|
|
99
|
+
label: string;
|
|
100
|
+
icon?: string;
|
|
101
|
+
color?: string;
|
|
102
|
+
}
|
|
103
|
+
declare class Select<T = string> implements ControlValueAccessor {
|
|
104
|
+
private readonly elementRef;
|
|
105
|
+
id: _angular_core.InputSignal<string>;
|
|
106
|
+
label: _angular_core.InputSignal<string>;
|
|
107
|
+
size: _angular_core.InputSignal<"md" | "sm">;
|
|
108
|
+
options: _angular_core.InputSignal<SelectOption<T>[]>;
|
|
109
|
+
multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
110
|
+
chips: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
111
|
+
placeholder: _angular_core.InputSignal<string>;
|
|
112
|
+
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
113
|
+
required: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
114
|
+
errorMessage: _angular_core.InputSignal<string | null>;
|
|
115
|
+
selectedCountLabel: _angular_core.InputSignal<(count: number) => string>;
|
|
116
|
+
chipRemoveLabel: _angular_core.InputSignal<(label: string) => string>;
|
|
117
|
+
protected readonly open: _angular_core.WritableSignal<boolean>;
|
|
118
|
+
protected readonly activeIndex: _angular_core.WritableSignal<number>;
|
|
119
|
+
protected readonly selected: _angular_core.WritableSignal<T[]>;
|
|
120
|
+
protected readonly panelStyle: _angular_core.WritableSignal<{
|
|
121
|
+
top: string;
|
|
122
|
+
left: string;
|
|
123
|
+
width: string;
|
|
124
|
+
} | null>;
|
|
125
|
+
private readonly formDisabled;
|
|
126
|
+
protected readonly labelId: _angular_core.Signal<string>;
|
|
127
|
+
protected readonly chipsId: _angular_core.Signal<string>;
|
|
128
|
+
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
129
|
+
private onChange;
|
|
130
|
+
private onTouched;
|
|
131
|
+
setDisabledState(isDisabled: boolean): void;
|
|
132
|
+
writeValue(value: T | T[] | null): void;
|
|
133
|
+
registerOnChange(fn: (value: T | T[] | null) => void): void;
|
|
134
|
+
registerOnTouched(fn: () => void): void;
|
|
135
|
+
protected readonly selectedOptions: _angular_core.Signal<SelectOption<T>[]>;
|
|
136
|
+
protected readonly triggerLabel: _angular_core.Signal<string>;
|
|
137
|
+
protected readonly chipsVisible: _angular_core.Signal<boolean>;
|
|
138
|
+
/**
|
|
139
|
+
* In chips mode the trigger keeps showing the placeholder, so the selection
|
|
140
|
+
* is conveyed to assistive technology by describing the trigger with the
|
|
141
|
+
* chip row itself. The error message keeps its own id in the list.
|
|
142
|
+
*/
|
|
143
|
+
protected readonly describedBy: _angular_core.Signal<string | null>;
|
|
144
|
+
protected readonly triggerIcon: _angular_core.Signal<string | undefined>;
|
|
145
|
+
protected readonly activeOptionId: _angular_core.Signal<string | null>;
|
|
146
|
+
protected isSelected(value: T): boolean;
|
|
147
|
+
protected toggleOpen(): void;
|
|
148
|
+
protected updatePanelPosition(): void;
|
|
149
|
+
/**
|
|
150
|
+
* Removes the chip at `index`. Refuses to mutate anything while the control
|
|
151
|
+
* is disabled (the remove buttons are not rendered then, but a programmatic
|
|
152
|
+
* caller must not be able to bypass the disabled state either), and moves
|
|
153
|
+
* focus off the button it is about to destroy — otherwise focus falls back
|
|
154
|
+
* to `<body>`.
|
|
155
|
+
*/
|
|
156
|
+
protected removeChip(value: T, index: number): void;
|
|
157
|
+
protected selectOption(value: T): void;
|
|
158
|
+
protected handleClickOutside(event: MouseEvent): void;
|
|
159
|
+
protected onKeydown(event: KeyboardEvent): void;
|
|
160
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Select<any>, never>;
|
|
161
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Select<any>, "gbt-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "chips": { "alias": "chips"; "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; }; "selectedCountLabel": { "alias": "selectedCountLabel"; "required": false; "isSignal": true; }; "chipRemoveLabel": { "alias": "chipRemoveLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
interface ListToolbarSortOption<T extends string = string> {
|
|
165
|
+
value: T;
|
|
166
|
+
label: string;
|
|
167
|
+
}
|
|
168
|
+
declare class ListToolbar<T extends string = string> {
|
|
169
|
+
searchValue: _angular_core.InputSignal<string>;
|
|
170
|
+
searchLabel: _angular_core.InputSignal<string>;
|
|
171
|
+
searchPlaceholder: _angular_core.InputSignal<string>;
|
|
172
|
+
sortOptions: _angular_core.InputSignal<ListToolbarSortOption<T>[]>;
|
|
173
|
+
sortValue: _angular_core.InputSignal<T>;
|
|
174
|
+
sortDirection: _angular_core.InputSignal<"desc" | "asc">;
|
|
175
|
+
sortLabel: _angular_core.InputSignal<string>;
|
|
176
|
+
directionLabel: _angular_core.InputSignal<string>;
|
|
177
|
+
searchValueChange: _angular_core.OutputEmitterRef<string>;
|
|
178
|
+
sortValueChange: _angular_core.OutputEmitterRef<T>;
|
|
179
|
+
sortDirectionChange: _angular_core.OutputEmitterRef<"desc" | "asc">;
|
|
180
|
+
protected readonly searchControl: FormControl<string>;
|
|
181
|
+
protected readonly sortControl: FormControl<T | null>;
|
|
182
|
+
constructor();
|
|
183
|
+
protected asSelectOptions(options: ListToolbarSortOption<T>[]): SelectOption<T>[];
|
|
184
|
+
protected toggleDirection(): void;
|
|
185
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListToolbar<any>, never>;
|
|
186
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListToolbar<any>, "gbt-list-toolbar", never, { "searchValue": { "alias": "searchValue"; "required": false; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": true; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "sortOptions": { "alias": "sortOptions"; "required": true; "isSignal": true; }; "sortValue": { "alias": "sortValue"; "required": true; "isSignal": true; }; "sortDirection": { "alias": "sortDirection"; "required": false; "isSignal": true; }; "sortLabel": { "alias": "sortLabel"; "required": false; "isSignal": true; }; "directionLabel": { "alias": "directionLabel"; "required": false; "isSignal": true; }; }, { "searchValueChange": "searchValueChange"; "sortValueChange": "sortValueChange"; "sortDirectionChange": "sortDirectionChange"; }, never, never, true, never>;
|
|
187
|
+
}
|
|
188
|
+
|
|
69
189
|
declare class Card {
|
|
70
190
|
hoverable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
71
191
|
heading: _angular_core.InputSignal<string>;
|
|
72
192
|
icon: _angular_core.InputSignal<string>;
|
|
73
|
-
headingLevel: _angular_core.InputSignal<2 | 1 |
|
|
193
|
+
headingLevel: _angular_core.InputSignal<2 | 1 | 4 | 6 | 3 | 5>;
|
|
74
194
|
protected readonly cardClass: _angular_core.Signal<string>;
|
|
75
195
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Card, never>;
|
|
76
196
|
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>;
|
|
@@ -124,57 +244,10 @@ declare class Checkbox implements ControlValueAccessor {
|
|
|
124
244
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Checkbox, "gbt-checkbox", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
125
245
|
}
|
|
126
246
|
|
|
127
|
-
interface SelectOption<T = string> {
|
|
128
|
-
value: T;
|
|
129
|
-
label: string;
|
|
130
|
-
icon?: string;
|
|
131
|
-
}
|
|
132
|
-
declare class Select<T = string> implements ControlValueAccessor {
|
|
133
|
-
private readonly elementRef;
|
|
134
|
-
id: _angular_core.InputSignal<string>;
|
|
135
|
-
label: _angular_core.InputSignal<string>;
|
|
136
|
-
options: _angular_core.InputSignal<SelectOption<T>[]>;
|
|
137
|
-
multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
138
|
-
placeholder: _angular_core.InputSignal<string>;
|
|
139
|
-
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
140
|
-
required: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
141
|
-
errorMessage: _angular_core.InputSignal<string | null>;
|
|
142
|
-
selectedCountLabel: _angular_core.InputSignal<(count: number) => string>;
|
|
143
|
-
protected readonly open: _angular_core.WritableSignal<boolean>;
|
|
144
|
-
protected readonly activeIndex: _angular_core.WritableSignal<number>;
|
|
145
|
-
protected readonly selected: _angular_core.WritableSignal<T[]>;
|
|
146
|
-
protected readonly panelStyle: _angular_core.WritableSignal<{
|
|
147
|
-
top: string;
|
|
148
|
-
left: string;
|
|
149
|
-
width: string;
|
|
150
|
-
} | null>;
|
|
151
|
-
private readonly formDisabled;
|
|
152
|
-
protected readonly labelId: _angular_core.Signal<string>;
|
|
153
|
-
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
154
|
-
private onChange;
|
|
155
|
-
private onTouched;
|
|
156
|
-
setDisabledState(isDisabled: boolean): void;
|
|
157
|
-
writeValue(value: T | T[] | null): void;
|
|
158
|
-
registerOnChange(fn: (value: T | T[] | null) => void): void;
|
|
159
|
-
registerOnTouched(fn: () => void): void;
|
|
160
|
-
protected readonly selectedOptions: _angular_core.Signal<SelectOption<T>[]>;
|
|
161
|
-
protected readonly triggerLabel: _angular_core.Signal<string>;
|
|
162
|
-
protected readonly triggerIcon: _angular_core.Signal<string | undefined>;
|
|
163
|
-
protected readonly activeOptionId: _angular_core.Signal<string | null>;
|
|
164
|
-
protected isSelected(value: T): boolean;
|
|
165
|
-
protected toggleOpen(): void;
|
|
166
|
-
protected updatePanelPosition(): void;
|
|
167
|
-
protected selectOption(value: T): void;
|
|
168
|
-
protected handleClickOutside(event: MouseEvent): void;
|
|
169
|
-
protected onKeydown(event: KeyboardEvent): void;
|
|
170
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Select<any>, never>;
|
|
171
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Select<any>, "gbt-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "multiple": { "alias": "multiple"; "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; }; "selectedCountLabel": { "alias": "selectedCountLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
172
|
-
}
|
|
173
|
-
|
|
174
247
|
declare class Modal implements OnDestroy {
|
|
175
248
|
isOpen: _angular_core.InputSignal<boolean>;
|
|
176
249
|
heading: _angular_core.InputSignal<string>;
|
|
177
|
-
headingLevel: _angular_core.InputSignal<2 | 1 |
|
|
250
|
+
headingLevel: _angular_core.InputSignal<2 | 1 | 4 | 6 | 3 | 5>;
|
|
178
251
|
closeLabel: _angular_core.InputSignal<string>;
|
|
179
252
|
closed: _angular_core.OutputEmitterRef<void>;
|
|
180
253
|
private readonly dialog;
|
|
@@ -289,12 +362,12 @@ declare class Tabs {
|
|
|
289
362
|
id: _angular_core.InputSignal<string>;
|
|
290
363
|
protected readonly tabs: _angular_core.Signal<readonly Tab[]>;
|
|
291
364
|
private readonly triggers;
|
|
292
|
-
|
|
365
|
+
activeIndex: _angular_core.ModelSignal<number>;
|
|
293
366
|
constructor();
|
|
294
367
|
protected select(index: number): void;
|
|
295
368
|
protected onKeydown(event: KeyboardEvent, index: number): void;
|
|
296
369
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tabs, never>;
|
|
297
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tabs, "gbt-tabs", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, ["tabs"], ["*"], true, never>;
|
|
370
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tabs, "gbt-tabs", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; }, { "activeIndex": "activeIndexChange"; }, ["tabs"], ["*"], true, never>;
|
|
298
371
|
}
|
|
299
372
|
|
|
300
373
|
interface Scale<T> {
|
|
@@ -379,7 +452,7 @@ declare class ChartFrame {
|
|
|
379
452
|
private readonly context;
|
|
380
453
|
label: _angular_core.InputSignal<string>;
|
|
381
454
|
heading: _angular_core.InputSignal<string>;
|
|
382
|
-
headingLevel: _angular_core.InputSignal<2 | 1 |
|
|
455
|
+
headingLevel: _angular_core.InputSignal<2 | 1 | 4 | 6 | 3 | 5>;
|
|
383
456
|
headline: _angular_core.InputSignal<string>;
|
|
384
457
|
trend: _angular_core.InputSignal<string>;
|
|
385
458
|
x: _angular_core.InputSignal<AxisSpec>;
|
|
@@ -516,7 +589,7 @@ declare class LineChart<X extends number | Date> {
|
|
|
516
589
|
height: number;
|
|
517
590
|
} | null>;
|
|
518
591
|
heading: _angular_core.InputSignal<string>;
|
|
519
|
-
headingLevel: _angular_core.InputSignal<2 | 1 |
|
|
592
|
+
headingLevel: _angular_core.InputSignal<2 | 1 | 4 | 6 | 3 | 5>;
|
|
520
593
|
headline: _angular_core.InputSignal<string>;
|
|
521
594
|
trend: _angular_core.InputSignal<string>;
|
|
522
595
|
protected readonly activeIndex: _angular_core.WritableSignal<number | null>;
|
|
@@ -572,7 +645,7 @@ declare class BarChart {
|
|
|
572
645
|
height: number;
|
|
573
646
|
} | null>;
|
|
574
647
|
heading: _angular_core.InputSignal<string>;
|
|
575
|
-
headingLevel: _angular_core.InputSignal<2 | 1 |
|
|
648
|
+
headingLevel: _angular_core.InputSignal<2 | 1 | 4 | 6 | 3 | 5>;
|
|
576
649
|
headline: _angular_core.InputSignal<string>;
|
|
577
650
|
trend: _angular_core.InputSignal<string>;
|
|
578
651
|
protected readonly hasData: _angular_core.Signal<boolean>;
|
|
@@ -619,7 +692,7 @@ declare class TimelineChart {
|
|
|
619
692
|
height: number;
|
|
620
693
|
} | null>;
|
|
621
694
|
heading: _angular_core.InputSignal<string>;
|
|
622
|
-
headingLevel: _angular_core.InputSignal<2 | 1 |
|
|
695
|
+
headingLevel: _angular_core.InputSignal<2 | 1 | 4 | 6 | 3 | 5>;
|
|
623
696
|
headline: _angular_core.InputSignal<string>;
|
|
624
697
|
trend: _angular_core.InputSignal<string>;
|
|
625
698
|
protected readonly hasData: _angular_core.Signal<boolean>;
|
|
@@ -793,6 +866,38 @@ declare class Menu {
|
|
|
793
866
|
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>;
|
|
794
867
|
}
|
|
795
868
|
|
|
869
|
+
declare const ELLIPSIS: "\u2026";
|
|
870
|
+
type PaginationItem = number | typeof ELLIPSIS;
|
|
871
|
+
declare class Pagination {
|
|
872
|
+
page: _angular_core.InputSignal<number>;
|
|
873
|
+
pageSize: _angular_core.InputSignal<number>;
|
|
874
|
+
totalItems: _angular_core.InputSignal<number>;
|
|
875
|
+
siblingCount: _angular_core.InputSignal<number>;
|
|
876
|
+
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
877
|
+
ariaLabel: _angular_core.InputSignal<string>;
|
|
878
|
+
previousLabel: _angular_core.InputSignal<string>;
|
|
879
|
+
nextLabel: _angular_core.InputSignal<string>;
|
|
880
|
+
pageLabel: _angular_core.InputSignal<(page: number) => string>;
|
|
881
|
+
pageSizeOptions: _angular_core.InputSignal<number[]>;
|
|
882
|
+
pageSizeLabel: _angular_core.InputSignal<(size: number) => string>;
|
|
883
|
+
pageSizeSelectLabel: _angular_core.InputSignal<string>;
|
|
884
|
+
showItemsSummary: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
885
|
+
itemsSummaryLabel: _angular_core.InputSignal<(shown: number, total: number) => string>;
|
|
886
|
+
pageChange: _angular_core.OutputEmitterRef<number>;
|
|
887
|
+
pageSizeChange: _angular_core.OutputEmitterRef<number>;
|
|
888
|
+
protected readonly ELLIPSIS: "…";
|
|
889
|
+
protected readonly pageCount: _angular_core.Signal<number>;
|
|
890
|
+
protected readonly items: _angular_core.Signal<PaginationItem[]>;
|
|
891
|
+
protected readonly itemsShown: _angular_core.Signal<number>;
|
|
892
|
+
protected readonly itemsSummary: _angular_core.Signal<string>;
|
|
893
|
+
protected readonly pageSizeSelectOptions: _angular_core.Signal<SelectOption<number>[]>;
|
|
894
|
+
protected readonly pageSizeControl: FormControl<number>;
|
|
895
|
+
constructor();
|
|
896
|
+
protected goTo(page: number): void;
|
|
897
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Pagination, never>;
|
|
898
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Pagination, "gbt-pagination", never, { "page": { "alias": "page"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": true; "isSignal": true; }; "siblingCount": { "alias": "siblingCount"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "previousLabel": { "alias": "previousLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "pageLabel": { "alias": "pageLabel"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "pageSizeLabel": { "alias": "pageSizeLabel"; "required": false; "isSignal": true; }; "pageSizeSelectLabel": { "alias": "pageSizeSelectLabel"; "required": false; "isSignal": true; }; "showItemsSummary": { "alias": "showItemsSummary"; "required": false; "isSignal": true; }; "itemsSummaryLabel": { "alias": "itemsSummaryLabel"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; }, never, never, true, never>;
|
|
899
|
+
}
|
|
900
|
+
|
|
796
901
|
declare class Breadcrumb {
|
|
797
902
|
ariaLabel: _angular_core.InputSignal<string>;
|
|
798
903
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Breadcrumb, never>;
|
|
@@ -993,5 +1098,5 @@ declare class Autocomplete<T = unknown> implements ControlValueAccessor, OnDestr
|
|
|
993
1098
|
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>;
|
|
994
1099
|
}
|
|
995
1100
|
|
|
996
|
-
export { AppShell, Autocomplete, BarChart, BarSeries, Breadcrumb, Button, CHART_CONTEXT, Card, ChartAxis, ChartEmpty, ChartFrame, ChartLegend, ChartTable, ChartTooltip, Checkbox, ConfirmDangerModal, DimensionCard, FunnelChart, GABARIT_VERSION, GaugeBar, GbtInput, Icon, IconRegistry, LineChart, LineSeries, Menu, Modal, RadioGroup, SearchBar, Select, Sparkline, Switch, Tab, Table, Tabs, Textarea, TimelineChart, TimelineSeries, Toaster, Tooltip, areaPath, bandScale, formatCompact, formatDuration, formatNumber, formatPercent, linePath, linearScale, nearestIndex, niceTicks, niceXDomain, niceYDomain, timeScale, timeTicks };
|
|
997
|
-
export type { AutocompleteSearchFn, AxisSpec, BandScale, ChartBox, ChartInterval, ChartMargin, ChartPoint, ChartReader, ChartSeries, DimensionRow, FunnelStep, LegendEntry, LinearAxisSpec, Point, PointValue, RadioOption, Scale, SearchResultCategory, SelectOption, TableColumn, TimeTicks, TimeUnit, ToastItem, ToastVariant, ToasterPosition, TooltipPoint, TooltipPosition, TooltipRow };
|
|
1101
|
+
export { AppShell, Autocomplete, Badge, BarChart, BarSeries, Breadcrumb, Button, CHART_CONTEXT, Card, ChartAxis, ChartEmpty, ChartFrame, ChartLegend, ChartTable, ChartTooltip, Checkbox, ConfirmDangerModal, DimensionCard, EmptyState, FunnelChart, GABARIT_VERSION, GaugeBar, GbtInput, Icon, IconRegistry, LineChart, LineSeries, ListToolbar, Menu, Modal, Pagination, RadioGroup, SearchBar, Select, Sparkline, Switch, Tab, Table, Tabs, Tag, Textarea, TimelineChart, TimelineSeries, Toaster, Tooltip, areaPath, bandScale, formatCompact, formatDuration, formatNumber, formatPercent, linePath, linearScale, nearestIndex, niceTicks, niceXDomain, niceYDomain, timeScale, timeTicks };
|
|
1102
|
+
export type { AutocompleteSearchFn, AxisSpec, BadgeVariant, BandScale, ChartBox, ChartInterval, ChartMargin, ChartPoint, ChartReader, ChartSeries, DimensionRow, EmptyStateIllustration, FunnelStep, LegendEntry, LinearAxisSpec, ListToolbarSortOption, Point, PointValue, RadioOption, Scale, SearchResultCategory, SelectOption, TableColumn, TimeTicks, TimeUnit, ToastItem, ToastVariant, ToasterPosition, TooltipPoint, TooltipPosition, TooltipRow };
|