@wavemaker-ai/app-ng-runtime 12.0.0-rc.335 → 12.0.1-rc.338

package/components/data/list/types/index.d.ts

@@ -6,8 +6,8 @@ import { Subject, Observable } from 'rxjs';
 
 declare class ListItemDirective extends StylableComponent implements OnInit, AfterViewInit, OnDestroy {
     app: App;
-    private renderer;
-    static initializeProps: void;
+    private readonly renderer;
+    static readonly initializeProps: void;
     item: any;
     context: any;
     destroySub: Subject<any>;
@@ -15,16 +15,16 @@ declare class ListItemDirective extends StylableComponent implements OnInit, Aft
     nativeElement: HTMLElement;
     readonly listComponent: ListComponent;
     private itemClass;
-    private _currentItemWidgets;
+    private readonly _currentItemWidgets;
     viewContainerRef: ViewContainerRef;
     /**
      * To avoid re-rendering of widget, passing unique id as contextKey to createCustomInjector
      */
     trackId: string;
-    private editClickHandler;
-    private deleteClickHandler;
-    private mouseEnterHandler;
-    private mouseLeaveHandler;
+    private readonly editClickHandler;
+    private readonly deleteClickHandler;
+    private readonly mouseEnterHandler;
+    private readonly mouseLeaveHandler;
     isActive: boolean;
     disableItem: boolean;
     onFocus(): void;
@@ -35,7 +35,7 @@ declare class ListItemDirective extends StylableComponent implements OnInit, Aft
     get $last(): any;
     get currentItemWidgets(): {};
     set wmListItem(val: any);
-    private _viewParent;
+    private readonly _viewParent;
     constructor(inj: Injector, elRef: ElementRef, app: App, renderer: Renderer2, explicitContext: any);
     /**
     * Applies all the list item attributes and adds a watch on postion attribute
@@ -57,7 +57,7 @@ declare class ListItemDirective extends StylableComponent implements OnInit, Aft
 }
 
 declare class ListComponent extends StylableComponent implements OnInit, AfterViewInit, OnDestroy {
-    static initializeProps: void;
+    static readonly initializeProps: void;
     listTemplate: TemplateRef<ElementRef>;
     listLeftActionTemplate: TemplateRef<ElementRef>;
     listRightActionTemplate: TemplateRef<ElementRef>;
@@ -116,7 +116,7 @@ declare class ListComponent extends StylableComponent implements OnInit, AfterVi
     updatedPageSize: any;
     actualPageSize: any;
     _isDependent: any;
-    private itemsPerRowClass;
+    private readonly itemsPerRowClass;
     private firstSelectedItem;
     private navigatorMaxResultWatch;
     private navigatorResultWatch;
@@ -128,19 +128,19 @@ declare class ListComponent extends StylableComponent implements OnInit, AfterVi
     private showNavigation;
     private reorderProps;
     private app;
-    private appDefaults;
-    private ngZone;
-    private statePersistence;
-    private paginationService;
-    private binddatasource;
-    private listClickHandler;
-    private addItemClickHandler;
-    private match;
-    private dateformat;
+    private readonly appDefaults;
+    private readonly ngZone;
+    private readonly statePersistence;
+    private readonly paginationService;
+    private readonly binddatasource;
+    private readonly listClickHandler;
+    private readonly addItemClickHandler;
+    private readonly match;
+    private readonly dateformat;
     private groupedData;
     private cdRef;
-    private promiseResolverFn;
-    private propsInitPromise;
+    private readonly promiseResolverFn;
+    private readonly propsInitPromise;
     private $ulEle;
     private _listAnimator;
     private _listenerDestroyers;
@@ -156,8 +156,8 @@ declare class ListComponent extends StylableComponent implements OnInit, AfterVi
         [k: string]: string;
     };
     hasAutolayout: boolean;
-    private touching;
-    private touched;
+    private readonly touching;
+    private readonly touched;
     constructor(inj: Injector, cdRef: ChangeDetectorRef, datePipe: ToDatePipe, app: App, appDefaults: AppDefaults, ngZone: NgZone, binditemclass: string, binddisableitem: string, binddataset: string, binddatasource: string, mouseEnterCB: string, mouseLeaveCB: string, statePersistence: StatePersistence, paginationService: PaginationService, explicitContext: any);
     get selecteditem(): any;
     set selecteditem(items: any);

package/components/data/live-table/bundles/index.umd.js

@@ -252,12 +252,12 @@
             this.$queue = [];
             super.ngOnDestroy();
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: LiveTableComponent, deps: [{ token: i0__namespace.Injector }, { token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace.AbstractDialogService }, { token: i1__namespace.App }, { token: 'formlayout', attribute: true }, { token: 'dialogid', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
-        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.20", type: LiveTableComponent, isStandalone: true, selector: "[wmLiveTable]", providers: [
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: LiveTableComponent, deps: [{ token: i0__namespace.Injector }, { token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace.AbstractDialogService }, { token: i1__namespace.App }, { token: 'formlayout', attribute: true }, { token: 'dialogid', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.21", type: LiveTableComponent, isStandalone: true, selector: "[wmLiveTable]", providers: [
                 base.provideAsWidgetRef(LiveTableComponent)
             ], queries: [{ propertyName: "table", first: true, predicate: table.TableComponent, descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<ng-content></ng-content>" }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: LiveTableComponent, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: LiveTableComponent, decorators: [{
                 type: i0.Component,
                 args: [{ standalone: true, selector: '[wmLiveTable]', providers: [
                             base.provideAsWidgetRef(LiveTableComponent)

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

@@ -234,12 +234,12 @@ class LiveTableComponent extends StylableComponent {
         this.$queue = [];
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: LiveTableComponent, deps: [{ token: i0.Injector }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.AbstractDialogService }, { token: i1.App }, { token: 'formlayout', attribute: true }, { token: 'dialogid', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.20", type: LiveTableComponent, isStandalone: true, selector: "[wmLiveTable]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: LiveTableComponent, deps: [{ token: i0.Injector }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.AbstractDialogService }, { token: i1.App }, { token: 'formlayout', attribute: true }, { token: 'dialogid', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.21", type: LiveTableComponent, isStandalone: true, selector: "[wmLiveTable]", providers: [
             provideAsWidgetRef(LiveTableComponent)
         ], queries: [{ propertyName: "table", first: true, predicate: TableComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: LiveTableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: LiveTableComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: '[wmLiveTable]', providers: [
                         provideAsWidgetRef(LiveTableComponent)

package/components/data/live-table/fesm2022/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/data/live-table/src/live-table.props.ts","../../../../../projects/components/widgets/data/live-table/src/live-table.component.ts","../../../../../projects/components/widgets/data/live-table/src/live-table.component.html","../../../../../projects/components/widgets/data/live-table/src/index.ts"],"sourcesContent":["import { PROP_BOOLEAN, PROP_STRING, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-livetable',\n        new Map(\n            [\n                ['class', PROP_STRING],\n                ['formlayout', PROP_STRING],\n                ['name', PROP_STRING],\n                ['show', {value: true, ...PROP_BOOLEAN}],\n            ]\n        )\n    );\n};\n","import {\n    AfterContentInit,\n    Attribute,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    ElementRef,\n    Inject,\n    Injector,\n    OnDestroy,\n    Optional\n} from '@angular/core';\n\nimport {debounceTime} from 'rxjs/operators';\nimport {Subscription} from 'rxjs';\n\nimport {$appDigest, AbstractDialogService, App, getClonedObject, isDefined, triggerFn} from '@wm/core';\nimport {provideAsWidgetRef, StylableComponent, styler} from '@wm/components/base';\nimport {TableComponent} from '@wm/components/data/table';\n\nimport {registerProps} from './live-table.props';\n\ndeclare var $: any;\n\nconst DEFAULT_CLS = 'app-livegrid';\nconst WIDGET_CONFIG = {widgetType: 'wm-livetable', hostClass: DEFAULT_CLS};\n\n@Component({\n    standalone: true,\n    selector: '[wmLiveTable]',\n    templateUrl: './live-table.component.html',\n    providers: [\n        provideAsWidgetRef(LiveTableComponent)\n    ]\n})\nexport class LiveTableComponent extends StylableComponent implements AfterContentInit, OnDestroy {\n    static initializeProps = registerProps();\n    @ContentChild(TableComponent) table: TableComponent;\n\n    form;\n    isLayoutDialog: boolean;\n\n    private dialogId;\n    private $queue = [];\n    private selectedItemChangeSubscription: Subscription;\n\n    private tableOptions: any = {\n        'multiselect': false,\n        'setGridEditMode': ''\n    };\n\n    constructor(\n        inj: Injector,\n        elRef: ElementRef,\n        cdr: ChangeDetectorRef,\n        private dialogService: AbstractDialogService,\n        private app: App,\n        @Attribute('formlayout') layoutType: string,\n        @Attribute('dialogid') dialogId: string,\n        @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any\n    ) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n        styler(this.nativeElement, this);\n        if (layoutType === 'dialog') {\n            this.isLayoutDialog = true;\n            this.dialogId = dialogId;\n        }\n    }\n\n    ngAfterContentInit() {\n        super.ngAfterContentInit();\n        if (this.table) {\n            this.table._liveTableParent = this;\n            \n            // Defer live-table configuration to ensure parent table datatable is initialized (Angular 20 timing)\n            const configureLiveTable = () => {\n                if (typeof this.table.datagridElement.datatable === 'function' && this.table.datagridElement.datatable('instance')) {\n                    this.table.datagridElement.datatable('option', this.tableOptions);\n\n            this.selectedItemChangeSubscription = this.table.selectedItemChange$\n                .pipe(debounceTime(250))\n                .subscribe(this.onSelectedItemChange.bind(this));\n\n                    if (!this.isLayoutDialog && !this.form) {\n                        this.table.datagridElement.datatable('option', {\n                            'beforeRowUpdate' : () => {\n                                this.showErrorMessage();\n                            },\n                            'beforeRowDelete' : () => {\n                                this.showErrorMessage();\n                            },\n                            'beforeRowInsert' : () => {\n                                this.showErrorMessage();\n                            }\n                        });\n                    }\n                } else {\n                    // Parent table not initialized yet, retry\n                    setTimeout(configureLiveTable, 50);\n                }\n            };\n            setTimeout(configureLiveTable, 0);\n        }\n    }\n\n    openDialog() {\n        this.dialogService.open(this.dialogId, this.viewParent);\n        $appDigest();\n    }\n\n    closeDialog() {\n        this.dialogService.close(this.dialogId, this.viewParent);\n    }\n\n    focusFirstInput() {\n        const $firstInput = $(this.form.$element).find('input').first();\n        $firstInput.focus();\n        $firstInput.select();\n    }\n\n    onDialogOpen(action) {\n        const attrs: Map<string, string> = this?.form?.formFields?.[0]?.$attrs ?? new Map();\n        const hasDefault = [\"defaultvalue\", \"defaultvalue.bind\"].some(key => attrs.has(key));\n        if (action == 'update'||!!hasDefault) {\n            const firstFormField = $(\"form [wmformfield]\").first();\n            if (firstFormField.find(\"div[widget='autocomplete']\").length != 1 && this?.form?.formFields?.[0]?.widgettype != 'autocomplete') { // prevent focusing first form field if widget is  autocomplete\n                this.focusFirstInput();\n            }\n        } else {\n            this.focusFirstInput();\n        }\n    }\n\n    setFormData(val) {\n        if (!this.form.isDestroyed) {\n            this.form.getWidget().formdata = val;\n        }\n    }\n\n    private _addNewRow() {\n        this.form.isSelected = true;\n        this.setFormData('');\n\n        this.form.new();\n\n        if (this.isLayoutDialog) {\n            this.onDialogOpen('add');\n        }\n    }\n\n    addNewRow() {\n        if (this.isLayoutDialog) {\n            this.openDialog();\n            this.$queue.push(this._addNewRow.bind(this));\n            return;\n        }\n\n       this._addNewRow();\n    }\n\n    private _updateRow(row, eventName) {\n        this.setFormData(row);\n        this.form.isSelected = true;\n        this.form.edit();\n\n        if (this.isLayoutDialog) {\n            this.form.isUpdateMode = (eventName === 'dblclick') ? this.form.updateMode : true;\n            this.onDialogOpen('update');\n        }\n    }\n\n    updateRow(row, eventName) {\n\n        if (this.isLayoutDialog) {\n            this.openDialog();\n            this.$queue.push(this._updateRow.bind(this, row, eventName));\n            return;\n        }\n\n        this._updateRow(row, eventName);\n    }\n\n    onSelectedItemChange(newValue) {\n        let rowData;\n        if (!this.form || !this.table) {\n            return;\n        }\n\n        if (newValue && newValue.length > 0 && !this.form.isSelected) {\n            this.form.isSelected = true;\n        }\n\n        /*Update the rowdata of only that grid form that is associated with the specific grid on which row selection is being performed...\n         * Since both the grid & gridform are associated with the same \"parentgrid\", match the same*/\n        if (newValue && newValue.length > 0) {\n            if (this.table.multiselect) {\n                rowData = newValue[0];\n            } else {\n                rowData = newValue[newValue.length - 1];\n            }\n\n            this.setFormData(getClonedObject(rowData));\n            /*If the form is already in update mode, call the form update function*/\n            if (this.form.isUpdateMode) {\n                this.form.edit();\n            }\n        } else {\n            this.form.isSelected = false;\n            this.setFormData('');\n            this.form.clearData();\n        }\n    }\n\n    onCancel() {\n        this.form.isUpdateMode = false;\n        if (this.isLayoutDialog) {\n            this.closeDialog();\n        }\n    }\n\n    onResult(operation, response, newForm, updateMode) {\n        this.form.isUpdateMode = isDefined(updateMode) ? updateMode : newForm ? true : false;\n        switch (operation) {\n            case 'insert':\n                if (this.table.gridOptions.isNavTypeScrollOrOndemand()) {\n                    this.table.isNewRowInserted = true;\n                }\n                if (newForm) {\n                    /*if new form is to be shown after insert, skip the highlight of the row*/\n                    this.table.gridfirstrowselect = false;\n                    this.table.initiateSelectItem(this.table.getNavigationTargetBySortInfo(), response, true);\n                } else {\n                    /*The new row would always be inserted at the end of all existing records. Hence navigate to the last page and highlight the inserted row.*/\n                    this.table.initiateSelectItem(this.table.getNavigationTargetBySortInfo(), response);\n                }\n                break;\n            case 'update':\n                /*The updated row would be found in the current page itself. Hence simply highlight the row in the current page.*/\n                if (newForm) {\n                    this.table.gridfirstrowselect = false;\n                    this.table.initiateSelectItem('current', response, true);\n                } else {\n                    this.table.initiateSelectItem('current', response);\n                }\n                break;\n            case 'delete':\n                this.table.onRecordDelete();\n                break;\n        }\n        this.table.updateVariable();\n        if (this.isLayoutDialog) {\n            /*if new form is to be shown after update or insert, don't close the dialog*/\n            if (newForm) {\n                if (operation === 'insert') {\n                    this.form.new();\n                } else if (operation === 'update') {\n                    this.form.edit();\n                }\n            } else {\n                this.closeDialog();\n            }\n        }\n    }\n\n    showErrorMessage() {\n        this.app.notifyApp(this.appLocale.LABEL_ACCESS_DENIED, 'error');\n    }\n\n    // In dialog mode, on form render call the queued functions\n    onFormReady(form) {\n        this.form = form;\n        setTimeout(() => {\n            triggerFn(this.$queue.pop());\n        });\n    }\n\n    ngOnDestroy() {\n        // MEMORY LEAK FIX: Unsubscribe from selectedItemChange$\n        if (this.selectedItemChangeSubscription) {\n            this.selectedItemChangeSubscription.unsubscribe();\n            this.selectedItemChangeSubscription = null;\n        }\n\n        // MEMORY LEAK FIX: Clear ContentChild reference\n        this.table = null;\n\n        // MEMORY LEAK FIX: Clear queue array\n        this.$queue = [];\n\n        super.ngOnDestroy();\n    }\n}\n","<ng-content></ng-content>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/data/live-table/src/live-table.props.ts","../../../../../projects/components/widgets/data/live-table/src/live-table.component.ts","../../../../../projects/components/widgets/data/live-table/src/live-table.component.html","../../../../../projects/components/widgets/data/live-table/src/index.ts"],"sourcesContent":["import { PROP_BOOLEAN, PROP_STRING, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-livetable',\n        new Map(\n            [\n                ['class', PROP_STRING],\n                ['formlayout', PROP_STRING],\n                ['name', PROP_STRING],\n                ['show', {value: true, ...PROP_BOOLEAN}],\n            ]\n        )\n    );\n};\n","import {\n    AfterContentInit,\n    Attribute,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    ElementRef,\n    Inject,\n    Injector,\n    OnDestroy,\n    Optional\n} from '@angular/core';\n\nimport {debounceTime} from 'rxjs/operators';\nimport {Subscription} from 'rxjs';\n\nimport {$appDigest, AbstractDialogService, App, getClonedObject, isDefined, triggerFn} from '@wm/core';\nimport {provideAsWidgetRef, StylableComponent, styler} from '@wm/components/base';\nimport {TableComponent} from '@wm/components/data/table';\n\nimport {registerProps} from './live-table.props';\n\ndeclare const $: any;\n\nconst DEFAULT_CLS = 'app-livegrid';\nconst WIDGET_CONFIG = {widgetType: 'wm-livetable', hostClass: DEFAULT_CLS};\n\n@Component({\n    standalone: true,\n    selector: '[wmLiveTable]',\n    templateUrl: './live-table.component.html',\n    providers: [\n        provideAsWidgetRef(LiveTableComponent)\n    ]\n})\nexport class LiveTableComponent extends StylableComponent implements AfterContentInit, OnDestroy {\n    static readonly initializeProps = registerProps();\n    @ContentChild(TableComponent) table: TableComponent;\n\n    form;\n    isLayoutDialog: boolean;\n\n    private readonly dialogId;\n    private $queue = [];\n    private selectedItemChangeSubscription: Subscription;\n\n    private readonly tableOptions: any = {\n        'multiselect': false,\n        'setGridEditMode': ''\n    };\n\n    constructor(\n        inj: Injector,\n        elRef: ElementRef,\n        cdr: ChangeDetectorRef,\n        private readonly dialogService: AbstractDialogService,\n        private readonly app: App,\n        @Attribute('formlayout') layoutType: string,\n        @Attribute('dialogid') dialogId: string,\n        @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any\n    ) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n        styler(this.nativeElement, this);\n        if (layoutType === 'dialog') {\n            this.isLayoutDialog = true;\n            this.dialogId = dialogId;\n        }\n    }\n\n    ngAfterContentInit() {\n        super.ngAfterContentInit();\n        if (this.table) {\n            this.table._liveTableParent = this;\n            \n            // Defer live-table configuration to ensure parent table datatable is initialized (Angular 20 timing)\n            const configureLiveTable = () => {\n                if (typeof this.table.datagridElement.datatable === 'function' && this.table.datagridElement.datatable('instance')) {\n                    this.table.datagridElement.datatable('option', this.tableOptions);\n\n            this.selectedItemChangeSubscription = this.table.selectedItemChange$\n                .pipe(debounceTime(250))\n                .subscribe(this.onSelectedItemChange.bind(this));\n\n                    if (!this.isLayoutDialog && !this.form) {\n                        this.table.datagridElement.datatable('option', {\n                            'beforeRowUpdate' : () => {\n                                this.showErrorMessage();\n                            },\n                            'beforeRowDelete' : () => {\n                                this.showErrorMessage();\n                            },\n                            'beforeRowInsert' : () => {\n                                this.showErrorMessage();\n                            }\n                        });\n                    }\n                } else {\n                    // Parent table not initialized yet, retry\n                    setTimeout(configureLiveTable, 50);\n                }\n            };\n            setTimeout(configureLiveTable, 0);\n        }\n    }\n\n    openDialog() {\n        this.dialogService.open(this.dialogId, this.viewParent);\n        $appDigest();\n    }\n\n    closeDialog() {\n        this.dialogService.close(this.dialogId, this.viewParent);\n    }\n\n    focusFirstInput() {\n        const $firstInput = $(this.form.$element).find('input').first();\n        $firstInput.focus();\n        $firstInput.select();\n    }\n\n    onDialogOpen(action) {\n        const attrs: Map<string, string> = this?.form?.formFields?.[0]?.$attrs ?? new Map();\n        const hasDefault = [\"defaultvalue\", \"defaultvalue.bind\"].some(key => attrs.has(key));\n        if (action == 'update'||!!hasDefault) {\n            const firstFormField = $(\"form [wmformfield]\").first();\n            if (firstFormField.find(\"div[widget='autocomplete']\").length != 1 && this?.form?.formFields?.[0]?.widgettype != 'autocomplete') { // prevent focusing first form field if widget is  autocomplete\n                this.focusFirstInput();\n            }\n        } else {\n            this.focusFirstInput();\n        }\n    }\n\n    setFormData(val) {\n        if (!this.form.isDestroyed) {\n            this.form.getWidget().formdata = val;\n        }\n    }\n\n    private _addNewRow() {\n        this.form.isSelected = true;\n        this.setFormData('');\n\n        this.form.new();\n\n        if (this.isLayoutDialog) {\n            this.onDialogOpen('add');\n        }\n    }\n\n    addNewRow() {\n        if (this.isLayoutDialog) {\n            this.openDialog();\n            this.$queue.push(this._addNewRow.bind(this));\n            return;\n        }\n\n       this._addNewRow();\n    }\n\n    private _updateRow(row, eventName) {\n        this.setFormData(row);\n        this.form.isSelected = true;\n        this.form.edit();\n\n        if (this.isLayoutDialog) {\n            this.form.isUpdateMode = (eventName === 'dblclick') ? this.form.updateMode : true;\n            this.onDialogOpen('update');\n        }\n    }\n\n    updateRow(row, eventName) {\n\n        if (this.isLayoutDialog) {\n            this.openDialog();\n            this.$queue.push(this._updateRow.bind(this, row, eventName));\n            return;\n        }\n\n        this._updateRow(row, eventName);\n    }\n\n    onSelectedItemChange(newValue) {\n        let rowData;\n        if (!this.form || !this.table) {\n            return;\n        }\n\n        if (newValue && newValue.length > 0 && !this.form.isSelected) {\n            this.form.isSelected = true;\n        }\n\n        /*Update the rowdata of only that grid form that is associated with the specific grid on which row selection is being performed...\n         * Since both the grid & gridform are associated with the same \"parentgrid\", match the same*/\n        if (newValue && newValue.length > 0) {\n            if (this.table.multiselect) {\n                rowData = newValue[0];\n            } else {\n                rowData = newValue[newValue.length - 1];\n            }\n\n            this.setFormData(getClonedObject(rowData));\n            /*If the form is already in update mode, call the form update function*/\n            if (this.form.isUpdateMode) {\n                this.form.edit();\n            }\n        } else {\n            this.form.isSelected = false;\n            this.setFormData('');\n            this.form.clearData();\n        }\n    }\n\n    onCancel() {\n        this.form.isUpdateMode = false;\n        if (this.isLayoutDialog) {\n            this.closeDialog();\n        }\n    }\n\n    onResult(operation, response, newForm, updateMode) {\n        this.form.isUpdateMode = isDefined(updateMode) ? updateMode : newForm ? true : false;\n        switch (operation) {\n            case 'insert':\n                if (this.table.gridOptions.isNavTypeScrollOrOndemand()) {\n                    this.table.isNewRowInserted = true;\n                }\n                if (newForm) {\n                    /*if new form is to be shown after insert, skip the highlight of the row*/\n                    this.table.gridfirstrowselect = false;\n                    this.table.initiateSelectItem(this.table.getNavigationTargetBySortInfo(), response, true);\n                } else {\n                    /*The new row would always be inserted at the end of all existing records. Hence navigate to the last page and highlight the inserted row.*/\n                    this.table.initiateSelectItem(this.table.getNavigationTargetBySortInfo(), response);\n                }\n                break;\n            case 'update':\n                /*The updated row would be found in the current page itself. Hence simply highlight the row in the current page.*/\n                if (newForm) {\n                    this.table.gridfirstrowselect = false;\n                    this.table.initiateSelectItem('current', response, true);\n                } else {\n                    this.table.initiateSelectItem('current', response);\n                }\n                break;\n            case 'delete':\n                this.table.onRecordDelete();\n                break;\n        }\n        this.table.updateVariable();\n        if (this.isLayoutDialog) {\n            /*if new form is to be shown after update or insert, don't close the dialog*/\n            if (newForm) {\n                if (operation === 'insert') {\n                    this.form.new();\n                } else if (operation === 'update') {\n                    this.form.edit();\n                }\n            } else {\n                this.closeDialog();\n            }\n        }\n    }\n\n    showErrorMessage() {\n        this.app.notifyApp(this.appLocale.LABEL_ACCESS_DENIED, 'error');\n    }\n\n    // In dialog mode, on form render call the queued functions\n    onFormReady(form) {\n        this.form = form;\n        setTimeout(() => {\n            triggerFn(this.$queue.pop());\n        });\n    }\n\n    ngOnDestroy() {\n        // MEMORY LEAK FIX: Unsubscribe from selectedItemChange$\n        if (this.selectedItemChangeSubscription) {\n            this.selectedItemChangeSubscription.unsubscribe();\n            this.selectedItemChangeSubscription = null;\n        }\n\n        // MEMORY LEAK FIX: Clear ContentChild reference\n        this.table = null;\n\n        // MEMORY LEAK FIX: Clear queue array\n        this.$queue = [];\n\n        super.ngOnDestroy();\n    }\n}\n","<ng-content></ng-content>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/components/data/live-table/types/index.d.ts

