@wavemaker/app-ng-runtime 11.4.1-next.141652 → 11.4.1-next.141654

app-ng-runtime/components/basic/default/bundles/index.umd.js

@@ -2,7 +2,7 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@wm/core'), require('@wm/components/base'), require('@angular/common')) :
     typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@wm/core', '@wm/components/base', '@angular/common'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.basic = {}), global.ng.core, global.wm.core, global.wm.components.base, global.ng.common));
-})(this, (function (exports, i0, i2, i1, i3) { 'use strict';
+})(this, (function (exports, i0, i1, i1$1, i2) { 'use strict';
 
     function _interopNamespaceDefault(e) {
         var n = Object.create(null);
@@ -22,32 +22,32 @@
     }
 
     var i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
-    var i2__namespace = /*#__PURE__*/_interopNamespaceDefault(i2);
     var i1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1);
-    var i3__namespace = /*#__PURE__*/_interopNamespaceDefault(i3);
+    var i1$1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1$1);
+    var i2__namespace = /*#__PURE__*/_interopNamespaceDefault(i2);
 
     const registerProps$8 = () => {
-        i1.register('wm-anchor', new Map([
-            ['animation', i1.PROP_STRING],
-            ['badgevalue', i1.PROP_STRING],
-            ['caption', Object.assign({ value: 'Link' }, i1.PROP_STRING)],
-            ['class', i1.PROP_STRING],
-            ['conditionalclass', i1.PROP_ANY],
-            ['conditionalstyle', i1.PROP_ANY],
-            ['encodeurl', i1.PROP_BOOLEAN],
-            ['hint', i1.PROP_STRING],
-            ['hyperlink', Object.assign({ value: '' }, i1.PROP_STRING)],
-            ['iconclass', i1.PROP_STRING],
-            ['iconheight', i1.PROP_STRING],
-            ['iconmargin', i1.PROP_STRING],
-            ['iconposition', i1.PROP_STRING],
-            ['iconurl', i1.PROP_STRING],
-            ['iconwidth', i1.PROP_STRING],
-            ['name', i1.PROP_STRING],
-            ['shortcutkey', i1.PROP_STRING],
-            ['show', Object.assign({ value: true }, i1.PROP_BOOLEAN)],
-            ['tabindex', Object.assign({ value: 0 }, i1.PROP_NUMBER)],
-            ['target', Object.assign({ value: '_self' }, i1.PROP_STRING)]
+        i1$1.register('wm-anchor', new Map([
+            ['animation', i1$1.PROP_STRING],
+            ['badgevalue', i1$1.PROP_STRING],
+            ['caption', Object.assign({ value: 'Link' }, i1$1.PROP_STRING)],
+            ['class', i1$1.PROP_STRING],
+            ['conditionalclass', i1$1.PROP_ANY],
+            ['conditionalstyle', i1$1.PROP_ANY],
+            ['encodeurl', i1$1.PROP_BOOLEAN],
+            ['hint', i1$1.PROP_STRING],
+            ['hyperlink', Object.assign({ value: '' }, i1$1.PROP_STRING)],
+            ['iconclass', i1$1.PROP_STRING],
+            ['iconheight', i1$1.PROP_STRING],
+            ['iconmargin', i1$1.PROP_STRING],
+            ['iconposition', i1$1.PROP_STRING],
+            ['iconurl', i1$1.PROP_STRING],
+            ['iconwidth', i1$1.PROP_STRING],
+            ['name', i1$1.PROP_STRING],
+            ['shortcutkey', i1$1.PROP_STRING],
+            ['show', Object.assign({ value: true }, i1$1.PROP_BOOLEAN)],
+            ['tabindex', Object.assign({ value: 0 }, i1$1.PROP_NUMBER)],
+            ['target', Object.assign({ value: '_self' }, i1$1.PROP_STRING)]
         ]));
     };
 
@@ -100,24 +100,23 @@
     const WIDGET_CONFIG$8 = {
         widgetType: 'wm-anchor',
         hostClass: DEFAULT_CLS$8,
-        displayType: i1.DISPLAY_TYPE.INLINE_BLOCK
+        displayType: i1$1.DISPLAY_TYPE.INLINE_BLOCK
     };
     const regex = /Actions.goToPage_(\w+)\.invoke\(\)/g;
     const disableContextMenu = ($event) => {
         $event.preventDefault();
     };
-    class AnchorComponent extends i1.StylableComponent {
-        constructor(inj, app, _viewParent) {
-            super(inj, WIDGET_CONFIG$8, _viewParent);
+    class AnchorComponent extends i1$1.StylableComponent {
+        constructor(inj, app) {
+            super(inj, WIDGET_CONFIG$8);
             this.app = app;
-            this._viewParent = _viewParent;
-            this._eventNotifier = new i2.EventNotifier();
-            i1.styler(this.nativeElement, this);
+            this._eventNotifier = new i1.EventNotifier();
+            i1$1.styler(this.nativeElement, this);
         }
         processEventAttr(eventName, expr, meta) {
             super.processEventAttr(eventName, expr, meta);
             if (!this.hasNavigationToCurrentPageExpr) {
-                const app = this.inj.get(i2.App);
+                const app = this.inj.get(i1.App);
                 const fns = expr.split(';').map(Function.prototype.call, String.prototype.trim);
                 if (fns.some(fn => {
                     regex.lastIndex = 0;
@@ -147,18 +146,18 @@
         onPropertyChange(key, nv, ov) {
             if (key === 'hyperlink') {
                 if (!nv) {
-                    i2.setAttr(this.nativeElement, 'href', 'javascript:void(0)');
+                    i1.setAttr(this.nativeElement, 'href', 'javascript:void(0)');
                     this.nativeElement.addEventListener('contextmenu', disableContextMenu);
                     return;
                 }
                 if (this.encodeurl) {
-                    nv = i2.encodeUrl(nv);
+                    nv = i1.encodeUrl(nv);
                 }
                 // if hyperlink starts with 'www.' append '//' in the beginning
                 if (nv.startsWith('www.')) {
                     nv = `//${nv}`;
                 }
-                i2.setAttr(this.nativeElement, 'href', nv);
+                i1.setAttr(this.nativeElement, 'href', nv);
                 this.nativeElement.removeEventListener('contextmenu', disableContextMenu);
             }
             else {
@@ -167,10 +166,10 @@
         }
         init() {
             if (this.hasNavigationToCurrentPageExpr) {
-                i2.addClass(this.nativeElement, 'active');
-                i2.setAttr(this.nativeElement, 'aria-current', 'page');
+                i1.addClass(this.nativeElement, 'active');
+                i1.setAttr(this.nativeElement, 'aria-current', 'page');
             }
-            if (this.hyperlink && i2.getRouteNameFromLink(this.hyperlink) === `/${this.app.activePageName}`
+            if (this.hyperlink && i1.getRouteNameFromLink(this.hyperlink) === `/${this.app.activePageName}`
                 || this.hasNavigationToCurrentPageExpr) {
                 this._eventNotifier.notify("on-active", {});
             }
@@ -183,13 +182,13 @@
                 this.cancelSubscription = this.app.subscribe("highlightActiveLink", (data) => {
                     if (this.hasNavigationToCurrentPageExpr && this.goToPageName !== this.app.activePageName) {
                         this.hasNavigationToCurrentPageExpr = false;
-                        i2.removeClass(this.nativeElement, 'active');
-                        i2.removeAttr(this.nativeElement, 'aria-current');
+                        i1.removeClass(this.nativeElement, 'active');
+                        i1.removeAttr(this.nativeElement, 'aria-current');
                     }
                     if (this.goToPageName === data.pageName) {
                         this.hasNavigationToCurrentPageExpr = true;
-                        i2.addClass(this.nativeElement, 'active');
-                        i2.setAttr(this.nativeElement, 'aria-current', 'page');
+                        i1.addClass(this.nativeElement, 'active');
+                        i1.setAttr(this.nativeElement, 'aria-current', 'page');
                     }
                 });
             }
@@ -207,14 +206,14 @@
         }
     }
     AnchorComponent.initializeProps = registerProps$8();
-    AnchorComponent.ɵfac = function AnchorComponent_Factory(t) { return new (t || AnchorComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i2__namespace.App), i0__namespace.ɵɵdirectiveInject(i2__namespace.UserDefinedExecutionContext, 8)); };
+    AnchorComponent.ɵfac = function AnchorComponent_Factory(t) { return new (t || AnchorComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1__namespace.App)); };
     AnchorComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: AnchorComponent, selectors: [["a", "wmAnchor", ""]], hostVars: 3, hostBindings: function AnchorComponent_HostBindings(rf, ctx) {
             if (rf & 2) {
                 i0__namespace.ɵɵhostProperty("target", ctx.target);
                 i0__namespace.ɵɵattribute("accesskey", ctx.shortcutkey)("icon-position", ctx.iconposition);
             }
         }, exportAs: ["wmAnchor"], features: [i0__namespace.ɵɵProvidersFeature([
-                i1.provideAsWidgetRef(AnchorComponent)
+                i1$1.provideAsWidgetRef(AnchorComponent)
             ]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c0$5, ngContentSelectors: _c3, decls: 6, vars: 5, consts: [["data-identifier", "img", "alt", "Image", "class", "anchor-image-icon", 3, "src", "ngStyle", 4, "ngIf"], ["aria-hidden", "true", 3, "class", "ngStyle", 4, "ngIf"], ["class", "sr-only", 4, "ngIf"], [1, "anchor-caption", 3, "innerHTML"], ["class", "badge pull-right", 3, "textContent", 4, "ngIf"], ["data-identifier", "img", "alt", "Image", 1, "anchor-image-icon", 3, "src", "ngStyle"], ["aria-hidden", "true", 3, "ngStyle"], [1, "sr-only"], [1, "badge", "pull-right", 3, "textContent"]], template: function AnchorComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef(_c2$1);
@@ -236,18 +235,14 @@
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("ngIf", ctx.badgevalue);
             }
-        }, dependencies: [i3__namespace.NgIf, i3__namespace.NgStyle, i1__namespace.TextContentDirective, i1__namespace.ImagePipe], encapsulation: 2 });
+        }, dependencies: [i2__namespace.NgIf, i2__namespace.NgStyle, i1$1__namespace.TextContentDirective, i1$1__namespace.ImagePipe], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AnchorComponent, [{
                 type: i0.Component,
                 args: [{ selector: 'a[wmAnchor]', providers: [
-                            i1.provideAsWidgetRef(AnchorComponent)
+                            i1$1.provideAsWidgetRef(AnchorComponent)
                         ], exportAs: 'wmAnchor', template: "<img data-identifier=\"img\" alt=\"Image\" class=\"anchor-image-icon\" [src]=\"iconurl | image\" *ngIf=\"iconurl\" [ngStyle]=\"{width:iconwidth, height:iconheight, margin:iconmargin}\"/>\n<i class=\"app-icon {{iconclass}}\" aria-hidden=\"true\" [ngStyle]=\"{width:iconwidth, height:iconheight, margin:iconmargin}\" *ngIf=\"iconclass\"></i>\n<span class=\"sr-only\" *ngIf=\"iconclass\">{{caption}} {{appLocale.LABEL_ICON}}</span>\n<span class=\"anchor-caption\" [innerHTML]=\"caption\"></span>\n<ng-content select=\".caret\"></ng-content>\n<span *ngIf=\"badgevalue\" class=\"badge pull-right\" [textContent]=\"badgevalue\"></span>\n" }]
-            }], function () {
-            return [{ type: i0__namespace.Injector }, { type: i2__namespace.App }, { type: i2__namespace.UserDefinedExecutionContext, decorators: [{
-                            type: i0.Optional
-                        }] }];
-        }, { target: [{
+            }], function () { return [{ type: i0__namespace.Injector }, { type: i1__namespace.App }]; }, { target: [{
                     type: i0.HostBinding,
                     args: ['target']
                 }], shortcutkey: [{
@@ -260,19 +255,19 @@
     })();
 
     const registerProps$7 = () => {
-        i1.register('wm-audio', new Map([
-            ['audiopreload', Object.assign({ value: 'none' }, i1.PROP_STRING)],
-            ['audiosupportmessage', Object.assign({ value: 'Your browser does not support the audio tag.' }, i1.PROP_STRING)],
-            ['autoplay', i1.PROP_BOOLEAN],
-            ['class', i1.PROP_STRING],
-            ['controls', i1.PROP_BOOLEAN],
-            ['hint', i1.PROP_STRING],
-            ['loop', i1.PROP_BOOLEAN],
-            ['mp3format', i1.PROP_STRING],
-            ['muted', i1.PROP_BOOLEAN],
-            ['name', i1.PROP_STRING],
-            ['show', Object.assign({ value: true }, i1.PROP_BOOLEAN)],
-            ['tabindex', Object.assign({ value: 0 }, i1.PROP_NUMBER)]
+        i1$1.register('wm-audio', new Map([
+            ['audiopreload', Object.assign({ value: 'none' }, i1$1.PROP_STRING)],
+            ['audiosupportmessage', Object.assign({ value: 'Your browser does not support the audio tag.' }, i1$1.PROP_STRING)],
+            ['autoplay', i1$1.PROP_BOOLEAN],
+            ['class', i1$1.PROP_STRING],
+            ['controls', i1$1.PROP_BOOLEAN],
+            ['hint', i1$1.PROP_STRING],
+            ['loop', i1$1.PROP_BOOLEAN],
+            ['mp3format', i1$1.PROP_STRING],
+            ['muted', i1$1.PROP_BOOLEAN],
+            ['name', i1$1.PROP_STRING],
+            ['show', Object.assign({ value: true }, i1$1.PROP_BOOLEAN)],
+            ['tabindex', Object.assign({ value: 0 }, i1$1.PROP_NUMBER)]
         ]));
     };
 
@@ -281,19 +276,18 @@
     const WIDGET_CONFIG$7 = {
         widgetType: 'wm-audio',
         hostClass: DEFAULT_CLS$7,
-        displayType: i1.DISPLAY_TYPE.INLINE_BLOCK
+        displayType: i1$1.DISPLAY_TYPE.INLINE_BLOCK
     };
-    class AudioComponent extends i1.StylableComponent {
-        constructor(inj, _viewParent) {
-            super(inj, WIDGET_CONFIG$7, _viewParent);
-            this._viewParent = _viewParent;
-            i1.styler(this.nativeElement, this);
+    class AudioComponent extends i1$1.StylableComponent {
+        constructor(inj) {
+            super(inj, WIDGET_CONFIG$7);
+            i1$1.styler(this.nativeElement, this);
         }
     }
     AudioComponent.initializeProps = registerProps$7();
-    AudioComponent.ɵfac = function AudioComponent_Factory(t) { return new (t || AudioComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i2__namespace.UserDefinedExecutionContext, 8)); };
+    AudioComponent.ɵfac = function AudioComponent_Factory(t) { return new (t || AudioComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector)); };
     AudioComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: AudioComponent, selectors: [["", "wmAudio", ""]], features: [i0__namespace.ɵɵProvidersFeature([
-                i1.provideAsWidgetRef(AudioComponent)
+                i1$1.provideAsWidgetRef(AudioComponent)
             ]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c0$4, decls: 5, vars: 14, consts: [["role", "application", "aria-describedby", "recorded audio", 3, "src", "muted", "autoplay", "controls", "loop", "preload"], ["type", "audio/mp3", 3, "src"]], template: function AudioComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "audio", 0);
@@ -310,27 +304,23 @@
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵtextInterpolate1(" ", ctx.audiosupportmessage, "\n");
             }
-        }, dependencies: [i1__namespace.TrustAsPipe], encapsulation: 2 });
+        }, dependencies: [i1$1__namespace.TrustAsPipe], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AudioComponent, [{
                 type: i0.Component,
                 args: [{ selector: '[wmAudio]', providers: [
-                            i1.provideAsWidgetRef(AudioComponent)
+                            i1$1.provideAsWidgetRef(AudioComponent)
                         ], template: "<audio [src]=\"mp3format | trustAs: 'resource'\" [muted]=\"muted\" [autoplay]=\"autoplay\" [controls]=\"controls\" [loop]=\"loop\" [preload]=\"audiopreload\" role=\"application\" aria-describedby=\"recorded audio\">\n    <source type=\"audio/mp3\" [src]=\"mp3format | trustAs: 'resource'\">\n    {{audiosupportmessage}}\n</audio>\n" }]
-            }], function () {
-            return [{ type: i0__namespace.Injector }, { type: i2__namespace.UserDefinedExecutionContext, decorators: [{
-                            type: i0.Optional
-                        }] }];
-        }, null);
+            }], function () { return [{ type: i0__namespace.Injector }]; }, null);
     })();
 
     const registerProps$6 = () => {
-        i1.register('wm-html', new Map([
-            ['class', i1.PROP_STRING],
-            ['content', i1.PROP_STRING],
-            ['hint', i1.PROP_STRING],
-            ['name', i1.PROP_STRING],
-            ['show', Object.assign({ value: true }, i1.PROP_BOOLEAN)]
+        i1$1.register('wm-html', new Map([
+            ['class', i1$1.PROP_STRING],
+            ['content', i1$1.PROP_STRING],
+            ['hint', i1$1.PROP_STRING],
+            ['name', i1$1.PROP_STRING],
+            ['show', Object.assign({ value: true }, i1$1.PROP_BOOLEAN)]
         ]));
     };
 
@@ -339,17 +329,16 @@
         widgetType: 'wm-html',
         hostClass: DEFAULT_CLS$6
     };
-    class HtmlDirective extends i1.StylableComponent {
-        constructor(inj, height, boundContent, sanitizePipe, _viewParent) {
-            super(inj, WIDGET_CONFIG$6, _viewParent);
+    class HtmlDirective extends i1$1.StylableComponent {
+        constructor(inj, height, boundContent, sanitizePipe) {
+            super(inj, WIDGET_CONFIG$6);
             this.boundContent = boundContent;
             this.sanitizePipe = sanitizePipe;
-            this._viewParent = _viewParent;
             // if the height is provided set the overflow to auto
             if (height) {
-                i2.setCSS(this.nativeElement, 'overflow', 'auto');
+                i1.setCSS(this.nativeElement, 'overflow', 'auto');
             }
-            i1.styler(this.nativeElement, this);
+            i1$1.styler(this.nativeElement, this);
         }
         ngOnInit() {
             super.ngOnInit();
@@ -366,10 +355,10 @@
                 let bindContent = this.nativeElement.getAttribute('content.bind');
                 let safeValue = bindContent ? nv && bindContent.includes('trustAs:') : false;
                 if (typeof nv === 'object' && safeValue) {
-                    i2.setProperty(this.nativeElement, 'innerHTML', nv[Object.keys(nv)[0]]);
+                    i1.setProperty(this.nativeElement, 'innerHTML', nv[Object.keys(nv)[0]]);
                 }
                 else {
-                    i2.setProperty(this.nativeElement, 'innerHTML', this.sanitizePipe.transform(nv, i0.SecurityContext.HTML));
+                    i1.setProperty(this.nativeElement, 'innerHTML', this.sanitizePipe.transform(nv, i0.SecurityContext.HTML));
                 }
             }
             else {
@@ -378,9 +367,9 @@
         }
     }
     HtmlDirective.initializeProps = registerProps$6();
-    HtmlDirective.ɵfac = function HtmlDirective_Factory(t) { return new (t || HtmlDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵinjectAttribute('height'), i0__namespace.ɵɵinjectAttribute('content.bind'), i0__namespace.ɵɵdirectiveInject(i1__namespace.SanitizePipe), i0__namespace.ɵɵdirectiveInject(i2__namespace.UserDefinedExecutionContext, 8)); };
+    HtmlDirective.ɵfac = function HtmlDirective_Factory(t) { return new (t || HtmlDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵinjectAttribute('height'), i0__namespace.ɵɵinjectAttribute('content.bind'), i0__namespace.ɵɵdirectiveInject(i1$1__namespace.SanitizePipe)); };
     HtmlDirective.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: HtmlDirective, selectors: [["", "wmHtml", ""]], exportAs: ["wmHtml"], features: [i0__namespace.ɵɵProvidersFeature([
-                i1.provideAsWidgetRef(HtmlDirective)
+                i1$1.provideAsWidgetRef(HtmlDirective)
             ]), i0__namespace.ɵɵInheritDefinitionFeature] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(HtmlDirective, [{
@@ -388,7 +377,7 @@
                 args: [{
                         selector: '[wmHtml]',
                         providers: [
-                            i1.provideAsWidgetRef(HtmlDirective)
+                            i1$1.provideAsWidgetRef(HtmlDirective)
                         ],
                         exportAs: 'wmHtml'
                     }]
@@ -399,26 +388,24 @@
                         }] }, { type: undefined, decorators: [{
                             type: i0.Attribute,
                             args: ['content.bind']
-                        }] }, { type: i1__namespace.SanitizePipe }, { type: i2__namespace.UserDefinedExecutionContext, decorators: [{
-                            type: i0.Optional
-                        }] }];
+                        }] }, { type: i1$1__namespace.SanitizePipe }];
         }, null);
     })();
 
     const registerProps$5 = () => {
-        i1.register('wm-icon', new Map([
-            ['animation', i1.PROP_STRING],
-            ['caption', i1.PROP_STRING],
-            ['class', i1.PROP_STRING],
-            ['conditionalclass', i1.PROP_ANY],
-            ['conditionalstyle', i1.PROP_ANY],
-            ['hint', i1.PROP_STRING],
-            ['iconclass', Object.assign({ value: 'wm-sl-l sl-user' }, i1.PROP_STRING)],
-            ['iconposition', Object.assign({ value: 'left' }, i1.PROP_STRING)],
-            ['iconsize', i1.PROP_STRING],
-            ['iconurl', i1.PROP_STRING],
-            ['name', i1.PROP_STRING],
-            ['show', Object.assign({ value: true }, i1.PROP_BOOLEAN)]
+        i1$1.register('wm-icon', new Map([
+            ['animation', i1$1.PROP_STRING],
+            ['caption', i1$1.PROP_STRING],
+            ['class', i1$1.PROP_STRING],
+            ['conditionalclass', i1$1.PROP_ANY],
+            ['conditionalstyle', i1$1.PROP_ANY],
+            ['hint', i1$1.PROP_STRING],
+            ['iconclass', Object.assign({ value: 'wm-sl-l sl-user' }, i1$1.PROP_STRING)],
+            ['iconposition', Object.assign({ value: 'left' }, i1$1.PROP_STRING)],
+            ['iconsize', i1$1.PROP_STRING],
+            ['iconurl', i1$1.PROP_STRING],
+            ['name', i1$1.PROP_STRING],
+            ['show', Object.assign({ value: true }, i1$1.PROP_BOOLEAN)]
         ]));
     };
 
@@ -449,22 +436,21 @@
         widgetType: 'wm-icon',
         hostClass: DEFAULT_CLS$5
     };
-    class IconComponent extends i1.StylableComponent {
-        constructor(inj, _viewParent) {
-            super(inj, WIDGET_CONFIG$5, _viewParent);
-            this._viewParent = _viewParent;
-            i1.styler(this.nativeElement, this);
+    class IconComponent extends i1$1.StylableComponent {
+        constructor(inj) {
+            super(inj, WIDGET_CONFIG$5);
+            i1$1.styler(this.nativeElement, this);
         }
     }
     IconComponent.initializeProps = registerProps$5();
-    IconComponent.ɵfac = function IconComponent_Factory(t) { return new (t || IconComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i2__namespace.UserDefinedExecutionContext, 8)); };
+    IconComponent.ɵfac = function IconComponent_Factory(t) { return new (t || IconComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector)); };
     IconComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: IconComponent, selectors: [["", "wmIcon", ""]], hostVars: 3, hostBindings: function IconComponent_HostBindings(rf, ctx) {
             if (rf & 2) {
                 i0__namespace.ɵɵattribute("icon-position", ctx.iconposition);
                 i0__namespace.ɵɵstyleProp("font-size", ctx.iconsize);
             }
         }, features: [i0__namespace.ɵɵProvidersFeature([
-                i1.provideAsWidgetRef(IconComponent)
+                i1$1.provideAsWidgetRef(IconComponent)
             ]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c0$3, decls: 3, vars: 6, consts: [["class", "sr-only", 4, "ngIf"], ["class", "app-label", 3, "textContent", 4, "ngIf"], [1, "sr-only"], [1, "app-label", 3, "textContent"]], template: function IconComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelement(0, "i");
@@ -479,18 +465,14 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.caption);
             }
-        }, dependencies: [i3__namespace.NgIf, i1__namespace.TextContentDirective], encapsulation: 2 });
+        }, dependencies: [i2__namespace.NgIf, i1$1__namespace.TextContentDirective], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(IconComponent, [{
                 type: i0.Component,
                 args: [{ selector: '[wmIcon]', providers: [
-                            i1.provideAsWidgetRef(IconComponent)
+                            i1$1.provideAsWidgetRef(IconComponent)
                         ], template: "<i class=\"app-icon {{iconclass}}\" [attr.aria-label]=\"hint || 'Icon'\"></i>\n<span class=\"sr-only\" *ngIf=\"iconclass\">{{caption}} {{appLocale.LABEL_ICON}}</span>\n<label class=\"app-label\" [textContent]=\"caption\" *ngIf=\"caption\"></label>\n" }]
-            }], function () {
-            return [{ type: i0__namespace.Injector }, { type: i2__namespace.UserDefinedExecutionContext, decorators: [{
-                            type: i0.Optional
-                        }] }];
-        }, { iconposition: [{
+            }], function () { return [{ type: i0__namespace.Injector }]; }, { iconposition: [{
                     type: i0.HostBinding,
                     args: ['attr.icon-position']
                 }], iconsize: [{
@@ -500,15 +482,15 @@
     })();
 
     const registerProps$4 = () => {
-        i1.register('wm-iframe', new Map([
-            ['class', i1.PROP_STRING],
-            ['encodeurl', i1.PROP_BOOLEAN],
-            ['height', Object.assign({ value: '150px' }, i1.PROP_STRING)],
-            ['iframesrc', i1.PROP_STRING],
-            ['name', i1.PROP_STRING],
-            ['show', Object.assign({ value: true }, i1.PROP_BOOLEAN)],
-            ['width', Object.assign({ value: '300px' }, i1.PROP_STRING)],
-            ['hint', i1.PROP_STRING]
+        i1$1.register('wm-iframe', new Map([
+            ['class', i1$1.PROP_STRING],
+            ['encodeurl', i1$1.PROP_BOOLEAN],
+            ['height', Object.assign({ value: '150px' }, i1$1.PROP_STRING)],
+            ['iframesrc', i1$1.PROP_STRING],
+            ['name', i1$1.PROP_STRING],
+            ['show', Object.assign({ value: true }, i1$1.PROP_BOOLEAN)],
+            ['width', Object.assign({ value: '300px' }, i1$1.PROP_STRING)],
+            ['hint', i1$1.PROP_STRING]
         ]));
     };
 
@@ -530,16 +512,15 @@
         widgetType: 'wm-iframe',
         hostClass: DEFAULT_CLS$4
     };
-    class IframeComponent extends i1.StylableComponent {
-        constructor(inj, trustAsPipe, _viewParent) {
-            super(inj, WIDGET_CONFIG$4, _viewParent);
+    class IframeComponent extends i1$1.StylableComponent {
+        constructor(inj, trustAsPipe) {
+            super(inj, WIDGET_CONFIG$4);
             this.trustAsPipe = trustAsPipe;
-            this._viewParent = _viewParent;
             /**
              * this property member is set to true when the content request url doesn't match windows protocol
              */
             this.showContentLoadError = false;
-            i1.styler(this.nativeElement, this);
+            i1$1.styler(this.nativeElement, this);
         }
         computeIframeSrc() {
             this.showContentLoadError = false;
@@ -547,10 +528,10 @@
             if (this.iframesrc) {
                 let url = this.iframesrc;
                 if (this.encodeurl) {
-                    url = i2.encodeUrl(this.iframesrc);
+                    url = i1.encodeUrl(this.iframesrc);
                 }
                 const trustedUrl = this.trustAsPipe.transform(url, i0.SecurityContext.RESOURCE_URL);
-                if (i2.isInsecureContentRequest(url)) {
+                if (i1.isInsecureContentRequest(url)) {
                     this.showContentLoadError = true;
                     this.errorMsg = `${this.appLocale.MESSAGE_ERROR_CONTENT_DISPLAY} ${this.iframesrc}`;
                     this.hintMsg = this.errorMsg;
@@ -568,9 +549,9 @@
         }
     }
     IframeComponent.initializeProps = registerProps$4();
-    IframeComponent.ɵfac = function IframeComponent_Factory(t) { return new (t || IframeComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1__namespace.TrustAsPipe), i0__namespace.ɵɵdirectiveInject(i2__namespace.UserDefinedExecutionContext, 8)); };
+    IframeComponent.ɵfac = function IframeComponent_Factory(t) { return new (t || IframeComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1$1__namespace.TrustAsPipe)); };
     IframeComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: IframeComponent, selectors: [["", "wmIframe", ""]], features: [i0__namespace.ɵɵProvidersFeature([
-                i1.provideAsWidgetRef(IframeComponent)
+                i1$1.provideAsWidgetRef(IframeComponent)
             ]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c0$2, decls: 2, vars: 4, consts: [["role", "document", "scrolling", "auto", "marginheight", "0", "marginwidth", "0", "frameborder", "0", "seamless", "seamless", 1, "embed-responsive-item", "iframe-content", 3, "name"], ["class", "wm-content-info readonly-wrapper", 4, "ngIf"], [1, "wm-content-info", "readonly-wrapper"], [1, "wm-message", 3, "title", "textContent"]], template: function IframeComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelement(0, "iframe", 0);
@@ -582,31 +563,27 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.showContentLoadError);
             }
-        }, dependencies: [i3__namespace.NgIf, i1__namespace.TextContentDirective], encapsulation: 2 });
+        }, dependencies: [i2__namespace.NgIf, i1$1__namespace.TextContentDirective], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(IframeComponent, [{
                 type: i0.Component,
                 args: [{ selector: '[wmIframe]', providers: [
-                            i1.provideAsWidgetRef(IframeComponent)
+                            i1$1.provideAsWidgetRef(IframeComponent)
                         ], template: "<iframe  class=\"embed-responsive-item iframe-content\" role=\"document\"\n        scrolling=\"auto\"\n        marginheight=\"0\"\n        marginwidth=\"0\"\n        frameborder=\"0\"\n        [name]=\"name\"\n        [attr.src]=\"_iframesrc\"\n        [attr.aria-label]=\"hint || 'iframe'\"\n        seamless=\"seamless\">\n</iframe>\n<div class=\"wm-content-info readonly-wrapper\" *ngIf=\"showContentLoadError\">\n    <p class=\"wm-message\" [title]=\"hintMsg\" [textContent]=\"errMsg\"></p>\n</div>\n" }]
-            }], function () {
-            return [{ type: i0__namespace.Injector }, { type: i1__namespace.TrustAsPipe }, { type: i2__namespace.UserDefinedExecutionContext, decorators: [{
-                            type: i0.Optional
-                        }] }];
-        }, null);
+            }], function () { return [{ type: i0__namespace.Injector }, { type: i1$1__namespace.TrustAsPipe }]; }, null);
     })();
 
     const registerProps$3 = () => {
-        i1.register('wm-label', new Map([
-            ['animation', i1.PROP_STRING],
-            ['caption', Object.assign({ value: 'Label' }, i1.PROP_STRING)],
-            ['class', i1.PROP_STRING],
-            ['conditionalclass', i1.PROP_ANY],
-            ['conditionalstyle', i1.PROP_ANY],
-            ['hint', i1.PROP_STRING],
-            ['name', i1.PROP_STRING],
-            ['required', i1.PROP_BOOLEAN],
-            ['show', Object.assign({ value: true }, i1.PROP_BOOLEAN)]
+        i1$1.register('wm-label', new Map([
+            ['animation', i1$1.PROP_STRING],
+            ['caption', Object.assign({ value: 'Label' }, i1$1.PROP_STRING)],
+            ['class', i1$1.PROP_STRING],
+            ['conditionalclass', i1$1.PROP_ANY],
+            ['conditionalstyle', i1$1.PROP_ANY],
+            ['hint', i1$1.PROP_STRING],
+            ['name', i1$1.PROP_STRING],
+            ['required', i1$1.PROP_BOOLEAN],
+            ['show', Object.assign({ value: true }, i1$1.PROP_BOOLEAN)]
         ]));
     };
 
@@ -614,14 +591,13 @@
     const WIDGET_CONFIG$3 = {
         widgetType: 'wm-label',
         hostClass: DEFAULT_CLS$3,
-        displayType: i1.DISPLAY_TYPE.INLINE_BLOCK
+        displayType: i1$1.DISPLAY_TYPE.INLINE_BLOCK
     };
-    class LabelDirective extends i1.StylableComponent {
-        constructor(inj, sanitizePipe, _viewParent) {
-            super(inj, WIDGET_CONFIG$3, _viewParent);
+    class LabelDirective extends i1$1.StylableComponent {
+        constructor(inj, sanitizePipe) {
+            super(inj, WIDGET_CONFIG$3);
             this.sanitizePipe = sanitizePipe;
-            this._viewParent = _viewParent;
-            i1.styler(this.nativeElement, this);
+            i1$1.styler(this.nativeElement, this);
         }
         onPropertyChange(key, nv, ov) {
             if (key === 'caption') {
@@ -629,17 +605,17 @@
                 let bindContent = this.nativeElement.getAttribute('caption.bind');
                 let safeValue = bindContent ? nv && bindContent.includes('trustAs:') : false;
                 if (_.isObject(nv) && !safeValue) {
-                    i2.setProperty(this.nativeElement, 'textContent', JSON.stringify(nv));
+                    i1.setProperty(this.nativeElement, 'textContent', JSON.stringify(nv));
                 }
                 else if (_.isObject(nv) && safeValue) {
-                    i2.setProperty(this.nativeElement, 'innerHTML', nv[Object.keys(nv)[0]]);
+                    i1.setProperty(this.nativeElement, 'innerHTML', nv[Object.keys(nv)[0]]);
                 }
                 else {
-                    i2.setProperty(this.nativeElement, 'innerHTML', this.sanitizePipe.transform(nv, i0.SecurityContext.HTML));
+                    i1.setProperty(this.nativeElement, 'innerHTML', this.sanitizePipe.transform(nv, i0.SecurityContext.HTML));
                 }
             }
             else if (key === 'required') {
-                i2.toggleClass(this.nativeElement, 'required', nv);
+                i1.toggleClass(this.nativeElement, 'required', nv);
             }
             else {
                 super.onPropertyChange(key, nv, ov);
@@ -647,9 +623,9 @@
         }
     }
     LabelDirective.initializeProps = registerProps$3();
-    LabelDirective.ɵfac = function LabelDirective_Factory(t) { return new (t || LabelDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1__namespace.SanitizePipe), i0__namespace.ɵɵdirectiveInject(i2__namespace.UserDefinedExecutionContext, 8)); };
+    LabelDirective.ɵfac = function LabelDirective_Factory(t) { return new (t || LabelDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1$1__namespace.SanitizePipe)); };
     LabelDirective.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: LabelDirective, selectors: [["", "wmLabel", ""]], exportAs: ["wmLabel"], features: [i0__namespace.ɵɵProvidersFeature([
-                i1.provideAsWidgetRef(LabelDirective)
+                i1$1.provideAsWidgetRef(LabelDirective)
             ]), i0__namespace.ɵɵInheritDefinitionFeature] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LabelDirective, [{
@@ -657,52 +633,47 @@
                 args: [{
                         selector: '[wmLabel]',
                         providers: [
-                            i1.provideAsWidgetRef(LabelDirective)
+                            i1$1.provideAsWidgetRef(LabelDirective)
                         ],
                         exportAs: 'wmLabel'
                     }]
-            }], function () {
-            return [{ type: i0__namespace.Injector }, { type: i1__namespace.SanitizePipe }, { type: i2__namespace.UserDefinedExecutionContext, decorators: [{
-                            type: i0.Optional
-                        }] }];
-        }, null);
+            }], function () { return [{ type: i0__namespace.Injector }, { type: i1$1__namespace.SanitizePipe }]; }, null);
     })();
 
     const registerProps$2 = () => {
         const props = new Map([
-            ['animation', i1.PROP_STRING],
-            ['class', i1.PROP_STRING],
-            ['conditionalclass', i1.PROP_ANY],
-            ['conditionalstyle', i1.PROP_ANY],
-            ['encodeurl', i1.PROP_STRING],
-            ['hint', i1.PROP_STRING],
-            ['name', i1.PROP_STRING],
-            ['pictureaspect', Object.assign({ value: 'None' }, i1.PROP_STRING)],
-            ['pictureplaceholder', i1.PROP_STRING],
-            ['picturesource', i1.PROP_STRING],
-            ['resizemode', Object.assign({ value: 'fill' }, i1.PROP_STRING)],
-            ['shape', i1.PROP_STRING],
-            ['show', Object.assign({ value: true }, i1.PROP_BOOLEAN)],
-            ['tabindex', Object.assign({ value: 0 }, i1.PROP_NUMBER)]
+            ['animation', i1$1.PROP_STRING],
+            ['class', i1$1.PROP_STRING],
+            ['conditionalclass', i1$1.PROP_ANY],
+            ['conditionalstyle', i1$1.PROP_ANY],
+            ['encodeurl', i1$1.PROP_STRING],
+            ['hint', i1$1.PROP_STRING],
+            ['name', i1$1.PROP_STRING],
+            ['pictureaspect', Object.assign({ value: 'None' }, i1$1.PROP_STRING)],
+            ['pictureplaceholder', i1$1.PROP_STRING],
+            ['picturesource', i1$1.PROP_STRING],
+            ['resizemode', Object.assign({ value: 'fill' }, i1$1.PROP_STRING)],
+            ['shape', i1$1.PROP_STRING],
+            ['show', Object.assign({ value: true }, i1$1.PROP_BOOLEAN)],
+            ['tabindex', Object.assign({ value: 0 }, i1$1.PROP_NUMBER)]
         ]);
-        if (i2.isMobileApp()) {
-            props.set('offline', Object.assign({ value: true }, i1.PROP_BOOLEAN));
+        if (i1.isMobileApp()) {
+            props.set('offline', Object.assign({ value: true }, i1$1.PROP_BOOLEAN));
         }
-        i1.register('wm-picture', props);
+        i1$1.register('wm-picture', props);
     };
 
     const DEFAULT_CLS$2 = 'app-picture';
     const WIDGET_CONFIG$2 = {
         widgetType: 'wm-picture',
         hostClass: DEFAULT_CLS$2,
-        displayType: i1.DISPLAY_TYPE.INLINE_BLOCK
+        displayType: i1$1.DISPLAY_TYPE.INLINE_BLOCK
     };
-    class PictureDirective extends i1.StylableComponent {
-        constructor(inj, imagePipe, _viewParent) {
-            super(inj, WIDGET_CONFIG$2, _viewParent);
+    class PictureDirective extends i1$1.StylableComponent {
+        constructor(inj, imagePipe) {
+            super(inj, WIDGET_CONFIG$2);
             this.imagePipe = imagePipe;
-            this._viewParent = _viewParent;
-            i1.styler(this.nativeElement, this);
+            i1$1.styler(this.nativeElement, this);
         }
         setImgSource() {
             this.imgSource = this.imagePipe.transform(this.picturesource, this.encodeurl, this.pictureplaceholder);
@@ -727,20 +698,20 @@
                         height = '100%';
                         break;
                 }
-                i2.setCSS(this.nativeElement, 'width', width, true);
-                i2.setCSS(this.nativeElement, 'height', height, true);
+                i1.setCSS(this.nativeElement, 'width', width, true);
+                i1.setCSS(this.nativeElement, 'height', height, true);
             }
             else if (key === 'encodeurl' || key === 'pictureplaceholder') {
                 this.setImgSource();
             }
             else if (key === 'shape') {
-                i2.switchClass(this.nativeElement, `img-${nv}`, `img-${ov}`);
+                i1.switchClass(this.nativeElement, `img-${nv}`, `img-${ov}`);
             }
             else if (key === 'hint') {
-                i2.setAttr(this.nativeElement, 'alt', nv);
+                i1.setAttr(this.nativeElement, 'alt', nv);
             }
             else if (key === 'resizemode') {
-                i2.setCSS(this.nativeElement, 'object-fit', nv);
+                i1.setCSS(this.nativeElement, 'object-fit', nv);
             }
             super.onPropertyChange(key, nv, ov);
         }
@@ -758,13 +729,13 @@
         }
     }
     PictureDirective.initializeProps = registerProps$2();
