@wavemaker/app-ng-runtime 12.0.0-next.45001 → 12.0.0-next.45005

app-ng-runtime/components/data/pagination/esm2022/pagination.module.mjs

@@ -16,7 +16,7 @@ export class PaginationModule {
             ngxPaginationModule,
             WmComponentsModule] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationModule, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationModule, [{
         type: NgModule,
         args: [{
                 imports: [
@@ -33,4 +33,4 @@ export class PaginationModule {
         FormsModule,
         ngxPaginationModule,
         WmComponentsModule], exports: [PaginationComponent] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvZGF0YS9wYWdpbmF0aW9uL3NyYy9wYWdpbmF0aW9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFN0MsT0FBTyxFQUFFLGdCQUFnQixJQUFJLG1CQUFtQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFbkYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFekQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBRTdELE1BQU0sVUFBVSxHQUFHO0lBQ2YsbUJBQW1CO0NBQ3RCLENBQUM7QUFZRixNQUFNLE9BQU8sZ0JBQWdCO2lGQUFoQixnQkFBZ0I7bUVBQWhCLGdCQUFnQjt1RUFSckIsWUFBWTtZQUNaLFdBQVc7WUFDWCxtQkFBbUI7WUFDbkIsa0JBQWtCOzt1RkFLYixnQkFBZ0I7Y0FWNUIsUUFBUTtlQUFDO2dCQUNOLE9BQU8sRUFBRTtvQkFDTCxZQUFZO29CQUNaLFdBQVc7b0JBQ1gsbUJBQW1CO29CQUNuQixrQkFBa0I7aUJBQ3JCO2dCQUNELFlBQVksRUFBRSxDQUFDLEdBQUcsVUFBVSxDQUFDO2dCQUM3QixPQUFPLEVBQUUsQ0FBQyxHQUFHLFVBQVUsQ0FBQzthQUMzQjs7d0ZBQ1ksZ0JBQWdCLG1CQWJ6QixtQkFBbUIsYUFLZixZQUFZO1FBQ1osV0FBVztRQUNYLG1CQUFtQjtRQUNuQixrQkFBa0IsYUFSdEIsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuaW1wb3J0IHsgUGFnaW5hdGlvbk1vZHVsZSBhcyBuZ3hQYWdpbmF0aW9uTW9kdWxlIH0gZnJvbSAnbmd4LWJvb3RzdHJhcC9wYWdpbmF0aW9uJztcblxuaW1wb3J0IHsgV21Db21wb25lbnRzTW9kdWxlIH0gZnJvbSAnQHdtL2NvbXBvbmVudHMvYmFzZSc7XG5cbmltcG9ydCB7IFBhZ2luYXRpb25Db21wb25lbnQgfSBmcm9tICcuL3BhZ2luYXRpb24uY29tcG9uZW50JztcblxuY29uc3QgY29tcG9uZW50cyA9IFtcbiAgICBQYWdpbmF0aW9uQ29tcG9uZW50XG5dO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBGb3Jtc01vZHVsZSxcbiAgICAgICAgbmd4UGFnaW5hdGlvbk1vZHVsZSxcbiAgICAgICAgV21Db21wb25lbnRzTW9kdWxlXG4gICAgXSxcbiAgICBkZWNsYXJhdGlvbnM6IFsuLi5jb21wb25lbnRzXSxcbiAgICBleHBvcnRzOiBbLi4uY29tcG9uZW50c11cbn0pXG5leHBvcnQgY2xhc3MgUGFnaW5hdGlvbk1vZHVsZSB7XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvZGF0YS9wYWdpbmF0aW9uL3NyYy9wYWdpbmF0aW9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFN0MsT0FBTyxFQUFFLGdCQUFnQixJQUFJLG1CQUFtQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFbkYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFekQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBRTdELE1BQU0sVUFBVSxHQUFHO0lBQ2YsbUJBQW1CO0NBQ3RCLENBQUM7QUFZRixNQUFNLE9BQU8sZ0JBQWdCO2lGQUFoQixnQkFBZ0I7bUVBQWhCLGdCQUFnQjt1RUFSckIsWUFBWTtZQUNaLFdBQVc7WUFDWCxtQkFBbUI7WUFDbkIsa0JBQWtCOztpRkFLYixnQkFBZ0I7Y0FWNUIsUUFBUTtlQUFDO2dCQUNOLE9BQU8sRUFBRTtvQkFDTCxZQUFZO29CQUNaLFdBQVc7b0JBQ1gsbUJBQW1CO29CQUNuQixrQkFBa0I7aUJBQ3JCO2dCQUNELFlBQVksRUFBRSxDQUFDLEdBQUcsVUFBVSxDQUFDO2dCQUM3QixPQUFPLEVBQUUsQ0FBQyxHQUFHLFVBQVUsQ0FBQzthQUMzQjs7d0ZBQ1ksZ0JBQWdCLG1CQWJ6QixtQkFBbUIsYUFLZixZQUFZO1FBQ1osV0FBVztRQUNYLG1CQUFtQjtRQUNuQixrQkFBa0IsYUFSdEIsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuaW1wb3J0IHsgUGFnaW5hdGlvbk1vZHVsZSBhcyBuZ3hQYWdpbmF0aW9uTW9kdWxlIH0gZnJvbSAnbmd4LWJvb3RzdHJhcC9wYWdpbmF0aW9uJztcblxuaW1wb3J0IHsgV21Db21wb25lbnRzTW9kdWxlIH0gZnJvbSAnQHdtL2NvbXBvbmVudHMvYmFzZSc7XG5cbmltcG9ydCB7IFBhZ2luYXRpb25Db21wb25lbnQgfSBmcm9tICcuL3BhZ2luYXRpb24uY29tcG9uZW50JztcblxuY29uc3QgY29tcG9uZW50cyA9IFtcbiAgICBQYWdpbmF0aW9uQ29tcG9uZW50XG5dO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBGb3Jtc01vZHVsZSxcbiAgICAgICAgbmd4UGFnaW5hdGlvbk1vZHVsZSxcbiAgICAgICAgV21Db21wb25lbnRzTW9kdWxlXG4gICAgXSxcbiAgICBkZWNsYXJhdGlvbnM6IFsuLi5jb21wb25lbnRzXSxcbiAgICBleHBvcnRzOiBbLi4uY29tcG9uZW50c11cbn0pXG5leHBvcnQgY2xhc3MgUGFnaW5hdGlvbk1vZHVsZSB7XG59XG4iXX0=

app-ng-runtime/components/data/pagination/fesm2022/index.mjs

@@ -1,13 +1,14 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, SkipSelf, Inject, Output, NgModule } from '@angular/core';
+import { EventEmitter, Component, SkipSelf, Inject, Optional, Output, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import * as i3 from 'ngx-bootstrap/pagination';
 import { PaginationModule as PaginationModule$1 } from 'ngx-bootstrap/pagination';
-import { register, PROP_BOOLEAN, PROP_STRING, PROP_ANY, PROP_NUMBER, StylableComponent, DEBOUNCE_TIMES, styler, getOrderByExpr, unsupportedStatePersistenceTypes, WidgetRef, provideAsWidgetRef, WmComponentsModule } from '@wm/components/base';
+import { PROP_BOOLEAN, PROP_STRING, PROP_ANY, PROP_NUMBER, register, StylableComponent, DEBOUNCE_TIMES, styler, getOrderByExpr, unsupportedStatePersistenceTypes, WidgetRef, provideAsWidgetRef, WmComponentsModule } from '@wm/components/base';
 import { debounce, isDefined, AppConstants, DataSource, triggerFn, $appDigest, $watch, switchClass } from '@wm/core';
+import { forEach, isArray, isEmpty, get, isString, isNull } from 'lodash-es';
 
 const registerProps = () => {
     register('wm-pagination', new Map([
@@ -29,20 +30,21 @@ const registerProps = () => {
 };
 
 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.ɵɵelementStart(0, "li", 23)(1, "a", 24);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r10 = i0.ɵɵnextContext(2);
+    const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate2("", ctx_r10.appLocale.LABEL_TOTAL_RECORDS, ": ", ctx_r10.dataSize, "");
+    i0.ɵɵtextInterpolate2("", ctx_r1.appLocale.LABEL_TOTAL_RECORDS, ": ", ctx_r1.dataSize, "");
 } }
-const _c1 = function (a0) { return { "disabled": a0 }; };
 function PaginationComponent_ul_0_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
+    const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "ul")(1, "li", 6)(2, "a", 7);
-    i0.ɵɵlistener("click", function PaginationComponent_ul_0_Template_a_click_2_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.navigatePage("first", $event)); });
+    i0.ɵɵlistener("click", function PaginationComponent_ul_0_Template_a_click_2_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.navigatePage("first", $event)); });
     i0.ɵɵelementStart(3, "span", 8);
     i0.ɵɵelement(4, "i", 9);
     i0.ɵɵelementEnd();
@@ -50,7 +52,7 @@ function PaginationComponent_ul_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(7, "li", 6)(8, "a", 11);
-    i0.ɵɵlistener("click", function PaginationComponent_ul_0_Template_a_click_8_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r13 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r13.navigatePage("prev", $event)); });
+    i0.ɵɵlistener("click", function PaginationComponent_ul_0_Template_a_click_8_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.navigatePage("prev", $event)); });
     i0.ɵɵelementStart(9, "span", 8);
     i0.ɵɵelement(10, "i", 12);
     i0.ɵɵelementEnd();
