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

app-ng-runtime/components/basic/default/fesm2020/index.mjs

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
-import { Component, Optional, HostBinding, SecurityContext, Directive, Attribute, NgModule } from '@angular/core';
-import * as i2 from '@wm/core';
+import { Component, HostBinding, SecurityContext, Directive, Attribute, NgModule } from '@angular/core';
+import * as i1 from '@wm/core';
 import { EventNotifier, App, setAttr, encodeUrl, addClass, getRouteNameFromLink, removeClass, removeAttr, setCSS, setProperty, isInsecureContentRequest, toggleClass, isMobileApp, switchClass, DataSource, validateDataSourceCtx, removeNode, createElement, appendNode, transformFileURI } from '@wm/core';
-import * as i1 from '@wm/components/base';
+import * as i1$1 from '@wm/components/base';
 import { register, PROP_STRING, PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, DISPLAY_TYPE, StylableComponent, styler, provideAsWidgetRef, WmComponentsModule } from '@wm/components/base';
-import * as i3 from '@angular/common';
+import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
 const registerProps$8 = () => {
@@ -76,10 +76,9 @@ const disableContextMenu = ($event) => {
     $event.preventDefault();
 };
 class AnchorComponent extends StylableComponent {
-    constructor(inj, app, _viewParent) {
-        super(inj, WIDGET_CONFIG$8, _viewParent);
+    constructor(inj, app) {
+        super(inj, WIDGET_CONFIG$8);
         this.app = app;
-        this._viewParent = _viewParent;
         this._eventNotifier = new EventNotifier();
         styler(this.nativeElement, this);
     }
@@ -176,7 +175,7 @@ class AnchorComponent extends StylableComponent {
     }
 }
 AnchorComponent.initializeProps = registerProps$8();
-AnchorComponent.ɵfac = function AnchorComponent_Factory(t) { return new (t || AnchorComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i2.App), i0.ɵɵdirectiveInject(i2.UserDefinedExecutionContext, 8)); };
+AnchorComponent.ɵfac = function AnchorComponent_Factory(t) { return new (t || AnchorComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.App)); };
 AnchorComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AnchorComponent, selectors: [["a", "wmAnchor", ""]], hostVars: 3, hostBindings: function AnchorComponent_HostBindings(rf, ctx) { if (rf & 2) {
         i0.ɵɵhostProperty("target", ctx.target);
         i0.ɵɵattribute("accesskey", ctx.shortcutkey)("icon-position", ctx.iconposition);
@@ -200,15 +199,13 @@ AnchorComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AnchorCompo
         i0.ɵɵproperty("innerHTML", ctx.caption, i0.ɵɵsanitizeHtml);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", ctx.badgevalue);
-    } }, dependencies: [i3.NgIf, i3.NgStyle, i1.TextContentDirective, i1.ImagePipe], encapsulation: 2 });
+    } }, dependencies: [i2.NgIf, i2.NgStyle, i1$1.TextContentDirective, i1$1.ImagePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AnchorComponent, [{
         type: Component,
         args: [{ selector: 'a[wmAnchor]', providers: [
                     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.Injector }, { type: i2.App }, { type: i2.UserDefinedExecutionContext, decorators: [{
-                type: Optional
-            }] }]; }, { target: [{
+    }], function () { return [{ type: i0.Injector }, { type: i1.App }]; }, { target: [{
             type: HostBinding,
             args: ['target']
         }], shortcutkey: [{
@@ -244,14 +241,13 @@ const WIDGET_CONFIG$7 = {
     displayType: DISPLAY_TYPE.INLINE_BLOCK
 };
 class AudioComponent extends StylableComponent {
-    constructor(inj, _viewParent) {
-        super(inj, WIDGET_CONFIG$7, _viewParent);
-        this._viewParent = _viewParent;
+    constructor(inj) {
+        super(inj, WIDGET_CONFIG$7);
         styler(this.nativeElement, this);
     }
 }
 AudioComponent.initializeProps = registerProps$7();
-AudioComponent.ɵfac = function AudioComponent_Factory(t) { return new (t || AudioComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i2.UserDefinedExecutionContext, 8)); };
+AudioComponent.ɵfac = function AudioComponent_Factory(t) { return new (t || AudioComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
 AudioComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AudioComponent, selectors: [["", "wmAudio", ""]], features: [i0.ɵɵProvidersFeature([
             provideAsWidgetRef(AudioComponent)
         ]), i0.ɵɵ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) {
@@ -267,15 +263,13 @@ AudioComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AudioCompone
         i0.ɵɵproperty("src", i0.ɵɵpipeBind2(3, 11, ctx.mp3format, "resource"), i0.ɵɵsanitizeUrl);
         i0.ɵɵadvance(2);
         i0.ɵɵtextInterpolate1(" ", ctx.audiosupportmessage, "\n");
-    } }, dependencies: [i1.TrustAsPipe], encapsulation: 2 });
+    } }, dependencies: [i1$1.TrustAsPipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AudioComponent, [{
         type: Component,
         args: [{ selector: '[wmAudio]', providers: [
                     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.Injector }, { type: i2.UserDefinedExecutionContext, decorators: [{
-                type: Optional
-            }] }]; }, null); })();
+    }], function () { return [{ type: i0.Injector }]; }, null); })();
 
 const registerProps$6 = () => {
     register('wm-html', new Map([
@@ -293,11 +287,10 @@ const WIDGET_CONFIG$6 = {
     hostClass: DEFAULT_CLS$6
 };
 class HtmlDirective extends StylableComponent {
-    constructor(inj, height, boundContent, sanitizePipe, _viewParent) {
-        super(inj, WIDGET_CONFIG$6, _viewParent);
+    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) {
             setCSS(this.nativeElement, 'overflow', 'auto');
@@ -331,7 +324,7 @@ class HtmlDirective extends StylableComponent {
     }
 }
 HtmlDirective.initializeProps = registerProps$6();
-HtmlDirective.ɵfac = function HtmlDirective_Factory(t) { return new (t || HtmlDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵinjectAttribute('height'), i0.ɵɵinjectAttribute('content.bind'), i0.ɵɵdirectiveInject(i1.SanitizePipe), i0.ɵɵdirectiveInject(i2.UserDefinedExecutionContext, 8)); };
+HtmlDirective.ɵfac = function HtmlDirective_Factory(t) { return new (t || HtmlDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵinjectAttribute('height'), i0.ɵɵinjectAttribute('content.bind'), i0.ɵɵdirectiveInject(i1$1.SanitizePipe)); };
 HtmlDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: HtmlDirective, selectors: [["", "wmHtml", ""]], exportAs: ["wmHtml"], features: [i0.ɵɵProvidersFeature([
             provideAsWidgetRef(HtmlDirective)
         ]), i0.ɵɵInheritDefinitionFeature] });
@@ -350,9 +343,7 @@ HtmlDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: HtmlDirective
             }] }, { type: undefined, decorators: [{
                 type: Attribute,
                 args: ['content.bind']
-            }] }, { type: i1.SanitizePipe }, { type: i2.UserDefinedExecutionContext, decorators: [{
-                type: Optional
-            }] }]; }, null); })();
+            }] }, { type: i1$1.SanitizePipe }]; }, null); })();
 
 const registerProps$5 = () => {
     register('wm-icon', new Map([
@@ -393,14 +384,13 @@ const WIDGET_CONFIG$5 = {
     hostClass: DEFAULT_CLS$5
 };
 class IconComponent extends StylableComponent {
-    constructor(inj, _viewParent) {
-        super(inj, WIDGET_CONFIG$5, _viewParent);
-        this._viewParent = _viewParent;
+    constructor(inj) {
+        super(inj, WIDGET_CONFIG$5);
         styler(this.nativeElement, this);
     }
 }
 IconComponent.initializeProps = registerProps$5();
-IconComponent.ɵfac = function IconComponent_Factory(t) { return new (t || IconComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i2.UserDefinedExecutionContext, 8)); };
+IconComponent.ɵfac = function IconComponent_Factory(t) { return new (t || IconComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
 IconComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: IconComponent, selectors: [["", "wmIcon", ""]], hostVars: 3, hostBindings: function IconComponent_HostBindings(rf, ctx) { if (rf & 2) {
         i0.ɵɵattribute("icon-position", ctx.iconposition);
         i0.ɵɵstyleProp("font-size", ctx.iconsize);
@@ -417,15 +407,13 @@ IconComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: IconComponent
         i0.ɵɵproperty("ngIf", ctx.iconclass);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.caption);
-    } }, dependencies: [i3.NgIf, i1.TextContentDirective], encapsulation: 2 });
+    } }, dependencies: [i2.NgIf, i1$1.TextContentDirective], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IconComponent, [{
         type: Component,
         args: [{ selector: '[wmIcon]', providers: [
                     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.Injector }, { type: i2.UserDefinedExecutionContext, decorators: [{
-                type: Optional
-            }] }]; }, { iconposition: [{
+    }], function () { return [{ type: i0.Injector }]; }, { iconposition: [{
             type: HostBinding,
             args: ['attr.icon-position']
         }], iconsize: [{
@@ -462,10 +450,9 @@ const WIDGET_CONFIG$4 = {
     hostClass: DEFAULT_CLS$4
 };
 class IframeComponent extends StylableComponent {
-    constructor(inj, trustAsPipe, _viewParent) {
-        super(inj, WIDGET_CONFIG$4, _viewParent);
+    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
          */
@@ -499,7 +486,7 @@ class IframeComponent extends StylableComponent {
     }
 }
 IframeComponent.initializeProps = registerProps$4();
-IframeComponent.ɵfac = function IframeComponent_Factory(t) { return new (t || IframeComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.TrustAsPipe), i0.ɵɵdirectiveInject(i2.UserDefinedExecutionContext, 8)); };
+IframeComponent.ɵfac = function IframeComponent_Factory(t) { return new (t || IframeComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1$1.TrustAsPipe)); };
 IframeComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: IframeComponent, selectors: [["", "wmIframe", ""]], features: [i0.ɵɵProvidersFeature([
             provideAsWidgetRef(IframeComponent)
         ]), i0.ɵɵ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) {
@@ -510,15 +497,13 @@ IframeComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: IframeCompo
         i0.ɵɵattribute("src", ctx._iframesrc, i0.ɵɵsanitizeResourceUrl)("aria-label", ctx.hint || "iframe");
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.showContentLoadError);
-    } }, dependencies: [i3.NgIf, i1.TextContentDirective], encapsulation: 2 });
+    } }, dependencies: [i2.NgIf, i1$1.TextContentDirective], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IframeComponent, [{
         type: Component,
         args: [{ selector: '[wmIframe]', providers: [
                     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.Injector }, { type: i1.TrustAsPipe }, { type: i2.UserDefinedExecutionContext, decorators: [{
-                type: Optional
-            }] }]; }, null); })();
+    }], function () { return [{ type: i0.Injector }, { type: i1$1.TrustAsPipe }]; }, null); })();
 
 const registerProps$3 = () => {
     register('wm-label', new Map([
@@ -541,10 +526,9 @@ const WIDGET_CONFIG$3 = {
     displayType: DISPLAY_TYPE.INLINE_BLOCK
 };
 class LabelDirective extends StylableComponent {
-    constructor(inj, sanitizePipe, _viewParent) {
-        super(inj, WIDGET_CONFIG$3, _viewParent);
+    constructor(inj, sanitizePipe) {
+        super(inj, WIDGET_CONFIG$3);
         this.sanitizePipe = sanitizePipe;
-        this._viewParent = _viewParent;
         styler(this.nativeElement, this);
     }
     onPropertyChange(key, nv, ov) {
@@ -571,7 +555,7 @@ class LabelDirective extends StylableComponent {
     }
 }
 LabelDirective.initializeProps = registerProps$3();
-LabelDirective.ɵfac = function LabelDirective_Factory(t) { return new (t || LabelDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.SanitizePipe), i0.ɵɵdirectiveInject(i2.UserDefinedExecutionContext, 8)); };
+LabelDirective.ɵfac = function LabelDirective_Factory(t) { return new (t || LabelDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1$1.SanitizePipe)); };
 LabelDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: LabelDirective, selectors: [["", "wmLabel", ""]], exportAs: ["wmLabel"], features: [i0.ɵɵProvidersFeature([
             provideAsWidgetRef(LabelDirective)
         ]), i0.ɵɵInheritDefinitionFeature] });
@@ -584,9 +568,7 @@ LabelDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: LabelDirecti
                 ],
                 exportAs: 'wmLabel'
             }]
