@wavemaker/app-ng-runtime 11.13.0-rc.6255 → 11.14.0-rc.232

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

@@ -1,17 +1,16 @@
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { register, PROP_BOOLEAN, PROP_STRING, PROP_ANY, PROP_NUMBER, StylableComponent, DEBOUNCE_TIMES, styler, getOrderByExpr, unsupportedStatePersistenceTypes, WidgetRef, provideAsWidgetRef, WmComponentsModule } from '@wm/components/base';
 import * as i2 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, SkipSelf, Inject, Optional, Output, ViewChild } from '@angular/core';
+import { EventEmitter, ViewChild, Output, SkipSelf, Inject, Optional, Component } from '@angular/core';
 import { debounce, isDefined, AppConstants, DataSource, triggerFn, $appDigest, $watch, switchClass } from '@wm/core';
+import { register, PROP_BOOLEAN, PROP_STRING, PROP_ANY, PROP_NUMBER, StylableComponent, DEBOUNCE_TIMES, styler, getOrderByExpr, unsupportedStatePersistenceTypes, WidgetRef, provideAsWidgetRef } from '@wm/components/base';
 import { forEach, isArray, isEmpty, get, isString, isNull, range } from 'lodash-es';
 import * as i3 from 'ngx-bootstrap/pagination';
 import { PaginationModule } from 'ngx-bootstrap/pagination';
 import * as i4 from 'ngx-bootstrap/dropdown';
