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

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@wm/components/base'), require('@angular/forms'), require('@angular/core'), require('@wm/core'), require('lodash-es'), require('ngx-bootstrap/pagination')) :
-    typeof define === 'function' && define.amd ? define(['exports', '@angular/common', '@wm/components/base', '@angular/forms', '@angular/core', '@wm/core', 'lodash-es', 'ngx-bootstrap/pagination'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.data = global.wm.components.data || {}, global.wm.components.data.pagination = {}), global.ng.common, global.wm.components.base, global.ng.forms, global.ng.core, global.wm.core, global._, global.pagination));
-})(this, (function (exports, i1, base, i2, i0, core, lodashEs, i3) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@wm/components/base'), require('@angular/forms'), require('@angular/core'), require('@wm/core'), require('lodash-es'), require('ngx-bootstrap/pagination'), require('ngx-bootstrap/dropdown'), require('@wm/components/navigation/menu')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@angular/common', '@wm/components/base', '@angular/forms', '@angular/core', '@wm/core', 'lodash-es', 'ngx-bootstrap/pagination', 'ngx-bootstrap/dropdown', '@wm/components/navigation/menu'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.data = global.wm.components.data || {}, global.wm.components.data.pagination = {}), global.ng.common, global.wm.components.base, global.ng.forms, global.ng.core, global.wm.core, global._, global.pagination, global.dropdown, global.wm.components.navigation.menu));
+})(this, (function (exports, i1, base, i2, i0, core, lodashEs, i3, i4, menu) { 'use strict';
 
     function _interopNamespaceDefault(e) {
         var n = Object.create(null);
@@ -25,6 +25,7 @@
     var i2__namespace = /*#__PURE__*/_interopNamespaceDefault(i2);
     var i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
     var i3__namespace = /*#__PURE__*/_interopNamespaceDefault(i3);
+    var i4__namespace = /*#__PURE__*/_interopNamespaceDefault(i4);
 
     const registerProps = () => {
         base.register('wm-pagination', new Map([
@@ -33,6 +34,9 @@
             ['dataset', base.PROP_ANY],
             ['directionlinks', { value: true, ...base.PROP_BOOLEAN }],
             ['forceellipses', { value: true, ...base.PROP_BOOLEAN }],
+            ['allowpagesizechange', { value: false, ...base.PROP_BOOLEAN }],
+            ['allowpagesizechange', { value: false, ...base.PROP_BOOLEAN }],
+            ['pagesizeoptions', { value: '', ...base.PROP_STRING }],
             ['maxResults', base.PROP_NUMBER],
             ['maxsize', { value: 5, ...base.PROP_NUMBER }],
             ['name', base.PROP_STRING],
@@ -46,61 +50,129 @@
     };
 
     const _c0 = ["wmPagination", ""];
-    const _c1 = a0 => ({ "disabled": a0 });
-    const _c2 = () => ({ standalone: true });
+    const _c1 = a0 => ({ "active": a0 });
+    const _c2 = a0 => ({ "disabled": a0 });
+    const _c3 = () => ({ standalone: true });
+    function PaginationComponent_Conditional_0_Conditional_1_ul_7_For_2_Template(rf, ctx) { if (rf & 1) {
+        const _r3 = i0__namespace.ɵɵgetCurrentView();
+        i0__namespace.ɵɵelementStart(0, "li", 17)(1, "a", 18);
+        i0__namespace.ɵɵlistener("click", function PaginationComponent_Conditional_0_Conditional_1_ul_7_For_2_Template_a_click_1_listener($event) { const option_r4 = i0__namespace.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0__namespace.ɵɵnextContext(4); return i0__namespace.ɵɵresetView(ctx_r1.onPageSizeChange($event, option_r4)); })("keydown", function PaginationComponent_Conditional_0_Conditional_1_ul_7_For_2_Template_a_keydown_1_listener($event) { const ɵ$index_21_r5 = i0__namespace.ɵɵrestoreView(_r3).$index; const ctx_r1 = i0__namespace.ɵɵnextContext(4); return i0__namespace.ɵɵresetView(ctx_r1.onDropdownKeydown($event, ɵ$index_21_r5)); });
+        i0__namespace.ɵɵtext(2);
+        i0__namespace.ɵɵelementEnd()();
+    } if (rf & 2) {
+        const option_r4 = ctx.$implicit;
+        const ɵ$index_21_r5 = ctx.$index;
+        const ctx_r1 = i0__namespace.ɵɵnextContext(4);
+        i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(3, _c1, option_r4 == ctx_r1.maxResults));
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵattribute("tabindex", ɵ$index_21_r5 === ctx_r1.focusedIndex ? 0 : -1);
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵtextInterpolate(option_r4);
+    } }
+    function PaginationComponent_Conditional_0_Conditional_1_ul_7_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelementStart(0, "ul", 16);
+        i0__namespace.ɵɵrepeaterCreate(1, PaginationComponent_Conditional_0_Conditional_1_ul_7_For_2_Template, 3, 5, "li", 17, i0__namespace.ɵɵrepeaterTrackByIdentity);
+        i0__namespace.ɵɵelementEnd();
+    } if (rf & 2) {
+        const ctx_r1 = i0__namespace.ɵɵnextContext(3);
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵrepeater(ctx_r1.pageSizeOptions);
+    } }
+    function PaginationComponent_Conditional_0_Conditional_1_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelementStart(0, "li", 15)(1, "div")(2, "span");
+        i0__namespace.ɵɵtext(3);
+        i0__namespace.ɵɵelementEnd();
+        i0__namespace.ɵɵelementStart(4, "span");
+        i0__namespace.ɵɵtext(5, "of");
+        i0__namespace.ɵɵelementEnd();
+        i0__namespace.ɵɵelementStart(6, "span");
+        i0__namespace.ɵɵtext(7);
+        i0__namespace.ɵɵelementEnd()()();
+    } if (rf & 2) {
+        const ctx_r1 = i0__namespace.ɵɵnextContext(3);
+        i0__namespace.ɵɵadvance(3);
+        i0__namespace.ɵɵtextInterpolate2("", ctx_r1.rowSummary.startIndex, " - ", ctx_r1.rowSummary.endIndex, "");
+        i0__namespace.ɵɵadvance(4);
+        i0__namespace.ɵɵtextInterpolate(ctx_r1.rowSummary.totalRecords);
+    } }
     function PaginationComponent_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
         const _r1 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "li", 6)(1, "a", 10);
-        i0__namespace.ɵɵlistener("click", function PaginationComponent_Conditional_0_Conditional_1_Template_a_click_1_listener($event) { i0__namespace.ɵɵrestoreView(_r1); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.navigatePage("first", $event)); });
-        i0__namespace.ɵɵelementStart(2, "span", 11);
-        i0__namespace.ɵɵelement(3, "i", 12);
+        i0__namespace.ɵɵelementStart(0, "li", 9)(1, "label", 10);
+        i0__namespace.ɵɵtext(2);
+        i0__namespace.ɵɵelementEnd();
+        i0__namespace.ɵɵelementStart(3, "div", 11);
+        i0__namespace.ɵɵlistener("isOpenChange", function PaginationComponent_Conditional_0_Conditional_1_Template_div_isOpenChange_3_listener($event) { i0__namespace.ɵɵrestoreView(_r1); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.onOpenChange($event)); });
+        i0__namespace.ɵɵelementStart(4, "button", 12);
+        i0__namespace.ɵɵtext(5);
+        i0__namespace.ɵɵelement(6, "span", 13);
+        i0__namespace.ɵɵelementEnd();
+        i0__namespace.ɵɵtemplate(7, PaginationComponent_Conditional_0_Conditional_1_ul_7_Template, 3, 0, "ul", 14);
+        i0__namespace.ɵɵelementEnd()();
+        i0__namespace.ɵɵtemplate(8, PaginationComponent_Conditional_0_Conditional_1_Conditional_8_Template, 8, 3, "li", 15);
+    } if (rf & 2) {
+        const ctx_r1 = i0__namespace.ɵɵnextContext(2);
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵproperty("title", ctx_r1.appLocale.LABEL_ITEMS_PER_PAGE);
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵtextInterpolate1("", ctx_r1.appLocale.LABEL_ITEMS_PER_PAGE, " :");
+        i0__namespace.ɵɵadvance(3);
+        i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.maxResults, " ");
+        i0__namespace.ɵɵadvance(3);
+        i0__namespace.ɵɵconditional((ctx_r1.rowSummary == null ? null : ctx_r1.rowSummary.totalRecords) ? 8 : -1);
+    } }
+    function PaginationComponent_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+        const _r6 = i0__namespace.ɵɵgetCurrentView();
+        i0__namespace.ɵɵelementStart(0, "li", 5)(1, "a", 19);
+        i0__namespace.ɵɵlistener("click", function PaginationComponent_Conditional_0_Conditional_2_Template_a_click_1_listener($event) { i0__namespace.ɵɵrestoreView(_r6); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.navigatePage("first", $event)); });
+        i0__namespace.ɵɵelementStart(2, "span", 20);
+        i0__namespace.ɵɵelement(3, "i", 21);
         i0__namespace.ɵɵelementEnd();