@@ -58,13 +60,14 @@ function PaginationComponent_ul_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(13, "li", 13)(14, "a", 14)(15, "input", 15);
-    i0.ɵɵlistener("ngModelChange", function PaginationComponent_ul_0_Template_input_ngModelChange_15_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r14 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r14.dn.currentPage = $event); })("keydown", function PaginationComponent_ul_0_Template_input_keydown_15_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r15 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r15.onKeyDown($event)); })("change", function PaginationComponent_ul_0_Template_input_change_15_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r16 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r16.onModelChange($event)); });
+    i0.ɵɵtwoWayListener("ngModelChange", function PaginationComponent_ul_0_Template_input_ngModelChange_15_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.dn.currentPage, $event) || (ctx_r1.dn.currentPage = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("keydown", function PaginationComponent_ul_0_Template_input_keydown_15_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onKeyDown($event)); })("change", function PaginationComponent_ul_0_Template_input_change_15_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onModelChange($event)); });
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(16, "li", 16)(17, "a", 17);
     i0.ɵɵtext(18);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(19, "li", 6)(20, "a", 18);
-    i0.ɵɵlistener("click", function PaginationComponent_ul_0_Template_a_click_20_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r17 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r17.navigatePage("next", $event)); });
+    i0.ɵɵlistener("click", function PaginationComponent_ul_0_Template_a_click_20_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.navigatePage("next", $event)); });
     i0.ɵɵelementStart(21, "span", 8);
     i0.ɵɵelement(22, "i", 19);
     i0.ɵɵelementEnd();