@@ -5,16 +5,16 @@ import { StylableComponent } from '@wm/components/base';
 import { TableComponent } from '@wm/components/data/table';
 
 declare class LiveTableComponent extends StylableComponent implements AfterContentInit, OnDestroy {
-    private dialogService;
-    private app;
-    static initializeProps: void;
+    private readonly dialogService;
+    private readonly app;
+    static readonly initializeProps: void;
     table: TableComponent;
     form: any;
     isLayoutDialog: boolean;
-    private dialogId;
+    private readonly dialogId;
     private $queue;
     private selectedItemChangeSubscription;
-    private tableOptions;
+    private readonly tableOptions;
     constructor(inj: Injector, elRef: ElementRef, cdr: ChangeDetectorRef, dialogService: AbstractDialogService, app: App, layoutType: string, dialogId: string, explicitContext: any);
     ngAfterContentInit(): void;
     openDialog(): void;

package/components/data/pagination/bundles/index.umd.js

@@ -99,7 +99,7 @@
             this.isDisableLast = true;
             this._debouncedApplyDataset = core.debounce(() => this.widget.dataset = this.dataset, base.DEBOUNCE_TIMES.PAGINATION_DEBOUNCE_TIME);
             this._debouncedPageChanged = core.debounce(event => {
-                const currentPage = event && event.page;
+                const currentPage = event?.page;
                 const maxResults = event && (event.pagesize || event.itemsPerPage) || this.maxResults;
                 // Do not call goToPage if page has not changed
                 if (currentPage !== this.dn.currentPage || this.maxResults !== maxResults) {
@@ -234,13 +234,13 @@
             }
             this.isDisableCurrent = isCurrentPageFirst && isCurrentPageLast;
             // In case of client side pagination, when load more reaches last page hide the on-demand grid ele
-            if (this.dataset && this.dataset.length && this.isDisableNext && this.parent.onDemandLoad && this.parent.widgetType === 'wm-table') {
+            if (this.dataset?.length && this.isDisableNext && this.parent.onDemandLoad && this.parent.widgetType === 'wm-table') {
                 this.parent.callDataGridMethod('hideLoadingIndicator', this.isDisableNext, this.parent.infScroll);
             }
         }
         /*Function to check if the variable bound to the data-navigator has paging.*/
         isDataSourceHasPaging() {
-            return this.datasource && this.datasource.execute(core.DataSource.Operation.IS_PAGEABLE);
+            return this.datasource?.execute(core.DataSource.Operation.IS_PAGEABLE);
         }
         getPaginationStartIndex() {
             const startIndex = this.datasource?._paginationConfig?.paginationStartIndex;
@@ -258,7 +258,7 @@
         setNonPageableData(newVal) {
             let dataSize, maxResults, currentPage, startIndex;
             dataSize = lodashEs.isArray(newVal) ? newVal.length : (lodashEs.isEmpty(newVal) ? 0 : 1);
-            maxResults = (this.options && this.options.maxResults) || dataSize;
+            maxResults = (this.options?.maxResults) || dataSize;
             if (this.allowpagesizechange) { // when default page size is not given then use maxResults instead of options.maxResults
                 maxResults = this.maxResults;
             }
@@ -312,7 +312,7 @@
                         this.disableNavigation();
                         this.checkDataSize(dataSize, this.pagination.numberOfElements, this.pagination.size);
                         startIndex = (currentPage - 1) * this.maxResults;
-                        this.getPageDetails(startIndex + 1, startIndex + Number(this.pagination.numberOfElements), dataSize);
+                        this.getPageDetails(startIndex + 1, Math.min(startIndex + Number(this.pagination.numberOfElements), dataSize), dataSize);
                         this.setResult(newVal);
                     }
                     else if (!lodashEs.isString(newVal)) {
@@ -327,10 +327,8 @@
                     this._setAriaForBasicNavigation();
                 }
             }
-            else {
-                if (newVal && !lodashEs.isString(newVal)) {
-                    this.setNonPageableData(newVal);
-                }
+            else if (newVal && !lodashEs.isString(newVal)) {
+                this.setNonPageableData(newVal);
             }
         }
         /*Function to check if the current page is the first page*/
@@ -370,17 +368,15 @@
                 if (this.isFirstPage() && !allowpagesizechange) {
                     this.parent.statePersistence.removeWidgetState(this.parent, 'pagination');
                 }
-                else {
-                    if (base.unsupportedStatePersistenceTypes.indexOf(this.parent.navigation) < 0) {
-                        const state = { pagination: this.dn.currentPage };
-                        if (allowpagesizechange) {
-                            state.pagesize = this.maxResults;
-                        }
-                        this.parent.statePersistence.setWidgetState(this.parent, state);
-                    }
-                    else if (this.parent.widgetType === 'wm-list' || this.parent.widgetType === 'wm-table') {
-                        console.warn('Retain State handling on Widget ' + this.parent.name + ' is not supported for current pagination type.');
+                else if (base.unsupportedStatePersistenceTypes.indexOf(this.parent.navigation) < 0) {
+                    const state = { pagination: this.dn.currentPage };
+                    if (allowpagesizechange) {
+                        state.pagesize = this.maxResults;
                     }
+                    this.parent.statePersistence.setWidgetState(this.parent, state);
+                }
+                else if (this.parent.widgetType === 'wm-list' || this.parent.widgetType === 'wm-table') {
+                    console.warn('Retain State handling on Widget ' + this.parent.name + ' is not supported for current pagination type.');
                 }
                 this.parent.currentpage = this.dn.currentPage;
                 this.parent.nativeElement?.setAttribute('currentpage', this.dn.currentPage);
@@ -415,9 +411,9 @@
                     'logicalOp': this.logicalOp,
                     'matchMode': 'anywhereignorecase'
                 }).then(response => {
-                    this.onPageDataReady(event, response && response.data, callback);
+                    this.onPageDataReady(event, response?.data, callback);
                     startIndex = (this.dn.currentPage - 1) * this.maxResults;
-                    this.getPageDetails(startIndex + 1, startIndex + Number(this.pagination?.numberOfElements), this.pagination?.totalElements);
+                    this.getPageDetails(startIndex + 1, Math.min(startIndex + Number(this.pagination?.numberOfElements), this.pagination?.totalElements), this.pagination?.totalElements);
                     core.$appDigest();
                 }, error => {
                 });
@@ -612,7 +608,7 @@
             let pageSize;
             if (key === 'dataset') {
                 let data;
-                if (this.parent && this.parent.onDataNavigatorDataSetChange) {
+                if (this.parent?.onDataNavigatorDataSetChange) {
                     data = this.parent.onDataNavigatorDataSetChange(nv);
                 }
                 else {
@@ -747,12 +743,15 @@
         // Function gets called on dropdown open & close
         onOpenChange(isOpen) {
             if (isOpen) {
-                this.focusedIndex = 0;
+                // Focus the currently selected page size option (not always the first one),
+                // since the ':focus' state is what visually highlights the item in the dropdown
+                const selectedIndex = this.pageSizeOptions?.findIndex(option => option == this.maxResults);
+                this.focusedIndex = selectedIndex >= 0 ? selectedIndex : 0;
                 setTimeout(() => {
                     // manually focus the dropdown as dropdown has container="body"
                     const $items = $('ul#dropdown-basic a.dropdown-item');
-                    const $firstItem = $items.eq(this.focusedIndex);
-                    $firstItem?.focus();
+                    const $selectedItem = $items.eq(this.focusedIndex);
+                    $selectedItem?.focus();
                 }, 0);
             }
         }
@@ -856,12 +855,12 @@
             // Call parent ngOnDestroy (sets isDestroyed = true)
             super.ngOnDestroy();
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: PaginationComponent, deps: [{ token: i0__namespace.Injector }, { token: base.WidgetRef, skipSelf: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
-        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: PaginationComponent, isStandalone: true, selector: "[wmPagination]", outputs: { resultEmitter: "resultEmitter", maxResultsEmitter: "maxResultsEmitter" }, providers: [
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: PaginationComponent, deps: [{ token: i0__namespace.Injector }, { token: base.WidgetRef, skipSelf: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: PaginationComponent, isStandalone: true, selector: "[wmPagination]", outputs: { resultEmitter: "resultEmitter", maxResultsEmitter: "maxResultsEmitter" }, providers: [
                 base.provideAsWidgetRef(PaginationComponent)
             ], viewQueries: [{ propertyName: "bsDropdown", first: true, predicate: i4.BsDropdownDirective, descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "\n@if (navcontrols === 'Classic') {\n<ul class=\"pagination advanced {{navigationClass}}\">\n    @if (allowpagesizechange &&  pageSizeOptions?.[0]<rowSummary?.totalRecords) {\n        <li class=\"items-per-page\">\n          <label [title]=\"appLocale.LABEL_ITEMS_PER_PAGE\" class=\"app-label\">{{appLocale.LABEL_ITEMS_PER_PAGE}} :</label>\n\n            <div class=\"btn-group\" dropdown  container=\"body\" (onShown)=\"onDropDownShown($event)\" (onHidden)=\"onDropdownHidden()\" (isOpenChange)=\"onOpenChange($event)\">\n                <button id=\"button-basic\" dropdownToggle type=\"button\" class=\"btn app-button dropdown-toggle\"\n                        aria-controls=\"dropdown-basic\">\n                    {{maxResults}} <span class=\"caret\"></span>\n                </button>\n                <ul id=\"dropdown-basic\" *dropdownMenu class=\"dropdown-menu pagesize-options\"\n                    role=\"menu\" aria-labelledby=\"button-basic\">\n                    @for (option of pageSizeOptions; track option; let i = $index) {\n                            <li role=\"menuitem\" [ngClass]=\"{ 'active': option == maxResults }\">\n                                <a class=\"dropdown-item\" (click)=\"onPageSizeChange($event, option)\" (keydown)=\"onDropdownKeydown($event, i)\"\n                                   [attr.tabindex]=\"i === focusedIndex ? 0 : -1\">{{option}}</a>\n                            </li>\n                            }\n                </ul>\n            </div>\n        </li>\n        @if (rowSummary?.totalRecords) {\n        <li class=\"item-range\">\n        <div>\n            <span>{{rowSummary.startIndex}} - {{rowSummary.endIndex}}</span>\n            <span>of</span>\n            <span>{{rowSummary.totalRecords}}</span>\n            </div>\n        </li>\n        }\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li [ngClass]=\"{'disabled':isDisableFirst}\">\n        <a [title]=\"appLocale.LABEL_FIRST\" name=\"first\" href=\"javascript:void(0);\"\n           [attr.aria-disabled]=\"isDisableFirst\"\n           (click)=\"navigatePage('first', $event)\">\n            <span aria-hidden=\"true\"><i class=\"wi wi-first-page\"></i></span>\n            <span class=\"sr-only\">Go to first page {{ isDisableFirst ? ' , Disabled' : ''}}</span>\n        </a>\n    </li>\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li [ngClass]=\"{'disabled':isDisablePrevious}\">\n        <a [title]=\"appLocale.LABEL_PREVIOUS\" name=\"prev\" href=\"javascript:void(0);\"\n            [attr.aria-disabled]=\"isDisablePrevious\"\n            (click)=\"navigatePage('prev', $event)\">\n            <span aria-hidden=\"true\"><i class=\"wi wi-chevron-left\"></i></span>\n            <span class=\"sr-only\">Go to previous page {{ isDisablePrevious ? ', Disabled' : ''}}</span>\n        </a>\n    </li>\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li class=\"pagecount disabled\">\n        <a href=\"javascript:void(0);\" aria-label=\"Change Page Number\">\n            <input [(ngModel)]=\"dn.currentPage\" [attr.aria-label]=\"'Showing Page ' + dn.currentPage + ' of ' + pageCount\" [disabled]=\"isDisableCurrent\"\n                   [ngModelOptions]=\"{standalone: true}\"\n                   type=\"number\"\n                  (keydown)=\"onKeyDown($event)\" (change)=\"onModelChange($event)\" class=\"form-control\"/>\n        </a>\n    </li>\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li class=\"disabled\">\n        <a [hidden]=\"isDisableCount\"> / {{pageCount}}</a>\n    </li>\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li [ngClass]=\"{'disabled':isDisableNext}\">\n        <a [title]=\"appLocale.LABEL_NEXT\" name=\"next\" href=\"javascript:void(0);\"\n           [attr.aria-disabled]=\"isDisableNext\"\n           (click)=\"navigatePage('next', $event)\">\n            <span aria-hidden=\"true\"><i class=\"wi wi-chevron-right\"></i></span>\n            <span class=\"sr-only\">Go to next page {{ isDisableNext ? ' , Disabled' : ''}}</span>\n        </a>\n    </li>\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li [ngClass]=\"{'disabled':isDisableLast}\">\n      <a [title]=\"appLocale.LABEL_LAST\" name=\"last\" href=\"javascript:void(0);\"\n        [attr.aria-disabled]=\"isDisableLast\"\n        (click)=\"navigatePage('last', $event)\">\n        <span aria-hidden=\"true\"><i class=\"wi wi-last-page\"></i></span>\n        <span class=\"sr-only\">Go to last page {{ isDisableLast ? ' , Disabled' : ''}}</span>\n      </a>\n    </li>\n    }\n    @if (showrecordcount) {\n      <li class=\"totalcount disabled\">\n        <a href=\"javascript:void(0);\" tabindex=\"-1\" aria-disabled=\"true\">{{appLocale.LABEL_TOTAL_RECORDS}}: {{dataSize}}</a>\n      </li>\n    }\n</ul>\n}\n@if (navcontrols === 'Pager') {\n  <ul class=\"pager {{navigationClass}}\">\n        @if (allowpagesizechange &&  pageSizeOptions?.[0]<rowSummary?.totalRecords) {\n        <li class=\"items-per-page\">\n          <label [title]=\"appLocale.LABEL_ITEMS_PER_PAGE\" class=\"app-label\">{{appLocale.LABEL_ITEMS_PER_PAGE}} :</label>\n\n            <div class=\"btn-group\" dropdown container=\"body\" (onShown)=\"onDropDownShown($event)\" (onHidden)=\"onDropdownHidden()\" (isOpenChange)=\"onOpenChange($event)\">\n                <button id=\"button-basic\" dropdownToggle type=\"button\" class=\"btn app-button dropdown-toggle\"\n                        aria-controls=\"dropdown-basic\">\n                    {{maxResults}} <span class=\"caret\"></span>\n                </button>\n                <ul id=\"dropdown-basic\" *dropdownMenu class=\"dropdown-menu pagesize-options\"\n                    role=\"menu\" aria-labelledby=\"button-basic\">\n                    @for (option of pageSizeOptions; track option; let i = $index) {\n                        <li role=\"menuitem\" [ngClass]=\"{ 'active': option == maxResults }\">\n                            <a class=\"dropdown-item\" (click)=\"onPageSizeChange($event, option)\" (keydown)=\"onDropdownKeydown($event, i)\"\n                         [attr.tabindex]=\"i === focusedIndex ? 0 : -1\">{{option}}</a>\n                        </li>\n                        }\n                </ul>\n            </div>\n        </li>\n        @if (rowSummary?.totalRecords) {\n        <li class=\"item-range\">\n            <div>\n                <span>{{rowSummary.startIndex}} - {{rowSummary.endIndex}}</span>\n                <span>of</span>\n                <span>{{rowSummary.totalRecords}}</span>\n            </div>\n        </li>\n        }\n    }\n@if (!(dataSize<=maxResults)) {\n    <li class=\"previous\" [ngClass]=\"{'disabled':isDisablePrevious}\">\n      <a href=\"javascript:void(0);\" (click)=\"navigatePage('prev', $event)\"\n        [attr.aria-disabled]=\"isDisablePrevious\">\n        <span aria-hidden=\"true\"><i class=\"wi wi-chevron-left\"></i></span>\n        {{appLocale.LABEL_PREVIOUS}}\n        <span class=\"sr-only\">{{ isDisablePrevious ? ' , Disabled' : ''}}</span>\n      </a>\n    </li>\n    <li class=\"next\" [ngClass]=\"{'disabled':isDisableNext}\">\n      <a href=\"javascript:void(0);\" (click)=\"navigatePage('next', $event)\"\n        [attr.aria-disabled]=\"isDisableNext\">\n        <span aria-hidden=\"true\"><i class=\"wi wi-chevron-right\"></i></span>\n        {{appLocale.LABEL_NEXT}}\n        <span class=\"sr-only\">{{ isDisableNext ? ' , Disabled' : ''}}</span>\n      </a>\n    </li>\n  }\n  </ul>\n}\n\n@if (navcontrols === 'Basic') {\n    @if (allowpagesizechange &&  pageSizeOptions?.[0]<rowSummary?.totalRecords) {\n      <div class=\"items-per-page\">\n        <label [title]=\"appLocale.LABEL_ITEMS_PER_PAGE\" class=\"app-label\">{{appLocale.LABEL_ITEMS_PER_PAGE }} :</label>\n\n        <div class=\"btn-group\" dropdown container=\"body\"  (onShown)=\"onDropDownShown($event)\" (onHidden)=\"onDropdownHidden()\" (isOpenChange)=\"onOpenChange($event)\">\n            <button id=\"button-basic\" dropdownToggle type=\"button\" class=\"btn app-button dropdown-toggle\"\n                    aria-controls=\"dropdown-basic\">\n                {{maxResults}} <span class=\"caret\"></span>\n            </button>\n            <ul id=\"dropdown-basic\" *dropdownMenu class=\"dropdown-menu pagesize-options\"\n                role=\"menu\" aria-labelledby=\"button-basic\">\n                @for (option of pageSizeOptions; track option; let i = $index) {\n                    <li role=\"menuitem\" [ngClass]=\"{ 'active': option == maxResults }\">\n                        <a class=\"dropdown-item\" (click)=\"onPageSizeChange($event, option)\" (keydown)=\"onDropdownKeydown($event, i)\"\n                         [attr.tabindex]=\"i === focusedIndex ? 0 : -1\">{{option}}</a>\n                    </li>\n                    }\n            </ul>\n        </div>\n      </div>\n        @if (rowSummary?.totalRecords) {\n        <div class=\"item-range\">\n        <div>\n            <span>{{rowSummary.startIndex}} - {{rowSummary.endIndex}}</span>\n            <span>of</span>\n            <span>{{rowSummary.totalRecords}}</span>\n        </div>\n        </div>\n        }\n    }\n    @if (!(dataSize<=maxResults)) {\n      <pagination class=\"pagination basic\" [ngClass]=\"navigationClass\" role=\"navigation\"\n        [itemsPerPage]=\"maxResults\" [totalItems]=\"dataSize\"\n        (pageChanged)=\"pageChanged($event)\" [ngModelOptions]=\"{standalone:true}\" [ngModel]=\"dn.currentPage\"\n        [attr.aria-label]=\"'Showing Page ' + dn.currentPage + ' of ' + pageCount + ' pages'\"\n        [boundaryLinks]=\"boundarylinks\" [maxSize]=\"maxsize\"\n        [directionLinks]=\"directionlinks\"\n        firstText=\"Firtst\" lastText=\"Last\"\n        [customPreviousTemplate]=\"prevTemplate\"\n        [customNextTemplate]=\"nextTemplate\"\n        [customPageTemplate]=\"pageTemplate\"></pagination>\n    }\n}\n\n@if (navcontrols === 'Basic' && showrecordcount) {\n  <ul class=\"pagination\">\n    <li class=\"totalcount disabled basiccount\">\n      <a href=\"javascript:void(0);\" tabindex=\"-1\" aria-disabled=\"true\">{{appLocale.LABEL_TOTAL_RECORDS}}: {{dataSize}}</a>\n    </li>\n  </ul>\n}\n\n<ng-template #pageTemplate let-page>\n  <span class=\"sr-only\" [attr.data-isacitvepage]=\"page.active\">{{'Page '}}</span>\n  {{page.number}}\n  @if (page.active) {\n    <span class=\"sr-only\"> {{', Showing page ' + page.number + ' of ' + pageCount}}</span>\n  }\n</ng-template>\n<ng-template #prevTemplate let-disabled=\"disabled\">\n  <span class=\"sr-only\" [attr.data-isdisabled]=\"disabled\">Go to Previous page {{disabled ? ', Disabled' : ''}}</span>\n</ng-template>\n<ng-template #nextTemplate let-disabled=\"disabled\">\n  <span class=\"sr-only\" [attr.data-isdisabled]=\"disabled\">Go to Next page {{disabled ? ', Disabled' : ''}}</span>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: i1.CommonModule }, { kind: "directive", type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: i2.FormsModule }, { kind: "directive", type: i2__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2__namespace.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: i3.PaginationModule }, { kind: "component", type: i3__namespace.PaginationComponent, selector: "pagination", inputs: ["align", "maxSize", "boundaryLinks", "directionLinks", "firstText", "previousText", "nextText", "lastText", "rotate", "pageBtnClass", "disabled", "customPageTemplate", "customNextTemplate", "customPreviousTemplate", "customFirstTemplate", "customLastTemplate", "itemsPerPage", "totalItems"], outputs: ["numPages", "pageChanged"] }, { kind: "ngmodule", type: i4.BsDropdownModule }, { kind: "directive", type: i4__namespace.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { kind: "directive", type: i4__namespace.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { kind: "directive", type: i4__namespace.BsDropdownDirective, selector: "[bsDropdown], [dropdown]", inputs: ["placement", "triggers", "container", "dropup", "autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen"], outputs: ["isOpenChange", "onShown", "onHidden"], exportAs: ["bs-dropdown"] }] }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: PaginationComponent, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: PaginationComponent, decorators: [{
                 type: i0.Component,
                 args: [{ standalone: true, imports: [i1.CommonModule, i2.FormsModule, i3.PaginationModule, i4.BsDropdownModule], selector: '[wmPagination]', providers: [
                             base.provideAsWidgetRef(PaginationComponent)

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

@@ -84,7 +84,7 @@ class PaginationComponent extends StylableComponent {
         this.isDisableLast = true;
         this._debouncedApplyDataset = debounce(() => this.widget.dataset = this.dataset, DEBOUNCE_TIMES.PAGINATION_DEBOUNCE_TIME);
         this._debouncedPageChanged = debounce(event => {
-            const currentPage = event && event.page;
+            const currentPage = event?.page;
             const maxResults = event && (event.pagesize || event.itemsPerPage) || this.maxResults;
             // Do not call goToPage if page has not changed
             if (currentPage !== this.dn.currentPage || this.maxResults !== maxResults) {
@@ -219,13 +219,13 @@ class PaginationComponent extends StylableComponent {
         }
         this.isDisableCurrent = isCurrentPageFirst && isCurrentPageLast;
         // In case of client side pagination, when load more reaches last page hide the on-demand grid ele
-        if (this.dataset && this.dataset.length && this.isDisableNext && this.parent.onDemandLoad && this.parent.widgetType === 'wm-table') {
+        if (this.dataset?.length && this.isDisableNext && this.parent.onDemandLoad && this.parent.widgetType === 'wm-table') {
             this.parent.callDataGridMethod('hideLoadingIndicator', this.isDisableNext, this.parent.infScroll);
         }
     }
     /*Function to check if the variable bound to the data-navigator has paging.*/
     isDataSourceHasPaging() {
-        return this.datasource && this.datasource.execute(DataSource.Operation.IS_PAGEABLE);
+        return this.datasource?.execute(DataSource.Operation.IS_PAGEABLE);
     }
     getPaginationStartIndex() {
         const startIndex = this.datasource?._paginationConfig?.paginationStartIndex;
@@ -243,7 +243,7 @@ class PaginationComponent extends StylableComponent {
     setNonPageableData(newVal) {
         let dataSize, maxResults, currentPage, startIndex;
         dataSize = isArray(newVal) ? newVal.length : (isEmpty(newVal) ? 0 : 1);
-        maxResults = (this.options && this.options.maxResults) || dataSize;
+        maxResults = (this.options?.maxResults) || dataSize;
         if (this.allowpagesizechange) { // when default page size is not given then use maxResults instead of options.maxResults
             maxResults = this.maxResults;
         }
@@ -297,7 +297,7 @@ class PaginationComponent extends StylableComponent {
                     this.disableNavigation();
                     this.checkDataSize(dataSize, this.pagination.numberOfElements, this.pagination.size);
                     startIndex = (currentPage - 1) * this.maxResults;
-                    this.getPageDetails(startIndex + 1, startIndex + Number(this.pagination.numberOfElements), dataSize);
+                    this.getPageDetails(startIndex + 1, Math.min(startIndex + Number(this.pagination.numberOfElements), dataSize), dataSize);
                     this.setResult(newVal);
                 }
                 else if (!isString(newVal)) {
@@ -312,10 +312,8 @@ class PaginationComponent extends StylableComponent {
                 this._setAriaForBasicNavigation();
             }
         }
-        else {
-            if (newVal && !isString(newVal)) {
-                this.setNonPageableData(newVal);
-            }
+        else if (newVal && !isString(newVal)) {
+            this.setNonPageableData(newVal);
         }
     }
     /*Function to check if the current page is the first page*/
@@ -355,17 +353,15 @@ class PaginationComponent extends StylableComponent {
             if (this.isFirstPage() && !allowpagesizechange) {
                 this.parent.statePersistence.removeWidgetState(this.parent, 'pagination');
             }
-            else {
-                if (unsupportedStatePersistenceTypes.indexOf(this.parent.navigation) < 0) {
-                    const state = { pagination: this.dn.currentPage };
-                    if (allowpagesizechange) {
-                        state.pagesize = this.maxResults;
-                    }
-                    this.parent.statePersistence.setWidgetState(this.parent, state);
-                }
-                else if (this.parent.widgetType === 'wm-list' || this.parent.widgetType === 'wm-table') {
-                    console.warn('Retain State handling on Widget ' + this.parent.name + ' is not supported for current pagination type.');
+            else if (unsupportedStatePersistenceTypes.indexOf(this.parent.navigation) < 0) {
+                const state = { pagination: this.dn.currentPage };
+                if (allowpagesizechange) {
+                    state.pagesize = this.maxResults;
                 }
+                this.parent.statePersistence.setWidgetState(this.parent, state);
+            }
+            else if (this.parent.widgetType === 'wm-list' || this.parent.widgetType === 'wm-table') {
+                console.warn('Retain State handling on Widget ' + this.parent.name + ' is not supported for current pagination type.');
             }
             this.parent.currentpage = this.dn.currentPage;
             this.parent.nativeElement?.setAttribute('currentpage', this.dn.currentPage);
@@ -400,9 +396,9 @@ class PaginationComponent extends StylableComponent {
                 'logicalOp': this.logicalOp,
                 'matchMode': 'anywhereignorecase'
             }).then(response => {
-                this.onPageDataReady(event, response && response.data, callback);
+                this.onPageDataReady(event, response?.data, callback);
                 startIndex = (this.dn.currentPage - 1) * this.maxResults;
-                this.getPageDetails(startIndex + 1, startIndex + Number(this.pagination?.numberOfElements), this.pagination?.totalElements);
+                this.getPageDetails(startIndex + 1, Math.min(startIndex + Number(this.pagination?.numberOfElements), this.pagination?.totalElements), this.pagination?.totalElements);
                 $appDigest();
             }, error => {
                 // If error is undefined, do not show any message as this may be discarded request
@@ -604,7 +600,7 @@ class PaginationComponent extends StylableComponent {
         let pageSize, prevPageSize;
         if (key === 'dataset') {
             let data;
-            if (this.parent && this.parent.onDataNavigatorDataSetChange) {
+            if (this.parent?.onDataNavigatorDataSetChange) {
                 data = this.parent.onDataNavigatorDataSetChange(nv);
             }
             else {
@@ -739,12 +735,15 @@ class PaginationComponent extends StylableComponent {
     // Function gets called on dropdown open & close
     onOpenChange(isOpen) {
         if (isOpen) {
-            this.focusedIndex = 0;
+            // Focus the currently selected page size option (not always the first one),
+            // since the ':focus' state is what visually highlights the item in the dropdown
+            const selectedIndex = this.pageSizeOptions?.findIndex(option => option == this.maxResults);
+            this.focusedIndex = selectedIndex >= 0 ? selectedIndex : 0;
             setTimeout(() => {
                 // manually focus the dropdown as dropdown has container="body"
                 const $items = $('ul#dropdown-basic a.dropdown-item');
-                const $firstItem = $items.eq(this.focusedIndex);
-                $firstItem?.focus();
+                const $selectedItem = $items.eq(this.focusedIndex);
+                $selectedItem?.focus();
             }, 0);
         }
     }
@@ -848,12 +847,12 @@ class PaginationComponent extends StylableComponent {
         // Call parent ngOnDestroy (sets isDestroyed = true)
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: PaginationComponent, deps: [{ token: i0.Injector }, { token: WidgetRef, skipSelf: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: PaginationComponent, isStandalone: true, selector: "[wmPagination]", outputs: { resultEmitter: "resultEmitter", maxResultsEmitter: "maxResultsEmitter" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PaginationComponent, deps: [{ token: i0.Injector }, { token: WidgetRef, skipSelf: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: PaginationComponent, isStandalone: true, selector: "[wmPagination]", outputs: { resultEmitter: "resultEmitter", maxResultsEmitter: "maxResultsEmitter" }, providers: [
             provideAsWidgetRef(PaginationComponent)
         ], viewQueries: [{ propertyName: "bsDropdown", first: true, predicate: BsDropdownDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "\n@if (navcontrols === 'Classic') {\n<ul class=\"pagination advanced {{navigationClass}}\">\n    @if (allowpagesizechange &&  pageSizeOptions?.[0]<rowSummary?.totalRecords) {\n        <li class=\"items-per-page\">\n          <label [title]=\"appLocale.LABEL_ITEMS_PER_PAGE\" class=\"app-label\">{{appLocale.LABEL_ITEMS_PER_PAGE}} :</label>\n\n            <div class=\"btn-group\" dropdown  container=\"body\" (onShown)=\"onDropDownShown($event)\" (onHidden)=\"onDropdownHidden()\" (isOpenChange)=\"onOpenChange($event)\">\n                <button id=\"button-basic\" dropdownToggle type=\"button\" class=\"btn app-button dropdown-toggle\"\n                        aria-controls=\"dropdown-basic\">\n                    {{maxResults}} <span class=\"caret\"></span>\n                </button>\n                <ul id=\"dropdown-basic\" *dropdownMenu class=\"dropdown-menu pagesize-options\"\n                    role=\"menu\" aria-labelledby=\"button-basic\">\n                    @for (option of pageSizeOptions; track option; let i = $index) {\n                            <li role=\"menuitem\" [ngClass]=\"{ 'active': option == maxResults }\">\n                                <a class=\"dropdown-item\" (click)=\"onPageSizeChange($event, option)\" (keydown)=\"onDropdownKeydown($event, i)\"\n                                   [attr.tabindex]=\"i === focusedIndex ? 0 : -1\">{{option}}</a>\n                            </li>\n                            }\n                </ul>\n            </div>\n        </li>\n        @if (rowSummary?.totalRecords) {\n        <li class=\"item-range\">\n        <div>\n            <span>{{rowSummary.startIndex}} - {{rowSummary.endIndex}}</span>\n            <span>of</span>\n            <span>{{rowSummary.totalRecords}}</span>\n            </div>\n        </li>\n        }\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li [ngClass]=\"{'disabled':isDisableFirst}\">\n        <a [title]=\"appLocale.LABEL_FIRST\" name=\"first\" href=\"javascript:void(0);\"\n           [attr.aria-disabled]=\"isDisableFirst\"\n           (click)=\"navigatePage('first', $event)\">\n            <span aria-hidden=\"true\"><i class=\"wi wi-first-page\"></i></span>\n            <span class=\"sr-only\">Go to first page {{ isDisableFirst ? ' , Disabled' : ''}}</span>\n        </a>\n    </li>\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li [ngClass]=\"{'disabled':isDisablePrevious}\">\n        <a [title]=\"appLocale.LABEL_PREVIOUS\" name=\"prev\" href=\"javascript:void(0);\"\n            [attr.aria-disabled]=\"isDisablePrevious\"\n            (click)=\"navigatePage('prev', $event)\">\n            <span aria-hidden=\"true\"><i class=\"wi wi-chevron-left\"></i></span>\n            <span class=\"sr-only\">Go to previous page {{ isDisablePrevious ? ', Disabled' : ''}}</span>\n        </a>\n    </li>\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li class=\"pagecount disabled\">\n        <a href=\"javascript:void(0);\" aria-label=\"Change Page Number\">\n            <input [(ngModel)]=\"dn.currentPage\" [attr.aria-label]=\"'Showing Page ' + dn.currentPage + ' of ' + pageCount\" [disabled]=\"isDisableCurrent\"\n                   [ngModelOptions]=\"{standalone: true}\"\n                   type=\"number\"\n                  (keydown)=\"onKeyDown($event)\" (change)=\"onModelChange($event)\" class=\"form-control\"/>\n        </a>\n    </li>\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li class=\"disabled\">\n        <a [hidden]=\"isDisableCount\"> / {{pageCount}}</a>\n    </li>\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li [ngClass]=\"{'disabled':isDisableNext}\">\n        <a [title]=\"appLocale.LABEL_NEXT\" name=\"next\" href=\"javascript:void(0);\"\n           [attr.aria-disabled]=\"isDisableNext\"\n           (click)=\"navigatePage('next', $event)\">\n            <span aria-hidden=\"true\"><i class=\"wi wi-chevron-right\"></i></span>\n            <span class=\"sr-only\">Go to next page {{ isDisableNext ? ' , Disabled' : ''}}</span>\n        </a>\n    </li>\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li [ngClass]=\"{'disabled':isDisableLast}\">\n      <a [title]=\"appLocale.LABEL_LAST\" name=\"last\" href=\"javascript:void(0);\"\n        [attr.aria-disabled]=\"isDisableLast\"\n        (click)=\"navigatePage('last', $event)\">\n        <span aria-hidden=\"true\"><i class=\"wi wi-last-page\"></i></span>\n        <span class=\"sr-only\">Go to last page {{ isDisableLast ? ' , Disabled' : ''}}</span>\n      </a>\n    </li>\n    }\n    @if (showrecordcount) {\n      <li class=\"totalcount disabled\">\n        <a href=\"javascript:void(0);\" tabindex=\"-1\" aria-disabled=\"true\">{{appLocale.LABEL_TOTAL_RECORDS}}: {{dataSize}}</a>\n      </li>\n    }\n</ul>\n}\n@if (navcontrols === 'Pager') {\n  <ul class=\"pager {{navigationClass}}\">\n        @if (allowpagesizechange &&  pageSizeOptions?.[0]<rowSummary?.totalRecords) {\n        <li class=\"items-per-page\">\n          <label [title]=\"appLocale.LABEL_ITEMS_PER_PAGE\" class=\"app-label\">{{appLocale.LABEL_ITEMS_PER_PAGE}} :</label>\n\n            <div class=\"btn-group\" dropdown container=\"body\" (onShown)=\"onDropDownShown($event)\" (onHidden)=\"onDropdownHidden()\" (isOpenChange)=\"onOpenChange($event)\">\n                <button id=\"button-basic\" dropdownToggle type=\"button\" class=\"btn app-button dropdown-toggle\"\n                        aria-controls=\"dropdown-basic\">\n                    {{maxResults}} <span class=\"caret\"></span>\n                </button>\n                <ul id=\"dropdown-basic\" *dropdownMenu class=\"dropdown-menu pagesize-options\"\n                    role=\"menu\" aria-labelledby=\"button-basic\">\n                    @for (option of pageSizeOptions; track option; let i = $index) {\n                        <li role=\"menuitem\" [ngClass]=\"{ 'active': option == maxResults }\">\n                            <a class=\"dropdown-item\" (click)=\"onPageSizeChange($event, option)\" (keydown)=\"onDropdownKeydown($event, i)\"\n                         [attr.tabindex]=\"i === focusedIndex ? 0 : -1\">{{option}}</a>\n                        </li>\n                        }\n                </ul>\n            </div>\n        </li>\n        @if (rowSummary?.totalRecords) {\n        <li class=\"item-range\">\n            <div>\n                <span>{{rowSummary.startIndex}} - {{rowSummary.endIndex}}</span>\n                <span>of</span>\n                <span>{{rowSummary.totalRecords}}</span>\n            </div>\n        </li>\n        }\n    }\n@if (!(dataSize<=maxResults)) {\n    <li class=\"previous\" [ngClass]=\"{'disabled':isDisablePrevious}\">\n      <a href=\"javascript:void(0);\" (click)=\"navigatePage('prev', $event)\"\n        [attr.aria-disabled]=\"isDisablePrevious\">\n        <span aria-hidden=\"true\"><i class=\"wi wi-chevron-left\"></i></span>\n        {{appLocale.LABEL_PREVIOUS}}\n        <span class=\"sr-only\">{{ isDisablePrevious ? ' , Disabled' : ''}}</span>\n      </a>\n    </li>\n    <li class=\"next\" [ngClass]=\"{'disabled':isDisableNext}\">\n      <a href=\"javascript:void(0);\" (click)=\"navigatePage('next', $event)\"\n        [attr.aria-disabled]=\"isDisableNext\">\n        <span aria-hidden=\"true\"><i class=\"wi wi-chevron-right\"></i></span>\n        {{appLocale.LABEL_NEXT}}\n        <span class=\"sr-only\">{{ isDisableNext ? ' , Disabled' : ''}}</span>\n      </a>\n    </li>\n  }\n  </ul>\n}\n\n@if (navcontrols === 'Basic') {\n    @if (allowpagesizechange &&  pageSizeOptions?.[0]<rowSummary?.totalRecords) {\n      <div class=\"items-per-page\">\n        <label [title]=\"appLocale.LABEL_ITEMS_PER_PAGE\" class=\"app-label\">{{appLocale.LABEL_ITEMS_PER_PAGE }} :</label>\n\n        <div class=\"btn-group\" dropdown container=\"body\"  (onShown)=\"onDropDownShown($event)\" (onHidden)=\"onDropdownHidden()\" (isOpenChange)=\"onOpenChange($event)\">\n            <button id=\"button-basic\" dropdownToggle type=\"button\" class=\"btn app-button dropdown-toggle\"\n                    aria-controls=\"dropdown-basic\">\n                {{maxResults}} <span class=\"caret\"></span>\n            </button>\n            <ul id=\"dropdown-basic\" *dropdownMenu class=\"dropdown-menu pagesize-options\"\n                role=\"menu\" aria-labelledby=\"button-basic\">\n                @for (option of pageSizeOptions; track option; let i = $index) {\n                    <li role=\"menuitem\" [ngClass]=\"{ 'active': option == maxResults }\">\n                        <a class=\"dropdown-item\" (click)=\"onPageSizeChange($event, option)\" (keydown)=\"onDropdownKeydown($event, i)\"\n                         [attr.tabindex]=\"i === focusedIndex ? 0 : -1\">{{option}}</a>\n                    </li>\n                    }\n            </ul>\n        </div>\n      </div>\n        @if (rowSummary?.totalRecords) {\n        <div class=\"item-range\">\n        <div>\n            <span>{{rowSummary.startIndex}} - {{rowSummary.endIndex}}</span>\n            <span>of</span>\n            <span>{{rowSummary.totalRecords}}</span>\n        </div>\n        </div>\n        }\n    }\n    @if (!(dataSize<=maxResults)) {\n      <pagination class=\"pagination basic\" [ngClass]=\"navigationClass\" role=\"navigation\"\n        [itemsPerPage]=\"maxResults\" [totalItems]=\"dataSize\"\n        (pageChanged)=\"pageChanged($event)\" [ngModelOptions]=\"{standalone:true}\" [ngModel]=\"dn.currentPage\"\n        [attr.aria-label]=\"'Showing Page ' + dn.currentPage + ' of ' + pageCount + ' pages'\"\n        [boundaryLinks]=\"boundarylinks\" [maxSize]=\"maxsize\"\n        [directionLinks]=\"directionlinks\"\n        firstText=\"Firtst\" lastText=\"Last\"\n        [customPreviousTemplate]=\"prevTemplate\"\n        [customNextTemplate]=\"nextTemplate\"\n        [customPageTemplate]=\"pageTemplate\"></pagination>\n    }\n}\n\n@if (navcontrols === 'Basic' && showrecordcount) {\n  <ul class=\"pagination\">\n    <li class=\"totalcount disabled basiccount\">\n      <a href=\"javascript:void(0);\" tabindex=\"-1\" aria-disabled=\"true\">{{appLocale.LABEL_TOTAL_RECORDS}}: {{dataSize}}</a>\n    </li>\n  </ul>\n}\n\n<ng-template #pageTemplate let-page>\n  <span class=\"sr-only\" [attr.data-isacitvepage]=\"page.active\">{{'Page '}}</span>\n  {{page.number}}\n  @if (page.active) {\n    <span class=\"sr-only\"> {{', Showing page ' + page.number + ' of ' + pageCount}}</span>\n  }\n</ng-template>\n<ng-template #prevTemplate let-disabled=\"disabled\">\n  <span class=\"sr-only\" [attr.data-isdisabled]=\"disabled\">Go to Previous page {{disabled ? ', Disabled' : ''}}</span>\n</ng-template>\n<ng-template #nextTemplate let-disabled=\"disabled\">\n  <span class=\"sr-only\" [attr.data-isdisabled]=\"disabled\">Go to Next page {{disabled ? ', Disabled' : ''}}</span>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PaginationModule }, { kind: "component", type: i3.PaginationComponent, selector: "pagination", inputs: ["align", "maxSize", "boundaryLinks", "directionLinks", "firstText", "previousText", "nextText", "lastText", "rotate", "pageBtnClass", "disabled", "customPageTemplate", "customNextTemplate", "customPreviousTemplate", "customFirstTemplate", "customLastTemplate", "itemsPerPage", "totalItems"], outputs: ["numPages", "pageChanged"] }, { kind: "ngmodule", type: BsDropdownModule }, { kind: "directive", type: i4.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { kind: "directive", type: i4.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { kind: "directive", type: i4.BsDropdownDirective, selector: "[bsDropdown], [dropdown]", inputs: ["placement", "triggers", "container", "dropup", "autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen"], outputs: ["isOpenChange", "onShown", "onHidden"], exportAs: ["bs-dropdown"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: PaginationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PaginationComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [CommonModule, FormsModule, PaginationModule, BsDropdownModule], selector: '[wmPagination]', providers: [
                         provideAsWidgetRef(PaginationComponent)