angular-visuals 0.1.4 → 0.2.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 +31 -45
- package/fesm2022/angular-visuals.mjs +1863 -204
- package/fesm2022/angular-visuals.mjs.map +1 -1
- package/package.json +2 -1
- package/styles/angular-visuals.css +39 -0
- package/types/angular-visuals.d.ts +533 -3
|
@@ -4,6 +4,22 @@ import { ConnectedPosition } from '@angular/cdk/overlay';
|
|
|
4
4
|
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
5
5
|
import { SafeHtml } from '@angular/platform-browser';
|
|
6
6
|
|
|
7
|
+
type AvBottomnavHighlight = 'floating-circle' | 'normal' | 'static' | 'inline-label' | 'underline';
|
|
8
|
+
type AvBottomnavPosition = 'static' | 'sticky' | 'fixed';
|
|
9
|
+
declare class AvBottomnav {
|
|
10
|
+
private readonly config;
|
|
11
|
+
private readonly themeService;
|
|
12
|
+
ariaLabel: _angular_core.InputSignal<string>;
|
|
13
|
+
highlight: _angular_core.InputSignal<AvBottomnavHighlight>;
|
|
14
|
+
position: _angular_core.InputSignal<AvBottomnavPosition>;
|
|
15
|
+
safeArea: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
16
|
+
variant: _angular_core.InputSignal<string>;
|
|
17
|
+
readonly themeVars: _angular_core.Signal<Record<string, string>>;
|
|
18
|
+
readonly navClasses: _angular_core.Signal<Record<string, boolean>>;
|
|
19
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvBottomnav, never>;
|
|
20
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvBottomnav, "av-bottomnav", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "highlight": { "alias": "highlight"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "safeArea": { "alias": "safeArea"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["[floatingAction],[avBottomnavAction]", "*"], true, never>;
|
|
21
|
+
}
|
|
22
|
+
|
|
7
23
|
declare class AvNavDropdown {
|
|
8
24
|
private readonly config;
|
|
9
25
|
private readonly themeService;
|
|
@@ -28,11 +44,13 @@ declare class AvNavLink {
|
|
|
28
44
|
private readonly config;
|
|
29
45
|
private readonly elementRef;
|
|
30
46
|
private readonly themeService;
|
|
47
|
+
private readonly router;
|
|
31
48
|
active: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
32
49
|
badge: _angular_core.InputSignal<string | number | null>;
|
|
33
50
|
description: _angular_core.InputSignal<string>;
|
|
34
51
|
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
35
52
|
href: _angular_core.InputSignal<string>;
|
|
53
|
+
path: _angular_core.InputSignal<string | any[] | null>;
|
|
36
54
|
route: _angular_core.InputSignal<string | any[] | null>;
|
|
37
55
|
icon: _angular_core.InputSignal<string>;
|
|
38
56
|
label: _angular_core.InputSignal<string>;
|
|
@@ -44,10 +62,13 @@ declare class AvNavLink {
|
|
|
44
62
|
selected: _angular_core.OutputEmitterRef<Event>;
|
|
45
63
|
readonly themeVars: _angular_core.Signal<Record<string, string>>;
|
|
46
64
|
readonly relValue: _angular_core.Signal<string | null>;
|
|
65
|
+
readonly resolvedRoute: _angular_core.Signal<string | any[] | null>;
|
|
66
|
+
readonly isCurrentRouteActive: _angular_core.Signal<boolean>;
|
|
67
|
+
readonly isActive: _angular_core.Signal<boolean>;
|
|
47
68
|
readonly isExternal: _angular_core.Signal<boolean>;
|
|
48
69
|
handleClick(event: Event): void;
|
|
49
70
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvNavLink, never>;
|
|
50
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvNavLink, "av-nav-link", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "route": { "alias": "route"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "rel": { "alias": "rel"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "routerActiveClass": { "alias": "routerActiveClass"; "required": false; "isSignal": true; }; "routerActiveOptions": { "alias": "routerActiveOptions"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, never, ["*"], true, never>;
|
|
71
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvNavLink, "av-nav-link", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "path": { "alias": "path"; "required": false; "isSignal": true; }; "route": { "alias": "route"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "rel": { "alias": "rel"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "routerActiveClass": { "alias": "routerActiveClass"; "required": false; "isSignal": true; }; "routerActiveOptions": { "alias": "routerActiveOptions"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, never, ["*"], true, never>;
|
|
51
72
|
}
|
|
52
73
|
|
|
53
74
|
type AvSidenavMode = 'side' | 'drawer';
|
|
@@ -139,6 +160,66 @@ declare class AvStack {
|
|
|
139
160
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvStack, "av-stack", never, { "gap": { "alias": "gap"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
140
161
|
}
|
|
141
162
|
|
|
163
|
+
type AvBoxPadding = number | 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
164
|
+
type AvBoxRounded = number | 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
165
|
+
type AvBoxSurface = 'transparent' | 'surface' | 'muted' | 'raised';
|
|
166
|
+
declare class AvBox {
|
|
167
|
+
bordered: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
168
|
+
padding: _angular_core.InputSignal<AvBoxPadding>;
|
|
169
|
+
rounded: _angular_core.InputSignal<AvBoxRounded>;
|
|
170
|
+
shadow: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
171
|
+
surface: _angular_core.InputSignal<AvBoxSurface>;
|
|
172
|
+
get borderedClass(): boolean;
|
|
173
|
+
get shadowClass(): boolean;
|
|
174
|
+
get paddingStyle(): string;
|
|
175
|
+
get roundedStyle(): string;
|
|
176
|
+
get backgroundStyle(): string;
|
|
177
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvBox, never>;
|
|
178
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvBox, "av-box", never, { "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "surface": { "alias": "surface"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
declare class AvCenter {
|
|
182
|
+
maxWidth: _angular_core.InputSignal<string | number | null>;
|
|
183
|
+
minHeight: _angular_core.InputSignal<string | number | null>;
|
|
184
|
+
get maxWidthStyle(): string;
|
|
185
|
+
get minHeightStyle(): string;
|
|
186
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvCenter, never>;
|
|
187
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvCenter, "av-center", never, { "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
type AvHeadingAlign = 'start' | 'center' | 'end';
|
|
191
|
+
declare class AvHeading {
|
|
192
|
+
align: _angular_core.InputSignal<AvHeadingAlign>;
|
|
193
|
+
level: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
194
|
+
muted: _angular_core.InputSignal<string>;
|
|
195
|
+
size: _angular_core.InputSignalWithTransform<number | null, unknown>;
|
|
196
|
+
readonly safeLevel: _angular_core.Signal<number>;
|
|
197
|
+
readonly visualLevel: _angular_core.Signal<number>;
|
|
198
|
+
readonly classes: _angular_core.Signal<Record<string, boolean>>;
|
|
199
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvHeading, never>;
|
|
200
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvHeading, "av-heading", never, { "align": { "alias": "align"; "required": false; "isSignal": true; }; "level": { "alias": "level"; "required": false; "isSignal": true; }; "muted": { "alias": "muted"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
declare class AvKbd {
|
|
204
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvKbd, never>;
|
|
205
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvKbd, "av-kbd", never, {}, {}, never, ["*"], true, never>;
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
type AvSpacerAxis = 'block' | 'inline';
|
|
209
|
+
declare class AvSpacer {
|
|
210
|
+
axis: _angular_core.InputSignal<AvSpacerAxis>;
|
|
211
|
+
size: _angular_core.InputSignal<string | number>;
|
|
212
|
+
get inlineClass(): boolean;
|
|
213
|
+
get sizeStyle(): string;
|
|
214
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvSpacer, never>;
|
|
215
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvSpacer, "av-spacer", never, { "axis": { "alias": "axis"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
declare class AvVisuallyHidden {
|
|
219
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvVisuallyHidden, never>;
|
|
220
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvVisuallyHidden, "av-visually-hidden", never, {}, {}, never, ["*"], true, never>;
|
|
221
|
+
}
|
|
222
|
+
|
|
142
223
|
type AvTooltipPosition = 'top' | 'right' | 'bottom' | 'left';
|
|
143
224
|
declare class AvTooltip implements OnDestroy {
|
|
144
225
|
private readonly config;
|
|
@@ -228,6 +309,159 @@ declare class AvDropdownItem {
|
|
|
228
309
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvDropdownItem, "button[av-dropdown-item], a[av-dropdown-item]", never, { "danger": { "alias": "danger"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
229
310
|
}
|
|
230
311
|
|
|
312
|
+
type AvDialogRole = 'dialog' | 'alertdialog';
|
|
313
|
+
declare class AvDialog implements OnDestroy {
|
|
314
|
+
private readonly config;
|
|
315
|
+
private readonly document;
|
|
316
|
+
private readonly isBrowser;
|
|
317
|
+
private readonly themeService;
|
|
318
|
+
ariaLabel: _angular_core.InputSignal<string>;
|
|
319
|
+
ariaLabelledby: _angular_core.InputSignal<string>;
|
|
320
|
+
closeLabel: _angular_core.InputSignal<string>;
|
|
321
|
+
closeOnBackdrop: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
322
|
+
closeOnEscape: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
323
|
+
open: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
|
|
324
|
+
role: _angular_core.InputSignal<AvDialogRole>;
|
|
325
|
+
showClose: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
326
|
+
variant: _angular_core.InputSignal<string>;
|
|
327
|
+
width: _angular_core.InputSignal<string | number>;
|
|
328
|
+
openChange: _angular_core.OutputEmitterRef<boolean>;
|
|
329
|
+
private readonly internalOpen;
|
|
330
|
+
private previousBodyOverflow;
|
|
331
|
+
private restoreFocusTo;
|
|
332
|
+
readonly dialogId: string;
|
|
333
|
+
readonly isOpen: _angular_core.Signal<boolean>;
|
|
334
|
+
readonly themeVars: _angular_core.Signal<Record<string, string>>;
|
|
335
|
+
constructor();
|
|
336
|
+
get widthStyle(): string;
|
|
337
|
+
openDialog(): void;
|
|
338
|
+
close(): void;
|
|
339
|
+
handleBackdropClick(): void;
|
|
340
|
+
handleEscape(event: Event): void;
|
|
341
|
+
private setOpen;
|
|
342
|
+
private syncBodyScroll;
|
|
343
|
+
ngOnDestroy(): void;
|
|
344
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvDialog, never>;
|
|
345
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvDialog, "av-dialog", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "closeOnBackdrop": { "alias": "closeOnBackdrop"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "showClose": { "alias": "showClose"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, never, ["[av-dialog-trigger],[avDialogTrigger]", "[dialogHeader],[avDialogHeader]", "*", "[dialogFooter],[avDialogFooter]"], true, never>;
|
|
346
|
+
}
|
|
347
|
+
|
|
348
|
+
type AvDrawerPlacement = 'left' | 'right' | 'bottom';
|
|
349
|
+
declare class AvDrawer implements OnDestroy {
|
|
350
|
+
private readonly config;
|
|
351
|
+
private readonly document;
|
|
352
|
+
private readonly isBrowser;
|
|
353
|
+
private readonly themeService;
|
|
354
|
+
ariaLabel: _angular_core.InputSignal<string>;
|
|
355
|
+
closeLabel: _angular_core.InputSignal<string>;
|
|
356
|
+
closeOnBackdrop: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
357
|
+
closeOnEscape: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
358
|
+
open: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
|
|
359
|
+
placement: _angular_core.InputSignal<AvDrawerPlacement>;
|
|
360
|
+
showClose: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
361
|
+
variant: _angular_core.InputSignal<string>;
|
|
362
|
+
width: _angular_core.InputSignal<string | number>;
|
|
363
|
+
openChange: _angular_core.OutputEmitterRef<boolean>;
|
|
364
|
+
private readonly internalOpen;
|
|
365
|
+
private previousBodyOverflow;
|
|
366
|
+
private restoreFocusTo;
|
|
367
|
+
readonly drawerId: string;
|
|
368
|
+
readonly isOpen: _angular_core.Signal<boolean>;
|
|
369
|
+
readonly drawerClasses: _angular_core.Signal<Record<string, boolean>>;
|
|
370
|
+
readonly themeVars: _angular_core.Signal<Record<string, string>>;
|
|
371
|
+
constructor();
|
|
372
|
+
get sizeStyle(): string;
|
|
373
|
+
openDrawer(): void;
|
|
374
|
+
close(): void;
|
|
375
|
+
handleBackdropClick(): void;
|
|
376
|
+
handleEscape(event: Event): void;
|
|
377
|
+
private setOpen;
|
|
378
|
+
private syncBodyScroll;
|
|
379
|
+
ngOnDestroy(): void;
|
|
380
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvDrawer, never>;
|
|
381
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvDrawer, "av-drawer", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "closeOnBackdrop": { "alias": "closeOnBackdrop"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "showClose": { "alias": "showClose"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, never, ["[av-drawer-trigger],[avDrawerTrigger]", "[drawerHeader],[avDrawerHeader]", "*", "[drawerFooter],[avDrawerFooter]"], true, never>;
|
|
382
|
+
}
|
|
383
|
+
|
|
384
|
+
type AvPopoverPlacement = 'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
|
|
385
|
+
declare class AvPopover {
|
|
386
|
+
private readonly config;
|
|
387
|
+
private readonly themeService;
|
|
388
|
+
ariaLabel: _angular_core.InputSignal<string>;
|
|
389
|
+
closeOnBackdrop: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
390
|
+
closeOnContentClick: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
391
|
+
matchTriggerWidth: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
392
|
+
offset: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
393
|
+
open: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
|
|
394
|
+
placement: _angular_core.InputSignal<AvPopoverPlacement>;
|
|
395
|
+
variant: _angular_core.InputSignal<string>;
|
|
396
|
+
width: _angular_core.InputSignal<string | number | null>;
|
|
397
|
+
openChange: _angular_core.OutputEmitterRef<boolean>;
|
|
398
|
+
triggerEl: ElementRef<HTMLElement>;
|
|
399
|
+
private readonly internalOpen;
|
|
400
|
+
readonly panelId: string;
|
|
401
|
+
readonly isOpen: _angular_core.Signal<boolean>;
|
|
402
|
+
readonly overlayPositions: _angular_core.Signal<ConnectedPosition[]>;
|
|
403
|
+
readonly themeVars: _angular_core.Signal<Record<string, string>>;
|
|
404
|
+
constructor();
|
|
405
|
+
get widthStyle(): string | null;
|
|
406
|
+
toggle(): void;
|
|
407
|
+
close(): void;
|
|
408
|
+
handleBackdropClick(): void;
|
|
409
|
+
handlePanelClick(): void;
|
|
410
|
+
handleTriggerKeydown(event: KeyboardEvent): void;
|
|
411
|
+
private setOpen;
|
|
412
|
+
private positionsFor;
|
|
413
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvPopover, never>;
|
|
414
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvPopover, "av-popover", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "closeOnBackdrop": { "alias": "closeOnBackdrop"; "required": false; "isSignal": true; }; "closeOnContentClick": { "alias": "closeOnContentClick"; "required": false; "isSignal": true; }; "matchTriggerWidth": { "alias": "matchTriggerWidth"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, never, ["[av-popover-trigger],[avPopoverTrigger]", "*"], true, never>;
|
|
415
|
+
}
|
|
416
|
+
|
|
417
|
+
type AvToastVariant = 'default' | 'info' | 'success' | 'warning' | 'danger';
|
|
418
|
+
declare class AvToast {
|
|
419
|
+
private readonly config;
|
|
420
|
+
private readonly themeService;
|
|
421
|
+
dismissible: _angular_core.InputSignal<boolean>;
|
|
422
|
+
message: _angular_core.InputSignal<string>;
|
|
423
|
+
title: _angular_core.InputSignal<string>;
|
|
424
|
+
variant: _angular_core.InputSignal<AvToastVariant>;
|
|
425
|
+
dismissed: _angular_core.OutputEmitterRef<void>;
|
|
426
|
+
readonly themeVars: _angular_core.Signal<Record<string, string>>;
|
|
427
|
+
private colorVariant;
|
|
428
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvToast, never>;
|
|
429
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvToast, "av-toast", never, { "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; }, never, ["*"], true, never>;
|
|
430
|
+
}
|
|
431
|
+
|
|
432
|
+
interface AvToastOptions {
|
|
433
|
+
dismissible?: boolean;
|
|
434
|
+
duration?: number;
|
|
435
|
+
message: string;
|
|
436
|
+
title?: string;
|
|
437
|
+
variant?: AvToastVariant;
|
|
438
|
+
}
|
|
439
|
+
declare class AvToastRef {
|
|
440
|
+
readonly id: string;
|
|
441
|
+
private readonly closeFn;
|
|
442
|
+
constructor(id: string, closeFn: () => void);
|
|
443
|
+
close(): void;
|
|
444
|
+
}
|
|
445
|
+
declare class ToastService implements OnDestroy {
|
|
446
|
+
private readonly injector;
|
|
447
|
+
private readonly overlay;
|
|
448
|
+
private overlayRef?;
|
|
449
|
+
private viewport?;
|
|
450
|
+
private readonly timers;
|
|
451
|
+
show(message: string, options?: Omit<AvToastOptions, 'message'>): AvToastRef;
|
|
452
|
+
show(options: AvToastOptions): AvToastRef;
|
|
453
|
+
info(message: string, options?: Omit<AvToastOptions, 'message' | 'variant'>): AvToastRef;
|
|
454
|
+
success(message: string, options?: Omit<AvToastOptions, 'message' | 'variant'>): AvToastRef;
|
|
455
|
+
warning(message: string, options?: Omit<AvToastOptions, 'message' | 'variant'>): AvToastRef;
|
|
456
|
+
danger(message: string, options?: Omit<AvToastOptions, 'message' | 'variant'>): AvToastRef;
|
|
457
|
+
dismiss(id: string): void;
|
|
458
|
+
dismissAll(): void;
|
|
459
|
+
ngOnDestroy(): void;
|
|
460
|
+
private ensureViewport;
|
|
461
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastService, never>;
|
|
462
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
|
|
463
|
+
}
|
|
464
|
+
|
|
231
465
|
declare class AvTextArea implements ControlValueAccessor, AfterViewInit {
|
|
232
466
|
ngControl: NgControl;
|
|
233
467
|
private readonly config;
|
|
@@ -485,6 +719,7 @@ declare class AvSelect implements ControlValueAccessor {
|
|
|
485
719
|
disabled: _angular_core.WritableSignal<boolean>;
|
|
486
720
|
onChange: any;
|
|
487
721
|
onTouched: any;
|
|
722
|
+
readonly overlayPositions: ConnectedPosition[];
|
|
488
723
|
constructor(ngControl: NgControl);
|
|
489
724
|
get roundedStyle(): string;
|
|
490
725
|
get themeVars(): Record<string, string>;
|
|
@@ -635,6 +870,7 @@ declare class AvDateTimePicker implements ControlValueAccessor {
|
|
|
635
870
|
readonly minuteOptions: number[];
|
|
636
871
|
onChange: (value: string | null) => void;
|
|
637
872
|
onTouched: () => void;
|
|
873
|
+
readonly overlayPositions: ConnectedPosition[];
|
|
638
874
|
readonly activeVariant: _angular_core.Signal<string>;
|
|
639
875
|
readonly themeVars: _angular_core.Signal<Record<string, string>>;
|
|
640
876
|
calendarDays: _angular_core.Signal<(Date | null)[]>;
|
|
@@ -696,6 +932,7 @@ declare class AvMultiSelect implements ControlValueAccessor {
|
|
|
696
932
|
disabled: _angular_core.WritableSignal<boolean>;
|
|
697
933
|
onChange: (value: any[]) => void;
|
|
698
934
|
onTouched: () => void;
|
|
935
|
+
readonly overlayPositions: ConnectedPosition[];
|
|
699
936
|
readonly activeVariant: _angular_core.Signal<string>;
|
|
700
937
|
readonly themeVars: _angular_core.Signal<Record<string, string>>;
|
|
701
938
|
filteredData: _angular_core.Signal<any[]>;
|
|
@@ -745,6 +982,113 @@ declare class AvGrid {
|
|
|
745
982
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvGrid, "div[av-grid]", never, { "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "empty": { "alias": "empty"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
746
983
|
}
|
|
747
984
|
|
|
985
|
+
type AvAlertAppearance = 'soft' | 'outline' | 'solid';
|
|
986
|
+
type AvAlertVariant = 'default' | 'info' | 'success' | 'warning' | 'danger';
|
|
987
|
+
declare class AvAlert {
|
|
988
|
+
private readonly config;
|
|
989
|
+
private readonly themeService;
|
|
990
|
+
appearance: _angular_core.InputSignal<AvAlertAppearance>;
|
|
991
|
+
dismissible: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
992
|
+
icon: _angular_core.InputSignal<string>;
|
|
993
|
+
showIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
994
|
+
title: _angular_core.InputSignal<string>;
|
|
995
|
+
variant: _angular_core.InputSignal<AvAlertVariant>;
|
|
996
|
+
dismissed: _angular_core.OutputEmitterRef<void>;
|
|
997
|
+
readonly alertClasses: _angular_core.Signal<Record<string, boolean>>;
|
|
998
|
+
readonly indicatorText: _angular_core.Signal<"✓" | "!" | "i" | "•">;
|
|
999
|
+
readonly themeVars: _angular_core.Signal<Record<string, string>>;
|
|
1000
|
+
private colorVariant;
|
|
1001
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvAlert, never>;
|
|
1002
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvAlert, "av-alert", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; }, never, ["*"], true, never>;
|
|
1003
|
+
}
|
|
1004
|
+
|
|
1005
|
+
declare class AvEmptyState {
|
|
1006
|
+
private readonly config;
|
|
1007
|
+
private readonly themeService;
|
|
1008
|
+
description: _angular_core.InputSignal<string>;
|
|
1009
|
+
icon: _angular_core.InputSignal<string>;
|
|
1010
|
+
title: _angular_core.InputSignal<string>;
|
|
1011
|
+
variant: _angular_core.InputSignal<string>;
|
|
1012
|
+
readonly themeVars: _angular_core.Signal<Record<string, string>>;
|
|
1013
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvEmptyState, never>;
|
|
1014
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvEmptyState, "av-empty-state", never, { "description": { "alias": "description"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*", "[actions],[emptyActions]"], true, never>;
|
|
1015
|
+
}
|
|
1016
|
+
|
|
1017
|
+
type AvSkeletonRounded = number | 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
1018
|
+
declare class AvSkeleton {
|
|
1019
|
+
animated: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1020
|
+
circle: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1021
|
+
height: _angular_core.InputSignal<string | number>;
|
|
1022
|
+
lines: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
1023
|
+
rounded: _angular_core.InputSignal<AvSkeletonRounded>;
|
|
1024
|
+
width: _angular_core.InputSignal<string | number>;
|
|
1025
|
+
readonly lineItems: _angular_core.Signal<number[]>;
|
|
1026
|
+
cssLength(value: number | string): string;
|
|
1027
|
+
lineWidth(index: number): string;
|
|
1028
|
+
roundedStyle(): string;
|
|
1029
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvSkeleton, never>;
|
|
1030
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvSkeleton, "av-skeleton", never, { "animated": { "alias": "animated"; "required": false; "isSignal": true; }; "circle": { "alias": "circle"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "lines": { "alias": "lines"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1031
|
+
}
|
|
1032
|
+
|
|
1033
|
+
type AvAvatarSize = 'sm' | 'md' | 'lg' | number;
|
|
1034
|
+
declare class AvAvatar {
|
|
1035
|
+
private readonly config;
|
|
1036
|
+
private readonly themeService;
|
|
1037
|
+
alt: _angular_core.InputSignal<string>;
|
|
1038
|
+
name: _angular_core.InputSignal<string>;
|
|
1039
|
+
rounded: _angular_core.InputSignal<boolean>;
|
|
1040
|
+
size: _angular_core.InputSignal<AvAvatarSize>;
|
|
1041
|
+
src: _angular_core.InputSignal<string>;
|
|
1042
|
+
variant: _angular_core.InputSignal<string>;
|
|
1043
|
+
readonly imageFailed: _angular_core.WritableSignal<boolean>;
|
|
1044
|
+
readonly initials: _angular_core.Signal<string>;
|
|
1045
|
+
readonly sizeStyle: _angular_core.Signal<string>;
|
|
1046
|
+
readonly themeVars: _angular_core.Signal<Record<string, string>>;
|
|
1047
|
+
handleImageError(): void;
|
|
1048
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvAvatar, never>;
|
|
1049
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvAvatar, "av-avatar", never, { "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1050
|
+
}
|
|
1051
|
+
|
|
1052
|
+
type AvButtonGroupOrientation = 'horizontal' | 'vertical';
|
|
1053
|
+
type AvButtonGroupValue = string | number | null;
|
|
1054
|
+
declare class AvButtonGroup {
|
|
1055
|
+
private readonly config;
|
|
1056
|
+
private readonly internalValue;
|
|
1057
|
+
value: _angular_core.InputSignal<AvButtonGroupValue>;
|
|
1058
|
+
selectable: _angular_core.InputSignal<boolean>;
|
|
1059
|
+
attached: _angular_core.InputSignal<boolean>;
|
|
1060
|
+
orientation: _angular_core.InputSignal<AvButtonGroupOrientation>;
|
|
1061
|
+
variant: _angular_core.InputSignal<string>;
|
|
1062
|
+
ariaLabel: _angular_core.InputSignal<string>;
|
|
1063
|
+
valueChange: _angular_core.OutputEmitterRef<AvButtonGroupValue>;
|
|
1064
|
+
selectionChange: _angular_core.OutputEmitterRef<AvButtonGroupValue>;
|
|
1065
|
+
readonly currentValue: _angular_core.Signal<AvButtonGroupValue>;
|
|
1066
|
+
get verticalClass(): boolean;
|
|
1067
|
+
get attachedClass(): boolean;
|
|
1068
|
+
get role(): string;
|
|
1069
|
+
get label(): string;
|
|
1070
|
+
get ariaOrientation(): AvButtonGroupOrientation;
|
|
1071
|
+
get accent(): string;
|
|
1072
|
+
get accentSoft(): string;
|
|
1073
|
+
select(value: AvButtonGroupValue): void;
|
|
1074
|
+
isSelected(value: AvButtonGroupValue): boolean;
|
|
1075
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvButtonGroup, never>;
|
|
1076
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvButtonGroup, "av-button-group", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "attached": { "alias": "attached"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "selectionChange": "selectionChange"; }, never, ["*"], true, never>;
|
|
1077
|
+
}
|
|
1078
|
+
declare class AvButtonGroupItem {
|
|
1079
|
+
private readonly group;
|
|
1080
|
+
value: _angular_core.InputSignal<AvButtonGroupValue>;
|
|
1081
|
+
valueKebab: _angular_core.InputSignal<AvButtonGroupValue>;
|
|
1082
|
+
private readonly itemValue;
|
|
1083
|
+
protected readonly itemClass = true;
|
|
1084
|
+
get selectedClass(): boolean;
|
|
1085
|
+
get ariaPressed(): boolean | null;
|
|
1086
|
+
handleClick(): void;
|
|
1087
|
+
handleKeydown(event: Event): void;
|
|
1088
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvButtonGroupItem, never>;
|
|
1089
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AvButtonGroupItem, "[avButtonGroupItem], [av-button-group-item]", never, { "value": { "alias": "avButtonGroupItem"; "required": false; "isSignal": true; }; "valueKebab": { "alias": "av-button-group-item"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1090
|
+
}
|
|
1091
|
+
|
|
748
1092
|
type AvCardAppearance = 'outlined' | 'filled' | 'elevated';
|
|
749
1093
|
type AvCardPadding = number | 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
750
1094
|
type AvCardRounded = number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
@@ -764,6 +1108,23 @@ declare class AvCard {
|
|
|
764
1108
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvCard, "av-card", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["[header]", "[content]", "*", "[footer]"], true, never>;
|
|
765
1109
|
}
|
|
766
1110
|
|
|
1111
|
+
type AvChipAppearance = 'soft' | 'outline' | 'solid';
|
|
1112
|
+
declare class AvChip {
|
|
1113
|
+
private readonly config;
|
|
1114
|
+
private readonly themeService;
|
|
1115
|
+
appearance: _angular_core.InputSignal<AvChipAppearance>;
|
|
1116
|
+
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1117
|
+
icon: _angular_core.InputSignal<string>;
|
|
1118
|
+
removable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1119
|
+
variant: _angular_core.InputSignal<string>;
|
|
1120
|
+
removed: _angular_core.OutputEmitterRef<void>;
|
|
1121
|
+
readonly classes: _angular_core.Signal<Record<string, boolean>>;
|
|
1122
|
+
readonly themeVars: _angular_core.Signal<Record<string, string>>;
|
|
1123
|
+
remove(): void;
|
|
1124
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvChip, never>;
|
|
1125
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvChip, "av-chip, av-tag", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "removed": "removed"; }, never, ["*"], true, never>;
|
|
1126
|
+
}
|
|
1127
|
+
|
|
767
1128
|
interface AvRegisteredIcon {
|
|
768
1129
|
name: string;
|
|
769
1130
|
svg: SafeHtml;
|
|
@@ -966,6 +1327,22 @@ interface PageChangeEvent {
|
|
|
966
1327
|
page: number;
|
|
967
1328
|
pageSize: number;
|
|
968
1329
|
}
|
|
1330
|
+
declare class AvSortableColumn {
|
|
1331
|
+
private readonly table;
|
|
1332
|
+
field: _angular_core.InputSignal<string>;
|
|
1333
|
+
fieldCamel: _angular_core.InputSignal<string>;
|
|
1334
|
+
readonly sortField: _angular_core.Signal<string>;
|
|
1335
|
+
readonly active: _angular_core.Signal<boolean>;
|
|
1336
|
+
readonly sortableClass = true;
|
|
1337
|
+
get activeClass(): boolean;
|
|
1338
|
+
readonly role = "button";
|
|
1339
|
+
readonly tabindex = "0";
|
|
1340
|
+
get ariaSort(): 'ascending' | 'descending' | 'none';
|
|
1341
|
+
sort(): void;
|
|
1342
|
+
handleKeydown(event: KeyboardEvent): void;
|
|
1343
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvSortableColumn, never>;
|
|
1344
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AvSortableColumn, "[av-sortable-column], [avSortableColumn]", never, { "field": { "alias": "av-sortable-column"; "required": false; "isSignal": true; }; "fieldCamel": { "alias": "avSortableColumn"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1345
|
+
}
|
|
969
1346
|
declare class AvTable<T = any> {
|
|
970
1347
|
private readonly config;
|
|
971
1348
|
variant: _angular_core.InputSignal<string>;
|
|
@@ -996,6 +1373,159 @@ declare class AvTable<T = any> {
|
|
|
996
1373
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvTable<any>, "av-table", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "paginator": { "alias": "paginator"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageIndex": { "alias": "pageIndex"; "required": false; "isSignal": true; }; "totalRecords": { "alias": "totalRecords"; "required": false; "isSignal": true; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; "isSignal": true; }; "currentPageLabel": { "alias": "currentPageLabel"; "required": false; "isSignal": true; }; "sortField": { "alias": "sortField"; "required": false; "isSignal": true; }; "sortOrder": { "alias": "sortOrder"; "required": false; "isSignal": true; }; }, { "onSort": "onSort"; "onPage": "onPage"; }, ["headerTemplate", "bodyTemplate"], never, true, never>;
|
|
997
1374
|
}
|
|
998
1375
|
|
|
1376
|
+
type AvAccordionVariant = 'default' | 'separated';
|
|
1377
|
+
declare class AvAccordion {
|
|
1378
|
+
private readonly config;
|
|
1379
|
+
private readonly items;
|
|
1380
|
+
multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1381
|
+
variant: _angular_core.InputSignal<string>;
|
|
1382
|
+
appearance: _angular_core.InputSignal<AvAccordionVariant>;
|
|
1383
|
+
get separatedClass(): boolean;
|
|
1384
|
+
get accent(): string;
|
|
1385
|
+
register(item: AvAccordionItem): void;
|
|
1386
|
+
unregister(item: AvAccordionItem): void;
|
|
1387
|
+
toggleItem(item: AvAccordionItem): void;
|
|
1388
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvAccordion, never>;
|
|
1389
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvAccordion, "av-accordion", never, { "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1390
|
+
}
|
|
1391
|
+
declare class AvAccordionItem implements OnDestroy {
|
|
1392
|
+
private readonly accordion;
|
|
1393
|
+
private readonly expandedState;
|
|
1394
|
+
title: _angular_core.InputSignal<string>;
|
|
1395
|
+
description: _angular_core.InputSignal<string>;
|
|
1396
|
+
icon: _angular_core.InputSignal<string>;
|
|
1397
|
+
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1398
|
+
expandedChange: _angular_core.OutputEmitterRef<boolean>;
|
|
1399
|
+
readonly isExpanded: _angular_core.Signal<boolean>;
|
|
1400
|
+
set expanded(value: boolean);
|
|
1401
|
+
get expandedClass(): boolean;
|
|
1402
|
+
get disabledClass(): boolean;
|
|
1403
|
+
constructor();
|
|
1404
|
+
ngOnDestroy(): void;
|
|
1405
|
+
toggle(): void;
|
|
1406
|
+
setExpanded(value: boolean): void;
|
|
1407
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvAccordionItem, never>;
|
|
1408
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvAccordionItem, "av-accordion-item", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; }; }, { "expandedChange": "expandedChange"; }, never, ["[title], [accordionTitle]", "*"], true, never>;
|
|
1409
|
+
static ngAcceptInputType_expanded: unknown;
|
|
1410
|
+
}
|
|
1411
|
+
|
|
1412
|
+
type AvTimelineDensity = 'comfortable' | 'compact';
|
|
1413
|
+
type AvTimelineSide = 'start' | 'alternate';
|
|
1414
|
+
declare class AvTimeline {
|
|
1415
|
+
density: _angular_core.InputSignal<AvTimelineDensity>;
|
|
1416
|
+
side: _angular_core.InputSignal<AvTimelineSide>;
|
|
1417
|
+
get compactClass(): boolean;
|
|
1418
|
+
get alternateClass(): boolean;
|
|
1419
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvTimeline, never>;
|
|
1420
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvTimeline, "av-timeline", never, { "density": { "alias": "density"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1421
|
+
}
|
|
1422
|
+
declare class AvTimelineItem {
|
|
1423
|
+
title: _angular_core.InputSignal<string>;
|
|
1424
|
+
description: _angular_core.InputSignal<string>;
|
|
1425
|
+
time: _angular_core.InputSignal<string>;
|
|
1426
|
+
icon: _angular_core.InputSignal<string>;
|
|
1427
|
+
variant: _angular_core.InputSignal<string>;
|
|
1428
|
+
get accent(): string;
|
|
1429
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvTimelineItem, never>;
|
|
1430
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvTimelineItem, "av-timeline-item", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "time": { "alias": "time"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1431
|
+
}
|
|
1432
|
+
|
|
1433
|
+
interface AvBreadcrumbItem {
|
|
1434
|
+
label: string;
|
|
1435
|
+
href?: string;
|
|
1436
|
+
route?: string | any[] | null;
|
|
1437
|
+
icon?: string;
|
|
1438
|
+
current?: boolean;
|
|
1439
|
+
}
|
|
1440
|
+
declare class AvBreadcrumb {
|
|
1441
|
+
items: _angular_core.InputSignal<AvBreadcrumbItem[]>;
|
|
1442
|
+
separator: _angular_core.InputSignal<string>;
|
|
1443
|
+
ariaLabel: _angular_core.InputSignal<string>;
|
|
1444
|
+
itemSelected: _angular_core.OutputEmitterRef<AvBreadcrumbItem>;
|
|
1445
|
+
get label(): string;
|
|
1446
|
+
protected readonly role = "navigation";
|
|
1447
|
+
isCurrent(item: AvBreadcrumbItem, index: number): boolean;
|
|
1448
|
+
select(item: AvBreadcrumbItem): void;
|
|
1449
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvBreadcrumb, never>;
|
|
1450
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvBreadcrumb, "av-breadcrumb", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "itemSelected": "itemSelected"; }, never, never, true, never>;
|
|
1451
|
+
}
|
|
1452
|
+
|
|
1453
|
+
type AvInputGroupRounded = number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
1454
|
+
declare class AvInputGroup {
|
|
1455
|
+
private readonly config;
|
|
1456
|
+
label: _angular_core.InputSignal<string>;
|
|
1457
|
+
helper: _angular_core.InputSignal<string>;
|
|
1458
|
+
errorMessage: _angular_core.InputSignal<string>;
|
|
1459
|
+
prefixIcon: _angular_core.InputSignal<string>;
|
|
1460
|
+
suffixIcon: _angular_core.InputSignal<string>;
|
|
1461
|
+
variant: _angular_core.InputSignal<string>;
|
|
1462
|
+
rounded: _angular_core.InputSignal<AvInputGroupRounded>;
|
|
1463
|
+
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1464
|
+
readonly hasError: _angular_core.Signal<boolean>;
|
|
1465
|
+
get disabledClass(): boolean;
|
|
1466
|
+
get invalidClass(): boolean;
|
|
1467
|
+
get accent(): string;
|
|
1468
|
+
get radius(): string;
|
|
1469
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvInputGroup, never>;
|
|
1470
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvInputGroup, "av-input-group", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; "isSignal": true; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["[prefix], [avInputPrefix], [av-input-prefix]", "*", "[suffix], [avInputSuffix], [av-input-suffix]", "[actions], [avInputActions], [av-input-actions]"], true, never>;
|
|
1471
|
+
}
|
|
1472
|
+
declare class AvInputGroupControl {
|
|
1473
|
+
protected readonly controlClass = true;
|
|
1474
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvInputGroupControl, never>;
|
|
1475
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AvInputGroupControl, "input[avInputGroupControl], textarea[avInputGroupControl], input[av-input-group-control], textarea[av-input-group-control]", never, {}, {}, never, never, true, never>;
|
|
1476
|
+
}
|
|
1477
|
+
|
|
1478
|
+
type AvRadioGroupOrientation = 'horizontal' | 'vertical';
|
|
1479
|
+
type AvRadioValue = string | number | boolean | null;
|
|
1480
|
+
declare class AvRadioGroup implements ControlValueAccessor {
|
|
1481
|
+
ngControl: NgControl;
|
|
1482
|
+
private readonly config;
|
|
1483
|
+
private readonly items;
|
|
1484
|
+
label: _angular_core.InputSignal<string>;
|
|
1485
|
+
helper: _angular_core.InputSignal<string>;
|
|
1486
|
+
errorMessage: _angular_core.InputSignal<string>;
|
|
1487
|
+
name: _angular_core.InputSignal<string>;
|
|
1488
|
+
orientation: _angular_core.InputSignal<AvRadioGroupOrientation>;
|
|
1489
|
+
variant: _angular_core.InputSignal<string>;
|
|
1490
|
+
valueChange: _angular_core.OutputEmitterRef<AvRadioValue>;
|
|
1491
|
+
changed: _angular_core.OutputEmitterRef<AvRadioValue>;
|
|
1492
|
+
value: _angular_core.WritableSignal<AvRadioValue>;
|
|
1493
|
+
disabled: _angular_core.WritableSignal<boolean>;
|
|
1494
|
+
onChange: (value: AvRadioValue) => void;
|
|
1495
|
+
onTouched: () => void;
|
|
1496
|
+
readonly hasError: _angular_core.Signal<boolean>;
|
|
1497
|
+
get horizontalClass(): boolean;
|
|
1498
|
+
get invalidClass(): boolean;
|
|
1499
|
+
get accent(): string;
|
|
1500
|
+
constructor(ngControl: NgControl);
|
|
1501
|
+
register(item: AvRadio): void;
|
|
1502
|
+
unregister(item: AvRadio): void;
|
|
1503
|
+
select(value: AvRadioValue): void;
|
|
1504
|
+
isSelected(value: AvRadioValue): boolean;
|
|
1505
|
+
writeValue(value: AvRadioValue): void;
|
|
1506
|
+
registerOnChange(fn: (value: AvRadioValue) => void): void;
|
|
1507
|
+
registerOnTouched(fn: () => void): void;
|
|
1508
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1509
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvRadioGroup, [{ optional: true; self: true; }]>;
|
|
1510
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvRadioGroup, "av-radio-group", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "changed": "changed"; }, never, ["*"], true, never>;
|
|
1511
|
+
}
|
|
1512
|
+
declare class AvRadio implements OnDestroy {
|
|
1513
|
+
readonly group: AvRadioGroup | null;
|
|
1514
|
+
value: _angular_core.InputSignal<AvRadioValue>;
|
|
1515
|
+
label: _angular_core.InputSignal<string>;
|
|
1516
|
+
description: _angular_core.InputSignal<string>;
|
|
1517
|
+
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1518
|
+
readonly checked: _angular_core.Signal<boolean>;
|
|
1519
|
+
readonly isDisabled: _angular_core.Signal<boolean>;
|
|
1520
|
+
get checkedClass(): boolean;
|
|
1521
|
+
get disabledClass(): boolean;
|
|
1522
|
+
constructor();
|
|
1523
|
+
ngOnDestroy(): void;
|
|
1524
|
+
select(): void;
|
|
1525
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvRadio, never>;
|
|
1526
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvRadio, "av-radio", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1527
|
+
}
|
|
1528
|
+
|
|
999
1529
|
type AvCalendarView = 'month' | 'year';
|
|
1000
1530
|
type AvCalendarInputDate = Date | string | number;
|
|
1001
1531
|
interface AvCalendarEvent<T = unknown> {
|
|
@@ -1168,5 +1698,5 @@ declare class ThemeService {
|
|
|
1168
1698
|
declare const VISUALS_CONFIG: InjectionToken<VisualsConfig>;
|
|
1169
1699
|
declare function provideAngularVisuals(config: VisualsConfig): EnvironmentProviders;
|
|
1170
1700
|
|
|
1171
|
-
export { AvBadge, AvButton, AvCalendar, AvCard, AvCarousel, AvCarouselItem, AvCheckbox, AvCluster, AvCurrencyInput, AvDateTimePicker, AvDivider, AvDropdown, AvDropdownItem, AvFileUpload, AvForm, AvGrid, AvIcon, AvIconRegistry, AvInline, AvInput, AvMultiSelect, AvNavDropdown, AvNavLink, AvPaginator, AvProgressBar, AvProgressBarCircle, AvSelect, AvSidenav, AvSlider, AvStack, AvStep, AvStepper, AvSwitch, AvTab, AvTable, AvTabs, AvText, AvTextArea, AvTooltip, ThemeService, VISUALS_CONFIG, provideAngularVisuals };
|
|
1172
|
-
export type { AvCalendarDateSelect, AvCalendarEvent, AvCalendarEventSelect, AvCalendarInputDate, AvCalendarView, AvCardAppearance, AvCardPadding, AvCardRounded, AvDropdownPlacement, AvFileUploadFile, AvFileUploadRejection, AvFileUploadValue, AvRegisteredIcon, AvSidenavMode, AvSidenavTrigger, AvSliderRangeValue, AvSliderValue, AvTooltipPosition };
|
|
1701
|
+
export { AvAccordion, AvAccordionItem, AvAlert, AvAvatar, AvBadge, AvBottomnav, AvBox, AvBreadcrumb, AvButton, AvButtonGroup, AvButtonGroupItem, AvCalendar, AvCard, AvCarousel, AvCarouselItem, AvCenter, AvCheckbox, AvChip, AvCluster, AvCurrencyInput, AvDateTimePicker, AvDialog, AvDivider, AvDrawer, AvDropdown, AvDropdownItem, AvEmptyState, AvFileUpload, AvForm, AvGrid, AvHeading, AvIcon, AvIconRegistry, AvInline, AvInput, AvInputGroup, AvInputGroupControl, AvKbd, AvMultiSelect, AvNavDropdown, AvNavLink, AvPaginator, AvPopover, AvProgressBar, AvProgressBarCircle, AvRadio, AvRadioGroup, AvSelect, AvSidenav, AvSkeleton, AvSlider, AvSortableColumn, AvSpacer, AvStack, AvStep, AvStepper, AvSwitch, AvTab, AvTable, AvTabs, AvChip as AvTag, AvText, AvTextArea, AvTimeline, AvTimelineItem, AvToast, AvToastRef, AvTooltip, AvVisuallyHidden, ThemeService, ToastService, VISUALS_CONFIG, provideAngularVisuals };
|
|
1702
|
+
export type { AvAccordionVariant, AvAlertAppearance, AvAlertVariant, AvAvatarSize, AvBottomnavHighlight, AvBottomnavPosition, AvBoxPadding, AvBoxRounded, AvBoxSurface, AvBreadcrumbItem, AvButtonGroupOrientation, AvButtonGroupValue, AvCalendarDateSelect, AvCalendarEvent, AvCalendarEventSelect, AvCalendarInputDate, AvCalendarView, AvCardAppearance, AvCardPadding, AvCardRounded, AvChipAppearance, AvDialogRole, AvDrawerPlacement, AvDropdownPlacement, AvFileUploadFile, AvFileUploadRejection, AvFileUploadValue, AvHeadingAlign, AvInputGroupRounded, AvPopoverPlacement, AvRadioGroupOrientation, AvRadioValue, AvRegisteredIcon, AvSidenavMode, AvSidenavTrigger, AvSkeletonRounded, AvSliderRangeValue, AvSliderValue, AvSpacerAxis, AvTimelineDensity, AvTimelineSide, AvToastOptions, AvToastVariant, AvTooltipPosition, PageChangeEvent, SortEvent };
|