@nova-design-system/nova-angular-18 3.23.0 → 3.25.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 +115 -66
- package/dist/nova-components/esm2022/lib/nova-components.module.mjs +3 -3
- package/dist/nova-components/esm2022/lib/stencil-generated/component-value-accessors.mjs +73 -1
- package/dist/nova-components/esm2022/lib/stencil-generated/components.mjs +125 -1
- package/dist/nova-components/esm2022/lib/stencil-generated/index.mjs +5 -1
- package/dist/nova-components/fesm2022/nova-components.mjs +313 -68
- package/dist/nova-components/fesm2022/nova-components.mjs.map +1 -1
- package/dist/nova-components/lib/components/nv-datatable.component.d.ts +24 -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 +15 -1
- package/dist/nova-components/lib/stencil-generated/components.d.ts +63 -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,
|
|
@@ -39,6 +42,7 @@ export const DIRECTIVES = [
|
|
|
39
42
|
d.NvNotification,
|
|
40
43
|
d.NvNotificationBullet,
|
|
41
44
|
d.NvNotificationcontainer,
|
|
45
|
+
d.NvPaginationtable,
|
|
42
46
|
d.NvPopover,
|
|
43
47
|
d.NvRow,
|
|
44
48
|
d.NvSidebar,
|
|
@@ -59,4 +63,4 @@ export const DIRECTIVES = [
|
|
|
59
63
|
d.NvTogglebuttongroup,
|
|
60
64
|
d.NvTooltip
|
|
61
65
|
];
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ub3ZhLWNvbXBvbmVudHMvc3JjL2xpYi9zdGVuY2lsLWdlbmVyYXRlZC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEtBQUssQ0FBQyxNQUFNLGNBQWMsQ0FBQztBQUVsQyxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUc7SUFDeEIsQ0FBQyxDQUFDLFdBQVc7SUFDYixDQUFDLENBQUMsZUFBZTtJQUNqQixDQUFDLENBQUMsT0FBTztJQUNULENBQUMsQ0FBQyxRQUFRO0lBQ1YsQ0FBQyxDQUFDLE9BQU87SUFDVCxDQUFDLENBQUMsWUFBWTtJQUNkLENBQUMsQ0FBQyxhQUFhO0lBQ2YsQ0FBQyxDQUFDLFFBQVE7SUFDVixDQUFDLENBQUMsYUFBYTtJQUNmLENBQUMsQ0FBQyxVQUFVO0lBQ1osQ0FBQyxDQUFDLEtBQUs7SUFDUCxDQUFDLENBQUMsVUFBVTtJQUNaLENBQUMsQ0FBQyxnQkFBZ0I7SUFDbEIsQ0FBQyxDQUFDLFFBQVE7SUFDVixDQUFDLENBQUMsY0FBYztJQUNoQixDQUFDLENBQUMsY0FBYztJQUNoQixDQUFDLENBQUMsUUFBUTtJQUNWLENBQUMsQ0FBQyxjQUFjO0lBQ2hCLENBQUMsQ0FBQyxjQUFjO0lBQ2hCLENBQUMsQ0FBQyxlQUFlO0lBQ2pCLENBQUMsQ0FBQyxXQUFXO0lBQ2IsQ0FBQyxDQUFDLGdCQUFnQjtJQUNsQixDQUFDLENBQUMsZUFBZTtJQUNqQixDQUFDLENBQUMsbUJBQW1CO0lBQ3JCLENBQUMsQ0FBQyx3QkFBd0I7SUFDMUIsQ0FBQyxDQUFDLGtCQUFrQjtJQUNwQixDQUFDLENBQUMsYUFBYTtJQUNmLENBQUMsQ0FBQyxlQUFlO0lBQ2pCLENBQUMsQ0FBQyxZQUFZO0lBQ2QsQ0FBQyxDQUFDLGFBQWE7SUFDZixDQUFDLENBQUMsYUFBYTtJQUNmLENBQUMsQ0FBQyxXQUFXO0lBQ2IsQ0FBQyxDQUFDLGVBQWU7SUFDakIsQ0FBQyxDQUFDLFdBQVc7SUFDYixDQUFDLENBQUMsTUFBTTtJQUNSLENBQUMsQ0FBQyxZQUFZO0lBQ2QsQ0FBQyxDQUFDLFFBQVE7SUFDVixDQUFDLENBQUMsTUFBTTtJQUNSLENBQUMsQ0FBQyxVQUFVO0lBQ1osQ0FBQyxDQUFDLGNBQWM7SUFDaEIsQ0FBQyxDQUFDLG9CQUFvQjtJQUN0QixDQUFDLENBQUMsdUJBQXVCO0lBQ3pCLENBQUMsQ0FBQyxpQkFBaUI7SUFDbkIsQ0FBQyxDQUFDLFNBQVM7SUFDWCxDQUFDLENBQUMsS0FBSztJQUNQLENBQUMsQ0FBQyxTQUFTO0lBQ1gsQ0FBQyxDQUFDLGdCQUFnQjtJQUNsQixDQUFDLENBQUMsZ0JBQWdCO0lBQ2xCLENBQUMsQ0FBQyxlQUFlO0lBQ2pCLENBQUMsQ0FBQyxjQUFjO0lBQ2hCLENBQUMsQ0FBQyxlQUFlO0lBQ2pCLENBQUMsQ0FBQyxhQUFhO0lBQ2YsQ0FBQyxDQUFDLGdCQUFnQjtJQUNsQixDQUFDLENBQUMsbUJBQW1CO0lBQ3JCLENBQUMsQ0FBQyxPQUFPO0lBQ1QsQ0FBQyxDQUFDLE9BQU87SUFDVCxDQUFDLENBQUMsT0FBTztJQUNULENBQUMsQ0FBQyxhQUFhO0lBQ2YsQ0FBQyxDQUFDLFFBQVE7SUFDVixDQUFDLENBQUMsY0FBYztJQUNoQixDQUFDLENBQUMsbUJBQW1CO0lBQ3JCLENBQUMsQ0FBQyxTQUFTO0NBQ1osQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0ICogYXMgZCBmcm9tICcuL2NvbXBvbmVudHMnO1xuXG5leHBvcnQgY29uc3QgRElSRUNUSVZFUyA9IFtcbiAgZC5OdkFjY29yZGlvbixcbiAgZC5OdkFjY29yZGlvbkl0ZW0sXG4gIGQuTnZBbGVydCxcbiAgZC5OdkF2YXRhcixcbiAgZC5OdkJhZGdlLFxuICBkLk52QnJlYWRjcnVtYixcbiAgZC5OdkJyZWFkY3J1bWJzLFxuICBkLk52QnV0dG9uLFxuICBkLk52QnV0dG9uZ3JvdXAsXG4gIGQuTnZDYWxlbmRhcixcbiAgZC5OdkNvbCxcbiAgZC5OdkRhdGFncmlkLFxuICBkLk52RGF0YWdyaWRjb2x1bW4sXG4gIGQuTnZEaWFsb2csXG4gIGQuTnZEaWFsb2dmb290ZXIsXG4gIGQuTnZEaWFsb2doZWFkZXIsXG4gIGQuTnZEcmF3ZXIsXG4gIGQuTnZEcmF3ZXJmb290ZXIsXG4gIGQuTnZEcmF3ZXJoZWFkZXIsXG4gIGQuTnZGaWVsZGNoZWNrYm94LFxuICBkLk52RmllbGRkYXRlLFxuICBkLk52RmllbGRkYXRlcmFuZ2UsXG4gIGQuTnZGaWVsZGRyb3Bkb3duLFxuICBkLk52RmllbGRkcm9wZG93bml0ZW0sXG4gIGQuTnZGaWVsZGRyb3Bkb3duaXRlbWNoZWNrLFxuICBkLk52RmllbGRtdWx0aXNlbGVjdCxcbiAgZC5OdkZpZWxkbnVtYmVyLFxuICBkLk52RmllbGRwYXNzd29yZCxcbiAgZC5OdkZpZWxkcmFkaW8sXG4gIGQuTnZGaWVsZHNlbGVjdCxcbiAgZC5OdkZpZWxkc2xpZGVyLFxuICBkLk52RmllbGR0ZXh0LFxuICBkLk52RmllbGR0ZXh0YXJlYSxcbiAgZC5OdkZpZWxkdGltZSxcbiAgZC5Odkljb24sXG4gIGQuTnZJY29uYnV0dG9uLFxuICBkLk52TG9hZGVyLFxuICBkLk52TWVudSxcbiAgZC5Odk1lbnVpdGVtLFxuICBkLk52Tm90aWZpY2F0aW9uLFxuICBkLk52Tm90aWZpY2F0aW9uQnVsbGV0LFxuICBkLk52Tm90aWZpY2F0aW9uY29udGFpbmVyLFxuICBkLk52UGFnaW5hdGlvbnRhYmxlLFxuICBkLk52UG9wb3ZlcixcbiAgZC5OdlJvdyxcbiAgZC5OdlNpZGViYXIsXG4gIGQuTnZTaWRlYmFyY29udGVudCxcbiAgZC5OdlNpZGViYXJkaXZpZGVyLFxuICBkLk52U2lkZWJhcmZvb3RlcixcbiAgZC5OdlNpZGViYXJncm91cCxcbiAgZC5OdlNpZGViYXJoZWFkZXIsXG4gIGQuTnZTaWRlYmFybG9nbyxcbiAgZC5OdlNpZGViYXJuYXZpdGVtLFxuICBkLk52U2lkZWJhcm5hdnN1Yml0ZW0sXG4gIGQuTnZTcGxpdCxcbiAgZC5OdlN0YWNrLFxuICBkLk52VGFibGUsXG4gIGQuTnZUYWJsZWhlYWRlcixcbiAgZC5OdlRvZ2dsZSxcbiAgZC5OdlRvZ2dsZWJ1dHRvbixcbiAgZC5OdlRvZ2dsZWJ1dHRvbmdyb3VwLFxuICBkLk52VG9vbHRpcFxuXTtcbiJdfQ==
|
|
@@ -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;
|
|
@@ -1197,6 +1284,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1197
1284
|
standalone: false
|
|
1198
1285
|
}]
|
|
1199
1286
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
|
|
1287
|
+
let NvPaginationtable = class NvPaginationtable {
|
|
1288
|
+
constructor(c, r, z) {
|
|
1289
|
+
this.z = z;
|
|
1290
|
+
this.pageIndexChanged = new EventEmitter();
|
|
1291
|
+
this.pageSizeChanged = new EventEmitter();
|
|
1292
|
+
c.detach();
|
|
1293
|
+
this.el = r.nativeElement;
|
|
1294
|
+
}
|
|
1295
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NvPaginationtable, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1296
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NvPaginationtable, selector: "nv-paginationtable", inputs: { hideControls: "hideControls", hideFirstLast: "hideFirstLast", hidePrevNext: "hidePrevNext", labelPage: "labelPage", labelPageSizeOption: "labelPageSizeOption", labelTotal: "labelTotal", pageCount: "pageCount", pageIndex: "pageIndex", pageSize: "pageSize", rowCount: "rowCount" }, outputs: { pageIndexChanged: "pageIndexChanged", pageSizeChanged: "pageSizeChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1297
|
+
};
|
|
1298
|
+
NvPaginationtable = __decorate([
|
|
1299
|
+
ProxyCmp({
|
|
1300
|
+
inputs: ['hideControls', 'hideFirstLast', 'hidePrevNext', 'labelPage', 'labelPageSizeOption', 'labelTotal', 'pageCount', 'pageIndex', 'pageSize', 'rowCount'],
|
|
1301
|
+
methods: ['firstPage', 'previousPage', 'nextPage', 'lastPage', 'setPageIndex', 'setPageSize']
|
|
1302
|
+
})
|
|
1303
|
+
], NvPaginationtable);
|
|
1304
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NvPaginationtable, decorators: [{
|
|
1305
|
+
type: Component,
|
|
1306
|
+
args: [{
|
|
1307
|
+
selector: 'nv-paginationtable',
|
|
1308
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1309
|
+
template: '<ng-content></ng-content>',
|
|
1310
|
+
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1311
|
+
inputs: ['hideControls', 'hideFirstLast', 'hidePrevNext', 'labelPage', 'labelPageSizeOption', 'labelTotal', 'pageCount', 'pageIndex', 'pageSize', 'rowCount'],
|
|
1312
|
+
outputs: ['pageIndexChanged', 'pageSizeChanged'],
|
|
1313
|
+
standalone: false
|
|
1314
|
+
}]
|
|
1315
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { pageIndexChanged: [{
|
|
1316
|
+
type: Output
|
|
1317
|
+
}], pageSizeChanged: [{
|
|
1318
|
+
type: Output
|
|
1319
|
+
}] } });
|
|
1200
1320
|
let NvPopover = class NvPopover {
|
|
1201
1321
|
constructor(c, r, z) {
|
|
1202
1322
|
this.z = z;
|
|
@@ -1712,6 +1832,9 @@ const DIRECTIVES = [
|
|
|
1712
1832
|
NvDialog,
|
|
1713
1833
|
NvDialogfooter,
|
|
1714
1834
|
NvDialogheader,
|
|
1835
|
+
NvDrawer,
|
|
1836
|
+
NvDrawerfooter,
|
|
1837
|
+
NvDrawerheader,
|
|
1715
1838
|
NvFieldcheckbox,
|
|
1716
1839
|
NvFielddate,
|
|
1717
1840
|
NvFielddaterange,
|
|
@@ -1735,6 +1858,7 @@ const DIRECTIVES = [
|
|
|
1735
1858
|
NvNotification,
|
|
1736
1859
|
NvNotificationBullet,
|
|
1737
1860
|
NvNotificationcontainer,
|
|
1861
|
+
NvPaginationtable,
|
|
1738
1862
|
NvPopover,
|
|
1739
1863
|
NvRow,
|
|
1740
1864
|
NvSidebar,
|
|
@@ -2564,6 +2688,12 @@ class NvDatatable {
|
|
|
2564
2688
|
this.columns = input([]);
|
|
2565
2689
|
/** Row data */
|
|
2566
2690
|
this.rows = input([]);
|
|
2691
|
+
/**
|
|
2692
|
+
* Data handling mode for sorting and filtering operations.
|
|
2693
|
+
* - 'client': All operations handled in browser (default)
|
|
2694
|
+
* - 'server': Operations trigger callbacks for server-side handling
|
|
2695
|
+
*/
|
|
2696
|
+
this.mode = input('client');
|
|
2567
2697
|
/** Optional pagination configuration */
|
|
2568
2698
|
this.pagination = input(undefined);
|
|
2569
2699
|
/** Optional sorting configuration */
|
|
@@ -2592,7 +2722,7 @@ class NvDatatable {
|
|
|
2592
2722
|
/** Intersection observer for infinite scroll */
|
|
2593
2723
|
this.observer = null;
|
|
2594
2724
|
/** Helper to check if using infinite scroll */
|
|
2595
|
-
this.isInfiniteScroll = computed(() => this.pagination()?.
|
|
2725
|
+
this.isInfiniteScroll = computed(() => this.pagination()?.infinite === true);
|
|
2596
2726
|
/** Computed table columns with proper typing and filtering. */
|
|
2597
2727
|
this.tableColumns = computed(() => {
|
|
2598
2728
|
const templateMap = this.cellTemplateMap();
|
|
@@ -2655,21 +2785,24 @@ class NvDatatable {
|
|
|
2655
2785
|
this.tableInstance = createAngularTable(() => {
|
|
2656
2786
|
const paginationConfig = this.pagination();
|
|
2657
2787
|
const sortingConfig = this.sorting();
|
|
2788
|
+
const componentMode = this.mode();
|
|
2789
|
+
const isServerMode = componentMode === 'server';
|
|
2790
|
+
const isInfinite = paginationConfig?.infinite === true;
|
|
2658
2791
|
// Determine base table configuration with sorting
|
|
2659
2792
|
const getBaseTableConfig = () => {
|
|
2660
2793
|
const baseConfig = {
|
|
2661
2794
|
data: this.rows(),
|
|
2662
2795
|
columns: this.tableColumns(),
|
|
2663
2796
|
getCoreRowModel: getCoreRowModel(),
|
|
2664
|
-
// Sorting configuration
|
|
2797
|
+
// Sorting configuration - uses top-level mode
|
|
2665
2798
|
...(sortingConfig && {
|
|
2666
2799
|
state: {
|
|
2667
|
-
sorting:
|
|
2800
|
+
sorting: isServerMode && sortingConfig.sortState
|
|
2668
2801
|
? sortingConfig.sortState
|
|
2669
2802
|
: this.sortingState(),
|
|
2670
2803
|
},
|
|
2671
2804
|
onSortingChange: (updaterOrValue) => {
|
|
2672
|
-
const currentSort =
|
|
2805
|
+
const currentSort = isServerMode && sortingConfig.sortState
|
|
2673
2806
|
? sortingConfig.sortState
|
|
2674
2807
|
: this.sortingState();
|
|
2675
2808
|
const newSort = typeof updaterOrValue === 'function'
|
|
@@ -2678,12 +2811,11 @@ class NvDatatable {
|
|
|
2678
2811
|
// Always update internal state for reactivity
|
|
2679
2812
|
this.sortingState.set(newSort);
|
|
2680
2813
|
// For server-side sorting, also call the callback
|
|
2681
|
-
if (
|
|
2682
|
-
sortingConfig.onSortingChange) {
|
|
2814
|
+
if (isServerMode && sortingConfig.onSortingChange) {
|
|
2683
2815
|
sortingConfig.onSortingChange(newSort);
|
|
2684
2816
|
}
|
|
2685
2817
|
},
|
|
2686
|
-
manualSorting:
|
|
2818
|
+
manualSorting: isServerMode,
|
|
2687
2819
|
enableSorting: true,
|
|
2688
2820
|
enableMultiSort: sortingConfig.enableMultiSort ?? false,
|
|
2689
2821
|
enableSortingRemoval: sortingConfig.enableSortingRemoval ?? true,
|
|
@@ -2693,17 +2825,22 @@ class NvDatatable {
|
|
|
2693
2825
|
isMultiSortEvent: sortingConfig.enableMultiSort
|
|
2694
2826
|
? () => true
|
|
2695
2827
|
: undefined,
|
|
2696
|
-
getSortedRowModel:
|
|
2828
|
+
getSortedRowModel: !isServerMode ? getSortedRowModel() : undefined,
|
|
2697
2829
|
}),
|
|
2698
2830
|
};
|
|
2699
2831
|
return baseConfig;
|
|
2700
2832
|
};
|
|
2701
|
-
|
|
2702
|
-
|
|
2833
|
+
// Infinite scroll mode (requires server mode)
|
|
2834
|
+
if (isInfinite) {
|
|
2835
|
+
// No pagination row model for infinite scroll - simple config
|
|
2703
2836
|
return getBaseTableConfig();
|
|
2704
2837
|
}
|
|
2705
|
-
|
|
2706
|
-
|
|
2838
|
+
// No pagination configured
|
|
2839
|
+
if (!paginationConfig) {
|
|
2840
|
+
return getBaseTableConfig();
|
|
2841
|
+
}
|
|
2842
|
+
// Client-side pagination
|
|
2843
|
+
if (!isServerMode) {
|
|
2707
2844
|
return {
|
|
2708
2845
|
...getBaseTableConfig(),
|
|
2709
2846
|
getPaginationRowModel: getPaginationRowModel(),
|
|
@@ -2715,37 +2852,35 @@ class NvDatatable {
|
|
|
2715
2852
|
},
|
|
2716
2853
|
};
|
|
2717
2854
|
}
|
|
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
|
-
}
|
|
2855
|
+
// Server-side pagination - manual pagination with reactive state
|
|
2856
|
+
const baseConfig = getBaseTableConfig();
|
|
2857
|
+
const pageSize = this.paginationState().pageSize;
|
|
2858
|
+
return {
|
|
2859
|
+
...baseConfig,
|
|
2860
|
+
manualPagination: true,
|
|
2861
|
+
pageCount: paginationConfig.totalPageCount !== undefined
|
|
2862
|
+
? paginationConfig.totalPageCount
|
|
2863
|
+
: paginationConfig.totalRowCount !== undefined
|
|
2864
|
+
? Math.ceil(paginationConfig.totalRowCount / pageSize)
|
|
2865
|
+
: -1,
|
|
2866
|
+
state: {
|
|
2867
|
+
pagination: this.paginationState(),
|
|
2868
|
+
...(baseConfig.state && { sorting: baseConfig.state.sorting }),
|
|
2869
|
+
},
|
|
2870
|
+
onPaginationChange: (updaterOrValue) => {
|
|
2871
|
+
const newState = typeof updaterOrValue === 'function'
|
|
2872
|
+
? updaterOrValue(this.paginationState())
|
|
2873
|
+
: updaterOrValue;
|
|
2874
|
+
this.paginationState.set(newState);
|
|
2875
|
+
// Call user's callback for server-side pagination
|
|
2876
|
+
if (paginationConfig.onPaginationChange) {
|
|
2877
|
+
paginationConfig.onPaginationChange({
|
|
2878
|
+
pageIndex: newState.pageIndex,
|
|
2879
|
+
pageSize: newState.pageSize,
|
|
2880
|
+
});
|
|
2881
|
+
}
|
|
2882
|
+
},
|
|
2883
|
+
};
|
|
2749
2884
|
});
|
|
2750
2885
|
/** Build pagination API for template */
|
|
2751
2886
|
this.paginationAPI = computed(() => {
|
|
@@ -2753,10 +2888,13 @@ class NvDatatable {
|
|
|
2753
2888
|
if (!paginationConfig) {
|
|
2754
2889
|
return null;
|
|
2755
2890
|
}
|
|
2891
|
+
const componentMode = this.mode();
|
|
2892
|
+
const isServerMode = componentMode === 'server';
|
|
2893
|
+
const isInfinite = paginationConfig.infinite === true;
|
|
2756
2894
|
const table = this.table();
|
|
2757
2895
|
const tablePaginationState = table.getState().pagination;
|
|
2758
2896
|
const pageCount = table.getPageCount();
|
|
2759
|
-
const rowCount =
|
|
2897
|
+
const rowCount = isServerMode
|
|
2760
2898
|
? paginationConfig.totalRowCount || this.rows().length
|
|
2761
2899
|
: this.rows().length;
|
|
2762
2900
|
return {
|
|
@@ -2772,25 +2910,31 @@ class NvDatatable {
|
|
|
2772
2910
|
setPageSize: (size) => table.setPageSize(size),
|
|
2773
2911
|
canPreviousPage: table.getCanPreviousPage(),
|
|
2774
2912
|
canNextPage: table.getCanNextPage(),
|
|
2775
|
-
isLoading: paginationConfig.
|
|
2776
|
-
|
|
2777
|
-
: undefined,
|
|
2778
|
-
hasMore: paginationConfig.mode === 'infinite'
|
|
2779
|
-
? paginationConfig.hasMore
|
|
2780
|
-
: undefined,
|
|
2913
|
+
isLoading: isInfinite ? paginationConfig.isLoading : undefined,
|
|
2914
|
+
hasMore: isInfinite ? paginationConfig.hasMore : undefined,
|
|
2781
2915
|
};
|
|
2782
2916
|
});
|
|
2917
|
+
// Validate infinite scroll requires server mode
|
|
2918
|
+
effect(() => {
|
|
2919
|
+
const paginationConfig = this.pagination();
|
|
2920
|
+
const componentMode = this.mode();
|
|
2921
|
+
if (paginationConfig?.infinite === true && componentMode !== 'server') {
|
|
2922
|
+
console.warn('[NvDatatable] pagination.infinite=true requires mode="server". ' +
|
|
2923
|
+
'Infinite scroll relies on server-side data loading.');
|
|
2924
|
+
}
|
|
2925
|
+
});
|
|
2783
2926
|
// Set up intersection observer for infinite scroll
|
|
2784
2927
|
effect(() => {
|
|
2785
2928
|
const paginationConfig = this.pagination();
|
|
2786
2929
|
const rows = this.rows(); // Track rows changes
|
|
2930
|
+
const isInfinite = paginationConfig?.infinite === true;
|
|
2787
2931
|
// Clean up existing observer
|
|
2788
2932
|
if (this.observer) {
|
|
2789
2933
|
this.observer.disconnect();
|
|
2790
2934
|
this.observer = null;
|
|
2791
2935
|
}
|
|
2792
2936
|
// Only set up observer for infinite scroll mode
|
|
2793
|
-
if (
|
|
2937
|
+
if (!isInfinite || rows.length === 0) {
|
|
2794
2938
|
return;
|
|
2795
2939
|
}
|
|
2796
2940
|
// Use setTimeout to ensure DOM is updated
|
|
@@ -2805,7 +2949,6 @@ class NvDatatable {
|
|
|
2805
2949
|
this.observer = new IntersectionObserver((entries) => {
|
|
2806
2950
|
const entry = entries[0];
|
|
2807
2951
|
if (entry.isIntersecting &&
|
|
2808
|
-
paginationConfig.mode === 'infinite' &&
|
|
2809
2952
|
paginationConfig.hasMore &&
|
|
2810
2953
|
!paginationConfig.isLoading &&
|
|
2811
2954
|
paginationConfig.onLoadMore) {
|
|
@@ -2838,7 +2981,7 @@ class NvDatatable {
|
|
|
2838
2981
|
}
|
|
2839
2982
|
}
|
|
2840
2983
|
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: `
|
|
2984
|
+
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
2985
|
<nv-table>
|
|
2843
2986
|
<table>
|
|
2844
2987
|
<thead [attr.data-sticky-top]="stickyHeader() ? 'true' : null">
|
|
@@ -2909,12 +3052,27 @@ class NvDatatable {
|
|
|
2909
3052
|
|
|
2910
3053
|
<!-- Render pagination if configured -->
|
|
2911
3054
|
@if (paginationAPI()) {
|
|
2912
|
-
|
|
2913
|
-
|
|
2914
|
-
|
|
2915
|
-
|
|
2916
|
-
|
|
2917
|
-
|
|
3055
|
+
@if (paginationTemplate) {
|
|
3056
|
+
<ng-container
|
|
3057
|
+
*ngTemplateOutlet="
|
|
3058
|
+
paginationTemplate;
|
|
3059
|
+
context: { $implicit: paginationAPI() }
|
|
3060
|
+
"
|
|
3061
|
+
></ng-container>
|
|
3062
|
+
} @else if (mode() === 'client' && pagination() && !pagination()?.infinite) {
|
|
3063
|
+
<!-- Default pagination with nv-paginationtable (client mode only) -->
|
|
3064
|
+
<nv-paginationtable
|
|
3065
|
+
[pageIndex]="paginationAPI()!.pageIndex"
|
|
3066
|
+
[pageSize]="paginationAPI()!.pageSize"
|
|
3067
|
+
[pageCount]="paginationAPI()!.pageCount"
|
|
3068
|
+
[rowCount]="paginationAPI()!.rowCount"
|
|
3069
|
+
[attr.label-page]="pagination()?.labels?.page || null"
|
|
3070
|
+
[attr.label-total]="pagination()?.labels?.total || null"
|
|
3071
|
+
[attr.label-page-size-option]="pagination()?.labels?.pageSizeOption || null"
|
|
3072
|
+
(pageIndexChanged)="paginationAPI()!.setPageIndex($event.detail)"
|
|
3073
|
+
(pageSizeChanged)="paginationAPI()!.setPageSize($event.detail)"
|
|
3074
|
+
></nv-paginationtable>
|
|
3075
|
+
}
|
|
2918
3076
|
}
|
|
2919
3077
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: FlexRenderDirective, selector: "[flexRender]", inputs: ["flexRender", "flexRenderProps", "flexRenderInjector"] }] }); }
|
|
2920
3078
|
}
|
|
@@ -2996,12 +3154,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2996
3154
|
|
|
2997
3155
|
<!-- Render pagination if configured -->
|
|
2998
3156
|
@if (paginationAPI()) {
|
|
2999
|
-
|
|
3000
|
-
|
|
3001
|
-
|
|
3002
|
-
|
|
3003
|
-
|
|
3004
|
-
|
|
3157
|
+
@if (paginationTemplate) {
|
|
3158
|
+
<ng-container
|
|
3159
|
+
*ngTemplateOutlet="
|
|
3160
|
+
paginationTemplate;
|
|
3161
|
+
context: { $implicit: paginationAPI() }
|
|
3162
|
+
"
|
|
3163
|
+
></ng-container>
|
|
3164
|
+
} @else if (mode() === 'client' && pagination() && !pagination()?.infinite) {
|
|
3165
|
+
<!-- Default pagination with nv-paginationtable (client mode only) -->
|
|
3166
|
+
<nv-paginationtable
|
|
3167
|
+
[pageIndex]="paginationAPI()!.pageIndex"
|
|
3168
|
+
[pageSize]="paginationAPI()!.pageSize"
|
|
3169
|
+
[pageCount]="paginationAPI()!.pageCount"
|
|
3170
|
+
[rowCount]="paginationAPI()!.rowCount"
|
|
3171
|
+
[attr.label-page]="pagination()?.labels?.page || null"
|
|
3172
|
+
[attr.label-total]="pagination()?.labels?.total || null"
|
|
3173
|
+
[attr.label-page-size-option]="pagination()?.labels?.pageSizeOption || null"
|
|
3174
|
+
(pageIndexChanged)="paginationAPI()!.setPageIndex($event.detail)"
|
|
3175
|
+
(pageSizeChanged)="paginationAPI()!.setPageSize($event.detail)"
|
|
3176
|
+
></nv-paginationtable>
|
|
3177
|
+
}
|
|
3005
3178
|
}
|
|
3006
3179
|
`,
|
|
3007
3180
|
}]
|
|
@@ -3252,6 +3425,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3252
3425
|
type: HostListener,
|
|
3253
3426
|
args: ['openChanged', ['$event']]
|
|
3254
3427
|
}] } });
|
|
3428
|
+
class NvDrawerValueAccessor extends ValueAccessor {
|
|
3429
|
+
constructor(el) {
|
|
3430
|
+
super(el);
|
|
3431
|
+
}
|
|
3432
|
+
handleOpenChanged(event) {
|
|
3433
|
+
this.handleChangeEvent(event.target.open);
|
|
3434
|
+
}
|
|
3435
|
+
writeValue(value) {
|
|
3436
|
+
this.el.nativeElement.open = this.lastValue = value;
|
|
3437
|
+
}
|
|
3438
|
+
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 }); }
|
|
3439
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: NvDrawerValueAccessor, selector: "nv-drawer", host: { listeners: { "openChanged": "handleOpenChanged($event)" } }, providers: [
|
|
3440
|
+
{
|
|
3441
|
+
provide: NG_VALUE_ACCESSOR,
|
|
3442
|
+
useExisting: NvDrawerValueAccessor,
|
|
3443
|
+
multi: true,
|
|
3444
|
+
},
|
|
3445
|
+
], usesInheritance: true, ngImport: i0 }); }
|
|
3446
|
+
}
|
|
3447
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NvDrawerValueAccessor, decorators: [{
|
|
3448
|
+
type: Directive,
|
|
3449
|
+
args: [{
|
|
3450
|
+
selector: 'nv-drawer',
|
|
3451
|
+
providers: [
|
|
3452
|
+
{
|
|
3453
|
+
provide: NG_VALUE_ACCESSOR,
|
|
3454
|
+
useExisting: NvDrawerValueAccessor,
|
|
3455
|
+
multi: true,
|
|
3456
|
+
},
|
|
3457
|
+
],
|
|
3458
|
+
}]
|
|
3459
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { handleOpenChanged: [{
|
|
3460
|
+
type: HostListener,
|
|
3461
|
+
args: ['openChanged', ['$event']]
|
|
3462
|
+
}] } });
|
|
3255
3463
|
class NvFieldcheckboxValueAccessor extends ValueAccessor {
|
|
3256
3464
|
constructor(el) {
|
|
3257
3465
|
super(el);
|
|
@@ -3742,6 +3950,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3742
3950
|
type: HostListener,
|
|
3743
3951
|
args: ['hiddenChanged', ['$event']]
|
|
3744
3952
|
}] } });
|
|
3953
|
+
class NvPaginationtableValueAccessor extends ValueAccessor {
|
|
3954
|
+
constructor(el) {
|
|
3955
|
+
super(el);
|
|
3956
|
+
}
|
|
3957
|
+
handlePageIndexChanged(event) {
|
|
3958
|
+
this.handleChangeEvent(event.target.pageIndex);
|
|
3959
|
+
}
|
|
3960
|
+
writeValue(value) {
|
|
3961
|
+
this.el.nativeElement.pageIndex = this.lastValue = value;
|
|
3962
|
+
}
|
|
3963
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NvPaginationtableValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3964
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: NvPaginationtableValueAccessor, selector: "nv-paginationtable", host: { listeners: { "pageIndexChanged": "handlePageIndexChanged($event)" } }, providers: [
|
|
3965
|
+
{
|
|
3966
|
+
provide: NG_VALUE_ACCESSOR,
|
|
3967
|
+
useExisting: NvPaginationtableValueAccessor,
|
|
3968
|
+
multi: true,
|
|
3969
|
+
},
|
|
3970
|
+
], usesInheritance: true, ngImport: i0 }); }
|
|
3971
|
+
}
|
|
3972
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NvPaginationtableValueAccessor, decorators: [{
|
|
3973
|
+
type: Directive,
|
|
3974
|
+
args: [{
|
|
3975
|
+
selector: 'nv-paginationtable',
|
|
3976
|
+
providers: [
|
|
3977
|
+
{
|
|
3978
|
+
provide: NG_VALUE_ACCESSOR,
|
|
3979
|
+
useExisting: NvPaginationtableValueAccessor,
|
|
3980
|
+
multi: true,
|
|
3981
|
+
},
|
|
3982
|
+
],
|
|
3983
|
+
}]
|
|
3984
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { handlePageIndexChanged: [{
|
|
3985
|
+
type: HostListener,
|
|
3986
|
+
args: ['pageIndexChanged', ['$event']]
|
|
3987
|
+
}] } });
|
|
3745
3988
|
class NvPopoverValueAccessor extends ValueAccessor {
|
|
3746
3989
|
constructor(el) {
|
|
3747
3990
|
super(el);
|
|
@@ -3923,6 +4166,7 @@ const VALUE_ACCESSORS = [
|
|
|
3923
4166
|
NvCalendarValueAccessor,
|
|
3924
4167
|
NvDatagridValueAccessor,
|
|
3925
4168
|
NvDialogValueAccessor,
|
|
4169
|
+
NvDrawerValueAccessor,
|
|
3926
4170
|
NvFieldcheckboxValueAccessor,
|
|
3927
4171
|
NvFielddateValueAccessor,
|
|
3928
4172
|
NvFielddaterangeValueAccessor,
|
|
@@ -3937,6 +4181,7 @@ const VALUE_ACCESSORS = [
|
|
|
3937
4181
|
NvFieldtextareaValueAccessor,
|
|
3938
4182
|
NvFieldtimeValueAccessor,
|
|
3939
4183
|
NvNotificationValueAccessor,
|
|
4184
|
+
NvPaginationtableValueAccessor,
|
|
3940
4185
|
NvPopoverValueAccessor,
|
|
3941
4186
|
NvSidebarValueAccessor,
|
|
3942
4187
|
NvSplitValueAccessor,
|
|
@@ -3958,7 +4203,7 @@ function provideNovaComponents() {
|
|
|
3958
4203
|
}
|
|
3959
4204
|
class NovaComponentsModule {
|
|
3960
4205
|
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] }); }
|
|
4206
|
+
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, NvPaginationtable, 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, NvPaginationtable, NvPopover, NvRow, NvSidebar, NvSidebarcontent, NvSidebardivider, NvSidebarfooter, NvSidebargroup, NvSidebarheader, NvSidebarlogo, NvSidebarnavitem, NvSidebarnavsubitem, NvSplit, NvStack, NvTable, NvTableheader, NvToggle, NvTogglebutton, NvTogglebuttongroup, NvTooltip, NvDatatable] }); }
|
|
3962
4207
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NovaComponentsModule, providers: [provideNovaComponents()], imports: [NvDatatable] }); }
|
|
3963
4208
|
}
|
|
3964
4209
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NovaComponentsModule, decorators: [{
|
|
@@ -3972,7 +4217,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3972
4217
|
}] });
|
|
3973
4218
|
class NovaComponentsValueAccessorModule {
|
|
3974
4219
|
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] }); }
|
|
4220
|
+
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, NvPaginationtableValueAccessor, 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, NvPaginationtableValueAccessor, NvPopoverValueAccessor, NvSidebarValueAccessor, NvSplitValueAccessor, NvToggleValueAccessor, NvTogglebuttongroupValueAccessor] }); }
|
|
3976
4221
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NovaComponentsValueAccessorModule }); }
|
|
3977
4222
|
}
|
|
3978
4223
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NovaComponentsValueAccessorModule, decorators: [{
|
|
@@ -4332,5 +4577,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
4332
4577
|
* Generated bundle index. Do not edit.
|
|
4333
4578
|
*/
|
|
4334
4579
|
|
|
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 };
|
|
4580
|
+
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, NvPaginationtable, NvPaginationtableValueAccessor, 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
4581
|
//# sourceMappingURL=nova-components.mjs.map
|