@wavemaker/app-ng-runtime 11.7.5-rc.5649 → 11.8.0-next.1417111

app-ng-runtime/components/base/fesm2022/index.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, forwardRef, ElementRef, inject, ViewContainerRef, Injectable, Inject, Directive, Self, ContentChildren, Pipe, Input, Component, Attribute, SecurityContext, NgModule } from '@angular/core';
+import { InjectionToken, forwardRef, ElementRef, inject, ViewContainerRef, Injector, Injectable, Inject, Optional, Directive, Self, ContentChildren, Pipe, Input, Component, Attribute, SecurityContext, NgModule } from '@angular/core';
 import * as i1$1 from '@angular/common';
 import { Location, CommonModule } from '@angular/common';
 import * as i1 from '@wm/core';
@@ -10,6 +10,7 @@ import * as i1$2 from '@angular/platform-browser';
 import { EventManager } from '@angular/platform-browser';
 import { ReplaySubject, Subject } from 'rxjs';
 import { filter, debounceTime } from 'rxjs/operators';
+import { __param, __metadata, __decorate } from 'tslib';
 import { Validators } from '@angular/forms';
 import { SwipeAnimation } from '@swipey';
 
@@ -918,7 +919,7 @@ class BaseComponent {
     get $element() {
         return $(this.nativeElement);
     }
-    constructor(inj, config, initPromise // Promise on which the initialization has to wait
+    constructor(inj, config, explicitContext, initPromise // Promise on which the initialization has to wait
     ) {
         this.inj = inj;
         this.isAttached = false;
@@ -950,6 +951,7 @@ class BaseComponent {
         this.__cloneable__ = false;
         this.$attrs = new Map();
         this.isMuted = false;
+        this.customInjectorMap = {};
         const elementRef = inj.get(ElementRef);
         this.nativeElement = elementRef.nativeElement;
         //making the code compatible in both the JIT and AOT modes
@@ -1017,6 +1019,9 @@ class BaseComponent {
                 this.setInitProps();
             });
         }
+        if (explicitContext) {
+            _.extend(this.context, explicitContext);
+        }
     }
     getNativeElement() {
         return this.nativeElement;
@@ -1431,6 +1436,22 @@ class BaseComponent {
     unmute() {
         this.isMuted = false;
     }
+    createCustomInjector(contextKey, context) {
+        if (this.customInjectorMap[contextKey]) {
+            if (this.customInjectorMap[contextKey].context === context) {
+                return this.customInjectorMap[contextKey].injector;
+            }
+            delete this.customInjectorMap[contextKey];
+        }
+        const inj = Injector.create({
+            providers: [{ provide: 'EXPLICIT_CONTEXT', useValue: context }],
+        });
+        this.customInjectorMap[contextKey] = {
+            context: context,
+            injector: inj
+        };
+        return inj;
+    }
     /**
      * After the host page is attached from cache, this function is called.
      */
@@ -1474,21 +1495,26 @@ class BaseComponent {
         this.destroy.complete();
         this.isAttached = false;
     }
-    static { this.ɵfac = function BaseComponent_Factory(t) { return new (t || BaseComponent)(i0.ɵɵinject(i0.Injector), i0.ɵɵinject(WidgetConfig), i0.ɵɵinject(Promise)); }; }
+    static { this.ɵfac = function BaseComponent_Factory(t) { return new (t || BaseComponent)(i0.ɵɵinject(i0.Injector), i0.ɵɵinject(WidgetConfig), i0.ɵɵinject('EXPLICIT_CONTEXT', 8), i0.ɵɵinject(Promise)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: BaseComponent, factory: BaseComponent.ɵfac }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseComponent, [{
         type: Injectable
-    }], function () { return [{ type: i0.Injector }, { type: undefined, decorators: [{
+    }], () => [{ type: i0.Injector }, { type: undefined, decorators: [{
                 type: Inject,
                 args: [WidgetConfig]
-            }] }, { type: Promise }]; }, null); })();
+            }] }, { type: undefined, decorators: [{
+                type: Inject,
+                args: ['EXPLICIT_CONTEXT']
+            }, {
+                type: Optional
+            }] }, { type: Promise }], null); })();
 
 class StylableComponent extends BaseComponent {
-    static { this.ɵfac = /*@__PURE__*/ function () { let ɵStylableComponent_BaseFactory; return function StylableComponent_Factory(t) { return (ɵStylableComponent_BaseFactory || (ɵStylableComponent_BaseFactory = i0.ɵɵgetInheritedFactory(StylableComponent)))(t || StylableComponent); }; }(); }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵStylableComponent_BaseFactory; return function StylableComponent_Factory(t) { return (ɵStylableComponent_BaseFactory || (ɵStylableComponent_BaseFactory = i0.ɵɵgetInheritedFactory(StylableComponent)))(t || StylableComponent); }; })(); }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: StylableComponent, factory: StylableComponent.ɵfac }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StylableComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StylableComponent, [{
         type: Injectable
     }], null, null); })();
 