-        i0__namespace.ɵɵelementStart(4, "span", 13);
+        i0__namespace.ɵɵelementStart(4, "span", 22);
         i0__namespace.ɵɵtext(5);
         i0__namespace.ɵɵelementEnd()()();
     } if (rf & 2) {
         const ctx_r1 = i0__namespace.ɵɵnextContext(2);
-        i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c1, ctx_r1.isDisableFirst));
+        i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c2, ctx_r1.isDisableFirst));
         i0__namespace.ɵɵadvance();
         i0__namespace.ɵɵproperty("title", ctx_r1.appLocale.LABEL_FIRST);
         i0__namespace.ɵɵattribute("aria-disabled", ctx_r1.isDisableFirst);
         i0__namespace.ɵɵadvance(4);
         i0__namespace.ɵɵtextInterpolate1("Go to first page ", ctx_r1.isDisableFirst ? " , Disabled" : "", "");
     } }
-    function PaginationComponent_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-        const _r3 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "li", 6)(1, "a", 14);
-        i0__namespace.ɵɵlistener("click", function PaginationComponent_Conditional_0_Conditional_2_Template_a_click_1_listener($event) { i0__namespace.ɵɵrestoreView(_r3); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.navigatePage("prev", $event)); });
-        i0__namespace.ɵɵelementStart(2, "span", 11);
-        i0__namespace.ɵɵelement(3, "i", 15);
+    function PaginationComponent_Conditional_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+        const _r7 = i0__namespace.ɵɵgetCurrentView();
+        i0__namespace.ɵɵelementStart(0, "li", 5)(1, "a", 23);
+        i0__namespace.ɵɵlistener("click", function PaginationComponent_Conditional_0_Conditional_3_Template_a_click_1_listener($event) { i0__namespace.ɵɵrestoreView(_r7); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.navigatePage("prev", $event)); });
+        i0__namespace.ɵɵelementStart(2, "span", 20);
+        i0__namespace.ɵɵelement(3, "i", 24);
         i0__namespace.ɵɵelementEnd();
-        i0__namespace.ɵɵelementStart(4, "span", 13);
+        i0__namespace.ɵɵelementStart(4, "span", 22);
         i0__namespace.ɵɵtext(5);
         i0__namespace.ɵɵelementEnd()()();
     } if (rf & 2) {
         const ctx_r1 = i0__namespace.ɵɵnextContext(2);
-        i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c1, ctx_r1.isDisablePrevious));
+        i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c2, ctx_r1.isDisablePrevious));
         i0__namespace.ɵɵadvance();
         i0__namespace.ɵɵproperty("title", ctx_r1.appLocale.LABEL_PREVIOUS);
         i0__namespace.ɵɵattribute("aria-disabled", ctx_r1.isDisablePrevious);
         i0__namespace.ɵɵadvance(4);
         i0__namespace.ɵɵtextInterpolate1("Go to previous page ", ctx_r1.isDisablePrevious ? ", Disabled" : "", "");
     } }
-    function PaginationComponent_Conditional_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-        const _r4 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "li", 7)(1, "a", 16)(2, "input", 17);
-        i0__namespace.ɵɵtwoWayListener("ngModelChange", function PaginationComponent_Conditional_0_Conditional_3_Template_input_ngModelChange_2_listener($event) { i0__namespace.ɵɵrestoreView(_r4); const ctx_r1 = i0__namespace.ɵɵnextContext(2); i0__namespace.ɵɵtwoWayBindingSet(ctx_r1.dn.currentPage, $event) || (ctx_r1.dn.currentPage = $event); return i0__namespace.ɵɵresetView($event); });
-        i0__namespace.ɵɵlistener("keydown", function PaginationComponent_Conditional_0_Conditional_3_Template_input_keydown_2_listener($event) { i0__namespace.ɵɵrestoreView(_r4); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.onKeyDown($event)); })("change", function PaginationComponent_Conditional_0_Conditional_3_Template_input_change_2_listener($event) { i0__namespace.ɵɵrestoreView(_r4); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.onModelChange($event)); });
+    function PaginationComponent_Conditional_0_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+        const _r8 = i0__namespace.ɵɵgetCurrentView();
+        i0__namespace.ɵɵelementStart(0, "li", 6)(1, "a", 25)(2, "input", 26);
+        i0__namespace.ɵɵtwoWayListener("ngModelChange", function PaginationComponent_Conditional_0_Conditional_4_Template_input_ngModelChange_2_listener($event) { i0__namespace.ɵɵrestoreView(_r8); const ctx_r1 = i0__namespace.ɵɵnextContext(2); i0__namespace.ɵɵtwoWayBindingSet(ctx_r1.dn.currentPage, $event) || (ctx_r1.dn.currentPage = $event); return i0__namespace.ɵɵresetView($event); });
+        i0__namespace.ɵɵlistener("keydown", function PaginationComponent_Conditional_0_Conditional_4_Template_input_keydown_2_listener($event) { i0__namespace.ɵɵrestoreView(_r8); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.onKeyDown($event)); })("change", function PaginationComponent_Conditional_0_Conditional_4_Template_input_change_2_listener($event) { i0__namespace.ɵɵrestoreView(_r8); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.onModelChange($event)); });
         i0__namespace.ɵɵelementEnd()()();
     } if (rf & 2) {
         const ctx_r1 = i0__namespace.ɵɵnextContext(2);
         i0__namespace.ɵɵadvance(2);
         i0__namespace.ɵɵtwoWayProperty("ngModel", ctx_r1.dn.currentPage);
-        i0__namespace.ɵɵproperty("disabled", ctx_r1.isDisableCurrent)("ngModelOptions", i0__namespace.ɵɵpureFunction0(4, _c2));
+        i0__namespace.ɵɵproperty("disabled", ctx_r1.isDisableCurrent)("ngModelOptions", i0__namespace.ɵɵpureFunction0(4, _c3));
         i0__namespace.ɵɵattribute("aria-label", "Showing Page " + ctx_r1.dn.currentPage + " of " + ctx_r1.pageCount);
     } }
-    function PaginationComponent_Conditional_0_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "li", 8)(1, "a", 18);
+    function PaginationComponent_Conditional_0_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelementStart(0, "li", 7)(1, "a", 27);
         i0__namespace.ɵɵtext(2);
         i0__namespace.ɵɵelementEnd()();
     } if (rf & 2) {
@@ -110,46 +182,46 @@
         i0__namespace.ɵɵadvance();
         i0__namespace.ɵɵtextInterpolate1(" / ", ctx_r1.pageCount, "");
     } }
-    function PaginationComponent_Conditional_0_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-        const _r5 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "li", 6)(1, "a", 19);
-        i0__namespace.ɵɵlistener("click", function PaginationComponent_Conditional_0_Conditional_5_Template_a_click_1_listener($event) { i0__namespace.ɵɵrestoreView(_r5); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.navigatePage("next", $event)); });
-        i0__namespace.ɵɵelementStart(2, "span", 11);
-        i0__namespace.ɵɵelement(3, "i", 20);
+    function PaginationComponent_Conditional_0_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+        const _r9 = i0__namespace.ɵɵgetCurrentView();
+        i0__namespace.ɵɵelementStart(0, "li", 5)(1, "a", 28);
+        i0__namespace.ɵɵlistener("click", function PaginationComponent_Conditional_0_Conditional_6_Template_a_click_1_listener($event) { i0__namespace.ɵɵrestoreView(_r9); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.navigatePage("next", $event)); });
+        i0__namespace.ɵɵelementStart(2, "span", 20);
+        i0__namespace.ɵɵelement(3, "i", 29);
         i0__namespace.ɵɵelementEnd();
-        i0__namespace.ɵɵelementStart(4, "span", 13);
+        i0__namespace.ɵɵelementStart(4, "span", 22);
         i0__namespace.ɵɵtext(5);
         i0__namespace.ɵɵelementEnd()()();
     } if (rf & 2) {
         const ctx_r1 = i0__namespace.ɵɵnextContext(2);
-        i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c1, ctx_r1.isDisableNext));
+        i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c2, ctx_r1.isDisableNext));
         i0__namespace.ɵɵadvance();
         i0__namespace.ɵɵproperty("title", ctx_r1.appLocale.LABEL_NEXT);
         i0__namespace.ɵɵattribute("aria-disabled", ctx_r1.isDisableNext);
         i0__namespace.ɵɵadvance(4);
         i0__namespace.ɵɵtextInterpolate1("Go to next page ", ctx_r1.isDisableNext ? " , Disabled" : "", "");
     } }
