@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.
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ub3ZhLWNvbXBvbmVudHMvc3JjL2xpYi9zdGVuY2lsLWdlbmVyYXRlZC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEtBQUssQ0FBQyxNQUFNLGNBQWMsQ0FBQztBQUVsQyxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUc7SUFDeEIsQ0FBQyxDQUFDLFdBQVc7SUFDYixDQUFDLENBQUMsZUFBZTtJQUNqQixDQUFDLENBQUMsT0FBTztJQUNULENBQUMsQ0FBQyxRQUFRO0lBQ1YsQ0FBQyxDQUFDLE9BQU87SUFDVCxDQUFDLENBQUMsWUFBWTtJQUNkLENBQUMsQ0FBQyxhQUFhO0lBQ2YsQ0FBQyxDQUFDLFFBQVE7SUFDVixDQUFDLENBQUMsYUFBYTtJQUNmLENBQUMsQ0FBQyxVQUFVO0lBQ1osQ0FBQyxDQUFDLEtBQUs7SUFDUCxDQUFDLENBQUMsVUFBVTtJQUNaLENBQUMsQ0FBQyxnQkFBZ0I7SUFDbEIsQ0FBQyxDQUFDLFFBQVE7SUFDVixDQUFDLENBQUMsY0FBYztJQUNoQixDQUFDLENBQUMsY0FBYztJQUNoQixDQUFDLENBQUMsZUFBZTtJQUNqQixDQUFDLENBQUMsV0FBVztJQUNiLENBQUMsQ0FBQyxnQkFBZ0I7SUFDbEIsQ0FBQyxDQUFDLGVBQWU7SUFDakIsQ0FBQyxDQUFDLG1CQUFtQjtJQUNyQixDQUFDLENBQUMsd0JBQXdCO0lBQzFCLENBQUMsQ0FBQyxrQkFBa0I7SUFDcEIsQ0FBQyxDQUFDLGFBQWE7SUFDZixDQUFDLENBQUMsZUFBZTtJQUNqQixDQUFDLENBQUMsWUFBWTtJQUNkLENBQUMsQ0FBQyxhQUFhO0lBQ2YsQ0FBQyxDQUFDLGFBQWE7SUFDZixDQUFDLENBQUMsV0FBVztJQUNiLENBQUMsQ0FBQyxlQUFlO0lBQ2pCLENBQUMsQ0FBQyxXQUFXO0lBQ2IsQ0FBQyxDQUFDLE1BQU07SUFDUixDQUFDLENBQUMsWUFBWTtJQUNkLENBQUMsQ0FBQyxRQUFRO0lBQ1YsQ0FBQyxDQUFDLE1BQU07SUFDUixDQUFDLENBQUMsVUFBVTtJQUNaLENBQUMsQ0FBQyxjQUFjO0lBQ2hCLENBQUMsQ0FBQyxvQkFBb0I7SUFDdEIsQ0FBQyxDQUFDLHVCQUF1QjtJQUN6QixDQUFDLENBQUMsU0FBUztJQUNYLENBQUMsQ0FBQyxLQUFLO0lBQ1AsQ0FBQyxDQUFDLFNBQVM7SUFDWCxDQUFDLENBQUMsZ0JBQWdCO0lBQ2xCLENBQUMsQ0FBQyxnQkFBZ0I7SUFDbEIsQ0FBQyxDQUFDLGVBQWU7SUFDakIsQ0FBQyxDQUFDLGNBQWM7SUFDaEIsQ0FBQyxDQUFDLGVBQWU7SUFDakIsQ0FBQyxDQUFDLGFBQWE7SUFDZixDQUFDLENBQUMsZ0JBQWdCO0lBQ2xCLENBQUMsQ0FBQyxtQkFBbUI7SUFDckIsQ0FBQyxDQUFDLE9BQU87SUFDVCxDQUFDLENBQUMsT0FBTztJQUNULENBQUMsQ0FBQyxPQUFPO0lBQ1QsQ0FBQyxDQUFDLGFBQWE7SUFDZixDQUFDLENBQUMsUUFBUTtJQUNWLENBQUMsQ0FBQyxjQUFjO0lBQ2hCLENBQUMsQ0FBQyxtQkFBbUI7SUFDckIsQ0FBQyxDQUFDLFNBQVM7Q0FDWixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgKiBhcyBkIGZyb20gJy4vY29tcG9uZW50cyc7XG5cbmV4cG9ydCBjb25zdCBESVJFQ1RJVkVTID0gW1xuICBkLk52QWNjb3JkaW9uLFxuICBkLk52QWNjb3JkaW9uSXRlbSxcbiAgZC5OdkFsZXJ0LFxuICBkLk52QXZhdGFyLFxuICBkLk52QmFkZ2UsXG4gIGQuTnZCcmVhZGNydW1iLFxuICBkLk52QnJlYWRjcnVtYnMsXG4gIGQuTnZCdXR0b24sXG4gIGQuTnZCdXR0b25ncm91cCxcbiAgZC5OdkNhbGVuZGFyLFxuICBkLk52Q29sLFxuICBkLk52RGF0YWdyaWQsXG4gIGQuTnZEYXRhZ3JpZGNvbHVtbixcbiAgZC5OdkRpYWxvZyxcbiAgZC5OdkRpYWxvZ2Zvb3RlcixcbiAgZC5OdkRpYWxvZ2hlYWRlcixcbiAgZC5OdkZpZWxkY2hlY2tib3gsXG4gIGQuTnZGaWVsZGRhdGUsXG4gIGQuTnZGaWVsZGRhdGVyYW5nZSxcbiAgZC5OdkZpZWxkZHJvcGRvd24sXG4gIGQuTnZGaWVsZGRyb3Bkb3duaXRlbSxcbiAgZC5OdkZpZWxkZHJvcGRvd25pdGVtY2hlY2ssXG4gIGQuTnZGaWVsZG11bHRpc2VsZWN0LFxuICBkLk52RmllbGRudW1iZXIsXG4gIGQuTnZGaWVsZHBhc3N3b3JkLFxuICBkLk52RmllbGRyYWRpbyxcbiAgZC5OdkZpZWxkc2VsZWN0LFxuICBkLk52RmllbGRzbGlkZXIsXG4gIGQuTnZGaWVsZHRleHQsXG4gIGQuTnZGaWVsZHRleHRhcmVhLFxuICBkLk52RmllbGR0aW1lLFxuICBkLk52SWNvbixcbiAgZC5Odkljb25idXR0b24sXG4gIGQuTnZMb2FkZXIsXG4gIGQuTnZNZW51LFxuICBkLk52TWVudWl0ZW0sXG4gIGQuTnZOb3RpZmljYXRpb24sXG4gIGQuTnZOb3RpZmljYXRpb25CdWxsZXQsXG4gIGQuTnZOb3RpZmljYXRpb25jb250YWluZXIsXG4gIGQuTnZQb3BvdmVyLFxuICBkLk52Um93LFxuICBkLk52U2lkZWJhcixcbiAgZC5OdlNpZGViYXJjb250ZW50LFxuICBkLk52U2lkZWJhcmRpdmlkZXIsXG4gIGQuTnZTaWRlYmFyZm9vdGVyLFxuICBkLk52U2lkZWJhcmdyb3VwLFxuICBkLk52U2lkZWJhcmhlYWRlcixcbiAgZC5OdlNpZGViYXJsb2dvLFxuICBkLk52U2lkZWJhcm5hdml0ZW0sXG4gIGQuTnZTaWRlYmFybmF2c3ViaXRlbSxcbiAgZC5OdlNwbGl0LFxuICBkLk52U3RhY2ssXG4gIGQuTnZUYWJsZSxcbiAgZC5OdlRhYmxlaGVhZGVyLFxuICBkLk52VG9nZ2xlLFxuICBkLk52VG9nZ2xlYnV0dG9uLFxuICBkLk52VG9nZ2xlYnV0dG9uZ3JvdXAsXG4gIGQuTnZUb29sdGlwXG5dO1xuIl19
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()?.mode === 'infinite');
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: sortingConfig.mode === 'server' && sortingConfig.sortState
2800
+ sorting: isServerMode && sortingConfig.sortState
2668
2801
  ? sortingConfig.sortState