-import { BsDropdownDirective, BsDropdownModule } from 'ngx-bootstrap/dropdown';
-import { MenuComponent } from '@wm/components/navigation/menu';
+import { BsDropdownModule, BsDropdownDirective } from 'ngx-bootstrap/dropdown';
 
 const registerProps = () => {
     register('wm-pagination', new Map([
@@ -35,464 +34,6 @@ const registerProps = () => {
     ]));
 };
 
-const _c0 = ["wmPagination", ""];
-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.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "li", 17)(1, "a", 18);
-    i0.ɵɵlistener("click", function PaginationComponent_Conditional_0_Conditional_1_ul_7_For_2_Template_a_click_1_listener($event) { const option_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵ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.ɵɵrestoreView(_r3).$index; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.onDropdownKeydown($event, ɵ$index_21_r5)); });
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const option_r4 = ctx.$implicit;
-    const ɵ$index_21_r5 = ctx.$index;
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c1, option_r4 == ctx_r1.maxResults));
-    i0.ɵɵadvance();
-    i0.ɵɵattribute("tabindex", ɵ$index_21_r5 === ctx_r1.focusedIndex ? 0 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(option_r4);
-} }
-function PaginationComponent_Conditional_0_Conditional_1_ul_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "ul", 16);
-    i0.ɵɵrepeaterCreate(1, PaginationComponent_Conditional_0_Conditional_1_ul_7_For_2_Template, 3, 5, "li", 17, i0.ɵɵrepeaterTrackByIdentity);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.pageSizeOptions);
-} }
-function PaginationComponent_Conditional_0_Conditional_1_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li", 15)(1, "div")(2, "span");
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span");
-    i0.ɵɵtext(5, "of");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span");
-    i0.ɵɵtext(7);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate2("", ctx_r1.rowSummary.startIndex, " - ", ctx_r1.rowSummary.endIndex, "");
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r1.rowSummary.totalRecords);
-} }
-function PaginationComponent_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "li", 9)(1, "label", 10);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 11);
-    i0.ɵɵlistener("isOpenChange", function PaginationComponent_Conditional_0_Conditional_1_Template_div_isOpenChange_3_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onOpenChange($event)); });
-    i0.ɵɵelementStart(4, "button", 12);
-    i0.ɵɵtext(5);
-    i0.ɵɵelement(6, "span", 13);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(7, PaginationComponent_Conditional_0_Conditional_1_ul_7_Template, 3, 0, "ul", 14);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(8, PaginationComponent_Conditional_0_Conditional_1_Conditional_8_Template, 8, 3, "li", 15);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("title", ctx_r1.appLocale.LABEL_ITEMS_PER_PAGE);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("", ctx_r1.appLocale.LABEL_ITEMS_PER_PAGE, " :");
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.maxResults, " ");
-    i0.ɵɵadvance(3);
-    i0.ɵɵ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.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "li", 5)(1, "a", 19);
-    i0.ɵɵlistener("click", function PaginationComponent_Conditional_0_Conditional_2_Template_a_click_1_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.navigatePage("first", $event)); });
-    i0.ɵɵelementStart(2, "span", 20);
-    i0.ɵɵelement(3, "i", 21);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 22);
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c2, ctx_r1.isDisableFirst));
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("title", ctx_r1.appLocale.LABEL_FIRST);
-    i0.ɵɵattribute("aria-disabled", ctx_r1.isDisableFirst);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1("Go to first page ", ctx_r1.isDisableFirst ? " , Disabled" : "", "");
-} }
-function PaginationComponent_Conditional_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "li", 5)(1, "a", 23);
-    i0.ɵɵlistener("click", function PaginationComponent_Conditional_0_Conditional_3_Template_a_click_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.navigatePage("prev", $event)); });
-    i0.ɵɵelementStart(2, "span", 20);
-    i0.ɵɵelement(3, "i", 24);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 22);
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c2, ctx_r1.isDisablePrevious));
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("title", ctx_r1.appLocale.LABEL_PREVIOUS);
-    i0.ɵɵattribute("aria-disabled", ctx_r1.isDisablePrevious);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1("Go to previous page ", ctx_r1.isDisablePrevious ? ", Disabled" : "", "");
-} }
-function PaginationComponent_Conditional_0_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "li", 6)(1, "a", 25)(2, "input", 26);
-    i0.ɵɵtwoWayListener("ngModelChange", function PaginationComponent_Conditional_0_Conditional_4_Template_input_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.dn.currentPage, $event) || (ctx_r1.dn.currentPage = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("keydown", function PaginationComponent_Conditional_0_Conditional_4_Template_input_keydown_2_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onKeyDown($event)); })("change", function PaginationComponent_Conditional_0_Conditional_4_Template_input_change_2_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onModelChange($event)); });
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.dn.currentPage);
-    i0.ɵɵproperty("disabled", ctx_r1.isDisableCurrent)("ngModelOptions", i0.ɵɵpureFunction0(4, _c3));
-    i0.ɵɵattribute("aria-label", "Showing Page " + ctx_r1.dn.currentPage + " of " + ctx_r1.pageCount);
-} }
-function PaginationComponent_Conditional_0_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li", 7)(1, "a", 27);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("hidden", ctx_r1.isDisableCount);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" / ", ctx_r1.pageCount, "");
-} }
-function PaginationComponent_Conditional_0_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "li", 5)(1, "a", 28);
-    i0.ɵɵlistener("click", function PaginationComponent_Conditional_0_Conditional_6_Template_a_click_1_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.navigatePage("next", $event)); });
-    i0.ɵɵelementStart(2, "span", 20);
-    i0.ɵɵelement(3, "i", 29);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 22);
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c2, ctx_r1.isDisableNext));
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("title", ctx_r1.appLocale.LABEL_NEXT);
-    i0.ɵɵattribute("aria-disabled", ctx_r1.isDisableNext);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1("Go to next page ", ctx_r1.isDisableNext ? " , Disabled" : "", "");
-} }
-function PaginationComponent_Conditional_0_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "li", 5)(1, "a", 30);
-    i0.ɵɵlistener("click", function PaginationComponent_Conditional_0_Conditional_7_Template_a_click_1_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.navigatePage("last", $event)); });
-    i0.ɵɵelementStart(2, "span", 20);
-    i0.ɵɵelement(3, "i", 31);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 22);
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c2, ctx_r1.isDisableLast));
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("title", ctx_r1.appLocale.LABEL_LAST);
-    i0.ɵɵattribute("aria-disabled", ctx_r1.isDisableLast);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1("Go to last page ", ctx_r1.isDisableLast ? " , Disabled" : "", "");
-} }
-function PaginationComponent_Conditional_0_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li", 8)(1, "a", 32);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate2("", ctx_r1.appLocale.LABEL_TOTAL_RECORDS, ": ", ctx_r1.dataSize, "");
-} }
-function PaginationComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "ul");
-    i0.ɵɵ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.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵclassMapInterpolate1("pagination advanced ", ctx_r1.navigationClass, "");
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.allowpagesizechange && (ctx_r1.pageSizeOptions == null ? null : ctx_r1.pageSizeOptions[0]) < (ctx_r1.rowSummary == null ? null : ctx_r1.rowSummary.totalRecords) ? 1 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(!(ctx_r1.dataSize <= ctx_r1.maxResults) ? 2 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(!(ctx_r1.dataSize <= ctx_r1.maxResults) ? 3 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(!(ctx_r1.dataSize <= ctx_r1.maxResults) ? 4 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(!(ctx_r1.dataSize <= ctx_r1.maxResults) ? 5 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(!(ctx_r1.dataSize <= ctx_r1.maxResults) ? 6 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(!(ctx_r1.dataSize <= ctx_r1.maxResults) ? 7 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.showrecordcount ? 8 : -1);
-} }
-function PaginationComponent_Conditional_1_Conditional_1_ul_7_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "li", 17)(1, "a", 18);
-    i0.ɵɵlistener("click", function PaginationComponent_Conditional_1_Conditional_1_ul_7_For_2_Template_a_click_1_listener($event) { const option_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵ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.ɵɵrestoreView(_r13).$index; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.onDropdownKeydown($event, ɵ$index_128_r15)); });
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const option_r14 = ctx.$implicit;
-    const ɵ$index_128_r15 = ctx.$index;
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c1, option_r14 == ctx_r1.maxResults));
-    i0.ɵɵadvance();
-    i0.ɵɵattribute("tabindex", ɵ$index_128_r15 === ctx_r1.focusedIndex ? 0 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(option_r14);
-} }
-function PaginationComponent_Conditional_1_Conditional_1_ul_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "ul", 16);
-    i0.ɵɵrepeaterCreate(1, PaginationComponent_Conditional_1_Conditional_1_ul_7_For_2_Template, 3, 5, "li", 17, i0.ɵɵrepeaterTrackByIdentity);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.pageSizeOptions);
-} }
-function PaginationComponent_Conditional_1_Conditional_1_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li", 15)(1, "div")(2, "span");
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span");
-    i0.ɵɵtext(5, "of");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span");
-    i0.ɵɵtext(7);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate2("", ctx_r1.rowSummary.startIndex, " - ", ctx_r1.rowSummary.endIndex, "");
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r1.rowSummary.totalRecords);
-} }
-function PaginationComponent_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "li", 9)(1, "label", 10);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 11);
-    i0.ɵɵlistener("isOpenChange", function PaginationComponent_Conditional_1_Conditional_1_Template_div_isOpenChange_3_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onOpenChange($event)); });
-    i0.ɵɵelementStart(4, "button", 12);
-    i0.ɵɵtext(5);
-    i0.ɵɵelement(6, "span", 13);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(7, PaginationComponent_Conditional_1_Conditional_1_ul_7_Template, 3, 0, "ul", 14);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(8, PaginationComponent_Conditional_1_Conditional_1_Conditional_8_Template, 8, 3, "li", 15);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("title", ctx_r1.appLocale.LABEL_ITEMS_PER_PAGE);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("", ctx_r1.appLocale.LABEL_ITEMS_PER_PAGE, " :");
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.maxResults, " ");
-    i0.ɵɵadvance(3);
-    i0.ɵɵ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.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ul");
-    i0.ɵɵtemplate(1, PaginationComponent_Conditional_1_Conditional_1_Template, 9, 4);
-    i0.ɵɵelementStart(2, "li", 33)(3, "a", 34);
-    i0.ɵɵlistener("click", function PaginationComponent_Conditional_1_Template_a_click_3_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.navigatePage("prev", $event)); });
-    i0.ɵɵelementStart(4, "span", 20);
-    i0.ɵɵelement(5, "i", 24);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(6);
-    i0.ɵɵelementStart(7, "span", 22);
-    i0.ɵɵtext(8);
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(9, "li", 35)(10, "a", 34);
-    i0.ɵɵlistener("click", function PaginationComponent_Conditional_1_Template_a_click_10_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.navigatePage("next", $event)); });
-    i0.ɵɵelementStart(11, "span", 20);
-    i0.ɵɵelement(12, "i", 29);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(13);
-    i0.ɵɵelementStart(14, "span", 22);
-    i0.ɵɵtext(15);
-    i0.ɵɵelementEnd()()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵclassMapInterpolate1("pager ", ctx_r1.navigationClass, "");
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.allowpagesizechange && (ctx_r1.pageSizeOptions == null ? null : ctx_r1.pageSizeOptions[0]) < (ctx_r1.rowSummary == null ? null : ctx_r1.rowSummary.totalRecords) ? 1 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c2, ctx_r1.isDisablePrevious));
-    i0.ɵɵadvance();
-    i0.ɵɵattribute("aria-disabled", ctx_r1.isDisablePrevious);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.appLocale.LABEL_PREVIOUS, " ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.isDisablePrevious ? " , Disabled" : "");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(14, _c2, ctx_r1.isDisableNext));
-    i0.ɵɵadvance();
-    i0.ɵɵattribute("aria-disabled", ctx_r1.isDisableNext);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.appLocale.LABEL_NEXT, " ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.isDisableNext ? " , Disabled" : "");
-} }
-function PaginationComponent_Conditional_2_Conditional_0_ul_7_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "li", 17)(1, "a", 18);
-    i0.ɵɵlistener("click", function PaginationComponent_Conditional_2_Conditional_0_ul_7_For_2_Template_a_click_1_listener($event) { const option_r18 = i0.ɵɵrestoreView(_r17).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵ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.ɵɵrestoreView(_r17).$index; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.onDropdownKeydown($event, ɵ$index_190_r19)); });
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const option_r18 = ctx.$implicit;
-    const ɵ$index_190_r19 = ctx.$index;
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c1, option_r18 == ctx_r1.maxResults));
-    i0.ɵɵadvance();
-    i0.ɵɵattribute("tabindex", ɵ$index_190_r19 === ctx_r1.focusedIndex ? 0 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(option_r18);
-} }
-function PaginationComponent_Conditional_2_Conditional_0_ul_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "ul", 16);
-    i0.ɵɵrepeaterCreate(1, PaginationComponent_Conditional_2_Conditional_0_ul_7_For_2_Template, 3, 5, "li", 17, i0.ɵɵrepeaterTrackByIdentity);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.pageSizeOptions);
-} }
-function PaginationComponent_Conditional_2_Conditional_0_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 15)(1, "div")(2, "span");
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span");
-    i0.ɵɵtext(5, "of");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span");
-    i0.ɵɵtext(7);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate2("", ctx_r1.rowSummary.startIndex, " - ", ctx_r1.rowSummary.endIndex, "");
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r1.rowSummary.totalRecords);
-} }
-function PaginationComponent_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 9)(1, "label", 10);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 11);
-    i0.ɵɵlistener("isOpenChange", function PaginationComponent_Conditional_2_Conditional_0_Template_div_isOpenChange_3_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onOpenChange($event)); });
-    i0.ɵɵelementStart(4, "button", 12);
-    i0.ɵɵtext(5);
-    i0.ɵɵelement(6, "span", 13);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(7, PaginationComponent_Conditional_2_Conditional_0_ul_7_Template, 3, 0, "ul", 14);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(8, PaginationComponent_Conditional_2_Conditional_0_Conditional_8_Template, 8, 3, "div", 15);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("title", ctx_r1.appLocale.LABEL_ITEMS_PER_PAGE);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("", ctx_r1.appLocale.LABEL_ITEMS_PER_PAGE, " :");
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.maxResults, " ");
-    i0.ɵɵadvance(3);
-    i0.ɵɵ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.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "pagination", 37);
-    i0.ɵɵlistener("pageChanged", function PaginationComponent_Conditional_2_Conditional_1_Template_pagination_pageChanged_0_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.pageChanged($event)); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    const pageTemplate_r21 = i0.ɵɵreference(5);
-    const prevTemplate_r22 = i0.ɵɵreference(7);
-    const nextTemplate_r23 = i0.ɵɵreference(9);
-    i0.ɵɵproperty("ngClass", ctx_r1.navigationClass)("itemsPerPage", ctx_r1.maxResults)("totalItems", ctx_r1.dataSize)("ngModelOptions", i0.ɵɵ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.ɵɵ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.ɵɵ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.ɵɵnextContext();
-    i0.ɵɵconditional(ctx_r1.allowpagesizechange && (ctx_r1.pageSizeOptions == null ? null : ctx_r1.pageSizeOptions[0]) < (ctx_r1.rowSummary == null ? null : ctx_r1.rowSummary.totalRecords) ? 0 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(!(ctx_r1.dataSize <= ctx_r1.maxResults) ? 1 : -1);
-} }
-function PaginationComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "ul", 4)(1, "li", 38)(2, "a", 32);
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate2("", ctx_r1.appLocale.LABEL_TOTAL_RECORDS, ": ", ctx_r1.dataSize, "");
-} }
-function PaginationComponent_ng_template_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 22);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const page_r24 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ", Showing page " + page_r24.number + " of " + ctx_r1.pageCount, "");
-} }
-function PaginationComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 22);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(2);
-    i0.ɵɵtemplate(3, PaginationComponent_ng_template_4_Conditional_3_Template, 2, 1, "span", 22);
-} if (rf & 2) {
-    const page_r24 = ctx.$implicit;
-    i0.ɵɵattribute("data-isacitvepage", page_r24.active);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate("Page ");
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", page_r24.number, " ");
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(page_r24.active ? 3 : -1);
-} }
-function PaginationComponent_ng_template_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 22);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const disabled_r25 = ctx.disabled;
-    i0.ɵɵattribute("data-isdisabled", disabled_r25);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("Go to Previous page ", disabled_r25 ? ", Disabled" : "", "");
-} }
-function PaginationComponent_ng_template_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 22);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const disabled_r26 = ctx.disabled;
-    i0.ɵɵattribute("data-isdisabled", disabled_r26);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("Go to Next page ", disabled_r26 ? ", Disabled" : "", "");
-} }
 const DEFAULT_CLS = 'app-datanavigator clearfix';
 const WIDGET_CONFIG = { widgetType: 'wm-pagination', hostClass: DEFAULT_CLS };
 const sizeClasses = {
@@ -876,9 +417,11 @@ class PaginationComponent extends StylableComponent {
         if (event && (isNaN(this.dn.currentPage) || this.dn.currentPage <= 0 || (this.pageCount && (this.dn.currentPage > this.pageCount || isNull(this.dn.currentPage))))) {
             if (this.dn.currentPage <= 0) {
                 this.dn.currentPage = 1;
+                this.goToPage(event);
             }
             else if (this.dn.currentPage > this.pageCount) {
                 this.dn.currentPage = this.pageCount;
+                this.goToPage(event);
             }
             return false;
         }
@@ -1185,50 +728,34 @@ class PaginationComponent extends StylableComponent {
             event.stopPropagation();
         };
     }
-    static { this.ɵfac = function PaginationComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PaginationComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(WidgetRef, 4), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PaginationComponent, selectors: [["", "wmPagination", ""]], viewQuery: function PaginationComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(BsDropdownDirective, 5);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.bsDropdown = _t.first);
-        } }, outputs: { resultEmitter: "resultEmitter", maxResultsEmitter: "maxResultsEmitter" }, standalone: true, features: [i0.ɵɵProvidersFeature([
-                provideAsWidgetRef(PaginationComponent)
-            ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵ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.ɵɵ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.ɵɵtemplateRefExtractor)(6, PaginationComponent_ng_template_6_Template, 2, 2, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor)(8, PaginationComponent_ng_template_8_Template, 2, 2, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
-        } if (rf & 2) {
-            i0.ɵɵconditional(ctx.navcontrols === "Classic" ? 0 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.navcontrols === "Pager" ? 1 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.navcontrols === "Basic" ? 2 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.navcontrols === "Basic" && ctx.showrecordcount ? 3 : -1);
-        } }, dependencies: [CommonModule, i1.NgClass, WmComponentsModule, FormsModule, i2.DefaultValueAccessor, i2.NumberValueAccessor, i2.NgControlStatus, i2.NgModel, PaginationModule, i3.PaginationComponent, BsDropdownModule, i4.BsDropdownMenuDirective, i4.BsDropdownToggleDirective, i4.BsDropdownDirective], encapsulation: 2 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PaginationComponent, deps: [{ token: i0.Injector }, { token: WidgetRef, skipSelf: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: PaginationComponent, isStandalone: true, selector: "[wmPagination]", outputs: { resultEmitter: "resultEmitter", maxResultsEmitter: "maxResultsEmitter" }, providers: [
+            provideAsWidgetRef(PaginationComponent)
+        ], viewQueries: [{ propertyName: "bsDropdown", first: true, predicate: BsDropdownDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "\n@if (navcontrols === 'Classic') {\n<ul class=\"pagination advanced {{navigationClass}}\">\n    @if (allowpagesizechange &&  pageSizeOptions?.[0]<rowSummary?.totalRecords) {\n        <li class=\"items-per-page\">\n          <label [title]=\"appLocale.LABEL_ITEMS_PER_PAGE\" class=\"app-label\">{{appLocale.LABEL_ITEMS_PER_PAGE}} :</label>\n\n            <div class=\"btn-group\" dropdown  container=\"body\" (isOpenChange)=\"onOpenChange($event)\">\n                <button id=\"button-basic\" dropdownToggle type=\"button\" class=\"btn app-button dropdown-toggle\"\n                        aria-controls=\"dropdown-basic\">\n                    {{maxResults}} <span class=\"caret\"></span>\n                </button>\n                <ul id=\"dropdown-basic\" *dropdownMenu class=\"dropdown-menu pagesize-options\"\n                    role=\"menu\" aria-labelledby=\"button-basic\">\n                    @for (option of pageSizeOptions; track option; let i = $index) {\n                            <li role=\"menuitem\" [ngClass]=\"{ 'active': option == maxResults }\">\n                                <a class=\"dropdown-item\" (click)=\"onPageSizeChange($event, option)\" (keydown)=\"onDropdownKeydown($event, i)\"\n                                   [attr.tabindex]=\"i === focusedIndex ? 0 : -1\">{{option}}</a>\n                            </li>\n                            }\n                </ul>\n            </div>\n        </li>\n        @if (rowSummary?.totalRecords) {\n        <li class=\"item-range\">\n        <div>\n            <span>{{rowSummary.startIndex}} - {{rowSummary.endIndex}}</span>\n            <span>of</span>\n            <span>{{rowSummary.totalRecords}}</span>\n            </div>\n        </li>\n        }\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li [ngClass]=\"{'disabled':isDisableFirst}\">\n        <a [title]=\"appLocale.LABEL_FIRST\" name=\"first\" href=\"javascript:void(0);\"\n           [attr.aria-disabled]=\"isDisableFirst\"\n           (click)=\"navigatePage('first', $event)\">\n            <span aria-hidden=\"true\"><i class=\"wi wi-first-page\"></i></span>\n            <span class=\"sr-only\">Go to first page {{ isDisableFirst ? ' , Disabled' : ''}}</span>\n        </a>\n    </li>\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li [ngClass]=\"{'disabled':isDisablePrevious}\">\n        <a [title]=\"appLocale.LABEL_PREVIOUS\" name=\"prev\" href=\"javascript:void(0);\"\n            [attr.aria-disabled]=\"isDisablePrevious\"\n            (click)=\"navigatePage('prev', $event)\">\n            <span aria-hidden=\"true\"><i class=\"wi wi-chevron-left\"></i></span>\n            <span class=\"sr-only\">Go to previous page {{ isDisablePrevious ? ', Disabled' : ''}}</span>\n        </a>\n    </li>\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li class=\"pagecount disabled\">\n        <a href=\"javascript:void(0);\" aria-label=\"Change Page Number\">\n            <input [(ngModel)]=\"dn.currentPage\" [attr.aria-label]=\"'Showing Page ' + dn.currentPage + ' of ' + pageCount\" [disabled]=\"isDisableCurrent\"\n                   [ngModelOptions]=\"{standalone: true}\"\n                   type=\"number\"\n                  (keydown)=\"onKeyDown($event)\" (change)=\"onModelChange($event)\" class=\"form-control\"/>\n        </a>\n    </li>\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li class=\"disabled\">\n        <a [hidden]=\"isDisableCount\"> / {{pageCount}}</a>\n    </li>\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li [ngClass]=\"{'disabled':isDisableNext}\">\n        <a [title]=\"appLocale.LABEL_NEXT\" name=\"next\" href=\"javascript:void(0);\"\n           [attr.aria-disabled]=\"isDisableNext\"\n           (click)=\"navigatePage('next', $event)\">\n            <span aria-hidden=\"true\"><i class=\"wi wi-chevron-right\"></i></span>\n            <span class=\"sr-only\">Go to next page {{ isDisableNext ? ' , Disabled' : ''}}</span>\n        </a>\n    </li>\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li [ngClass]=\"{'disabled':isDisableLast}\">\n      <a [title]=\"appLocale.LABEL_LAST\" name=\"last\" href=\"javascript:void(0);\"\n        [attr.aria-disabled]=\"isDisableLast\"\n        (click)=\"navigatePage('last', $event)\">\n        <span aria-hidden=\"true\"><i class=\"wi wi-last-page\"></i></span>\n        <span class=\"sr-only\">Go to last page {{ isDisableLast ? ' , Disabled' : ''}}</span>\n      </a>\n    </li>\n    }\n    @if (showrecordcount) {\n      <li class=\"totalcount disabled\">\n        <a href=\"javascript:void(0);\" tabindex=\"-1\" aria-disabled=\"true\">{{appLocale.LABEL_TOTAL_RECORDS}}: {{dataSize}}</a>\n      </li>\n    }\n</ul>\n}\n@if (navcontrols === 'Pager') {\n  <ul class=\"pager {{navigationClass}}\">\n        @if (allowpagesizechange &&  pageSizeOptions?.[0]<rowSummary?.totalRecords) {\n        <li class=\"items-per-page\">\n          <label [title]=\"appLocale.LABEL_ITEMS_PER_PAGE\" class=\"app-label\">{{appLocale.LABEL_ITEMS_PER_PAGE}} :</label>\n\n            <div class=\"btn-group\" dropdown container=\"body\" (isOpenChange)=\"onOpenChange($event)\">\n                <button id=\"button-basic\" dropdownToggle type=\"button\" class=\"btn app-button dropdown-toggle\"\n                        aria-controls=\"dropdown-basic\">\n                    {{maxResults}} <span class=\"caret\"></span>\n                </button>\n                <ul id=\"dropdown-basic\" *dropdownMenu class=\"dropdown-menu pagesize-options\"\n                    role=\"menu\" aria-labelledby=\"button-basic\">\n                    @for (option of pageSizeOptions; track option; let i = $index) {\n                        <li role=\"menuitem\" [ngClass]=\"{ 'active': option == maxResults }\">\n                            <a class=\"dropdown-item\" (click)=\"onPageSizeChange($event, option)\" (keydown)=\"onDropdownKeydown($event, i)\"\n                         [attr.tabindex]=\"i === focusedIndex ? 0 : -1\">{{option}}</a>\n                        </li>\n                        }\n                </ul>\n            </div>\n        </li>\n        @if (rowSummary?.totalRecords) {\n        <li class=\"item-range\">\n            <div>\n                <span>{{rowSummary.startIndex}} - {{rowSummary.endIndex}}</span>\n                <span>of</span>\n                <span>{{rowSummary.totalRecords}}</span>\n            </div>\n        </li>\n        }\n    }\n@if (!(dataSize<=maxResults)) {\n    <li class=\"previous\" [ngClass]=\"{'disabled':isDisablePrevious}\">\n      <a href=\"javascript:void(0);\" (click)=\"navigatePage('prev', $event)\"\n        [attr.aria-disabled]=\"isDisablePrevious\">\n        <span aria-hidden=\"true\"><i class=\"wi wi-chevron-left\"></i></span>\n        {{appLocale.LABEL_PREVIOUS}}\n        <span class=\"sr-only\">{{ isDisablePrevious ? ' , Disabled' : ''}}</span>\n      </a>\n    </li>\n    <li class=\"next\" [ngClass]=\"{'disabled':isDisableNext}\">\n      <a href=\"javascript:void(0);\" (click)=\"navigatePage('next', $event)\"\n        [attr.aria-disabled]=\"isDisableNext\">\n        <span aria-hidden=\"true\"><i class=\"wi wi-chevron-right\"></i></span>\n        {{appLocale.LABEL_NEXT}}\n        <span class=\"sr-only\">{{ isDisableNext ? ' , Disabled' : ''}}</span>\n      </a>\n    </li>\n  }\n  </ul>\n}\n\n@if (navcontrols === 'Basic') {\n    @if (allowpagesizechange &&  pageSizeOptions?.[0]<rowSummary?.totalRecords) {\n      <div class=\"items-per-page\">\n        <label [title]=\"appLocale.LABEL_ITEMS_PER_PAGE\" class=\"app-label\">{{appLocale.LABEL_ITEMS_PER_PAGE }} :</label>\n\n        <div class=\"btn-group\" dropdown container=\"body\"  (isOpenChange)=\"onOpenChange($event)\">\n            <button id=\"button-basic\" dropdownToggle type=\"button\" class=\"btn app-button dropdown-toggle\"\n                    aria-controls=\"dropdown-basic\">\n                {{maxResults}} <span class=\"caret\"></span>\n            </button>\n            <ul id=\"dropdown-basic\" *dropdownMenu class=\"dropdown-menu pagesize-options\"\n                role=\"menu\" aria-labelledby=\"button-basic\">\n                @for (option of pageSizeOptions; track option; let i = $index) {\n                    <li role=\"menuitem\" [ngClass]=\"{ 'active': option == maxResults }\">\n                        <a class=\"dropdown-item\" (click)=\"onPageSizeChange($event, option)\" (keydown)=\"onDropdownKeydown($event, i)\"\n                         [attr.tabindex]=\"i === focusedIndex ? 0 : -1\">{{option}}</a>\n                    </li>\n                    }\n            </ul>\n        </div>\n      </div>\n        @if (rowSummary?.totalRecords) {\n        <div class=\"item-range\">\n        <div>\n            <span>{{rowSummary.startIndex}} - {{rowSummary.endIndex}}</span>\n            <span>of</span>\n            <span>{{rowSummary.totalRecords}}</span>\n        </div>\n        </div>\n        }\n    }\n    @if (!(dataSize<=maxResults)) {\n      <pagination class=\"pagination basic\" [ngClass]=\"navigationClass\" role=\"navigation\"\n        [itemsPerPage]=\"maxResults\" [totalItems]=\"dataSize\"\n        (pageChanged)=\"pageChanged($event)\" [ngModelOptions]=\"{standalone:true}\" [ngModel]=\"dn.currentPage\"\n        [attr.aria-label]=\"'Showing Page ' + dn.currentPage + ' of ' + pageCount + ' pages'\"\n        [boundaryLinks]=\"boundarylinks\" [maxSize]=\"maxsize\"\n        [directionLinks]=\"directionlinks\"\n        firstText=\"Firtst\" lastText=\"Last\"\n        [customPreviousTemplate]=\"prevTemplate\"\n        [customNextTemplate]=\"nextTemplate\"\n        [customPageTemplate]=\"pageTemplate\"></pagination>\n    }\n}\n\n@if (navcontrols === 'Basic' && showrecordcount) {\n  <ul class=\"pagination\">\n    <li class=\"totalcount disabled basiccount\">\n      <a href=\"javascript:void(0);\" tabindex=\"-1\" aria-disabled=\"true\">{{appLocale.LABEL_TOTAL_RECORDS}}: {{dataSize}}</a>\n    </li>\n  </ul>\n}\n\n<ng-template #pageTemplate let-page>\n  <span class=\"sr-only\" [attr.data-isacitvepage]=\"page.active\">{{'Page '}}</span>\n  {{page.number}}\n  @if (page.active) {\n    <span class=\"sr-only\"> {{', Showing page ' + page.number + ' of ' + pageCount}}</span>\n  }\n</ng-template>\n<ng-template #prevTemplate let-disabled=\"disabled\">\n  <span class=\"sr-only\" [attr.data-isdisabled]=\"disabled\">Go to Previous page {{disabled ? ', Disabled' : ''}}</span>\n</ng-template>\n<ng-template #nextTemplate let-disabled=\"disabled\">\n  <span class=\"sr-only\" [attr.data-isdisabled]=\"disabled\">Go to Next page {{disabled ? ', Disabled' : ''}}</span>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PaginationModule }, { kind: "component", type: i3.PaginationComponent, selector: "pagination", inputs: ["align", "maxSize", "boundaryLinks", "directionLinks", "firstText", "previousText", "nextText", "lastText", "rotate", "pageBtnClass", "disabled", "customPageTemplate", "customNextTemplate", "customPreviousTemplate", "customFirstTemplate", "customLastTemplate", "itemsPerPage", "totalItems"], outputs: ["numPages", "pageChanged"] }, { kind: "ngmodule", type: BsDropdownModule }, { kind: "directive", type: i4.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { kind: "directive", type: i4.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { kind: "directive", type: i4.BsDropdownDirective, selector: "[bsDropdown], [dropdown]", inputs: ["placement", "triggers", "container", "dropup", "autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen"], outputs: ["isOpenChange", "onShown", "onHidden"], exportAs: ["bs-dropdown"] }] }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationComponent, [{
-        type: Component,
-        args: [{ standalone: true, imports: [CommonModule, WmComponentsModule, FormsModule, PaginationModule, BsDropdownModule, MenuComponent], selector: '[wmPagination]', providers: [
-                    provideAsWidgetRef(PaginationComponent)
-                ], template: "\n@if (navcontrols === 'Classic') {\n<ul class=\"pagination advanced {{navigationClass}}\">\n    @if (allowpagesizechange &&  pageSizeOptions?.[0]<rowSummary?.totalRecords) {\n        <li class=\"items-per-page\">\n          <label [title]=\"appLocale.LABEL_ITEMS_PER_PAGE\" class=\"app-label\">{{appLocale.LABEL_ITEMS_PER_PAGE}} :</label>\n\n            <div class=\"btn-group\" dropdown  container=\"body\" (isOpenChange)=\"onOpenChange($event)\">\n                <button id=\"button-basic\" dropdownToggle type=\"button\" class=\"btn app-button dropdown-toggle\"\n                        aria-controls=\"dropdown-basic\">\n                    {{maxResults}} <span class=\"caret\"></span>\n                </button>\n                <ul id=\"dropdown-basic\" *dropdownMenu class=\"dropdown-menu pagesize-options\"\n                    role=\"menu\" aria-labelledby=\"button-basic\">\n                    @for (option of pageSizeOptions; track option; let i = $index) {\n                    <li role=\"menuitem\" [ngClass]=\"{ 'active': option == maxResults }\">\n                        <a class=\"dropdown-item\" (click)=\"onPageSizeChange($event, option)\" (keydown)=\"onDropdownKeydown($event, i)\"\n                         [attr.tabindex]=\"i === focusedIndex ? 0 : -1\">{{option}}</a>\n                    </li>\n                    }\n                </ul>\n            </div>\n        </li>\n        @if (rowSummary?.totalRecords) {\n        <li class=\"item-range\">\n        <div>\n            <span>{{rowSummary.startIndex}} - {{rowSummary.endIndex}}</span>\n            <span>of</span>\n            <span>{{rowSummary.totalRecords}}</span>\n            </div>\n        </li>\n        }\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li [ngClass]=\"{'disabled':isDisableFirst}\">\n        <a [title]=\"appLocale.LABEL_FIRST\" name=\"first\" href=\"javascript:void(0);\"\n           [attr.aria-disabled]=\"isDisableFirst\"\n           (click)=\"navigatePage('first', $event)\">\n            <span aria-hidden=\"true\"><i class=\"wi wi-first-page\"></i></span>\n            <span class=\"sr-only\">Go to first page {{ isDisableFirst ? ' , Disabled' : ''}}</span>\n        </a>\n    </li>\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li [ngClass]=\"{'disabled':isDisablePrevious}\">\n        <a [title]=\"appLocale.LABEL_PREVIOUS\" name=\"prev\" href=\"javascript:void(0);\"\n            [attr.aria-disabled]=\"isDisablePrevious\"\n            (click)=\"navigatePage('prev', $event)\">\n            <span aria-hidden=\"true\"><i class=\"wi wi-chevron-left\"></i></span>\n            <span class=\"sr-only\">Go to previous page {{ isDisablePrevious ? ', Disabled' : ''}}</span>\n        </a>\n    </li>\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li class=\"pagecount disabled\">\n        <a href=\"javascript:void(0);\" aria-label=\"Change Page Number\">\n            <input [(ngModel)]=\"dn.currentPage\" [attr.aria-label]=\"'Showing Page ' + dn.currentPage + ' of ' + pageCount\" [disabled]=\"isDisableCurrent\"\n                   [ngModelOptions]=\"{standalone: true}\"\n                   type=\"number\"\n                  (keydown)=\"onKeyDown($event)\" (change)=\"onModelChange($event)\" class=\"form-control\"/>\n        </a>\n    </li>\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li class=\"disabled\">\n        <a [hidden]=\"isDisableCount\"> / {{pageCount}}</a>\n    </li>\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li [ngClass]=\"{'disabled':isDisableNext}\">\n        <a [title]=\"appLocale.LABEL_NEXT\" name=\"next\" href=\"javascript:void(0);\"\n           [attr.aria-disabled]=\"isDisableNext\"\n           (click)=\"navigatePage('next', $event)\">\n            <span aria-hidden=\"true\"><i class=\"wi wi-chevron-right\"></i></span>\n            <span class=\"sr-only\">Go to next page {{ isDisableNext ? ' , Disabled' : ''}}</span>\n        </a>\n    </li>\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li [ngClass]=\"{'disabled':isDisableLast}\">\n      <a [title]=\"appLocale.LABEL_LAST\" name=\"last\" href=\"javascript:void(0);\"\n        [attr.aria-disabled]=\"isDisableLast\"\n        (click)=\"navigatePage('last', $event)\">\n        <span aria-hidden=\"true\"><i class=\"wi wi-last-page\"></i></span>\n        <span class=\"sr-only\">Go to last page {{ isDisableLast ? ' , Disabled' : ''}}</span>\n      </a>\n    </li>\n    }\n    @if (showrecordcount) {\n      <li class=\"totalcount disabled\">\n        <a href=\"javascript:void(0);\" tabindex=\"-1\" aria-disabled=\"true\">{{appLocale.LABEL_TOTAL_RECORDS}}: {{dataSize}}</a>\n      </li>\n    }\n</ul>\n}\n@if (navcontrols === 'Pager') {\n  <ul class=\"pager {{navigationClass}}\">\n        @if (allowpagesizechange &&  pageSizeOptions?.[0]<rowSummary?.totalRecords) {\n        <li class=\"items-per-page\">\n          <label [title]=\"appLocale.LABEL_ITEMS_PER_PAGE\" class=\"app-label\">{{appLocale.LABEL_ITEMS_PER_PAGE}} :</label>\n\n            <div class=\"btn-group\" dropdown container=\"body\" (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 &&  pageSizeOptions?.[0]<rowSummary?.totalRecords) {\n      <div class=\"items-per-page\">\n        <label [title]=\"appLocale.LABEL_ITEMS_PER_PAGE\" class=\"app-label\">{{appLocale.LABEL_ITEMS_PER_PAGE }} :</label>\n\n        <div class=\"btn-group\" dropdown container=\"body\"  (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.Injector }, { type: undefined, decorators: [{
-                type: SkipSelf
-            }, {
-                type: Inject,
-                args: [WidgetRef]
-            }] }, { type: undefined, decorators: [{
-                type: Inject,
-                args: ['EXPLICIT_CONTEXT']
-            }, {
-                type: Optional
-            }] }], { resultEmitter: [{
-            type: Output
-        }], maxResultsEmitter: [{
-            type: Output
-        }], bsDropdown: [{
-            type: ViewChild,
-            args: [BsDropdownDirective]
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PaginationComponent, { className: "PaginationComponent", filePath: "pagination.component.ts", lineNumber: 49 }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PaginationComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [CommonModule, FormsModule, PaginationModule, BsDropdownModule], selector: '[wmPagination]', providers: [
+                        provideAsWidgetRef(PaginationComponent)
+                    ], template: "\n@if (navcontrols === 'Classic') {\n<ul class=\"pagination advanced {{navigationClass}}\">\n    @if (allowpagesizechange &&  pageSizeOptions?.[0]<rowSummary?.totalRecords) {\n        <li class=\"items-per-page\">\n          <label [title]=\"appLocale.LABEL_ITEMS_PER_PAGE\" class=\"app-label\">{{appLocale.LABEL_ITEMS_PER_PAGE}} :</label>\n\n            <div class=\"btn-group\" dropdown  container=\"body\" (isOpenChange)=\"onOpenChange($event)\">\n                <button id=\"button-basic\" dropdownToggle type=\"button\" class=\"btn app-button dropdown-toggle\"\n                        aria-controls=\"dropdown-basic\">\n                    {{maxResults}} <span class=\"caret\"></span>\n                </button>\n                <ul id=\"dropdown-basic\" *dropdownMenu class=\"dropdown-menu pagesize-options\"\n                    role=\"menu\" aria-labelledby=\"button-basic\">\n                    @for (option of pageSizeOptions; track option; let i = $index) {\n                            <li role=\"menuitem\" [ngClass]=\"{ 'active': option == maxResults }\">\n                                <a class=\"dropdown-item\" (click)=\"onPageSizeChange($event, option)\" (keydown)=\"onDropdownKeydown($event, i)\"\n                                   [attr.tabindex]=\"i === focusedIndex ? 0 : -1\">{{option}}</a>\n                            </li>\n                            }\n                </ul>\n            </div>\n        </li>\n        @if (rowSummary?.totalRecords) {\n        <li class=\"item-range\">\n        <div>\n            <span>{{rowSummary.startIndex}} - {{rowSummary.endIndex}}</span>\n            <span>of</span>\n            <span>{{rowSummary.totalRecords}}</span>\n            </div>\n        </li>\n        }\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li [ngClass]=\"{'disabled':isDisableFirst}\">\n        <a [title]=\"appLocale.LABEL_FIRST\" name=\"first\" href=\"javascript:void(0);\"\n           [attr.aria-disabled]=\"isDisableFirst\"\n           (click)=\"navigatePage('first', $event)\">\n            <span aria-hidden=\"true\"><i class=\"wi wi-first-page\"></i></span>\n            <span class=\"sr-only\">Go to first page {{ isDisableFirst ? ' , Disabled' : ''}}</span>\n        </a>\n    </li>\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li [ngClass]=\"{'disabled':isDisablePrevious}\">\n        <a [title]=\"appLocale.LABEL_PREVIOUS\" name=\"prev\" href=\"javascript:void(0);\"\n            [attr.aria-disabled]=\"isDisablePrevious\"\n            (click)=\"navigatePage('prev', $event)\">\n            <span aria-hidden=\"true\"><i class=\"wi wi-chevron-left\"></i></span>\n            <span class=\"sr-only\">Go to previous page {{ isDisablePrevious ? ', Disabled' : ''}}</span>\n        </a>\n    </li>\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li class=\"pagecount disabled\">\n        <a href=\"javascript:void(0);\" aria-label=\"Change Page Number\">\n            <input [(ngModel)]=\"dn.currentPage\" [attr.aria-label]=\"'Showing Page ' + dn.currentPage + ' of ' + pageCount\" [disabled]=\"isDisableCurrent\"\n                   [ngModelOptions]=\"{standalone: true}\"\n                   type=\"number\"\n                  (keydown)=\"onKeyDown($event)\" (change)=\"onModelChange($event)\" class=\"form-control\"/>\n        </a>\n    </li>\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li class=\"disabled\">\n        <a [hidden]=\"isDisableCount\"> / {{pageCount}}</a>\n    </li>\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li [ngClass]=\"{'disabled':isDisableNext}\">\n        <a [title]=\"appLocale.LABEL_NEXT\" name=\"next\" href=\"javascript:void(0);\"\n           [attr.aria-disabled]=\"isDisableNext\"\n           (click)=\"navigatePage('next', $event)\">\n            <span aria-hidden=\"true\"><i class=\"wi wi-chevron-right\"></i></span>\n            <span class=\"sr-only\">Go to next page {{ isDisableNext ? ' , Disabled' : ''}}</span>\n        </a>\n    </li>\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li [ngClass]=\"{'disabled':isDisableLast}\">\n      <a [title]=\"appLocale.LABEL_LAST\" name=\"last\" href=\"javascript:void(0);\"\n        [attr.aria-disabled]=\"isDisableLast\"\n        (click)=\"navigatePage('last', $event)\">\n        <span aria-hidden=\"true\"><i class=\"wi wi-last-page\"></i></span>\n        <span class=\"sr-only\">Go to last page {{ isDisableLast ? ' , Disabled' : ''}}</span>\n      </a>\n    </li>\n    }\n    @if (showrecordcount) {\n      <li class=\"totalcount disabled\">\n        <a href=\"javascript:void(0);\" tabindex=\"-1\" aria-disabled=\"true\">{{appLocale.LABEL_TOTAL_RECORDS}}: {{dataSize}}</a>\n      </li>\n    }\n</ul>\n}\n@if (navcontrols === 'Pager') {\n  <ul class=\"pager {{navigationClass}}\">\n        @if (allowpagesizechange &&  pageSizeOptions?.[0]<rowSummary?.totalRecords) {\n        <li class=\"items-per-page\">\n          <label [title]=\"appLocale.LABEL_ITEMS_PER_PAGE\" class=\"app-label\">{{appLocale.LABEL_ITEMS_PER_PAGE}} :</label>\n\n            <div class=\"btn-group\" dropdown container=\"body\" (isOpenChange)=\"onOpenChange($event)\">\n                <button id=\"button-basic\" dropdownToggle type=\"button\" class=\"btn app-button dropdown-toggle\"\n                        aria-controls=\"dropdown-basic\">\n                    {{maxResults}} <span class=\"caret\"></span>\n                </button>\n                <ul id=\"dropdown-basic\" *dropdownMenu class=\"dropdown-menu pagesize-options\"\n                    role=\"menu\" aria-labelledby=\"button-basic\">\n                    @for (option of pageSizeOptions; track option; let i = $index) {\n                        <li role=\"menuitem\" [ngClass]=\"{ 'active': option == maxResults }\">\n                            <a class=\"dropdown-item\" (click)=\"onPageSizeChange($event, option)\" (keydown)=\"onDropdownKeydown($event, i)\"\n                         [attr.tabindex]=\"i === focusedIndex ? 0 : -1\">{{option}}</a>\n                        </li>\n                        }\n                </ul>\n            </div>\n        </li>\n        @if (rowSummary?.totalRecords) {\n        <li class=\"item-range\">\n            <div>\n                <span>{{rowSummary.startIndex}} - {{rowSummary.endIndex}}</span>\n                <span>of</span>\n                <span>{{rowSummary.totalRecords}}</span>\n            </div>\n        </li>\n        }\n    }\n@if (!(dataSize<=maxResults)) {\n    <li class=\"previous\" [ngClass]=\"{'disabled':isDisablePrevious}\">\n      <a href=\"javascript:void(0);\" (click)=\"navigatePage('prev', $event)\"\n        [attr.aria-disabled]=\"isDisablePrevious\">\n        <span aria-hidden=\"true\"><i class=\"wi wi-chevron-left\"></i></span>\n        {{appLocale.LABEL_PREVIOUS}}\n        <span class=\"sr-only\">{{ isDisablePrevious ? ' , Disabled' : ''}}</span>\n      </a>\n    </li>\n    <li class=\"next\" [ngClass]=\"{'disabled':isDisableNext}\">\n      <a href=\"javascript:void(0);\" (click)=\"navigatePage('next', $event)\"\n        [attr.aria-disabled]=\"isDisableNext\">\n        <span aria-hidden=\"true\"><i class=\"wi wi-chevron-right\"></i></span>\n        {{appLocale.LABEL_NEXT}}\n        <span class=\"sr-only\">{{ isDisableNext ? ' , Disabled' : ''}}</span>\n      </a>\n    </li>\n  }\n  </ul>\n}\n\n@if (navcontrols === 'Basic') {\n    @if (allowpagesizechange &&  pageSizeOptions?.[0]<rowSummary?.totalRecords) {\n      <div class=\"items-per-page\">\n        <label [title]=\"appLocale.LABEL_ITEMS_PER_PAGE\" class=\"app-label\">{{appLocale.LABEL_ITEMS_PER_PAGE }} :</label>\n\n        <div class=\"btn-group\" dropdown container=\"body\"  (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" }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                    type: SkipSelf
+                }, {
+                    type: Inject,
+                    args: [WidgetRef]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }], propDecorators: { resultEmitter: [{
+                type: Output
+            }], maxResultsEmitter: [{
+                type: Output
+            }], bsDropdown: [{
+                type: ViewChild,
+                args: [BsDropdownDirective]
+            }] } });
 
 /**
  * Generated bundle index. Do not edit.