-    function PaginationComponent_Conditional_0_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-        const _r6 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "li", 6)(1, "a", 21);
-        i0__namespace.ɵɵlistener("click", function PaginationComponent_Conditional_0_Conditional_6_Template_a_click_1_listener($event) { i0__namespace.ɵɵrestoreView(_r6); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.navigatePage("last", $event)); });
-        i0__namespace.ɵɵelementStart(2, "span", 11);
-        i0__namespace.ɵɵelement(3, "i", 22);
+    function PaginationComponent_Conditional_0_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+        const _r10 = i0__namespace.ɵɵgetCurrentView();
+        i0__namespace.ɵɵelementStart(0, "li", 5)(1, "a", 30);
+        i0__namespace.ɵɵlistener("click", function PaginationComponent_Conditional_0_Conditional_7_Template_a_click_1_listener($event) { i0__namespace.ɵɵrestoreView(_r10); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.navigatePage("last", $event)); });
+        i0__namespace.ɵɵelementStart(2, "span", 20);
+        i0__namespace.ɵɵelement(3, "i", 31);
         i0__namespace.ɵɵelementEnd();
-        i0__namespace.ɵɵelementStart(4, "span", 13);
+        i0__namespace.ɵɵelementStart(4, "span", 22);
         i0__namespace.ɵɵtext(5);
         i0__namespace.ɵɵelementEnd()()();
     } if (rf & 2) {
         const ctx_r1 = i0__namespace.ɵɵnextContext(2);
-        i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c1, ctx_r1.isDisableLast));
+        i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c2, ctx_r1.isDisableLast));
         i0__namespace.ɵɵadvance();
         i0__namespace.ɵɵproperty("title", ctx_r1.appLocale.LABEL_LAST);
         i0__namespace.ɵɵattribute("aria-disabled", ctx_r1.isDisableLast);
         i0__namespace.ɵɵadvance(4);
         i0__namespace.ɵɵtextInterpolate1("Go to last page ", ctx_r1.isDisableLast ? " , Disabled" : "", "");
     } }
-    function PaginationComponent_Conditional_0_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "li", 9)(1, "a", 23);
+    function PaginationComponent_Conditional_0_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelementStart(0, "li", 8)(1, "a", 32);
         i0__namespace.ɵɵtext(2);
         i0__namespace.ɵɵelementEnd()();
     } if (rf & 2) {
@@ -159,13 +231,13 @@
     } }
     function PaginationComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
         i0__namespace.ɵɵelementStart(0, "ul");
-        i0__namespace.ɵɵtemplate(1, PaginationComponent_Conditional_0_Conditional_1_Template, 6, 6, "li", 6)(2, PaginationComponent_Conditional_0_Conditional_2_Template, 6, 6, "li", 6)(3, PaginationComponent_Conditional_0_Conditional_3_Template, 3, 5, "li", 7)(4, PaginationComponent_Conditional_0_Conditional_4_Template, 3, 2, "li", 8)(5, PaginationComponent_Conditional_0_Conditional_5_Template, 6, 6, "li", 6)(6, PaginationComponent_Conditional_0_Conditional_6_Template, 6, 6, "li", 6)(7, PaginationComponent_Conditional_0_Conditional_7_Template, 3, 2, "li", 9);
+        i0__namespace.ɵɵtemplate(1, PaginationComponent_Conditional_0_Conditional_1_Template, 9, 4)(2, PaginationComponent_Conditional_0_Conditional_2_Template, 6, 6, "li", 5)(3, PaginationComponent_Conditional_0_Conditional_3_Template, 6, 6, "li", 5)(4, PaginationComponent_Conditional_0_Conditional_4_Template, 3, 5, "li", 6)(5, PaginationComponent_Conditional_0_Conditional_5_Template, 3, 2, "li", 7)(6, PaginationComponent_Conditional_0_Conditional_6_Template, 6, 6, "li", 5)(7, PaginationComponent_Conditional_0_Conditional_7_Template, 6, 6, "li", 5)(8, PaginationComponent_Conditional_0_Conditional_8_Template, 3, 2, "li", 8);
         i0__namespace.ɵɵelementEnd();
     } if (rf & 2) {
         const ctx_r1 = i0__namespace.ɵɵnextContext();
         i0__namespace.ɵɵclassMapInterpolate1("pagination advanced ", ctx_r1.navigationClass, "");
         i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵconditional(!(ctx_r1.dataSize <= ctx_r1.maxResults) ? 1 : -1);
+        i0__namespace.ɵɵconditional(ctx_r1.allowpagesizechange ? 1 : -1);
         i0__namespace.ɵɵadvance();
         i0__namespace.ɵɵconditional(!(ctx_r1.dataSize <= ctx_r1.maxResults) ? 2 : -1);
         i0__namespace.ɵɵadvance();
@@ -177,33 +249,106 @@
         i0__namespace.ɵɵadvance();
         i0__namespace.ɵɵconditional(!(ctx_r1.dataSize <= ctx_r1.maxResults) ? 6 : -1);
         i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵconditional(ctx_r1.showrecordcount ? 7 : -1);
+        i0__namespace.ɵɵconditional(!(ctx_r1.dataSize <= ctx_r1.maxResults) ? 7 : -1);
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵconditional(ctx_r1.showrecordcount ? 8 : -1);
     } }
-    function PaginationComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-        const _r7 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "ul")(1, "li", 24)(2, "a", 25);
-        i0__namespace.ɵɵlistener("click", function PaginationComponent_Conditional_1_Template_a_click_2_listener($event) { i0__namespace.ɵɵrestoreView(_r7); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.navigatePage("prev", $event)); });
-        i0__namespace.ɵɵelementStart(3, "span", 11);
-        i0__namespace.ɵɵelement(4, "i", 15);
+    function PaginationComponent_Conditional_1_Conditional_1_ul_7_For_2_Template(rf, ctx) { if (rf & 1) {
+        const _r13 = i0__namespace.ɵɵgetCurrentView();
+        i0__namespace.ɵɵelementStart(0, "li", 17)(1, "a", 18);
+        i0__namespace.ɵɵlistener("click", function PaginationComponent_Conditional_1_Conditional_1_ul_7_For_2_Template_a_click_1_listener($event) { const option_r14 = i0__namespace.ɵɵrestoreView(_r13).$implicit; const ctx_r1 = i0__namespace.ɵɵnextContext(4); return i0__namespace.ɵɵresetView(ctx_r1.onPageSizeChange($event, option_r14)); })("keydown", function PaginationComponent_Conditional_1_Conditional_1_ul_7_For_2_Template_a_keydown_1_listener($event) { const ɵ$index_128_r15 = i0__namespace.ɵɵrestoreView(_r13).$index; const ctx_r1 = i0__namespace.ɵɵnextContext(4); return i0__namespace.ɵɵresetView(ctx_r1.onDropdownKeydown($event, ɵ$index_128_r15)); });
+        i0__namespace.ɵɵtext(2);
+        i0__namespace.ɵɵelementEnd()();
+    } if (rf & 2) {
+        const option_r14 = ctx.$implicit;
+        const ɵ$index_128_r15 = ctx.$index;
+        const ctx_r1 = i0__namespace.ɵɵnextContext(4);
+        i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(3, _c1, option_r14 == ctx_r1.maxResults));
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵattribute("tabindex", ɵ$index_128_r15 === ctx_r1.focusedIndex ? 0 : -1);
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵtextInterpolate(option_r14);
+    } }
+    function PaginationComponent_Conditional_1_Conditional_1_ul_7_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelementStart(0, "ul", 16);
+        i0__namespace.ɵɵrepeaterCreate(1, PaginationComponent_Conditional_1_Conditional_1_ul_7_For_2_Template, 3, 5, "li", 17, i0__namespace.ɵɵrepeaterTrackByIdentity);
         i0__namespace.ɵɵelementEnd();
-        i0__namespace.ɵɵtext(5);
-        i0__namespace.ɵɵelementStart(6, "span", 13);
+    } if (rf & 2) {
+        const ctx_r1 = i0__namespace.ɵɵnextContext(3);
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵrepeater(ctx_r1.pageSizeOptions);
+    } }
+    function PaginationComponent_Conditional_1_Conditional_1_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelementStart(0, "li", 15)(1, "div")(2, "span");
+        i0__namespace.ɵɵtext(3);
+        i0__namespace.ɵɵelementEnd();
+        i0__namespace.ɵɵelementStart(4, "span");
+        i0__namespace.ɵɵtext(5, "of");
+        i0__namespace.ɵɵelementEnd();
+        i0__namespace.ɵɵelementStart(6, "span");
         i0__namespace.ɵɵtext(7);
         i0__namespace.ɵɵelementEnd()()();
