@guildofgleks/ui 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +64 -0
- package/fesm2022/guildofgleks-ui.mjs +2159 -0
- package/fesm2022/guildofgleks-ui.mjs.map +1 -0
- package/package.json +24 -0
- package/src/styles/fonts.css +17 -0
- package/src/styles/index.css +3 -0
- package/src/styles/tokens.scss +82 -0
- package/src/styles/typography.css +15 -0
- package/src/styles/utilities.css +27 -0
- package/types/guildofgleks-ui.d.ts +723 -0
|
@@ -0,0 +1,723 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { TemplateRef, Type, Injector, InjectionToken, OnDestroy, Signal } from '@angular/core';
|
|
3
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
4
|
+
import * as _guildofgleks_ui from '@guildofgleks/ui';
|
|
5
|
+
|
|
6
|
+
type GogSize = 'sm' | 'md' | 'lg';
|
|
7
|
+
type GogVariant = 'primary' | 'secondary' | 'outline' | 'ghost';
|
|
8
|
+
type GogTagVariant = 'success' | 'danger' | 'warning' | 'info';
|
|
9
|
+
type GogTagShape = 'rounded' | 'pill';
|
|
10
|
+
|
|
11
|
+
declare class ButtonComponent {
|
|
12
|
+
variant: _angular_core.InputSignal<GogVariant>;
|
|
13
|
+
size: _angular_core.InputSignal<GogSize>;
|
|
14
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
15
|
+
fullWidth: _angular_core.InputSignal<boolean>;
|
|
16
|
+
type: _angular_core.InputSignal<"button" | "submit" | "reset">;
|
|
17
|
+
debounce: _angular_core.InputSignal<number>;
|
|
18
|
+
loading: _angular_core.InputSignal<boolean>;
|
|
19
|
+
gogClick: _angular_core.OutputEmitterRef<MouseEvent>;
|
|
20
|
+
protected isDisabled: _angular_core.Signal<boolean>;
|
|
21
|
+
protected spinnerSize: _angular_core.Signal<GogSize>;
|
|
22
|
+
private readonly destroyRef;
|
|
23
|
+
private readonly click$;
|
|
24
|
+
constructor();
|
|
25
|
+
protected onClick(event: MouseEvent): void;
|
|
26
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonComponent, never>;
|
|
27
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "gog-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "debounce": { "alias": "debounce"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, { "gogClick": "gogClick"; }, never, ["*"], true, never>;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
interface GogAccordionItem {
|
|
31
|
+
id: string | number;
|
|
32
|
+
title: string;
|
|
33
|
+
[key: string]: unknown;
|
|
34
|
+
}
|
|
35
|
+
interface GogAccordionHeaderContext {
|
|
36
|
+
$implicit: GogAccordionItem;
|
|
37
|
+
open: boolean;
|
|
38
|
+
}
|
|
39
|
+
interface GogAccordionToggleEvent {
|
|
40
|
+
item: GogAccordionItem;
|
|
41
|
+
open: boolean;
|
|
42
|
+
}
|
|
43
|
+
interface GogAccordionChevronContext {
|
|
44
|
+
$implicit: GogAccordionItem;
|
|
45
|
+
open: boolean;
|
|
46
|
+
}
|
|
47
|
+
declare class GogAccordionContentDirective {
|
|
48
|
+
readonly templateRef: TemplateRef<{
|
|
49
|
+
$implicit: GogAccordionItem;
|
|
50
|
+
}>;
|
|
51
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<GogAccordionContentDirective, never>;
|
|
52
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<GogAccordionContentDirective, "[gogAccordionContent]", never, {}, {}, never, never, true, never>;
|
|
53
|
+
}
|
|
54
|
+
declare class GogAccordionHeaderDirective {
|
|
55
|
+
readonly templateRef: TemplateRef<GogAccordionHeaderContext>;
|
|
56
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<GogAccordionHeaderDirective, never>;
|
|
57
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<GogAccordionHeaderDirective, "[gogAccordionHeader]", never, {}, {}, never, never, true, never>;
|
|
58
|
+
}
|
|
59
|
+
declare class GogAccordionChevronDirective {
|
|
60
|
+
readonly templateRef: TemplateRef<GogAccordionChevronContext>;
|
|
61
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<GogAccordionChevronDirective, never>;
|
|
62
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<GogAccordionChevronDirective, "[gogAccordionChevron]", never, {}, {}, never, never, true, never>;
|
|
63
|
+
}
|
|
64
|
+
declare class AccordionComponent {
|
|
65
|
+
private readonly host;
|
|
66
|
+
readonly items: _angular_core.InputSignal<GogAccordionItem[]>;
|
|
67
|
+
readonly size: _angular_core.InputSignal<GogSize>;
|
|
68
|
+
readonly expandFirst: _angular_core.InputSignal<boolean>;
|
|
69
|
+
readonly multi: _angular_core.InputSignal<boolean>;
|
|
70
|
+
readonly loading: _angular_core.InputSignal<boolean>;
|
|
71
|
+
readonly showChevron: _angular_core.InputSignal<boolean>;
|
|
72
|
+
readonly gogToggle: _angular_core.OutputEmitterRef<GogAccordionToggleEvent>;
|
|
73
|
+
readonly headerTpl: _angular_core.Signal<GogAccordionHeaderDirective | undefined>;
|
|
74
|
+
readonly chevronTpl: _angular_core.Signal<GogAccordionChevronDirective | undefined>;
|
|
75
|
+
readonly contentTpl: _angular_core.Signal<GogAccordionContentDirective | undefined>;
|
|
76
|
+
protected readonly openIds: _angular_core.WritableSignal<Set<string | number>>;
|
|
77
|
+
constructor();
|
|
78
|
+
protected isOpen(id: string | number): boolean;
|
|
79
|
+
protected toggle(item: GogAccordionItem): void;
|
|
80
|
+
protected onHeaderKeydown(event: KeyboardEvent, index: number): void;
|
|
81
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionComponent, never>;
|
|
82
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionComponent, "gog-accordion", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "expandFirst": { "alias": "expandFirst"; "required": false; "isSignal": true; }; "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "showChevron": { "alias": "showChevron"; "required": false; "isSignal": true; }; }, { "gogToggle": "gogToggle"; }, ["headerTpl", "chevronTpl", "contentTpl"], never, true, never>;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
declare class CheckboxComponent implements ControlValueAccessor {
|
|
86
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
87
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
88
|
+
readonly size: _angular_core.InputSignal<GogSize>;
|
|
89
|
+
readonly indeterminate: _angular_core.InputSignal<boolean>;
|
|
90
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
91
|
+
readonly checkIconTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
|
|
92
|
+
/** Two-way bindable checked state: `[(checked)]="signal"`. */
|
|
93
|
+
readonly checked: _angular_core.ModelSignal<boolean>;
|
|
94
|
+
private readonly cvaDisabled;
|
|
95
|
+
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
96
|
+
protected readonly controlSize: _angular_core.Signal<{
|
|
97
|
+
readonly boxSize: "var(--control-checkbox-box-size-sm, 18px)";
|
|
98
|
+
readonly labelSize: "var(--control-checkbox-label-size-sm, 0.8125rem)";
|
|
99
|
+
readonly indicatorSize: "var(--control-checkbox-icon-size-sm, 12px)";
|
|
100
|
+
} | {
|
|
101
|
+
readonly boxSize: "var(--control-checkbox-box-size-md, 24px)";
|
|
102
|
+
readonly labelSize: "var(--control-checkbox-label-size-md, 0.9375rem)";
|
|
103
|
+
readonly indicatorSize: "var(--control-checkbox-icon-size-md, 14px)";
|
|
104
|
+
} | {
|
|
105
|
+
readonly boxSize: "var(--control-checkbox-box-size-lg, 32px)";
|
|
106
|
+
readonly labelSize: "var(--control-checkbox-label-size-lg, 1.0625rem)";
|
|
107
|
+
readonly indicatorSize: "var(--control-checkbox-icon-size-lg, 18px)";
|
|
108
|
+
}>;
|
|
109
|
+
protected readonly boxSize: _angular_core.Signal<"var(--control-checkbox-box-size-sm, 18px)" | "var(--control-checkbox-box-size-md, 24px)" | "var(--control-checkbox-box-size-lg, 32px)">;
|
|
110
|
+
protected readonly checkboxPadding = "var(--control-checkbox-padding, 6px)";
|
|
111
|
+
protected readonly labelSize: _angular_core.Signal<"var(--control-checkbox-label-size-sm, 0.8125rem)" | "var(--control-checkbox-label-size-md, 0.9375rem)" | "var(--control-checkbox-label-size-lg, 1.0625rem)">;
|
|
112
|
+
protected readonly iconSize: _angular_core.Signal<"var(--control-checkbox-icon-size-sm, 12px)" | "var(--control-checkbox-icon-size-md, 14px)" | "var(--control-checkbox-icon-size-lg, 18px)">;
|
|
113
|
+
private onCheckedChange;
|
|
114
|
+
private onTouched;
|
|
115
|
+
writeValue(val: boolean): void;
|
|
116
|
+
registerOnChange(fn: (val: boolean) => void): void;
|
|
117
|
+
registerOnTouched(fn: () => void): void;
|
|
118
|
+
setDisabledState(isDisabled: boolean): void;
|
|
119
|
+
onInputChange(event: Event): void;
|
|
120
|
+
onBlur(): void;
|
|
121
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxComponent, never>;
|
|
122
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "gog-checkbox", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "checkIconTemplate": { "alias": "checkIconTemplate"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, never, true, never>;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
interface ConfirmDialogData {
|
|
126
|
+
title: string;
|
|
127
|
+
description: string;
|
|
128
|
+
confirmText: string;
|
|
129
|
+
cancelText: string;
|
|
130
|
+
}
|
|
131
|
+
declare class ConfirmationDialogComponent {
|
|
132
|
+
private static count;
|
|
133
|
+
protected readonly instanceId: number;
|
|
134
|
+
protected readonly data: ConfirmDialogData;
|
|
135
|
+
private readonly ref;
|
|
136
|
+
protected confirm(): void;
|
|
137
|
+
protected cancel(): void;
|
|
138
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfirmationDialogComponent, never>;
|
|
139
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ConfirmationDialogComponent, "gog-confirmation-dialog", never, {}, {}, never, never, true, never>;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
type GogIconName = 'check' | 'close' | 'chevron-down' | 'chevron-up' | 'sort' | 'sort-up' | 'sort-down' | 'success' | 'error' | 'warning' | 'info';
|
|
143
|
+
declare class IconComponent {
|
|
144
|
+
readonly name: _angular_core.InputSignal<GogIconName>;
|
|
145
|
+
readonly template: _angular_core.InputSignal<TemplateRef<unknown> | null>;
|
|
146
|
+
readonly title: _angular_core.InputSignal<string>;
|
|
147
|
+
readonly ariaHidden: _angular_core.InputSignal<boolean>;
|
|
148
|
+
protected readonly ariaLabel: _angular_core.Signal<string | null>;
|
|
149
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconComponent, never>;
|
|
150
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconComponent, "gog-icon", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "template": { "alias": "template"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "ariaHidden": { "alias": "ariaHidden"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
interface DialogConfig {
|
|
154
|
+
title?: string;
|
|
155
|
+
component: Type<unknown>;
|
|
156
|
+
data?: unknown;
|
|
157
|
+
modal?: boolean;
|
|
158
|
+
closable?: boolean;
|
|
159
|
+
draggable?: boolean;
|
|
160
|
+
closeIconName?: GogIconName;
|
|
161
|
+
closeIconTemplate?: TemplateRef<unknown> | null;
|
|
162
|
+
width?: string;
|
|
163
|
+
maxWidth?: string;
|
|
164
|
+
/** ARIA role for the dialog panel. Use 'alertdialog' for confirmation prompts. Default: 'dialog' */
|
|
165
|
+
role?: 'dialog' | 'alertdialog';
|
|
166
|
+
/** z-index of the dialog backdrop. Dropdowns inside get zIndex+10. Default: 1000 */
|
|
167
|
+
zIndex?: number;
|
|
168
|
+
}
|
|
169
|
+
interface DialogHandle<TResult = unknown> {
|
|
170
|
+
close(result?: TResult): void;
|
|
171
|
+
readonly afterClosed: Promise<TResult | undefined>;
|
|
172
|
+
}
|
|
173
|
+
interface OpenDialog {
|
|
174
|
+
id: number;
|
|
175
|
+
zIndex: number;
|
|
176
|
+
offsetX: number;
|
|
177
|
+
offsetY: number;
|
|
178
|
+
config: DialogConfig;
|
|
179
|
+
resolve: (result: unknown) => void;
|
|
180
|
+
}
|
|
181
|
+
declare class DialogService {
|
|
182
|
+
private readonly document;
|
|
183
|
+
readonly dialogs: _angular_core.WritableSignal<OpenDialog[]>;
|
|
184
|
+
private nextId;
|
|
185
|
+
private nextZIndex;
|
|
186
|
+
private modalDialogCount;
|
|
187
|
+
private bodyOverflowBeforeLock;
|
|
188
|
+
private focusedBeforeOpen;
|
|
189
|
+
open<TResult = unknown>(config: DialogConfig): DialogHandle<TResult>;
|
|
190
|
+
close(dialog: OpenDialog, result?: unknown): void;
|
|
191
|
+
closeAll(result?: unknown): void;
|
|
192
|
+
updatePosition(dialogId: number, offsetX: number, offsetY: number): void;
|
|
193
|
+
private lockBodyScroll;
|
|
194
|
+
private unlockBodyScroll;
|
|
195
|
+
private restoreFocus;
|
|
196
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogService, never>;
|
|
197
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<DialogService>;
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
declare class DialogComponent {
|
|
201
|
+
protected readonly dialogService: DialogService;
|
|
202
|
+
private readonly parentInjector;
|
|
203
|
+
private readonly host;
|
|
204
|
+
private readonly injectorCache;
|
|
205
|
+
private readonly backdropPress;
|
|
206
|
+
private readonly focusableSelector;
|
|
207
|
+
constructor();
|
|
208
|
+
protected getInjector(dialog: OpenDialog): Injector;
|
|
209
|
+
protected getTitleId(dialog: OpenDialog): string;
|
|
210
|
+
protected close(dialog: OpenDialog): void;
|
|
211
|
+
protected closeIfClosable(dialog: OpenDialog): void;
|
|
212
|
+
protected panelZ(dialog: OpenDialog): number;
|
|
213
|
+
protected onBackdropPointerDown(event: PointerEvent, dialog: OpenDialog): void;
|
|
214
|
+
protected onBackdropPointerUp(event: PointerEvent, dialog: OpenDialog): void;
|
|
215
|
+
protected onPanelKeydown(event: KeyboardEvent, dialog: OpenDialog, panel: HTMLElement): void;
|
|
216
|
+
protected startDrag(event: PointerEvent, dialog: OpenDialog): void;
|
|
217
|
+
protected trackDialog(_: number, entry: OpenDialog): number;
|
|
218
|
+
protected isDraggable(dialog: OpenDialog): boolean;
|
|
219
|
+
private get dialogDocument();
|
|
220
|
+
private focusTopDialog;
|
|
221
|
+
private getFocusableElements;
|
|
222
|
+
private isVisible;
|
|
223
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogComponent, never>;
|
|
224
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogComponent, "gog-dialog", never, {}, {}, never, never, true, never>;
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
declare const DIALOG_DATA: InjectionToken<unknown>;
|
|
228
|
+
interface DialogRef<TResult = unknown> {
|
|
229
|
+
close(result?: TResult): void;
|
|
230
|
+
}
|
|
231
|
+
declare const DIALOG_REF: InjectionToken<DialogRef<unknown>>;
|
|
232
|
+
|
|
233
|
+
type ToastType = 'success' | 'error' | 'warning' | 'info';
|
|
234
|
+
type ToastPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
|
|
235
|
+
interface Toast {
|
|
236
|
+
id: string;
|
|
237
|
+
message: string;
|
|
238
|
+
type: ToastType;
|
|
239
|
+
iconName: GogIconName;
|
|
240
|
+
iconTemplate?: TemplateRef<unknown> | null;
|
|
241
|
+
actions: ToastAction[];
|
|
242
|
+
isSticky: boolean;
|
|
243
|
+
duration: number;
|
|
244
|
+
position: ToastPosition;
|
|
245
|
+
dedupeKey: string;
|
|
246
|
+
revision: number;
|
|
247
|
+
}
|
|
248
|
+
interface ToastAction {
|
|
249
|
+
label: string;
|
|
250
|
+
onClick: (toast: Toast) => void;
|
|
251
|
+
iconName?: GogIconName;
|
|
252
|
+
iconTemplate?: TemplateRef<unknown> | null;
|
|
253
|
+
}
|
|
254
|
+
interface ToastConfig {
|
|
255
|
+
message: string;
|
|
256
|
+
type?: ToastType;
|
|
257
|
+
iconName?: GogIconName;
|
|
258
|
+
iconTemplate?: TemplateRef<unknown> | null;
|
|
259
|
+
actions?: ToastAction[];
|
|
260
|
+
dedupeKey?: string;
|
|
261
|
+
isSticky?: boolean;
|
|
262
|
+
duration?: number;
|
|
263
|
+
position?: ToastPosition;
|
|
264
|
+
}
|
|
265
|
+
declare class ToastService {
|
|
266
|
+
readonly toasts: _angular_core.WritableSignal<Toast[]>;
|
|
267
|
+
private generateId;
|
|
268
|
+
show(config: ToastConfig): string;
|
|
269
|
+
dismiss(id: string): void;
|
|
270
|
+
dismissAll(): void;
|
|
271
|
+
success(message: string, config?: Partial<ToastConfig>): string;
|
|
272
|
+
error(message: string, config?: Partial<ToastConfig>): string;
|
|
273
|
+
warning(message: string, config?: Partial<ToastConfig>): string;
|
|
274
|
+
info(message: string, config?: Partial<ToastConfig>): string;
|
|
275
|
+
private defaultIconName;
|
|
276
|
+
private buildDedupeKey;
|
|
277
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastService, never>;
|
|
278
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<ToastService>;
|
|
279
|
+
}
|
|
280
|
+
|
|
281
|
+
declare class ToastComponent implements OnDestroy {
|
|
282
|
+
readonly toast: _angular_core.InputSignal<Toast>;
|
|
283
|
+
/** Whether this toast is the active, front-of-queue toast — only the front toast counts down. */
|
|
284
|
+
readonly isFront: _angular_core.InputSignal<boolean>;
|
|
285
|
+
readonly dismissed: _angular_core.OutputEmitterRef<string>;
|
|
286
|
+
readonly visible: _angular_core.WritableSignal<boolean>;
|
|
287
|
+
readonly isPaused: _angular_core.WritableSignal<boolean>;
|
|
288
|
+
private autoDismissTimer;
|
|
289
|
+
private startedAt;
|
|
290
|
+
private remainingMs;
|
|
291
|
+
private isClosing;
|
|
292
|
+
private readonly progressEl;
|
|
293
|
+
protected readonly hasActions: _angular_core.Signal<boolean>;
|
|
294
|
+
protected readonly ariaRole: _angular_core.Signal<"alert" | "status">;
|
|
295
|
+
protected readonly ariaLive: _angular_core.Signal<"assertive" | "polite">;
|
|
296
|
+
constructor();
|
|
297
|
+
ngOnDestroy(): void;
|
|
298
|
+
close(): void;
|
|
299
|
+
protected pauseAutoDismiss(): void;
|
|
300
|
+
protected resumeAutoDismiss(): void;
|
|
301
|
+
protected onTransitionEnd(event: TransitionEvent): void;
|
|
302
|
+
protected runAction(action: ToastAction): void;
|
|
303
|
+
private startAutoDismiss;
|
|
304
|
+
/**
|
|
305
|
+
* Forces the CSS progress-bar animation to restart from full width. Simply updating the
|
|
306
|
+
* `--toast-duration` custom property doesn't retrigger a running `animation`, so the element
|
|
307
|
+
* is briefly detached from the animation and reflowed before being reattached.
|
|
308
|
+
*/
|
|
309
|
+
private restartProgressAnimation;
|
|
310
|
+
private clearAutoDismissTimer;
|
|
311
|
+
private prefersReducedMotion;
|
|
312
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastComponent, never>;
|
|
313
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastComponent, "gog-toast", never, { "toast": { "alias": "toast"; "required": true; "isSignal": true; }; "isFront": { "alias": "isFront"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; }, never, never, true, never>;
|
|
314
|
+
}
|
|
315
|
+
|
|
316
|
+
declare class ToastContainerComponent {
|
|
317
|
+
private readonly toastService;
|
|
318
|
+
readonly maxVisiblePerPosition: _angular_core.InputSignal<number>;
|
|
319
|
+
readonly groups: _angular_core.Signal<{
|
|
320
|
+
position: ToastPosition;
|
|
321
|
+
toasts: _guildofgleks_ui.Toast[];
|
|
322
|
+
}[]>;
|
|
323
|
+
protected trackGroup(_: number, group: {
|
|
324
|
+
position: ToastPosition;
|
|
325
|
+
}): ToastPosition;
|
|
326
|
+
protected isLeft(position: ToastPosition): boolean;
|
|
327
|
+
protected trackToast(_: number, toast: {
|
|
328
|
+
id: string;
|
|
329
|
+
}): string;
|
|
330
|
+
protected dismiss(id: string): void;
|
|
331
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastContainerComponent, never>;
|
|
332
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastContainerComponent, "gog-toast-container", never, { "maxVisiblePerPosition": { "alias": "maxVisiblePerPosition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
333
|
+
}
|
|
334
|
+
|
|
335
|
+
declare class InputfieldComponent implements ControlValueAccessor {
|
|
336
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
337
|
+
readonly placeholder: _angular_core.InputSignal<string>;
|
|
338
|
+
readonly type: _angular_core.InputSignal<"text" | "password" | "email">;
|
|
339
|
+
/** Defaults to 'current-password' for password fields, 'off' otherwise */
|
|
340
|
+
readonly autocomplete: _angular_core.InputSignal<string>;
|
|
341
|
+
readonly errorMessage: _angular_core.InputSignal<string>;
|
|
342
|
+
readonly name: _angular_core.InputSignal<string>;
|
|
343
|
+
readonly inputId: _angular_core.InputSignal<string>;
|
|
344
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
345
|
+
readonly size: _angular_core.InputSignal<GogSize>;
|
|
346
|
+
/** Default icon name for the leading icon. */
|
|
347
|
+
readonly iconStart: _angular_core.InputSignal<"" | GogIconName>;
|
|
348
|
+
/** Default icon name for the trailing icon. */
|
|
349
|
+
readonly iconEnd: _angular_core.InputSignal<"" | GogIconName>;
|
|
350
|
+
/** Custom leading icon template. */
|
|
351
|
+
readonly iconStartTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
|
|
352
|
+
/** Custom trailing icon template. */
|
|
353
|
+
readonly iconEndTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
|
|
354
|
+
/** When provided, the start icon becomes a clickable button invoking this fn */
|
|
355
|
+
readonly iconStartFn: _angular_core.InputSignal<(() => void) | null>;
|
|
356
|
+
/** When provided, the end icon becomes a clickable button invoking this fn */
|
|
357
|
+
readonly iconEndFn: _angular_core.InputSignal<(() => void) | null>;
|
|
358
|
+
/** aria-label for the start icon button (required when iconStartFn is set) */
|
|
359
|
+
readonly iconStartLabel: _angular_core.InputSignal<string>;
|
|
360
|
+
/** aria-label for the end icon button (required when iconEndFn is set) */
|
|
361
|
+
readonly iconEndLabel: _angular_core.InputSignal<string>;
|
|
362
|
+
/** Two-way bindable value: `[(value)]="signal"` or `[value]` / `(valueChange)`. */
|
|
363
|
+
readonly value: _angular_core.ModelSignal<string>;
|
|
364
|
+
private readonly cvaDisabled;
|
|
365
|
+
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
366
|
+
protected readonly effectiveAutocomplete: _angular_core.Signal<string>;
|
|
367
|
+
protected readonly hasError: _angular_core.Signal<boolean>;
|
|
368
|
+
protected readonly hasIconStart: _angular_core.Signal<boolean>;
|
|
369
|
+
protected readonly hasIconEnd: _angular_core.Signal<boolean>;
|
|
370
|
+
protected readonly hasIconStartAction: _angular_core.Signal<boolean>;
|
|
371
|
+
protected readonly hasIconEndAction: _angular_core.Signal<boolean>;
|
|
372
|
+
private _onChange;
|
|
373
|
+
private _onTouched;
|
|
374
|
+
writeValue(val: string): void;
|
|
375
|
+
registerOnChange(fn: (val: string) => void): void;
|
|
376
|
+
registerOnTouched(fn: () => void): void;
|
|
377
|
+
setDisabledState(isDisabled: boolean): void;
|
|
378
|
+
protected onIconStartClick(): void;
|
|
379
|
+
protected onIconEndClick(): void;
|
|
380
|
+
onInput(event: Event): void;
|
|
381
|
+
onBlur(): void;
|
|
382
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputfieldComponent, never>;
|
|
383
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputfieldComponent, "gog-inputfield", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "iconStart": { "alias": "iconStart"; "required": false; "isSignal": true; }; "iconEnd": { "alias": "iconEnd"; "required": false; "isSignal": true; }; "iconStartTemplate": { "alias": "iconStartTemplate"; "required": false; "isSignal": true; }; "iconEndTemplate": { "alias": "iconEndTemplate"; "required": false; "isSignal": true; }; "iconStartFn": { "alias": "iconStartFn"; "required": false; "isSignal": true; }; "iconEndFn": { "alias": "iconEndFn"; "required": false; "isSignal": true; }; "iconStartLabel": { "alias": "iconStartLabel"; "required": false; "isSignal": true; }; "iconEndLabel": { "alias": "iconEndLabel"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
|
|
384
|
+
}
|
|
385
|
+
|
|
386
|
+
declare class ChipComponent {
|
|
387
|
+
readonly size: _angular_core.InputSignal<GogSize>;
|
|
388
|
+
readonly shape: _angular_core.InputSignal<GogTagShape>;
|
|
389
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
390
|
+
readonly clickable: _angular_core.InputSignal<boolean>;
|
|
391
|
+
readonly removable: _angular_core.InputSignal<boolean>;
|
|
392
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
393
|
+
readonly removeAriaLabel: _angular_core.InputSignal<string>;
|
|
394
|
+
readonly avatarUrl: _angular_core.InputSignal<string | null>;
|
|
395
|
+
readonly avatarAlt: _angular_core.InputSignal<string>;
|
|
396
|
+
readonly iconName: _angular_core.InputSignal<GogIconName | null>;
|
|
397
|
+
readonly gogClick: _angular_core.OutputEmitterRef<MouseEvent | KeyboardEvent>;
|
|
398
|
+
readonly gogRemove: _angular_core.OutputEmitterRef<void>;
|
|
399
|
+
protected readonly hostClasses: _angular_core.Signal<string>;
|
|
400
|
+
protected readonly isInteractive: _angular_core.Signal<boolean>;
|
|
401
|
+
protected onChipClick(event: MouseEvent): void;
|
|
402
|
+
protected onKeydown(event: KeyboardEvent): void;
|
|
403
|
+
protected onRemoveClick(event: MouseEvent): void;
|
|
404
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChipComponent, never>;
|
|
405
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChipComponent, "gog-chip", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "removeAriaLabel": { "alias": "removeAriaLabel"; "required": false; "isSignal": true; }; "avatarUrl": { "alias": "avatarUrl"; "required": false; "isSignal": true; }; "avatarAlt": { "alias": "avatarAlt"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; }, { "gogClick": "gogClick"; "gogRemove": "gogRemove"; }, never, ["*"], true, never>;
|
|
406
|
+
}
|
|
407
|
+
|
|
408
|
+
declare class TagComponent {
|
|
409
|
+
readonly variant: _angular_core.InputSignal<GogTagVariant>;
|
|
410
|
+
readonly size: _angular_core.InputSignal<GogSize>;
|
|
411
|
+
readonly shape: _angular_core.InputSignal<GogTagShape>;
|
|
412
|
+
readonly iconName: _angular_core.InputSignal<GogIconName | null>;
|
|
413
|
+
readonly iconTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
|
|
414
|
+
protected readonly hasIcon: _angular_core.Signal<boolean>;
|
|
415
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TagComponent, never>;
|
|
416
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagComponent, "gog-tag", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "iconTemplate": { "alias": "iconTemplate"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
417
|
+
}
|
|
418
|
+
|
|
419
|
+
type GogDropdownDirection = 'auto' | 'up' | 'down';
|
|
420
|
+
|
|
421
|
+
interface GogSelectOption {
|
|
422
|
+
id: string | number;
|
|
423
|
+
name: string;
|
|
424
|
+
disabled?: boolean;
|
|
425
|
+
}
|
|
426
|
+
declare class SelectComponent implements ControlValueAccessor {
|
|
427
|
+
private static nextId;
|
|
428
|
+
private readonly generatedId;
|
|
429
|
+
private readonly generatedListboxId;
|
|
430
|
+
readonly inputId: _angular_core.InputSignal<string>;
|
|
431
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
432
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
433
|
+
readonly placeholder: _angular_core.InputSignal<string>;
|
|
434
|
+
readonly options: _angular_core.InputSignal<GogSelectOption[]>;
|
|
435
|
+
readonly errorMessage: _angular_core.InputSignal<string>;
|
|
436
|
+
readonly dropdownDirection: _angular_core.InputSignal<GogDropdownDirection>;
|
|
437
|
+
readonly dropdownZIndex: _angular_core.InputSignal<number | null>;
|
|
438
|
+
readonly appendToBody: _angular_core.InputSignal<boolean>;
|
|
439
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
440
|
+
readonly chevronTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
|
|
441
|
+
/** Two-way bindable selected value: `[(value)]="signal"`. */
|
|
442
|
+
readonly value: _angular_core.ModelSignal<string | number | null>;
|
|
443
|
+
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
444
|
+
private readonly cvaDisabled;
|
|
445
|
+
protected readonly dropdownDirectionState: _angular_core.WritableSignal<"up" | "down">;
|
|
446
|
+
private readonly elRef;
|
|
447
|
+
private readonly appRef;
|
|
448
|
+
private readonly envInjector;
|
|
449
|
+
private readonly destroyRef;
|
|
450
|
+
private readonly isBrowser;
|
|
451
|
+
protected readonly triggerId: _angular_core.Signal<string>;
|
|
452
|
+
protected readonly listboxId: _angular_core.Signal<string>;
|
|
453
|
+
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
454
|
+
protected readonly selectedOption: _angular_core.Signal<GogSelectOption | null>;
|
|
455
|
+
protected readonly hasError: _angular_core.Signal<boolean>;
|
|
456
|
+
protected readonly errorId: _angular_core.Signal<string | null>;
|
|
457
|
+
private portalHost;
|
|
458
|
+
private portalRef;
|
|
459
|
+
private onChange;
|
|
460
|
+
private onTouched;
|
|
461
|
+
constructor();
|
|
462
|
+
writeValue(val: string | number | null): void;
|
|
463
|
+
registerOnChange(fn: (val: string | number | null) => void): void;
|
|
464
|
+
registerOnTouched(fn: () => void): void;
|
|
465
|
+
setDisabledState(isDisabled: boolean): void;
|
|
466
|
+
protected toggle(): void;
|
|
467
|
+
protected close(): void;
|
|
468
|
+
protected onDocumentClick(event: MouseEvent): void;
|
|
469
|
+
protected onScrollOrResize(): void;
|
|
470
|
+
protected selectOption(option: GogSelectOption, event: MouseEvent): void;
|
|
471
|
+
private openDropdown;
|
|
472
|
+
private estimatePanelHeight;
|
|
473
|
+
private updateInlineDirection;
|
|
474
|
+
private openPortal;
|
|
475
|
+
private updatePortalPosition;
|
|
476
|
+
private destroyPortal;
|
|
477
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent, never>;
|
|
478
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent, "gog-select", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "dropdownDirection": { "alias": "dropdownDirection"; "required": false; "isSignal": true; }; "dropdownZIndex": { "alias": "dropdownZIndex"; "required": false; "isSignal": true; }; "appendToBody": { "alias": "appendToBody"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "chevronTemplate": { "alias": "chevronTemplate"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
|
|
479
|
+
}
|
|
480
|
+
|
|
481
|
+
interface GogMultiselectOption {
|
|
482
|
+
id: string | number;
|
|
483
|
+
name: string;
|
|
484
|
+
}
|
|
485
|
+
declare class GogMultiselectDropdownPortal {
|
|
486
|
+
top: number;
|
|
487
|
+
left: number;
|
|
488
|
+
width: number;
|
|
489
|
+
maxHeight: number;
|
|
490
|
+
zIndex: number;
|
|
491
|
+
listboxId: string;
|
|
492
|
+
direction: 'up' | 'down';
|
|
493
|
+
options: GogMultiselectOption[];
|
|
494
|
+
selectedIds: (string | number)[];
|
|
495
|
+
showControls: boolean;
|
|
496
|
+
onToggle: (o: GogMultiselectOption, e: MouseEvent) => void;
|
|
497
|
+
onSelectAll: (e: MouseEvent) => void;
|
|
498
|
+
onClearAll: (e: MouseEvent) => void;
|
|
499
|
+
isSelected(id: string | number): boolean;
|
|
500
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<GogMultiselectDropdownPortal, never>;
|
|
501
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<GogMultiselectDropdownPortal, "gog-multiselect-dropdown-portal", never, {}, {}, never, never, true, never>;
|
|
502
|
+
}
|
|
503
|
+
declare class MultiselectComponent implements ControlValueAccessor {
|
|
504
|
+
private static nextId;
|
|
505
|
+
protected readonly instanceId: number;
|
|
506
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
507
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
508
|
+
readonly placeholder: _angular_core.InputSignal<string>;
|
|
509
|
+
readonly options: _angular_core.InputSignal<GogMultiselectOption[]>;
|
|
510
|
+
readonly errorMessage: _angular_core.InputSignal<string>;
|
|
511
|
+
readonly showControls: _angular_core.InputSignal<boolean>;
|
|
512
|
+
readonly dropdownDirection: _angular_core.InputSignal<GogDropdownDirection>;
|
|
513
|
+
readonly dropdownZIndex: _angular_core.InputSignal<number | null>;
|
|
514
|
+
readonly appendToBody: _angular_core.InputSignal<boolean>;
|
|
515
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
516
|
+
readonly chevronTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
|
|
517
|
+
readonly clearIconTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
|
|
518
|
+
/** Two-way bindable selected ids: `[(value)]="signal"`. */
|
|
519
|
+
readonly value: _angular_core.ModelSignal<(string | number)[]>;
|
|
520
|
+
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
521
|
+
private readonly cvaDisabled;
|
|
522
|
+
protected readonly isDisabled: Signal<boolean>;
|
|
523
|
+
protected readonly dropdownDirectionState: _angular_core.WritableSignal<"up" | "down">;
|
|
524
|
+
private readonly elRef;
|
|
525
|
+
private readonly appRef;
|
|
526
|
+
private readonly envInjector;
|
|
527
|
+
private readonly destroyRef;
|
|
528
|
+
private readonly isBrowser;
|
|
529
|
+
private readonly ngControl;
|
|
530
|
+
private readonly _touched;
|
|
531
|
+
private readonly formStatus;
|
|
532
|
+
protected readonly hasError: Signal<boolean>;
|
|
533
|
+
protected readonly visibleError: Signal<string>;
|
|
534
|
+
private portalHost;
|
|
535
|
+
private portalRef;
|
|
536
|
+
readonly selectedNames: Signal<string>;
|
|
537
|
+
private _onChange;
|
|
538
|
+
private _onTouched;
|
|
539
|
+
constructor();
|
|
540
|
+
onDocumentClick(e: MouseEvent): void;
|
|
541
|
+
onScrollOrResize(): void;
|
|
542
|
+
writeValue(val: (string | number)[] | null): void;
|
|
543
|
+
registerOnChange(fn: (val: (string | number)[]) => void): void;
|
|
544
|
+
registerOnTouched(fn: () => void): void;
|
|
545
|
+
setDisabledState(isDisabled: boolean): void;
|
|
546
|
+
protected isSelected(id: string | number): boolean;
|
|
547
|
+
protected toggle(): void;
|
|
548
|
+
protected toggleOption(option: GogMultiselectOption, e: MouseEvent): void;
|
|
549
|
+
private applyToggle;
|
|
550
|
+
protected selectAll(e: MouseEvent): void;
|
|
551
|
+
protected clearAll(e: MouseEvent): void;
|
|
552
|
+
protected clearTrigger(e: Event): void;
|
|
553
|
+
protected close(): void;
|
|
554
|
+
private estimatePanelHeight;
|
|
555
|
+
private getOptionGap;
|
|
556
|
+
private getOptionPadding;
|
|
557
|
+
private updateInlineDirection;
|
|
558
|
+
private openPortal;
|
|
559
|
+
private updatePortalPosition;
|
|
560
|
+
private destroyPortal;
|
|
561
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiselectComponent, never>;
|
|
562
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiselectComponent, "gog-multiselect", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "showControls": { "alias": "showControls"; "required": false; "isSignal": true; }; "dropdownDirection": { "alias": "dropdownDirection"; "required": false; "isSignal": true; }; "dropdownZIndex": { "alias": "dropdownZIndex"; "required": false; "isSignal": true; }; "appendToBody": { "alias": "appendToBody"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "chevronTemplate": { "alias": "chevronTemplate"; "required": false; "isSignal": true; }; "clearIconTemplate": { "alias": "clearIconTemplate"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
|
|
563
|
+
}
|
|
564
|
+
|
|
565
|
+
declare class SliderComponent implements ControlValueAccessor {
|
|
566
|
+
private static nextId;
|
|
567
|
+
protected readonly inputId: string;
|
|
568
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
569
|
+
readonly min: _angular_core.InputSignal<number>;
|
|
570
|
+
readonly max: _angular_core.InputSignal<number>;
|
|
571
|
+
readonly step: _angular_core.InputSignal<number>;
|
|
572
|
+
readonly showValue: _angular_core.InputSignal<boolean>;
|
|
573
|
+
readonly showThumb: _angular_core.InputSignal<boolean>;
|
|
574
|
+
readonly errorMessage: _angular_core.InputSignal<string>;
|
|
575
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
576
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
577
|
+
/** Two-way bindable value: `[(value)]="signal"`. */
|
|
578
|
+
readonly value: _angular_core.ModelSignal<number>;
|
|
579
|
+
private readonly cvaDisabled;
|
|
580
|
+
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
581
|
+
protected readonly clampedValue: _angular_core.Signal<number>;
|
|
582
|
+
protected readonly fillPercent: _angular_core.Signal<number>;
|
|
583
|
+
protected readonly thumbPos: _angular_core.Signal<string>;
|
|
584
|
+
protected readonly fillScale: _angular_core.Signal<number>;
|
|
585
|
+
protected readonly errorId: _angular_core.Signal<string | null>;
|
|
586
|
+
private onChange;
|
|
587
|
+
private onTouched;
|
|
588
|
+
writeValue(val: number): void;
|
|
589
|
+
registerOnChange(fn: (val: number) => void): void;
|
|
590
|
+
registerOnTouched(fn: () => void): void;
|
|
591
|
+
setDisabledState(isDisabled: boolean): void;
|
|
592
|
+
onInput(event: Event): void;
|
|
593
|
+
onBlur(): void;
|
|
594
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderComponent, never>;
|
|
595
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SliderComponent, "gog-slider", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "showThumb": { "alias": "showThumb"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
|
|
596
|
+
}
|
|
597
|
+
|
|
598
|
+
declare class SpinnerOverlayComponent {
|
|
599
|
+
readonly loading: _angular_core.InputSignal<boolean>;
|
|
600
|
+
readonly size: _angular_core.InputSignal<GogSize>;
|
|
601
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
602
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpinnerOverlayComponent, never>;
|
|
603
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpinnerOverlayComponent, "gog-spinner-overlay", never, { "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
604
|
+
}
|
|
605
|
+
|
|
606
|
+
declare class Column<T = unknown> {
|
|
607
|
+
readonly field: _angular_core.InputSignal<keyof T & string>;
|
|
608
|
+
readonly header: _angular_core.InputSignal<string>;
|
|
609
|
+
readonly sortable: _angular_core.InputSignal<boolean>;
|
|
610
|
+
/** Fixed width, e.g. "120px" or "20%" */
|
|
611
|
+
readonly width: _angular_core.InputSignal<string>;
|
|
612
|
+
/** Min width, e.g. "80px" */
|
|
613
|
+
readonly minWidth: _angular_core.InputSignal<string>;
|
|
614
|
+
/** Max width, e.g. "300px" */
|
|
615
|
+
readonly maxWidth: _angular_core.InputSignal<string>;
|
|
616
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Column<any>, never>;
|
|
617
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Column<any>, "column", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "sortable": { "alias": "sortable"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
618
|
+
}
|
|
619
|
+
|
|
620
|
+
interface GogTableBodyContext<T> {
|
|
621
|
+
$implicit: T;
|
|
622
|
+
index: number;
|
|
623
|
+
}
|
|
624
|
+
interface GogTableHeaderContext {
|
|
625
|
+
$implicit: never;
|
|
626
|
+
}
|
|
627
|
+
/**
|
|
628
|
+
* Marks a <ng-template> inside <gog-table> with a field name and optional type.
|
|
629
|
+
*
|
|
630
|
+
* Usage:
|
|
631
|
+
* <ng-template template="status" type="body" let-row>...</ng-template>
|
|
632
|
+
* <ng-template template="status" type="header">...</ng-template>
|
|
633
|
+
*/
|
|
634
|
+
declare class TemplateDirective {
|
|
635
|
+
readonly template: _angular_core.InputSignal<string>;
|
|
636
|
+
readonly type: _angular_core.InputSignal<"body" | "header">;
|
|
637
|
+
readonly templateRef: TemplateRef<any>;
|
|
638
|
+
static ngTemplateContextGuard<T>(_dir: TemplateDirective, ctx: unknown): ctx is GogTableBodyContext<T> | GogTableHeaderContext;
|
|
639
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TemplateDirective, never>;
|
|
640
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TemplateDirective, "[template]", never, { "template": { "alias": "template"; "required": true; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
641
|
+
}
|
|
642
|
+
|
|
643
|
+
type SortDirection = 'asc' | 'desc' | null;
|
|
644
|
+
interface SortState {
|
|
645
|
+
field: string;
|
|
646
|
+
direction: SortDirection;
|
|
647
|
+
}
|
|
648
|
+
declare class TableComponent<T extends object> {
|
|
649
|
+
readonly value: _angular_core.InputSignal<T[]>;
|
|
650
|
+
/** 0 = no pagination */
|
|
651
|
+
readonly pageSize: _angular_core.InputSignal<number>;
|
|
652
|
+
readonly showRowNumbers: _angular_core.InputSignal<boolean>;
|
|
653
|
+
readonly showTotal: _angular_core.InputSignal<boolean>;
|
|
654
|
+
readonly emptyPlaceholder: _angular_core.InputSignal<string>;
|
|
655
|
+
/** Alignment of pagination controls */
|
|
656
|
+
readonly paginatorPosition: _angular_core.InputSignal<"center" | "left" | "right">;
|
|
657
|
+
/** Alignment of total count label (only when showTotal=true) */
|
|
658
|
+
readonly totalPosition: _angular_core.InputSignal<"left" | "right" | "opposite">;
|
|
659
|
+
/** Show loading spinner instead of rows */
|
|
660
|
+
readonly loading: _angular_core.InputSignal<boolean>;
|
|
661
|
+
/** Show vertical borders between columns */
|
|
662
|
+
readonly showColumnBorders: _angular_core.InputSignal<boolean>;
|
|
663
|
+
/** Stick header row to the top of the viewport while scrolling */
|
|
664
|
+
readonly stickyHeader: _angular_core.InputSignal<boolean>;
|
|
665
|
+
/** Row density: lg (default) / md (compact) / sm (dense) */
|
|
666
|
+
readonly size: _angular_core.InputSignal<GogSize>;
|
|
667
|
+
readonly columns: _angular_core.Signal<readonly Column<any>[]>;
|
|
668
|
+
readonly templates: _angular_core.Signal<readonly TemplateDirective[]>;
|
|
669
|
+
readonly currentPage: _angular_core.WritableSignal<number>;
|
|
670
|
+
readonly sortState: _angular_core.WritableSignal<SortState>;
|
|
671
|
+
constructor();
|
|
672
|
+
readonly sortedData: _angular_core.Signal<T[]>;
|
|
673
|
+
readonly totalPages: _angular_core.Signal<number>;
|
|
674
|
+
readonly visibleRows: _angular_core.Signal<T[]>;
|
|
675
|
+
readonly pageNumbers: _angular_core.Signal<(number | "...")[]>;
|
|
676
|
+
readonly hasPagination: _angular_core.Signal<boolean>;
|
|
677
|
+
readonly emptyColspan: _angular_core.Signal<number>;
|
|
678
|
+
getBodyTemplate(field: string): TemplateRef<unknown> | null;
|
|
679
|
+
getHeaderTemplate(field: string): TemplateRef<unknown> | null;
|
|
680
|
+
toggleSort(col: Column<T>): void;
|
|
681
|
+
getSortDirection(field: string): SortDirection;
|
|
682
|
+
getAriaSort(field: string): 'ascending' | 'descending' | null;
|
|
683
|
+
goTo(page: number): void;
|
|
684
|
+
prev(): void;
|
|
685
|
+
next(): void;
|
|
686
|
+
handleSortClick(col: Column<T>): void;
|
|
687
|
+
isNumber(val: number | '...'): val is number;
|
|
688
|
+
getCellValue(row: T, field: string): unknown;
|
|
689
|
+
formatCellValue(row: T, field: string): string;
|
|
690
|
+
globalRowIndex(localIndex: number): number;
|
|
691
|
+
/** CSS grid-area for the total label: left slot or right slot */
|
|
692
|
+
readonly totalGridArea: _angular_core.Signal<"left" | "right">;
|
|
693
|
+
/** CSS grid-area for the pagination block */
|
|
694
|
+
readonly paginatorGridArea: _angular_core.Signal<"center" | "left" | "right">;
|
|
695
|
+
private readonly bodyTemplateMap;
|
|
696
|
+
private readonly headerTemplateMap;
|
|
697
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableComponent<any>, never>;
|
|
698
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent<any>, "gog-table", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "showRowNumbers": { "alias": "showRowNumbers"; "required": false; "isSignal": true; }; "showTotal": { "alias": "showTotal"; "required": false; "isSignal": true; }; "emptyPlaceholder": { "alias": "emptyPlaceholder"; "required": false; "isSignal": true; }; "paginatorPosition": { "alias": "paginatorPosition"; "required": false; "isSignal": true; }; "totalPosition": { "alias": "totalPosition"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "showColumnBorders": { "alias": "showColumnBorders"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, ["columns", "templates"], never, true, never>;
|
|
699
|
+
}
|
|
700
|
+
|
|
701
|
+
declare class SpinnerComponent {
|
|
702
|
+
readonly size: _angular_core.InputSignal<GogSize>;
|
|
703
|
+
readonly overlay: _angular_core.InputSignal<boolean>;
|
|
704
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
705
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpinnerComponent, never>;
|
|
706
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpinnerComponent, "gog-spinner", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "overlay": { "alias": "overlay"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
707
|
+
}
|
|
708
|
+
|
|
709
|
+
declare class ThemeService {
|
|
710
|
+
private readonly document;
|
|
711
|
+
private readonly root;
|
|
712
|
+
readonly theme: _angular_core.WritableSignal<string>;
|
|
713
|
+
constructor();
|
|
714
|
+
setTheme(theme: string): void;
|
|
715
|
+
toggleTheme(): void;
|
|
716
|
+
private readTheme;
|
|
717
|
+
private applyTheme;
|
|
718
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeService, never>;
|
|
719
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThemeService>;
|
|
720
|
+
}
|
|
721
|
+
|
|
722
|
+
export { AccordionComponent, ButtonComponent, CheckboxComponent, ChipComponent, Column, ConfirmationDialogComponent, DIALOG_DATA, DIALOG_REF, DialogComponent, DialogService, GogAccordionChevronDirective, GogAccordionContentDirective, GogAccordionHeaderDirective, GogMultiselectDropdownPortal, IconComponent, InputfieldComponent, MultiselectComponent, SelectComponent, SliderComponent, SpinnerComponent, SpinnerOverlayComponent, TableComponent, TagComponent, TemplateDirective, ThemeService, ToastComponent, ToastContainerComponent, ToastService };
|
|
723
|
+
export type { ConfirmDialogData, DialogConfig, DialogHandle, DialogRef, GogAccordionChevronContext, GogAccordionHeaderContext, GogAccordionItem, GogAccordionToggleEvent, GogDropdownDirection, GogIconName, GogMultiselectOption, GogSelectOption, GogSize, GogTableBodyContext, GogTableHeaderContext, GogTagShape, GogTagVariant, GogVariant, OpenDialog, SortDirection, Toast, ToastAction, ToastConfig, ToastPosition, ToastType };
|