@wavemaker/app-ng-runtime 11.10.3-rc.205 → 11.10.4-rc.206

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

@@ -48,118 +48,155 @@
     const _c0 = ["wmPagination", ""];
     const _c1 = a0 => ({ "disabled": a0 });
     const _c2 = () => ({ standalone: true });
-    function PaginationComponent_ul_0_li_31_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "li", 23)(1, "a", 24);
-        i0__namespace.ɵɵtext(2);
-        i0__namespace.ɵɵelementEnd()();
-    } if (rf & 2) {
-        const ctx_r1 = i0__namespace.ɵɵnextContext(2);
-        i0__namespace.ɵɵadvance(2);
-        i0__namespace.ɵɵtextInterpolate2("", ctx_r1.appLocale.LABEL_TOTAL_RECORDS, ": ", ctx_r1.dataSize, "");
-    } }
-    function PaginationComponent_ul_0_Template(rf, ctx) { if (rf & 1) {
+    function PaginationComponent_ul_0_li_1_Template(rf, ctx) { if (rf & 1) {
         const _r1 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "ul")(1, "li", 6)(2, "a", 7);
-        i0__namespace.ɵɵlistener("click", function PaginationComponent_ul_0_Template_a_click_2_listener($event) { i0__namespace.ɵɵrestoreView(_r1); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.navigatePage("first", $event)); });
-        i0__namespace.ɵɵelementStart(3, "span", 8);
-        i0__namespace.ɵɵelement(4, "i", 9);
-        i0__namespace.ɵɵelementEnd();
-        i0__namespace.ɵɵelementStart(5, "span", 10);
-        i0__namespace.ɵɵtext(6);
-        i0__namespace.ɵɵelementEnd()()();
-        i0__namespace.ɵɵelementStart(7, "li", 6)(8, "a", 11);
-        i0__namespace.ɵɵlistener("click", function PaginationComponent_ul_0_Template_a_click_8_listener($event) { i0__namespace.ɵɵrestoreView(_r1); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.navigatePage("prev", $event)); });
-        i0__namespace.ɵɵelementStart(9, "span", 8);
-        i0__namespace.ɵɵelement(10, "i", 12);
+        i0__namespace.ɵɵelementStart(0, "li", 10)(1, "a", 11);
+        i0__namespace.ɵɵlistener("click", function PaginationComponent_ul_0_li_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", 12);
+        i0__namespace.ɵɵelement(3, "i", 13);
         i0__namespace.ɵɵelementEnd();
-        i0__namespace.ɵɵelementStart(11, "span", 10);
-        i0__namespace.ɵɵtext(12);
-        i0__namespace.ɵɵelementEnd()()();
-        i0__namespace.ɵɵelementStart(13, "li", 13)(14, "a", 14)(15, "input", 15);
-        i0__namespace.ɵɵtwoWayListener("ngModelChange", function PaginationComponent_ul_0_Template_input_ngModelChange_15_listener($event) { i0__namespace.ɵɵrestoreView(_r1); const ctx_r1 = i0__namespace.ɵɵnextContext(); i0__namespace.ɵɵtwoWayBindingSet(ctx_r1.dn.currentPage, $event) || (ctx_r1.dn.currentPage = $event); return i0__namespace.ɵɵresetView($event); });
-        i0__namespace.ɵɵlistener("keydown", function PaginationComponent_ul_0_Template_input_keydown_15_listener($event) { i0__namespace.ɵɵrestoreView(_r1); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.onKeyDown($event)); })("change", function PaginationComponent_ul_0_Template_input_change_15_listener($event) { i0__namespace.ɵɵrestoreView(_r1); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.onModelChange($event)); });
-        i0__namespace.ɵɵelementEnd()()();
-        i0__namespace.ɵɵelementStart(16, "li", 16)(17, "a", 17);
-        i0__namespace.ɵɵtext(18);
-        i0__namespace.ɵɵelementEnd()();
-        i0__namespace.ɵɵelementStart(19, "li", 6)(20, "a", 18);
-        i0__namespace.ɵɵlistener("click", function PaginationComponent_ul_0_Template_a_click_20_listener($event) { i0__namespace.ɵɵrestoreView(_r1); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.navigatePage("next", $event)); });
-        i0__namespace.ɵɵelementStart(21, "span", 8);
-        i0__namespace.ɵɵelement(22, "i", 19);
-        i0__namespace.ɵɵelementEnd();
-        i0__namespace.ɵɵelementStart(23, "span", 10);
-        i0__namespace.ɵɵtext(24);
-        i0__namespace.ɵɵelementEnd()()();
-        i0__namespace.ɵɵelementStart(25, "li", 6)(26, "a", 20);
-        i0__namespace.ɵɵlistener("click", function PaginationComponent_ul_0_Template_a_click_26_listener($event) { i0__namespace.ɵɵrestoreView(_r1); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.navigatePage("last", $event)); });
-        i0__namespace.ɵɵelementStart(27, "span", 8);
-        i0__namespace.ɵɵelement(28, "i", 21);
-        i0__namespace.ɵɵelementEnd();
-        i0__namespace.ɵɵelementStart(29, "span", 10);
-        i0__namespace.ɵɵtext(30);
+        i0__namespace.ɵɵelementStart(4, "span", 14);
+        i0__namespace.ɵɵtext(5);
         i0__namespace.ɵɵelementEnd()()();