-        i0__namespace.ɵɵelementStart(8, "li", 26)(9, "a", 25);
-        i0__namespace.ɵɵlistener("click", function PaginationComponent_Conditional_1_Template_a_click_9_listener($event) { i0__namespace.ɵɵrestoreView(_r7); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.navigatePage("next", $event)); });
-        i0__namespace.ɵɵelementStart(10, "span", 11);
-        i0__namespace.ɵɵelement(11, "i", 20);
+    } if (rf & 2) {
+        const ctx_r1 = i0__namespace.ɵɵnextContext(3);
+        i0__namespace.ɵɵadvance(3);
+        i0__namespace.ɵɵtextInterpolate2("", ctx_r1.rowSummary.startIndex, " - ", ctx_r1.rowSummary.endIndex, "");
+        i0__namespace.ɵɵadvance(4);
+        i0__namespace.ɵɵtextInterpolate(ctx_r1.rowSummary.totalRecords);
+    } }
+    function PaginationComponent_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+        const _r12 = i0__namespace.ɵɵgetCurrentView();
+        i0__namespace.ɵɵelementStart(0, "li", 9)(1, "label", 10);
+        i0__namespace.ɵɵtext(2);
         i0__namespace.ɵɵelementEnd();
-        i0__namespace.ɵɵtext(12);
-        i0__namespace.ɵɵelementStart(13, "span", 13);
-        i0__namespace.ɵɵtext(14);
+        i0__namespace.ɵɵelementStart(3, "div", 11);
+        i0__namespace.ɵɵlistener("isOpenChange", function PaginationComponent_Conditional_1_Conditional_1_Template_div_isOpenChange_3_listener($event) { i0__namespace.ɵɵrestoreView(_r12); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.onOpenChange($event)); });
+        i0__namespace.ɵɵelementStart(4, "button", 12);
+        i0__namespace.ɵɵtext(5);
+        i0__namespace.ɵɵelement(6, "span", 13);
+        i0__namespace.ɵɵelementEnd();
+        i0__namespace.ɵɵtemplate(7, PaginationComponent_Conditional_1_Conditional_1_ul_7_Template, 3, 0, "ul", 14);
+        i0__namespace.ɵɵelementEnd()();
+        i0__namespace.ɵɵtemplate(8, PaginationComponent_Conditional_1_Conditional_1_Conditional_8_Template, 8, 3, "li", 15);
+    } if (rf & 2) {
+        const ctx_r1 = i0__namespace.ɵɵnextContext(2);
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵproperty("title", ctx_r1.appLocale.LABEL_ITEMS_PER_PAGE);
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵtextInterpolate1("", ctx_r1.appLocale.LABEL_ITEMS_PER_PAGE, " :");
+        i0__namespace.ɵɵadvance(3);
+        i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.maxResults, " ");
+        i0__namespace.ɵɵadvance(3);
+        i0__namespace.ɵɵconditional((ctx_r1.rowSummary == null ? null : ctx_r1.rowSummary.totalRecords) ? 8 : -1);
+    } }
+    function PaginationComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+        const _r11 = i0__namespace.ɵɵgetCurrentView();
+        i0__namespace.ɵɵelementStart(0, "ul");
+        i0__namespace.ɵɵtemplate(1, PaginationComponent_Conditional_1_Conditional_1_Template, 9, 4);
+        i0__namespace.ɵɵelementStart(2, "li", 33)(3, "a", 34);
+        i0__namespace.ɵɵlistener("click", function PaginationComponent_Conditional_1_Template_a_click_3_listener($event) { i0__namespace.ɵɵrestoreView(_r11); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.navigatePage("prev", $event)); });
+        i0__namespace.ɵɵelementStart(4, "span", 20);
+        i0__namespace.ɵɵelement(5, "i", 24);
+        i0__namespace.ɵɵelementEnd();
+        i0__namespace.ɵɵtext(6);
+        i0__namespace.ɵɵelementStart(7, "span", 22);
+        i0__namespace.ɵɵtext(8);
+        i0__namespace.ɵɵelementEnd()()();
+        i0__namespace.ɵɵelementStart(9, "li", 35)(10, "a", 34);
+        i0__namespace.ɵɵlistener("click", function PaginationComponent_Conditional_1_Template_a_click_10_listener($event) { i0__namespace.ɵɵrestoreView(_r11); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.navigatePage("next", $event)); });
+        i0__namespace.ɵɵelementStart(11, "span", 20);
+        i0__namespace.ɵɵelement(12, "i", 29);
+        i0__namespace.ɵɵelementEnd();
+        i0__namespace.ɵɵtext(13);
+        i0__namespace.ɵɵelementStart(14, "span", 22);
+        i0__namespace.ɵɵtext(15);
         i0__namespace.ɵɵelementEnd()()()();
     } if (rf & 2) {
         const ctx_r1 = i0__namespace.ɵɵnextContext();
         i0__namespace.ɵɵclassMapInterpolate1("pager ", ctx_r1.navigationClass, "");
         i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(11, _c1, ctx_r1.isDisablePrevious));
+        i0__namespace.ɵɵconditional(ctx_r1.allowpagesizechange ? 1 : -1);
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(12, _c2, ctx_r1.isDisablePrevious));
         i0__namespace.ɵɵadvance();
         i0__namespace.ɵɵattribute("aria-disabled", ctx_r1.isDisablePrevious);
         i0__namespace.ɵɵadvance(3);
@@ -211,7 +356,7 @@
         i0__namespace.ɵɵadvance(2);
         i0__namespace.ɵɵtextInterpolate(ctx_r1.isDisablePrevious ? " , Disabled" : "");
         i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(13, _c1, ctx_r1.isDisableNext));
+        i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(14, _c2, ctx_r1.isDisableNext));
         i0__namespace.ɵɵadvance();
         i0__namespace.ɵɵattribute("aria-disabled", ctx_r1.isDisableNext);
         i0__namespace.ɵɵadvance(3);
@@ -219,21 +364,96 @@
         i0__namespace.ɵɵadvance(2);
         i0__namespace.ɵɵtextInterpolate(ctx_r1.isDisableNext ? " , Disabled" : "");
     } }