@@ -1506,21 +1532,21 @@ class RedrawableDirective {
     static { this.ɵfac = function RedrawableDirective_Factory(t) { return new (t || RedrawableDirective)(i0.ɵɵdirectiveInject(WidgetRef, 2)); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: RedrawableDirective, selectors: [["", "redrawable", ""]] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RedrawableDirective, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RedrawableDirective, [{
         type: Directive,
         args: [{
                 selector: '[redrawable]'
             }]
-    }], function () { return [{ type: undefined, decorators: [{
+    }], () => [{ type: undefined, decorators: [{
                 type: Self
             }, {
                 type: Inject,
                 args: [WidgetRef]
-            }] }]; }, null); })();
+            }] }], null); })();
 
 class BaseContainerComponent extends StylableComponent {
-    constructor(inj, WIDGET_CONFIG) {
-        super(inj, WIDGET_CONFIG);
+    constructor(inj, WIDGET_CONFIG, explicitContext) {
+        super(inj, WIDGET_CONFIG, explicitContext);
     }
     updateRedrawableComponents(widgets) {
         _.pickBy(widgets, widget => {
@@ -1560,9 +1586,9 @@ class BaseContainerComponent extends StylableComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.reDrawableComponents = _t);
         } }, features: [i0.ɵɵInheritDefinitionFeature] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseContainerComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseContainerComponent, [{
         type: Directive
-    }], function () { return [{ type: i0.Injector }, { type: undefined }]; }, { reDrawableComponents: [{
+    }], () => [{ type: i0.Injector }, { type: undefined }, { type: undefined }], { reDrawableComponents: [{
             type: ContentChildren,
             args: [RedrawableDirective, { descendants: true }]
         }] }); })();