-    }], function () { return [{ type: i0.Injector }, { type: i1.SanitizePipe }, { type: i2.UserDefinedExecutionContext, decorators: [{
-                type: Optional
-            }] }]; }, null); })();
+    }], function () { return [{ type: i0.Injector }, { type: i1$1.SanitizePipe }]; }, null); })();
 
 const registerProps$2 = () => {
     const props = new Map([
@@ -618,10 +600,9 @@ const WIDGET_CONFIG$2 = {
     displayType: DISPLAY_TYPE.INLINE_BLOCK
 };
 class PictureDirective extends StylableComponent {
-    constructor(inj, imagePipe, _viewParent) {
-        super(inj, WIDGET_CONFIG$2, _viewParent);
+    constructor(inj, imagePipe) {
+        super(inj, WIDGET_CONFIG$2);
         this.imagePipe = imagePipe;
-        this._viewParent = _viewParent;
         styler(this.nativeElement, this);
     }
     setImgSource() {
@@ -678,7 +659,7 @@ class PictureDirective extends StylableComponent {
     }
 }
 PictureDirective.initializeProps = registerProps$2();
-PictureDirective.ɵfac = function PictureDirective_Factory(t) { return new (t || PictureDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.ImagePipe), i0.ɵɵdirectiveInject(i2.UserDefinedExecutionContext, 8)); };
+PictureDirective.ɵfac = function PictureDirective_Factory(t) { return new (t || PictureDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1$1.ImagePipe)); };
 PictureDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PictureDirective, selectors: [["img", "wmPicture", ""]], hostVars: 1, hostBindings: function PictureDirective_HostBindings(rf, ctx) { if (rf & 2) {
         i0.ɵɵhostProperty("src", ctx.imgSource, i0.ɵɵsanitizeUrl);
     } }, exportAs: ["wmPicture"], features: [i0.ɵɵProvidersFeature([
@@ -693,9 +674,7 @@ PictureDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PictureDir
                 ],
                 exportAs: 'wmPicture'
             }]
-    }], function () { return [{ type: i0.Injector }, { type: i1.ImagePipe }, { type: i2.UserDefinedExecutionContext, decorators: [{
-                type: Optional
-            }] }]; }, { imgSource: [{
+    }], function () { return [{ type: i0.Injector }, { type: i1$1.ImagePipe }]; }, { imgSource: [{
             type: HostBinding,
             args: ['src']
         }] }); })();