-        i0__namespace.ɵɵtemplate(31, PaginationComponent_ul_0_li_31_Template, 3, 2, "li", 22);
-        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.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(26, _c1, ctx_r1.isDisableFirst));
+        const ctx_r1 = i0__namespace.ɵɵnextContext(2);
+        i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c1, 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" : "", "");
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(28, _c1, ctx_r1.isDisablePrevious));
+    } }
+    function PaginationComponent_ul_0_li_2_Template(rf, ctx) { if (rf & 1) {
+        const _r3 = i0__namespace.ɵɵgetCurrentView();
+        i0__namespace.ɵɵelementStart(0, "li", 10)(1, "a", 15);
+        i0__namespace.ɵɵlistener("click", function PaginationComponent_ul_0_li_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", 12);
+        i0__namespace.ɵɵelement(3, "i", 16);
+        i0__namespace.ɵɵelementEnd();
+        i0__namespace.ɵɵelementStart(4, "span", 14);
+        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.ɵɵ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" : "", "");
-        i0__namespace.ɵɵadvance(3);
+    } }
+    function PaginationComponent_ul_0_li_3_Template(rf, ctx) { if (rf & 1) {
+        const _r4 = i0__namespace.ɵɵgetCurrentView();
+        i0__namespace.ɵɵelementStart(0, "li", 17)(1, "a", 18)(2, "input", 19);
+        i0__namespace.ɵɵtwoWayListener("ngModelChange", function PaginationComponent_ul_0_li_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_ul_0_li_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_ul_0_li_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)); });
+        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(30, _c2));
+        i0__namespace.ɵɵproperty("disabled", ctx_r1.isDisableCurrent)("ngModelOptions", i0__namespace.ɵɵpureFunction0(4, _c2));
         i0__namespace.ɵɵattribute("aria-label", "Showing Page " + ctx_r1.dn.currentPage + " of " + ctx_r1.pageCount);