@@ -1574,17 +1600,17 @@ const WIDGET_CONFIG$4 = {
 };
 class ContainerDirective extends BaseContainerComponent {
     static { this.initializeProps = registerProps$4(); }
-    constructor(inj) {
-        super(inj, WIDGET_CONFIG$4);
+    constructor(inj, explicitContext) {
+        super(inj, WIDGET_CONFIG$4, explicitContext);
         addClass(this.nativeElement, DEFAULT_CLS$3);
         styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);
     }
-    static { this.ɵfac = function ContainerDirective_Factory(t) { return new (t || ContainerDirective)(i0.ɵɵdirectiveInject(i0.Injector)); }; }
+    static { this.ɵfac = function ContainerDirective_Factory(t) { return new (t || ContainerDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: ContainerDirective, selectors: [["", "wmContainer", ""]], features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(ContainerDirective)
             ]), i0.ɵɵInheritDefinitionFeature] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContainerDirective, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContainerDirective, [{
         type: Directive,
         args: [{
                 selector: '[wmContainer]',
@@ -1592,7 +1618,12 @@ class ContainerDirective extends BaseContainerComponent {
                     provideAsWidgetRef(ContainerDirective)
                 ]
             }]
-    }], function () { return [{ type: i0.Injector }]; }, null); })();
+    }], () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                type: Inject,
+                args: ['EXPLICIT_CONTEXT']
+            }, {
+                type: Optional
+            }] }], null); })();
 
 class ImagePipe {
     transform(url, encode, defaultImageUrl) {
@@ -1601,7 +1632,7 @@ class ImagePipe {
     static { this.ɵfac = function ImagePipe_Factory(t) { return new (t || ImagePipe)(); }; }
     static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "image", type: ImagePipe, pure: true }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ImagePipe, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ImagePipe, [{
         type: Pipe,
         args: [{
                 name: 'image'
@@ -1634,8 +1665,8 @@ class ItemTemplateDirective extends StylableComponent {
     set wmItemTemplate(value) {
         this.widget.content = value;
     }
-    constructor(inj, elRef, app) {
-        super(inj, WIDGET_CONFIG$3);
+    constructor(inj, elRef, app, explicitContext) {
+        super(inj, WIDGET_CONFIG$3, explicitContext);
         this.app = app;
         this.nativeElement = elRef.nativeElement;
         // this.context = (<NgForOfContext<ItemTemplateDirective>>(<any>inj).view.context);
@@ -1645,12 +1676,12 @@ class ItemTemplateDirective extends StylableComponent {
         super.ngOnInit();
         this.partialParams.item = this.userComponentParams.dataObject;
     }
-    static { this.ɵfac = function ItemTemplateDirective_Factory(t) { return new (t || ItemTemplateDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.App)); }; }
+    static { this.ɵfac = function ItemTemplateDirective_Factory(t) { return new (t || ItemTemplateDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.App), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: ItemTemplateDirective, selectors: [["", "wmItemTemplate", ""]], inputs: { userComponentParams: "userComponentParams", wmItemTemplate: "wmItemTemplate" }, exportAs: ["itemTemplateRef"], features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(ItemTemplateDirective)
             ]), i0.ɵɵInheritDefinitionFeature] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ItemTemplateDirective, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ItemTemplateDirective, [{
         type: Directive,
         args: [{
                 selector: '[wmItemTemplate]',
@@ -1659,7 +1690,12 @@ class ItemTemplateDirective extends StylableComponent {
                     provideAsWidgetRef(ItemTemplateDirective)
                 ]
             }]
-    }], function () { return [{ type: i0.Injector }, { type: i0.ElementRef }, { type: i1.App }]; }, { userComponentParams: [{
+    }], () => [{ type: i0.Injector }, { type: i0.ElementRef }, { type: i1.App }, { type: undefined, decorators: [{
+                type: Inject,
+                args: ['EXPLICIT_CONTEXT']
+            }, {
+                type: Optional
+            }] }], { userComponentParams: [{
             type: Input
         }], wmItemTemplate: [{
             type: Input
@@ -1678,19 +1714,24 @@ const WIDGET_CONFIG$2 = {
 };
 class RepeatTemplateDirective extends StylableComponent {
     static { this.initializeProps = registerProps$2(); }
-    constructor(inj) {
-        super(inj, WIDGET_CONFIG$2);
+    constructor(inj, explicitContext) {
+        super(inj, WIDGET_CONFIG$2, explicitContext);
         styler(this.nativeElement, this);
     }
-    static { this.ɵfac = function RepeatTemplateDirective_Factory(t) { return new (t || RepeatTemplateDirective)(i0.ɵɵdirectiveInject(i0.Injector)); }; }
+    static { this.ɵfac = function RepeatTemplateDirective_Factory(t) { return new (t || RepeatTemplateDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: RepeatTemplateDirective, selectors: [["", "wmRepeatTemplate", ""]], features: [i0.ɵɵInheritDefinitionFeature] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RepeatTemplateDirective, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RepeatTemplateDirective, [{
         type: Directive,
         args: [{
                 selector: '[wmRepeatTemplate]'
             }]
-    }], function () { return [{ type: i0.Injector }]; }, null); })();
+    }], () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                type: Inject,
+                args: ['EXPLICIT_CONTEXT']
+            }, {
+                type: Optional
+            }] }], null); })();
 
 class LazyLoadDirective {
     constructor(inj, templateRef, viewContainer) {
@@ -1716,12 +1757,12 @@ class LazyLoadDirective {
     static { this.ɵfac = function LazyLoadDirective_Factory(t) { return new (t || LazyLoadDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i0.TemplateRef), i0.ɵɵdirectiveInject(i0.ViewContainerRef)); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: LazyLoadDirective, selectors: [["", "lazyLoad", ""]], inputs: { lazyLoad: "lazyLoad" } }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LazyLoadDirective, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LazyLoadDirective, [{
         type: Directive,
         args: [{
                 selector: '[lazyLoad]'
             }]
-    }], function () { return [{ type: i0.Injector }, { type: i0.TemplateRef }, { type: i0.ViewContainerRef }]; }, { lazyLoad: [{
+    }], () => [{ type: i0.Injector }, { type: i0.TemplateRef }, { type: i0.ViewContainerRef }], { lazyLoad: [{
             type: Input
         }] }); })();
 
@@ -1742,8 +1783,8 @@ const DEFAULT_CLS$1 = 'alert app-message';
 const WIDGET_CONFIG$1 = { widgetType: 'wm-message', hostClass: DEFAULT_CLS$1 };
 class MessageComponent extends StylableComponent {
     static { this.initializeProps = registerProps$1(); }
-    constructor(inj) {
-        super(inj, WIDGET_CONFIG$1);
+    constructor(inj, explicitContext) {
+        super(inj, WIDGET_CONFIG$1, explicitContext);
         this.messageClass = '';
         this.messageIconClass = '';
         this.type = '';
@@ -1802,10 +1843,10 @@ class MessageComponent extends StylableComponent {
             super.onPropertyChange(key, nv, ov);
         }
     }
-    static { this.ɵfac = function MessageComponent_Factory(t) { return new (t || MessageComponent)(i0.ɵɵdirectiveInject(i0.Injector)); }; }
+    static { this.ɵfac = function MessageComponent_Factory(t) { return new (t || MessageComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MessageComponent, selectors: [["", "wmMessage", ""]], exportAs: ["wmMessage"], features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(MessageComponent)
-            ]), i0.ɵɵInheritDefinitionFeature], attrs: _c0, decls: 5, vars: 7, consts: [["aria-hidden", "true", 3, "title"], [3, "innerHtml"], ["title", "Close", "type", "button", "aria-label", "Close", 1, "btn-transparent", "close", 3, "hidden", "click"], ["aria-hidden", "true"]], template: function MessageComponent_Template(rf, ctx) { if (rf & 1) {
+            ]), i0.ɵɵInheritDefinitionFeature], attrs: _c0, decls: 5, vars: 7, consts: [["aria-hidden", "true", 3, "title"], [3, "innerHtml"], ["title", "Close", "type", "button", "aria-label", "Close", 1, "btn-transparent", "close", 3, "click", "hidden"], ["aria-hidden", "true"]], template: function MessageComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelement(0, "i", 0)(1, "span", 1);
             i0.ɵɵelementStart(2, "button", 2);
             i0.ɵɵlistener("click", function MessageComponent_Template_button_click_2_listener($event) { return ctx.dismiss($event); });
@@ -1815,18 +1856,24 @@ class MessageComponent extends StylableComponent {
         } if (rf & 2) {
             i0.ɵɵclassMapInterpolate2("icon ", ctx.type, " ", ctx.messageIconClass, "");
             i0.ɵɵproperty("title", ctx.type + "Alert");
-            i0.ɵɵadvance(1);
+            i0.ɵɵadvance();
             i0.ɵɵproperty("innerHtml", ctx.caption, i0.ɵɵsanitizeHtml);
-            i0.ɵɵadvance(1);
+            i0.ɵɵadvance();
             i0.ɵɵproperty("hidden", ctx.hideclose);
         } }, encapsulation: 2 }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MessageComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MessageComponent, [{
         type: Component,
         args: [{ selector: '[wmMessage]', providers: [
                     provideAsWidgetRef(MessageComponent)
                 ], exportAs: 'wmMessage', template: "<i aria-hidden=\"true\" [title]=\"type + 'Alert'\" class=\"icon {{type}} {{messageIconClass}}\"></i>\n<span [innerHtml]=\"caption\"></span>\n<button title=\"Close\" type=\"button\" class=\"btn-transparent close\" [hidden]=\"hideclose\" (click)=\"dismiss($event)\" aria-label=\"Close\">\n    <span aria-hidden=\"true\">&times;</span>\n</button>\n" }]
-    }], function () { return [{ type: i0.Injector }]; }, null); })();
+    }], () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                type: Inject,
+                args: ['EXPLICIT_CONTEXT']
+            }, {
+                type: Optional
+            }] }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MessageComponent, { className: "MessageComponent", filePath: "widgets/common/message/message.component.ts", lineNumber: 22 }); })();
 
 const registerProps = () => {
     register$1('wm-partial', new Map([
@@ -1838,8 +1885,8 @@ const DEFAULT_CLS = 'app-partial clearfix';
 const WIDGET_CONFIG = { widgetType: 'wm-partial', hostClass: DEFAULT_CLS };
 class PartialDirective extends StylableComponent {
     static { this.initializeProps = registerProps(); }
-    constructor(inj, viewport) {
-        super(inj, WIDGET_CONFIG);
+    constructor(inj, viewport, explicitContext) {
+        super(inj, WIDGET_CONFIG, explicitContext);
         this.viewport = viewport;
         this.registerDestroyListener(this.viewport.subscribe("resize" /* ViewportEvent.RESIZE */, data => this.callback('resize', data)));
         this.registerDestroyListener(this.viewport.subscribe("orientationchange" /* ViewportEvent.ORIENTATION_CHANGE */, data => this.callback('orientationchange', data)));
@@ -1858,12 +1905,12 @@ class PartialDirective extends StylableComponent {
         this.callback('destroy');
         super.ngOnDestroy();
     }
-    static { this.ɵfac = function PartialDirective_Factory(t) { return new (t || PartialDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.Viewport)); }; }
+    static { this.ɵfac = function PartialDirective_Factory(t) { return new (t || PartialDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.Viewport), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PartialDirective, selectors: [["", "wmPartial", ""]], features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(PartialDirective)
             ]), i0.ɵɵInheritDefinitionFeature] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PartialDirective, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PartialDirective, [{
         type: Directive,
         args: [{
                 selector: '[wmPartial]',
@@ -1871,7 +1918,12 @@ class PartialDirective extends StylableComponent {
                     provideAsWidgetRef(PartialDirective)
                 ]
             }]
-    }], function () { return [{ type: i0.Injector }, { type: i1.Viewport }]; }, null); })();
+    }], () => [{ type: i0.Injector }, { type: i1.Viewport }, { type: undefined, decorators: [{
+                type: Inject,
+                args: ['EXPLICIT_CONTEXT']
+            }, {
+                type: Optional
+            }] }], null); })();
 
 class PartialParamHandlerDirective {
     constructor(widgetRef) {
@@ -1898,17 +1950,17 @@ class PartialParamHandlerDirective {
     static { this.ɵfac = function PartialParamHandlerDirective_Factory(t) { return new (t || PartialParamHandlerDirective)(i0.ɵɵdirectiveInject(WidgetRef, 2)); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PartialParamHandlerDirective, selectors: [["", "partialContainer", ""]] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PartialParamHandlerDirective, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PartialParamHandlerDirective, [{
         type: Directive,
         args: [{
                 selector: '[partialContainer]',
             }]
-    }], function () { return [{ type: undefined, decorators: [{
+    }], () => [{ type: undefined, decorators: [{
                 type: Self
             }, {
                 type: Inject,
                 args: [WidgetRef]
-            }] }]; }, null); })();
+            }] }], null); })();
 class PartialParamDirective {
     constructor(bindValue, type, partialParamsProvider) {
         this.bindValue = bindValue;
@@ -1921,18 +1973,18 @@ class PartialParamDirective {
     static { this.ɵfac = function PartialParamDirective_Factory(t) { return new (t || PartialParamDirective)(i0.ɵɵinjectAttribute('value.bind'), i0.ɵɵinjectAttribute('type'), i0.ɵɵdirectiveInject(PartialParamHandlerDirective)); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PartialParamDirective, selectors: [["", "wmParam", ""]], inputs: { name: "name", value: "value" } }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PartialParamDirective, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PartialParamDirective, [{
         type: Directive,
         args: [{
                 selector: '[wmParam]',
             }]
-    }], function () { return [{ type: undefined, decorators: [{
+    }], () => [{ type: undefined, decorators: [{
                 type: Attribute,
                 args: ['value.bind']
             }] }, { type: undefined, decorators: [{
                 type: Attribute,
                 args: ['type']
-            }] }, { type: PartialParamHandlerDirective }]; }, { name: [{
+            }] }, { type: PartialParamHandlerDirective }], { name: [{
             type: Input
         }], value: [{
             type: Input
@@ -2008,12 +2060,12 @@ class PartialContainerDirective {
     static { this.ɵfac = function PartialContainerDirective_Factory(t) { return new (t || PartialContainerDirective)(i0.ɵɵdirectiveInject(WidgetRef, 2), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.App), i0.ɵɵinjectAttribute('content'), i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(i1.PartialRefProvider)); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PartialContainerDirective, selectors: [["", "partialContainer", ""]] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PartialContainerDirective, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PartialContainerDirective, [{
         type: Directive,
         args: [{
                 selector: '[partialContainer]'
             }]
-    }], function () { return [{ type: undefined, decorators: [{
+    }], () => [{ type: undefined, decorators: [{
                 type: Self
             }, {
                 type: Inject,
@@ -2021,7 +2073,7 @@ class PartialContainerDirective {
             }] }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }, { type: i0.Injector }, { type: i1.App }, { type: undefined, decorators: [{
                 type: Attribute,
                 args: ['content']
-            }] }, { type: i0.ComponentFactoryResolver }, { type: i1.PartialRefProvider }]; }, null); })();
+            }] }, { type: i0.ComponentFactoryResolver }, { type: i1.PartialRefProvider }], null); })();
 
 class ShowInDeviceDirective {
     constructor(elRef, widget, viewContainerRef, inj, templateRef) {
@@ -2078,15 +2130,15 @@ class ShowInDeviceDirective {
     static { this.ɵfac = function ShowInDeviceDirective_Factory(t) { return new (t || ShowInDeviceDirective)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(WidgetRef), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i0.TemplateRef)); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: ShowInDeviceDirective, selectors: [["", "wmShowInDevice", ""]], inputs: { wmShowInDevice: "wmShowInDevice" } }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ShowInDeviceDirective, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ShowInDeviceDirective, [{
         type: Directive,
         args: [{
                 selector: '[wmShowInDevice]'
             }]
-    }], function () { return [{ type: i0.ElementRef }, { type: BaseComponent, decorators: [{
+    }], () => [{ type: i0.ElementRef }, { type: BaseComponent, decorators: [{
                 type: Inject,
                 args: [WidgetRef]
-            }] }, { type: i0.ViewContainerRef }, { type: i0.Injector }, { type: i0.TemplateRef }]; }, { wmShowInDevice: [{
+            }] }, { type: i0.ViewContainerRef }, { type: i0.Injector }, { type: i0.TemplateRef }], { wmShowInDevice: [{
             type: Input
         }] }); })();
 
@@ -2146,9 +2198,9 @@ class SmoothScrollDirective {
             preventDefault: false,
             momentum: true,
             bounce: false,
-            mouseWheel: true,
-            disablePointer: true,
-            disableTouch: false,
+            mouseWheel: true, // for preview in browser support
+            disablePointer: true, // disable the pointer events as it causes lag in scrolling (jerky).
+            disableTouch: false, // false to be usable with touch devices
             disableMouse: false // false to be usable with a mouse (desktop)
         }, el = this._$el[0];
         if (!el.children.length) {
@@ -2266,12 +2318,12 @@ class SmoothScrollDirective {
     static { this.ɵfac = function SmoothScrollDirective_Factory(t) { return new (t || SmoothScrollDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.App)); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: SmoothScrollDirective, selectors: [["", "wmSmoothscroll", ""]], inputs: { wmSmoothscroll: "wmSmoothscroll" } }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmoothScrollDirective, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmoothScrollDirective, [{
         type: Directive,
         args: [{
                 selector: '[wmSmoothscroll]'
             }]
-    }], function () { return [{ type: i0.Injector }, { type: i0.ElementRef }, { type: i1.App }]; }, { wmSmoothscroll: [{
+    }], () => [{ type: i0.Injector }, { type: i0.ElementRef }, { type: i1.App }], { wmSmoothscroll: [{
             type: Input
         }] }); })();
 /**
@@ -2320,12 +2372,12 @@ class TextContentDirective {
     static { this.ɵfac = function TextContentDirective_Factory(t) { return new (t || TextContentDirective)(i0.ɵɵdirectiveInject(i0.ElementRef)); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TextContentDirective, selectors: [["", "textContent", ""]], inputs: { textContent: "textContent" } }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextContentDirective, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextContentDirective, [{
         type: Directive,
         args: [{
                 selector: '[textContent]'
             }]
-    }], function () { return [{ type: i0.ElementRef }]; }, { textContent: [{
+    }], () => [{ type: i0.ElementRef }], { textContent: [{
             type: Input
         }] }); })();
 
@@ -2368,12 +2420,12 @@ class TrailingZeroDecimalPipe {
     static { this.ɵfac = function TrailingZeroDecimalPipe_Factory(t) { return new (t || TrailingZeroDecimalPipe)(i0.ɵɵdirectiveInject(i1$1.DecimalPipe, 16)); }; }
     static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "trailingZeroDecimalPipe", type: TrailingZeroDecimalPipe, pure: true }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TrailingZeroDecimalPipe, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TrailingZeroDecimalPipe, [{
         type: Pipe,
         args: [{
                 name: 'trailingZeroDecimalPipe'
             }]
-    }], function () { return [{ type: i1$1.DecimalPipe }]; }, null); })();
+    }], () => [{ type: i1$1.DecimalPipe }], null); })();
 class ToDatePipe extends WmPipe {
     // This method calls the custom formatter fn after applying the exisitng date pattern
     returnFn(data, args) {
@@ -2423,12 +2475,12 @@ class ToDatePipe extends WmPipe {
     static { this.ɵfac = function ToDatePipe_Factory(t) { return new (t || ToDatePipe)(i0.ɵɵdirectiveInject(i1$1.DatePipe, 16), i0.ɵɵdirectiveInject(i1.AbstractI18nService, 16), i0.ɵɵdirectiveInject(i1.CustomPipeManager, 16)); }; }
     static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "toDate", type: ToDatePipe, pure: true }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ToDatePipe, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ToDatePipe, [{
         type: Pipe,
         args: [{
                 name: 'toDate'
             }]
-    }], function () { return [{ type: i1$1.DatePipe }, { type: i1.AbstractI18nService }, { type: i1.CustomPipeManager }]; }, null); })();
+    }], () => [{ type: i1$1.DatePipe }, { type: i1.AbstractI18nService }, { type: i1.CustomPipeManager }], null); })();
 class ToNumberPipe {
     transform(data, fracSize) {
         if (fracSize && !String(fracSize).match(/^(\d+)?\.((\d+)(-(\d+))?)?$/)) {
@@ -2447,15 +2499,15 @@ class ToNumberPipe {
     static { this.ɵfac = function ToNumberPipe_Factory(t) { return new (t || ToNumberPipe)(i0.ɵɵdirectiveInject(i1$1.DecimalPipe, 16), i0.ɵɵdirectiveInject(AbstractI18nService, 16)); }; }
     static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "toNumber", type: ToNumberPipe, pure: true }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ToNumberPipe, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ToNumberPipe, [{
         type: Pipe,
         args: [{
                 name: 'toNumber'
             }]
-    }], function () { return [{ type: i1$1.DecimalPipe }, { type: i1.AbstractI18nService, decorators: [{
+    }], () => [{ type: i1$1.DecimalPipe }, { type: i1.AbstractI18nService, decorators: [{
                 type: Inject,
                 args: [AbstractI18nService]
-            }] }]; }, null); })();
+            }] }], null); })();
 class ToCurrencyPipe {
     transform(data, currencySymbol, fracSize) {
         const _currencySymbol = (CURRENCY_INFO[currencySymbol] || {}).symbol || currencySymbol || '';
@@ -2473,15 +2525,15 @@ class ToCurrencyPipe {
     static { this.ɵfac = function ToCurrencyPipe_Factory(t) { return new (t || ToCurrencyPipe)(i0.ɵɵdirectiveInject(i1$1.DecimalPipe, 16), i0.ɵɵdirectiveInject(AbstractI18nService, 16)); }; }
     static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "toCurrency", type: ToCurrencyPipe, pure: true }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ToCurrencyPipe, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ToCurrencyPipe, [{
         type: Pipe,
         args: [{
                 name: 'toCurrency'
             }]
-    }], function () { return [{ type: i1$1.DecimalPipe }, { type: i1.AbstractI18nService, decorators: [{
+    }], () => [{ type: i1$1.DecimalPipe }, { type: i1.AbstractI18nService, decorators: [{
                 type: Inject,
                 args: [AbstractI18nService]
-            }] }]; }, null); })();
+            }] }], null); })();
 class PrefixPipe {
     transform(data, padding) {
         return (_.isUndefined(data) || data === null || data === '') ? data : ((padding || '') + data);
@@ -2489,7 +2541,7 @@ class PrefixPipe {
     static { this.ɵfac = function PrefixPipe_Factory(t) { return new (t || PrefixPipe)(); }; }
     static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "prefix", type: PrefixPipe, pure: true }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrefixPipe, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrefixPipe, [{
         type: Pipe,
         args: [{
                 name: 'prefix'
@@ -2502,7 +2554,7 @@ class SuffixPipe {
     static { this.ɵfac = function SuffixPipe_Factory(t) { return new (t || SuffixPipe)(); }; }
     static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "suffix", type: SuffixPipe, pure: true }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SuffixPipe, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SuffixPipe, [{
         type: Pipe,
         args: [{
                 name: 'suffix'
@@ -2536,12 +2588,12 @@ class CustomPipe {
     static { this.ɵfac = function CustomPipe_Factory(t) { return new (t || CustomPipe)(i0.ɵɵdirectiveInject(i1.CustomPipeManager, 16)); }; }
     static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "custom", type: CustomPipe, pure: true }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CustomPipe, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CustomPipe, [{
         type: Pipe,
         args: [{
                 name: 'custom'
             }]
-    }], function () { return [{ type: i1.CustomPipeManager }]; }, null); })();
+    }], () => [{ type: i1.CustomPipeManager }], null); })();
 class TimeFromNowPipe {
     transform(data) {
         let timestamp;
@@ -2554,17 +2606,17 @@ class TimeFromNowPipe {
     static { this.ɵfac = function TimeFromNowPipe_Factory(t) { return new (t || TimeFromNowPipe)(); }; }
     static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "timeFromNow", type: TimeFromNowPipe, pure: true }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TimeFromNowPipe, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TimeFromNowPipe, [{
         type: Pipe,
         args: [{
                 name: 'timeFromNow'
             }]
     }], null, null); })();
 class NumberToStringPipe extends ToNumberPipe {
-    static { this.ɵfac = /*@__PURE__*/ function () { let ɵNumberToStringPipe_BaseFactory; return function NumberToStringPipe_Factory(t) { return (ɵNumberToStringPipe_BaseFactory || (ɵNumberToStringPipe_BaseFactory = i0.ɵɵgetInheritedFactory(NumberToStringPipe)))(t || NumberToStringPipe); }; }(); }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵNumberToStringPipe_BaseFactory; return function NumberToStringPipe_Factory(t) { return (ɵNumberToStringPipe_BaseFactory || (ɵNumberToStringPipe_BaseFactory = i0.ɵɵgetInheritedFactory(NumberToStringPipe)))(t || NumberToStringPipe); }; })(); }
     static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "numberToString", type: NumberToStringPipe, pure: true }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NumberToStringPipe, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NumberToStringPipe, [{
         type: Pipe,
         args: [{
                 name: 'numberToString'
@@ -2577,7 +2629,7 @@ class StringToNumberPipe {
     static { this.ɵfac = function StringToNumberPipe_Factory(t) { return new (t || StringToNumberPipe)(); }; }
     static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "stringToNumber", type: StringToNumberPipe, pure: true }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StringToNumberPipe, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StringToNumberPipe, [{
         type: Pipe,
         args: [{
                 name: 'stringToNumber'
@@ -2600,7 +2652,7 @@ class FilterPipe {
     static { this.ɵfac = function FilterPipe_Factory(t) { return new (t || FilterPipe)(); }; }
     static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "filter", type: FilterPipe, pure: true }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FilterPipe, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FilterPipe, [{
         type: Pipe,
         args: [{
                 name: 'filter'
@@ -2630,7 +2682,7 @@ class FileSizePipe {
     static { this.ɵfac = function FileSizePipe_Factory(t) { return new (t || FileSizePipe)(); }; }
     static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "filesize", type: FileSizePipe, pure: true }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FileSizePipe, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FileSizePipe, [{
         type: Pipe,
         args: [{
                 name: 'filesize'
@@ -2671,7 +2723,7 @@ class FileIconClassPipe {
     static { this.ɵfac = function FileIconClassPipe_Factory(t) { return new (t || FileIconClassPipe)(); }; }
     static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "fileIconClass", type: FileIconClassPipe, pure: true }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FileIconClassPipe, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FileIconClassPipe, [{
         type: Pipe,
         args: [{
                 name: 'fileIconClass'
@@ -2688,7 +2740,7 @@ class StateClassPipe {
     static { this.ɵfac = function StateClassPipe_Factory(t) { return new (t || StateClassPipe)(); }; }
     static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "stateClass", type: StateClassPipe, pure: true }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StateClassPipe, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StateClassPipe, [{
         type: Pipe,
         args: [{
                 name: 'stateClass'
@@ -2771,7 +2823,7 @@ class FileExtensionFromMimePipe {
     static { this.ɵfac = function FileExtensionFromMimePipe_Factory(t) { return new (t || FileExtensionFromMimePipe)(); }; }
     static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "fileExtensionFromMime", type: FileExtensionFromMimePipe, pure: true }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FileExtensionFromMimePipe, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FileExtensionFromMimePipe, [{
         type: Pipe,
         args: [{
                 name: 'fileExtensionFromMime'
@@ -2807,12 +2859,12 @@ class TrustAsPipe {
     static { this.ɵfac = function TrustAsPipe_Factory(t) { return new (t || TrustAsPipe)(i0.ɵɵdirectiveInject(i1$2.DomSanitizer, 16)); }; }
     static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "trustAs", type: TrustAsPipe, pure: true }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TrustAsPipe, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TrustAsPipe, [{
         type: Pipe,
         args: [{
                 name: 'trustAs'
             }]
-    }], function () { return [{ type: i1$2.DomSanitizer }]; }, null); })();
+    }], () => [{ type: i1$2.DomSanitizer }], null); })();
 
 const openedDialogs = [];
 /*We need closedDialogs array because onHidden event is asynchronous,
@@ -2976,9 +3028,9 @@ class DialogServiceImpl {
     static { this.ɵfac = function DialogServiceImpl_Factory(t) { return new (t || DialogServiceImpl)(); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: DialogServiceImpl, factory: DialogServiceImpl.ɵfac }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DialogServiceImpl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DialogServiceImpl, [{
         type: Injectable
-    }], function () { return []; }, null); })();
+    }], () => [], null); })();
 
 class SanitizePipe {
     constructor(domSanitizer) {
@@ -3012,12 +3064,12 @@ class SanitizePipe {
     static { this.ɵfac = function SanitizePipe_Factory(t) { return new (t || SanitizePipe)(i0.ɵɵdirectiveInject(i1$2.DomSanitizer, 16)); }; }
     static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "sanitize", type: SanitizePipe, pure: true }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SanitizePipe, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SanitizePipe, [{
         type: Pipe,
         args: [{
                 name: 'sanitize'
             }]
-    }], function () { return [{ type: i1$2.DomSanitizer }]; }, null); })();
+    }], () => [{ type: i1$2.DomSanitizer }], null); })();
 
 const wmComponents = [
     ContainerDirective,
@@ -3076,7 +3128,7 @@ class WmComponentsModule {
     static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
             SecurityModule] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WmComponentsModule, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WmComponentsModule, [{
         type: NgModule,
         args: [{
                 imports: [
@@ -3893,7 +3945,7 @@ const transformFormData = (context, dataSet, myDataField, displayOptions, startI
                     key: key,
                     label: (isDefined(label) && label !== null) ? label.toString() : '',
                     value: myDataField === ALLFIELDS ? option : key,
-                    dataObject: option,
+                    dataObject: option, // represents the object when datafield is ALLFIELDS. This is used as innerItem while grouping the datasetItems.
                     index: startIndex + index
                 };
                 if (displayOptions.displayImgSrc || displayOptions.bindDisplayImgSrc) {
@@ -4387,9 +4439,9 @@ const getValidLink = (link) => {
         return link;
     }
 };
-class DatasetAwareNavComponent extends StylableComponent {
-    constructor(inj, WIDGET_CONFIG) {
-        super(inj, WIDGET_CONFIG);
+let DatasetAwareNavComponent = class DatasetAwareNavComponent extends StylableComponent {
+    constructor(inj, WIDGET_CONFIG, explicitContext) {
+        super(inj, WIDGET_CONFIG, explicitContext);
         this.nodes = [];
         this.nodes$ = new Subject();
         // debounce function for reset nodes functions.
@@ -4513,7 +4565,12 @@ class DatasetAwareNavComponent extends StylableComponent {
         }
         super.onPropertyChange(key, nv, ov);
     }
-}
+};
+DatasetAwareNavComponent = __decorate([
+    __param(2, Inject('EXPLICIT_CONTEXT')),
+    __param(2, Optional()),
+    __metadata("design:paramtypes", [Injector, Object, Object])
+], DatasetAwareNavComponent);
 
 const DEFAULT_VALIDATOR = {
     pattern: 'regexp',