@nova-design-system/nova-angular 3.24.0 → 3.26.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-cell.directive.mjs +1 -2
- package/dist/nova-components/esm2022/lib/components/nv-datatable.component.mjs +39 -7
- package/dist/nova-components/esm2022/lib/nova-components.module.mjs +3 -3
- package/dist/nova-components/esm2022/lib/stencil-generated/component-value-accessors.mjs +37 -1
- package/dist/nova-components/esm2022/lib/stencil-generated/components.mjs +38 -4
- package/dist/nova-components/esm2022/lib/stencil-generated/index.mjs +2 -1
- package/dist/nova-components/fesm2022/nova-components.mjs +114 -13
- package/dist/nova-components/fesm2022/nova-components.mjs.map +1 -1
- package/dist/nova-components/lib/components/nv-datatable.component.d.ts +9 -0
- package/dist/nova-components/lib/nova-components.module.d.ts +2 -2
- package/dist/nova-components/lib/stencil-generated/component-value-accessors.d.ts +8 -1
- package/dist/nova-components/lib/stencil-generated/components.d.ts +20 -1
- package/dist/nova-components/lib/stencil-generated/index.d.ts +1 -1
- package/package.json +1 -1
|
@@ -42,6 +42,7 @@ export const DIRECTIVES = [
|
|
|
42
42
|
d.NvNotification,
|
|
43
43
|
d.NvNotificationBullet,
|
|
44
44
|
d.NvNotificationcontainer,
|
|
45
|
+
d.NvPaginationtable,
|
|
45
46
|
d.NvPopover,
|
|
46
47
|
d.NvRow,
|
|
47
48
|
d.NvSidebar,
|
|
@@ -62,4 +63,4 @@ export const DIRECTIVES = [
|
|
|
62
63
|
d.NvTogglebuttongroup,
|
|
63
64
|
d.NvTooltip
|
|
64
65
|
];
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ub3ZhLWNvbXBvbmVudHMvc3JjL2xpYi9zdGVuY2lsLWdlbmVyYXRlZC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEtBQUssQ0FBQyxNQUFNLGNBQWMsQ0FBQztBQUVsQyxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUc7SUFDeEIsQ0FBQyxDQUFDLFdBQVc7SUFDYixDQUFDLENBQUMsZUFBZTtJQUNqQixDQUFDLENBQUMsT0FBTztJQUNULENBQUMsQ0FBQyxRQUFRO0lBQ1YsQ0FBQyxDQUFDLE9BQU87SUFDVCxDQUFDLENBQUMsWUFBWTtJQUNkLENBQUMsQ0FBQyxhQUFhO0lBQ2YsQ0FBQyxDQUFDLFFBQVE7SUFDVixDQUFDLENBQUMsYUFBYTtJQUNmLENBQUMsQ0FBQyxVQUFVO0lBQ1osQ0FBQyxDQUFDLEtBQUs7SUFDUCxDQUFDLENBQUMsVUFBVTtJQUNaLENBQUMsQ0FBQyxnQkFBZ0I7SUFDbEIsQ0FBQyxDQUFDLFFBQVE7SUFDVixDQUFDLENBQUMsY0FBYztJQUNoQixDQUFDLENBQUMsY0FBYztJQUNoQixDQUFDLENBQUMsUUFBUTtJQUNWLENBQUMsQ0FBQyxjQUFjO0lBQ2hCLENBQUMsQ0FBQyxjQUFjO0lBQ2hCLENBQUMsQ0FBQyxlQUFlO0lBQ2pCLENBQUMsQ0FBQyxXQUFXO0lBQ2IsQ0FBQyxDQUFDLGdCQUFnQjtJQUNsQixDQUFDLENBQUMsZUFBZTtJQUNqQixDQUFDLENBQUMsbUJBQW1CO0lBQ3JCLENBQUMsQ0FBQyx3QkFBd0I7SUFDMUIsQ0FBQyxDQUFDLGtCQUFrQjtJQUNwQixDQUFDLENBQUMsYUFBYTtJQUNmLENBQUMsQ0FBQyxlQUFlO0lBQ2pCLENBQUMsQ0FBQyxZQUFZO0lBQ2QsQ0FBQyxDQUFDLGFBQWE7SUFDZixDQUFDLENBQUMsYUFBYTtJQUNmLENBQUMsQ0FBQyxXQUFXO0lBQ2IsQ0FBQyxDQUFDLGVBQWU7SUFDakIsQ0FBQyxDQUFDLFdBQVc7SUFDYixDQUFDLENBQUMsTUFBTTtJQUNSLENBQUMsQ0FBQyxZQUFZO0lBQ2QsQ0FBQyxDQUFDLFFBQVE7SUFDVixDQUFDLENBQUMsTUFBTTtJQUNSLENBQUMsQ0FBQyxVQUFVO0lBQ1osQ0FBQyxDQUFDLGNBQWM7SUFDaEIsQ0FBQyxDQUFDLG9CQUFvQjtJQUN0QixDQUFDLENBQUMsdUJBQXVCO0lBQ3pCLENBQUMsQ0FBQyxpQkFBaUI7SUFDbkIsQ0FBQyxDQUFDLFNBQVM7SUFDWCxDQUFDLENBQUMsS0FBSztJQUNQLENBQUMsQ0FBQyxTQUFTO0lBQ1gsQ0FBQyxDQUFDLGdCQUFnQjtJQUNsQixDQUFDLENBQUMsZ0JBQWdCO0lBQ2xCLENBQUMsQ0FBQyxlQUFlO0lBQ2pCLENBQUMsQ0FBQyxjQUFjO0lBQ2hCLENBQUMsQ0FBQyxlQUFlO0lBQ2pCLENBQUMsQ0FBQyxhQUFhO0lBQ2YsQ0FBQyxDQUFDLGdCQUFnQjtJQUNsQixDQUFDLENBQUMsbUJBQW1CO0lBQ3JCLENBQUMsQ0FBQyxPQUFPO0lBQ1QsQ0FBQyxDQUFDLE9BQU87SUFDVCxDQUFDLENBQUMsT0FBTztJQUNULENBQUMsQ0FBQyxhQUFhO0lBQ2YsQ0FBQyxDQUFDLFFBQVE7SUFDVixDQUFDLENBQUMsY0FBYztJQUNoQixDQUFDLENBQUMsbUJBQW1CO0lBQ3JCLENBQUMsQ0FBQyxTQUFTO0NBQ1osQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0ICogYXMgZCBmcm9tICcuL2NvbXBvbmVudHMnO1xuXG5leHBvcnQgY29uc3QgRElSRUNUSVZFUyA9IFtcbiAgZC5OdkFjY29yZGlvbixcbiAgZC5OdkFjY29yZGlvbkl0ZW0sXG4gIGQuTnZBbGVydCxcbiAgZC5OdkF2YXRhcixcbiAgZC5OdkJhZGdlLFxuICBkLk52QnJlYWRjcnVtYixcbiAgZC5OdkJyZWFkY3J1bWJzLFxuICBkLk52QnV0dG9uLFxuICBkLk52QnV0dG9uZ3JvdXAsXG4gIGQuTnZDYWxlbmRhcixcbiAgZC5OdkNvbCxcbiAgZC5OdkRhdGFncmlkLFxuICBkLk52RGF0YWdyaWRjb2x1bW4sXG4gIGQuTnZEaWFsb2csXG4gIGQuTnZEaWFsb2dmb290ZXIsXG4gIGQuTnZEaWFsb2doZWFkZXIsXG4gIGQuTnZEcmF3ZXIsXG4gIGQuTnZEcmF3ZXJmb290ZXIsXG4gIGQuTnZEcmF3ZXJoZWFkZXIsXG4gIGQuTnZGaWVsZGNoZWNrYm94LFxuICBkLk52RmllbGRkYXRlLFxuICBkLk52RmllbGRkYXRlcmFuZ2UsXG4gIGQuTnZGaWVsZGRyb3Bkb3duLFxuICBkLk52RmllbGRkcm9wZG93bml0ZW0sXG4gIGQuTnZGaWVsZGRyb3Bkb3duaXRlbWNoZWNrLFxuICBkLk52RmllbGRtdWx0aXNlbGVjdCxcbiAgZC5OdkZpZWxkbnVtYmVyLFxuICBkLk52RmllbGRwYXNzd29yZCxcbiAgZC5OdkZpZWxkcmFkaW8sXG4gIGQuTnZGaWVsZHNlbGVjdCxcbiAgZC5OdkZpZWxkc2xpZGVyLFxuICBkLk52RmllbGR0ZXh0LFxuICBkLk52RmllbGR0ZXh0YXJlYSxcbiAgZC5OdkZpZWxkdGltZSxcbiAgZC5Odkljb24sXG4gIGQuTnZJY29uYnV0dG9uLFxuICBkLk52TG9hZGVyLFxuICBkLk52TWVudSxcbiAgZC5Odk1lbnVpdGVtLFxuICBkLk52Tm90aWZpY2F0aW9uLFxuICBkLk52Tm90aWZpY2F0aW9uQnVsbGV0LFxuICBkLk52Tm90aWZpY2F0aW9uY29udGFpbmVyLFxuICBkLk52UGFnaW5hdGlvbnRhYmxlLFxuICBkLk52UG9wb3ZlcixcbiAgZC5OdlJvdyxcbiAgZC5OdlNpZGViYXIsXG4gIGQuTnZTaWRlYmFyY29udGVudCxcbiAgZC5OdlNpZGViYXJkaXZpZGVyLFxuICBkLk52U2lkZWJhcmZvb3RlcixcbiAgZC5OdlNpZGViYXJncm91cCxcbiAgZC5OdlNpZGViYXJoZWFkZXIsXG4gIGQuTnZTaWRlYmFybG9nbyxcbiAgZC5OdlNpZGViYXJuYXZpdGVtLFxuICBkLk52U2lkZWJhcm5hdnN1Yml0ZW0sXG4gIGQuTnZTcGxpdCxcbiAgZC5OdlN0YWNrLFxuICBkLk52VGFibGUsXG4gIGQuTnZUYWJsZWhlYWRlcixcbiAgZC5OdlRvZ2dsZSxcbiAgZC5OdlRvZ2dsZWJ1dHRvbixcbiAgZC5OdlRvZ2dsZWJ1dHRvbmdyb3VwLFxuICBkLk52VG9vbHRpcFxuXTtcbiJdfQ==
|
|
@@ -1020,11 +1020,11 @@ let NvFieldtextarea = class NvFieldtextarea {
|
|
|
1020
1020
|
this.el = r.nativeElement;
|
|
1021
1021
|
}
|
|
1022
1022
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvFieldtextarea, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1023
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFieldtextarea, selector: "nv-fieldtextarea", inputs: { ariaRequiredAttr: "ariaRequiredAttr", autofocus: "autofocus", autosize: "autosize", description: "description", disabled: "disabled", error: "error", errorDescription: "errorDescription", fluid: "fluid", inputId: "inputId", label: "label", maxlength: "maxlength", message: "message", minlength: "minlength", name: "name", placeholder: "placeholder", readonly: "readonly", required: "required", resize: "resize", rows: "rows", success: "success", validation: "validation", value: "value" }, outputs: { valueChanged: "valueChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1023
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NvFieldtextarea, selector: "nv-fieldtextarea", inputs: { ariaRequiredAttr: "ariaRequiredAttr", autofocus: "autofocus", autosize: "autosize", description: "description", disabled: "disabled", error: "error", errorDescription: "errorDescription", fluid: "fluid", inputId: "inputId", label: "label", maxAutoHeight: "maxAutoHeight", maxlength: "maxlength", message: "message", minlength: "minlength", name: "name", placeholder: "placeholder", readonly: "readonly", required: "required", resize: "resize", rows: "rows", success: "success", validation: "validation", value: "value" }, outputs: { valueChanged: "valueChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1024
1024
|
};
|
|
1025
1025
|
NvFieldtextarea = __decorate([
|
|
1026
1026
|
ProxyCmp({
|
|
1027
|
-
inputs: ['ariaRequiredAttr', 'autofocus', 'autosize', 'description', 'disabled', 'error', 'errorDescription', 'fluid', 'inputId', 'label', 'maxlength', 'message', 'minlength', 'name', 'placeholder', 'readonly', 'required', 'resize', 'rows', 'success', 'validation', 'value']
|
|
1027
|
+
inputs: ['ariaRequiredAttr', 'autofocus', 'autosize', 'description', 'disabled', 'error', 'errorDescription', 'fluid', 'inputId', 'label', 'maxAutoHeight', 'maxlength', 'message', 'minlength', 'name', 'placeholder', 'readonly', 'required', 'resize', 'rows', 'success', 'validation', 'value']
|
|
1028
1028
|
})
|
|
1029
1029
|
], NvFieldtextarea);
|
|
1030
1030
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvFieldtextarea, decorators: [{
|
|
@@ -1034,7 +1034,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
|
|
|
1034
1034
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1035
1035
|
template: '<ng-content></ng-content>',
|
|
1036
1036
|
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
1037
|
-
inputs: ['ariaRequiredAttr', 'autofocus', 'autosize', 'description', 'disabled', 'error', 'errorDescription', 'fluid', 'inputId', 'label', 'maxlength', 'message', 'minlength', 'name', 'placeholder', 'readonly', 'required', 'resize', 'rows', 'success', 'validation', 'value'],
|
|
1037
|
+
inputs: ['ariaRequiredAttr', 'autofocus', 'autosize', 'description', 'disabled', 'error', 'errorDescription', 'fluid', 'inputId', 'label', 'maxAutoHeight', 'maxlength', 'message', 'minlength', 'name', 'placeholder', 'readonly', 'required', 'resize', 'rows', 'success', 'validation', 'value'],
|
|
1038
1038
|
outputs: ['valueChanged'],
|
|
1039
1039
|
standalone: false
|
|
1040
1040
|
}]
|
|
@@ -1284,6 +1284,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
|
|
|
1284
1284
|
standalone: false
|
|
1285
1285
|
}]
|
|
1286
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: "17.3.9", 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: "17.3.9", 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: "17.3.9", 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
|
+
}] } });
|
|
1287
1320
|
let NvPopover = class NvPopover {
|
|
1288
1321
|
constructor(c, r, z) {
|
|
1289
1322
|
this.z = z;
|
|
@@ -1825,6 +1858,7 @@ const DIRECTIVES = [
|
|
|
1825
1858
|
NvNotification,
|
|
1826
1859
|
NvNotificationBullet,
|
|
1827
1860
|
NvNotificationcontainer,
|
|
1861
|
+
NvPaginationtable,
|
|
1828
1862
|
NvPopover,
|
|
1829
1863
|
NvRow,
|
|
1830
1864
|
NvSidebar,
|
|
@@ -1862,7 +1896,6 @@ const DIRECTIVES = [
|
|
|
1862
1896
|
* </nv-datatable>
|
|
1863
1897
|
* ```
|
|
1864
1898
|
*/
|
|
1865
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1866
1899
|
class NvDatatableCellDirective {
|
|
1867
1900
|
constructor(template) {
|
|
1868
1901
|
this.template = template;
|
|
@@ -3017,14 +3050,30 @@ class NvDatatable {
|
|
|
3017
3050
|
</nv-table>
|
|
3018
3051
|
|
|
3019
3052
|
<!-- Render pagination if configured -->
|
|
3020
|
-
@if (paginationAPI()) {
|
|
3053
|
+
@if (paginationAPI()) { @if (paginationTemplate) {
|
|
3021
3054
|
<ng-container
|
|
3022
3055
|
*ngTemplateOutlet="
|
|
3023
|
-
paginationTemplate
|
|
3056
|
+
paginationTemplate;
|
|
3024
3057
|
context: { $implicit: paginationAPI() }
|
|
3025
3058
|
"
|
|
3026
3059
|
></ng-container>
|
|
3027
|
-
}
|
|
3060
|
+
} @else if (mode() === 'client' && pagination() && !pagination()?.infinite)
|
|
3061
|
+
{
|
|
3062
|
+
<!-- Default pagination with nv-paginationtable (client mode only) -->
|
|
3063
|
+
<nv-paginationtable
|
|
3064
|
+
[pageIndex]="paginationAPI()!.pageIndex"
|
|
3065
|
+
[pageSize]="paginationAPI()!.pageSize"
|
|
3066
|
+
[pageCount]="paginationAPI()!.pageCount"
|
|
3067
|
+
[rowCount]="paginationAPI()!.rowCount"
|
|
3068
|
+
[attr.label-page]="pagination()?.labels?.page || null"
|
|
3069
|
+
[attr.label-total]="pagination()?.labels?.total || null"
|
|
3070
|
+
[attr.label-page-size-option]="
|
|
3071
|
+
pagination()?.labels?.pageSizeOption || null
|
|
3072
|
+
"
|
|
3073
|
+
(pageIndexChanged)="paginationAPI()!.setPageIndex($event.detail)"
|
|
3074
|
+
(pageSizeChanged)="paginationAPI()!.setPageSize($event.detail)"
|
|
3075
|
+
></nv-paginationtable>
|
|
3076
|
+
} }
|
|
3028
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"] }] }); }
|
|
3029
3078
|
}
|
|
3030
3079
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvDatatable, decorators: [{
|
|
@@ -3104,14 +3153,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
|
|
|
3104
3153
|
</nv-table>
|
|
3105
3154
|
|
|
3106
3155
|
<!-- Render pagination if configured -->
|
|
3107
|
-
@if (paginationAPI()) {
|
|
3156
|
+
@if (paginationAPI()) { @if (paginationTemplate) {
|
|
3108
3157
|
<ng-container
|
|
3109
3158
|
*ngTemplateOutlet="
|
|
3110
|
-
paginationTemplate
|
|
3159
|
+
paginationTemplate;
|
|
3111
3160
|
context: { $implicit: paginationAPI() }
|
|
3112
3161
|
"
|
|
3113
3162
|
></ng-container>
|
|
3114
|
-
}
|
|
3163
|
+
} @else if (mode() === 'client' && pagination() && !pagination()?.infinite)
|
|
3164
|
+
{
|
|
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]="
|
|
3174
|
+
pagination()?.labels?.pageSizeOption || null
|
|
3175
|
+
"
|
|
3176
|
+
(pageIndexChanged)="paginationAPI()!.setPageIndex($event.detail)"
|
|
3177
|
+
(pageSizeChanged)="paginationAPI()!.setPageSize($event.detail)"
|
|
3178
|
+
></nv-paginationtable>
|
|
3179
|
+
} }
|
|
3115
3180
|
`,
|
|
3116
3181
|
}]
|
|
3117
3182
|
}], ctorParameters: () => [], propDecorators: { paginationTemplate: [{
|
|
@@ -3886,6 +3951,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
|
|
|
3886
3951
|
type: HostListener,
|
|
3887
3952
|
args: ['hiddenChanged', ['$event']]
|
|
3888
3953
|
}] } });
|
|
3954
|
+
class NvPaginationtableValueAccessor extends ValueAccessor {
|
|
3955
|
+
constructor(el) {
|
|
3956
|
+
super(el);
|
|
3957
|
+
}
|
|
3958
|
+
handlePageIndexChanged(event) {
|
|
3959
|
+
this.handleChangeEvent(event.target.pageIndex);
|
|
3960
|
+
}
|
|
3961
|
+
writeValue(value) {
|
|
3962
|
+
this.el.nativeElement.pageIndex = this.lastValue = value;
|
|
3963
|
+
}
|
|
3964
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvPaginationtableValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3965
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.9", type: NvPaginationtableValueAccessor, selector: "nv-paginationtable", host: { listeners: { "pageIndexChanged": "handlePageIndexChanged($event)" } }, providers: [
|
|
3966
|
+
{
|
|
3967
|
+
provide: NG_VALUE_ACCESSOR,
|
|
3968
|
+
useExisting: NvPaginationtableValueAccessor,
|
|
3969
|
+
multi: true,
|
|
3970
|
+
},
|
|
3971
|
+
], usesInheritance: true, ngImport: i0 }); }
|
|
3972
|
+
}
|
|
3973
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NvPaginationtableValueAccessor, decorators: [{
|
|
3974
|
+
type: Directive,
|
|
3975
|
+
args: [{
|
|
3976
|
+
selector: 'nv-paginationtable',
|
|
3977
|
+
providers: [
|
|
3978
|
+
{
|
|
3979
|
+
provide: NG_VALUE_ACCESSOR,
|
|
3980
|
+
useExisting: NvPaginationtableValueAccessor,
|
|
3981
|
+
multi: true,
|
|
3982
|
+
},
|
|
3983
|
+
],
|
|
3984
|
+
}]
|
|
3985
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { handlePageIndexChanged: [{
|
|
3986
|
+
type: HostListener,
|
|
3987
|
+
args: ['pageIndexChanged', ['$event']]
|
|
3988
|
+
}] } });
|
|
3889
3989
|
class NvPopoverValueAccessor extends ValueAccessor {
|
|
3890
3990
|
constructor(el) {
|
|
3891
3991
|
super(el);
|
|
@@ -4082,6 +4182,7 @@ const VALUE_ACCESSORS = [
|
|
|
4082
4182
|
NvFieldtextareaValueAccessor,
|
|
4083
4183
|
NvFieldtimeValueAccessor,
|
|
4084
4184
|
NvNotificationValueAccessor,
|
|
4185
|
+
NvPaginationtableValueAccessor,
|
|
4085
4186
|
NvPopoverValueAccessor,
|
|
4086
4187
|
NvSidebarValueAccessor,
|
|
4087
4188
|
NvSplitValueAccessor,
|
|
@@ -4444,7 +4545,7 @@ function provideNovaComponents() {
|
|
|
4444
4545
|
}
|
|
4445
4546
|
class NovaComponentsModule {
|
|
4446
4547
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NovaComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4447
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: NovaComponentsModule, declarations: [NvAccordion, NvAccordionItem, NvAlert, NvAvatar, NvBadge, NvBreadcrumb, NvBreadcrumbs, NvButton, NvButtongroup, NvCalendar, NvCol, NvDatagrid, NvDatagridcolumn, NvDialog, NvDialogfooter, NvDialogheader, NvDrawer, NvDrawerfooter, NvDrawerheader, NvFieldcheckbox, NvFielddate, NvFielddaterange, NvFielddropdown, NvFielddropdownitem, NvFielddropdownitemcheck, NvFieldmultiselect, NvFieldnumber, NvFieldpassword, NvFieldradio, NvFieldselect, NvFieldslider, NvFieldtext, NvFieldtextarea, NvFieldtime, NvIcon, NvIconbutton, NvLoader, NvMenu, NvMenuitem, NvNotification, NvNotificationBullet, NvNotificationcontainer, NvPopover, NvRow, NvSidebar, NvSidebarcontent, NvSidebardivider, NvSidebarfooter, NvSidebargroup, NvSidebarheader, NvSidebarlogo, NvSidebarnavitem, NvSidebarnavsubitem, NvSplit, NvStack, NvTable, NvTableheader, NvToggle, NvTogglebutton, NvTogglebuttongroup, NvTooltip], imports: [NvDatatable], exports: [NvAccordion, NvAccordionItem, NvAlert, NvAvatar, NvBadge, NvBreadcrumb, NvBreadcrumbs, NvButton, NvButtongroup, NvCalendar, NvCol, NvDatagrid, NvDatagridcolumn, NvDialog, NvDialogfooter, NvDialogheader, NvDrawer, NvDrawerfooter, NvDrawerheader, NvFieldcheckbox, NvFielddate, NvFielddaterange, NvFielddropdown, NvFielddropdownitem, NvFielddropdownitemcheck, NvFieldmultiselect, NvFieldnumber, NvFieldpassword, NvFieldradio, NvFieldselect, NvFieldslider, NvFieldtext, NvFieldtextarea, NvFieldtime, NvIcon, NvIconbutton, NvLoader, NvMenu, NvMenuitem, NvNotification, NvNotificationBullet, NvNotificationcontainer, NvPopover, NvRow, NvSidebar, NvSidebarcontent, NvSidebardivider, NvSidebarfooter, NvSidebargroup, NvSidebarheader, NvSidebarlogo, NvSidebarnavitem, NvSidebarnavsubitem, NvSplit, NvStack, NvTable, NvTableheader, NvToggle, NvTogglebutton, NvTogglebuttongroup, NvTooltip, NvDatatable] }); }
|
|
4548
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", 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] }); }
|
|
4448
4549
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NovaComponentsModule, imports: [NvDatatable] }); }
|
|
4449
4550
|
}
|
|
4450
4551
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NovaComponentsModule, decorators: [{
|
|
@@ -4457,7 +4558,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
|
|
|
4457
4558
|
}] });
|
|
4458
4559
|
class NovaComponentsValueAccessorModule {
|
|
4459
4560
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NovaComponentsValueAccessorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4460
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: NovaComponentsValueAccessorModule, declarations: [NvAccordionValueAccessor, NvAlertValueAccessor, NvCalendarValueAccessor, NvDatagridValueAccessor, NvDialogValueAccessor, NvDrawerValueAccessor, NvFieldcheckboxValueAccessor, NvFielddateValueAccessor, NvFielddaterangeValueAccessor, NvFielddropdownValueAccessor, NvFieldmultiselectValueAccessor, NvFieldnumberValueAccessor, NvFieldpasswordValueAccessor, NvFieldradioValueAccessor, NvFieldselectValueAccessor, NvFieldsliderValueAccessor, NvFieldtextValueAccessor, NvFieldtextareaValueAccessor, NvFieldtimeValueAccessor, NvNotificationValueAccessor, NvPopoverValueAccessor, NvSidebarValueAccessor, NvSplitValueAccessor, NvToggleValueAccessor, NvTogglebuttongroupValueAccessor], exports: [NvAccordionValueAccessor, NvAlertValueAccessor, NvCalendarValueAccessor, NvDatagridValueAccessor, NvDialogValueAccessor, NvDrawerValueAccessor, NvFieldcheckboxValueAccessor, NvFielddateValueAccessor, NvFielddaterangeValueAccessor, NvFielddropdownValueAccessor, NvFieldmultiselectValueAccessor, NvFieldnumberValueAccessor, NvFieldpasswordValueAccessor, NvFieldradioValueAccessor, NvFieldselectValueAccessor, NvFieldsliderValueAccessor, NvFieldtextValueAccessor, NvFieldtextareaValueAccessor, NvFieldtimeValueAccessor, NvNotificationValueAccessor, NvPopoverValueAccessor, NvSidebarValueAccessor, NvSplitValueAccessor, NvToggleValueAccessor, NvTogglebuttongroupValueAccessor] }); }
|
|
4561
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", 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] }); }
|
|
4461
4562
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NovaComponentsValueAccessorModule }); }
|
|
4462
4563
|
}
|
|
4463
4564
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NovaComponentsValueAccessorModule, decorators: [{
|
|
@@ -4488,5 +4589,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
|
|
|
4488
4589
|
* Generated bundle index. Do not edit.
|
|
4489
4590
|
*/
|
|
4490
4591
|
|
|
4491
|
-
export { NotificationService, NotificationServiceComponent, NovaComponentsModule, NovaComponentsProvidersModule, NovaComponentsValueAccessorModule, NvAccordion, NvAccordionItem, NvAccordionValueAccessor, NvAlert, NvAlertValueAccessor, NvAvatar, NvBadge, NvBreadcrumb, NvBreadcrumbs, NvButton, NvButtongroup, NvCalendar, NvCalendarValueAccessor, NvCol, NvDatagrid, NvDatagridValueAccessor, NvDatagridcolumn, NvDatatable, NvDatatableCellDirective, NvDialog, NvDialogValueAccessor, NvDialogfooter, NvDialogheader, NvDrawer, NvDrawerValueAccessor, NvDrawerfooter, NvDrawerheader, NvFieldcheckbox, NvFieldcheckboxValueAccessor, NvFielddate, NvFielddateValueAccessor, NvFielddaterange, NvFielddaterangeValueAccessor, NvFielddropdown, NvFielddropdownValueAccessor, NvFielddropdownitem, NvFielddropdownitemcheck, NvFieldmultiselect, NvFieldmultiselectValueAccessor, NvFieldnumber, NvFieldnumberValueAccessor, NvFieldpassword, NvFieldpasswordValueAccessor, NvFieldradio, NvFieldradioValueAccessor, NvFieldselect, NvFieldselectValueAccessor, NvFieldslider, NvFieldsliderValueAccessor, NvFieldtext, NvFieldtextValueAccessor, NvFieldtextarea, NvFieldtextareaValueAccessor, NvFieldtime, NvFieldtimeValueAccessor, NvIcon, NvIconbutton, NvLoader, NvMenu, NvMenuitem, NvNotification, NvNotificationBullet, NvNotificationValueAccessor, NvNotificationcontainer, NvPopover, NvPopoverValueAccessor, NvRow, NvSidebar, NvSidebarValueAccessor, NvSidebarcontent, NvSidebardivider, NvSidebarfooter, NvSidebargroup, NvSidebarheader, NvSidebarlogo, NvSidebarnavitem, NvSidebarnavsubitem, NvSplit, NvSplitValueAccessor, NvStack, NvTable, NvTableheader, NvToggle, NvToggleValueAccessor, NvTogglebutton, NvTogglebuttongroup, NvTogglebuttongroupValueAccessor, NvTooltip, VALUE_ACCESSORS, makeColumn, flexRenderComponent as nvDatatableRenderComponent, provideNovaComponents };
|
|
4592
|
+
export { NotificationService, NotificationServiceComponent, NovaComponentsModule, NovaComponentsProvidersModule, 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 };
|
|
4492
4593
|
//# sourceMappingURL=nova-components.mjs.map
|