@@ -72,7 +75,7 @@ function PaginationComponent_ul_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(24);
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(25, "li", 6)(26, "a", 20);
-    i0.ɵɵlistener("click", function PaginationComponent_ul_0_Template_a_click_26_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r18 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r18.navigatePage("last", $event)); });
+    i0.ɵɵlistener("click", function PaginationComponent_ul_0_Template_a_click_26_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.navigatePage("last", $event)); });
     i0.ɵɵelementStart(27, "span", 8);
     i0.ɵɵelement(28, "i", 21);
     i0.ɵɵelementEnd();
@@ -82,50 +85,51 @@ function PaginationComponent_ul_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(31, PaginationComponent_ul_0_li_31_Template, 3, 2, "li", 22);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵclassMapInterpolate1("pagination advanced ", ctx_r0.navigationClass, "");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(25, _c1, ctx_r0.isDisableFirst));
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("title", ctx_r0.appLocale.LABEL_FIRST);
-    i0.ɵɵattribute("aria-disabled", ctx_r0.isDisableFirst);
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵclassMapInterpolate1("pagination advanced ", ctx_r1.navigationClass, "");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(26, _c1, 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_r0.isDisableFirst ? " , Disabled" : "", "");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(27, _c1, ctx_r0.isDisablePrevious));
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("title", ctx_r0.appLocale.LABEL_PREVIOUS);
-    i0.ɵɵattribute("aria-disabled", ctx_r0.isDisablePrevious);
+    i0.ɵɵtextInterpolate1("Go to first page ", ctx_r1.isDisableFirst ? " , Disabled" : "", "");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(28, _c1, 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_r0.isDisablePrevious ? ", Disabled" : "", "");
+    i0.ɵɵtextInterpolate1("Go to previous page ", ctx_r1.isDisablePrevious ? ", Disabled" : "", "");
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("disabled", ctx_r0.isDisableCurrent)("ngModel", ctx_r0.dn.currentPage);
-    i0.ɵɵattribute("aria-label", "Showing Page " + ctx_r0.dn.currentPage + " of " + ctx_r0.pageCount);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.dn.currentPage);
+    i0.ɵɵproperty("disabled", ctx_r1.isDisableCurrent)("ngModelOptions", i0.ɵɵpureFunction0(30, _c2));
+    i0.ɵɵattribute("aria-label", "Showing Page " + ctx_r1.dn.currentPage + " of " + ctx_r1.pageCount);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("hidden", ctx_r0.isDisableCount);
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" / ", ctx_r0.pageCount, "");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(29, _c1, ctx_r0.isDisableNext));
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("title", ctx_r0.appLocale.LABEL_NEXT);
-    i0.ɵɵattribute("aria-disabled", ctx_r0.isDisableNext);
+    i0.ɵɵproperty("hidden", ctx_r1.isDisableCount);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" / ", ctx_r1.pageCount, "");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(31, _c1, 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_r0.isDisableNext ? " , Disabled" : "", "");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(31, _c1, ctx_r0.isDisableLast));
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("title", ctx_r0.appLocale.LABEL_LAST);
-    i0.ɵɵattribute("aria-disabled", ctx_r0.isDisableLast);
+    i0.ɵɵtextInterpolate1("Go to next page ", ctx_r1.isDisableNext ? " , Disabled" : "", "");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(33, _c1, 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_r0.isDisableLast ? " , Disabled" : "", "");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r0.showrecordcount);
+    i0.ɵɵtextInterpolate1("Go to last page ", ctx_r1.isDisableLast ? " , Disabled" : "", "");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.showrecordcount);
 } }
 function PaginationComponent_ul_1_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