-        i0__namespace.ɵɵadvance(2);
+    } }
+    function PaginationComponent_ul_0_li_4_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelementStart(0, "li", 20)(1, "a", 21);
+        i0__namespace.ɵɵtext(2);
+        i0__namespace.ɵɵelementEnd()();
+    } if (rf & 2) {
+        const ctx_r1 = i0__namespace.ɵɵnextContext(2);
+        i0__namespace.ɵɵadvance();
         i0__namespace.ɵɵproperty("hidden", ctx_r1.isDisableCount);
         i0__namespace.ɵɵadvance();
         i0__namespace.ɵɵtextInterpolate1(" / ", ctx_r1.pageCount, "");
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(31, _c1, ctx_r1.isDisableNext));
+    } }
+    function PaginationComponent_ul_0_li_5_Template(rf, ctx) { if (rf & 1) {
+        const _r5 = i0__namespace.ɵɵgetCurrentView();
+        i0__namespace.ɵɵelementStart(0, "li", 10)(1, "a", 22);
+        i0__namespace.ɵɵlistener("click", function PaginationComponent_ul_0_li_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", 12);
+        i0__namespace.ɵɵelement(3, "i", 23);
+        i0__namespace.ɵɵelementEnd();
+        i0__namespace.ɵɵelementStart(4, "span", 14);
+        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.ɵɵ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" : "", "");
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(33, _c1, ctx_r1.isDisableLast));
+    } }
+    function PaginationComponent_ul_0_li_6_Template(rf, ctx) { if (rf & 1) {
+        const _r6 = i0__namespace.ɵɵgetCurrentView();
+        i0__namespace.ɵɵelementStart(0, "li", 10)(1, "a", 24);
+        i0__namespace.ɵɵlistener("click", function PaginationComponent_ul_0_li_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", 12);
+        i0__namespace.ɵɵelement(3, "i", 25);
+        i0__namespace.ɵɵelementEnd();
+        i0__namespace.ɵɵelementStart(4, "span", 14);
+        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.ɵɵ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_ul_0_li_7_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelementStart(0, "li", 26)(1, "a", 27);
+        i0__namespace.ɵɵtext(2);
+        i0__namespace.ɵɵelementEnd()();
+    } if (rf & 2) {
+        const ctx_r1 = i0__namespace.ɵɵnextContext(2);
+        i0__namespace.ɵɵadvance(2);
+        i0__namespace.ɵɵtextInterpolate2("", ctx_r1.appLocale.LABEL_TOTAL_RECORDS, ": ", ctx_r1.dataSize, "");
+    } }
+    function PaginationComponent_ul_0_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelementStart(0, "ul");
+        i0__namespace.ɵɵtemplate(1, PaginationComponent_ul_0_li_1_Template, 6, 6, "li", 6)(2, PaginationComponent_ul_0_li_2_Template, 6, 6, "li", 6)(3, PaginationComponent_ul_0_li_3_Template, 3, 5, "li", 7)(4, PaginationComponent_ul_0_li_4_Template, 3, 2, "li", 8)(5, PaginationComponent_ul_0_li_5_Template, 6, 6, "li", 6)(6, PaginationComponent_ul_0_li_6_Template, 6, 6, "li", 6)(7, PaginationComponent_ul_0_li_7_Template, 3, 2, "li", 9);
+        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.ɵɵproperty("ngIf", !(ctx_r1.dataSize <= ctx_r1.maxResults));
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵproperty("ngIf", !(ctx_r1.dataSize <= ctx_r1.maxResults));
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵproperty("ngIf", !(ctx_r1.dataSize <= ctx_r1.maxResults));
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵproperty("ngIf", !(ctx_r1.dataSize <= ctx_r1.maxResults));
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵproperty("ngIf", !(ctx_r1.dataSize <= ctx_r1.maxResults));
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵproperty("ngIf", !(ctx_r1.dataSize <= ctx_r1.maxResults));
         i0__namespace.ɵɵadvance();
         i0__namespace.ɵɵproperty("ngIf", ctx_r1.showrecordcount);
     } }
     function PaginationComponent_ul_1_Template(rf, ctx) { if (rf & 1) {
-        const _r3 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "ul")(1, "li", 25)(2, "a", 26);
-        i0__namespace.ɵɵlistener("click", function PaginationComponent_ul_1_Template_a_click_2_listener($event) { i0__namespace.ɵɵrestoreView(_r3); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.navigatePage("prev", $event)); });
-        i0__namespace.ɵɵelementStart(3, "span", 8);
-        i0__namespace.ɵɵelement(4, "i", 12);
+        const _r7 = i0__namespace.ɵɵgetCurrentView();
+        i0__namespace.ɵɵelementStart(0, "ul")(1, "li", 28)(2, "a", 29);
+        i0__namespace.ɵɵlistener("click", function PaginationComponent_ul_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", 12);
+        i0__namespace.ɵɵelement(4, "i", 16);
         i0__namespace.ɵɵelementEnd();
         i0__namespace.ɵɵtext(5);
-        i0__namespace.ɵɵelementStart(6, "span", 10);
+        i0__namespace.ɵɵelementStart(6, "span", 14);
         i0__namespace.ɵɵtext(7);
         i0__namespace.ɵɵelementEnd()()();
-        i0__namespace.ɵɵelementStart(8, "li", 27)(9, "a", 26);
-        i0__namespace.ɵɵlistener("click", function PaginationComponent_ul_1_Template_a_click_9_listener($event) { i0__namespace.ɵɵrestoreView(_r3); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.navigatePage("next", $event)); });
-        i0__namespace.ɵɵelementStart(10, "span", 8);
-        i0__namespace.ɵɵelement(11, "i", 19);
+        i0__namespace.ɵɵelementStart(8, "li", 30)(9, "a", 29);
+        i0__namespace.ɵɵlistener("click", function PaginationComponent_ul_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", 12);
+        i0__namespace.ɵɵelement(11, "i", 23);
         i0__namespace.ɵɵelementEnd();
         i0__namespace.ɵɵtext(12);
-        i0__namespace.ɵɵelementStart(13, "span", 10);
+        i0__namespace.ɵɵelementStart(13, "span", 14);
         i0__namespace.ɵɵtext(14);
         i0__namespace.ɵɵelementEnd()()()();
     } if (rf & 2) {
@@ -183,20 +220,20 @@
         i0__namespace.ɵɵtextInterpolate(ctx_r1.isDisableNext ? " , Disabled" : "");
     } }
     function PaginationComponent_pagination_2_Template(rf, ctx) { if (rf & 1) {
-        const _r4 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "pagination", 28);
-        i0__namespace.ɵɵlistener("pageChanged", function PaginationComponent_pagination_2_Template_pagination_pageChanged_0_listener($event) { i0__namespace.ɵɵrestoreView(_r4); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.pageChanged($event)); });
+        const _r8 = i0__namespace.ɵɵgetCurrentView();
+        i0__namespace.ɵɵelementStart(0, "pagination", 31);
+        i0__namespace.ɵɵlistener("pageChanged", function PaginationComponent_pagination_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)); });
         i0__namespace.ɵɵelementEnd();
     } if (rf & 2) {
         const ctx_r1 = i0__namespace.ɵɵnextContext();
-        const pageTemplate_r5 = i0__namespace.ɵɵreference(5);
-        const prevTemplate_r6 = i0__namespace.ɵɵreference(7);
-        const nextTemplate_r7 = 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_r6)("customNextTemplate", nextTemplate_r7)("customPageTemplate", pageTemplate_r5);
+        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);
         i0__namespace.ɵɵattribute("aria-label", "Showing Page " + ctx_r1.dn.currentPage + " of " + ctx_r1.pageCount + " pages");
     } }
     function PaginationComponent_ul_3_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "ul", 29)(1, "li", 30)(2, "a", 24);