-    function PaginationComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-        const _r8 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "pagination", 27);
-        i0__namespace.ɵɵlistener("pageChanged", function PaginationComponent_Conditional_2_Template_pagination_pageChanged_0_listener($event) { i0__namespace.ɵɵrestoreView(_r8); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.pageChanged($event)); });
+    function PaginationComponent_Conditional_2_Conditional_0_ul_7_For_2_Template(rf, ctx) { if (rf & 1) {
+        const _r17 = i0__namespace.ɵɵgetCurrentView();
+        i0__namespace.ɵɵelementStart(0, "li", 17)(1, "a", 18);
+        i0__namespace.ɵɵlistener("click", function PaginationComponent_Conditional_2_Conditional_0_ul_7_For_2_Template_a_click_1_listener($event) { const option_r18 = i0__namespace.ɵɵrestoreView(_r17).$implicit; const ctx_r1 = i0__namespace.ɵɵnextContext(4); return i0__namespace.ɵɵresetView(ctx_r1.onPageSizeChange($event, option_r18)); })("keydown", function PaginationComponent_Conditional_2_Conditional_0_ul_7_For_2_Template_a_keydown_1_listener($event) { const ɵ$index_190_r19 = i0__namespace.ɵɵrestoreView(_r17).$index; const ctx_r1 = i0__namespace.ɵɵnextContext(4); return i0__namespace.ɵɵresetView(ctx_r1.onDropdownKeydown($event, ɵ$index_190_r19)); });
+        i0__namespace.ɵɵtext(2);
+        i0__namespace.ɵɵelementEnd()();
+    } if (rf & 2) {
+        const option_r18 = ctx.$implicit;
+        const ɵ$index_190_r19 = ctx.$index;
+        const ctx_r1 = i0__namespace.ɵɵnextContext(4);
+        i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(3, _c1, option_r18 == ctx_r1.maxResults));
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵattribute("tabindex", ɵ$index_190_r19 === ctx_r1.focusedIndex ? 0 : -1);
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵtextInterpolate(option_r18);
+    } }
+    function PaginationComponent_Conditional_2_Conditional_0_ul_7_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelementStart(0, "ul", 16);
+        i0__namespace.ɵɵrepeaterCreate(1, PaginationComponent_Conditional_2_Conditional_0_ul_7_For_2_Template, 3, 5, "li", 17, i0__namespace.ɵɵrepeaterTrackByIdentity);
         i0__namespace.ɵɵelementEnd();
     } if (rf & 2) {
-        const ctx_r1 = i0__namespace.ɵɵnextContext();
-        const pageTemplate_r9 = i0__namespace.ɵɵreference(5);
-        const prevTemplate_r10 = i0__namespace.ɵɵreference(7);
-        const nextTemplate_r11 = i0__namespace.ɵɵreference(9);
-        i0__namespace.ɵɵproperty("ngClass", ctx_r1.navigationClass)("itemsPerPage", ctx_r1.maxResults)("totalItems", ctx_r1.dataSize)("ngModelOptions", i0__namespace.ɵɵpureFunction0(12, _c2))("ngModel", ctx_r1.dn.currentPage)("boundaryLinks", ctx_r1.boundarylinks)("maxSize", ctx_r1.maxsize)("directionLinks", ctx_r1.directionlinks)("customPreviousTemplate", prevTemplate_r10)("customNextTemplate", nextTemplate_r11)("customPageTemplate", pageTemplate_r9);
+        const ctx_r1 = i0__namespace.ɵɵnextContext(3);
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵrepeater(ctx_r1.pageSizeOptions);
+    } }
+    function PaginationComponent_Conditional_2_Conditional_0_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelementStart(0, "div", 15)(1, "div")(2, "span");
+        i0__namespace.ɵɵtext(3);
+        i0__namespace.ɵɵelementEnd();
+        i0__namespace.ɵɵelementStart(4, "span");
+        i0__namespace.ɵɵtext(5, "of");
+        i0__namespace.ɵɵelementEnd();
+        i0__namespace.ɵɵelementStart(6, "span");
+        i0__namespace.ɵɵtext(7);
+        i0__namespace.ɵɵelementEnd()()();
+    } if (rf & 2) {
+        const ctx_r1 = i0__namespace.ɵɵnextContext(3);
+        i0__namespace.ɵɵadvance(3);
+        i0__namespace.ɵɵtextInterpolate2("", ctx_r1.rowSummary.startIndex, " - ", ctx_r1.rowSummary.endIndex, "");
+        i0__namespace.ɵɵadvance(4);
+        i0__namespace.ɵɵtextInterpolate(ctx_r1.rowSummary.totalRecords);
+    } }
+    function PaginationComponent_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+        const _r16 = i0__namespace.ɵɵgetCurrentView();
+        i0__namespace.ɵɵelementStart(0, "div", 9)(1, "label", 10);
+        i0__namespace.ɵɵtext(2);
+        i0__namespace.ɵɵelementEnd();
+        i0__namespace.ɵɵelementStart(3, "div", 11);
+        i0__namespace.ɵɵlistener("isOpenChange", function PaginationComponent_Conditional_2_Conditional_0_Template_div_isOpenChange_3_listener($event) { i0__namespace.ɵɵrestoreView(_r16); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.onOpenChange($event)); });
+        i0__namespace.ɵɵelementStart(4, "button", 12);
+        i0__namespace.ɵɵtext(5);
+        i0__namespace.ɵɵelement(6, "span", 13);
+        i0__namespace.ɵɵelementEnd();
+        i0__namespace.ɵɵtemplate(7, PaginationComponent_Conditional_2_Conditional_0_ul_7_Template, 3, 0, "ul", 14);
+        i0__namespace.ɵɵelementEnd()();
+        i0__namespace.ɵɵtemplate(8, PaginationComponent_Conditional_2_Conditional_0_Conditional_8_Template, 8, 3, "div", 15);
+    } if (rf & 2) {
+        const ctx_r1 = i0__namespace.ɵɵnextContext(2);
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵproperty("title", ctx_r1.appLocale.LABEL_ITEMS_PER_PAGE);
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵtextInterpolate1("", ctx_r1.appLocale.LABEL_ITEMS_PER_PAGE, " :");
+        i0__namespace.ɵɵadvance(3);
+        i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.maxResults, " ");
+        i0__namespace.ɵɵadvance(3);
+        i0__namespace.ɵɵconditional((ctx_r1.rowSummary == null ? null : ctx_r1.rowSummary.totalRecords) ? 8 : -1);
+    } }
+    function PaginationComponent_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+        const _r20 = i0__namespace.ɵɵgetCurrentView();
+        i0__namespace.ɵɵelementStart(0, "pagination", 37);
+        i0__namespace.ɵɵlistener("pageChanged", function PaginationComponent_Conditional_2_Conditional_1_Template_pagination_pageChanged_0_listener($event) { i0__namespace.ɵɵrestoreView(_r20); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.pageChanged($event)); });
+        i0__namespace.ɵɵelementEnd();
+    } if (rf & 2) {
+        const ctx_r1 = i0__namespace.ɵɵnextContext(2);
+        const pageTemplate_r21 = i0__namespace.ɵɵreference(5);
+        const prevTemplate_r22 = i0__namespace.ɵɵreference(7);
+        const nextTemplate_r23 = i0__namespace.ɵɵreference(9);
+        i0__namespace.ɵɵproperty("ngClass", ctx_r1.navigationClass)("itemsPerPage", ctx_r1.maxResults)("totalItems", ctx_r1.dataSize)("ngModelOptions", i0__namespace.ɵɵpureFunction0(12, _c3))("ngModel", ctx_r1.dn.currentPage)("boundaryLinks", ctx_r1.boundarylinks)("maxSize", ctx_r1.maxsize)("directionLinks", ctx_r1.directionlinks)("customPreviousTemplate", prevTemplate_r22)("customNextTemplate", nextTemplate_r23)("customPageTemplate", pageTemplate_r21);
         i0__namespace.ɵɵattribute("aria-label", "Showing Page " + ctx_r1.dn.currentPage + " of " + ctx_r1.pageCount + " pages");
     } }
+    function PaginationComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵtemplate(0, PaginationComponent_Conditional_2_Conditional_0_Template, 9, 4)(1, PaginationComponent_Conditional_2_Conditional_1_Template, 1, 13, "pagination", 36);
+    } if (rf & 2) {
+        const ctx_r1 = i0__namespace.ɵɵnextContext();
+        i0__namespace.ɵɵconditional(ctx_r1.allowpagesizechange ? 0 : -1);
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵconditional(!(ctx_r1.dataSize <= ctx_r1.maxResults) ? 1 : -1);
+    } }
     function PaginationComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "ul", 5)(1, "li", 28)(2, "a", 23);
+        i0__namespace.ɵɵelementStart(0, "ul", 4)(1, "li", 38)(2, "a", 32);
         i0__namespace.ɵɵtext(3);
         i0__namespace.ɵɵelementEnd()()();
     } if (rf & 2) {
@@ -242,50 +462,50 @@
         i0__namespace.ɵɵtextInterpolate2("", ctx_r1.appLocale.LABEL_TOTAL_RECORDS, ": ", ctx_r1.dataSize, "");
     } }
     function PaginationComponent_ng_template_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "span", 13);
+        i0__namespace.ɵɵelementStart(0, "span", 22);
         i0__namespace.ɵɵtext(1);
         i0__namespace.ɵɵelementEnd();
     } if (rf & 2) {
-        const page_r12 = i0__namespace.ɵɵnextContext().$implicit;
+        const page_r24 = i0__namespace.ɵɵnextContext().$implicit;
         const ctx_r1 = i0__namespace.ɵɵnextContext();
         i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵtextInterpolate1(" ", ", Showing page " + page_r12.number + " of " + ctx_r1.pageCount, "");
+        i0__namespace.ɵɵtextInterpolate1(" ", ", Showing page " + page_r24.number + " of " + ctx_r1.pageCount, "");
     } }
     function PaginationComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "span", 13);
+        i0__namespace.ɵɵelementStart(0, "span", 22);
         i0__namespace.ɵɵtext(1);
         i0__namespace.ɵɵelementEnd();
         i0__namespace.ɵɵtext(2);
-        i0__namespace.ɵɵtemplate(3, PaginationComponent_ng_template_4_Conditional_3_Template, 2, 1, "span", 13);
+        i0__namespace.ɵɵtemplate(3, PaginationComponent_ng_template_4_Conditional_3_Template, 2, 1, "span", 22);
     } if (rf & 2) {
-        const page_r12 = ctx.$implicit;
-        i0__namespace.ɵɵattribute("data-isacitvepage", page_r12.active);
+        const page_r24 = ctx.$implicit;
+        i0__namespace.ɵɵattribute("data-isacitvepage", page_r24.active);
         i0__namespace.ɵɵadvance();
         i0__namespace.ɵɵtextInterpolate("Page ");
         i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵtextInterpolate1(" ", page_r12.number, " ");
+        i0__namespace.ɵɵtextInterpolate1(" ", page_r24.number, " ");
         i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵconditional(page_r12.active ? 3 : -1);
+        i0__namespace.ɵɵconditional(page_r24.active ? 3 : -1);
     } }
     function PaginationComponent_ng_template_6_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "span", 13);
