@wavemaker/app-ng-runtime 11.11.4-rc.6173 → 11.11.5-rc.6185

package/components/data/table/esm2022/table.props.mjs

@@ -31,10 +31,14 @@ export const registerProps = () => {
         ['isdynamictable', PROP_BOOLEAN], // internal property to determine dynamic table
         ['isrowexpansionenabled', PROP_BOOLEAN],
         ['isrowselectable', { value: false, ...PROP_BOOLEAN }],
+        ['allowpagesizechange', { value: false, ...PROP_BOOLEAN }],
+        ['pagesizeoptions', { value: '5,10,20,50,100', ...PROP_STRING }],
         ['loadingdatamsg', { value: 'Loading...', ...PROP_STRING }],
         ['loadingicon', { value: 'fa fa-circle-o-notch fa-spin', ...PROP_STRING }],
         ['maxsize', { value: 5, ...PROP_NUMBER }],
         ['multiselect', PROP_BOOLEAN],
+        ['multiselecttitle', PROP_ANY],
+        ['multiselectarialabel', PROP_ANY],
         ['name', PROP_STRING],
         ['navigation', { value: 'Basic', ...PROP_STRING }],
         ['navigationalign', { value: 'left', ...PROP_STRING }],
@@ -44,6 +48,8 @@ export const registerProps = () => {
         ['viewlessmessage', { value: 'View Less', ...PROP_STRING }],
         ['pagesize', PROP_NUMBER],
         ['radioselect', PROP_BOOLEAN],
+        ['radioselecttitle', PROP_ANY],
+        ['radioselectarialabel', PROP_ANY],
         ['rowclass', PROP_STRING],
         ['rowngclass', PROP_STRING],
         ['searchlabel', { value: 'Search', ...PROP_STRING }],
@@ -60,4 +66,4 @@ export const registerProps = () => {
         ['updatemessage', { value: 'Record updated successfully', ...PROP_STRING }]
     ]));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUucHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvZGF0YS90YWJsZS9zcmMvdGFibGUucHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxRQUFRLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUVqRyxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsR0FBRyxFQUFFO0lBQzlCLFFBQVEsQ0FDSixVQUFVLEVBQ1YsSUFBSSxHQUFHLENBQ0g7UUFDSSxDQUFDLGVBQWUsRUFBRSxFQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsR0FBRyxZQUFZLEVBQUMsQ0FBQztRQUNsRCxDQUFDLE9BQU8sRUFBRSxXQUFXLENBQUM7UUFDdEIsQ0FBQyxlQUFlLEVBQUUsRUFBQyxLQUFLLEVBQUUsdUNBQXVDLEVBQUUsR0FBRyxXQUFXLEVBQUMsQ0FBQztRQUNuRixDQUFDLGFBQWEsRUFBRSxFQUFDLEtBQUssRUFBRSxDQUFDLEVBQUUsR0FBRyxXQUFXLEVBQUMsQ0FBQztRQUMzQyxDQUFDLFlBQVksRUFBRSxXQUFXLENBQUM7UUFDM0IsQ0FBQyxTQUFTLEVBQUUsUUFBUSxDQUFDO1FBQ3JCLENBQUMsa0JBQWtCLEVBQUUsV0FBVyxDQUFDO1FBQ2pDLENBQUMsY0FBYyxFQUFFLFdBQVcsQ0FBQztRQUM3QixDQUFDLGVBQWUsRUFBRSxFQUFDLEtBQUssRUFBRSw2QkFBNkIsRUFBRSxHQUFHLFdBQVcsRUFBQyxDQUFDO1FBQ3pFLENBQUMsZ0JBQWdCLEVBQUUsRUFBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLEdBQUcsWUFBWSxFQUFDLENBQUM7UUFDbEQsQ0FBQyxVQUFVLEVBQUUsV0FBVyxDQUFDO1FBQ3pCLENBQUMsWUFBWSxFQUFFLEVBQUMsS0FBSyxFQUFFLE9BQU8sRUFBRSxHQUFH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LFdBQVcsRUFBQyxDQUFDO1FBQ2xELENBQUMsTUFBTSxFQUFFLEVBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxHQUFHLFlBQVksRUFBQyxDQUFDO1FBQ3hDLENBQUMsWUFBWSxFQUFFLEVBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxHQUFHLFlBQVksRUFBQyxDQUFDO1FBQzlDLENBQUMsWUFBWSxFQUFFLEVBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxHQUFHLFlBQVksRUFBQyxDQUFDO1FBQzlDLENBQUMsaUJBQWlCLEVBQUUsWUFBWSxDQUFDO1FBQ2pDLENBQUMsY0FBYyxFQUFFLFlBQVksQ0FBQztRQUM5QixDQUFDLFNBQVMsRUFBRSxFQUFDLEtBQUssRUFBRSxRQUFRLEVBQUUsR0FBRyxXQUFXLEVBQUMsQ0FBQztRQUM5QyxDQUFDLGNBQWMsRUFBRSxFQUFDLEtBQUssRUFBRSxNQUFNLEVBQUUsR0FBRyxXQUFXLEVBQUMsQ0FBQztRQUNqRCxDQUFDLFlBQVksRUFBRSxXQUFXLENBQUM7UUFDM0IsQ0FBQyxVQUFVLEVBQUUsRUFBQyxLQUFLLEVBQUUsQ0FBQyxFQUFFLEdBQUcsV0FBVyxFQUFDLENBQUM7UUFDeEMsQ0FBQyxPQUFPLEVBQUUsV0FBVyxDQUFDO1FBQ3RCLENBQUMsZUFBZSxFQUFFLEVBQUMsS0FBSyxFQUFFLDZCQUE2QixFQUFFLEdBQUcsV0FBVyxFQUFDLENBQUM7S0FDNUUsQ0FDSixDQUNKLENBQUM7QUFDTixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQUk9QX0FOWSwgUFJPUF9CT09MRUFOLCBQUk9QX05VTUJFUiwgUFJPUF9TVFJJTkcsIHJlZ2lzdGVyIH0gZnJvbSAnQHdtL2NvbXBvbmVudHMvYmFzZSc7XG5cbmV4cG9ydCBjb25zdCByZWdpc3RlclByb3BzID0gKCkgPT4ge1xuICAgIHJlZ2lzdGVyKFxuICAgICAgICAnd20tdGFibGUnLFxuICAgICAgICBuZXcgTWFwKFxuICAgICAgICAgICAgW1xuICAgICAgICAgICAgICAgIFsnYm91bmRhcnlsaW5rcycsIHt2YWx1ZTogZmFsc2UsIC4uLlBST1BfQk9PTEVBTn1dLFxuICAgICAgICAgICAgICAgIFsnY2xhc3MnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICAgICAgWydjb25maXJtZGVsZXRlJywge3ZhbHVlOiAnQXJlIHlvdSBzdXJlIHlvdSB3YW50IHRvIGRlbGV0ZSB0aGlzPycsIC4uLlBST1BfU1RSSU5HfV0sXG4gICAgICAgICAgICAgICAgWydjdXJyZW50cGFnZScsIHt2YWx1ZTogMSwgLi4uUFJPUF9OVU1CRVJ9XSxcbiAgICAgICAgICAgICAgICBbJ2RhdGFzb3VyY2UnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICAgICAgWydkYXRhc2V0JywgUFJPUF9BTlldLFxuICAgICAgICAgICAgICAgIFsnZGVsZXRlY2FuY2VsdGV4dCcsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ2RlbGV0ZW9rdGV4dCcsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ2RlbGV0ZW1lc3NhZ2UnLCB7dmFsdWU6ICdSZWNvcmQgZGVsZXRlZCBzdWNjZXNzZnVsbHknLCAuLi5QUk9QX1NUUklOR31dLFxuICAgICAgICAgICAgICAgIFsnZGlyZWN0aW9ubGlua3MnLCB7dmFsdWU6IHRydWUsIC4uLlBST1BfQk9PTEVBTn1dLFxuICAgICAgICAgICAgICAgIFsnZWRpdG1vZGUnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICAgICAgWydlcnJvcnN0eWxlJywge3ZhbHVlOiAnaG92ZXInLCAuLi5QUk9QX1NUUklOR31dLFxuICAgICAgICAgICAgICAgIFsnZW5hYmxlY29sdW1uc2VsZWN0aW9uJywge3ZhbHVlOiBmYWxzZSwgLi4uUFJPUF9CT09MRUFOfV0sXG4gICAgICAgICAgICAgICAgWydlbmFibGVzb3J0Jywge3ZhbHVlOiB0cnVlLCAuLi5QUk9QX0JPT0xFQU59XSxcbiAgICAgICAgICAgICAgICBbJ2Vycm9ybWVzc2FnZScsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ2V4cG9ydGZvcm1hdCcsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ2V4cG9ydGRhdGFzaXplJywge3ZhbHVlOiAxMDAsIC4uLlBST1BfTlVNQkVSfV0sXG4gICAgICAgICAgICAgICAgWydmaWx0ZXJtb2RlJywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsnZmlsdGVyb25rZXlwcmVzcycsIHt2YWx1ZTogZmFsc2UsIC4uLlBST1BfQk9PTEVBTn1dLFxuICAgICAgICAgICAgICAgIFsnY2FzZWluc2Vuc2l0aXZlJywge3ZhbHVlOiBmYWxzZSwgLi4uUFJPUF9CT09MRUFOfV0sXG4gICAgICAgICAgICAgICAgWydmaWx0ZXJudWxscmVjb3JkcycsIHt2YWx1ZTogdHJ1ZSwgLi4uUFJPUF9CT09MRUFOfV0sXG4gICAgICAgICAgICAgICAgWydmb3JjZWVsbGlwc2VzJywge3ZhbHVlOiB0cnVlLCAuLi5QUk9QX0JPT0xFQU59XSxcbiAgICAgICAgICAgICAgICBbJ2Zvcm1wb3NpdGlvbicsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ2dyaWRjbGFzcycsIHt2YWx1ZTogJ3RhYmxlLWhvdmVyJywgLi4uUFJPUF9TVFJJTkd9XSxcbiAgICAgICAgICAgICAgICBbJ2dyaWRmaXJzdHJvd3NlbGVjdCcsIFBST1BfQk9PTEVBTl0sXG4gICAgICAgICAgICAgICAgWydpY29uY2xhc3MnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICAgICAgWydpbnNlcnRtZXNzYWdlJywge3ZhbHVlOiAnUmVjb3JkIGFkZGVkIHN1Y2Nlc3NmdWxseScsIC4uLlBST1BfU1RSSU5HfV0sXG4gICAgICAgICAgICAgICAgWydpc2R5bmFtaWN0YWJsZScsIFBST1BfQk9PTEVBTl0sIC8vIGludGVybmFsIHByb3BlcnR5IHRvIGRldGVybWluZSBkeW5hbWljIHRhYmxlXG4gICAgICAgICAgICAgICAgWydpc3Jvd2V4cGFuc2lvbmVuYWJsZWQnLCBQUk9QX0JPT0xFQU5dLFxuICAgICAgICAgICAgICAgIFsnaXNyb3dzZWxlY3RhYmxlJywge3ZhbHVlOiBmYWxzZSwgLi4uUFJPUF9CT09MRUFOfV0sXG4gICAgICAgICAgICAgICAgWydsb2FkaW5nZGF0YW1zZycsIHt2YWx1ZTogJ0xvYWRpbmcuLi4nLCAuLi5QUk9QX1NUUklOR31dLFxuICAgICAgICAgICAgICAgIFsnbG9hZGluZ2ljb24nLCB7dmFsdWU6ICdmYSBmYS1jaXJjbGUtby1ub3RjaCBmYS1zcGluJywgLi4uUFJPUF9TVFJJTkd9XSxcbiAgICAgICAgICAgICAgICBbJ21heHNpemUnLCB7dmFsdWU6IDUsIC4uLlBST1BfTlVNQkVSfV0sXG4gICAgICAgICAgICAgICAgWydtdWx0aXNlbGVjdCcsIFBST1BfQk9PTEVBTl0sXG4gICAgICAgICAgICAgICAgWyduYW1lJywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsnbmF2aWdhdGlvbicsIHt2YWx1ZTogJ0Jhc2ljJywgLi4uUFJPUF9TVFJJTkd9XSxcbiAgICAgICAgICAgICAgICBbJ25hdmlnYXRpb25hbGlnbicsIHt2YWx1ZTogJ2xlZnQnLCAuLi5QUk9QX1NUUklOR31dLFxuICAgICAgICAgICAgICAgIFsnbm9kYXRhbWVzc2FnZScsIHt2YWx1ZTogJ05vIGRhdGEgZm91bmQuJywgLi4uUFJPUF9TVFJJTkd9XSxcbiAgICAgICAgICAgICAgICBbJ29uZGVtYW5kbWVzc2FnZScsIHt2YWx1ZTogJ0xvYWQgTW9yZScsIC4uLlBST1BfU1RSSU5HfV0sXG4gICAgICAgICAgICAgICAgWydzaG93dmlld2xlc3NidXR0b24nLCB7dmFsdWU6IGZhbHNlLCAuLi5QUk9QX0JPT0xFQU59XSxcbiAgICAgICAgICAgICAgICBbJ3ZpZXdsZXNzbWVzc2FnZScsIHt2YWx1ZTogJ1ZpZXcgTGVzcycsIC4uLlBST1BfU1RSSU5HfV0sXG4gICAgICAgICAgICAgICAgWydwYWdlc2l6ZScsIFBST1BfTlVNQkVSXSxcbiAgICAgICAgICAgICAgICBbJ3JhZGlvc2VsZWN0JywgUFJPUF9CT09MRUFOXSxcbiAgICAgICAgICAgICAgICBbJ3Jvd2NsYXNzJywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsncm93bmdjbGFzcycsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ3NlYXJjaGxhYmVsJywge3ZhbHVlOiAnU2VhcmNoJywgLi4uUFJPUF9TVFJJTkd9XSxcbiAgICAgICAgICAgICAgICBbJ3Nob3cnLCB7dmFsdWU6IHRydWUsIC4uLlBST1BfQk9PTEVBTn1dLFxuICAgICAgICAgICAgICAgIFsnc2hvd2hlYWRlcicsIHt2YWx1ZTogdHJ1ZSwgLi4uUFJPUF9CT09MRUFOfV0sXG4gICAgICAgICAgICAgICAgWydzaG93bmV3cm93Jywge3ZhbHVlOiB0cnVlLCAuLi5QUk9QX0JPT0xFQU59XSxcbiAgICAgICAgICAgICAgICBbJ3Nob3dyZWNvcmRjb3VudCcsIFBST1BfQk9PTEVBTl0sXG4gICAgICAgICAgICAgICAgWydzaG93cm93aW5kZXgnLCBQUk9QX0JPT0xFQU5dLFxuICAgICAgICAgICAgICAgIFsnc3BhY2luZycsIHt2YWx1ZTogJ25vcm1hbCcsIC4uLlBST1BfU1RSSU5HfV0sXG4gICAgICAgICAgICAgICAgWydzdGF0ZWhhbmRsZXInLCB7dmFsdWU6ICdub25lJywgLi4uUFJPUF9TVFJJTkd9XSxcbiAgICAgICAgICAgICAgICBbJ3N1YmhlYWRpbmcnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICAgICAgWyd0YWJpbmRleCcsIHt2YWx1ZTogMCwgLi4uUFJPUF9OVU1CRVJ9XSxcbiAgICAgICAgICAgICAgICBbJ3RpdGxlJywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsndXBkYXRlbWVzc2FnZScsIHt2YWx1ZTogJ1JlY29yZCB1cGRhdGVkIHN1Y2Nlc3NmdWxseScsIC4uLlBST1BfU1RSSU5HfV1cbiAgICAgICAgICAgIF1cbiAgICAgICAgKVxuICAgICk7XG59O1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUucHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvZGF0YS90YWJsZS9zcmMvdGFibGUucHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxRQUFRLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUVqRyxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsR0FBRyxFQUFFO0lBQzlCLFFBQVEsQ0FDSixVQUFVLEVBQ1YsSUFBSSxHQUFHLENBQ0g7UUFDSSxDQUFDLGVBQWUsRUFBRSxFQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsR0FBRyxZQUFZLEVBQUMsQ0FBQztRQUNsRCxDQUFDLE9BQU8sRUFBRSxXQUFXLENBQUM7UUFDdEIsQ0FBQyxlQUFlLEVBQUUsRUFBQyxLQUFLLEVBQUUsdUNBQXVDLEVBQUUsR0FBRyxXQUFXLEVBQUMsQ0FBQztRQUNuRixDQUFDLGFBQWEsRUFBRSxFQUFDLEtBQUssRUFBRSxDQUFDLEVBQUUsR0FBRyxXQUFXLEVBQUMsQ0FBQztRQUMzQyxDQUFDLFlBQVksRUFBRSxXQUFXLENBQUM7UUFDM0IsQ0FBQyxTQUFTLEVBQUUsUUFBUSxDQUFDO1FBQ3JCLENBQUMsa0JBQWtCLEVBQUUsV0FBVyxDQUFDO1FBQ2pDLENBQUMsY0FBYyxFQUFFLFdBQVcsQ0FBQztRQUM3QixDQUFDLGVBQWUsRUFBRSxFQUFDLEtBQUssRUFBRSw2QkFBNkIsRUFBRSxHQUFHLFdBQVcsRUFBQyxDQUFDO1FBQ3pFLENBQUMsZ0JBQWdCLEVBQUUsRUFBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLEdBQUcsWUFBWSxFQUFDLENBQUM7UUFDbEQsQ0FBQyxVQUFVLEVBQUUsV0FBVyxDQUFDO1FBQ3pCLENBQUMsWUFBWSxFQUFFLEVBQUMsS0FBSyxFQUFFLE9BQU8sRUFBRSxHQUFHLFdBQVcsRUFBQyxDQUFDO1FBQ2hELENBQUMsdUJBQXVCLEVBQUUsRUFBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLEdBQUcsWUFBWSxFQUFDLENBQUM7UUFDMUQsQ0FBQyxZQUFZLEVBQUUsRUFBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLEdBQUcsWUFBWSxFQUFDLENBQUM7UUFDOUMsQ0FBQyxjQUFjLEVBQUUsV0FBVyxDQUFDO1FBQzdCLENBQUMsY0FBYyxFQUFFLFdBQVcsQ0FBQztRQUM3QixDQUFDLGdCQUFnQixFQUFFLEVBQUMsS0FBSyxFQUFFLEdBQUcsRUFBRSxHQUFHLFdBQVcsRUFBQyxDQUFDO1FBQ2hELENBQUMsWUFBWSxFQUFFLFdBQVcsQ0FBQztRQUMzQixDQUFDLGtCQUFrQixFQUFFLEVBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxHQUFHLFlBQVksRUFBQyxDQUFDO1FBQ3JELENBQUMsaUJBQWlCLEVBQUUsRUFBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLEdBQUcsWUFBWSxFQUFDLENBQUM7UUFDcEQsQ0FBQyxtQkFBbUIsRUFBRSxFQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsR0FBRyxZQUFZLEVBQUMsQ0FBQztRQUNyRCxDQUFDLGVBQWUsRUFBRSxFQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsR0FBRyxZQUFZLEVBQUMsQ0FBQztRQUNqRCxDQUFDLGNBQWMsRUFBRSxXQUFXLENBQUM7UUFDN0IsQ0FBQyxXQUFXLEVBQUUsRUFBQyxLQUFLLEVBQUUsYUFBYSxFQUFFLEdBQUcsV0FBVyxFQUFDLENBQUM7UUFDckQsQ0FBQyxvQkFBb0IsRUFBRSxZQUFZLENBQUM7UUFDcEMsQ0FBQyxXQUFXLEVBQUUsV0FBVyxDQUFDO1FBQzFCLENBQUMsZUFBZSxFQUFFLEVBQUMsS0FBSyxFQUFFLDJCQUEyQixFQUFFLEdBQUcsV0FBVyxFQUFDLENBQUM7UUFDdkUsQ0FBQyxnQkFBZ0IsRUFBRSxZQUFZLENBQUMsRUFBRSwrQ0FBK0M7UUFDakYsQ0FBQyx1QkFBdUIsRUFBRSxZQUFZLENBQUM7UUFDdkMsQ0FBQyxpQkFBaUIsRUFBRSxFQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsR0FBRyxZQUFZLEVBQUMsQ0FBQztRQUNwRCxDQUFDLHFCQUFxQixFQUFFLEVBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxHQUFHLFlBQVksRUFBQyxDQUFDO1FBQ3hELENBQUMsaUJBQWlCLEVBQUUsRUFBQyxLQUFLLEVBQUcsZ0JBQWdCLEVBQUUsR0FBRyxXQUFXLEVBQUMsQ0FBQztRQUMvRCxDQUFDLGdCQUFnQixFQUFFLEVBQUMsS0FBSyxFQUFFLFlBQVksRUFBRSxHQUFHLFdBQVcsRUFBQyxDQUFDO1FBQ3pELENBQUMsYUFBYSxFQUFFLEVBQUMsS0FBSyxFQUFFLDhCQUE4QixFQUFFLEdBQUcsV0FBVyxFQUFDLENBQUM7UUFDeEUsQ0FBQyxTQUFTLEVBQUUsRUFBQyxLQUFLLEVBQUUsQ0FBQyxFQUFFLEdBQUcsV0FBVyxFQUFDLENBQUM7UUFDdkMsQ0FBQyxhQUFhLEVBQUUsWUFBWSxDQUFDO1FBQzdCLENBQUMsa0JBQWtCLEVBQUUsUUFBUSxDQUFDO1FBQzlCLENBQUMsc0JBQXNCLEVBQUUsUUFBUSxDQUFDO1FBQ2xDLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQztRQUNyQixDQUFDLFlBQVksRUFBRSxFQUFDLEtBQUssRUFBRSxPQUFPLEVBQUUsR0FBRyxXQUFXLEVBQUMsQ0FBQztRQUNoRCxDQUFDLGlCQUFpQixFQUFFLEVBQUMsS0FBSyxFQUFFLE1BQU0sRUFBRSxHQUFHLFdBQVcsRUFBQyxDQUFDO1FBQ3BELENBQUMsZUFBZSxFQUFFLEVBQUMsS0FBSyxFQUFFLGdCQUFnQixFQUFFLEdBQUcsV0FBVyxFQUFDLENBQUM7UUFDNUQsQ0FBQyxpQkFBaUIsRUFBRSxFQUFDLEtBQUssRUFBRSxXQUFXLEVBQUUsR0FBRyxXQUFXLEVBQUMsQ0FBQztRQUN6RCxDQUFDLG9CQUFvQixFQUFFLEVBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxHQUFHLFlBQVksRUFBQyxDQUFDO1FBQ3ZELENBQUMsaUJBQWlCLEVBQUUsRUFBQyxLQUFLLEVBQUUsV0FBVyxFQUFFLEdBQUcsV0FBVyxFQUFDLENBQUM7UUFDekQsQ0FBQyxVQUFVLEVBQUUsV0FBVyxDQUFDO1FBQ3pCLENBQUMsYUFBYSxFQUFFLFlBQVksQ0FBQztRQUM3QixDQUFDLGtCQUFrQixFQUFFLFFBQVEsQ0FBQztRQUM5QixDQUFDLHNCQUFzQixFQUFFLFFBQVEsQ0FBQztRQUNsQyxDQUFDLFVBQVUsRUFBRSxXQUFXLENBQUM7UUFDekIsQ0FBQyxZQUFZLEVBQUUsV0FBVyxDQUFDO1FBQzNCLENBQUMsYUFBYSxFQUFFLEVBQUMsS0FBSyxFQUFFLFFBQVEsRUFBRSxHQUFHLFdBQVcsRUFBQyxDQUFDO1FBQ2xELENBQUMsTUFBTSxFQUFFLEVBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxHQUFHLFlBQVksRUFBQyxDQUFDO1FBQ3hDLENBQUMsWUFBWSxFQUFFLEVBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxHQUFHLFlBQVksRUFBQyxDQUFDO1FBQzlDLENBQUMsWUFBWSxFQUFFLEVBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxHQUFHLFlBQVksRUFBQyxDQUFDO1FBQzlDLENBQUMsaUJBQWlCLEVBQUUsWUFBWSxDQUFDO1FBQ2pDLENBQUMsY0FBYyxFQUFFLFlBQVksQ0FBQztRQUM5QixDQUFDLFNBQVMsRUFBRSxFQUFDLEtBQUssRUFBRSxRQUFRLEVBQUUsR0FBRyxXQUFXLEVBQUMsQ0FBQztRQUM5QyxDQUFDLGNBQWMsRUFBRSxFQUFDLEtBQUssRUFBRSxNQUFNLEVBQUUsR0FBRyxXQUFXLEVBQUMsQ0FBQztRQUNqRCxDQUFDLFlBQVksRUFBRSxXQUFXLENBQUM7UUFDM0IsQ0FBQyxVQUFVLEVBQUUsRUFBQyxLQUFLLEVBQUUsQ0FBQyxFQUFFLEdBQUcsV0FBVyxFQUFDLENBQUM7UUFDeEMsQ0FBQyxPQUFPLEVBQUUsV0FBVyxDQUFDO1FBQ3RCLENBQUMsZUFBZSxFQUFFLEVBQUMsS0FBSyxFQUFFLDZCQUE2QixFQUFFLEdBQUcsV0FBVyxFQUFDLENBQUM7S0FDNUUsQ0FDSixDQUNKLENBQUM7QUFDTixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQUk9QX0FOWSwgUFJPUF9CT09MRUFOLCBQUk9QX05VTUJFUiwgUFJPUF9TVFJJTkcsIHJlZ2lzdGVyIH0gZnJvbSAnQHdtL2NvbXBvbmVudHMvYmFzZSc7XG5cbmV4cG9ydCBjb25zdCByZWdpc3RlclByb3BzID0gKCkgPT4ge1xuICAgIHJlZ2lzdGVyKFxuICAgICAgICAnd20tdGFibGUnLFxuICAgICAgICBuZXcgTWFwKFxuICAgICAgICAgICAgW1xuICAgICAgICAgICAgICAgIFsnYm91bmRhcnlsaW5rcycsIHt2YWx1ZTogZmFsc2UsIC4uLlBST1BfQk9PTEVBTn1dLFxuICAgICAgICAgICAgICAgIFsnY2xhc3MnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICAgICAgWydjb25maXJtZGVsZXRlJywge3ZhbHVlOiAnQXJlIHlvdSBzdXJlIHlvdSB3YW50IHRvIGRlbGV0ZSB0aGlzPycsIC4uLlBST1BfU1RSSU5HfV0sXG4gICAgICAgICAgICAgICAgWydjdXJyZW50cGFnZScsIHt2YWx1ZTogMSwgLi4uUFJPUF9OVU1CRVJ9XSxcbiAgICAgICAgICAgICAgICBbJ2RhdGFzb3VyY2UnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICAgICAgWydkYXRhc2V0JywgUFJPUF9BTlldLFxuICAgICAgICAgICAgICAgIFsnZGVsZXRlY2FuY2VsdGV4dCcsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ2RlbGV0ZW9rdGV4dCcsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ2RlbGV0ZW1lc3NhZ2UnLCB7dmFsdWU6ICdSZWNvcmQgZGVsZXRlZCBzdWNjZXNzZnVsbHknLCAuLi5QUk9QX1NUUklOR31dLFxuICAgICAgICAgICAgICAgIFsnZGlyZWN0aW9ubGlua3MnLCB7dmFsdWU6IHRydWUsIC4uLlBST1BfQk9PTEVBTn1dLFxuICAgICAgICAgICAgICAgIFsnZWRpdG1vZGUnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICAgICAgWydlcnJvcnN0eWxlJywge3ZhbHVlOiAnaG92ZXInLCAuLi5QUk9QX1NUUklOR31dLFxuICAgICAgICAgICAgICAgIFsnZW5hYmxlY29sdW1uc2VsZWN0aW9uJywge3ZhbHVlOiBmYWxzZSwgLi4uUFJPUF9CT09MRUFOfV0sXG4gICAgICAgICAgICAgICAgWydlbmFibGVzb3J0Jywge3ZhbHVlOiB0cnVlLCAuLi5QUk9QX0JPT0xFQU59XSxcbiAgICAgICAgICAgICAgICBbJ2Vycm9ybWVzc2FnZScsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ2V4cG9ydGZvcm1hdCcsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ2V4cG9ydGRhdGFzaXplJywge3ZhbHVlOiAxMDAsIC4uLlBST1BfTlVNQkVSfV0sXG4gICAgICAgICAgICAgICAgWydmaWx0ZXJtb2RlJywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsnZmlsdGVyb25rZXlwcmVzcycsIHt2YWx1ZTogZmFsc2UsIC4uLlBST1BfQk9PTEVBTn1dLFxuICAgICAgICAgICAgICAgIFsnY2FzZWluc2Vuc2l0aXZlJywge3ZhbHVlOiBmYWxzZSwgLi4uUFJPUF9CT09MRUFOfV0sXG4gICAgICAgICAgICAgICAgWydmaWx0ZXJudWxscmVjb3JkcycsIHt2YWx1ZTogdHJ1ZSwgLi4uUFJPUF9CT09MRUFOfV0sXG4gICAgICAgICAgICAgICAgWydmb3JjZWVsbGlwc2VzJywge3ZhbHVlOiB0cnVlLCAuLi5QUk9QX0JPT0xFQU59XSxcbiAgICAgICAgICAgICAgICBbJ2Zvcm1wb3NpdGlvbicsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ2dyaWRjbGFzcycsIHt2YWx1ZTogJ3RhYmxlLWhvdmVyJywgLi4uUFJPUF9TVFJJTkd9XSxcbiAgICAgICAgICAgICAgICBbJ2dyaWRmaXJzdHJvd3NlbGVjdCcsIFBST1BfQk9PTEVBTl0sXG4gICAgICAgICAgICAgICAgWydpY29uY2xhc3MnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICAgICAgWydpbnNlcnRtZXNzYWdlJywge3ZhbHVlOiAnUmVjb3JkIGFkZGVkIHN1Y2Nlc3NmdWxseScsIC4uLlBST1BfU1RSSU5HfV0sXG4gICAgICAgICAgICAgICAgWydpc2R5bmFtaWN0YWJsZScsIFBST1BfQk9PTEVBTl0sIC8vIGludGVybmFsIHByb3BlcnR5IHRvIGRldGVybWluZSBkeW5hbWljIHRhYmxlXG4gICAgICAgICAgICAgICAgWydpc3Jvd2V4cGFuc2lvbmVuYWJsZWQnLCBQUk9QX0JPT0xFQU5dLFxuICAgICAgICAgICAgICAgIFsnaXNyb3dzZWxlY3RhYmxlJywge3ZhbHVlOiBmYWxzZSwgLi4uUFJPUF9CT09MRUFOfV0sXG4gICAgICAgICAgICAgICAgWydhbGxvd3BhZ2VzaXplY2hhbmdlJywge3ZhbHVlOiBmYWxzZSwgLi4uUFJPUF9CT09MRUFOfV0sXG4gICAgICAgICAgICAgICAgWydwYWdlc2l6ZW9wdGlvbnMnLCB7dmFsdWUgOiAnNSwxMCwyMCw1MCwxMDAnLCAuLi5QUk9QX1NUUklOR31dLFxuICAgICAgICAgICAgICAgIFsnbG9hZGluZ2RhdGFtc2cnLCB7dmFsdWU6ICdMb2FkaW5nLi4uJywgLi4uUFJPUF9TVFJJTkd9XSxcbiAgICAgICAgICAgICAgICBbJ2xvYWRpbmdpY29uJywge3ZhbHVlOiAnZmEgZmEtY2lyY2xlLW8tbm90Y2ggZmEtc3BpbicsIC4uLlBST1BfU1RSSU5HfV0sXG4gICAgICAgICAgICAgICAgWydtYXhzaXplJywge3ZhbHVlOiA1LCAuLi5QUk9QX05VTUJFUn1dLFxuICAgICAgICAgICAgICAgIFsnbXVsdGlzZWxlY3QnLCBQUk9QX0JPT0xFQU5dLFxuICAgICAgICAgICAgICAgIFsnbXVsdGlzZWxlY3R0aXRsZScsIFBST1BfQU5ZXSxcbiAgICAgICAgICAgICAgICBbJ211bHRpc2VsZWN0YXJpYWxhYmVsJywgUFJPUF9BTlldLFxuICAgICAgICAgICAgICAgIFsnbmFtZScsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ25hdmlnYXRpb24nLCB7dmFsdWU6ICdCYXNpYycsIC4uLlBST1BfU1RSSU5HfV0sXG4gICAgICAgICAgICAgICAgWyduYXZpZ2F0aW9uYWxpZ24nLCB7dmFsdWU6ICdsZWZ0JywgLi4uUFJPUF9TVFJJTkd9XSxcbiAgICAgICAgICAgICAgICBbJ25vZGF0YW1lc3NhZ2UnLCB7dmFsdWU6ICdObyBkYXRhIGZvdW5kLicsIC4uLlBST1BfU1RSSU5HfV0sXG4gICAgICAgICAgICAgICAgWydvbmRlbWFuZG1lc3NhZ2UnLCB7dmFsdWU6ICdMb2FkIE1vcmUnLCAuLi5QUk9QX1NUUklOR31dLFxuICAgICAgICAgICAgICAgIFsnc2hvd3ZpZXdsZXNzYnV0dG9uJywge3ZhbHVlOiBmYWxzZSwgLi4uUFJPUF9CT09MRUFOfV0sXG4gICAgICAgICAgICAgICAgWyd2aWV3bGVzc21lc3NhZ2UnLCB7dmFsdWU6ICdWaWV3IExlc3MnLCAuLi5QUk9QX1NUUklOR31dLFxuICAgICAgICAgICAgICAgIFsncGFnZXNpemUnLCBQUk9QX05VTUJFUl0sXG4gICAgICAgICAgICAgICAgWydyYWRpb3NlbGVjdCcsIFBST1BfQk9PTEVBTl0sXG4gICAgICAgICAgICAgICAgWydyYWRpb3NlbGVjdHRpdGxlJywgUFJPUF9BTlldLFxuICAgICAgICAgICAgICAgIFsncmFkaW9zZWxlY3RhcmlhbGFiZWwnLCBQUk9QX0FOWV0sXG4gICAgICAgICAgICAgICAgWydyb3djbGFzcycsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ3Jvd25nY2xhc3MnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICAgICAgWydzZWFyY2hsYWJlbCcsIHt2YWx1ZTogJ1NlYXJjaCcsIC4uLlBST1BfU1RSSU5HfV0sXG4gICAgICAgICAgICAgICAgWydzaG93Jywge3ZhbHVlOiB0cnVlLCAuLi5QUk9QX0JPT0xFQU59XSxcbiAgICAgICAgICAgICAgICBbJ3Nob3doZWFkZXInLCB7dmFsdWU6IHRydWUsIC4uLlBST1BfQk9PTEVBTn1dLFxuICAgICAgICAgICAgICAgIFsnc2hvd25ld3JvdycsIHt2YWx1ZTogdHJ1ZSwgLi4uUFJPUF9CT09MRUFOfV0sXG4gICAgICAgICAgICAgICAgWydzaG93cmVjb3JkY291bnQnLCBQUk9QX0JPT0xFQU5dLFxuICAgICAgICAgICAgICAgIFsnc2hvd3Jvd2luZGV4JywgUFJPUF9CT09MRUFOXSxcbiAgICAgICAgICAgICAgICBbJ3NwYWNpbmcnLCB7dmFsdWU6ICdub3JtYWwnLCAuLi5QUk9QX1NUUklOR31dLFxuICAgICAgICAgICAgICAgIFsnc3RhdGVoYW5kbGVyJywge3ZhbHVlOiAnbm9uZScsIC4uLlBST1BfU1RSSU5HfV0sXG4gICAgICAgICAgICAgICAgWydzdWJoZWFkaW5nJywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsndGFiaW5kZXgnLCB7dmFsdWU6IDAsIC4uLlBST1BfTlVNQkVSfV0sXG4gICAgICAgICAgICAgICAgWyd0aXRsZScsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ3VwZGF0ZW1lc3NhZ2UnLCB7dmFsdWU6ICdSZWNvcmQgdXBkYXRlZCBzdWNjZXNzZnVsbHknLCAuLi5QUk9QX1NUUklOR31dXG4gICAgICAgICAgICBdXG4gICAgICAgIClcbiAgICApO1xufTtcbiJdfQ==