+    const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "ul")(1, "li", 25)(2, "a", 26);
-    i0.ɵɵlistener("click", function PaginationComponent_ul_1_Template_a_click_2_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r19 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r19.navigatePage("prev", $event)); });
+    i0.ɵɵlistener("click", function PaginationComponent_ul_1_Template_a_click_2_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.navigatePage("prev", $event)); });
     i0.ɵɵelementStart(3, "span", 8);
     i0.ɵɵelement(4, "i", 12);
     i0.ɵɵelementEnd();
@@ -134,7 +138,7 @@ function PaginationComponent_ul_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(8, "li", 27)(9, "a", 26);
-    i0.ɵɵlistener("click", function PaginationComponent_ul_1_Template_a_click_9_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r21 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r21.navigatePage("next", $event)); });
+    i0.ɵɵlistener("click", function PaginationComponent_ul_1_Template_a_click_9_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.navigatePage("next", $event)); });
     i0.ɵɵelementStart(10, "span", 8);
     i0.ɵɵelement(11, "i", 19);
     i0.ɵɵelementEnd();
@@ -145,17 +149,17 @@ function PaginationComponent_ul_1_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵclassMapInterpolate1("pager ", ctx_r1.navigationClass, "");
-    i0.ɵɵadvance(1);
+    i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c1, ctx_r1.isDisablePrevious));
-    i0.ɵɵadvance(1);
+    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(1);
+    i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(13, _c1, ctx_r1.isDisableNext));
-    i0.ɵɵadvance(1);
+    i0.ɵɵadvance();
     i0.ɵɵattribute("aria-disabled", ctx_r1.isDisableNext);
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.appLocale.LABEL_NEXT, " ");
@@ -163,36 +167,36 @@ function PaginationComponent_ul_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate(ctx_r1.isDisableNext ? " , Disabled" : "");
 } }
 function PaginationComponent_pagination_2_Template(rf, ctx) { if (rf & 1) {
-    const _r23 = i0.ɵɵgetCurrentView();
+    const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "pagination", 28);
-    i0.ɵɵlistener("pageChanged", function PaginationComponent_pagination_2_Template_pagination_pageChanged_0_listener($event) { i0.ɵɵrestoreView(_r23); const ctx_r22 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r22.pageChanged($event)); });
+    i0.ɵɵlistener("pageChanged", function PaginationComponent_pagination_2_Template_pagination_pageChanged_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.pageChanged($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    const _r6 = i0.ɵɵreference(7);
-    const _r8 = i0.ɵɵreference(9);
-    const _r4 = i0.ɵɵreference(5);
-    i0.ɵɵproperty("ngClass", ctx_r2.navigationClass)("itemsPerPage", ctx_r2.maxResults)("totalItems", ctx_r2.dataSize)("ngModel", ctx_r2.dn.currentPage)("boundaryLinks", ctx_r2.boundarylinks)("maxSize", ctx_r2.maxsize)("directionLinks", ctx_r2.directionlinks)("customPreviousTemplate", _r6)("customNextTemplate", _r8)("customPageTemplate", _r4);
-    i0.ɵɵattribute("aria-label", "Showing Page " + ctx_r2.dn.currentPage + " of " + ctx_r2.pageCount + " pages");
+    const ctx_r1 = i0.ɵɵnextContext();
+    const pageTemplate_r5 = i0.ɵɵreference(5);
+    const prevTemplate_r6 = i0.ɵɵreference(7);
+    const nextTemplate_r7 = i0.ɵɵreference(9);
+    i0.ɵɵproperty("ngClass", ctx_r1.navigationClass)("itemsPerPage", ctx_r1.maxResults)("totalItems", ctx_r1.dataSize)("ngModelOptions", i0.ɵɵ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);
+    i0.ɵɵ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.ɵɵelementStart(0, "ul", 29)(1, "li", 30)(2, "a", 24);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r3 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate2("", ctx_r3.appLocale.LABEL_TOTAL_RECORDS, ": ", ctx_r3.dataSize, "");
+    i0.ɵɵtextInterpolate2("", ctx_r1.appLocale.LABEL_TOTAL_RECORDS, ": ", ctx_r1.dataSize, "");
 } }
 function PaginationComponent_ng_template_4_span_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 10);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const page_r24 = i0.ɵɵnextContext().$implicit;