+        i0__namespace.ɵɵelementStart(0, "span", 22);
         i0__namespace.ɵɵtext(1);
         i0__namespace.ɵɵelementEnd();
     } if (rf & 2) {
-        const disabled_r13 = ctx.disabled;
-        i0__namespace.ɵɵattribute("data-isdisabled", disabled_r13);
+        const disabled_r25 = ctx.disabled;
+        i0__namespace.ɵɵattribute("data-isdisabled", disabled_r25);
         i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵtextInterpolate1("Go to Previous page ", disabled_r13 ? ", Disabled" : "", "");
+        i0__namespace.ɵɵtextInterpolate1("Go to Previous page ", disabled_r25 ? ", Disabled" : "", "");
     } }
     function PaginationComponent_ng_template_8_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "span", 13);
+        i0__namespace.ɵɵelementStart(0, "span", 22);
         i0__namespace.ɵɵtext(1);
         i0__namespace.ɵɵelementEnd();
     } if (rf & 2) {
-        const disabled_r14 = ctx.disabled;
-        i0__namespace.ɵɵattribute("data-isdisabled", disabled_r14);
+        const disabled_r26 = ctx.disabled;
+        i0__namespace.ɵɵattribute("data-isdisabled", disabled_r26);
         i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵtextInterpolate1("Go to Next page ", disabled_r14 ? ", Disabled" : "", "");
+        i0__namespace.ɵɵtextInterpolate1("Go to Next page ", disabled_r26 ? ", Disabled" : "", "");
     } }
     const DEFAULT_CLS = 'app-datanavigator clearfix';
     const WIDGET_CONFIG = { widgetType: 'wm-pagination', hostClass: DEFAULT_CLS };
@@ -325,6 +545,8 @@
             this.parent = parent;
             this.resultEmitter = new i0.EventEmitter();
             this.maxResultsEmitter = new i0.EventEmitter();
+            this.defaultPageSizeOptions = [];
+            this.focusedIndex = 0;
             this.dn = {
                 currentPage: 1
             };
@@ -336,10 +558,13 @@
             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 maxResults = event && (event.pagesize || event.itemsPerPage) || this.maxResults;
                 // Do not call goToPage if page has not changed
-                if (currentPage !== this.dn.currentPage) {
+                if (currentPage !== this.dn.currentPage || this.maxResults !== maxResults) {
                     const inst = this.parent || this;
                     this.dn.currentPage = currentPage;
+                    this.maxResults = maxResults;
+                    this.maxResultsEmitter.emit(this.maxResults);
                     inst.invokeEventCallback('paginationchange', { $event: undefined, $index: this.dn.currentPage });
                     this.goToPage();
                     if (this.navigation === 'Basic') {
@@ -348,6 +573,11 @@
                 }
             }, base.DEBOUNCE_TIMES.PAGINATION_DEBOUNCE_TIME);
             base.styler(this.nativeElement, this);
