@wavemaker/app-ng-runtime 11.11.4-rc.6173 → 11.11.5-rc.6185
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/components/base/bundles/index.umd.js +12 -7
- package/components/base/esm2022/widgets/common/base/base-field-validations.mjs +13 -8
- package/components/base/fesm2022/index.mjs +12 -7
- package/components/base/fesm2022/index.mjs.map +1 -1
- package/components/data/form/bundles/index.umd.js +20 -1
- package/components/data/form/esm2022/form-action/form-action.directive.mjs +5 -2
- package/components/data/form/esm2022/form-field/form-field.directive.mjs +2 -1
- package/components/data/form/esm2022/form.component.mjs +15 -1
- package/components/data/form/esm2022/form.props.mjs +2 -1
- package/components/data/form/fesm2022/index.mjs +20 -1
- package/components/data/form/fesm2022/index.mjs.map +1 -1
- package/components/data/form/form.component.d.ts +1 -0
- package/components/data/list/bundles/index.umd.js +53 -10
- package/components/data/list/esm2022/list.component.mjs +51 -10
- package/components/data/list/esm2022/list.props.mjs +4 -2
- package/components/data/list/fesm2022/index.mjs +53 -10
- package/components/data/list/fesm2022/index.mjs.map +1 -1
- package/components/data/list/list.component.d.ts +7 -0
- package/components/data/pagination/bundles/index.umd.js +502 -106
- package/components/data/pagination/esm2022/pagination.component.mjs +500 -105
- package/components/data/pagination/esm2022/pagination.props.mjs +4 -1
- package/components/data/pagination/fesm2022/index.mjs +502 -104
- package/components/data/pagination/fesm2022/index.mjs.map +1 -1
- package/components/data/pagination/pagination.component.d.ts +21 -1
- package/components/data/table/bundles/index.umd.js +89 -11
- package/components/data/table/esm2022/table-column/table-column.directive.mjs +3 -2
- package/components/data/table/esm2022/table-column/table-column.props.mjs +2 -1
- package/components/data/table/esm2022/table.component.mjs +82 -12
- package/components/data/table/esm2022/table.props.mjs +7 -1
- package/components/data/table/fesm2022/index.mjs +90 -12
- package/components/data/table/fesm2022/index.mjs.map +1 -1
- package/components/data/table/table-column/table-column.directive.d.ts +1 -0
- package/components/data/table/table.component.d.ts +17 -0
- package/components/input/epoch/base-date-time.component.d.ts +3 -1
- package/components/input/epoch/bundles/index.umd.js +123 -65
- package/components/input/epoch/esm2022/base-date-time.component.mjs +31 -20
- package/components/input/epoch/esm2022/date/date.component.mjs +5 -6
- package/components/input/epoch/esm2022/date-time/date-time.component.mjs +45 -22
- package/components/input/epoch/esm2022/date-time/date-time.props.mjs +3 -2
- package/components/input/epoch/esm2022/time/time.component.mjs +40 -14
- package/components/input/epoch/esm2022/time/time.props.mjs +3 -2
- package/components/input/epoch/fesm2022/index.mjs +118 -60
- package/components/input/epoch/fesm2022/index.mjs.map +1 -1
- package/components/input/slider/bundles/index.umd.js +107 -38
- package/components/input/slider/esm2022/slider.component.mjs +86 -18
- package/components/input/slider/esm2022/slider.props.mjs +5 -3
- package/components/input/slider/fesm2022/index.mjs +88 -19
- package/components/input/slider/fesm2022/index.mjs.map +1 -1
- package/components/input/slider/slider.component.d.ts +5 -0
- package/npm-shrinkwrap.json +2 -2
- package/oAuth/esm2022/oAuth.service.mjs +1 -1
- package/oAuth/fesm2022/index.mjs.map +1 -1
- package/package-lock.json +2 -2
- package/package.json +1 -1
- package/runtime/base/bundles/index.umd.js +84 -34
- package/runtime/base/components/app-component/app.component.d.ts +10 -3
- package/runtime/base/esm2022/components/app-component/app.component.mjs +85 -34
- package/runtime/base/esm2022/util/wm-route-reuse-strategy.mjs +2 -2
- package/runtime/base/fesm2022/index.mjs +85 -35
- package/runtime/base/fesm2022/index.mjs.map +1 -1
- package/scripts/datatable/datatable.js +56 -10
|
@@ -39,7 +39,9 @@ export const registerProps = () => {
|
|
|
39
39
|
['statehandler', { value: 'none', ...PROP_STRING }],
|
|
40
40
|
['subheading', PROP_STRING],
|
|
41
41
|
['tabindex', { value: 0, ...PROP_NUMBER }],
|
|
42
|
-
['title', PROP_STRING]
|
|
42
|
+
['title', PROP_STRING],
|
|
43
|
+
['allowpagesizechange', { value: false, ...PROP_BOOLEAN }],
|
|
44
|
+
['pagesizeoptions', { value: '5,10,20,50,100', ...PROP_STRING }]
|
|
43
45
|
]));
|
|
44
46
|
};
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC5wcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9kYXRhL2xpc3Qvc3JjL2xpc3QucHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxRQUFRLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUVqRyxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsR0FBRyxFQUFFO0lBQzlCLFFBQVEsQ0FDSixTQUFTLEVBQ1QsSUFBSSxHQUFHLENBQ0g7UUFDSSxDQUFDLGVBQWUsRUFBRSxFQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsR0FBRyxZQUFZLEVBQUMsQ0FBQztRQUNsRCxDQUFDLE9BQU8sRUFBRSxXQUFXLENBQUM7UUFDdEIsQ0FBQyxhQUFhLEVBQUUsWUFBWSxDQUFDO1FBQzdCLENBQUMsWUFBWSxFQUFFLFdBQVcsQ0FBQztRQUMzQixDQUFDLFNBQVMsRUFBRSxRQUFRLENBQUM7UUFDckIsQ0FBQyxZQUFZLEVBQUUsUUFBUSxDQUFDO1FBQ3hCLENBQUMsV0FBVyxFQUFFLEVBQUMsS0FBSyxFQUFFLFVBQVUsRUFBRSxHQUFHLFdBQVcsRUFBQyxDQUFDO1FBQ2xELENBQUMsZ0JBQWdCLEVBQUUsRUFBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLEdBQUcsWUFBWSxFQUFDLENBQUM7UUFDbEQsQ0FBQyxhQUFhLEVBQUUsWUFBWSxDQUFDO1FBQzdCLENBQUMsZUFBZSxFQUFFLFlBQVksQ0FBQztRQUMvQixDQUFDLGVBQWUsRUFBRSxFQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsR0FBRyxZQUFZLEVBQUMsQ0FBQztRQUNqRCxDQUFDLFNBQVMsRUFBRSxXQUFXLENBQUM7UUFDeEIsQ0FBQyxXQUFXLEVBQUUsV0FBVyxDQUFDO1FBQzFCLENBQUMsV0FBVyxFQUFFLEVBQUMsS0FBSyxFQUFFLEVBQUUsRUFBRSxHQUFHLFdBQVcsRUFBQyxDQUFDO1FBQzFDLENBQUMsYUFBYSxFQUFFLFdBQVcsQ0FBQztRQUM1QixDQUFDLFdBQVcsRUFBRSxFQUFDLEtBQUssRUFBRSxZQUFZLEVBQUUsR0FBRyxXQUFXLEVBQUMsQ0FBQztRQUNwRCxDQUFDLGFBQWEsRUFBRSxZQUFZLENBQUM7UUFDN0IsQ0FBQyxnQkFBZ0IsRUFBRSxFQUFDLEtBQUssRUFBRyxZQUFZLEVBQUUsR0FBRyxXQUFXLEVBQUMsQ0FBQztRQUMxRCxDQUFDLGFBQWEsRUFBRSxFQUFDLEtBQUssRUFBRyxzQkFBc0IsRUFBRSxHQUFHLFdBQVcsRUFBQyxDQUFDO1FBQ2pFLENBQUMsT0FBTyxFQUFFLFdBQVcsQ0FBQztRQUN0QixDQUFDLFNBQVMsRUFBRSxFQUFDLEtBQUssRUFBRSxDQUFDLEVBQUUsR0FBRyxXQUFXLEVBQUMsQ0FBQztRQUN2QyxDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUM7UUFDckIsQ0FBQyxZQUFZLEVBQUUsV0FBVyxDQUFDO1FBQzNCLENBQUMsaUJBQWlCLEVBQUUsRUFBQyxLQUFLLEVBQUUsTUFBTSxFQUFFLEdBQUcsV0FBVyxFQUFDLENBQUM7UUFDcEQsQ0FBQyxlQUFlLEVBQUUsRUFBQyxLQUFLLEVBQUcsZUFBZSxFQUFFLEdBQUcsV0FBVyxFQUFDLENBQUM7UUFDNUQsQ0FBQyxpQkFBaUIsRUFBRSxFQUFDLEtBQUssRUFBRyxXQUFXLEVBQUUsR0FBRyxXQUFXLEVBQUMsQ0FBQztRQUMxRCxDQUFDLFNBQVMsRUFBRSxXQUFXLENBQUM7UUFDeEIsQ0FBQyxpQkFBaUIsRUFBRSxXQUFXLENBQUM7UUFDaEMsQ0FBQyxVQUFVLEVBQUUsV0FBVyxDQUFDO1FBQ3pCLENBQUMsZUFBZSxFQUFFLEVBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxHQUFHLFlBQVksRUFBQyxDQUFDO1FBQ2xELENBQUMsaUJBQWlCLEVBQUUsWUFBWSxDQUFDO1FBQ2pDLENBQUMsZ0JBQWdCLEVBQUUsV0FBVyxDQUFDO1FBQy9CLENBQUMsTUFBTSxFQUFFLEVBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxHQUFHLFlBQVksRUFBQyxDQUFDO1FBQ3hDLENBQUMsV0FBVyxFQUFFLFlBQVksQ0FBQztRQUMzQixDQUFDLGlCQUFpQixFQUFFLFlBQVksQ0FBQztRQUNqQyxDQUFDLGNBQWMsRUFBRSxFQUFDLEtBQUssRUFBRSxNQUFNLEVBQUUsR0FBRyxXQUFXLEVBQUMsQ0FBQztRQUNqRCxDQUFDLFlBQVksRUFBRSxXQUFXLENBQUM7UUFDM0IsQ0FBQyxVQUFVLEVBQUUsRUFBQyxLQUFLLEVBQUUsQ0FBQyxFQUFFLEdBQUcsV0FBVyxFQUFDLENBQUM7UUFDeEMsQ0FBQyxPQUFPLEVBQUUsV0FBVyxDQUFDO1FBQ3RCLENBQUMscUJBQXFCLEVBQUUsRUFBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLEdBQUcsWUFBWSxFQUFDLENBQUM7UUFDeEQsQ0FBQyxpQkFBaUIsRUFBRSxFQUFDLEtBQUssRUFBRyxnQkFBZ0IsRUFBRSxHQUFHLFdBQVcsRUFBQyxDQUFDO0tBRWxFLENBQ0osQ0FDSixDQUFDO0FBQ04sQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUFJPUF9BTlksIFBST1BfQk9PTEVBTiwgUFJPUF9OVU1CRVIsIFBST1BfU1RSSU5HLCByZWdpc3RlciB9IGZyb20gJ0B3bS9jb21wb25lbnRzL2Jhc2UnO1xuXG5leHBvcnQgY29uc3QgcmVnaXN0ZXJQcm9wcyA9ICgpID0+IHtcbiAgICByZWdpc3RlcihcbiAgICAgICAgJ3dtLWxpc3QnLFxuICAgICAgICBuZXcgTWFwKFxuICAgICAgICAgICAgW1xuICAgICAgICAgICAgICAgIFsnYm91bmRhcnlsaW5rcycsIHt2YWx1ZTogZmFsc2UsIC4uLlBST1BfQk9PTEVBTn1dLFxuICAgICAgICAgICAgICAgIFsnY2xhc3MnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICAgICAgWydjb2xsYXBzaWJsZScsIFBST1BfQk9PTEVBTl0sXG4gICAgICAgICAgICAgICAgWydkYXRlZm9ybWF0JywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsnZGF0YXNldCcsIFBST1BfQU5ZXSxcbiAgICAgICAgICAgICAgICBbJ2RhdGFzb3VyY2UnLCBQUk9QX0FOWV0sXG4gICAgICAgICAgICAgICAgWydkaXJlY3Rpb24nLCB7dmFsdWU6ICd2ZXJ0aWNhbCcsIC4uLlBST1BfU1RSSU5HfV0sXG4gICAgICAgICAgICAgICAgWydkaXJlY3Rpb25saW5rcycsIHt2YWx1ZTogdHJ1ZSwgLi4uUFJPUF9CT09MRUFOfV0sXG4gICAgICAgICAgICAgICAgWydkaXNhYmxlaXRlbScsIFBST1BfQk9PTEVBTl0sXG4gICAgICAgICAgICAgICAgWydlbmFibGVyZW9yZGVyJywgUFJPUF9CT09MRUFOXSxcbiAgICAgICAgICAgICAgICBbJ2ZvcmNlZWxsaXBzZXMnLCB7dmFsdWU6IHRydWUsIC4uLlBST1BfQk9PTEVBTn1dLFxuICAgICAgICAgICAgICAgIFsnZ3JvdXBieScsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ2ljb25jbGFzcycsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ2l0ZW1jbGFzcycsIHt2YWx1ZTogJycsIC4uLlBST1BfU1RSSU5HfV0sXG4gICAgICAgICAgICAgICAgWydpdGVtc3BlcnJvdycsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ2xpc3RjbGFzcycsIHt2YWx1ZTogJ2xpc3QtZ3JvdXAnLCAuLi5QUk9QX1NUUklOR31dLFxuICAgICAgICAgICAgICAgIFsnbXVsdGlzZWxlY3QnLCBQUk9QX0JPT0xFQU5dLFxuICAgICAgICAgICAgICAgIFsnbG9hZGluZ2RhdGFtc2cnLCB7dmFsdWUgOiAnTG9hZGluZy4uLicsIC4uLlBST1BfU1RSSU5HfV0sXG4gICAgICAgICAgICAgICAgWydsb2FkaW5naWNvbicsIHt2YWx1ZSA6ICdmYSBmYS1jaXJjbGUtby1ub3RjaCcsIC4uLlBST1BfU1RSSU5HfV0sXG4gICAgICAgICAgICAgICAgWydtYXRjaCcsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ21heHNpemUnLCB7dmFsdWU6IDUsIC4uLlBST1BfTlVNQkVSfV0sXG4gICAgICAgICAgICAgICAgWyduYW1lJywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsnbmF2aWdhdGlvbicsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ25hdmlnYXRpb25hbGlnbicsIHt2YWx1ZTogJ2xlZnQnLCAuLi5QUk9QX1NUUklOR31dLFxuICAgICAgICAgICAgICAgIFsnbm9kYXRhbWVzc2FnZScsIHt2YWx1ZSA6ICdObyBkYXRhIGZvdW5kJywgLi4uUFJPUF9TVFJJTkd9XSxcbiAgICAgICAgICAgICAgICBbJ29uZGVtYW5kbWVzc2FnZScsIHt2YWx1ZSA6ICdMb2FkIE1vcmUnLCAuLi5QUk9QX1NUUklOR31dLFxuICAgICAgICAgICAgICAgIFsnb3JkZXJieScsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ3BhZ2luYXRpb25jbGFzcycsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ3BhZ2VzaXplJywgUFJPUF9OVU1CRVJdLFxuICAgICAgICAgICAgICAgIFsncHVsbHRvcmVmcmVzaCcsIHt2YWx1ZTogZmFsc2UsIC4uLlBST1BfQk9PTEVBTn1dLFxuICAgICAgICAgICAgICAgIFsnc2VsZWN0Zmlyc3RpdGVtJywgUFJPUF9CT09MRUFOXSxcbiAgICAgICAgICAgICAgICBbJ3NlbGVjdGlvbmxpbWl0JywgUFJPUF9OVU1CRVJdLFxuICAgICAgICAgICAgICAgIFsnc2hvdycsIHt2YWx1ZTogdHJ1ZSwgLi4uUFJPUF9CT09MRUFOfV0sXG4gICAgICAgICAgICAgICAgWydzaG93Y291bnQnLCBQUk9QX0JPT0xFQU5dLFxuICAgICAgICAgICAgICAgIFsnc2hvd3JlY29yZGNvdW50JywgUFJPUF9CT09MRUFOXSxcbiAgICAgICAgICAgICAgICBbJ3N0YXRlaGFuZGxlcicsIHt2YWx1ZTogJ25vbmUnLCAuLi5QUk9QX1NUUklOR31dLFxuICAgICAgICAgICAgICAgIFsnc3ViaGVhZGluZycsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ3RhYmluZGV4Jywge3ZhbHVlOiAwLCAuLi5QUk9QX05VTUJFUn1dLFxuICAgICAgICAgICAgICAgIFsndGl0bGUnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICAgICAgWydhbGxvd3BhZ2VzaXplY2hhbmdlJywge3ZhbHVlOiBmYWxzZSwgLi4uUFJPUF9CT09MRUFOfV0sXG4gICAgICAgICAgICAgICAgWydwYWdlc2l6ZW9wdGlvbnMnLCB7dmFsdWUgOiAnNSwxMCwyMCw1MCwxMDAnLCAuLi5QUk9QX1NUUklOR31dXG5cbiAgICAgICAgICAgIF1cbiAgICAgICAgKVxuICAgICk7XG59O1xuIl19
|
|
@@ -51,7 +51,9 @@ const registerProps = () => {
|
|
|
51
51
|
['statehandler', { value: 'none', ...PROP_STRING }],
|
|
52
52
|
['subheading', PROP_STRING],
|
|
53
53
|
['tabindex', { value: 0, ...PROP_NUMBER }],
|
|
54
|
-
['title', PROP_STRING]
|
|
54
|
+
['title', PROP_STRING],
|
|
55
|
+
['allowpagesizechange', { value: false, ...PROP_BOOLEAN }],
|
|
56
|
+
['pagesizeoptions', { value: '5,10,20,50,100', ...PROP_STRING }]
|
|
55
57
|
]));
|
|
56
58
|
};
|
|
57
59
|
|
|
@@ -413,7 +415,7 @@ function ListComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
|
|
|
413
415
|
i0.ɵɵelementEnd();
|
|
414
416
|
} if (rf & 2) {
|
|
415
417
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
416
|
-
i0.ɵɵproperty("hidden", !ctx_r0.showNavigation || ctx_r0.onDemandLoad && ctx_r0.dataNavigator.isDisableNext || ctx_r0.dataNavigator.dataSize <= ctx_r0.pagesize || !ctx_r0.dataNavigator.dataSize && !(ctx_r0.dataNavigator.datasource == null ? null : ctx_r0.dataNavigator.datasource.pagination == null ? null : ctx_r0.dataNavigator.datasource.pagination.next));
|
|
418
|
+
i0.ɵɵproperty("hidden", !ctx_r0.showNavigation || ctx_r0.onDemandLoad && ctx_r0.dataNavigator.isDisableNext || (ctx_r0.dataNavigator == null ? null : ctx_r0.dataNavigator.dataSize) <= ctx_r0.pagesize && !ctx_r0.allowpagesizechange || !ctx_r0.dataNavigator.dataSize && !(ctx_r0.dataNavigator.datasource == null ? null : ctx_r0.dataNavigator.datasource.pagination == null ? null : ctx_r0.dataNavigator.datasource.pagination.next));
|
|
417
419
|
i0.ɵɵadvance(2);
|
|
418
420
|
i0.ɵɵconditional(ctx_r0.onDemandLoad ? 2 : -1);
|
|
419
421
|
} }
|
|
@@ -425,6 +427,7 @@ class ListComponent extends StylableComponent {
|
|
|
425
427
|
let resolveFn = noop;
|
|
426
428
|
const propsInitPromise = new Promise(res => resolveFn = res);
|
|
427
429
|
super(inj, WIDGET_CONFIG, explicitContext, propsInitPromise);
|
|
430
|
+
this.allowpagesizechange = false;
|
|
428
431
|
this.propsInitPromise = propsInitPromise;
|
|
429
432
|
this.promiseResolverFn = resolveFn;
|
|
430
433
|
styler(this.nativeElement, this, APPLY_STYLES_TYPE.SHELL);
|
|
@@ -532,6 +535,9 @@ class ListComponent extends StylableComponent {
|
|
|
532
535
|
return this.fieldDefs.findIndex((obj) => isEqual(obj, item));
|
|
533
536
|
}
|
|
534
537
|
}
|
|
538
|
+
getUpdatedPageSize() {
|
|
539
|
+
return this.updatedPageSize;
|
|
540
|
+
}
|
|
535
541
|
create() {
|
|
536
542
|
if (this._isDependent) {
|
|
537
543
|
this.triggerWMEvent('insert');
|
|
@@ -711,6 +717,9 @@ class ListComponent extends StylableComponent {
|
|
|
711
717
|
}
|
|
712
718
|
}
|
|
713
719
|
}
|
|
720
|
+
getActualPageSize() {
|
|
721
|
+
return this.actualPageSize || 20;
|
|
722
|
+
}
|
|
714
723
|
onPropertyChange(key, nv, ov) {
|
|
715
724
|
if (key === 'dataset') {
|
|
716
725
|
if (!nv && this.binddatasource && !this.datasource) {
|
|
@@ -719,6 +728,9 @@ class ListComponent extends StylableComponent {
|
|
|
719
728
|
this.onDataSetChange(nv);
|
|
720
729
|
}
|
|
721
730
|
else if (key === 'datasource') {
|
|
731
|
+
if (this.allowpagesizechange) {
|
|
732
|
+
this.datasource.maxResults = this.pagesize || this.datasource.maxResults;
|
|
733
|
+
}
|
|
722
734
|
if (this.dataset) {
|
|
723
735
|
this.onDataSetChange(this.dataset);
|
|
724
736
|
}
|
|
@@ -752,11 +764,8 @@ class ListComponent extends StylableComponent {
|
|
|
752
764
|
}
|
|
753
765
|
}
|
|
754
766
|
else if (key === 'pagesize') {
|
|
755
|
-
this.
|
|
756
|
-
|
|
757
|
-
};
|
|
758
|
-
this.dataNavigator.widget.maxResults = nv;
|
|
759
|
-
this.dataNavigator.maxResults = nv;
|
|
767
|
+
this.actualPageSize = nv; // maintain default page size to calculate pagesize options
|
|
768
|
+
this.setDefaultPageSize(nv);
|
|
760
769
|
}
|
|
761
770
|
else if (key === 'enablereorder') {
|
|
762
771
|
if (nv && this.$ulEle) {
|
|
@@ -769,10 +778,37 @@ class ListComponent extends StylableComponent {
|
|
|
769
778
|
this.$ulEle.sortable('disable');
|
|
770
779
|
}
|
|
771
780
|
}
|
|
781
|
+
else if (key === 'allowpagesizechange') {
|
|
782
|
+
this.allowpagesizechange = nv;
|
|
783
|
+
}
|
|
784
|
+
else if (key === 'pagesizeoptions') {
|
|
785
|
+
this.pagesizeoptions = nv;
|
|
786
|
+
this.setDefaultPageSize(nv);
|
|
787
|
+
}
|
|
772
788
|
else {
|
|
773
789
|
super.onPropertyChange(key, nv, ov);
|
|
774
790
|
}
|
|
775
791
|
}
|
|
792
|
+
setDefaultPageSize(nv) {
|
|
793
|
+
if (this.allowpagesizechange) {
|
|
794
|
+
const widgetState = this.statePersistence.getWidgetState(this);
|
|
795
|
+
if (get(widgetState, 'pagesize')) {
|
|
796
|
+
nv = get(widgetState, 'pagesize');
|
|
797
|
+
this.pagesize = nv; // updating the default pagesize to user selected pagesize
|
|
798
|
+
}
|
|
799
|
+
else if (this.pagesizeoptions) {
|
|
800
|
+
nv = this.pagesizeoptions?.split(',').map(Number).sort((a, b) => a - b)[0];
|
|
801
|
+
this.pagesize = nv;
|
|
802
|
+
}
|
|
803
|
+
}
|
|
804
|
+
this.updatedPageSize = nv;
|
|
805
|
+
this.dataNavigator.updatedPageSize = nv;
|
|
806
|
+
this.dataNavigator.options = {
|
|
807
|
+
maxResults: nv
|
|
808
|
+
};
|
|
809
|
+
this.dataNavigator.widget.maxResults = nv;
|
|
810
|
+
this.dataNavigator.maxResults = nv;
|
|
811
|
+
}
|
|
776
812
|
onItemClick(evt, $listItem) {
|
|
777
813
|
let selectCount;
|
|
778
814
|
if (!$listItem.disableItem) {
|
|
@@ -1120,8 +1156,15 @@ class ListComponent extends StylableComponent {
|
|
|
1120
1156
|
if (get(this.datasource, 'category') === 'wm.Variable' && this.getConfiguredState() !== 'none' && this._pageLoad) {
|
|
1121
1157
|
const widgetState = this.statePersistence.getWidgetState(this);
|
|
1122
1158
|
this._pageLoad = false;
|
|
1123
|
-
if (
|
|
1124
|
-
|
|
1159
|
+
if (this.allowpagesizechange) { // maintain updated page size in the statePersistence
|
|
1160
|
+
if (get(widgetState, 'pagination') || get(widgetState, 'pagesize')) {
|
|
1161
|
+
this.dataNavigator.pageChanged({ page: widgetState.pagination || 1, pagesize: widgetState.pagesize }, true);
|
|
1162
|
+
}
|
|
1163
|
+
}
|
|
1164
|
+
else {
|
|
1165
|
+
if (get(widgetState, 'pagination')) {
|
|
1166
|
+
this.dataNavigator.pageChanged({ page: widgetState.pagination }, true);
|
|
1167
|
+
}
|
|
1125
1168
|
}
|
|
1126
1169
|
if (get(widgetState, 'selectedItem')) {
|
|
1127
1170
|
this._selectedItemsExist = true;
|
|
@@ -1519,7 +1562,7 @@ class ListComponent extends StylableComponent {
|
|
|
1519
1562
|
type: Component,
|
|
1520
1563
|
args: [{ standalone: true, imports: [CommonModule, WmComponentsModule, PaginationComponent, ListItemDirective], selector: 'div[wmList]', providers: [
|
|
1521
1564
|
provideAsWidgetRef(ListComponent)
|
|
1522
|
-
], template: "@if (title || subheading || iconclass) {\n <div class=\"panel-heading\">\n <h3 class=\"panel-title\">\n <div class=\"pull-left\">\n <i class=\"app-icon panel-icon {{iconclass}}\" aria-hidden=\"true\" [hidden]=\"!iconclass\"></i>\n </div>\n <div class=\"pull-left\">\n <div class=\"heading\" [innerHTML]=\"title\"></div>\n <div class=\"description\" [innerHTML]=\"subheading\"></div>\n </div>\n </h3>\n </div>\n}\n\n@if (navigation === 'Inline' && !noDataFound) {\n <div class=\"app-datanavigator\" [attr.aria-disabled]=\"dataNavigator.isDisablePrevious\" aria-label=\"Page navigation\">\n <ul class=\"pager\">\n <li class=\"previous\" [ngClass]=\"{'disabled': (dataNavigator ? dataNavigator.isDisablePrevious : true)}\">\n <a href=\"javascript:void(0);\" (click)=\"dataNavigator.navigatePage('prev', $event)\"\n [attr.aria-disabled]=\"dataNavigator.isDisablePrevious\">\n <i class=\"wi wi-chevron-left\" aria-hidden=\"true\"></i>\n <span class=\"sr-only\">Go to Previous page {{dataNavigator.isDisablePrevious ? ', Disabled' : ''}}</span>\n </a>\n </li>\n </ul>\n </div>\n}\n@if (navigation === 'Inline' && !noDataFound) {\n <div aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\"> {{'Page ' + dataNavigator.dn.currentPage + ' of ' + dataNavigator.pageCount }}</div>\n}\n\n<div>\n @if (enablereorder) {\n <div id={{titleId}} class=\"sr-only\">\n Press space bar to toggle drag drop mode, use arrow keys to move selected elements.\n </div>\n }\n\n @if (listItems && enablereorder && currentIndex) {\n <div aria-live=\"assertive\" class=\"sr-only\" >\n {{ariaText + currentIndex + ' of ' + listItems.length}}\n </div>\n }\n</div>\n\n<ul [attr.tabindex]=\"tabindex\" class=\"app-livelist-container clearfix {{direction === 'horizontal' ? 'app-horizontal-list': ''}} {{listclass}}\" role=\"list\"\n (keydown.enter)=\"handleKeyDown($event, 'select')\"\n\n (keydown.space)=\"handleKeyDown($event, 'space')\"\n\n (keydown.arrowup)=\"handleKeyDown($event, 'focusPrev')\"\n (keydown.arrowdown)=\"handleKeyDown($event, 'focusNext')\"\n (keydown.arrowleft)=\"handleKeyDown($event, 'focusPrev')\"\n (keydown.arrowright)=\"handleKeyDown($event, 'focusNext')\"\n\n (keydown.shift.arrowup)=\"handleKeyDown($event, 'selectPrev')\"\n (keydown.shift.arrowdown)=\"handleKeyDown($event, 'selectNext')\"\n (keydown.shift.arrowleft)=\"handleKeyDown($event, 'selectPrev')\"\n (keydown.shift.arrowright)=\"handleKeyDown($event, 'selectNext')\"\n [hidden]=\"noDataFound && !variableInflight\"\n >\n @if (!groupby) {\n @for (item of fieldDefs; track item) {\n <li class=\"app-list-item {{direction === 'horizontal' ? '' : itemsPerRowClass}}\" [ngClass]=\"listItemRef.itemClass\"\n [wmListItem]=\"item\"\n #listItemRef=\"listItemRef\"\n [attr.tabindex]=\"tabindex\"\n role=\"listitem\">\n <ng-container [ngTemplateOutlet]=\"listTemplate\"\n [ngTemplateOutletInjector]=\"createCustomInjector('falt_' + listItemRef.trackId, {item: item, $index: $index, itemRef: listItemRef, $first: $first, $last: $last, currentItemWidgets: listItemRef.currentItemWidgets})\"\n [ngTemplateOutletContext]=\"{item: item, $index: $index, itemRef: listItemRef, $first: $first, $last: $last, currentItemWidgets: listItemRef.currentItemWidgets}\"></ng-container>\n </li>\n }\n } @else {\n @for (groupObj of groupedData; track groupObj; let groupIndex = $index) {\n <li class=\"app-list-item-group clearfix\">\n <ul [attr.tabindex]=\"tabindex\" class=\"list-group item-group\" [ngClass]=\"listclass\">\n <li class=\"app-list-item-header list-item list-group-header\" (click)=\"handleHeaderClick($event)\" [ngClass]=\"{'collapsible-content': collapsible}\">\n <h4>{{groupObj.key}}\n <div class=\"header-action\">\n @if (collapsible) {\n <i class=\"app-icon wi action wi-chevron-up\"></i>\n }\n @if (showcount) {\n <span class=\"label label-default\">{{groupObj.data.length}}</span>\n }\n </div>\n </h4>\n </li>\n <li class=\"list-group-container\">\n <ul class=\"list-group clearfix {{direction === 'horizontal' ? 'app-horizontal-list': ''}}\">\n @for (item of groupObj.data; track trackByFn($index, item)) {\n <li [attr.tabindex]=\"tabindex\"\n class=\"app-list-item group-list-item {{itemsPerRowClass}}\"\n [ngClass]=\"listItemRef.itemClass\"\n [wmListItem]=\"item\" #listItemRef=\"listItemRef\">\n <ng-container [ngTemplateOutlet]=\"listTemplate\"\n [ngTemplateOutletInjector]=\"createCustomInjector('group_' + listItemRef.trackId, {item: item, $index: $index, itemRef: listItemRef, $first: $first, $last: $last, currentItemWidgets: listItemRef.currentItemWidgets})\"\n [ngTemplateOutletContext]=\"{item: item, $index: $index, itemRef: listItemRef, $first: $first, $last: $last, currentItemWidgets: listItemRef.currentItemWidgets}\"></ng-container>\n </li>\n }\n </ul>\n </li>\n </ul>\n </li>\n }\n }\n <ng-container [ngTemplateOutlet]=\"listLeftActionTemplate\"></ng-container>\n <ng-container [ngTemplateOutlet]=\"listRightActionTemplate\"></ng-container>\n</ul>\n\n@if (noDataFound && !variableInflight) {\n <div class=\"no-data-msg\" [textContent]=\"nodatamessage\"></div>\n}\n\n@if (variableInflight && !pulltorefresh) {\n <div class=\"loading-data-msg\">\n <span>\n <i class=\"app-icon panel-icon fa-spin\" aria-hidden=\"true\" [ngClass]=\"loadingicon\"></i>\n <span class=\"sr-only\">Loading</span>\n <span class=\"loading-text\" [textContent]=\"loadingdatamsg\"></span>\n </span>\n </div>\n}\n\n@if (navigation === 'Inline' && !noDataFound) {\n <div class=\"app-datanavigator\" [attr.aria-disabled]=\"dataNavigator.isDisableNext\">\n <ul class=\"pager\">\n <li class=\"next\" [ngClass]=\"{'disabled': (dataNavigator ? dataNavigator.isDisableNext : true)}\">\n <a href=\"javascript:void(0);\" (click)=\"dataNavigator.navigatePage('next', $event)\"\n [attr.aria-disabled]=\"dataNavigator.isDisableNext\">\n <i class=\"wi wi-chevron-right\" aria-hidden=\"true\"></i>\n <span class=\"sr-only\">Go to Next page {{dataNavigator.isDisableNext ? ', Disabled' : ''}}</span>\n </a>\n </li>\n </ul>\n </div>\n}\n\n@if (navigation !== 'None') {\n <div class=\"panel-footer\" [hidden]=\"!showNavigation || (onDemandLoad && dataNavigator.isDisableNext) || (dataNavigator
|
|
1565
|
+
], template: "@if (title || subheading || iconclass) {\n <div class=\"panel-heading\">\n <h3 class=\"panel-title\">\n <div class=\"pull-left\">\n <i class=\"app-icon panel-icon {{iconclass}}\" aria-hidden=\"true\" [hidden]=\"!iconclass\"></i>\n </div>\n <div class=\"pull-left\">\n <div class=\"heading\" [innerHTML]=\"title\"></div>\n <div class=\"description\" [innerHTML]=\"subheading\"></div>\n </div>\n </h3>\n </div>\n}\n\n@if (navigation === 'Inline' && !noDataFound) {\n <div class=\"app-datanavigator\" [attr.aria-disabled]=\"dataNavigator.isDisablePrevious\" aria-label=\"Page navigation\">\n <ul class=\"pager\">\n <li class=\"previous\" [ngClass]=\"{'disabled': (dataNavigator ? dataNavigator.isDisablePrevious : true)}\">\n <a href=\"javascript:void(0);\" (click)=\"dataNavigator.navigatePage('prev', $event)\"\n [attr.aria-disabled]=\"dataNavigator.isDisablePrevious\">\n <i class=\"wi wi-chevron-left\" aria-hidden=\"true\"></i>\n <span class=\"sr-only\">Go to Previous page {{dataNavigator.isDisablePrevious ? ', Disabled' : ''}}</span>\n </a>\n </li>\n </ul>\n </div>\n}\n@if (navigation === 'Inline' && !noDataFound) {\n <div aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\"> {{'Page ' + dataNavigator.dn.currentPage + ' of ' + dataNavigator.pageCount }}</div>\n}\n\n<div>\n @if (enablereorder) {\n <div id={{titleId}} class=\"sr-only\">\n Press space bar to toggle drag drop mode, use arrow keys to move selected elements.\n </div>\n }\n\n @if (listItems && enablereorder && currentIndex) {\n <div aria-live=\"assertive\" class=\"sr-only\" >\n {{ariaText + currentIndex + ' of ' + listItems.length}}\n </div>\n }\n</div>\n\n<ul [attr.tabindex]=\"tabindex\" class=\"app-livelist-container clearfix {{direction === 'horizontal' ? 'app-horizontal-list': ''}} {{listclass}}\" role=\"list\"\n (keydown.enter)=\"handleKeyDown($event, 'select')\"\n\n (keydown.space)=\"handleKeyDown($event, 'space')\"\n\n (keydown.arrowup)=\"handleKeyDown($event, 'focusPrev')\"\n (keydown.arrowdown)=\"handleKeyDown($event, 'focusNext')\"\n (keydown.arrowleft)=\"handleKeyDown($event, 'focusPrev')\"\n (keydown.arrowright)=\"handleKeyDown($event, 'focusNext')\"\n\n (keydown.shift.arrowup)=\"handleKeyDown($event, 'selectPrev')\"\n (keydown.shift.arrowdown)=\"handleKeyDown($event, 'selectNext')\"\n (keydown.shift.arrowleft)=\"handleKeyDown($event, 'selectPrev')\"\n (keydown.shift.arrowright)=\"handleKeyDown($event, 'selectNext')\"\n [hidden]=\"noDataFound && !variableInflight\"\n >\n @if (!groupby) {\n @for (item of fieldDefs; track item) {\n <li class=\"app-list-item {{direction === 'horizontal' ? '' : itemsPerRowClass}}\" [ngClass]=\"listItemRef.itemClass\"\n [wmListItem]=\"item\"\n #listItemRef=\"listItemRef\"\n [attr.tabindex]=\"tabindex\"\n role=\"listitem\">\n <ng-container [ngTemplateOutlet]=\"listTemplate\"\n [ngTemplateOutletInjector]=\"createCustomInjector('falt_' + listItemRef.trackId, {item: item, $index: $index, itemRef: listItemRef, $first: $first, $last: $last, currentItemWidgets: listItemRef.currentItemWidgets})\"\n [ngTemplateOutletContext]=\"{item: item, $index: $index, itemRef: listItemRef, $first: $first, $last: $last, currentItemWidgets: listItemRef.currentItemWidgets}\"></ng-container>\n </li>\n }\n } @else {\n @for (groupObj of groupedData; track groupObj; let groupIndex = $index) {\n <li class=\"app-list-item-group clearfix\">\n <ul [attr.tabindex]=\"tabindex\" class=\"list-group item-group\" [ngClass]=\"listclass\">\n <li class=\"app-list-item-header list-item list-group-header\" (click)=\"handleHeaderClick($event)\" [ngClass]=\"{'collapsible-content': collapsible}\">\n <h4>{{groupObj.key}}\n <div class=\"header-action\">\n @if (collapsible) {\n <i class=\"app-icon wi action wi-chevron-up\"></i>\n }\n @if (showcount) {\n <span class=\"label label-default\">{{groupObj.data.length}}</span>\n }\n </div>\n </h4>\n </li>\n <li class=\"list-group-container\">\n <ul class=\"list-group clearfix {{direction === 'horizontal' ? 'app-horizontal-list': ''}}\">\n @for (item of groupObj.data; track trackByFn($index, item)) {\n <li [attr.tabindex]=\"tabindex\"\n class=\"app-list-item group-list-item {{itemsPerRowClass}}\"\n [ngClass]=\"listItemRef.itemClass\"\n [wmListItem]=\"item\" #listItemRef=\"listItemRef\">\n <ng-container [ngTemplateOutlet]=\"listTemplate\"\n [ngTemplateOutletInjector]=\"createCustomInjector('group_' + listItemRef.trackId, {item: item, $index: $index, itemRef: listItemRef, $first: $first, $last: $last, currentItemWidgets: listItemRef.currentItemWidgets})\"\n [ngTemplateOutletContext]=\"{item: item, $index: $index, itemRef: listItemRef, $first: $first, $last: $last, currentItemWidgets: listItemRef.currentItemWidgets}\"></ng-container>\n </li>\n }\n </ul>\n </li>\n </ul>\n </li>\n }\n }\n <ng-container [ngTemplateOutlet]=\"listLeftActionTemplate\"></ng-container>\n <ng-container [ngTemplateOutlet]=\"listRightActionTemplate\"></ng-container>\n</ul>\n\n@if (noDataFound && !variableInflight) {\n <div class=\"no-data-msg\" [textContent]=\"nodatamessage\"></div>\n}\n\n@if (variableInflight && !pulltorefresh) {\n <div class=\"loading-data-msg\">\n <span>\n <i class=\"app-icon panel-icon fa-spin\" aria-hidden=\"true\" [ngClass]=\"loadingicon\"></i>\n <span class=\"sr-only\">Loading</span>\n <span class=\"loading-text\" [textContent]=\"loadingdatamsg\"></span>\n </span>\n </div>\n}\n\n@if (navigation === 'Inline' && !noDataFound) {\n <div class=\"app-datanavigator\" [attr.aria-disabled]=\"dataNavigator.isDisableNext\">\n <ul class=\"pager\">\n <li class=\"next\" [ngClass]=\"{'disabled': (dataNavigator ? dataNavigator.isDisableNext : true)}\">\n <a href=\"javascript:void(0);\" (click)=\"dataNavigator.navigatePage('next', $event)\"\n [attr.aria-disabled]=\"dataNavigator.isDisableNext\">\n <i class=\"wi wi-chevron-right\" aria-hidden=\"true\"></i>\n <span class=\"sr-only\">Go to Next page {{dataNavigator.isDisableNext ? ', Disabled' : ''}}</span>\n </a>\n </li>\n </ul>\n </div>\n}\n\n@if (navigation !== 'None') {\n <div class=\"panel-footer\" [hidden]=\"!showNavigation || (onDemandLoad && dataNavigator.isDisableNext) || (dataNavigator?.dataSize <= pagesize && !allowpagesizechange) || (!dataNavigator.dataSize && !dataNavigator.datasource?.pagination?.next)\">\n <nav wmPagination\n navigationalign.bind=\"navigationalign\"\n navigation.bind=\"navControls\"\n showrecordcount.bind=\"showrecordcount\"\n maxsize.bind=\"maxsize\"\n boundarylinks.bind=\"boundarylinks\"\n forceellipses.bind=\"forceellipses\"\n directionlinks.bind=\"directionlinks\"\n show.bind=\"!onDemandLoad\"\n paginationchange.event=\"beforePaginationChange($event, $index)\"\n ></nav>\n @if (onDemandLoad) {\n <a href=\"javascript:void(0);\"\n (click)=\"dataNavigator.navigatePage('next', $event)\"\n class=\"app-button btn btn-block\"\n [ngClass]=\"paginationclass\"\n [textContent]=\"ondemandmessage\"\n ></a>\n }\n </div>\n}\n\n<!--This template will be displayed when groupby is specified-->\n" }]
|
|
1523
1566
|
}], () => [{ type: i0.Injector }, { type: i0.ChangeDetectorRef }, { type: i1.ToDatePipe }, { type: i2.App }, { type: i2.AppDefaults }, { type: i0.NgZone }, { type: undefined, decorators: [{
|
|
1524
1567
|
type: Attribute,
|
|
1525
1568
|
args: ['itemclass.bind']
|