-    const ctx_r25 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", ", Showing page " + page_r24.number + " of " + ctx_r25.pageCount, "");
+    const page_r8 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ", Showing page " + page_r8.number + " of " + ctx_r1.pageCount, "");
 } }
 function PaginationComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 10);
@@ -201,34 +205,34 @@ function PaginationComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(2);
     i0.ɵɵtemplate(3, PaginationComponent_ng_template_4_span_3_Template, 2, 1, "span", 31);
 } if (rf & 2) {
-    const page_r24 = ctx.$implicit;
-    i0.ɵɵattribute("data-isacitvepage", page_r24.active);
-    i0.ɵɵadvance(1);
+    const page_r8 = ctx.$implicit;
+    i0.ɵɵattribute("data-isacitvepage", page_r8.active);
+    i0.ɵɵadvance();
     i0.ɵɵtextInterpolate("Page ");
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", page_r24.number, " ");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", page_r24.active);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", page_r8.number, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", page_r8.active);
 } }
 function PaginationComponent_ng_template_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 10);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const disabled_r27 = ctx.disabled;
-    i0.ɵɵattribute("data-isdisabled", disabled_r27);
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1("Go to Previous page ", disabled_r27 ? ", Disabled" : "", "");
+    const disabled_r9 = ctx.disabled;
+    i0.ɵɵattribute("data-isdisabled", disabled_r9);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("Go to Previous page ", disabled_r9 ? ", Disabled" : "", "");
 } }
 function PaginationComponent_ng_template_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 10);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const disabled_r28 = ctx.disabled;