+            setTimeout(() => {
+                this.allowpagesizechange = this.parent.allowpagesizechange;
+                if (this.allowpagesizechange)
+                    this.defaultPageSizeOptions = this.parent?.pagesizeoptions ? this.parent.pagesizeoptions?.split(',').map(Number).sort((a, b) => a - b) : [];
+            }, 0);
         }
         setResult(result) {
             // TODO: Emit event only if result is changed
@@ -435,11 +665,22 @@
         isDataSourceHasPaging() {
             return this.datasource && this.datasource.execute(core.DataSource.Operation.IS_PAGEABLE);
         }
+        // this function returns an object which gives summary of the current page data (ex: In UI it is shown as  1 to 10 out of 50 records)
+        getPageDetails(startIndex, endIndex, totalRecords) {
+            this.rowSummary = (core.isDefined(startIndex) && core.isDefined(endIndex) && core.isDefined(totalRecords)) ? {
+                startIndex: startIndex,
+                endIndex: endIndex,
+                totalRecords: totalRecords
+            } : {};
+        }
         // Set the result for client side pagination
         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;
+            if (this.allowpagesizechange) { // when default page size is not given then use maxResults instead of options.maxResults
+                maxResults = this.maxResults;
+            }
             // For static variable, keep the current page. For other variables without pagination reset the page to 1
             // Fix for [WMS-23263]: gridOptions.isNextPageData flag is false when dataset is changed from script, so setting current page to 1
             if (this.datasource && (this.datasource.execute(core.DataSource.Operation.IS_API_AWARE) || (this.parent.widgetType === 'wm-table' && (this.parent.gridOptions.isNavTypeScrollOrOndemand() && (lodashEs.get(this.parent, 'gridOptions.lastActionPerformed') === this.parent.gridOptions.ACTIONS.DATASET_UPDATE || !lodashEs.get(this.parent, 'gridOptions.isNextPageData')))))) {
@@ -451,11 +692,12 @@
             this.setDefaultPagingValues(dataSize, maxResults, currentPage);
             this.disableNavigation();
             startIndex = (this.dn.currentPage - 1) * this.maxResults;
+            this.getPageDetails(startIndex + 1, Math.min(startIndex + this.maxResults, newVal?.length), newVal?.length);
             this.setResult(lodashEs.isArray(newVal) ? newVal.slice(startIndex, startIndex + this.maxResults) : newVal);
         }
         /*Function to set the values needed for pagination*/
         setPagingValues(newVal) {
-            let dataSize, maxResults, currentPage, dataSource;
+            let dataSize, maxResults, currentPage, startIndex, dataSource;
             let variableOptions = {};
             // Store the data in __fullData. This is used for client side searching witvah out modifying the actual dataset.
             this.__fullData = newVal;
@@ -487,6 +729,8 @@
                         this.setDefaultPagingValues(dataSize, maxResults, currentPage);
                         this.disableNavigation();
                         this.checkDataSize(dataSize, this.pagination.numberOfElements, this.pagination.size);
+                        startIndex = (currentPage - 1) * this.maxResults;
+                        this.getPageDetails(startIndex + 1, startIndex + this.pagination.numberOfElements, dataSize);
                         this.setResult(newVal);
                     }
                     else if (!lodashEs.isString(newVal)) {
@@ -538,15 +782,19 @@
         /*Function to navigate to the current page*/
         goToPage(event, callback) {
             this.firstRow = (this.dn.currentPage - 1) * this.maxResults;
-            const mode = this.parent.statePersistence.computeMode(this.statehandler);
+            const mode = this.parent.statePersistence.computeMode(this.statehandler), allowpagesizechange = this.parent.allowpagesizechange;
             if (mode && mode.toLowerCase() !== 'none' && (this.parent.widgetType === 'wm-table' || this.parent.widgetType === 'wm-list')) {
                 this.parent._selectedItemsExist = true;
-                if (this.isFirstPage()) {
+                if (this.isFirstPage() && !allowpagesizechange) {
                     this.parent.statePersistence.removeWidgetState(this.parent, 'pagination');
                 }
                 else {
                     if (base.unsupportedStatePersistenceTypes.indexOf(this.parent.navigation) < 0) {
-                        this.parent.statePersistence.setWidgetState(this.parent, { pagination: this.dn.currentPage });
+                        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.');
@@ -579,12 +827,15 @@
                 }
                 this.datasource.execute(core.DataSource.Operation.LIST_RECORDS, {
                     'page': pageIndex,
+                    'size': this.maxResults,
                     'filterFields': this.filterFields,
                     'orderBy': this.sortOptions,
                     'logicalOp': this.logicalOp,
                     'matchMode': 'anywhereignorecase'
                 }).then(response => {
                     this.onPageDataReady(event, response && response.data, callback);
+                    startIndex = (this.dn.currentPage - 1) * this.maxResults;
+                    this.getPageDetails(startIndex + 1, startIndex + this.pagination?.numberOfElements, this.pagination?.totalElements);
                     core.$appDigest();
                 }, error => {
                 });
@@ -597,6 +848,7 @@
                     startIndex = (this.dn.currentPage - 1) * this.maxResults;
                 }
                 data = lodashEs.isArray(this.__fullData) ? this.__fullData.slice(startIndex, startIndex + this.maxResults) : this.__fullData;
+                this.getPageDetails(startIndex + 1, Math.min(startIndex + this.maxResults, this.__fullData?.length), this.__fullData?.length);
                 this.setResult(data);
                 this.onPageDataReady(event, data, callback);
             }
@@ -756,6 +1008,7 @@
             this.datasource = dataSource;
         }
         onPropertyChange(key, nv, ov) {
+            let pageSize;
             if (key === 'dataset') {
                 let data;
                 if (this.parent && this.parent.onDataNavigatorDataSetChange) {
@@ -768,6 +1021,42 @@
                 if (this.parent.widgetType === 'wm-table') {
                     this.parent._triggeredByUser = false;
                 }
+                if (data?.length) { // calculate Pagesize options based on actual page size
+                    if (this.isDataSourceHasPaging()) { // for Live variables
+                        const currentPageSize = lodashEs.get(data, 'pagination.size') || lodashEs.get(this.datasource, 'pagination.size'), totalElements = lodashEs.get(data, 'pagination.totalElements') || lodashEs.get(this.datasource, 'pagination.totalElements'), widgetState = this.parent.statePersistence.getWidgetState(this.parent);
+                        this.actualPageSize = widgetState?.actualpagesize || currentPageSize;
+                        if (this.defaultPageSizeOptions.length > 0) {
+                            this.pageSizeOptions = [...this.defaultPageSizeOptions];
+                        }
+                        else {
+                            this.pageSizeOptions = lodashEs.range(this.actualPageSize, Math.max(this.actualPageSize + 1, this.actualPageSize + totalElements), this.actualPageSize); // here data has only that page data and pagesize has totalNoof Elements
+                        }
+                        if (widgetState?.selectedItem && widgetState.actualpagesize !== widgetState.pagesize) {
+                            if (!this.prevPageSize) {
+                                this.prevPageSize = this.actualPageSize || data?.length;
+                            }
+                            const updatedItems = this.handleStateParamsforNewPageSize(widgetState.selectedItem, this.prevPageSize, data?.length);
+                            if (updatedItems) {
+                                this.parent.statePersistence.setWidgetState(this.parent, {
+                                    pagination: 1,
+                                    pagesize: this.maxResults,
+                                    actualpagesize: this.actualPageSize || this.maxResults,
+                                    selectedItem: updatedItems
+                                });
+                                this.prevPageSize = undefined;
+                            }
+                        }
+                    }
+                    else {
+                        pageSize = this.parent.getActualPageSize();
+                        if (this.defaultPageSizeOptions.length > 0) {
+                            this.pageSizeOptions = [...this.defaultPageSizeOptions];
+                        }
+                        else {
+                            this.pageSizeOptions = lodashEs.range(pageSize, data.length + pageSize, pageSize);
+                        }
+                    }
+                }
                 // When the dataset is not in current page, but in previous ones directly set the result without setting page values
                 if (this.isEditNotInCurrentPage()) {
                     this.setResult(data);
@@ -796,6 +1085,105 @@
                 super.onPropertyChange(key, nv, ov);
             }
         }
+        // change the selectedItems page number and index in the stateparams when pagesize is changed
+        handleStateParamsforNewPageSize(selectedItem, oldPageSize, newPageSize) {
+            return selectedItem.map(({ page, index }) => {
+                const absoluteIndex = (page - 1) * oldPageSize + index;
+                const newPage = Math.floor(absoluteIndex / newPageSize) + 1; // back to 1-based
+                const newIndex = absoluteIndex % newPageSize;
+                return {
+                    page: newPage,
+                    index: newIndex
+                };
+            });
+        }
+        onDropdownKeydown(event, index) {
+            const $items = $('ul#dropdown-basic a.dropdown-item');
+            const maxIndex = this.pageSizeOptions.length - 1;
+            let selectedOption;
+            switch (event.key) {
+                case 'ArrowDown':
+                case 'Tab':
+                    event.preventDefault();
+                    if (event.key === 'Tab' && event.shiftKey) {
+                        // Treat Shift+Tab as ArrowUp
+                        this.focusedIndex = (index - 1) < 0 ? maxIndex : index - 1;
+                    }
+                    else {
+                        // Treat Tab or ArrowDown as ArrowDown
+                        this.focusedIndex = (index + 1) > maxIndex ? 0 : index + 1;
+                    }
+                    break;
+                case 'ArrowUp':
+                    event.preventDefault();
+                    this.focusedIndex = (index - 1) < 0 ? maxIndex : index - 1;
+                    break;
+                case 'Enter':
+                    event.preventDefault();
+                    selectedOption = this.pageSizeOptions[this.focusedIndex];
+                    this.onPageSizeChange(event, selectedOption);
+                    this.closeDropdown();
+                    return;
+                case 'Escape':
+                    event.preventDefault();
+                    this.closeDropdown();
+                    return;
+                default:
+                    return;
+            }
+            // Move focus after index is updated
+            setTimeout(() => {
+                $items.eq(this.focusedIndex)?.focus();
+            });
+        }
+        closeDropdown() {
+            // Close dropdown
+            this.bsDropdown.hide();
+            const $toggleButton = $('button[aria-controls="dropdown-basic"]');
+            $toggleButton.focus(); // Return focus to button
+        }
+        // Function gets called on dropdown open & close
+        onOpenChange(isOpen) {
+            if (isOpen) {
+                this.focusedIndex = 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();
+                }, 0);
+            }
+        }
+        onPageSizeChange($event, newPageSize) {
+            const widgetState = this.parent.statePersistence.getWidgetState(this.parent);
+            let updatedItems;
+            if (widgetState?.selectedItem) {
+                updatedItems = this.handleStateParamsforNewPageSize(widgetState.selectedItem, this.maxResults, +newPageSize);
+            }
+            this.actualPageSize = this.actualPageSize || this.maxResults;
+            this.maxResults = +newPageSize;
+            this.maxResultsEmitter.emit(this.maxResults);
+            if (this.isDataSourceHasPaging() && this.datasource) {
+                this.datasource.maxResults = this.maxResults;
+            }
+            if (updatedItems) {
+                this.parent.statePersistence.setWidgetState(this.parent, {
+                    pagination: 1,
+                    pagesize: this.maxResults,
+                    actualpagesize: this.actualPageSize || this.maxResults,
+                    selectedItem: updatedItems
+                });
+            }
+            else {
+                this.parent.statePersistence.setWidgetState(this.parent, {
+                    pagination: 1,
+                    pagesize: this.maxResults,
+                    actualpagesize: this.actualPageSize || this.maxResults
+                });
+            }
+            this.navigatePage('first', $event, true);
+            this.calculatePagingValues();
+        }
         ngAfterViewInit() {
             const paginationElem = this.nativeElement;
             paginationElem.onclick = (event) => {
@@ -803,25 +1191,30 @@
             };
         }
         static { this.ɵfac = function PaginationComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PaginationComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(base.WidgetRef, 4), i0__namespace.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-        static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: PaginationComponent, selectors: [["", "wmPagination", ""]], outputs: { resultEmitter: "resultEmitter", maxResultsEmitter: "maxResultsEmitter" }, standalone: true, features: [i0__namespace.ɵɵProvidersFeature([
+        static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: PaginationComponent, selectors: [["", "wmPagination", ""]], viewQuery: function PaginationComponent_Query(rf, ctx) { if (rf & 1) {
+                i0__namespace.ɵɵviewQuery(i4.BsDropdownDirective, 5);
+            } if (rf & 2) {
+                let _t;
+                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.bsDropdown = _t.first);
+            } }, outputs: { resultEmitter: "resultEmitter", maxResultsEmitter: "maxResultsEmitter" }, standalone: true, features: [i0__namespace.ɵɵProvidersFeature([
                     base.provideAsWidgetRef(PaginationComponent)
-                ]), i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵStandaloneFeature], attrs: _c0, decls: 10, vars: 4, consts: [["pageTemplate", ""], ["prevTemplate", ""], ["nextTemplate", ""], [3, "class"], ["role", "navigation", "firstText", "Firtst", "lastText", "Last", 1, "pagination", "basic", 3, "ngClass", "itemsPerPage", "totalItems", "ngModelOptions", "ngModel", "boundaryLinks", "maxSize", "directionLinks", "customPreviousTemplate", "customNextTemplate", "customPageTemplate"], [1, "pagination"], [3, "ngClass"], [1, "pagecount", "disabled"], [1, "disabled"], [1, "totalcount", "disabled"], ["name", "first", "href", "javascript:void(0);", 3, "click", "title"], ["aria-hidden", "true"], [1, "wi", "wi-first-page"], [1, "sr-only"], ["name", "prev", "href", "javascript:void(0);", 3, "click", "title"], [1, "wi", "wi-chevron-left"], ["href", "javascript:void(0);", "aria-label", "Change Page Number"], ["type", "number", 1, "form-control", 3, "ngModelChange", "keydown", "change", "ngModel", "disabled", "ngModelOptions"], [3, "hidden"], ["name", "next", "href", "javascript:void(0);", 3, "click", "title"], [1, "wi", "wi-chevron-right"], ["name", "last", "href", "javascript:void(0);", 3, "click", "title"], [1, "wi", "wi-last-page"], ["href", "javascript:void(0);", "tabindex", "-1", "aria-disabled", "true"], [1, "previous", 3, "ngClass"], ["href", "javascript:void(0);", 3, "click"], [1, "next", 3, "ngClass"], ["role", "navigation", "firstText", "Firtst", "lastText", "Last", 1, "pagination", "basic", 3, "pageChanged", "ngClass", "itemsPerPage", "totalItems", "ngModelOptions", "ngModel", "boundaryLinks", "maxSize", "directionLinks", "customPreviousTemplate", "customNextTemplate", "customPageTemplate"], [1, "totalcount", "disabled", "basiccount"]], template: function PaginationComponent_Template(rf, ctx) { if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, PaginationComponent_Conditional_0_Template, 8, 10, "ul", 3)(1, PaginationComponent_Conditional_1_Template, 15, 15, "ul", 3)(2, PaginationComponent_Conditional_2_Template, 1, 13, "pagination", 4)(3, PaginationComponent_Conditional_3_Template, 4, 2, "ul", 5)(4, PaginationComponent_ng_template_4_Template, 4, 4, "ng-template", null, 0, i0__namespace.ɵɵtemplateRefExtractor)(6, PaginationComponent_ng_template_6_Template, 2, 2, "ng-template", null, 1, i0__namespace.ɵɵtemplateRefExtractor)(8, PaginationComponent_ng_template_8_Template, 2, 2, "ng-template", null, 2, i0__namespace.ɵɵtemplateRefExtractor);
+                ]), i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵStandaloneFeature], attrs: _c0, decls: 10, vars: 4, consts: [["pageTemplate", ""], ["prevTemplate", ""], ["nextTemplate", ""], [3, "class"], [1, "pagination"], [3, "ngClass"], [1, "pagecount", "disabled"], [1, "disabled"], [1, "totalcount", "disabled"], [1, "items-per-page"], [1, "app-label", 3, "title"], ["dropdown", "", "container", "body", 1, "btn-group", 3, "isOpenChange"], ["id", "button-basic", "dropdownToggle", "", "type", "button", "aria-controls", "dropdown-basic", 1, "btn", "app-button", "dropdown-toggle"], [1, "caret"], ["id", "dropdown-basic", "class", "dropdown-menu pagesize-options", "role", "menu", "aria-labelledby", "button-basic", 4, "dropdownMenu"], [1, "item-range"], ["id", "dropdown-basic", "role", "menu", "aria-labelledby", "button-basic", 1, "dropdown-menu", "pagesize-options"], ["role", "menuitem", 3, "ngClass"], [1, "dropdown-item", 3, "click", "keydown"], ["name", "first", "href", "javascript:void(0);", 3, "click", "title"], ["aria-hidden", "true"], [1, "wi", "wi-first-page"], [1, "sr-only"], ["name", "prev", "href", "javascript:void(0);", 3, "click", "title"], [1, "wi", "wi-chevron-left"], ["href", "javascript:void(0);", "aria-label", "Change Page Number"], ["type", "number", 1, "form-control", 3, "ngModelChange", "keydown", "change", "ngModel", "disabled", "ngModelOptions"], [3, "hidden"], ["name", "next", "href", "javascript:void(0);", 3, "click", "title"], [1, "wi", "wi-chevron-right"], ["name", "last", "href", "javascript:void(0);", 3, "click", "title"], [1, "wi", "wi-last-page"], ["href", "javascript:void(0);", "tabindex", "-1", "aria-disabled", "true"], [1, "previous", 3, "ngClass"], ["href", "javascript:void(0);", 3, "click"], [1, "next", 3, "ngClass"], ["role", "navigation", "firstText", "Firtst", "lastText", "Last", 1, "pagination", "basic", 3, "ngClass", "itemsPerPage", "totalItems", "ngModelOptions", "ngModel", "boundaryLinks", "maxSize", "directionLinks", "customPreviousTemplate", "customNextTemplate", "customPageTemplate"], ["role", "navigation", "firstText", "Firtst", "lastText", "Last", 1, "pagination", "basic", 3, "pageChanged", "ngClass", "itemsPerPage", "totalItems", "ngModelOptions", "ngModel", "boundaryLinks", "maxSize", "directionLinks", "customPreviousTemplate", "customNextTemplate", "customPageTemplate"], [1, "totalcount", "disabled", "basiccount"]], template: function PaginationComponent_Template(rf, ctx) { if (rf & 1) {
+                i0__namespace.ɵɵtemplate(0, PaginationComponent_Conditional_0_Template, 9, 11, "ul", 3)(1, PaginationComponent_Conditional_1_Template, 16, 16, "ul", 3)(2, PaginationComponent_Conditional_2_Template, 2, 2)(3, PaginationComponent_Conditional_3_Template, 4, 2, "ul", 4)(4, PaginationComponent_ng_template_4_Template, 4, 4, "ng-template", null, 0, i0__namespace.ɵɵtemplateRefExtractor)(6, PaginationComponent_ng_template_6_Template, 2, 2, "ng-template", null, 1, i0__namespace.ɵɵtemplateRefExtractor)(8, PaginationComponent_ng_template_8_Template, 2, 2, "ng-template", null, 2, i0__namespace.ɵɵtemplateRefExtractor);
             } if (rf & 2) {
                 i0__namespace.ɵɵconditional(ctx.navcontrols === "Classic" ? 0 : -1);
                 i0__namespace.ɵɵadvance();
                 i0__namespace.ɵɵconditional(ctx.navcontrols === "Pager" ? 1 : -1);
                 i0__namespace.ɵɵadvance();
-                i0__namespace.ɵɵconditional(ctx.navcontrols === "Basic" && !(ctx.dataSize <= ctx.maxResults) ? 2 : -1);
+                i0__namespace.ɵɵconditional(ctx.navcontrols === "Basic" ? 2 : -1);
                 i0__namespace.ɵɵadvance();
                 i0__namespace.ɵɵconditional(ctx.navcontrols === "Basic" && ctx.showrecordcount ? 3 : -1);
-            } }, dependencies: [i1.CommonModule, i1__namespace.NgClass, base.WmComponentsModule, i2.FormsModule, i2__namespace.DefaultValueAccessor, i2__namespace.NumberValueAccessor, i2__namespace.NgControlStatus, i2__namespace.NgModel, i3.PaginationModule, i3__namespace.PaginationComponent], encapsulation: 2 }); }
+            } }, dependencies: [i1.CommonModule, i1__namespace.NgClass, base.WmComponentsModule, i2.FormsModule, i2__namespace.DefaultValueAccessor, i2__namespace.NumberValueAccessor, i2__namespace.NgControlStatus, i2__namespace.NgModel, i3.PaginationModule, i3__namespace.PaginationComponent, i4.BsDropdownModule, i4__namespace.BsDropdownMenuDirective, i4__namespace.BsDropdownToggleDirective, i4__namespace.BsDropdownDirective], encapsulation: 2 }); }
     }
     (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PaginationComponent, [{
             type: i0.Component,
-            args: [{ standalone: true, imports: [i1.CommonModule, base.WmComponentsModule, i2.FormsModule, i3.PaginationModule], selector: '[wmPagination]', providers: [
+            args: [{ standalone: true, imports: [i1.CommonModule, base.WmComponentsModule, i2.FormsModule, i3.PaginationModule, i4.BsDropdownModule, menu.MenuComponent], selector: '[wmPagination]', providers: [
                         base.provideAsWidgetRef(PaginationComponent)
-                    ], template: "\n@if (navcontrols === 'Classic') {\n<ul class=\"pagination advanced {{navigationClass}}\">\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    <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  </ul>\n}\n\n@if (navcontrols === 'Basic' && !(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@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" }]
+                    ], template: "\n@if (navcontrols === 'Classic') {\n<ul class=\"pagination advanced {{navigationClass}}\">\n    @if (allowpagesizechange) {\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\" (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) {\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\" (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\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  </ul>\n}\n\n@if (navcontrols === 'Basic') {\n    @if (allowpagesizechange) {\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\"  (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" }]
         }], () => [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
                     type: i0.SkipSelf
                 }, {
@@ -836,8 +1229,11 @@
                 type: i0.Output
             }], maxResultsEmitter: [{
                 type: i0.Output
+            }], bsDropdown: [{
+                type: i0.ViewChild,
+                args: [i4.BsDropdownDirective]
             }] }); })();
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(PaginationComponent, { className: "PaginationComponent", filePath: "pagination.component.ts", lineNumber: 47 }); })();
+    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(PaginationComponent, { className: "PaginationComponent", filePath: "pagination.component.ts", lineNumber: 49 }); })();
 
     exports.PaginationComponent = PaginationComponent;