@@ -774,10 +753,9 @@ class SpinnerComponent extends StylableComponent {
             }
         });
     }
-    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;
@@ -809,7 +787,7 @@ class SpinnerComponent extends StylableComponent {
     }
 }
 SpinnerComponent.initializeProps = registerProps$1();
-SpinnerComponent.ɵfac = function SpinnerComponent_Factory(t) { return new (t || SpinnerComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.ImagePipe), i0.ɵɵdirectiveInject(i2.UserDefinedExecutionContext, 8)); };
+SpinnerComponent.ɵfac = function SpinnerComponent_Factory(t) { return new (t || SpinnerComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1$1.ImagePipe)); };
 SpinnerComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SpinnerComponent, selectors: [["", "wmSpinner", ""]], exportAs: ["wmSpinner"], features: [i0.ɵɵProvidersFeature([
             provideAsWidgetRef(SpinnerComponent)
         ]), i0.ɵɵ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) {
@@ -828,15 +806,13 @@ SpinnerComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SpinnerCom
         i0.ɵɵproperty("ngIf", ctx.showCaption);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", !ctx.showCaption && ctx.spinnerMessages);
-    } }, dependencies: [i3.NgClass, i3.NgForOf, i3.NgIf, i3.NgStyle, i1.TextContentDirective], encapsulation: 2 });
+    } }, dependencies: [i2.NgClass, i2.NgForOf, i2.NgIf, i2.NgStyle, i1$1.TextContentDirective], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SpinnerComponent, [{
         type: Component,
         args: [{ selector: '[wmSpinner]', providers: [
                     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.Injector }, { type: i1.ImagePipe }, { type: i2.UserDefinedExecutionContext, decorators: [{
-                type: Optional
-            }] }]; }, null); })();
+    }], function () { return [{ type: i0.Injector }, { type: i1$1.ImagePipe }]; }, null); })();
 
 const registerProps = () => {
     register('wm-video', new Map([
@@ -889,10 +865,9 @@ const WIDGET_CONFIG = {
     displayType: DISPLAY_TYPE.INLINE_BLOCK
 };
 class VideoComponent extends StylableComponent {
-    constructor(inj, trustAsPipe, _viewParent) {
-        super(inj, WIDGET_CONFIG, _viewParent);
+    constructor(inj, trustAsPipe) {
+        super(inj, WIDGET_CONFIG);
         this.trustAsPipe = trustAsPipe;
-        this._viewParent = _viewParent;
         /**
          * subtitle language property eg: en
          */
@@ -928,7 +903,7 @@ class VideoComponent extends StylableComponent {
     }
 }
 VideoComponent.initializeProps = registerProps();
-VideoComponent.ɵfac = function VideoComponent_Factory(t) { return new (t || VideoComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.TrustAsPipe), i0.ɵɵdirectiveInject(i2.UserDefinedExecutionContext, 8)); };
+VideoComponent.ɵfac = function VideoComponent_Factory(t) { return new (t || VideoComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1$1.TrustAsPipe)); };
 VideoComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: VideoComponent, selectors: [["", "wmVideo", ""]], features: [i0.ɵɵProvidersFeature([
             provideAsWidgetRef(VideoComponent)
         ]), i0.ɵɵ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) {
@@ -950,15 +925,13 @@ VideoComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: VideoCompone
         i0.ɵɵproperty("ngIf", ctx.oggformat);
         i0.ɵɵadvance(1);
         i0.ɵɵtextInterpolate1(" ", ctx.videosupportmessage, "\n");
-    } }, dependencies: [i3.NgIf, i1.TrustAsPipe, i1.ImagePipe], encapsulation: 2 });
+    } }, dependencies: [i2.NgIf, i1$1.TrustAsPipe, i1$1.ImagePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(VideoComponent, [{
         type: Component,
         args: [{ selector: '[wmVideo]', providers: [
                     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.Injector }, { type: i1.TrustAsPipe }, { type: i2.UserDefinedExecutionContext, decorators: [{
-                type: Optional
-            }] }]; }, null); })();
+    }], function () { return [{ type: i0.Injector }, { type: i1$1.TrustAsPipe }]; }, null); })();
 
 const components = [
     AnchorComponent,