@nova-design-system/nova-angular-18 3.16.0 → 3.18.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/nova-components/esm2022/lib/components/index.mjs +2 -1
- package/dist/nova-components/esm2022/lib/components/nv-datatable-cell.directive.mjs +37 -0
- package/dist/nova-components/esm2022/lib/components/nv-datatable.component.mjs +267 -40
- package/dist/nova-components/esm2022/lib/nova-components.module.mjs +3 -3
- package/dist/nova-components/esm2022/lib/stencil-generated/component-value-accessors.mjs +37 -1
- package/dist/nova-components/esm2022/lib/stencil-generated/components.mjs +29 -1
- package/dist/nova-components/esm2022/lib/stencil-generated/index.mjs +2 -1
- package/dist/nova-components/fesm2022/nova-components.mjs +366 -42
- package/dist/nova-components/fesm2022/nova-components.mjs.map +1 -1
- package/dist/nova-components/lib/components/index.d.ts +1 -0
- package/dist/nova-components/lib/components/nv-datatable-cell.directive.d.ts +37 -0
- package/dist/nova-components/lib/components/nv-datatable.component.d.ts +95 -3
- package/dist/nova-components/lib/nova-components.module.d.ts +2 -2
- package/dist/nova-components/lib/stencil-generated/component-value-accessors.d.ts +8 -1
- package/dist/nova-components/lib/stencil-generated/components.d.ts +13 -0
- package/dist/nova-components/lib/stencil-generated/index.d.ts +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { TemplateRef } from '@angular/core';
|
|
2
|
+
import type { CellContext } from './datatable.utils';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* Context type for cell templates - uses TanStack Table's CellContext directly
|
|
6
|
+
*/
|
|
7
|
+
export type NvDatatableCellContext<T> = {
|
|
8
|
+
/** The cell's actual value */
|
|
9
|
+
$implicit: CellContext<T, unknown>;
|
|
10
|
+
};
|
|
11
|
+
/**
|
|
12
|
+
* Directive to mark ng-templates as cell templates for specific fields.
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* ```html
|
|
16
|
+
* <nv-datatable [columns]="columns" [rows]="data">
|
|
17
|
+
* <ng-template nvDatatableCell="name" let-context>
|
|
18
|
+
* <div class="font-semibold">{{ context.value }}</div>
|
|
19
|
+
* </ng-template>
|
|
20
|
+
*
|
|
21
|
+
* <ng-template nvDatatableCell="price" let-context>
|
|
22
|
+
* <span class="font-mono">${{ context.value }}</span>
|
|
23
|
+
* </ng-template>
|
|
24
|
+
* </nv-datatable>
|
|
25
|
+
* ```
|
|
26
|
+
*/
|
|
27
|
+
export declare class NvDatatableCellDirective<T = any> {
|
|
28
|
+
template: TemplateRef<NvDatatableCellContext<T>>;
|
|
29
|
+
/**
|
|
30
|
+
* The field name this template should render.
|
|
31
|
+
* Should match a field in your column definitions.
|
|
32
|
+
*/
|
|
33
|
+
nvDatatableCell: string;
|
|
34
|
+
constructor(template: TemplateRef<NvDatatableCellContext<T>>);
|
|
35
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NvDatatableCellDirective<any>, never>;
|
|
36
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NvDatatableCellDirective<any>, "ng-template[nvDatatableCell]", never, { "nvDatatableCell": { "alias": "nvDatatableCell"; "required": true; }; }, {}, never, never, true, never>;
|
|
37
|
+
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { TemplateRef } from '@angular/core';
|
|
1
|
+
import { TemplateRef, QueryList, AfterViewInit, OnDestroy } from '@angular/core';
|
|
2
|
+
import { NvDatatableCellDirective } from './nv-datatable-cell.directive';
|
|
2
3
|
import { type FlexRenderComponent, type ColumnDef, type CellContext } from './datatable.utils';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
export type { CellContext as NvDatatableCellContext };
|
|
@@ -27,20 +28,111 @@ export interface NvDatatableColumn<T extends NvDatatableRow> {
|
|
|
27
28
|
$implicit: CellContext<T, unknown>;
|
|
28
29
|
}>;
|
|
29
30
|
}
|
|
31
|
+
/**
|
|
32
|
+
* Pagination configuration for NvDatatable.
|
|
33
|
+
* Supports three modes: client-side, server-side with buttons, and infinite scroll.
|
|
34
|
+
*/
|
|
35
|
+
export interface NvDatatablePaginationConfig {
|
|
36
|
+
/** Pagination mode */
|
|
37
|
+
mode: 'client' | 'server' | 'infinite';
|
|
38
|
+
/** Initial page size (default: 10) */
|
|
39
|
+
initialPageSize?: number;
|
|
40
|
+
/** Available page size options (default: [10, 20, 50, 100]) */
|
|
41
|
+
pageSizeOptions?: number[];
|
|
42
|
+
/** Total number of rows (for server-side pagination) */
|
|
43
|
+
totalRowCount?: number;
|
|
44
|
+
/** Total number of pages (for server-side pagination) */
|
|
45
|
+
totalPageCount?: number;
|
|
46
|
+
/** Callback when pagination state changes (for server-side pagination) */
|
|
47
|
+
onPaginationChange?: (state: {
|
|
48
|
+
/** Current page index */
|
|
49
|
+
pageIndex: number;
|
|
50
|
+
/** Current page size */
|
|
51
|
+
pageSize: number;
|
|
52
|
+
}) => void;
|
|
53
|
+
/** Whether there are more items to load (for infinite scroll) */
|
|
54
|
+
hasMore?: boolean;
|
|
55
|
+
/** Whether data is currently loading (for infinite scroll) */
|
|
56
|
+
isLoading?: boolean;
|
|
57
|
+
/** Distance from bottom in pixels to trigger load (default: 500) */
|
|
58
|
+
loadMoreThreshold?: number;
|
|
59
|
+
/** Callback to load more data (for infinite scroll) */
|
|
60
|
+
onLoadMore?: () => void;
|
|
61
|
+
}
|
|
62
|
+
/**
|
|
63
|
+
* API exposed to pagination template for building custom pagination UI.
|
|
64
|
+
*/
|
|
65
|
+
export interface NvDatatableRenderPaginationAPI {
|
|
66
|
+
/** Current page index (zero-based) */
|
|
67
|
+
pageIndex: number;
|
|
68
|
+
/** Current page size */
|
|
69
|
+
pageSize: number;
|
|
70
|
+
/** Total number of pages */
|
|
71
|
+
pageCount: number;
|
|
72
|
+
/** Total number of rows */
|
|
73
|
+
rowCount: number;
|
|
74
|
+
/** Navigate to first page */
|
|
75
|
+
firstPage: () => void;
|
|
76
|
+
/** Navigate to previous page */
|
|
77
|
+
previousPage: () => void;
|
|
78
|
+
/** Navigate to next page */
|
|
79
|
+
nextPage: () => void;
|
|
80
|
+
/** Navigate to last page */
|
|
81
|
+
lastPage: () => void;
|
|
82
|
+
/** Navigate to specific page by index */
|
|
83
|
+
setPageIndex: (index: number) => void;
|
|
84
|
+
/** Change page size */
|
|
85
|
+
setPageSize: (size: number) => void;
|
|
86
|
+
/** Whether previous page is available */
|
|
87
|
+
canPreviousPage: boolean;
|
|
88
|
+
/** Whether next page is available */
|
|
89
|
+
canNextPage: boolean;
|
|
90
|
+
/** Loading state (only for infinite scroll) */
|
|
91
|
+
isLoading?: boolean;
|
|
92
|
+
/** Whether more items are available (only for infinite scroll) */
|
|
93
|
+
hasMore?: boolean;
|
|
94
|
+
}
|
|
30
95
|
/**
|
|
31
96
|
* Nova Datatable built on TanStack Table (Angular).
|
|
32
97
|
*/
|
|
33
|
-
export declare class NvDatatable<T extends NvDatatableRow = NvDatatableRow> {
|
|
98
|
+
export declare class NvDatatable<T extends NvDatatableRow = NvDatatableRow> implements AfterViewInit, OnDestroy {
|
|
34
99
|
/** Column definitions */
|
|
35
100
|
columns: import("@angular/core").InputSignal<NvDatatableColumn<T>[]>;
|
|
36
101
|
/** Row data */
|
|
37
102
|
rows: import("@angular/core").InputSignal<T[]>;
|
|
103
|
+
/** Optional pagination configuration */
|
|
104
|
+
pagination: import("@angular/core").InputSignal<NvDatatablePaginationConfig | undefined>;
|
|
105
|
+
/** Should the header stick to the top of the table when scrolling? */
|
|
106
|
+
stickyHeader: import("@angular/core").InputSignal<boolean>;
|
|
107
|
+
/** Template for custom pagination UI */
|
|
108
|
+
paginationTemplate?: TemplateRef<{
|
|
109
|
+
$implicit: NvDatatableRenderPaginationAPI;
|
|
110
|
+
}>;
|
|
111
|
+
/** Cell templates provided via nvDatatableCell directive */
|
|
112
|
+
cellTemplates?: QueryList<NvDatatableCellDirective<T>>;
|
|
113
|
+
/** Signal to track cell templates array */
|
|
114
|
+
private cellTemplatesSignal;
|
|
115
|
+
/** Map of field names to cell templates */
|
|
116
|
+
private cellTemplateMap;
|
|
117
|
+
/** Pagination state for server mode */
|
|
118
|
+
private paginationState;
|
|
119
|
+
/** Reference to table rows for infinite scroll observer */
|
|
120
|
+
private tableRows;
|
|
121
|
+
/** Intersection observer for infinite scroll */
|
|
122
|
+
private observer;
|
|
123
|
+
/** Helper to check if using infinite scroll */
|
|
124
|
+
isInfiniteScroll: import("@angular/core").Signal<boolean>;
|
|
38
125
|
/** Computed table columns with proper typing and filtering. */
|
|
39
126
|
tableColumns: import("@angular/core").Signal<ColumnDef<T>[]>;
|
|
40
127
|
/** TanStack table instance with Signals */
|
|
41
128
|
private tableInstance;
|
|
42
129
|
/** Public getter for table instance. */
|
|
43
130
|
table(): import("./datatable.utils").Table<T>;
|
|
131
|
+
/** Build pagination API for template */
|
|
132
|
+
paginationAPI: import("@angular/core").Signal<NvDatatableRenderPaginationAPI | null>;
|
|
133
|
+
constructor();
|
|
134
|
+
ngAfterViewInit(): void;
|
|
135
|
+
ngOnDestroy(): void;
|
|
44
136
|
static ɵfac: i0.ɵɵFactoryDeclaration<NvDatatable<any>, never>;
|
|
45
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NvDatatable<any>, "nv-datatable", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {},
|
|
137
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NvDatatable<any>, "nv-datatable", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "pagination": { "alias": "pagination"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; }, {}, ["paginationTemplate", "cellTemplates"], never, true, never>;
|
|
46
138
|
}
|
|
@@ -11,11 +11,11 @@ import * as i3 from "./stencil-generated/component-value-accessors";
|
|
|
11
11
|
export declare function provideNovaComponents(): Provider;
|
|
12
12
|
export declare class NovaComponentsModule {
|
|
13
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<NovaComponentsModule, never>;
|
|
14
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<NovaComponentsModule, [typeof i1.NvAccordion, typeof i1.NvAccordionItem, typeof i1.NvAlert, typeof i1.NvAvatar, typeof i1.NvBadge, typeof i1.NvBreadcrumb, typeof i1.NvBreadcrumbs, typeof i1.NvButton, typeof i1.NvButtongroup, typeof i1.NvCalendar, typeof i1.NvCol, typeof i1.NvDatagrid, typeof i1.NvDatagridcolumn, typeof i1.NvDialog, typeof i1.NvDialogfooter, typeof i1.NvDialogheader, typeof i1.NvFieldcheckbox, typeof i1.NvFielddate, typeof i1.NvFielddaterange, typeof i1.NvFielddropdown, typeof i1.NvFielddropdownitem, typeof i1.NvFielddropdownitemcheck, typeof i1.NvFieldmultiselect, typeof i1.NvFieldnumber, typeof i1.NvFieldpassword, typeof i1.NvFieldradio, typeof i1.NvFieldselect, typeof i1.NvFieldslider, typeof i1.NvFieldtext, typeof i1.NvFieldtextarea, typeof i1.NvFieldtime, typeof i1.NvIcon, typeof i1.NvIconbutton, typeof i1.NvLoader, typeof i1.NvMenu, typeof i1.NvMenuitem, typeof i1.NvNotification, typeof i1.NvNotificationcontainer, typeof i1.NvPopover, typeof i1.NvRow, typeof i1.NvStack, typeof i1.NvTable, typeof i1.NvToggle, typeof i1.NvTogglebutton, typeof i1.NvTogglebuttongroup, typeof i1.NvTooltip], [typeof i2.NvDatatable], [typeof i1.NvAccordion, typeof i1.NvAccordionItem, typeof i1.NvAlert, typeof i1.NvAvatar, typeof i1.NvBadge, typeof i1.NvBreadcrumb, typeof i1.NvBreadcrumbs, typeof i1.NvButton, typeof i1.NvButtongroup, typeof i1.NvCalendar, typeof i1.NvCol, typeof i1.NvDatagrid, typeof i1.NvDatagridcolumn, typeof i1.NvDialog, typeof i1.NvDialogfooter, typeof i1.NvDialogheader, typeof i1.NvFieldcheckbox, typeof i1.NvFielddate, typeof i1.NvFielddaterange, typeof i1.NvFielddropdown, typeof i1.NvFielddropdownitem, typeof i1.NvFielddropdownitemcheck, typeof i1.NvFieldmultiselect, typeof i1.NvFieldnumber, typeof i1.NvFieldpassword, typeof i1.NvFieldradio, typeof i1.NvFieldselect, typeof i1.NvFieldslider, typeof i1.NvFieldtext, typeof i1.NvFieldtextarea, typeof i1.NvFieldtime, typeof i1.NvIcon, typeof i1.NvIconbutton, typeof i1.NvLoader, typeof i1.NvMenu, typeof i1.NvMenuitem, typeof i1.NvNotification, typeof i1.NvNotificationcontainer, typeof i1.NvPopover, typeof i1.NvRow, typeof i1.NvStack, typeof i1.NvTable, typeof i1.NvToggle, typeof i1.NvTogglebutton, typeof i1.NvTogglebuttongroup, typeof i1.NvTooltip, typeof i2.NvDatatable]>;
|
|
14
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<NovaComponentsModule, [typeof i1.NvAccordion, typeof i1.NvAccordionItem, typeof i1.NvAlert, typeof i1.NvAvatar, typeof i1.NvBadge, typeof i1.NvBreadcrumb, typeof i1.NvBreadcrumbs, typeof i1.NvButton, typeof i1.NvButtongroup, typeof i1.NvCalendar, typeof i1.NvCol, typeof i1.NvDatagrid, typeof i1.NvDatagridcolumn, typeof i1.NvDialog, typeof i1.NvDialogfooter, typeof i1.NvDialogheader, typeof i1.NvFieldcheckbox, typeof i1.NvFielddate, typeof i1.NvFielddaterange, typeof i1.NvFielddropdown, typeof i1.NvFielddropdownitem, typeof i1.NvFielddropdownitemcheck, typeof i1.NvFieldmultiselect, typeof i1.NvFieldnumber, typeof i1.NvFieldpassword, typeof i1.NvFieldradio, typeof i1.NvFieldselect, typeof i1.NvFieldslider, typeof i1.NvFieldtext, typeof i1.NvFieldtextarea, typeof i1.NvFieldtime, typeof i1.NvIcon, typeof i1.NvIconbutton, typeof i1.NvLoader, typeof i1.NvMenu, typeof i1.NvMenuitem, typeof i1.NvNotification, typeof i1.NvNotificationcontainer, typeof i1.NvPopover, typeof i1.NvRow, typeof i1.NvSplit, typeof i1.NvStack, typeof i1.NvTable, typeof i1.NvToggle, typeof i1.NvTogglebutton, typeof i1.NvTogglebuttongroup, typeof i1.NvTooltip], [typeof i2.NvDatatable], [typeof i1.NvAccordion, typeof i1.NvAccordionItem, typeof i1.NvAlert, typeof i1.NvAvatar, typeof i1.NvBadge, typeof i1.NvBreadcrumb, typeof i1.NvBreadcrumbs, typeof i1.NvButton, typeof i1.NvButtongroup, typeof i1.NvCalendar, typeof i1.NvCol, typeof i1.NvDatagrid, typeof i1.NvDatagridcolumn, typeof i1.NvDialog, typeof i1.NvDialogfooter, typeof i1.NvDialogheader, typeof i1.NvFieldcheckbox, typeof i1.NvFielddate, typeof i1.NvFielddaterange, typeof i1.NvFielddropdown, typeof i1.NvFielddropdownitem, typeof i1.NvFielddropdownitemcheck, typeof i1.NvFieldmultiselect, typeof i1.NvFieldnumber, typeof i1.NvFieldpassword, typeof i1.NvFieldradio, typeof i1.NvFieldselect, typeof i1.NvFieldslider, typeof i1.NvFieldtext, typeof i1.NvFieldtextarea, typeof i1.NvFieldtime, typeof i1.NvIcon, typeof i1.NvIconbutton, typeof i1.NvLoader, typeof i1.NvMenu, typeof i1.NvMenuitem, typeof i1.NvNotification, typeof i1.NvNotificationcontainer, typeof i1.NvPopover, typeof i1.NvRow, typeof i1.NvSplit, typeof i1.NvStack, typeof i1.NvTable, typeof i1.NvToggle, typeof i1.NvTogglebutton, typeof i1.NvTogglebuttongroup, typeof i1.NvTooltip, typeof i2.NvDatatable]>;
|
|
15
15
|
static ɵinj: i0.ɵɵInjectorDeclaration<NovaComponentsModule>;
|
|
16
16
|
}
|
|
17
17
|
export declare class NovaComponentsValueAccessorModule {
|
|
18
18
|
static ɵfac: i0.ɵɵFactoryDeclaration<NovaComponentsValueAccessorModule, never>;
|
|
19
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<NovaComponentsValueAccessorModule, [typeof i3.NvAccordionValueAccessor, typeof i3.NvAlertValueAccessor, typeof i3.NvCalendarValueAccessor, typeof i3.NvDatagridValueAccessor, typeof i3.NvDialogValueAccessor, typeof i3.NvFieldcheckboxValueAccessor, typeof i3.NvFielddateValueAccessor, typeof i3.NvFielddaterangeValueAccessor, typeof i3.NvFielddropdownValueAccessor, typeof i3.NvFieldmultiselectValueAccessor, typeof i3.NvFieldnumberValueAccessor, typeof i3.NvFieldpasswordValueAccessor, typeof i3.NvFieldradioValueAccessor, typeof i3.NvFieldselectValueAccessor, typeof i3.NvFieldsliderValueAccessor, typeof i3.NvFieldtextValueAccessor, typeof i3.NvFieldtextareaValueAccessor, typeof i3.NvNotificationValueAccessor, typeof i3.NvPopoverValueAccessor, typeof i3.NvToggleValueAccessor, typeof i3.NvTogglebuttongroupValueAccessor], never, [typeof i3.NvAccordionValueAccessor, typeof i3.NvAlertValueAccessor, typeof i3.NvCalendarValueAccessor, typeof i3.NvDatagridValueAccessor, typeof i3.NvDialogValueAccessor, typeof i3.NvFieldcheckboxValueAccessor, typeof i3.NvFielddateValueAccessor, typeof i3.NvFielddaterangeValueAccessor, typeof i3.NvFielddropdownValueAccessor, typeof i3.NvFieldmultiselectValueAccessor, typeof i3.NvFieldnumberValueAccessor, typeof i3.NvFieldpasswordValueAccessor, typeof i3.NvFieldradioValueAccessor, typeof i3.NvFieldselectValueAccessor, typeof i3.NvFieldsliderValueAccessor, typeof i3.NvFieldtextValueAccessor, typeof i3.NvFieldtextareaValueAccessor, typeof i3.NvNotificationValueAccessor, typeof i3.NvPopoverValueAccessor, typeof i3.NvToggleValueAccessor, typeof i3.NvTogglebuttongroupValueAccessor]>;
|
|
19
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<NovaComponentsValueAccessorModule, [typeof i3.NvAccordionValueAccessor, typeof i3.NvAlertValueAccessor, typeof i3.NvCalendarValueAccessor, typeof i3.NvDatagridValueAccessor, typeof i3.NvDialogValueAccessor, typeof i3.NvFieldcheckboxValueAccessor, typeof i3.NvFielddateValueAccessor, typeof i3.NvFielddaterangeValueAccessor, typeof i3.NvFielddropdownValueAccessor, typeof i3.NvFieldmultiselectValueAccessor, typeof i3.NvFieldnumberValueAccessor, typeof i3.NvFieldpasswordValueAccessor, typeof i3.NvFieldradioValueAccessor, typeof i3.NvFieldselectValueAccessor, typeof i3.NvFieldsliderValueAccessor, typeof i3.NvFieldtextValueAccessor, typeof i3.NvFieldtextareaValueAccessor, typeof i3.NvNotificationValueAccessor, typeof i3.NvPopoverValueAccessor, typeof i3.NvSplitValueAccessor, typeof i3.NvToggleValueAccessor, typeof i3.NvTogglebuttongroupValueAccessor], never, [typeof i3.NvAccordionValueAccessor, typeof i3.NvAlertValueAccessor, typeof i3.NvCalendarValueAccessor, typeof i3.NvDatagridValueAccessor, typeof i3.NvDialogValueAccessor, typeof i3.NvFieldcheckboxValueAccessor, typeof i3.NvFielddateValueAccessor, typeof i3.NvFielddaterangeValueAccessor, typeof i3.NvFielddropdownValueAccessor, typeof i3.NvFieldmultiselectValueAccessor, typeof i3.NvFieldnumberValueAccessor, typeof i3.NvFieldpasswordValueAccessor, typeof i3.NvFieldradioValueAccessor, typeof i3.NvFieldselectValueAccessor, typeof i3.NvFieldsliderValueAccessor, typeof i3.NvFieldtextValueAccessor, typeof i3.NvFieldtextareaValueAccessor, typeof i3.NvNotificationValueAccessor, typeof i3.NvPopoverValueAccessor, typeof i3.NvSplitValueAccessor, typeof i3.NvToggleValueAccessor, typeof i3.NvTogglebuttongroupValueAccessor]>;
|
|
20
20
|
static ɵinj: i0.ɵɵInjectorDeclaration<NovaComponentsValueAccessorModule>;
|
|
21
21
|
}
|
|
@@ -134,6 +134,13 @@ export declare class NvPopoverValueAccessor extends ValueAccessor {
|
|
|
134
134
|
static ɵfac: i0.ɵɵFactoryDeclaration<NvPopoverValueAccessor, never>;
|
|
135
135
|
static ɵdir: i0.ɵɵDirectiveDeclaration<NvPopoverValueAccessor, "nv-popover", never, {}, {}, never, never, false, never>;
|
|
136
136
|
}
|
|
137
|
+
export declare class NvSplitValueAccessor extends ValueAccessor {
|
|
138
|
+
constructor(el: ElementRef);
|
|
139
|
+
handleSizesChanged(event: any): void;
|
|
140
|
+
writeValue(value: any): void;
|
|
141
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NvSplitValueAccessor, never>;
|
|
142
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NvSplitValueAccessor, "nv-split", never, {}, {}, never, never, false, never>;
|
|
143
|
+
}
|
|
137
144
|
export declare class NvToggleValueAccessor extends ValueAccessor {
|
|
138
145
|
constructor(el: ElementRef);
|
|
139
146
|
handleCheckedChanged(event: any): void;
|
|
@@ -148,4 +155,4 @@ export declare class NvTogglebuttongroupValueAccessor extends ValueAccessor {
|
|
|
148
155
|
static ɵfac: i0.ɵɵFactoryDeclaration<NvTogglebuttongroupValueAccessor, never>;
|
|
149
156
|
static ɵdir: i0.ɵɵDirectiveDeclaration<NvTogglebuttongroupValueAccessor, "nv-togglebuttongroup", never, {}, {}, never, never, false, never>;
|
|
150
157
|
}
|
|
151
|
-
export declare const VALUE_ACCESSORS: (typeof NvAccordionValueAccessor | typeof NvAlertValueAccessor | typeof NvCalendarValueAccessor | typeof NvDatagridValueAccessor | typeof NvDialogValueAccessor | typeof NvFieldcheckboxValueAccessor)[];
|
|
158
|
+
export declare const VALUE_ACCESSORS: (typeof NvAccordionValueAccessor | typeof NvAlertValueAccessor | typeof NvCalendarValueAccessor | typeof NvDatagridValueAccessor | typeof NvDialogValueAccessor | typeof NvFieldcheckboxValueAccessor | typeof NvSplitValueAccessor)[];
|
|
@@ -550,6 +550,19 @@ export declare class NvRow {
|
|
|
550
550
|
}
|
|
551
551
|
export declare interface NvRow extends Components.NvRow {
|
|
552
552
|
}
|
|
553
|
+
export declare class NvSplit {
|
|
554
|
+
protected z: NgZone;
|
|
555
|
+
protected el: HTMLNvSplitElement;
|
|
556
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
557
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NvSplit, never>;
|
|
558
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NvSplit, "nv-split", never, { "direction": { "alias": "direction"; "required": false; }; "gutterSize": { "alias": "gutterSize"; "required": false; }; "minSizes": { "alias": "minSizes"; "required": false; }; "sizes": { "alias": "sizes"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
559
|
+
}
|
|
560
|
+
export declare interface NvSplit extends Components.NvSplit {
|
|
561
|
+
/**
|
|
562
|
+
* Emitted when pane sizes are updated (either via dragging or programmatically). @bind sizes
|
|
563
|
+
*/
|
|
564
|
+
sizesChanged: EventEmitter<CustomEvent<number[]>>;
|
|
565
|
+
}
|
|
553
566
|
export declare class NvStack {
|
|
554
567
|
protected z: NgZone;
|
|
555
568
|
protected el: HTMLNvStackElement;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import * as d from './components';
|
|
2
|
-
export declare const DIRECTIVES: (typeof d.NvAccordion | typeof d.NvAccordionItem | typeof d.NvAlert | typeof d.NvAvatar | typeof d.NvBadge | typeof d.NvBreadcrumb | typeof d.NvBreadcrumbs | typeof d.NvButton | typeof d.NvButtongroup | typeof d.NvCalendar | typeof d.NvCol | typeof d.NvDatagrid | typeof d.NvDatagridcolumn | typeof d.NvDialog | typeof d.NvDialogfooter | typeof d.NvDialogheader | typeof d.NvFieldcheckbox | typeof d.NvFielddate | typeof d.NvFielddaterange | typeof d.NvFielddropdown | typeof d.NvFielddropdownitem | typeof d.NvFielddropdownitemcheck | typeof d.NvFieldmultiselect | typeof d.NvFieldnumber | typeof d.NvFieldpassword | typeof d.NvFieldradio | typeof d.NvFieldselect | typeof d.NvFieldslider | typeof d.NvFieldtext | typeof d.NvFieldtextarea | typeof d.NvFieldtime | typeof d.NvIcon | typeof d.NvIconbutton | typeof d.NvLoader | typeof d.NvMenu | typeof d.NvMenuitem | typeof d.NvNotification | typeof d.NvNotificationcontainer | typeof d.NvPopover | typeof d.NvRow | typeof d.NvStack | typeof d.NvTable | typeof d.NvToggle | typeof d.NvTogglebutton | typeof d.NvTogglebuttongroup | typeof d.NvTooltip)[];
|
|
2
|
+
export declare const DIRECTIVES: (typeof d.NvAccordion | typeof d.NvAccordionItem | typeof d.NvAlert | typeof d.NvAvatar | typeof d.NvBadge | typeof d.NvBreadcrumb | typeof d.NvBreadcrumbs | typeof d.NvButton | typeof d.NvButtongroup | typeof d.NvCalendar | typeof d.NvCol | typeof d.NvDatagrid | typeof d.NvDatagridcolumn | typeof d.NvDialog | typeof d.NvDialogfooter | typeof d.NvDialogheader | typeof d.NvFieldcheckbox | typeof d.NvFielddate | typeof d.NvFielddaterange | typeof d.NvFielddropdown | typeof d.NvFielddropdownitem | typeof d.NvFielddropdownitemcheck | typeof d.NvFieldmultiselect | typeof d.NvFieldnumber | typeof d.NvFieldpassword | typeof d.NvFieldradio | typeof d.NvFieldselect | typeof d.NvFieldslider | typeof d.NvFieldtext | typeof d.NvFieldtextarea | typeof d.NvFieldtime | typeof d.NvIcon | typeof d.NvIconbutton | typeof d.NvLoader | typeof d.NvMenu | typeof d.NvMenuitem | typeof d.NvNotification | typeof d.NvNotificationcontainer | typeof d.NvPopover | typeof d.NvRow | typeof d.NvSplit | typeof d.NvStack | typeof d.NvTable | typeof d.NvToggle | typeof d.NvTogglebutton | typeof d.NvTogglebuttongroup | typeof d.NvTooltip)[];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nova-design-system/nova-angular-18",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.18.0-beta.0",
|
|
4
4
|
"description": "Nova is a design system created by Elia Group to empower creators to efficiently build solutions that people love to use.",
|
|
5
5
|
"author": "Elia Group",
|
|
6
6
|
"homepage": "https://nova.eliagroup.io",
|