package/components/data/table/fesm2022/index.mjs

@@ -52,10 +52,14 @@ const registerProps$5 = () => {
         ['isdynamictable', PROP_BOOLEAN], // internal property to determine dynamic table
         ['isrowexpansionenabled', PROP_BOOLEAN],
         ['isrowselectable', { value: false, ...PROP_BOOLEAN }],
+        ['allowpagesizechange', { value: false, ...PROP_BOOLEAN }],
+        ['pagesizeoptions', { value: '5,10,20,50,100', ...PROP_STRING }],
         ['loadingdatamsg', { value: 'Loading...', ...PROP_STRING }],
         ['loadingicon', { value: 'fa fa-circle-o-notch fa-spin', ...PROP_STRING }],
         ['maxsize', { value: 5, ...PROP_NUMBER }],
         ['multiselect', PROP_BOOLEAN],
+        ['multiselecttitle', PROP_ANY],
+        ['multiselectarialabel', PROP_ANY],
         ['name', PROP_STRING],
         ['navigation', { value: 'Basic', ...PROP_STRING }],
         ['navigationalign', { value: 'left', ...PROP_STRING }],
@@ -65,6 +69,8 @@ const registerProps$5 = () => {
         ['viewlessmessage', { value: 'View Less', ...PROP_STRING }],
         ['pagesize', PROP_NUMBER],
         ['radioselect', PROP_BOOLEAN],
+        ['radioselecttitle', PROP_ANY],
+        ['radioselectarialabel', PROP_ANY],
         ['rowclass', PROP_STRING],
         ['rowngclass', PROP_STRING],
         ['searchlabel', { value: 'Search', ...PROP_STRING }],
@@ -412,9 +418,15 @@ class TableComponent extends StylableComponent {
             isDataUpdatedByUser: false,
             showviewlessbutton: false,
             ondemandmessage: '',
+            allowpagesizechange: false,
+            pagesizeoptions: '',
             viewlessmessage: '',
             loadingdatamsg: '',
             isNextPageData: undefined,
+            multiselecttitle: '',
+            multiselectarialabel: '',
+            radioselecttitle: '',
+            radioselectarialabel: '',
             ACTIONS: {
                 'DELETE': 'delete',
                 'EDIT': 'edit',
@@ -441,6 +453,9 @@ class TableComponent extends StylableComponent {
             getPageSize: () => {
                 return this.pagesize;
             },
+            getUpdatedPageSize: () => {
+                return this.updatedPageSize;
+            },
             getPageCount: () => {
                 return this.dataNavigator.pageCount;
             },
@@ -1095,7 +1110,8 @@ class TableComponent extends StylableComponent {
             enablecolumnselection: 'enableColumnSelection',
             shownewrow: 'showNewRow',
             gridfirstrowselect: 'selectFirstRow',
-            isrowselectable: 'isrowselectable'
+            isrowselectable: 'isrowselectable',
+            allowpagesizechange: 'allowpagesizechange'
         };
         if (this._liveTableParent) {
             this.isPartOfLiveGrid = true;
@@ -1122,6 +1138,7 @@ class TableComponent extends StylableComponent {
         this.gridOptions.filtermode = this.filtermode;
         this.gridOptions.filteronkeypress = this.filteronkeypress;
         this.gridOptions.isrowselectable = this.isrowselectable;
+        this.gridOptions.allowpagesizechange = this.allowpagesizechange;
         this.gridOptions.searchLabel = this.searchlabel;
         this.gridOptions.isMobile = isMobile();
         this.gridOptions.name = this.name;
@@ -1132,6 +1149,11 @@ class TableComponent extends StylableComponent {
         this.gridOptions.ondemandmessage = this.ondemandmessage;
         this.gridOptions.viewlessmessage = this.viewlessmessage;
         this.gridOptions.loadingdatamsg = this.loadingdatamsg;
+        this.gridOptions.pagesizeoptions = this.pagesizeoptions;
+        this.gridOptions.multiselecttitle = this.multiselecttitle;
+        this.gridOptions.multiselectarialabel = this.multiselectarialabel;
+        this.gridOptions.radioselecttitle = this.radioselecttitle;
+        this.gridOptions.radioselectarialabel = this.radioselectarialabel;
         // When loadondemand property is enabled(deferload="true") and show is true, only the column titles of the datatable are rendered, the data(body of the datatable) is not at all rendered.
         // Because the griddata is setting before the datatable dom is rendered but we are sending empty data to the datatable.
         if (!isEmpty(this.gridData)) {
@@ -1275,6 +1297,9 @@ class TableComponent extends StylableComponent {
             }
         }
     }
+    getActualPageSize() {
+        return this.actualPageSize || 5;
+    }
     watchVariableDataSet(newVal) {
         let result;
         // Check for Variable filters if applied
@@ -1299,8 +1324,15 @@ class TableComponent extends StylableComponent {
                 this.searchSortHandler(widgetState.sort, undefined, 'sort', true);
                 this.sortStateHandler(widgetState);
             }
-            if (get(widgetState, 'pagination')) {
-                this.dataNavigator.pageChanged({ page: widgetState.pagination }, true);
+            if (this.gridOptions.allowpagesizechange) { // maintain updated page size in the statePersistence
+                if (get(widgetState, 'pagination') || get(widgetState, 'pagesize')) {
+                    this.dataNavigator.pageChanged({ page: widgetState.pagination || 1, pagesize: widgetState.pagesize }, true);
+                }
+            }
+            else {
+                if (get(widgetState, 'pagination')) {
+                    this.dataNavigator.pageChanged({ page: widgetState.pagination }, true);
+                }
             }
         }
         // After the setting the watch on navigator, dataset is triggered with undefined. In this case, return here.
@@ -1787,11 +1819,14 @@ class TableComponent extends StylableComponent {
         return sortExp || '';
     }
     onPropertyChange(key, nv, ov) {
-        let enableNewRow;
+        let enableNewRow, widgetState;
         switch (key) {
             case 'datasource':
                 // Fix for [WMS-23653] when startUpdate is false (request on page load property is unchecked),
                 // then set status msg as "No data found"
+                if (this.allowpagesizechange) {
+                    this.datasource.maxResults = this.pagesize || this.datasource.maxResults;
+                }
                 if (nv.startUpdate === false) {
                     this.variableInflight = false;
                     this.callDataGridMethod('setStatus', 'nodata', this.nodatamessage);
@@ -1890,11 +1925,8 @@ class TableComponent extends StylableComponent {
                 this.callDataGridMethod('option', 'actionsEnabled.new', enableNewRow);
                 break;
             case 'pagesize':
-                this.dataNavigator.options = {
-                    maxResults: nv
-                };
-                this.dataNavigator.widget.maxResults = nv;
-                this.dataNavigator.maxResults = nv;
+                this.actualPageSize = nv; // maintain default page size to calculate pagesize options
+                this.setDefaultPageSize(nv);
                 break;
             case 'currentpage':
                 this.nativeElement?.setAttribute('currentpage', nv);
@@ -1905,6 +1937,31 @@ class TableComponent extends StylableComponent {
                 }
                 this.gridOptions.ondemandmessage = nv;
                 break;
+            case 'allowpagesizechange':
+                this.gridOptions.allowpagesizechange = nv;
+                this.allowpagesizechange = nv;
+                break;
+            case 'pagesizeoptions':
+                this.gridOptions.pagesizeoptions = nv;
+                this.pagesizeoptions = nv;
+                this.setDefaultPageSize(nv);
+                break;
+            case 'multiselecttitle':
+                this.setDataGridOption('multiselecttitle', nv);
+                this.gridOptions.multiselecttitle = nv;
+                break;
+            case 'multiselectarialabel':
+                this.setDataGridOption('multiselectarialabel', nv);
+                this.gridOptions.multiselectarialabel = nv;
+                break;
+            case 'radioselecttitle':
+                this.setDataGridOption('radioselecttitle', nv);
+                this.gridOptions.radioselecttitle = nv;
+                break;
+            case 'radioselectarialabel':
+                this.setDataGridOption('radioselectarialabel', nv);
+                this.gridOptions.radioselectarialabel = nv;
+                break;
             case 'viewlessmessage':
                 this.gridOptions.viewlessmessage = nv;
                 break;
@@ -1919,6 +1976,25 @@ class TableComponent extends StylableComponent {
                 super.onPropertyChange(key, nv, ov);
         }
     }
+    setDefaultPageSize(nv) {
+        let widgetState = this.statePersistence.getWidgetState(this);
+        if (this.gridOptions.allowpagesizechange) {
+            if (get(widgetState, 'pagesize')) {
+                nv = get(widgetState, 'pagesize');
+                this.pagesize = nv; // updating the default pagesize to user selected pagesize
+            }
+            else if (this.pagesizeoptions) {
+                nv = this.pagesizeoptions?.split(',').map(Number).sort((a, b) => a - b)[0];
+                this.pagesize = nv;
+            }
+            this.updatedPageSize = nv;
+        }
+        this.dataNavigator.options = {
+            maxResults: nv
+        };
+        this.dataNavigator.widget.maxResults = nv;
+        this.dataNavigator.maxResults = nv;
+    }
     onDataSourceChange() {
         this.fieldDefs.forEach(col => {
             triggerFn(col.onDataSourceChange && col.onDataSourceChange.bind(col));
@@ -2216,7 +2292,7 @@ class TableComponent extends StylableComponent {
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.title || ctx.subheading || ctx.iconclass || ctx.exportOptions.length || ctx._actions.header.length ? 0 : -1);
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("hidden", !ctx._actions.footer.length && (!ctx.shownavigation || ctx.onDemandLoad && ctx.dataNavigator.isDisableNext || (ctx.dataNavigator == null ? null : ctx.dataNavigator.dataSize) <= ctx.pagesize));
+            i0.ɵɵproperty("hidden", !ctx._actions.footer.length && (!ctx.shownavigation || ctx.onDemandLoad && ctx.dataNavigator.isDisableNext || (ctx.dataNavigator == null ? null : ctx.dataNavigator.dataSize) <= ctx.pagesize && !ctx.allowpagesizechange));
             i0.ɵɵadvance();
             i0.ɵɵproperty("hidden", !(ctx.dataNavigator == null ? null : ctx.dataNavigator.dataSize) && !(ctx.dataNavigator.datasource == null ? null : ctx.dataNavigator.datasource.pagination == null ? null : ctx.dataNavigator.datasource.pagination.next) || !ctx.shownavigation || ctx.onDemandLoad && ctx.dataNavigator.isDisableNext);
             i0.ɵɵadvance(2);
@@ -2228,7 +2304,7 @@ class TableComponent extends StylableComponent {
         args: [{ standalone: true, imports: [CommonModule, WmComponentsModule, AnchorComponent, PaginationComponent, ButtonComponent, BsDropdownModule, MenuComponent], selector: '[wmTable]', providers: [
                     provideAs(TableComponent, NG_VALUE_ACCESSOR, true),
                     provideAsWidgetRef(TableComponent)
-                ], template: "@if (title || subheading || iconclass || exportOptions.length || _actions.header.length) {\n  <div class=\"panel-heading\">\n    <h3 class=\"panel-title\">\n      <div class=\"pull-left\">\n        @if (iconclass) {\n          <i class=\"app-icon panel-icon {{iconclass}}\"></i>\n        }\n      </div>\n      <div class=\"pull-left\">\n        <div class=\"heading\" [innerHTML]=\"title\"></div>\n        <div class=\"description\" [innerHTML]=\"subheading\"></div>\n      </div>\n      @if (exportOptions.length || _actions.header.length) {\n        <div class=\"panel-actions app-datagrid-actions\">\n          @for (btn of _actions.header; track btn; let index = $index) {\n            <ng-container\n              [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\"\n              [ngTemplateOutletContext]=\"{btn:btn}\"\n              [ngTemplateOutletInjector]=\"createCustomInjector('actions_header_' + index, {btn:btn})\">\n            </ng-container>\n          }\n          @if (exportOptions.length) {\n            <div wmMenu dropdown caption.bind=\"appLocale.LABEL_EXPORT\"  autoclose=\"always\" attr.name=\"{{name}}-export\"\n            dataset.bind=\"exportOptions\" select.event=\"export($item)\" menuposition=\"down,left\"></div>\n          }\n        </div>\n      }\n    </h3>\n  </div>\n}\n<div class=\"app-datagrid\" #datagridElement></div>\n\n<div class=\"panel-footer clearfix\" [hidden]=\"!_actions.footer.length && (!shownavigation || (onDemandLoad && dataNavigator.isDisableNext) || dataNavigator?.dataSize <= pagesize)\">\n  <div class=\"app-datagrid-paginator\" [hidden]=\"(!dataNavigator?.dataSize && !dataNavigator.datasource?.pagination?.next) || !shownavigation || (onDemandLoad && dataNavigator.isDisableNext)\">\n    <nav wmPagination show.bind=\"shownavigation\" navigationalign.bind=\"navigationalign\"\n      navigationsize.bind=\"navigationSize\"\n      navigation.bind=\"navControls\" showrecordcount.bind=\"showrecordcount\" maxsize.bind=\"maxsize\"\n      boundarylinks.bind=\"boundarylinks\"\n    forceellipses.bind=\"forceellipses\" directionlinks.bind=\"directionlinks\"></nav>\n  </div>\n  @if (_actions.footer.length) {\n    <div class=\"app-datagrid-actions\">\n      @for (btn of _actions.footer; track btn; let index = $index) {\n        <ng-container\n          [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\"\n          [ngTemplateOutletContext]=\"{btn:btn}\"\n          [ngTemplateOutletInjector]=\"createCustomInjector('actions_footer_' + index, {btn:btn})\">\n        </ng-container>\n      }\n    </div>\n  }\n</div>\n\n<ng-template #buttonRef let-btn=\"btn\">\n  <button wmButton caption.bind=\"btn.displayName\" show.bind=\"btn.show\" class.bind=\"btn.class\"  iconclass.bind=\"btn.iconclass\" (click)=\"invokeActionEvent($event, btn.action)\"\n    [ngClass]=\"{'btn-sm': spacing === 'condensed', 'disabled-new': btn.key === 'addNewRow' && (isGridEditMode || isLoading)}\"\n  type=\"button\" shortcutkey.bind=\"btn.shortcutkey\" tabindex.bind=\"btn.tabindex\" hint.bind=\"btn.title\" [attr.aria-label]=\"btn.displayName\" disabled.bind=\"btn.disabled\" conditionalclass.bind=\"btn.conditionalclass\" conditionalstyle.bind=\"btn.conditionalstyle\"></button>\n</ng-template>\n\n<ng-template #anchorRef let-btn=\"btn\">\n  <a wmAnchor caption.bind=\"btn.displayName\" show.bind=\"btn.show\" class.bind=\"btn.class\"  iconclass.bind=\"btn.iconclass\" (click)=\"invokeActionEvent($event, btn.action)\"\n    [ngClass]=\"{'btn-sm': spacing === 'condensed', 'disabled-new': btn.key === 'addNewRow' && (isGridEditMode || isLoading)}\"\n    shortcutkey.bind=\"btn.shortcutkey\" tabindex.bind=\"btn.tabindex\" hint.bind=\"btn.title\"\n  hyperlink.bind=\"btn.hyperlink\" target.bind=\"btn.target\" conditionalclass.bind=\"btn.conditionalclass\" conditionalstyle.bind=\"btn.conditionalstyle\"></a>\n</ng-template>\n\n<div hidden>\n  <ng-container #multiColumnFilterView></ng-container>\n\n  <ng-container #inlineEditView></ng-container>\n\n  <ng-container #inlineEditNewView></ng-container>\n\n  <ng-container #rowActionsView></ng-container>\n\n  <ng-container #rowExpansionActionView></ng-container>\n\n  <ng-container #customExprView></ng-container>\n\n  <ng-container #dynamicTable></ng-container>\n\n  <ng-container #rowDetailView></ng-container>\n\n  <div class=\"dynamic-table-container\"></div>\n</div>\n" }]
+                ], template: "@if (title || subheading || iconclass || exportOptions.length || _actions.header.length) {\n  <div class=\"panel-heading\">\n    <h3 class=\"panel-title\">\n      <div class=\"pull-left\">\n        @if (iconclass) {\n          <i class=\"app-icon panel-icon {{iconclass}}\"></i>\n        }\n      </div>\n      <div class=\"pull-left\">\n        <div class=\"heading\" [innerHTML]=\"title\"></div>\n        <div class=\"description\" [innerHTML]=\"subheading\"></div>\n      </div>\n      @if (exportOptions.length || _actions.header.length) {\n        <div class=\"panel-actions app-datagrid-actions\">\n          @for (btn of _actions.header; track btn; let index = $index) {\n            <ng-container\n              [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\"\n              [ngTemplateOutletContext]=\"{btn:btn}\"\n              [ngTemplateOutletInjector]=\"createCustomInjector('actions_header_' + index, {btn:btn})\">\n            </ng-container>\n          }\n          @if (exportOptions.length) {\n            <div wmMenu dropdown caption.bind=\"appLocale.LABEL_EXPORT\"  autoclose=\"always\" attr.name=\"{{name}}-export\"\n            dataset.bind=\"exportOptions\" select.event=\"export($item)\" menuposition=\"down,left\"></div>\n          }\n        </div>\n      }\n    </h3>\n  </div>\n}\n<div class=\"app-datagrid\" #datagridElement></div>\n\n<div class=\"panel-footer clearfix\" [hidden]=\"!_actions.footer.length && (!shownavigation || (onDemandLoad && dataNavigator.isDisableNext) || (dataNavigator?.dataSize <= pagesize && !allowpagesizechange))\">\n  <div class=\"app-datagrid-paginator\" [hidden]=\"(!dataNavigator?.dataSize && !dataNavigator.datasource?.pagination?.next) || !shownavigation || (onDemandLoad && dataNavigator.isDisableNext)\">\n    <nav wmPagination show.bind=\"shownavigation\" navigationalign.bind=\"navigationalign\"\n      navigationsize.bind=\"navigationSize\"\n      navigation.bind=\"navControls\" showrecordcount.bind=\"showrecordcount\" maxsize.bind=\"maxsize\"\n      boundarylinks.bind=\"boundarylinks\"\n    forceellipses.bind=\"forceellipses\" directionlinks.bind=\"directionlinks\"></nav>\n  </div>\n  @if (_actions.footer.length) {\n    <div class=\"app-datagrid-actions\">\n      @for (btn of _actions.footer; track btn; let index = $index) {\n        <ng-container\n          [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\"\n          [ngTemplateOutletContext]=\"{btn:btn}\"\n          [ngTemplateOutletInjector]=\"createCustomInjector('actions_footer_' + index, {btn:btn})\">\n        </ng-container>\n      }\n    </div>\n  }\n</div>\n\n<ng-template #buttonRef let-btn=\"btn\">\n  <button wmButton caption.bind=\"btn.displayName\" show.bind=\"btn.show\" class.bind=\"btn.class\"  iconclass.bind=\"btn.iconclass\" (click)=\"invokeActionEvent($event, btn.action)\"\n    [ngClass]=\"{'btn-sm': spacing === 'condensed', 'disabled-new': btn.key === 'addNewRow' && (isGridEditMode || isLoading)}\"\n  type=\"button\" shortcutkey.bind=\"btn.shortcutkey\" tabindex.bind=\"btn.tabindex\" hint.bind=\"btn.title\" [attr.aria-label]=\"btn.displayName\" disabled.bind=\"btn.disabled\" conditionalclass.bind=\"btn.conditionalclass\" conditionalstyle.bind=\"btn.conditionalstyle\"></button>\n</ng-template>\n\n<ng-template #anchorRef let-btn=\"btn\">\n  <a wmAnchor caption.bind=\"btn.displayName\" show.bind=\"btn.show\" class.bind=\"btn.class\"  iconclass.bind=\"btn.iconclass\" (click)=\"invokeActionEvent($event, btn.action)\"\n    [ngClass]=\"{'btn-sm': spacing === 'condensed', 'disabled-new': btn.key === 'addNewRow' && (isGridEditMode || isLoading)}\"\n    shortcutkey.bind=\"btn.shortcutkey\" tabindex.bind=\"btn.tabindex\" hint.bind=\"btn.title\"\n  hyperlink.bind=\"btn.hyperlink\" target.bind=\"btn.target\" conditionalclass.bind=\"btn.conditionalclass\" conditionalstyle.bind=\"btn.conditionalstyle\"></a>\n</ng-template>\n\n<div hidden>\n  <ng-container #multiColumnFilterView></ng-container>\n\n  <ng-container #inlineEditView></ng-container>\n\n  <ng-container #inlineEditNewView></ng-container>\n\n  <ng-container #rowActionsView></ng-container>\n\n  <ng-container #rowExpansionActionView></ng-container>\n\n  <ng-container #customExprView></ng-container>\n\n  <ng-container #dynamicTable></ng-container>\n\n  <ng-container #rowDetailView></ng-container>\n\n  <div class=\"dynamic-table-container\"></div>\n</div>\n" }]
     }], () => [{ type: i0.Injector }, { type: i1.FormBuilder }, { type: i2.App }, { type: i2.DynamicComponentRefProvider }, { type: i2.StatePersistence }, { type: i2.PaginationService }, { type: i2.Viewport }, { type: i3.ListComponent, decorators: [{
                 type: Optional
             }] }, { type: undefined, decorators: [{
@@ -3627,6 +3703,7 @@ const registerProps$3 = () => {
         ['required', PROP_BOOLEAN],
         ['rowactionsposition', PROP_STRING],
         ['searchkey', PROP_STRING],
+        ['sortby', PROP_STRING],
         ['searchable', { value: true, ...PROP_BOOLEAN }],
         ['showinfilter', { value: false, ...PROP_BOOLEAN }],
         ['suffix', PROP_STRING],
@@ -3729,7 +3806,7 @@ const _c3 = ["filterWidget"];
 const _c4 = ["inlineWidget"];
 const _c5 = ["inlineWidgetNew"];
 const WIDGET_CONFIG$2 = { widgetType: 'wm-table-column', hostClass: '' };
-let inlineWidgetProps = ['datafield', 'displayfield', 'placeholder', 'searchkey', 'matchmode', 'displaylabel', 'groupby', 'match', 'dateformat', 'showcount', 'collapsible',
+let inlineWidgetProps = ['datafield', 'displayfield', 'placeholder', 'searchkey', 'sortby', 'matchmode', 'displaylabel', 'groupby', 'match', 'dateformat', 'showcount', 'collapsible',
     'checkedvalue', 'uncheckedvalue', 'showdropdownon', 'dataentrymode', 'autoclose', 'dataset', 'outputformat'];
 const validationProps = ['maxchars', 'regexp', 'minvalue', 'maxvalue', 'step', 'required', 'mindate', 'maxdate',
     'excludedates', 'excludedays', 'mintime', 'maxtime'];
@@ -4228,6 +4305,7 @@ class TableColumnDirective extends BaseComponent {
         this.isFilterDataSetBound = !!this.bindfilterdataset;
         this.defaultvalue = getDefaultValue(this.defaultvalue, this.type, this.editWidgetType);
         this.caseinsensitive = !!this.getAttr('caseinsensitive');
+        this.sortby = this.sortby || this.getAttr('sortby') || "";
         // For date time data types, if date pattern is not specified, set the app format or default format
         if (isDateTimeType(this.type) && this.formatpattern === 'toDate' && !this.datepattern) {
             const defaultFormat = getDisplayDateTimeFormat(this.type);