2669
2802
  : this.sortingState(),
2670
2803
  },
2671
2804
  onSortingChange: (updaterOrValue) => {
2672
- const currentSort = sortingConfig.mode === 'server' && sortingConfig.sortState
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 (sortingConfig?.mode === 'server' &&
2682
- sortingConfig.onSortingChange) {
2814
+ if (isServerMode && sortingConfig.onSortingChange) {
2683
2815
  sortingConfig.onSortingChange(newSort);
2684
2816
  }
2685
2817
  },
2686
- manualSorting: sortingConfig.mode === 'server',
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: sortingConfig.mode === 'client' ? getSortedRowModel() : undefined,
2828
+ getSortedRowModel: !isServerMode ? getSortedRowModel() : undefined,
2697
2829
  }),
2698
2830
  };
2699
2831
  return baseConfig;
2700
2832
  };
2701
- if (!paginationConfig || paginationConfig.mode === 'infinite') {
2702
- // No pagination or infinite scroll - simple config
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
- else if (paginationConfig.mode === 'client') {
2706
- // Client-side pagination
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
- else {
2719
- // Server-side pagination - manual pagination with reactive state
2720
- const baseConfig = getBaseTableConfig();
2721
- const pageSize = this.paginationState().pageSize;
2722
- return {
2723
- ...baseConfig,
2724
- manualPagination: true,
2725
- pageCount: paginationConfig.totalPageCount !== undefined
2726
- ? paginationConfig.totalPageCount
2727
- : paginationConfig.totalRowCount !== undefined
2728
- ? Math.ceil(paginationConfig.totalRowCount / pageSize)
2729
- : -1,
2730
- state: {
2731
- pagination: this.paginationState(),
2732
- ...(baseConfig.state && { sorting: baseConfig.state.sorting }),
2733
- },
2734
- onPaginationChange: (updaterOrValue) => {
2735
- const newState = typeof updaterOrValue === 'function'
2736
- ? updaterOrValue(this.paginationState())
2737
- : updaterOrValue;
2738
- this.paginationState.set(newState);
2739
- // Call user's callback for server-side pagination
2740
- if (paginationConfig.onPaginationChange) {
2741
- paginationConfig.onPaginationChange({
2742
- pageIndex: newState.pageIndex,
2743
- pageSize: newState.pageSize,
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 = paginationConfig.mode === 'server'
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.mode === 'infinite'
2776
- ? paginationConfig.isLoading
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 (paginationConfig?.mode !== 'infinite' || rows.length === 0) {
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
- <ng-container
2913
- *ngTemplateOutlet="
2914
- paginationTemplate || null;
2915
- context: { $implicit: paginationAPI() }
2916
- "
2917
- ></ng-container>
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
- <ng-container
3000
- *ngTemplateOutlet="
3001
- paginationTemplate || null;
3002
- context: { $implicit: paginationAPI() }
3003
- "
3004
- ></ng-container>
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