@nova-design-system/nova-angular-18 3.23.0 → 3.24.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/nv-datatable.component.mjs +73 -54
- 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 +91 -1
- package/dist/nova-components/esm2022/lib/stencil-generated/index.mjs +4 -1
- package/dist/nova-components/fesm2022/nova-components.mjs +201 -56
- package/dist/nova-components/fesm2022/nova-components.mjs.map +1 -1
- package/dist/nova-components/lib/components/nv-datatable.component.d.ts +15 -7
- package/dist/nova-components/lib/nova-components.module.d.ts +2 -2
- package/dist/nova-components/lib/stencil-generated/component-value-accessors.d.ts +7 -0
- package/dist/nova-components/lib/stencil-generated/components.d.ts +44 -1
- package/dist/nova-components/lib/stencil-generated/index.d.ts +1 -1
- package/package.json +1 -1
|
@@ -16,6 +16,9 @@ export const DIRECTIVES = [
|
|
|
16
16
|
d.NvDialog,
|
|
17
17
|
d.NvDialogfooter,
|
|
18
18
|
d.NvDialogheader,
|
|
19
|
+
d.NvDrawer,
|
|
20
|
+
d.NvDrawerfooter,
|
|
21
|
+
d.NvDrawerheader,
|
|
19
22
|
d.NvFieldcheckbox,
|
|
20
23
|
d.NvFielddate,
|
|
21
24
|
d.NvFielddaterange,
|
|
@@ -59,4 +62,4 @@ export const DIRECTIVES = [
|
|
|
59
62
|
d.NvTogglebuttongroup,
|
|
60
63
|
d.NvTooltip
|
|
61
64
|
];
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ub3ZhLWNvbXBvbmVudHMvc3JjL2xpYi9zdGVuY2lsLWdlbmVyYXRlZC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEtBQUssQ0FBQyxNQUFNLGNBQWMsQ0FBQztBQUVsQyxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUc7SUFDeEIsQ0FBQyxDQUFDLFdBQVc7SUFDYixDQUFDLENBQUMsZUFBZTtJQUNqQixDQUFDLENBQUMsT0FBTztJQUNULENBQUMsQ0FBQyxRQUFRO0lBQ1YsQ0FBQyxDQUFDLE9BQU87SUFDVCxDQUFDLENBQUMsWUFBWTtJQUNkLENBQUMsQ0FBQyxhQUFhO0lBQ2YsQ0FBQyxDQUFDLFFBQVE7SUFDVixDQUFDLENBQUMsYUFBYTtJQUNmLENBQUMsQ0FBQyxVQUFVO0lBQ1osQ0FBQyxDQUFDLEtBQUs7SUFDUCxDQUFDLENBQUMsVUFBVTtJQUNaLENBQUMsQ0FBQyxnQkFBZ0I7SUFDbEIsQ0FBQyxDQUFDLFFBQVE7SUFDVixDQUFDLENBQUMsY0FBYztJQUNoQixDQUFDLENBQUMsY0FBYztJQUNoQixDQUFDLENBQUMsUUFBUTtJQUNWLENBQUMsQ0FBQyxjQUFjO0lBQ2hCLENBQUMsQ0FBQyxjQUFjO0lBQ2hCLENBQUMsQ0FBQyxlQUFlO0lBQ2pCLENBQUMsQ0FBQyxXQUFXO0lBQ2IsQ0FBQyxDQUFDLGdCQUFnQjtJQUNsQixDQUFDLENBQUMsZUFBZTtJQUNqQixDQUFDLENBQUMsbUJBQW1CO0lBQ3JCLENBQUMsQ0FBQyx3QkFBd0I7SUFDMUIsQ0FBQyxDQUFDLGtCQUFrQjtJQUNwQixDQUFDLENBQUMsYUFBYTtJQUNmLENBQUMsQ0FBQyxlQUFlO0lBQ2pCLENBQUMsQ0FBQyxZQUFZO0lBQ2QsQ0FBQyxDQUFDLGFBQWE7SUFDZixDQUFDLENBQUMsYUFBYTtJQUNmLENBQUMsQ0FBQyxXQUFXO0lBQ2IsQ0FBQyxDQUFDLGVBQWU7SUFDakIsQ0FBQyxDQUFDLFdBQVc7SUFDYixDQUFDLENBQUMsTUFBTTtJQUNSLENBQUMsQ0FBQyxZQUFZO0lBQ2QsQ0FBQyxDQUFDLFFBQVE7SUFDVixDQUFDLENBQUMsTUFBTTtJQUNSLENBQUMsQ0FBQyxVQUFVO0lBQ1osQ0FBQyxDQUFDLGNBQWM7SUFDaEIsQ0FBQyxDQUFDLG9CQUFvQjtJQUN0QixDQUFDLENBQUMsdUJBQXVCO0lBQ3pCLENBQUMsQ0FBQyxTQUFTO0lBQ1gsQ0FBQyxDQUFDLEtBQUs7SUFDUCxDQUFDLENBQUMsU0FBUztJQUNYLENBQUMsQ0FBQyxnQkFBZ0I7SUFDbEIsQ0FBQyxDQUFDLGdCQUFnQjtJQUNsQixDQUFDLENBQUMsZUFBZTtJQUNqQixDQUFDLENBQUMsY0FBYztJQUNoQixDQUFDLENBQUMsZUFBZTtJQUNqQixDQUFDLENBQUMsYUFBYTtJQUNmLENBQUMsQ0FBQyxnQkFBZ0I7SUFDbEIsQ0FBQyxDQUFDLG1CQUFtQjtJQUNyQixDQUFDLENBQUMsT0FBTztJQUNULENBQUMsQ0FBQyxPQUFPO0lBQ1QsQ0FBQyxDQUFDLE9BQU87SUFDVCxDQUFDLENBQUMsYUFBYTtJQUNmLENBQUMsQ0FBQyxRQUFRO0lBQ1YsQ0FBQyxDQUFDLGNBQWM7SUFDaEIsQ0FBQyxDQUFDLG1CQUFtQjtJQUNyQixDQUFDLENBQUMsU0FBUztDQUNaLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCAqIGFzIGQgZnJvbSAnLi9jb21wb25lbnRzJztcblxuZXhwb3J0IGNvbnN0IERJUkVDVElWRVMgPSBbXG4gIGQuTnZBY2NvcmRpb24sXG4gIGQuTnZBY2NvcmRpb25JdGVtLFxuICBkLk52QWxlcnQsXG4gIGQuTnZBdmF0YXIsXG4gIGQuTnZCYWRnZSxcbiAgZC5OdkJyZWFkY3J1bWIsXG4gIGQuTnZCcmVhZGNydW1icyxcbiAgZC5OdkJ1dHRvbixcbiAgZC5OdkJ1dHRvbmdyb3VwLFxuICBkLk52Q2FsZW5kYXIsXG4gIGQuTnZDb2wsXG4gIGQuTnZEYXRhZ3JpZCxcbiAgZC5OdkRhdGFncmlkY29sdW1uLFxuICBkLk52RGlhbG9nLFxuICBkLk52RGlhbG9nZm9vdGVyLFxuICBkLk52RGlhbG9naGVhZGVyLFxuICBkLk52RHJhd2VyLFxuICBkLk52RHJhd2VyZm9vdGVyLFxuICBkLk52RHJhd2VyaGVhZGVyLFxuICBkLk52RmllbGRjaGVja2JveCxcbiAgZC5OdkZpZWxkZGF0ZSxcbiAgZC5OdkZpZWxkZGF0ZXJhbmdlLFxuICBkLk52RmllbGRkcm9wZG93bixcbiAgZC5OdkZpZWxkZHJvcGRvd25pdGVtLFxuICBkLk52RmllbGRkcm9wZG93bml0ZW1jaGVjayxcbiAgZC5OdkZpZWxkbXVsdGlzZWxlY3QsXG4gIGQuTnZGaWVsZG51bWJlcixcbiAgZC5OdkZpZWxkcGFzc3dvcmQsXG4gIGQuTnZGaWVsZHJhZGlvLFxuICBkLk52RmllbGRzZWxlY3QsXG4gIGQuTnZGaWVsZHNsaWRlcixcbiAgZC5OdkZpZWxkdGV4dCxcbiAgZC5OdkZpZWxkdGV4dGFyZWEsXG4gIGQuTnZGaWVsZHRpbWUsXG4gIGQuTnZJY29uLFxuICBkLk52SWNvbmJ1dHRvbixcbiAgZC5OdkxvYWRlcixcbiAgZC5Odk1lbnUsXG4gIGQuTnZNZW51aXRlbSxcbiAgZC5Odk5vdGlmaWNhdGlvbixcbiAgZC5Odk5vdGlmaWNhdGlvbkJ1bGxldCxcbiAgZC5Odk5vdGlmaWNhdGlvbmNvbnRhaW5lcixcbiAgZC5OdlBvcG92ZXIsXG4gIGQuTnZSb3csXG4gIGQuTnZTaWRlYmFyLFxuICBkLk52U2lkZWJhcmNvbnRlbnQsXG4gIGQuTnZTaWRlYmFyZGl2aWRlcixcbiAgZC5OdlNpZGViYXJmb290ZXIsXG4gIGQuTnZTaWRlYmFyZ3JvdXAsXG4gIGQuTnZTaWRlYmFyaGVhZGVyLFxuICBkLk52U2lkZWJhcmxvZ28sXG4gIGQuTnZTaWRlYmFybmF2aXRlbSxcbiAgZC5OdlNpZGViYXJuYXZzdWJpdGVtLFxuICBkLk52U3BsaXQsXG4gIGQuTnZTdGFjayxcbiAgZC5OdlRhYmxlLFxuICBkLk52VGFibGVoZWFkZXIsXG4gIGQuTnZUb2dnbGUsXG4gIGQuTnZUb2dnbGVidXR0b24sXG4gIGQuTnZUb2dnbGVidXR0b25ncm91cCxcbiAgZC5OdlRvb2x0aXBcbl07XG4iXX0=
|
|
@@ -529,6 +529,93 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
529
529
|
standalone: false
|
|
530
530
|
}]
|
|
531
531
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
|
|
532
|
+
let NvDrawer = class NvDrawer {
|
|
533
|
+
constructor(c, r, z) {
|
|
534
|
+
this.z = z;
|
|
535
|
+
this.openChanged = new EventEmitter();
|
|
536
|
+
c.detach();
|
|
537
|
+
this.el = r.nativeElement;
|
|
538
|
+
}
|
|
539
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NvDrawer, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
540
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NvDrawer, selector: "nv-drawer", inputs: { autofocus: "autofocus", clickOutside: "clickOutside", controlled: "controlled", open: "open", side: "side", size: "size", swipeToOpen: "swipeToOpen", undismissable: "undismissable", width: "width" }, outputs: { openChanged: "openChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
541
|
+
};
|
|
542
|
+
NvDrawer = __decorate([
|
|
543
|
+
ProxyCmp({
|
|
544
|
+
inputs: ['autofocus', 'clickOutside', 'controlled', 'open', 'side', 'size', 'swipeToOpen', 'undismissable', 'width'],
|
|
545
|
+
methods: ['show', 'close']
|
|
546
|
+
})
|
|
547
|
+
], NvDrawer);
|
|
548
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NvDrawer, decorators: [{
|
|
549
|
+
type: Component,
|
|
550
|
+
args: [{
|
|
551
|
+
selector: 'nv-drawer',
|
|
552
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
553
|
+
template: '<ng-content></ng-content>',
|
|
554
|
+
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
555
|
+
inputs: ['autofocus', 'clickOutside', 'controlled', 'open', 'side', 'size', 'swipeToOpen', 'undismissable', 'width'],
|
|
556
|
+
outputs: ['openChanged'],
|
|
557
|
+
standalone: false
|
|
558
|
+
}]
|
|
559
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { openChanged: [{
|
|
560
|
+
type: Output
|
|
561
|
+
}] } });
|
|
562
|
+
let NvDrawerfooter = class NvDrawerfooter {
|
|
563
|
+
constructor(c, r, z) {
|
|
564
|
+
this.z = z;
|
|
565
|
+
this.drawerCanceled = new EventEmitter();
|
|
566
|
+
this.drawerPrimaryClicked = new EventEmitter();
|
|
567
|
+
c.detach();
|
|
568
|
+
this.el = r.nativeElement;
|
|
569
|
+
}
|
|
570
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NvDrawerfooter, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
571
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NvDrawerfooter, selector: "nv-drawerfooter", inputs: { cancelLabel: "cancelLabel", danger: "danger", disabled: "disabled", form: "form", leadingIcon: "leadingIcon", primaryButtonType: "primaryButtonType", primaryLabel: "primaryLabel", trailingIcon: "trailingIcon", undismissable: "undismissable" }, outputs: { drawerCanceled: "drawerCanceled", drawerPrimaryClicked: "drawerPrimaryClicked" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
572
|
+
};
|
|
573
|
+
NvDrawerfooter = __decorate([
|
|
574
|
+
ProxyCmp({
|
|
575
|
+
inputs: ['cancelLabel', 'danger', 'disabled', 'form', 'leadingIcon', 'primaryButtonType', 'primaryLabel', 'trailingIcon', 'undismissable']
|
|
576
|
+
})
|
|
577
|
+
], NvDrawerfooter);
|
|
578
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NvDrawerfooter, decorators: [{
|
|
579
|
+
type: Component,
|
|
580
|
+
args: [{
|
|
581
|
+
selector: 'nv-drawerfooter',
|
|
582
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
583
|
+
template: '<ng-content></ng-content>',
|
|
584
|
+
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
585
|
+
inputs: ['cancelLabel', 'danger', 'disabled', 'form', 'leadingIcon', 'primaryButtonType', 'primaryLabel', 'trailingIcon', 'undismissable'],
|
|
586
|
+
outputs: ['drawerCanceled', 'drawerPrimaryClicked'],
|
|
587
|
+
standalone: false
|
|
588
|
+
}]
|
|
589
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { drawerCanceled: [{
|
|
590
|
+
type: Output
|
|
591
|
+
}], drawerPrimaryClicked: [{
|
|
592
|
+
type: Output
|
|
593
|
+
}] } });
|
|
594
|
+
let NvDrawerheader = class NvDrawerheader {
|
|
595
|
+
constructor(c, r, z) {
|
|
596
|
+
this.z = z;
|
|
597
|
+
c.detach();
|
|
598
|
+
this.el = r.nativeElement;
|
|
599
|
+
}
|
|
600
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NvDrawerheader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
601
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NvDrawerheader, selector: "nv-drawerheader", inputs: { heading: "heading", subheading: "subheading" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
602
|
+
};
|
|
603
|
+
NvDrawerheader = __decorate([
|
|
604
|
+
ProxyCmp({
|
|
605
|
+
inputs: ['heading', 'subheading']
|
|
606
|
+
})
|
|
607
|
+
], NvDrawerheader);
|
|
608
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NvDrawerheader, decorators: [{
|
|
609
|
+
type: Component,
|
|
610
|
+
args: [{
|
|
611
|
+
selector: 'nv-drawerheader',
|
|
612
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
613
|
+
template: '<ng-content></ng-content>',
|
|
614
|
+
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
615
|
+
inputs: ['heading', 'subheading'],
|
|
616
|
+
standalone: false
|
|
617
|
+
}]
|
|
618
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
|
|
532
619
|
let NvFieldcheckbox = class NvFieldcheckbox {
|
|
533
620
|
constructor(c, r, z) {
|
|
534
621
|
this.z = z;
|
|
@@ -1712,6 +1799,9 @@ const DIRECTIVES = [
|
|
|
1712
1799
|
NvDialog,
|
|
1713
1800
|
NvDialogfooter,
|
|
1714
1801
|
NvDialogheader,
|
|
1802
|
+
NvDrawer,
|
|
1803
|
+
NvDrawerfooter,
|
|
1804
|
+
NvDrawerheader,
|
|
1715
1805
|
NvFieldcheckbox,
|
|
1716
1806
|
NvFielddate,
|
|
1717
1807
|
NvFielddaterange,
|
|
@@ -2564,6 +2654,12 @@ class NvDatatable {
|
|
|
2564
2654
|
this.columns = input([]);
|
|
2565
2655
|
/** Row data */
|
|
2566
2656
|
this.rows = input([]);
|
|
2657
|
+
/**
|
|
2658
|
+
* Data handling mode for sorting and filtering operations.
|
|
2659
|
+
* - 'client': All operations handled in browser (default)
|
|
2660
|
+
* - 'server': Operations trigger callbacks for server-side handling
|
|
2661
|
+
*/
|
|
2662
|
+
this.mode = input('client');
|
|
2567
2663
|
/** Optional pagination configuration */
|
|
2568
2664
|
this.pagination = input(undefined);
|
|
2569
2665
|
/** Optional sorting configuration */
|
|
@@ -2592,7 +2688,7 @@ class NvDatatable {
|
|
|
2592
2688
|
/** Intersection observer for infinite scroll */
|
|
2593
2689
|
this.observer = null;
|
|
2594
2690
|
/** Helper to check if using infinite scroll */
|
|
2595
|
-
this.isInfiniteScroll = computed(() => this.pagination()?.
|
|
2691
|
+
this.isInfiniteScroll = computed(() => this.pagination()?.infinite === true);
|
|
2596
2692
|
/** Computed table columns with proper typing and filtering. */
|
|
2597
2693
|
this.tableColumns = computed(() => {
|
|
2598
2694
|
const templateMap = this.cellTemplateMap();
|
|
@@ -2655,21 +2751,24 @@ class NvDatatable {
|
|
|
2655
2751
|
this.tableInstance = createAngularTable(() => {
|
|
2656
2752
|
const paginationConfig = this.pagination();
|
|
2657
2753
|
const sortingConfig = this.sorting();
|
|
2754
|
+
const componentMode = this.mode();
|
|
2755
|
+
const isServerMode = componentMode === 'server';
|
|
2756
|
+
const isInfinite = paginationConfig?.infinite === true;
|
|
2658
2757
|
// Determine base table configuration with sorting
|
|
2659
2758
|
const getBaseTableConfig = () => {
|
|
2660
2759
|
const baseConfig = {
|
|
2661
2760
|
data: this.rows(),
|
|
2662
2761
|
columns: this.tableColumns(),
|
|
2663
2762
|
getCoreRowModel: getCoreRowModel(),
|
|
2664
|
-
// Sorting configuration
|
|
2763
|
+
// Sorting configuration - uses top-level mode
|
|
2665
2764
|
...(sortingConfig && {
|
|
2666
2765
|
state: {
|
|
2667
|
-
sorting:
|
|
2766
|
+
sorting: isServerMode && sortingConfig.sortState
|
|
2668
2767
|
? sortingConfig.sortState
|
|
2669
2768
|
: this.sortingState(),
|
|
2670
2769
|
},
|
|
2671
2770
|
onSortingChange: (updaterOrValue) => {
|
|
2672
|
-
const currentSort =
|
|
2771
|
+
const currentSort = isServerMode && sortingConfig.sortState
|
|
2673
2772
|
? sortingConfig.sortState
|
|
2674
2773
|
: this.sortingState();
|
|
2675
2774
|
const newSort = typeof updaterOrValue === 'function'
|
|
@@ -2678,12 +2777,11 @@ class NvDatatable {
|
|
|
2678
2777
|
// Always update internal state for reactivity
|
|
2679
2778
|
this.sortingState.set(newSort);
|
|
2680
2779
|
// For server-side sorting, also call the callback
|
|
2681
|
-
if (
|
|
2682
|
-
sortingConfig.onSortingChange) {
|
|
2780
|
+
if (isServerMode && sortingConfig.onSortingChange) {
|
|
2683
2781
|
sortingConfig.onSortingChange(newSort);
|
|
2684
2782
|
}
|
|
2685
2783
|
},
|
|
2686
|
-
manualSorting:
|
|
2784
|
+
manualSorting: isServerMode,
|
|
2687
2785
|
enableSorting: true,
|
|
2688
2786
|
enableMultiSort: sortingConfig.enableMultiSort ?? false,
|
|
2689
2787
|
enableSortingRemoval: sortingConfig.enableSortingRemoval ?? true,
|
|
@@ -2693,17 +2791,22 @@ class NvDatatable {
|
|
|
2693
2791
|
isMultiSortEvent: sortingConfig.enableMultiSort
|
|
2694
2792
|
? () => true
|
|
2695
2793
|
: undefined,
|
|
2696
|
-
getSortedRowModel:
|
|
2794
|
+
getSortedRowModel: !isServerMode ? getSortedRowModel() : undefined,
|
|
2697
2795
|
}),
|
|
2698
2796
|
};
|
|
2699
2797
|
return baseConfig;
|
|
2700
2798
|
};
|
|
2701
|
-
|
|
2702
|
-
|
|
2799
|
+
// Infinite scroll mode (requires server mode)
|
|
2800
|
+
if (isInfinite) {
|
|
2801
|
+
// No pagination row model for infinite scroll - simple config
|
|
2703
2802
|
return getBaseTableConfig();
|
|
2704
2803
|
}
|
|
2705
|
-
|
|
2706
|
-
|
|
2804
|
+
// No pagination configured
|
|
2805
|
+
if (!paginationConfig) {
|
|
2806
|
+
return getBaseTableConfig();
|
|
2807
|
+
}
|
|
2808
|
+
// Client-side pagination
|
|
2809
|
+
if (!isServerMode) {
|
|
2707
2810
|
return {
|
|
2708
2811
|
...getBaseTableConfig(),
|
|
2709
2812
|
getPaginationRowModel: getPaginationRowModel(),
|
|
@@ -2715,37 +2818,35 @@ class NvDatatable {
|
|
|
2715
2818
|
},
|
|
2716
2819
|
};
|
|
2717
2820
|
}
|
|
2718
|
-
|
|
2719
|
-
|
|
2720
|
-
|
|
2721
|
-
|
|
2722
|
-
|
|
2723
|
-
|
|
2724
|
-
|
|
2725
|
-
|
|
2726
|
-
|
|
2727
|
-
|
|
2728
|
-
|
|
2729
|
-
|
|
2730
|
-
|
|
2731
|
-
|
|
2732
|
-
|
|
2733
|
-
|
|
2734
|
-
|
|
2735
|
-
|
|
2736
|
-
|
|
2737
|
-
|
|
2738
|
-
|
|
2739
|
-
|
|
2740
|
-
|
|
2741
|
-
|
|
2742
|
-
|
|
2743
|
-
|
|
2744
|
-
|
|
2745
|
-
|
|
2746
|
-
|
|
2747
|
-
};
|
|
2748
|
-
}
|
|
2821
|
+
// Server-side pagination - manual pagination with reactive state
|
|
2822
|
+
const baseConfig = getBaseTableConfig();
|
|
2823
|
+
const pageSize = this.paginationState().pageSize;
|
|
2824
|
+
return {
|
|
2825
|
+
...baseConfig,
|
|
2826
|
+
manualPagination: true,
|
|
2827
|
+
pageCount: paginationConfig.totalPageCount !== undefined
|
|
2828
|
+
? paginationConfig.totalPageCount
|
|
2829
|
+
: paginationConfig.totalRowCount !== undefined
|
|
2830
|
+
? Math.ceil(paginationConfig.totalRowCount / pageSize)
|
|
2831
|
+
: -1,
|
|
2832
|
+
state: {
|
|
2833
|
+
pagination: this.paginationState(),
|
|
2834
|
+
...(baseConfig.state && { sorting: baseConfig.state.sorting }),
|
|
2835
|
+
},
|
|
2836
|
+
onPaginationChange: (updaterOrValue) => {
|
|
2837
|
+
const newState = typeof updaterOrValue === 'function'
|
|
2838
|
+
? updaterOrValue(this.paginationState())
|
|
2839
|
+
: updaterOrValue;
|
|
2840
|
+
this.paginationState.set(newState);
|
|
2841
|
+
// Call user's callback for server-side pagination
|
|
2842
|
+
if (paginationConfig.onPaginationChange) {
|
|
2843
|
+
paginationConfig.onPaginationChange({
|
|
2844
|
+
pageIndex: newState.pageIndex,
|
|
2845
|
+
pageSize: newState.pageSize,
|
|
2846
|
+
});
|
|
2847
|
+
}
|
|
2848
|
+
},
|
|
2849
|
+
};
|
|
2749
2850
|
});
|
|
2750
2851
|
/** Build pagination API for template */
|
|
2751
2852
|
this.paginationAPI = computed(() => {
|
|
@@ -2753,10 +2854,13 @@ class NvDatatable {
|
|
|
2753
2854
|
if (!paginationConfig) {
|
|
2754
2855
|
return null;
|
|
2755
2856
|
}
|
|
2857
|
+
const componentMode = this.mode();
|
|
2858
|
+
const isServerMode = componentMode === 'server';
|
|
2859
|
+
const isInfinite = paginationConfig.infinite === true;
|
|
2756
2860
|
const table = this.table();
|
|
2757
2861
|
const tablePaginationState = table.getState().pagination;
|
|
2758
2862
|
const pageCount = table.getPageCount();
|
|
2759
|
-
const rowCount =
|
|
2863
|
+
const rowCount = isServerMode
|
|
2760
2864
|
? paginationConfig.totalRowCount || this.rows().length
|
|
2761
2865
|
: this.rows().length;
|
|
2762
2866
|
return {
|
|
@@ -2772,25 +2876,31 @@ class NvDatatable {
|
|
|
2772
2876
|
setPageSize: (size) => table.setPageSize(size),
|
|
2773
2877
|
canPreviousPage: table.getCanPreviousPage(),
|
|
2774
2878
|
canNextPage: table.getCanNextPage(),
|
|
2775
|
-
isLoading: paginationConfig.
|
|
2776
|
-
|
|
2777
|
-
: undefined,
|
|
2778
|
-
hasMore: paginationConfig.mode === 'infinite'
|
|
2779
|
-
? paginationConfig.hasMore
|
|
2780
|
-
: undefined,
|
|
2879
|
+
isLoading: isInfinite ? paginationConfig.isLoading : undefined,
|
|
2880
|
+
hasMore: isInfinite ? paginationConfig.hasMore : undefined,
|
|
2781
2881
|
};
|
|
2782
2882
|
});
|
|
2883
|
+
// Validate infinite scroll requires server mode
|
|
2884
|
+
effect(() => {
|
|
2885
|
+
const paginationConfig = this.pagination();
|
|
2886
|
+
const componentMode = this.mode();
|
|
2887
|
+
if (paginationConfig?.infinite === true && componentMode !== 'server') {
|
|
2888
|
+
console.warn('[NvDatatable] pagination.infinite=true requires mode="server". ' +
|
|
2889
|
+
'Infinite scroll relies on server-side data loading.');
|
|
2890
|
+
}
|
|
2891
|
+
});
|
|
2783
2892
|
// Set up intersection observer for infinite scroll
|
|
2784
2893
|
effect(() => {
|
|
2785
2894
|
const paginationConfig = this.pagination();
|
|
2786
2895
|
const rows = this.rows(); // Track rows changes
|
|
2896
|
+
const isInfinite = paginationConfig?.infinite === true;
|
|
2787
2897
|
// Clean up existing observer
|
|
2788
2898
|
if (this.observer) {
|
|
2789
2899
|
this.observer.disconnect();
|
|
2790
2900
|
this.observer = null;
|
|
2791
2901
|
}
|
|
2792
2902
|
// Only set up observer for infinite scroll mode
|
|
2793
|
-
if (
|
|
2903
|
+
if (!isInfinite || rows.length === 0) {
|
|
2794
2904
|
return;
|
|
2795
2905
|
}
|
|
2796
2906
|
// Use setTimeout to ensure DOM is updated
|
|
@@ -2805,7 +2915,6 @@ class NvDatatable {
|
|
|
2805
2915
|
this.observer = new IntersectionObserver((entries) => {
|
|
2806
2916
|
const entry = entries[0];
|
|
2807
2917
|
if (entry.isIntersecting &&
|
|
2808
|
-
paginationConfig.mode === 'infinite' &&
|
|
2809
2918
|
paginationConfig.hasMore &&
|
|
2810
2919
|
!paginationConfig.isLoading &&
|
|
2811
2920
|
paginationConfig.onLoadMore) {
|
|
@@ -2838,7 +2947,7 @@ class NvDatatable {
|
|
|
2838
2947
|
}
|
|
2839
2948
|
}
|
|
2840
2949
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NvDatatable, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2841
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: NvDatatable, isStandalone: true, selector: "nv-datatable", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, pagination: { classPropertyName: "pagination", publicName: "pagination", isSignal: true, isRequired: false, transformFunction: null }, sorting: { classPropertyName: "sorting", publicName: "sorting", isSignal: true, isRequired: false, transformFunction: null }, stickyHeader: { classPropertyName: "stickyHeader", publicName: "stickyHeader", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "paginationTemplate", first: true, predicate: ["paginationTemplate"], descendants: true, read: TemplateRef }, { propertyName: "cellTemplates", predicate: NvDatatableCellDirective }], viewQueries: [{ propertyName: "tableRows", first: true, predicate: ["tableRow"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
2950
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: NvDatatable, isStandalone: true, selector: "nv-datatable", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, pagination: { classPropertyName: "pagination", publicName: "pagination", isSignal: true, isRequired: false, transformFunction: null }, sorting: { classPropertyName: "sorting", publicName: "sorting", isSignal: true, isRequired: false, transformFunction: null }, stickyHeader: { classPropertyName: "stickyHeader", publicName: "stickyHeader", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "paginationTemplate", first: true, predicate: ["paginationTemplate"], descendants: true, read: TemplateRef }, { propertyName: "cellTemplates", predicate: NvDatatableCellDirective }], viewQueries: [{ propertyName: "tableRows", first: true, predicate: ["tableRow"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
2842
2951
|
<nv-table>
|
|
2843
2952
|
<table>
|
|
2844
2953
|
<thead [attr.data-sticky-top]="stickyHeader() ? 'true' : null">
|
|
@@ -3252,6 +3361,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3252
3361
|
type: HostListener,
|
|
3253
3362
|
args: ['openChanged', ['$event']]
|
|
3254
3363
|
}] } });
|
|
3364
|
+
class NvDrawerValueAccessor extends ValueAccessor {
|
|
3365
|
+
constructor(el) {
|
|
3366
|
+
super(el);
|
|
3367
|
+
}
|
|
3368
|
+
handleOpenChanged(event) {
|
|
3369
|
+
this.handleChangeEvent(event.target.open);
|
|
3370
|
+
}
|
|
3371
|
+
writeValue(value) {
|
|
3372
|
+
this.el.nativeElement.open = this.lastValue = value;
|
|
3373
|
+
}
|
|
3374
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NvDrawerValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3375
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: NvDrawerValueAccessor, selector: "nv-drawer", host: { listeners: { "openChanged": "handleOpenChanged($event)" } }, providers: [
|
|
3376
|
+
{
|
|
3377
|
+
provide: NG_VALUE_ACCESSOR,
|
|
3378
|
+
useExisting: NvDrawerValueAccessor,
|
|
3379
|
+
multi: true,
|
|
3380
|
+
},
|
|
3381
|
+
], usesInheritance: true, ngImport: i0 }); }
|
|
3382
|
+
}
|
|
3383
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NvDrawerValueAccessor, decorators: [{
|
|
3384
|
+
type: Directive,
|
|
3385
|
+
args: [{
|
|
3386
|
+
selector: 'nv-drawer',
|
|
3387
|
+
providers: [
|
|
3388
|
+
{
|
|
3389
|
+
provide: NG_VALUE_ACCESSOR,
|
|
3390
|
+
useExisting: NvDrawerValueAccessor,
|
|
3391
|
+
multi: true,
|
|
3392
|
+
},
|
|
3393
|
+
],
|
|
3394
|
+
}]
|
|
3395
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { handleOpenChanged: [{
|
|
3396
|
+
type: HostListener,
|
|
3397
|
+
args: ['openChanged', ['$event']]
|
|
3398
|
+
}] } });
|
|
3255
3399
|
class NvFieldcheckboxValueAccessor extends ValueAccessor {
|
|
3256
3400
|
constructor(el) {
|
|
3257
3401
|
super(el);
|
|
@@ -3923,6 +4067,7 @@ const VALUE_ACCESSORS = [
|
|
|
3923
4067
|
NvCalendarValueAccessor,
|
|
3924
4068
|
NvDatagridValueAccessor,
|
|
3925
4069
|
NvDialogValueAccessor,
|
|
4070
|
+
NvDrawerValueAccessor,
|
|
3926
4071
|
NvFieldcheckboxValueAccessor,
|
|
3927
4072
|
NvFielddateValueAccessor,
|
|
3928
4073
|
NvFielddaterangeValueAccessor,
|
|
@@ -3958,7 +4103,7 @@ function provideNovaComponents() {
|
|
|
3958
4103
|
}
|
|
3959
4104
|
class NovaComponentsModule {
|
|
3960
4105
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NovaComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3961
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: NovaComponentsModule, declarations: [NvAccordion, NvAccordionItem, NvAlert, NvAvatar, NvBadge, NvBreadcrumb, NvBreadcrumbs, NvButton, NvButtongroup, NvCalendar, NvCol, NvDatagrid, NvDatagridcolumn, NvDialog, NvDialogfooter, NvDialogheader, NvFieldcheckbox, NvFielddate, NvFielddaterange, NvFielddropdown, NvFielddropdownitem, NvFielddropdownitemcheck, NvFieldmultiselect, NvFieldnumber, NvFieldpassword, NvFieldradio, NvFieldselect, NvFieldslider, NvFieldtext, NvFieldtextarea, NvFieldtime, NvIcon, NvIconbutton, NvLoader, NvMenu, NvMenuitem, NvNotification, NvNotificationBullet, NvNotificationcontainer, NvPopover, NvRow, NvSidebar, NvSidebarcontent, NvSidebardivider, NvSidebarfooter, NvSidebargroup, NvSidebarheader, NvSidebarlogo, NvSidebarnavitem, NvSidebarnavsubitem, NvSplit, NvStack, NvTable, NvTableheader, NvToggle, NvTogglebutton, NvTogglebuttongroup, NvTooltip], imports: [NvDatatable], exports: [NvAccordion, NvAccordionItem, NvAlert, NvAvatar, NvBadge, NvBreadcrumb, NvBreadcrumbs, NvButton, NvButtongroup, NvCalendar, NvCol, NvDatagrid, NvDatagridcolumn, NvDialog, NvDialogfooter, NvDialogheader, NvFieldcheckbox, NvFielddate, NvFielddaterange, NvFielddropdown, NvFielddropdownitem, NvFielddropdownitemcheck, NvFieldmultiselect, NvFieldnumber, NvFieldpassword, NvFieldradio, NvFieldselect, NvFieldslider, NvFieldtext, NvFieldtextarea, NvFieldtime, NvIcon, NvIconbutton, NvLoader, NvMenu, NvMenuitem, NvNotification, NvNotificationBullet, NvNotificationcontainer, NvPopover, NvRow, NvSidebar, NvSidebarcontent, NvSidebardivider, NvSidebarfooter, NvSidebargroup, NvSidebarheader, NvSidebarlogo, NvSidebarnavitem, NvSidebarnavsubitem, NvSplit, NvStack, NvTable, NvTableheader, NvToggle, NvTogglebutton, NvTogglebuttongroup, NvTooltip, NvDatatable] }); }
|
|
4106
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: NovaComponentsModule, declarations: [NvAccordion, NvAccordionItem, NvAlert, NvAvatar, NvBadge, NvBreadcrumb, NvBreadcrumbs, NvButton, NvButtongroup, NvCalendar, NvCol, NvDatagrid, NvDatagridcolumn, NvDialog, NvDialogfooter, NvDialogheader, NvDrawer, NvDrawerfooter, NvDrawerheader, NvFieldcheckbox, NvFielddate, NvFielddaterange, NvFielddropdown, NvFielddropdownitem, NvFielddropdownitemcheck, NvFieldmultiselect, NvFieldnumber, NvFieldpassword, NvFieldradio, NvFieldselect, NvFieldslider, NvFieldtext, NvFieldtextarea, NvFieldtime, NvIcon, NvIconbutton, NvLoader, NvMenu, NvMenuitem, NvNotification, NvNotificationBullet, NvNotificationcontainer, NvPopover, NvRow, NvSidebar, NvSidebarcontent, NvSidebardivider, NvSidebarfooter, NvSidebargroup, NvSidebarheader, NvSidebarlogo, NvSidebarnavitem, NvSidebarnavsubitem, NvSplit, NvStack, NvTable, NvTableheader, NvToggle, NvTogglebutton, NvTogglebuttongroup, NvTooltip], imports: [NvDatatable], exports: [NvAccordion, NvAccordionItem, NvAlert, NvAvatar, NvBadge, NvBreadcrumb, NvBreadcrumbs, NvButton, NvButtongroup, NvCalendar, NvCol, NvDatagrid, NvDatagridcolumn, NvDialog, NvDialogfooter, NvDialogheader, NvDrawer, NvDrawerfooter, NvDrawerheader, NvFieldcheckbox, NvFielddate, NvFielddaterange, NvFielddropdown, NvFielddropdownitem, NvFielddropdownitemcheck, NvFieldmultiselect, NvFieldnumber, NvFieldpassword, NvFieldradio, NvFieldselect, NvFieldslider, NvFieldtext, NvFieldtextarea, NvFieldtime, NvIcon, NvIconbutton, NvLoader, NvMenu, NvMenuitem, NvNotification, NvNotificationBullet, NvNotificationcontainer, NvPopover, NvRow, NvSidebar, NvSidebarcontent, NvSidebardivider, NvSidebarfooter, NvSidebargroup, NvSidebarheader, NvSidebarlogo, NvSidebarnavitem, NvSidebarnavsubitem, NvSplit, NvStack, NvTable, NvTableheader, NvToggle, NvTogglebutton, NvTogglebuttongroup, NvTooltip, NvDatatable] }); }
|
|
3962
4107
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NovaComponentsModule, providers: [provideNovaComponents()], imports: [NvDatatable] }); }
|
|
3963
4108
|
}
|
|
3964
4109
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NovaComponentsModule, decorators: [{
|
|
@@ -3972,7 +4117,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3972
4117
|
}] });
|
|
3973
4118
|
class NovaComponentsValueAccessorModule {
|
|
3974
4119
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NovaComponentsValueAccessorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3975
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: NovaComponentsValueAccessorModule, declarations: [NvAccordionValueAccessor, NvAlertValueAccessor, NvCalendarValueAccessor, NvDatagridValueAccessor, NvDialogValueAccessor, NvFieldcheckboxValueAccessor, NvFielddateValueAccessor, NvFielddaterangeValueAccessor, NvFielddropdownValueAccessor, NvFieldmultiselectValueAccessor, NvFieldnumberValueAccessor, NvFieldpasswordValueAccessor, NvFieldradioValueAccessor, NvFieldselectValueAccessor, NvFieldsliderValueAccessor, NvFieldtextValueAccessor, NvFieldtextareaValueAccessor, NvFieldtimeValueAccessor, NvNotificationValueAccessor, NvPopoverValueAccessor, NvSidebarValueAccessor, NvSplitValueAccessor, NvToggleValueAccessor, NvTogglebuttongroupValueAccessor], exports: [NvAccordionValueAccessor, NvAlertValueAccessor, NvCalendarValueAccessor, NvDatagridValueAccessor, NvDialogValueAccessor, NvFieldcheckboxValueAccessor, NvFielddateValueAccessor, NvFielddaterangeValueAccessor, NvFielddropdownValueAccessor, NvFieldmultiselectValueAccessor, NvFieldnumberValueAccessor, NvFieldpasswordValueAccessor, NvFieldradioValueAccessor, NvFieldselectValueAccessor, NvFieldsliderValueAccessor, NvFieldtextValueAccessor, NvFieldtextareaValueAccessor, NvFieldtimeValueAccessor, NvNotificationValueAccessor, NvPopoverValueAccessor, NvSidebarValueAccessor, NvSplitValueAccessor, NvToggleValueAccessor, NvTogglebuttongroupValueAccessor] }); }
|
|
4120
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: NovaComponentsValueAccessorModule, declarations: [NvAccordionValueAccessor, NvAlertValueAccessor, NvCalendarValueAccessor, NvDatagridValueAccessor, NvDialogValueAccessor, NvDrawerValueAccessor, NvFieldcheckboxValueAccessor, NvFielddateValueAccessor, NvFielddaterangeValueAccessor, NvFielddropdownValueAccessor, NvFieldmultiselectValueAccessor, NvFieldnumberValueAccessor, NvFieldpasswordValueAccessor, NvFieldradioValueAccessor, NvFieldselectValueAccessor, NvFieldsliderValueAccessor, NvFieldtextValueAccessor, NvFieldtextareaValueAccessor, NvFieldtimeValueAccessor, NvNotificationValueAccessor, NvPopoverValueAccessor, NvSidebarValueAccessor, NvSplitValueAccessor, NvToggleValueAccessor, NvTogglebuttongroupValueAccessor], exports: [NvAccordionValueAccessor, NvAlertValueAccessor, NvCalendarValueAccessor, NvDatagridValueAccessor, NvDialogValueAccessor, NvDrawerValueAccessor, NvFieldcheckboxValueAccessor, NvFielddateValueAccessor, NvFielddaterangeValueAccessor, NvFielddropdownValueAccessor, NvFieldmultiselectValueAccessor, NvFieldnumberValueAccessor, NvFieldpasswordValueAccessor, NvFieldradioValueAccessor, NvFieldselectValueAccessor, NvFieldsliderValueAccessor, NvFieldtextValueAccessor, NvFieldtextareaValueAccessor, NvFieldtimeValueAccessor, NvNotificationValueAccessor, NvPopoverValueAccessor, NvSidebarValueAccessor, NvSplitValueAccessor, NvToggleValueAccessor, NvTogglebuttongroupValueAccessor] }); }
|
|
3976
4121
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NovaComponentsValueAccessorModule }); }
|
|
3977
4122
|
}
|
|
3978
4123
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NovaComponentsValueAccessorModule, decorators: [{
|
|
@@ -4332,5 +4477,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
4332
4477
|
* Generated bundle index. Do not edit.
|
|
4333
4478
|
*/
|
|
4334
4479
|
|
|
4335
|
-
export { NotificationService, NotificationServiceComponent, NovaComponentsModule, NovaComponentsValueAccessorModule, NvAccordion, NvAccordionItem, NvAccordionValueAccessor, NvAlert, NvAlertValueAccessor, NvAvatar, NvBadge, NvBreadcrumb, NvBreadcrumbs, NvButton, NvButtongroup, NvCalendar, NvCalendarValueAccessor, NvCol, NvDatagrid, NvDatagridValueAccessor, NvDatagridcolumn, NvDatatable, NvDatatableCellDirective, NvDialog, NvDialogValueAccessor, NvDialogfooter, NvDialogheader, NvFieldcheckbox, NvFieldcheckboxValueAccessor, NvFielddate, NvFielddateValueAccessor, NvFielddaterange, NvFielddaterangeValueAccessor, NvFielddropdown, NvFielddropdownValueAccessor, NvFielddropdownitem, NvFielddropdownitemcheck, NvFieldmultiselect, NvFieldmultiselectValueAccessor, NvFieldnumber, NvFieldnumberValueAccessor, NvFieldpassword, NvFieldpasswordValueAccessor, NvFieldradio, NvFieldradioValueAccessor, NvFieldselect, NvFieldselectValueAccessor, NvFieldslider, NvFieldsliderValueAccessor, NvFieldtext, NvFieldtextValueAccessor, NvFieldtextarea, NvFieldtextareaValueAccessor, NvFieldtime, NvFieldtimeValueAccessor, NvIcon, NvIconbutton, NvLoader, NvMenu, NvMenuitem, NvNotification, NvNotificationBullet, NvNotificationValueAccessor, NvNotificationcontainer, NvPopover, NvPopoverValueAccessor, NvRow, NvSidebar, NvSidebarValueAccessor, NvSidebarcontent, NvSidebardivider, NvSidebarfooter, NvSidebargroup, NvSidebarheader, NvSidebarlogo, NvSidebarnavitem, NvSidebarnavsubitem, NvSplit, NvSplitValueAccessor, NvStack, NvTable, NvTableheader, NvToggle, NvToggleValueAccessor, NvTogglebutton, NvTogglebuttongroup, NvTogglebuttongroupValueAccessor, NvTooltip, VALUE_ACCESSORS, makeColumn, flexRenderComponent as nvDatatableRenderComponent, provideNovaComponents };
|
|
4480
|
+
export { NotificationService, NotificationServiceComponent, NovaComponentsModule, NovaComponentsValueAccessorModule, NvAccordion, NvAccordionItem, NvAccordionValueAccessor, NvAlert, NvAlertValueAccessor, NvAvatar, NvBadge, NvBreadcrumb, NvBreadcrumbs, NvButton, NvButtongroup, NvCalendar, NvCalendarValueAccessor, NvCol, NvDatagrid, NvDatagridValueAccessor, NvDatagridcolumn, NvDatatable, NvDatatableCellDirective, NvDialog, NvDialogValueAccessor, NvDialogfooter, NvDialogheader, NvDrawer, NvDrawerValueAccessor, NvDrawerfooter, NvDrawerheader, NvFieldcheckbox, NvFieldcheckboxValueAccessor, NvFielddate, NvFielddateValueAccessor, NvFielddaterange, NvFielddaterangeValueAccessor, NvFielddropdown, NvFielddropdownValueAccessor, NvFielddropdownitem, NvFielddropdownitemcheck, NvFieldmultiselect, NvFieldmultiselectValueAccessor, NvFieldnumber, NvFieldnumberValueAccessor, NvFieldpassword, NvFieldpasswordValueAccessor, NvFieldradio, NvFieldradioValueAccessor, NvFieldselect, NvFieldselectValueAccessor, NvFieldslider, NvFieldsliderValueAccessor, NvFieldtext, NvFieldtextValueAccessor, NvFieldtextarea, NvFieldtextareaValueAccessor, NvFieldtime, NvFieldtimeValueAccessor, NvIcon, NvIconbutton, NvLoader, NvMenu, NvMenuitem, NvNotification, NvNotificationBullet, NvNotificationValueAccessor, NvNotificationcontainer, NvPopover, NvPopoverValueAccessor, NvRow, NvSidebar, NvSidebarValueAccessor, NvSidebarcontent, NvSidebardivider, NvSidebarfooter, NvSidebargroup, NvSidebarheader, NvSidebarlogo, NvSidebarnavitem, NvSidebarnavsubitem, NvSplit, NvSplitValueAccessor, NvStack, NvTable, NvTableheader, NvToggle, NvToggleValueAccessor, NvTogglebutton, NvTogglebuttongroup, NvTogglebuttongroupValueAccessor, NvTooltip, VALUE_ACCESSORS, makeColumn, flexRenderComponent as nvDatatableRenderComponent, provideNovaComponents };
|
|
4336
4481
|
//# sourceMappingURL=nova-components.mjs.map
|