+        i0__namespace.ɵɵelementStart(0, "ul", 32)(1, "li", 33)(2, "a", 27);
         i0__namespace.ɵɵtext(3);
         i0__namespace.ɵɵelementEnd()()();
     } if (rf & 2) {
@@ -205,50 +242,50 @@
         i0__namespace.ɵɵtextInterpolate2("", ctx_r1.appLocale.LABEL_TOTAL_RECORDS, ": ", ctx_r1.dataSize, "");
     } }
     function PaginationComponent_ng_template_4_span_3_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "span", 10);
+        i0__namespace.ɵɵelementStart(0, "span", 14);
         i0__namespace.ɵɵtext(1);
         i0__namespace.ɵɵelementEnd();
     } if (rf & 2) {
-        const page_r8 = i0__namespace.ɵɵnextContext().$implicit;
+        const page_r12 = i0__namespace.ɵɵnextContext().$implicit;
         const ctx_r1 = i0__namespace.ɵɵnextContext();
         i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵtextInterpolate1(" ", ", Showing page " + page_r8.number + " of " + ctx_r1.pageCount, "");
+        i0__namespace.ɵɵtextInterpolate1(" ", ", Showing page " + page_r12.number + " of " + ctx_r1.pageCount, "");
     } }
     function PaginationComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "span", 10);
+        i0__namespace.ɵɵelementStart(0, "span", 14);
         i0__namespace.ɵɵtext(1);
         i0__namespace.ɵɵelementEnd();
         i0__namespace.ɵɵtext(2);
-        i0__namespace.ɵɵtemplate(3, PaginationComponent_ng_template_4_span_3_Template, 2, 1, "span", 31);
+        i0__namespace.ɵɵtemplate(3, PaginationComponent_ng_template_4_span_3_Template, 2, 1, "span", 34);
     } if (rf & 2) {
-        const page_r8 = ctx.$implicit;
-        i0__namespace.ɵɵattribute("data-isacitvepage", page_r8.active);
+        const page_r12 = ctx.$implicit;
+        i0__namespace.ɵɵattribute("data-isacitvepage", page_r12.active);
         i0__namespace.ɵɵadvance();
         i0__namespace.ɵɵtextInterpolate("Page ");
         i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵtextInterpolate1(" ", page_r8.number, " ");
+        i0__namespace.ɵɵtextInterpolate1(" ", page_r12.number, " ");
         i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngIf", page_r8.active);
+        i0__namespace.ɵɵproperty("ngIf", page_r12.active);
     } }
     function PaginationComponent_ng_template_6_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "span", 10);