-    i0.ɵɵattribute("data-isdisabled", disabled_r28);
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1("Go to Next page ", disabled_r28 ? ", Disabled" : "", "");
+    const disabled_r10 = ctx.disabled;
+    i0.ɵɵattribute("data-isdisabled", disabled_r10);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("Go to Next page ", disabled_r10 ? ", Disabled" : "", "");
 } }
 const DEFAULT_CLS = 'app-datanavigator clearfix';
 const WIDGET_CONFIG = { widgetType: 'wm-pagination', hostClass: DEFAULT_CLS };
@@ -249,7 +253,7 @@ const sizeClasses = {
 class PaginationComponent extends StylableComponent {
     static { this.initializeProps = registerProps(); }
     _setAriaForBasicNavigation() {
-        _.forEach(this.nativeElement.getElementsByTagName('a'), (item) => {
+        forEach(this.nativeElement.getElementsByTagName('a'), (item) => {
             item.setAttribute('href', 'javascript:void(0);');
             const childNode = item.querySelector('span');
             if (childNode?.dataset.isacitvepage === "true") {
@@ -263,8 +267,8 @@ class PaginationComponent extends StylableComponent {
             }
         });
     }
-    constructor(inj, parent) {
-        super(inj, WIDGET_CONFIG);
+    constructor(inj, parent, explicitContext) {
+        super(inj, WIDGET_CONFIG, explicitContext);
         this.parent = parent;
         this.resultEmitter = new EventEmitter();
         this.maxResultsEmitter = new EventEmitter();
@@ -381,11 +385,11 @@ class PaginationComponent extends StylableComponent {
     // Set the result for client side pagination
     setNonPageableData(newVal) {
         let dataSize, maxResults, currentPage, startIndex;
-        dataSize = _.isArray(newVal) ? newVal.length : (_.isEmpty(newVal) ? 0 : 1);
+        dataSize = isArray(newVal) ? newVal.length : (isEmpty(newVal) ? 0 : 1);
         maxResults = (this.options && this.options.maxResults) || dataSize;
         // For static variable, keep the current page. For other variables without pagination reset the page to 1
         // Fix for [WMS-23263]: gridOptions.isNextPageData flag is false when dataset is changed from script, so setting current page to 1
-        if (this.datasource && (this.datasource.execute(DataSource.Operation.IS_API_AWARE) || (this.parent.widgetType === 'wm-table' && (this.parent.gridOptions.isNavTypeScrollOrOndemand() && (_.get(this.parent, 'gridOptions.lastActionPerformed') === this.parent.gridOptions.ACTIONS.DATASET_UPDATE || !_.get(this.parent, 'gridOptions.isNextPageData')))))) {
+        if (this.datasource && (this.datasource.execute(DataSource.Operation.IS_API_AWARE) || (this.parent.widgetType === 'wm-table' && (this.parent.gridOptions.isNavTypeScrollOrOndemand() && (get(this.parent, 'gridOptions.lastActionPerformed') === this.parent.gridOptions.ACTIONS.DATASET_UPDATE || !get(this.parent, 'gridOptions.isNextPageData')))))) {
             currentPage = 1;
         }
         else {
@@ -394,7 +398,7 @@ class PaginationComponent extends StylableComponent {
         this.setDefaultPagingValues(dataSize, maxResults, currentPage);
         this.disableNavigation();
         startIndex = (this.dn.currentPage - 1) * this.maxResults;
-        this.setResult(_.isArray(newVal) ? newVal.slice(startIndex, startIndex + this.maxResults) : newVal);
+        this.setResult(isArray(newVal) ? newVal.slice(startIndex, startIndex + this.maxResults) : newVal);
     }
     /*Function to set the values needed for pagination*/
     setPagingValues(newVal) {
@@ -414,7 +418,7 @@ class PaginationComponent extends StylableComponent {
                     this.filterFields = variableOptions.filterFields || {};
                     this.logicalOp = variableOptions.logicalOp || '';
                     this.sortOptions = variableOptions.orderBy ||
-                        (_.isArray(this.pagination.sort) ? getOrderByExpr(this.pagination.sort) : '');
+                        (isArray(this.pagination.sort) ? getOrderByExpr(this.pagination.sort) : '');
                     dataSize = this.pagination.totalElements;
                     maxResults = this.pagination.size;
                     if (this.pagination.numberOfElements > 0) {
@@ -432,7 +436,7 @@ class PaginationComponent extends StylableComponent {
                     this.checkDataSize(dataSize, this.pagination.numberOfElements, this.pagination.size);
                     this.setResult(newVal);
                 }
-                else if (!_.isString(newVal)) {
+                else if (!isString(newVal)) {
                     this.setNonPageableData(newVal);
                 }
             }
@@ -445,7 +449,7 @@ class PaginationComponent extends StylableComponent {
             }
         }
         else {
-            if (newVal && !_.isString(newVal)) {
+            if (newVal && !isString(newVal)) {
                 this.setNonPageableData(newVal);
             }
         }
@@ -542,7 +546,7 @@ class PaginationComponent extends StylableComponent {
             else {
                 startIndex = (this.dn.currentPage - 1) * this.maxResults;
             }
-            data = _.isArray(this.__fullData) ? this.__fullData.slice(startIndex, startIndex + this.maxResults) : this.__fullData;
+            data = isArray(this.__fullData) ? this.__fullData.slice(startIndex, startIndex + this.maxResults) : this.__fullData;
             this.setResult(data);
             this.onPageDataReady(event, data, callback);
         }
@@ -575,7 +579,7 @@ class PaginationComponent extends StylableComponent {
      In case of valid input, return true.*/
     validateCurrentPage(event, callback) {
         /*If the value entered is greater than the last page number or invalid value, then highlighting the field showing error.*/
-        if (event && (isNaN(this.dn.currentPage) || this.dn.currentPage <= 0 || (this.pageCount && (this.dn.currentPage > this.pageCount || _.isNull(this.dn.currentPage))))) {
+        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;
             }
@@ -750,42 +754,42 @@ class PaginationComponent extends StylableComponent {
             event.stopPropagation();
         };
     }
-    static { this.ɵfac = function PaginationComponent_Factory(t) { return new (t || PaginationComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(WidgetRef, 4)); }; }
+    static { this.ɵfac = function PaginationComponent_Factory(t) { return new (t || PaginationComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(WidgetRef, 4), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PaginationComponent, selectors: [["", "wmPagination", ""]], outputs: { resultEmitter: "resultEmitter", maxResultsEmitter: "maxResultsEmitter" }, features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(PaginationComponent)
-            ]), i0.ɵɵInheritDefinitionFeature], attrs: _c0, decls: 10, vars: 4, consts: [[3, "class", 4, "ngIf"], ["class", "pagination basic", "role", "navigation", "firstText", "Firtst", "lastText", "Last", 3, "ngClass", "itemsPerPage", "totalItems", "ngModel", "boundaryLinks", "maxSize", "directionLinks", "customPreviousTemplate", "customNextTemplate", "customPageTemplate", "pageChanged", 4, "ngIf"], ["class", "pagination", 4, "ngIf"], ["pageTemplate", ""], ["prevTemplate", ""], ["nextTemplate", ""], [3, "ngClass"], ["name", "first", "href", "javascript:void(0);", 3, "title", "click"], ["aria-hidden", "true"], [1, "wi", "wi-first-page"], [1, "sr-only"], ["name", "prev", "href", "javascript:void(0);", 3, "title", "click"], [1, "wi", "wi-chevron-left"], [1, "pagecount", "disabled"], ["href", "javascript:void(0);"], ["type", "number", 1, "form-control", 3, "disabled", "ngModel", "ngModelChange", "keydown", "change"], [1, "disabled"], [3, "hidden"], ["name", "next", "href", "javascript:void(0);", 3, "title", "click"], [1, "wi", "wi-chevron-right"], ["name", "last", "href", "javascript:void(0);", 3, "title", "click"], [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, "ngClass", "itemsPerPage", "totalItems", "ngModel", "boundaryLinks", "maxSize", "directionLinks", "customPreviousTemplate", "customNextTemplate", "customPageTemplate", "pageChanged"], [1, "pagination"], [1, "totalcount", "disabled", "basiccount"], ["class", "sr-only", 4, "ngIf"]], template: function PaginationComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, PaginationComponent_ul_0_Template, 32, 33, "ul", 0);
-            i0.ɵɵtemplate(1, PaginationComponent_ul_1_Template, 15, 15, "ul", 0);
-            i0.ɵɵtemplate(2, PaginationComponent_pagination_2_Template, 1, 11, "pagination", 1);
-            i0.ɵɵtemplate(3, PaginationComponent_ul_3_Template, 4, 2, "ul", 2);
-            i0.ɵɵtemplate(4, PaginationComponent_ng_template_4_Template, 4, 4, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
-            i0.ɵɵtemplate(6, PaginationComponent_ng_template_6_Template, 2, 2, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor);
-            i0.ɵɵtemplate(8, PaginationComponent_ng_template_8_Template, 2, 2, "ng-template", null, 5, i0.ɵɵtemplateRefExtractor);
+            ]), i0.ɵɵ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);"], ["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.ɵɵ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.ɵɵ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.ɵɵproperty("ngIf", ctx.navcontrols === "Classic");
-            i0.ɵɵadvance(1);
+            i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.navcontrols === "Pager");
-            i0.ɵɵadvance(1);
+            i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.navcontrols === "Basic");
-            i0.ɵɵadvance(1);
+            i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.navcontrols === "Basic" && ctx.showrecordcount);
         } }, dependencies: [i1.NgClass, i1.NgIf, i2.DefaultValueAccessor, i2.NumberValueAccessor, i2.NgControlStatus, i2.NgModel, i3.PaginationComponent], encapsulation: 2 }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationComponent, [{
         type: Component,
         args: [{ selector: '[wmPagination]', providers: [
                     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);\">\n            <input type=\"number\" [disabled]=\"isDisableCurrent\" [(ngModel)]=\"dn.currentPage\" [attr.aria-label]=\"'Showing Page ' + dn.currentPage + ' of ' + pageCount\"\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            [ngModel]=\"dn.currentPage\" (pageChanged)=\"pageChanged($event)\"\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" }]
-    }], function () { return [{ type: i0.Injector }, { type: undefined, decorators: [{
+                ], 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);\">\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" }]
+    }], () => [{ type: i0.Injector }, { type: undefined, decorators: [{
                 type: SkipSelf
             }, {
                 type: Inject,
                 args: [WidgetRef]
-            }] }]; }, { resultEmitter: [{
+            }] }, { type: undefined, decorators: [{
+                type: Inject,
+                args: ['EXPLICIT_CONTEXT']
+            }, {
+                type: Optional
+            }] }], { resultEmitter: [{
             type: Output
         }], maxResultsEmitter: [{
             type: Output
         }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PaginationComponent, { className: "PaginationComponent", filePath: "pagination.component.ts", lineNumber: 41 }); })();
 
 const components = [
     PaginationComponent
@@ -798,7 +802,7 @@ class PaginationModule {
             PaginationModule$1,
             WmComponentsModule] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationModule, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationModule, [{
         type: NgModule,
         args: [{
                 imports: [