-    PictureDirective.ɵfac = function PictureDirective_Factory(t) { return new (t || PictureDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1__namespace.ImagePipe), i0__namespace.ɵɵdirectiveInject(i2__namespace.UserDefinedExecutionContext, 8)); };
+    PictureDirective.ɵfac = function PictureDirective_Factory(t) { return new (t || PictureDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1$1__namespace.ImagePipe)); };
     PictureDirective.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: PictureDirective, selectors: [["img", "wmPicture", ""]], hostVars: 1, hostBindings: function PictureDirective_HostBindings(rf, ctx) {
             if (rf & 2) {
                 i0__namespace.ɵɵhostProperty("src", ctx.imgSource, i0__namespace.ɵɵsanitizeUrl);
             }
         }, exportAs: ["wmPicture"], features: [i0__namespace.ɵɵProvidersFeature([
-                i1.provideAsWidgetRef(PictureDirective)
+                i1$1.provideAsWidgetRef(PictureDirective)
             ]), i0__namespace.ɵɵInheritDefinitionFeature] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PictureDirective, [{
@@ -772,35 +743,31 @@
                 args: [{
                         selector: 'img[wmPicture]',
                         providers: [
-                            i1.provideAsWidgetRef(PictureDirective)
+                            i1$1.provideAsWidgetRef(PictureDirective)
                         ],
                         exportAs: 'wmPicture'
                     }]
-            }], function () {
-            return [{ type: i0__namespace.Injector }, { type: i1__namespace.ImagePipe }, { type: i2__namespace.UserDefinedExecutionContext, decorators: [{
-                            type: i0.Optional
-                        }] }];
-        }, { imgSource: [{
+            }], function () { return [{ type: i0__namespace.Injector }, { type: i1$1__namespace.ImagePipe }]; }, { imgSource: [{
                     type: i0.HostBinding,
                     args: ['src']
                 }] });
     })();
 
     const registerProps$1 = () => {
-        i1.register('wm-spinner', new Map([
-            ['animation', { value: 'spin', PROP_STRING: i1.PROP_STRING }],
-            ['caption', Object.assign({ value: 'Loading...' }, i1.PROP_STRING)],
-            ['class', i1.PROP_STRING],
-            ['iconclass', Object.assign({ value: 'fa fa-circle-o-notch fa-spin' }, i1.PROP_STRING)],
-            ['iconsize', i1.PROP_STRING],
-            ['image', i1.PROP_STRING],
-            ['imageheight', i1.PROP_STRING],
-            ['imagewidth', Object.assign({ value: '20px' }, i1.PROP_STRING)],
-            ['name', i1.PROP_STRING],
-            ['show', Object.assign({ value: true }, i1.PROP_BOOLEAN)],
-            ['type', Object.assign({ value: 'icon' }, i1.PROP_STRING)],
-            ['servicevariabletotrack', i1.PROP_STRING],
-            ['hint', i1.PROP_STRING]
+        i1$1.register('wm-spinner', new Map([
+            ['animation', { value: 'spin', PROP_STRING: i1$1.PROP_STRING }],
+            ['caption', Object.assign({ value: 'Loading...' }, i1$1.PROP_STRING)],
+            ['class', i1$1.PROP_STRING],
+            ['iconclass', Object.assign({ value: 'fa fa-circle-o-notch fa-spin' }, i1$1.PROP_STRING)],
+            ['iconsize', i1$1.PROP_STRING],
+            ['image', i1$1.PROP_STRING],
+            ['imageheight', i1$1.PROP_STRING],
+            ['imagewidth', Object.assign({ value: '20px' }, i1$1.PROP_STRING)],
+            ['name', i1$1.PROP_STRING],
+            ['show', Object.assign({ value: true }, i1$1.PROP_BOOLEAN)],
+            ['type', Object.assign({ value: 'icon' }, i1$1.PROP_STRING)],
+            ['servicevariabletotrack', i1$1.PROP_STRING],
+            ['hint', i1$1.PROP_STRING]
         ]));
     };
 
@@ -858,7 +825,7 @@
     }
     const DEFAULT_CLS$1 = 'app-spinner';
     const WIDGET_CONFIG$1 = { widgetType: 'wm-spinner', hostClass: DEFAULT_CLS$1 };
-    class SpinnerComponent extends i1.StylableComponent {
+    class SpinnerComponent extends i1$1.StylableComponent {
         get spinnerMessages() {
             return this._spinnerMessages;
         }
@@ -869,20 +836,19 @@
         listenOnDataSource() {
             const variables = _.split(this.servicevariabletotrack, ',');
             this.getAppInstance().subscribe('toggle-variable-state', data => {
-                const name = data.variable.execute(i2.DataSource.Operation.GET_NAME);
-                if (_.includes(variables, name) && i2.validateDataSourceCtx(data.variable, this.getViewParent())) {
+                const name = data.variable.execute(i1.DataSource.Operation.GET_NAME);
+                if (_.includes(variables, name) && i1.validateDataSourceCtx(data.variable, this.getViewParent())) {
                     this.widget.show = data.active;
                 }
             });
         }
-        constructor(inj, imagePipe, _viewParent) {
-            super(inj, WIDGET_CONFIG$1, _viewParent);
+        constructor(inj, imagePipe) {
+            super(inj, WIDGET_CONFIG$1);
             this.imagePipe = imagePipe;
-            this._viewParent = _viewParent;
             this.iconclass = '';
             this.animation = '';
             this.showCaption = true;
-            i1.styler(this.nativeElement, this);
+            i1$1.styler(this.nativeElement, this);
         }
         onPropertyChange(key, nv, ov) {
             if (key === 'image') {
@@ -910,9 +876,9 @@
         }
     }
     SpinnerComponent.initializeProps = registerProps$1();
-    SpinnerComponent.ɵfac = function SpinnerComponent_Factory(t) { return new (t || SpinnerComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1__namespace.ImagePipe), i0__namespace.ɵɵdirectiveInject(i2__namespace.UserDefinedExecutionContext, 8)); };
+    SpinnerComponent.ɵfac = function SpinnerComponent_Factory(t) { return new (t || SpinnerComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1$1__namespace.ImagePipe)); };
     SpinnerComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: SpinnerComponent, selectors: [["", "wmSpinner", ""]], exportAs: ["wmSpinner"], features: [i0__namespace.ɵɵProvidersFeature([
-                i1.provideAsWidgetRef(SpinnerComponent)
+                i1$1.provideAsWidgetRef(SpinnerComponent)
             ]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c0$1, decls: 5, vars: 4, consts: [[1, "spinner-message"], ["class", "spinner-image animated infinite", "aria-hidden", "true", 3, "ngClass", "ngStyle", 4, "ngIf"], ["class", "spinner-image animated infinite", "aria-hidden", "true", 3, "ngClass", "fonSize", 4, "ngIf"], ["class", "spinner-text", 3, "innerHTML", 4, "ngIf"], ["class", "spinner-messages", 4, "ngIf"], ["aria-hidden", "true", 1, "spinner-image", "animated", "infinite", 3, "ngClass", "ngStyle"], ["aria-hidden", "true", 1, "spinner-image", "animated", "infinite", 3, "ngClass"], [1, "spinner-text", 3, "innerHTML"], [1, "spinner-messages"], [3, "textContent", 4, "ngFor", "ngForOf"], [3, "textContent"]], template: function SpinnerComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "div", 0);
@@ -932,39 +898,35 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", !ctx.showCaption && ctx.spinnerMessages);
             }
-        }, dependencies: [i3__namespace.NgClass, i3__namespace.NgForOf, i3__namespace.NgIf, i3__namespace.NgStyle, i1__namespace.TextContentDirective], encapsulation: 2 });
+        }, dependencies: [i2__namespace.NgClass, i2__namespace.NgForOf, i2__namespace.NgIf, i2__namespace.NgStyle, i1$1__namespace.TextContentDirective], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SpinnerComponent, [{
                 type: i0.Component,
                 args: [{ selector: '[wmSpinner]', providers: [
-                            i1.provideAsWidgetRef(SpinnerComponent)
+                            i1$1.provideAsWidgetRef(SpinnerComponent)
                         ], exportAs: 'wmSpinner', template: "<div class=\"spinner-message\">\n    <span class=\"spinner-image animated infinite\" [ngClass]=\"animation\" aria-hidden=\"true\"\n        [ngStyle]=\"{width: imagewidth, height: imageheight, backgroundImage: 'url(' + picture + ')', backgroundSize: imagewidth}\"\n        *ngIf=\"type === 'image'\"></span>\n    <i class=\"spinner-image animated infinite\" aria-hidden=\"true\" [ngClass]=\"[iconclass, animation]\" [style.fonSize]=\"iconsize\" *ngIf=\"type === 'icon'\"></i>\n    <span class=\"spinner-text\" [innerHTML]=\"caption\" *ngIf=\"showCaption\"></span>\n    <div class=\"spinner-messages\" *ngIf=\"!showCaption && spinnerMessages\">\n        <p *ngFor=\"let value of spinnerMessages\" [textContent]=\"value\"></p>\n    </div>\n</div>\n" }]
-            }], function () {
-            return [{ type: i0__namespace.Injector }, { type: i1__namespace.ImagePipe }, { type: i2__namespace.UserDefinedExecutionContext, decorators: [{
-                            type: i0.Optional
-                        }] }];
-        }, null);
+            }], function () { return [{ type: i0__namespace.Injector }, { type: i1$1__namespace.ImagePipe }]; }, null);
     })();
 
     const registerProps = () => {
-        i1.register('wm-video', new Map([
-            ['autoplay', i1.PROP_BOOLEAN],
-            ['class', i1.PROP_STRING],
-            ['controls', i1.PROP_BOOLEAN],
-            ['hint', i1.PROP_STRING],
-            ['loop', i1.PROP_BOOLEAN],
-            ['mp4format', i1.PROP_STRING],
-            ['muted', i1.PROP_BOOLEAN],
-            ['name', i1.PROP_STRING],
-            ['oggformat', i1.PROP_STRING],
-            ['show', Object.assign({ value: true }, i1.PROP_BOOLEAN)],
-            ['subtitlelang', Object.assign({ value: 'en' }, i1.PROP_STRING)],
-            ['subtitlesource', i1.PROP_STRING],
-            ['tabindex', Object.assign({ value: 0 }, i1.PROP_NUMBER)],
-            ['videoposter', Object.assign({ value: 'resources/images/imagelists/default-image.png' }, i1.PROP_STRING)],
-            ['videopreload', Object.assign({ value: 'none' }, i1.PROP_STRING)],
-            ['videosupportmessage', Object.assign({ value: 'Your browser does not support the video tag.' }, i1.PROP_STRING)],
-            ['webmformat', i1.PROP_STRING]
+        i1$1.register('wm-video', new Map([
+            ['autoplay', i1$1.PROP_BOOLEAN],
+            ['class', i1$1.PROP_STRING],
+            ['controls', i1$1.PROP_BOOLEAN],
+            ['hint', i1$1.PROP_STRING],
+            ['loop', i1$1.PROP_BOOLEAN],
+            ['mp4format', i1$1.PROP_STRING],
+            ['muted', i1$1.PROP_BOOLEAN],
+            ['name', i1$1.PROP_STRING],
+            ['oggformat', i1$1.PROP_STRING],
+            ['show', Object.assign({ value: true }, i1$1.PROP_BOOLEAN)],
+            ['subtitlelang', Object.assign({ value: 'en' }, i1$1.PROP_STRING)],
+            ['subtitlesource', i1$1.PROP_STRING],
+            ['tabindex', Object.assign({ value: 0 }, i1$1.PROP_NUMBER)],
+            ['videoposter', Object.assign({ value: 'resources/images/imagelists/default-image.png' }, i1$1.PROP_STRING)],
+            ['videopreload', Object.assign({ value: 'none' }, i1$1.PROP_STRING)],
+            ['videosupportmessage', Object.assign({ value: 'Your browser does not support the video tag.' }, i1$1.PROP_STRING)],
+            ['webmformat', i1$1.PROP_STRING]
         ]));
     };
 
@@ -1003,51 +965,50 @@
     const WIDGET_CONFIG = {
         widgetType: 'wm-video',
         hostClass: DEFAULT_CLS,
-        displayType: i1.DISPLAY_TYPE.INLINE_BLOCK
+        displayType: i1$1.DISPLAY_TYPE.INLINE_BLOCK
     };
-    class VideoComponent extends i1.StylableComponent {
-        constructor(inj, trustAsPipe, _viewParent) {
-            super(inj, WIDGET_CONFIG, _viewParent);
+    class VideoComponent extends i1$1.StylableComponent {
+        constructor(inj, trustAsPipe) {
+            super(inj, WIDGET_CONFIG);
             this.trustAsPipe = trustAsPipe;
-            this._viewParent = _viewParent;
             /**
              * subtitle language property eg: en
              */
             this.subtitlelang = 'en';
-            i1.styler(this.nativeElement, this);
+            i1$1.styler(this.nativeElement, this);
         }
         // DO NOT use ngIf binding for the track. As of v6.0.Beta7 there is an error creating a void track node
         onPropertyChange(key, nv, ov) {
             if (key === 'subtitlesource') {
                 let track = this.nativeElement.querySelector('track');
                 if (track) {
-                    i2.removeNode(track, true);
+                    i1.removeNode(track, true);
                 }
-                track = i2.createElement('track', {
+                track = i1.createElement('track', {
                     kind: 'subtitles',
                     label: this.subtitlelang,
                     srclang: this.subtitlelang,
                     src: this.trustAsPipe.transform(nv, i0.SecurityContext.RESOURCE_URL),
                     default: ''
                 }, true);
-                i2.appendNode(track, this.nativeElement.querySelector('video'));
+                i1.appendNode(track, this.nativeElement.querySelector('video'));
             }
             else if (key === 'mp4format') {
-                this.mp4format = i2.transformFileURI(nv);
+                this.mp4format = i1.transformFileURI(nv);
             }
             else if (key === 'webmformat') {
-                this.webmformat = i2.transformFileURI(nv);
+                this.webmformat = i1.transformFileURI(nv);
             }
             else if (key === 'oggformat') {
-                this.oggformat = i2.transformFileURI(nv);
+                this.oggformat = i1.transformFileURI(nv);
             }
             super.onPropertyChange(key, nv, ov);
         }
     }
     VideoComponent.initializeProps = registerProps();
-    VideoComponent.ɵfac = function VideoComponent_Factory(t) { return new (t || VideoComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1__namespace.TrustAsPipe), i0__namespace.ɵɵdirectiveInject(i2__namespace.UserDefinedExecutionContext, 8)); };
+    VideoComponent.ɵfac = function VideoComponent_Factory(t) { return new (t || VideoComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1$1__namespace.TrustAsPipe)); };
     VideoComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: VideoComponent, selectors: [["", "wmVideo", ""]], features: [i0__namespace.ɵɵProvidersFeature([
-                i1.provideAsWidgetRef(VideoComponent)
+                i1$1.provideAsWidgetRef(VideoComponent)
             ]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c0, decls: 7, vars: 16, consts: [["role", "application", 3, "preload", "src", "muted", "poster", "controls", "loop", "autoplay"], ["type", "video/mp4", 3, "src", 4, "ngIf"], ["type", "video/webm", 3, "src", 4, "ngIf"], ["type", "video/ogg", 3, "src", 4, "ngIf"], ["type", "video/mp4", 3, "src"], ["type", "video/webm", 3, "src"], ["type", "video/ogg", 3, "src"]], template: function VideoComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "video", 0);
@@ -1070,18 +1031,14 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵtextInterpolate1(" ", ctx.videosupportmessage, "\n");
             }
-        }, dependencies: [i3__namespace.NgIf, i1__namespace.TrustAsPipe, i1__namespace.ImagePipe], encapsulation: 2 });
+        }, dependencies: [i2__namespace.NgIf, i1$1__namespace.TrustAsPipe, i1$1__namespace.ImagePipe], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(VideoComponent, [{
                 type: i0.Component,
                 args: [{ selector: '[wmVideo]', providers: [
-                            i1.provideAsWidgetRef(VideoComponent)
+                            i1$1.provideAsWidgetRef(VideoComponent)
                         ], template: "<video [preload]=\"videopreload\" role=\"application\"\n       [src]=\"mp4format | trustAs: 'resource'\"\n       [muted]=\"muted\"\n       [poster]=\"videoposter | image\"\n       [controls]=\"controls\"\n       [loop]=\"loop\"\n       [autoplay]=\"autoplay\">\n    <source type=\"video/mp4\" [src]=\"mp4format | trustAs: 'resource'\" *ngIf=\"mp4format\">\n    <source type=\"video/webm\" [src]=\"webmformat | trustAs: 'resource'\" *ngIf=\"webmformat\">\n    <source type=\"video/ogg\" [src]=\"oggformat | trustAs: 'resource'\" *ngIf=\"oggformat\">\n    {{videosupportmessage}}\n</video>" }]
-            }], function () {
-            return [{ type: i0__namespace.Injector }, { type: i1__namespace.TrustAsPipe }, { type: i2__namespace.UserDefinedExecutionContext, decorators: [{
-                            type: i0.Optional
-                        }] }];
-        }, null);
+            }], function () { return [{ type: i0__namespace.Injector }, { type: i1$1__namespace.TrustAsPipe }]; }, null);
     })();
 
     const components = [
@@ -1099,15 +1056,15 @@
     }
     BasicModule.ɵfac = function BasicModule_Factory(t) { return new (t || BasicModule)(); };
     BasicModule.ɵmod = /*@__PURE__*/ i0__namespace.ɵɵdefineNgModule({ type: BasicModule });
-    BasicModule.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [i3.CommonModule,
-            i1.WmComponentsModule] });
+    BasicModule.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [i2.CommonModule,
+            i1$1.WmComponentsModule] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(BasicModule, [{
                 type: i0.NgModule,
                 args: [{
                         imports: [
-                            i3.CommonModule,
-                            i1.WmComponentsModule
+                            i2.CommonModule,
+                            i1$1.WmComponentsModule
                         ],
                         declarations: [...components],
                         exports: [...components]
@@ -1123,8 +1080,8 @@
                 LabelDirective,
                 PictureDirective,
                 SpinnerComponent,
-                VideoComponent], imports: [i3.CommonModule,
-                i1.WmComponentsModule], exports: [AnchorComponent,
+                VideoComponent], imports: [i2.CommonModule,
+                i1$1.WmComponentsModule], exports: [AnchorComponent,
                 AudioComponent,
                 HtmlDirective,
                 IconComponent,