+        i0__namespace.ɵɵelementStart(0, "span", 14);
         i0__namespace.ɵɵtext(1);
         i0__namespace.ɵɵelementEnd();
     } if (rf & 2) {
-        const disabled_r9 = ctx.disabled;
-        i0__namespace.ɵɵattribute("data-isdisabled", disabled_r9);
+        const disabled_r13 = ctx.disabled;
+        i0__namespace.ɵɵattribute("data-isdisabled", disabled_r13);
         i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵtextInterpolate1("Go to Previous page ", disabled_r9 ? ", Disabled" : "", "");
+        i0__namespace.ɵɵtextInterpolate1("Go to Previous page ", disabled_r13 ? ", Disabled" : "", "");
     } }
     function PaginationComponent_ng_template_8_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "span", 10);
+        i0__namespace.ɵɵelementStart(0, "span", 14);
         i0__namespace.ɵɵtext(1);
         i0__namespace.ɵɵelementEnd();
     } if (rf & 2) {
-        const disabled_r10 = ctx.disabled;
-        i0__namespace.ɵɵattribute("data-isdisabled", disabled_r10);
+        const disabled_r14 = ctx.disabled;
+        i0__namespace.ɵɵattribute("data-isdisabled", disabled_r14);
         i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵtextInterpolate1("Go to Next page ", disabled_r10 ? ", Disabled" : "", "");
+        i0__namespace.ɵɵtextInterpolate1("Go to Next page ", disabled_r14 ? ", Disabled" : "", "");
     } }
     const DEFAULT_CLS = 'app-datanavigator clearfix';
     const WIDGET_CONFIG = { widgetType: 'wm-pagination', hostClass: DEFAULT_CLS };
@@ -768,14 +805,14 @@
         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" }, features: [i0__namespace.ɵɵProvidersFeature([
                     base.provideAsWidgetRef(PaginationComponent)
-                ]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c0, decls: 10, vars: 4, consts: [["pageTemplate", ""], ["prevTemplate", ""], ["nextTemplate", ""], [3, "class", 4, "ngIf"], ["class", "pagination basic", "role", "navigation", "firstText", "Firtst", "lastText", "Last", 3, "ngClass", "itemsPerPage", "totalItems", "ngModelOptions", "ngModel", "boundaryLinks", "maxSize", "directionLinks", "customPreviousTemplate", "customNextTemplate", "customPageTemplate", "pageChanged", 4, "ngIf"], ["class", "pagination", 4, "ngIf"], [3, "ngClass"], ["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"], [1, "pagecount", "disabled"], ["href", "javascript:void(0);", "aria-label", "Change Page Number"], ["type", "number", 1, "form-control", 3, "ngModelChange", "keydown", "change", "ngModel", "disabled", "ngModelOptions"], [1, "disabled"], [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"], ["class", "totalcount disabled", 4, "ngIf"], [1, "totalcount", "disabled"], ["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, "pagination"], [1, "totalcount", "disabled", "basiccount"], ["class", "sr-only", 4, "ngIf"]], template: function PaginationComponent_Template(rf, ctx) { if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, PaginationComponent_ul_0_Template, 32, 35, "ul", 3)(1, PaginationComponent_ul_1_Template, 15, 15, "ul", 3)(2, PaginationComponent_pagination_2_Template, 1, 13, "pagination", 4)(3, PaginationComponent_ul_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], attrs: _c0, decls: 10, vars: 4, consts: [["pageTemplate", ""], ["prevTemplate", ""], ["nextTemplate", ""], [3, "class", 4, "ngIf"], ["class", "pagination basic", "role", "navigation", "firstText", "Firtst", "lastText", "Last", 3, "ngClass", "itemsPerPage", "totalItems", "ngModelOptions", "ngModel", "boundaryLinks", "maxSize", "directionLinks", "customPreviousTemplate", "customNextTemplate", "customPageTemplate", "pageChanged", 4, "ngIf"], ["class", "pagination", 4, "ngIf"], [3, "ngClass", 4, "ngIf"], ["class", "pagecount disabled", 4, "ngIf"], ["class", "disabled", 4, "ngIf"], ["class", "totalcount disabled", 4, "ngIf"], [3, "ngClass"], ["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"], [1, "pagecount", "disabled"], ["href", "javascript:void(0);", "aria-label", "Change Page Number"], ["type", "number", 1, "form-control", 3, "ngModelChange", "keydown", "change", "ngModel", "disabled", "ngModelOptions"], [1, "disabled"], [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"], [1, "totalcount", "disabled"], ["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, "pagination"], [1, "totalcount", "disabled", "basiccount"], ["class", "sr-only", 4, "ngIf"]], template: function PaginationComponent_Template(rf, ctx) { if (rf & 1) {
+                i0__namespace.ɵɵtemplate(0, PaginationComponent_ul_0_Template, 8, 10, "ul", 3)(1, PaginationComponent_ul_1_Template, 15, 15, "ul", 3)(2, PaginationComponent_pagination_2_Template, 1, 13, "pagination", 4)(3, PaginationComponent_ul_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);
             } if (rf & 2) {
                 i0__namespace.ɵɵproperty("ngIf", ctx.navcontrols === "Classic");
                 i0__namespace.ɵɵadvance();
                 i0__namespace.ɵɵproperty("ngIf", ctx.navcontrols === "Pager");
                 i0__namespace.ɵɵadvance();
-                i0__namespace.ɵɵproperty("ngIf", ctx.navcontrols === "Basic");
+                i0__namespace.ɵɵproperty("ngIf", ctx.navcontrols === "Basic" && !(ctx.dataSize <= ctx.maxResults));
                 i0__namespace.ɵɵadvance();
                 i0__namespace.ɵɵproperty("ngIf", ctx.navcontrols === "Basic" && ctx.showrecordcount);
             } }, dependencies: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NumberValueAccessor, i2__namespace.NgControlStatus, i2__namespace.NgModel, i3__namespace.PaginationComponent], encapsulation: 2 }); }
@@ -784,7 +821,7 @@
             type: i0.Component,
             args: [{ selector: '[wmPagination]', providers: [
                         base.provideAsWidgetRef(PaginationComponent)
-                    ], template: "\n<ul class=\"pagination advanced {{navigationClass}}\" *ngIf=\"navcontrols === 'Classic'\">\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    <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    <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    <li class=\"disabled\">\n        <a [hidden]=\"isDisableCount\"> / {{pageCount}}</a>\n    </li>\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    <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    <li *ngIf=\"showrecordcount\" class=\"totalcount disabled\">\n        <a href=\"javascript:void(0);\" tabindex=\"-1\" aria-disabled=\"true\">{{appLocale.LABEL_TOTAL_RECORDS}}: {{dataSize}}</a>\n    </li>\n</ul>\n<ul class=\"pager {{navigationClass}}\" *ngIf=\"navcontrols === 'Pager'\">\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<pagination class=\"pagination basic\" [ngClass]=\"navigationClass\" *ngIf=\"navcontrols === 'Basic'\" 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<ul *ngIf=\"navcontrols === 'Basic' && showrecordcount\" 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<ng-template #pageTemplate let-page>\n    <span class=\"sr-only\" [attr.data-isacitvepage]=\"page.active\">{{'Page '}}</span>\n    {{page.number}}\n    <span class=\"sr-only\" *ngIf=\"page.active\"> {{', Showing page ' + page.number + ' of ' + pageCount}}</span>\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<ul class=\"pagination advanced {{navigationClass}}\" *ngIf=\"navcontrols === 'Classic'\">\n    <li *ngIf=\"!(dataSize<=maxResults)\"    [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    <li *ngIf=\"!(dataSize<=maxResults)\"  [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    <li *ngIf=\"!(dataSize<=maxResults)\"  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    <li *ngIf=\"!(dataSize<=maxResults)\"  class=\"disabled\">\n        <a [hidden]=\"isDisableCount\"> / {{pageCount}}</a>\n    </li>\n    <li *ngIf=\"!(dataSize<=maxResults)\"  [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    <li *ngIf=\"!(dataSize<=maxResults)\"  [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    <li *ngIf=\"showrecordcount\" class=\"totalcount disabled\">\n        <a href=\"javascript:void(0);\" tabindex=\"-1\" aria-disabled=\"true\">{{appLocale.LABEL_TOTAL_RECORDS}}: {{dataSize}}</a>\n    </li>\n</ul>\n<ul class=\"pager {{navigationClass}}\" *ngIf=\"navcontrols === 'Pager'\">\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<pagination class=\"pagination basic\" [ngClass]=\"navigationClass\" *ngIf=\"navcontrols === 'Basic' && !(dataSize<=maxResults)\" 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<ul *ngIf=\"navcontrols === 'Basic' && showrecordcount\" 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<ng-template #pageTemplate let-page>\n    <span class=\"sr-only\" [attr.data-isacitvepage]=\"page.active\">{{'Page '}}</span>\n    {{page.number}}\n    <span class=\"sr-only\" *ngIf=\"page.active\"> {{', Showing page ' + page.number + ' of ' + pageCount}}</span>\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
                 }, {