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

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

@@ -1,14 +1,14 @@
 import * as i0 from '@angular/core';
-import { Component, Optional, HostBinding, Directive, HostListener, Injectable, Inject, ElementRef, Attribute, ViewChild, ContentChildren, NgModule } from '@angular/core';
-import * as i2 from '@angular/common';
+import { Component, HostBinding, Directive, HostListener, Injectable, Inject, ElementRef, Attribute, ViewChild, ContentChildren, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
 import { getLocaleNumberSymbol, NumberSymbol, CommonModule } from '@angular/common';
-import * as i3$1 from '@angular/forms';
+import * as i1$1 from '@angular/forms';
 import { FormControlName, NgModel, NG_VALUE_ACCESSOR, NG_VALIDATORS, FormsModule } from '@angular/forms';
-import * as i3$2 from 'angular-imask';
+import * as i2$1 from 'angular-imask';
 import { IMaskDirective, IMaskModule } from 'angular-imask';
-import * as i3 from '@wm/components/base';
+import * as i2 from '@wm/components/base';
 import { register, PROP_STRING, PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, DISPLAY_TYPE, StylableComponent, styler, provideAsWidgetRef, APPLY_STYLES_TYPE, WidgetConfig, registerFormWidget, provideAs, extractDataAsArray, ToDatePipe, ALLFIELDS, getOrderedDataset, convertDataToObject, transformDataWithKeys, transformFormData, getUniqObjsByDataField, groupData, handleHeaderClick, toggleAllHeaders, WidgetRef, INPUTMODE, WmComponentsModule } from '@wm/components/base';
-import * as i1 from '@wm/core';
+import * as i1$2 from '@wm/core';
 import { DataSource, FormWidgetType, isDefined, toggleClass, AppDefaults, debounce, $appDigest, noop, isEqualWithFields, toBoolean, setListClass, switchClass, addForIdAttributes, addClass, setAttr, removeAttr, setCSS } from '@wm/core';
 import { Subject } from 'rxjs';
 
@@ -77,14 +77,13 @@ const WIDGET_CONFIG$e = {
     displayType: DISPLAY_TYPE.INLINE_BLOCK
 };
 class ButtonComponent extends StylableComponent {
-    constructor(inj, _viewParent) {
-        super(inj, WIDGET_CONFIG$e, _viewParent);
-        this._viewParent = _viewParent;
+    constructor(inj) {
+        super(inj, WIDGET_CONFIG$e);
         styler(this.nativeElement, this);
     }
 }
 ButtonComponent.initializeProps = registerProps$e();
-ButtonComponent.ɵfac = function ButtonComponent_Factory(t) { return new (t || ButtonComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.UserDefinedExecutionContext, 8)); };
+ButtonComponent.ɵfac = function ButtonComponent_Factory(t) { return new (t || ButtonComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
 ButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ButtonComponent, selectors: [["button", "wmButton", ""]], hostVars: 5, hostBindings: function ButtonComponent_HostBindings(rf, ctx) { if (rf & 2) {
         i0.ɵɵhostProperty("type", ctx.type)("tabIndex", ctx.tabindex)("disabled", ctx.disabled);
         i0.ɵɵattribute("accesskey", ctx.shortcutkey)("icon-position", ctx.iconposition);
@@ -108,15 +107,13 @@ ButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ButtonCompo
         i0.ɵɵproperty("innerHTML", ctx.caption, i0.ɵɵsanitizeHtml);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", ctx.badgevalue);
-    } }, dependencies: [i2.NgIf, i2.NgStyle, i3.TextContentDirective, i3.ImagePipe], encapsulation: 2 });
+    } }, dependencies: [i1.NgIf, i1.NgStyle, i2.TextContentDirective, i2.ImagePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ButtonComponent, [{
         type: Component,
         args: [{ selector: 'button[wmButton]', providers: [
                     provideAsWidgetRef(ButtonComponent)
                 ], exportAs: 'wmButton', template: "<img data-identifier=\"img\" alt=\"button image\" class=\"button-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, fontSize:iconwidth}\" *ngIf=\"iconclass\"></i>\n<span class=\"sr-only\" *ngIf=\"iconclass\">{{caption}} {{appLocale.LABEL_ICON}}</span>\n<span class=\"btn-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: i1.UserDefinedExecutionContext, decorators: [{
-                type: Optional
-            }] }]; }, { type: [{
+    }], function () { return [{ type: i0.Injector }]; }, { type: [{
             type: HostBinding,
             args: ['type']
         }], tabindex: [{
@@ -153,14 +150,13 @@ class ButtonGroupDirective extends StylableComponent {
         this.$element.find('.app-button').removeClass('selected');
         $target.addClass('selected');
     }
-    constructor(inj, _viewParent) {
-        super(inj, WIDGET_CONFIG$d, _viewParent);
-        this._viewParent = _viewParent;
+    constructor(inj) {
+        super(inj, WIDGET_CONFIG$d);
         styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);
     }
 }
 ButtonGroupDirective.initializeProps = registerProps$d();
-ButtonGroupDirective.ɵfac = function ButtonGroupDirective_Factory(t) { return new (t || ButtonGroupDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.UserDefinedExecutionContext, 8)); };
+ButtonGroupDirective.ɵfac = function ButtonGroupDirective_Factory(t) { return new (t || ButtonGroupDirective)(i0.ɵɵdirectiveInject(i0.Injector)); };
 ButtonGroupDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: ButtonGroupDirective, selectors: [["", "wmButtonGroup", ""]], hostVars: 2, hostBindings: function ButtonGroupDirective_HostBindings(rf, ctx) { if (rf & 1) {
         i0.ɵɵlistener("click", function ButtonGroupDirective_click_HostBindingHandler($event) { return ctx.handleClick($event); });
     } if (rf & 2) {
@@ -176,9 +172,7 @@ ButtonGroupDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: Button
                     provideAsWidgetRef(ButtonGroupDirective)
                 ]
             }]
-    }], function () { return [{ type: i0.Injector }, { type: i1.UserDefinedExecutionContext, decorators: [{
-                type: Optional
-            }] }]; }, { vertical: [{
+    }], function () { return [{ type: i0.Injector }]; }, { vertical: [{
             type: HostBinding,
             args: ['class.btn-group-vertical']
         }], handleClick: [{
@@ -187,8 +181,8 @@ ButtonGroupDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: Button
         }] }); })();
 
 class BaseFormComponent extends StylableComponent {
-    constructor(inj, config, _viewParent, initPromise) {
-        super(inj, config, _viewParent, initPromise);
+    constructor(inj, config, initPromise) {
+        super(inj, config, initPromise);
         this.inj = inj;
         this.binddatavalue = this.$element.attr('datavalue.bind');
     }
@@ -255,14 +249,14 @@ class BaseFormComponent extends StylableComponent {
         }
     }
 }
-BaseFormComponent.ɵfac = function BaseFormComponent_Factory(t) { return new (t || BaseFormComponent)(i0.ɵɵinject(i0.Injector), i0.ɵɵinject(WidgetConfig), i0.ɵɵinject(i1.UserDefinedExecutionContext), i0.ɵɵinject(Promise)); };
+BaseFormComponent.ɵfac = function BaseFormComponent_Factory(t) { return new (t || BaseFormComponent)(i0.ɵɵinject(i0.Injector), i0.ɵɵinject(WidgetConfig), i0.ɵɵinject(Promise)); };
 BaseFormComponent.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: BaseFormComponent, factory: BaseFormComponent.ɵfac });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseFormComponent, [{
         type: Injectable
     }], function () { return [{ type: i0.Injector }, { type: undefined, decorators: [{
                 type: Inject,
                 args: [WidgetConfig]
-            }] }, { type: i1.UserDefinedExecutionContext }, { type: Promise }]; }, null); })();
+            }] }, { type: Promise }]; }, null); })();
 
 /*
  * WMS-18269
@@ -408,10 +402,9 @@ class CheckboxComponent extends BaseFormCustomComponent {
         this.proxyModel = (isDefined(v) && v !== '') ? v === this._checkedvalue : undefined;
         this.updatePrevDatavalue(this.datavalue);
     }
-    constructor(inj, checkedVal, uncheckedVal, type, _viewParent) {
-        super(inj, WIDGET_CONFIG$c, _viewParent);
+    constructor(inj, checkedVal, uncheckedVal, type) {
+        super(inj, WIDGET_CONFIG$c);
         this.type = type;
-        this._viewParent = _viewParent;
         this._caption = '&nbsp';
         this._checkedvalue = unStringify(checkedVal, true);
         this._uncheckedvalue = unStringify(uncheckedVal, false);
@@ -469,7 +462,7 @@ class CheckboxComponent extends BaseFormCustomComponent {
     }
 }
 CheckboxComponent.initializeProps = registerProps$c();
-CheckboxComponent.ɵfac = function CheckboxComponent_Factory(t) { return new (t || CheckboxComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵinjectAttribute('checkedvalue'), i0.ɵɵinjectAttribute('uncheckedvalue'), i0.ɵɵinjectAttribute('type'), i0.ɵɵdirectiveInject(i1.UserDefinedExecutionContext, 8)); };
+CheckboxComponent.ɵfac = function CheckboxComponent_Factory(t) { return new (t || CheckboxComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵinjectAttribute('checkedvalue'), i0.ɵɵinjectAttribute('uncheckedvalue'), i0.ɵɵinjectAttribute('type')); };
 CheckboxComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CheckboxComponent, selectors: [["", "wmCheckbox", ""]], viewQuery: function CheckboxComponent_Query(rf, ctx) { if (rf & 1) {
         i0.ɵɵviewQuery(NgModel, 5);
         i0.ɵɵviewQuery(_c0$b, 7, ElementRef);
@@ -499,7 +492,7 @@ CheckboxComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CheckboxC
         i0.ɵɵproperty("innerHtml", ctx._caption, i0.ɵɵsanitizeHtml);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("disabled", ctx.disabled)("value", ctx.proxyModel);
-    } }, dependencies: [i2.NgClass, i3$1.CheckboxControlValueAccessor, i3$1.NgControlStatus, i3$1.CheckboxRequiredValidator, i3$1.NgModel], encapsulation: 2 });
+    } }, dependencies: [i1.NgClass, i1$1.CheckboxControlValueAccessor, i1$1.NgControlStatus, i1$1.CheckboxRequiredValidator, i1$1.NgModel], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CheckboxComponent, [{
         type: Component,
         args: [{ selector: '[wmCheckbox]', providers: [
@@ -516,8 +509,6 @@ CheckboxComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CheckboxC
             }] }, { type: undefined, decorators: [{
                 type: Attribute,
                 args: ['type']
-            }] }, { type: i1.UserDefinedExecutionContext, decorators: [{
-                type: Optional
             }] }]; }, { ngModel: [{
             type: ViewChild,
             args: [NgModel]
@@ -556,8 +547,8 @@ class DatasetAwareFormComponent extends BaseFormCustomComponent {
         // invoke on datavalue change.
         this.invokeOnChange(val, undefined, true);
     }
-    constructor(inj, config, _viewParent, groupby) {
-        super(inj, config, _viewParent);
+    constructor(inj, config, groupby) {
+        super(inj, config);
         this.groupby = groupby;
         this.datasetItems = [];
         this.acceptsArray = false; // set to true if proxyModel on widget accepts array type.
@@ -802,14 +793,14 @@ class DatasetAwareFormComponent extends BaseFormCustomComponent {
         }
     }
 }
-DatasetAwareFormComponent.ɵfac = function DatasetAwareFormComponent_Factory(t) { return new (t || DatasetAwareFormComponent)(i0.ɵɵinject(i0.Injector), i0.ɵɵinject(WidgetConfig), i0.ɵɵinject(i1.UserDefinedExecutionContext), i0.ɵɵinjectAttribute('groupby')); };
+DatasetAwareFormComponent.ɵfac = function DatasetAwareFormComponent_Factory(t) { return new (t || DatasetAwareFormComponent)(i0.ɵɵinject(i0.Injector), i0.ɵɵinject(WidgetConfig), i0.ɵɵinjectAttribute('groupby')); };
 DatasetAwareFormComponent.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: DatasetAwareFormComponent, factory: DatasetAwareFormComponent.ɵfac });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DatasetAwareFormComponent, [{
         type: Injectable
     }], function () { return [{ type: i0.Injector }, { type: undefined, decorators: [{
                 type: Inject,
                 args: [WidgetConfig]
-            }] }, { type: i1.UserDefinedExecutionContext }, { type: undefined, decorators: [{
+            }] }, { type: undefined, decorators: [{
                 type: Attribute,
                 args: ['groupby']
             }] }]; }, null); })();
@@ -1002,9 +993,8 @@ function CheckboxsetComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
 const DEFAULT_CLS$3 = 'app-checkboxset list-group inline';
 const WIDGET_CONFIG$b = { widgetType: 'wm-checkboxset', hostClass: DEFAULT_CLS$3 };
 class CheckboxsetComponent extends DatasetAwareFormComponent {
-    constructor(inj, _viewParent) {
-        super(inj, WIDGET_CONFIG$b, _viewParent);
-        this._viewParent = _viewParent;
+    constructor(inj) {
+        super(inj, WIDGET_CONFIG$b);
         this.layout = '';
         styler(this.nativeElement, this);
         this.multiple = true;
@@ -1060,7 +1050,7 @@ class CheckboxsetComponent extends DatasetAwareFormComponent {
     }
 }
 CheckboxsetComponent.initializeProps = registerProps$b();
-CheckboxsetComponent.ɵfac = function CheckboxsetComponent_Factory(t) { return new (t || CheckboxsetComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.UserDefinedExecutionContext, 8)); };
+CheckboxsetComponent.ɵfac = function CheckboxsetComponent_Factory(t) { return new (t || CheckboxsetComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
 CheckboxsetComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CheckboxsetComponent, selectors: [["", "wmCheckboxset", ""]], hostBindings: function CheckboxsetComponent_HostBindings(rf, ctx) { if (rf & 1) {
         i0.ɵɵlistener("keydown.enter", function CheckboxsetComponent_keydown_enter_HostBindingHandler($event) { return ctx.onKeyDown($event, "ENTER"); });
     } }, exportAs: ["wmCheckboxset"], features: [i0.ɵɵProvidersFeature([
@@ -1079,7 +1069,7 @@ CheckboxsetComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Checkb
         i0.ɵɵproperty("disabled", ctx.disabled || ctx.readonly);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.readonly || ctx.disabled);
-    } }, dependencies: [i2.NgClass, i2.NgForOf, i2.NgIf, i3.ItemTemplateDirective, i3.PartialParamHandlerDirective, i3.PartialContainerDirective, i3.TextContentDirective], encapsulation: 2 });
+    } }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, i2.ItemTemplateDirective, i2.PartialParamHandlerDirective, i2.PartialContainerDirective, i2.TextContentDirective], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CheckboxsetComponent, [{
         type: Component,
         args: [{ selector: '[wmCheckboxset]', exportAs: 'wmCheckboxset', providers: [
@@ -1087,9 +1077,7 @@ CheckboxsetComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Checkb
                     provideAs(CheckboxsetComponent, NG_VALIDATORS, true),
                     provideAsWidgetRef(CheckboxsetComponent)
                 ], template: "<ng-template [ngIf]=\"!groupby\" [ngIfElse]=\"groupedListTemplate\">\n    <li [ngClass]=\"['checkbox', 'app-checkbox', itemclass, itemsPerRowClass]\"\n        [class.active]=\"item.selected\"\n        *ngFor=\"let item of datasetItems; let i = index\"\n        [wmItemTemplate]=\"content\" [userComponentParams]=\"item\" partialContainer\n        (click)=\"onCheckboxLabelClick($event, item.key)\" role=\"presentation\">\n        <!-- Default item template -->\n        <label *ngIf=\"!content\" class=\"app-checkboxset-label\" [ngClass]=\"{'disabled':disabled || readonly}\" [title]=\"item.label\">\n            <input [name]=\"'checkboxset_' + widgetId\" type=\"checkbox\" [attr.aria-label]=\"item.key\"\n                   [tabindex]=\"tabindex\" [attr.aria-checked]=\"item.selected\"\n                   [disabled]=\"disabled || readonly\" [attr.data-attr-index]=\"i\"\n                   [value]=\"item.key\" [tabindex]=\"tabindex\" [checked]=\"item.selected\"/>\n            <span class=\"caption\" [textContent]=\"item.label\"></span>\n        </label>\n        <!-- Custom partial template -->\n        <label *ngIf=\"content\" class=\"app-checkboxset-label\" [ngClass]=\"{'disabled':disabled || readonly}\" >\n            <input [name]=\"'checkboxset_' + widgetId\" type=\"checkbox\" [attr.aria-label]=\"item.key\"\n                   [tabindex]=\"tabindex\" [attr.aria-checked]=\"item.selected\"\n                   [disabled]=\"disabled || readonly\" [attr.data-attr-index]=\"i\"\n                   [value]=\"item.key\" [tabindex]=\"tabindex\" [checked]=\"item.selected\"/>\n            <span class=\"caption customTemplate\" partial-container-target></span>\n        </label>\n    </li>\n</ng-template>\n<input [disabled]=\"disabled || readonly\" hidden class=\"model-holder\">\n<div *ngIf=\"readonly || disabled\" class=\"readonly-wrapper\"></div>\n\n<!-- This template will be displayed when groupby is specified. -->\n<ng-template #groupedListTemplate>\n    <li *ngFor=\"let groupObj of groupedData\" class=\"app-list-item-group\" role=\"presentation\">\n        <ul class=\"item-group\">\n            <li class=\"list-group-header\" (click)=\"handleHeaderClick($event)\" [title]=\"groupObj.key\" [ngClass]=\"{'collapsible-content': collapsible}\">\n                <h4 class=\"group-title\">{{groupObj.key}}\n                    <div class=\"header-action\">\n                        <i class=\"app-icon wi action wi-chevron-up\" *ngIf=\"collapsible\" title=\"{{appLocale.LABEL_COLLAPSE}}/{{appLocale.LABEL_EXPAND}}\"></i>\n                        <span *ngIf=\"showcount\" class=\"label label-default\" [textContent]=\"groupObj.data.length\"></span>\n                    </div>\n                </h4>\n            </li>\n            <li *ngFor=\"let item of groupObj.data; let i = index;\"\n                [ngClass]=\"['checkbox', 'app-checkbox', 'group-list-item', itemclass, itemsPerRowClass]\"\n                [class.active]=\"item.selected\"\n                [wmItemTemplate]=\"content\" [userComponentParams]=\"item\" partialContainer\n                (click)=\"onCheckboxLabelClick($event, item)\">\n                <!-- Default item template -->\n                <label *ngIf=\"!content\" class=\"app-checkboxset-label\" [ngClass]=\"{'disabled':disabled || readonly}\" [title]=\"item.label\">\n                    <input [name]=\"'checkboxset_' + widgetId\" type=\"checkbox\" aria-label=\"checkbox group\"\n                           [tabindex]=\"tabindex\"\n                           [disabled]=\"disabled || readonly\" [attr.data-attr-index]=\"i\"\n                           [value]=\"item.key\" [tabindex]=\"tabindex\" [checked]=\"item.selected\"/>\n                    <span class=\"caption\" [textContent]=\"item.label\"></span>\n                </label>\n                <!-- Custom partial template -->\n                <label *ngIf=\"content\" class=\"app-checkboxset-label\" [ngClass]=\"{'disabled':disabled || readonly}\" >\n                    <input [name]=\"'checkboxset_' + widgetId\" type=\"checkbox\" aria-label=\"checkbox group\"\n                           [tabindex]=\"tabindex\"\n                           [disabled]=\"disabled || readonly\" [attr.data-attr-index]=\"i\"\n                           [value]=\"item.key\" [tabindex]=\"tabindex\" [checked]=\"item.selected\"/>\n                    <span class=\"caption\" partial-container-target></span>\n                </label>\n            </li>\n        </ul>\n    </li>\n</ng-template>\n" }]
-    }], function () { return [{ type: i0.Injector }, { type: i1.UserDefinedExecutionContext, decorators: [{
-                type: Optional
-            }] }]; }, { onKeyDown: [{
+    }], function () { return [{ type: i0.Injector }]; }, { onKeyDown: [{
             type: HostListener,
             args: ['keydown.enter', ['$event', '"ENTER"']]
         }] }); })();
@@ -1115,9 +1103,8 @@ const CAPTION_POSITION = {
     floating: 'caption-floating'
 };
 class CompositeDirective extends StylableComponent {
-    constructor(inj, _viewParent) {
-        super(inj, WIDGET_CONFIG$a, _viewParent);
-        this._viewParent = _viewParent;
+    constructor(inj) {
+        super(inj, WIDGET_CONFIG$a);
         styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);
     }
     /**
@@ -1155,7 +1142,7 @@ class CompositeDirective extends StylableComponent {
     }
 }
 CompositeDirective.initializeProps = registerProps$a();
-CompositeDirective.ɵfac = function CompositeDirective_Factory(t) { return new (t || CompositeDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.UserDefinedExecutionContext, 8)); };
+CompositeDirective.ɵfac = function CompositeDirective_Factory(t) { return new (t || CompositeDirective)(i0.ɵɵdirectiveInject(i0.Injector)); };
 CompositeDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: CompositeDirective, selectors: [["div", "wmComposite", ""]], contentQueries: function CompositeDirective_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
         i0.ɵɵcontentQuery(dirIndex, WidgetRef, 5);
     } if (rf & 2) {
@@ -1172,9 +1159,7 @@ CompositeDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: Composit
                     provideAsWidgetRef(CompositeDirective)
                 ]
             }]
-    }], function () { return [{ type: i0.Injector }, { type: i1.UserDefinedExecutionContext, decorators: [{
-                type: Optional
-            }] }]; }, { componentRefs: [{
+    }], function () { return [{ type: i0.Injector }]; }, { componentRefs: [{
             type: ContentChildren,
             args: [WidgetRef, { descendants: true }]
         }] }); })();
@@ -1265,8 +1250,8 @@ class BaseInput extends BaseFormCustomComponent {
         }
         styler(this.inputEl.nativeElement, this);
     }
-    constructor(inj, config, _viewParent) {
-        super(inj, config, _viewParent);
+    constructor(inj, config) {
+        super(inj, config);
         // possible values for ngModelOptions are 'blur' and 'change'
         // default is 'blur'
         this.ngModelOptions = {
@@ -1277,18 +1262,18 @@ class BaseInput extends BaseFormCustomComponent {
         this.ngModelOptions.updateOn = updateOn;
     }
 }
-BaseInput.ɵfac = function BaseInput_Factory(t) { return new (t || BaseInput)(i0.ɵɵinject(i0.Injector), i0.ɵɵinject(WidgetConfig), i0.ɵɵinject(i1.UserDefinedExecutionContext)); };
+BaseInput.ɵfac = function BaseInput_Factory(t) { return new (t || BaseInput)(i0.ɵɵinject(i0.Injector), i0.ɵɵinject(WidgetConfig)); };
 BaseInput.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: BaseInput, factory: BaseInput.ɵfac });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseInput, [{
         type: Injectable
     }], function () { return [{ type: i0.Injector }, { type: undefined, decorators: [{
                 type: Inject,
                 args: [WidgetConfig]
-            }] }, { type: i1.UserDefinedExecutionContext }]; }, null); })();
+            }] }]; }, null); })();
 
 class NumberLocale extends BaseInput {
-    constructor(inj, config, _viewParent, i18nService, trailingZeroDecimalPipe) {
-        super(inj, config, _viewParent);
+    constructor(inj, config, i18nService, trailingZeroDecimalPipe) {
+        super(inj, config);
         this.i18nService = i18nService;
         this.trailingZeroDecimalPipe = trailingZeroDecimalPipe;
         this.isDefaultQuery = true;
@@ -1737,13 +1722,12 @@ const WIDGET_CONFIG$9 = {
     hostClass: 'app-input-wrapper'
 };
 class NumberComponent extends NumberLocale {
-    constructor(inj, i18nService, trailingZeroDecimalPipe, _viewParent) {
-        super(inj, WIDGET_CONFIG$9, _viewParent, i18nService, trailingZeroDecimalPipe);
-        this._viewParent = _viewParent;
+    constructor(inj, i18nService, trailingZeroDecimalPipe) {
+        super(inj, WIDGET_CONFIG$9, i18nService, trailingZeroDecimalPipe);
     }
 }
 NumberComponent.initializeProps = registerProps$9();
-NumberComponent.ɵfac = function NumberComponent_Factory(t) { return new (t || NumberComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.AbstractI18nService), i0.ɵɵdirectiveInject(i3.TrailingZeroDecimalPipe), i0.ɵɵdirectiveInject(i1.UserDefinedExecutionContext, 8)); };
+NumberComponent.ɵfac = function NumberComponent_Factory(t) { return new (t || NumberComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1$2.AbstractI18nService), i0.ɵɵdirectiveInject(i2.TrailingZeroDecimalPipe)); };
 NumberComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NumberComponent, selectors: [["", "wmNumber", ""]], viewQuery: function NumberComponent_Query(rf, ctx) { if (rf & 1) {
         i0.ɵɵviewQuery(_c0$9, 7);
         i0.ɵɵviewQuery(NgModel, 7);
@@ -1762,7 +1746,7 @@ NumberComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NumberCompo
     } if (rf & 2) {
         i0.ɵɵproperty("ngModel", ctx.displayValue)("readonly", ctx.readonly)("disabled", ctx.disabled)("pattern", ctx.regexp)("autofocus", ctx.autofocus)("ngModelOptions", ctx.ngModelOptions)("required", ctx.required);
         i0.ɵɵattribute("name", ctx.name)("tabindex", ctx.tabindex)("placeholder", ctx.placeholder)("accesskey", ctx.shortcutkey)("aria-label", ctx.hint);
-    } }, dependencies: [i3$1.DefaultValueAccessor, i3$1.NgControlStatus, i3$1.RequiredValidator, i3$1.PatternValidator, i3$1.NgModel], encapsulation: 2 });
+    } }, dependencies: [i1$1.DefaultValueAccessor, i1$1.NgControlStatus, i1$1.RequiredValidator, i1$1.PatternValidator, i1$1.NgModel], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NumberComponent, [{
         type: Component,
         args: [{ selector: '[wmNumber]', providers: [
@@ -1770,9 +1754,7 @@ NumberComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NumberCompo
                     provideAs(NumberComponent, NG_VALIDATORS, true),
                     provideAsWidgetRef(NumberComponent)
                 ], template: "<input class=\"form-control app-textbox app-number-input\"\n       inputmode=\"decimal\"\n       focus-target\n       [attr.name]=\"name\"\n       role=\"textbox\"\n       type=\"text\"\n       [ngModel]=\"displayValue\"\n       [readonly]=\"readonly\"\n       [disabled]=\"disabled\"\n       [pattern]=\"regexp\"\n       [attr.tabindex]=\"tabindex\"\n       [attr.placeholder]=\"placeholder\"\n       [attr.accesskey]=\"shortcutkey\"\n       [attr.aria-label]=\"hint\"\n       [autofocus]=\"autofocus\"\n       (ngModelChange)=\"onModelChange($event)\"\n       (blur)=\"handleBlur($event); checkForTrailingZeros($event);\"\n       (focus)=\"checkForTrailingZeros($event)\"\n       (input)=\"onInputChange($event.target.value)\"\n       [ngModelOptions]=\"ngModelOptions\"\n       [required]=\"required\"\n       (keypress)=\"validateInputEntry($event)\"\n       (keydown.backspace)=\"onBackspace($event)\"\n       (keydown.enter)=\"onEnter($event)\"\n       (keydown.ArrowUp)=\"onArrowPress($event, 'UP')\"\n       (keydown.ArrowDown)=\"onArrowPress($event, 'DOWN')\"\n       #input>\n" }]
-    }], function () { return [{ type: i0.Injector }, { type: i1.AbstractI18nService }, { type: i3.TrailingZeroDecimalPipe }, { type: i1.UserDefinedExecutionContext, decorators: [{
-                type: Optional
-            }] }]; }, { inputEl: [{
+    }], function () { return [{ type: i0.Injector }, { type: i1$2.AbstractI18nService }, { type: i2.TrailingZeroDecimalPipe }]; }, { inputEl: [{
             type: ViewChild,
             args: ['input', { static: true }]
         }], ngModel: [{
@@ -1968,9 +1950,8 @@ function RadiosetComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
 const DEFAULT_CLS$1 = 'app-radioset list-group inline';
 const WIDGET_CONFIG$8 = { widgetType: 'wm-radioset', hostClass: DEFAULT_CLS$1 };
 class RadiosetComponent extends DatasetAwareFormComponent {
-    constructor(inj, _viewParent) {
-        super(inj, WIDGET_CONFIG$8, _viewParent);
-        this._viewParent = _viewParent;
+    constructor(inj) {
+        super(inj, WIDGET_CONFIG$8);
         this.layout = '';
         styler(this.nativeElement, this);
         this.multiple = false;
@@ -2015,7 +1996,7 @@ class RadiosetComponent extends DatasetAwareFormComponent {
     }
 }
 RadiosetComponent.initializeProps = registerProps$8();
-RadiosetComponent.ɵfac = function RadiosetComponent_Factory(t) { return new (t || RadiosetComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.UserDefinedExecutionContext, 8)); };
+RadiosetComponent.ɵfac = function RadiosetComponent_Factory(t) { return new (t || RadiosetComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
 RadiosetComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RadiosetComponent, selectors: [["", "wmRadioset", ""]], exportAs: ["wmRadioset"], features: [i0.ɵɵProvidersFeature([
             provideAs(RadiosetComponent, NG_VALUE_ACCESSOR, true),
             provideAs(RadiosetComponent, NG_VALIDATORS, true),
@@ -2032,7 +2013,7 @@ RadiosetComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RadiosetC
         i0.ɵɵproperty("disabled", ctx.disabled || ctx.readonly);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.readonly || ctx.disabled);
-    } }, dependencies: [i2.NgClass, i2.NgForOf, i2.NgIf, i3.ItemTemplateDirective, i3.PartialParamHandlerDirective, i3.PartialContainerDirective, i3.TextContentDirective], encapsulation: 2 });
+    } }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, i2.ItemTemplateDirective, i2.PartialParamHandlerDirective, i2.PartialContainerDirective, i2.TextContentDirective], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RadiosetComponent, [{
         type: Component,
         args: [{ selector: '[wmRadioset]', exportAs: 'wmRadioset', providers: [
@@ -2040,9 +2021,7 @@ RadiosetComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RadiosetC
                     provideAs(RadiosetComponent, NG_VALIDATORS, true),
                     provideAsWidgetRef(RadiosetComponent)
                 ], template: "<ng-template [ngIf]=\"!groupby\" [ngIfElse]=\"groupedListTemplate\">\n    <li [ngClass]=\"['radio', 'app-radio', itemclass, itemsPerRowClass]\"\n        [class.active]=\"item.selected\"\n        *ngFor=\"let item of datasetItems;let i = index\"\n        [wmItemTemplate]=\"content\" [userComponentParams]=\"item\" partialContainer\n        (click)=\"onRadioLabelClick($event, item.key)\" role=\"presentation\">\n        <!-- Default item template -->\n        <label *ngIf=\"!content\" class=\"app-radioset-label\"\n               [ngClass]=\"{'disabled':disabled || readonly}\">\n            <input [name]=\"'radioset_' + widgetId\" type=\"radio\" [attr.aria-checked]=\"item.selected\" [attr.data-attr-index]=\"i\"\n                   [value]=\"item.key\" [disabled]=\"disabled || readonly\" [tabindex]=\"tabindex\" [checked]=\"item.selected\"\n                   [attr.aria-label]=\"item.key\"/>\n            <span class=\"caption\" [textContent]=\"item.label\"></span>\n        </label>\n        <!-- Custom partial template -->\n        <label *ngIf=\"content\" class=\"app-radioset-label\"\n               [ngClass]=\"{'disabled':disabled || readonly}\">\n            <input [name]=\"'radioset_' + widgetId\" type=\"radio\" [attr.aria-checked]=\"item.selected\" [attr.data-attr-index]=\"i\"\n                   [value]=\"item.key\" [disabled]=\"disabled || readonly\" [tabindex]=\"tabindex\" [checked]=\"item.selected\"\n                   [attr.aria-label]=\"item.key\"/>\n            <span class=\"caption customTemplate\" partial-container-target></span>\n        </label>\n    </li>\n</ng-template>\n\n<input [disabled]=\"disabled || readonly\" hidden class=\"model-holder\">\n<div *ngIf=\"readonly || disabled\" aria-readonly=\"true\" class=\"readonly-wrapper\"></div>\n\n<!-- This template will be displayed when groupby is specified. -->\n<ng-template #groupedListTemplate>\n    <li *ngFor=\"let groupObj of groupedData\" class=\"app-list-item-group\">\n        <ul class=\"item-group\">\n            <li class=\"list-group-header\" (click)=\"handleHeaderClick($event)\" [title]=\"groupObj.key\" [ngClass]=\"{'collapsible-content': collapsible}\">\n                <h4 class=\"group-title\">{{groupObj.key}}\n                    <div class=\"header-action\">\n                        <i class=\"app-icon wi action wi-chevron-up\" *ngIf=\"collapsible\" title=\"{{appLocale.LABEL_COLLAPSE}}/{{appLocale.LABEL_EXPAND}}\"></i>\n                        <span *ngIf=\"showcount\" class=\"label label-default\" [textContent]=\"groupObj.data.length\"></span>\n                    </div>\n                </h4>\n            </li>\n            <li *ngFor=\"let item of groupObj.data; let i = index;\"\n                [ngClass]=\"['radio', 'app-radio', 'group-list-item', itemclass, itemsPerRowClass]\"\n                [class.active]=\"item.selected\"\n                [wmItemTemplate]=\"content\" [userComponentParams]=\"item\" partialContainer\n                (click)=\"onRadioLabelClick($event, item)\">\n                <!-- Default item template -->\n                <label *ngIf=\"!content\" class=\"app-radioset-label\"\n                       [ngClass]=\"{'disabled':disabled || readonly}\">\n                    <input [name]=\"'radioset_' + widgetId\" type=\"radio\" [attr.aria-checked]=\"item.selected\" [attr.data-attr-index]=\"i\"\n                           [value]=\"item.key\" [disabled]=\"disabled || readonly\" [tabindex]=\"tabindex\" [checked]=\"item.selected\"/>\n                    <span class=\"caption\" [textContent]=\"item.label\"></span>\n                </label>\n                <!-- Custom partial template -->\n                <label *ngIf=\"content\" class=\"app-radioset-label\"\n                       [ngClass]=\"{'disabled':disabled || readonly}\">\n                    <input [name]=\"'radioset_' + widgetId\" type=\"radio\" [attr.aria-checked]=\"item.selected\" [attr.data-attr-index]=\"i\"\n                           [value]=\"item.key\" [disabled]=\"disabled || readonly\" [tabindex]=\"tabindex\" [checked]=\"item.selected\"/>\n                    <span class=\"caption customTemplate\" partial-container-target></span>\n                </label>\n            </li>\n        </ul>\n    </li>\n</ng-template>\n" }]
-    }], function () { return [{ type: i0.Injector }, { type: i1.UserDefinedExecutionContext, decorators: [{
-                type: Optional
-            }] }]; }, null); })();
+    }], function () { return [{ type: i0.Injector }]; }, null); })();
 
 const selectProps = new Map([
     ['autofocus', PROP_BOOLEAN],
@@ -2126,9 +2105,8 @@ class SelectComponent extends DatasetAwareFormComponent {
             this.datavalue = ds.execute(DataSource.Operation.GET_DEFAULT_LOCALE);
         }
     }
-    constructor(inj, _viewParent) {
-        super(inj, WIDGET_CONFIG$7, _viewParent);
-        this._viewParent = _viewParent;
+    constructor(inj) {
+        super(inj, WIDGET_CONFIG$7);
         this.acceptsArray = true;
     }
     ngAfterViewInit() {
@@ -2189,7 +2167,7 @@ class SelectComponent extends DatasetAwareFormComponent {
     }
 }
 SelectComponent.initializeProps = registerProps$7();
-SelectComponent.ɵfac = function SelectComponent_Factory(t) { return new (t || SelectComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.UserDefinedExecutionContext, 8)); };
+SelectComponent.ɵfac = function SelectComponent_Factory(t) { return new (t || SelectComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
 SelectComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SelectComponent, selectors: [["wm-select"]], viewQuery: function SelectComponent_Query(rf, ctx) { if (rf & 1) {
         i0.ɵɵviewQuery(_c0$7, 7, ElementRef);
     } if (rf & 2) {
@@ -2215,7 +2193,7 @@ SelectComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SelectCompo
         i0.ɵɵproperty("ngIf", ctx.groupby);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", !ctx.groupby);
-    } }, dependencies: [i2.NgClass, i2.NgForOf, i2.NgIf, i3$1.NgSelectOption, i3$1.ɵNgSelectMultipleOption, i3$1.SelectMultipleControlValueAccessor, i3$1.NgControlStatus, i3$1.RequiredValidator, i3$1.NgModel, i3.TextContentDirective], encapsulation: 2 });
+    } }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, i1$1.NgSelectOption, i1$1.ɵNgSelectMultipleOption, i1$1.SelectMultipleControlValueAccessor, i1$1.NgControlStatus, i1$1.RequiredValidator, i1$1.NgModel, i2.TextContentDirective], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectComponent, [{
         type: Component,
         args: [{ selector: 'wm-select', providers: [
@@ -2223,9 +2201,7 @@ SelectComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SelectCompo
                     provideAs(SelectComponent, NG_VALIDATORS, true),
                     provideAsWidgetRef(SelectComponent)
                 ], template: "<select role=\"listbox\" aria-haspopup=\"true\" aria-expanded=\"false\" #select\n        focus-target\n        [ngClass]=\"['app-select form-control', class]\"\n        [disabled]=\"disabled\"\n        [required]=\"required\"\n        [tabindex]=\"tabindex\"\n        [(ngModel)]=\"modelByKey\"\n        [multiple]=\"multiple\"\n        (change)=\"onSelectValueChange($event)\"\n        (focus)=\"checkForFloatingLabel($event)\"\n        (blur)=\"invokeOnTouched($event); checkForFloatingLabel($event)\"\n        [attr.name]=\"name\"\n        [attr.aria-label]=\"hint\"\n        [attr.aria-multiselectable]=\"multiple\"\n        [autofocus]=\"autofocus\"\n>\n    <option selected\n    value=\"undefined\"\n    [textContent]=\"placeholder\"\n    [hidden]=\"!placeholder\"></option>\n\n    <ng-container *ngIf=\"groupby\">\n        <optgroup *ngFor=\"let groupObj of groupedData\"\n            [label]=\"groupObj.key\">\n            <option *ngFor=\"let item of groupObj.data;\"\n                [value]=\"item.key\"\n                [selected]=\"item.selected\"\n                [textContent]=\"item.label\"\n                role=\"option\"></option>\n        </optgroup>\n    </ng-container>\n\n    <ng-container *ngIf=\"!groupby\">\n        <option *ngFor=\"let item of datasetItems\"\n            [value]=\"item.key\"\n            [selected]=\"item.selected\"\n            [textContent]=\"item.label\"\n            role=\"option\"></option>\n    </ng-container>\n</select>\n" }]
-    }], function () { return [{ type: i0.Injector }, { type: i1.UserDefinedExecutionContext, decorators: [{
-                type: Optional
-            }] }]; }, { selectEl: [{
+    }], function () { return [{ type: i0.Injector }]; }, { selectEl: [{
             type: ViewChild,
             args: ['select', { static: true, read: ElementRef }]
         }] }); })();
@@ -2289,9 +2265,8 @@ function SwitchComponent_i_3_Template(rf, ctx) { if (rf & 1) {
 const DEFAULT_CLS = 'app-switch';
 const WIDGET_CONFIG$6 = { widgetType: 'wm-switch', hostClass: DEFAULT_CLS };
 class SwitchComponent extends DatasetAwareFormComponent {
-    constructor(inj, _viewParent) {
-        super(inj, WIDGET_CONFIG$6, _viewParent);
-        this._viewParent = _viewParent;
+    constructor(inj) {
+        super(inj, WIDGET_CONFIG$6);
         this.options = [];
         this._debounceSetSelectedValue = debounce((val) => {
             this.setSelectedValue();
@@ -2396,7 +2371,7 @@ class SwitchComponent extends DatasetAwareFormComponent {
     }
 }
 SwitchComponent.initializeProps = registerProps$6();
-SwitchComponent.ɵfac = function SwitchComponent_Factory(t) { return new (t || SwitchComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.UserDefinedExecutionContext, 8)); };
+SwitchComponent.ɵfac = function SwitchComponent_Factory(t) { return new (t || SwitchComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
 SwitchComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SwitchComponent, selectors: [["", "wmSwitch", ""]], exportAs: ["wmSwitch"], features: [i0.ɵɵProvidersFeature([
             provideAs(SwitchComponent, NG_VALUE_ACCESSOR, true),
             provideAsWidgetRef(SwitchComponent)
@@ -2420,16 +2395,14 @@ SwitchComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SwitchCompo
         i0.ɵɵtextInterpolate1(" ", ctx.selectedItem ? ctx.selectedItem.label : ctx.modelByKey, "\n");
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("name", ctx.name)("disabled", ctx.disabled)("value", ctx.modelByKey)("required", ctx.required);
-    } }, dependencies: [i2.NgClass, i2.NgForOf, i2.NgIf, i3.TextContentDirective], encapsulation: 2 });
+    } }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, i2.TextContentDirective], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SwitchComponent, [{
         type: Component,
         args: [{ selector: '[wmSwitch]', providers: [
                     provideAs(SwitchComponent, NG_VALUE_ACCESSOR, true),
                     provideAsWidgetRef(SwitchComponent)
                 ], exportAs: 'wmSwitch', template: "<div role=\"group\" class=\"btn-group btn-group-justified\">\n    <a *ngFor=\"let opt of datasetItems; let $index = index;\"\n       focus-target\n       href=\"javascript:void(0);\"\n       class=\"btn btn-default\"\n       [name]=\"'wm-switch-' + opt.key\"\n       [ngClass]=\"{'selected': opt.selected, 'disabled': disabled}\"\n       (click)=\"selectOpt($event, $index, opt)\"\n    >\n        <i *ngIf=\"opt.dataObject && opt.dataObject[iconclass]\" aria-hidden=\"true\" [ngClass]=\"['app-icon', opt.dataObject[iconclass] || opt['icon']]\"></i>\n        <span class=\"caption\" [textContent]=\"opt[displayfield] || opt.label\"></span>\n    </a>\n</div>\n<span [title]=\"selectedItem ? selectedItem.label : modelByKey\"\n      class=\"btn btn-primary app-switch-overlay switch-handle\">\n    <i *ngIf=\"iconclass\"\n       class=\"app-icon {{(selectedItem && selectedItem.dataObject) && selectedItem.dataObject[iconclass]}}\"></i>\n    {{selectedItem ? selectedItem.label : modelByKey}}\n</span>\n<input [name]=\"name\" class=\"model-holder ng-hide\" [disabled]=\"disabled\" [value]=\"modelByKey\" [required]=\"required\" aria-hidden=\"true\">\n" }]
-    }], function () { return [{ type: i0.Injector }, { type: i1.UserDefinedExecutionContext, decorators: [{
-                type: Optional
-            }] }]; }, null); })();
+    }], function () { return [{ type: i0.Injector }]; }, null); })();
 
 const inputCalendarTypeProps = new Map([
     ['autocomplete', { value: true, ...PROP_BOOLEAN }],
@@ -2464,13 +2437,12 @@ const WIDGET_CONFIG$5 = {
     hostClass: 'app-input-wrapper'
 };
 class InputCalendarComponent extends BaseInput {
-    constructor(inj, _viewParent) {
-        super(inj, WIDGET_CONFIG$5, _viewParent);
-        this._viewParent = _viewParent;
+    constructor(inj) {
+        super(inj, WIDGET_CONFIG$5);
     }
 }
 InputCalendarComponent.initializeProps = registerProps$5();
-InputCalendarComponent.ɵfac = function InputCalendarComponent_Factory(t) { return new (t || InputCalendarComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.UserDefinedExecutionContext, 8)); };
+InputCalendarComponent.ɵfac = function InputCalendarComponent_Factory(t) { return new (t || InputCalendarComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
 InputCalendarComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InputCalendarComponent, selectors: [["wm-input", "type", "date"], ["wm-input", "type", "datetime-local"], ["wm-input", "type", "month"], ["wm-input", "type", "time"], ["wm-input", "type", "week"]], viewQuery: function InputCalendarComponent_Query(rf, ctx) { if (rf & 1) {
         i0.ɵɵviewQuery(_c0$5, 7);
         i0.ɵɵviewQuery(NgModel, 5);
@@ -2489,7 +2461,7 @@ InputCalendarComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Inpu
     } if (rf & 2) {
         i0.ɵɵproperty("type", ctx.type)("ngModel", ctx.datavalue)("readonly", ctx.readonly)("required", ctx.required)("disabled", ctx.disabled)("min", ctx.minvalue)("max", ctx.maxvalue)("step", ctx.step)("autofocus", ctx.autofocus)("autocomplete", ctx.autocomplete ? "on" : "off");
         i0.ɵɵattribute("name", ctx.name)("tabindex", ctx.tabindex)("placeholder", ctx.placeholder)("accesskey", ctx.shortcutkey)("aria-label", ctx.hint || ctx.type + " field");
-    } }, dependencies: [i3$1.DefaultValueAccessor, i3$1.NgControlStatus, i3$1.RequiredValidator, i3$1.NgModel], encapsulation: 2 });
+    } }, dependencies: [i1$1.DefaultValueAccessor, i1$1.NgControlStatus, i1$1.RequiredValidator, i1$1.NgModel], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InputCalendarComponent, [{
         type: Component,
         args: [{ selector: 'wm-input[type="date"], wm-input[type="datetime-local"], wm-input[type="month"], wm-input[type="time"], wm-input[type="week"]', providers: [
@@ -2497,9 +2469,7 @@ InputCalendarComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Inpu
                     provideAs(InputCalendarComponent, NG_VALIDATORS, true),
                     provideAsWidgetRef(InputCalendarComponent)
                 ], template: "<input class=\"form-control app-textbox\"\n       focus-target\n       role=\"textbox\"\n       [type]=\"type\"\n       [attr.name]=\"name\"\n       [(ngModel)]=\"datavalue\"\n       [readonly]=\"readonly\"\n       [required]=\"required\"\n       [disabled]=\"disabled\"\n       [min]=\"minvalue\"\n       [max]=\"maxvalue\"\n       [step]=\"step\"\n       [attr.tabindex]=\"tabindex\"\n       [attr.placeholder]=\"placeholder\"\n       [attr.accesskey]=\"shortcutkey\"\n       [attr.aria-label]=\"hint || type + ' field'\"\n       [autofocus]=\"autofocus\"\n       (blur)=\"handleBlur($event)\"\n       (ngModelChange)=\"handleChange($event)\"\n       [autocomplete]=\"autocomplete ? 'on' : 'off'\"\n       #input>\n" }]
-    }], function () { return [{ type: i0.Injector }, { type: i1.UserDefinedExecutionContext, decorators: [{
-                type: Optional
-            }] }]; }, { inputEl: [{
+    }], function () { return [{ type: i0.Injector }]; }, { inputEl: [{
             type: ViewChild,
             args: ['input', { static: true }]
         }], ngModel: [{
@@ -2537,13 +2507,12 @@ const WIDGET_CONFIG$4 = {
     hostClass: 'app-input-wrapper'
 };
 class InputColorComponent extends BaseInput {
-    constructor(inj, _viewParent) {
-        super(inj, WIDGET_CONFIG$4, _viewParent);
-        this._viewParent = _viewParent;
+    constructor(inj) {
+        super(inj, WIDGET_CONFIG$4);
     }
 }
 InputColorComponent.initializeProps = registerProps$4();
-InputColorComponent.ɵfac = function InputColorComponent_Factory(t) { return new (t || InputColorComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.UserDefinedExecutionContext, 8)); };
+InputColorComponent.ɵfac = function InputColorComponent_Factory(t) { return new (t || InputColorComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
 InputColorComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InputColorComponent, selectors: [["wm-input", "type", "color"]], viewQuery: function InputColorComponent_Query(rf, ctx) { if (rf & 1) {
         i0.ɵɵviewQuery(_c0$4, 7);
         i0.ɵɵviewQuery(NgModel, 5);
@@ -2562,7 +2531,7 @@ InputColorComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InputCo
     } if (rf & 2) {
         i0.ɵɵproperty("type", ctx.type)("ngModel", ctx.datavalue)("readonly", ctx.readonly)("required", ctx.required)("disabled", ctx.disabled)("maxlength", ctx.maxchars)("autofocus", ctx.autofocus);
         i0.ɵɵattribute("name", ctx.name)("tabindex", ctx.tabindex)("placeholder", ctx.placeholder)("accesskey", ctx.shortcutkey)("aria-label", ctx.hint);
-    } }, dependencies: [i3$1.DefaultValueAccessor, i3$1.NgControlStatus, i3$1.RequiredValidator, i3$1.MaxLengthValidator, i3$1.NgModel], encapsulation: 2 });
+    } }, dependencies: [i1$1.DefaultValueAccessor, i1$1.NgControlStatus, i1$1.RequiredValidator, i1$1.MaxLengthValidator, i1$1.NgModel], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InputColorComponent, [{
         type: Component,
         args: [{ selector: 'wm-input[type="color"]', providers: [
@@ -2570,9 +2539,7 @@ InputColorComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InputCo
                     provideAs(InputColorComponent, NG_VALIDATORS, true),
                     provideAsWidgetRef(InputColorComponent)
                 ], template: "<input class=\"form-control app-textbox\"\n       focus-target\n       [type]=\"type\"\n       role=\"textbox\"\n       [attr.name]=\"name\"\n       [(ngModel)]=\"datavalue\"\n       [readonly]=\"readonly\"\n       [required]=\"required\"\n       [disabled]=\"disabled\"\n       [maxlength]=\"maxchars\"\n       [attr.tabindex]=\"tabindex\"\n       [attr.placeholder]=\"placeholder\"\n       [attr.accesskey]=\"shortcutkey\"\n       [attr.aria-label]=\"hint\"\n       [autofocus]=\"autofocus\"\n       (blur)=\"handleBlur($event)\"\n       (ngModelChange)=\"handleChange($event)\"\n       #input>\n" }]
-    }], function () { return [{ type: i0.Injector }, { type: i1.UserDefinedExecutionContext, decorators: [{
-                type: Optional
-            }] }]; }, { inputEl: [{
+    }], function () { return [{ type: i0.Injector }]; }, { inputEl: [{
             type: ViewChild,
             args: ['input', { static: true }]
         }], ngModel: [{
@@ -2612,13 +2579,12 @@ const WIDGET_CONFIG$3 = {
     hostClass: 'app-input-wrapper'
 };
 class InputEmailComponent extends BaseInput {
-    constructor(inj, _viewParent) {
-        super(inj, WIDGET_CONFIG$3, _viewParent);
-        this._viewParent = _viewParent;
+    constructor(inj) {
+        super(inj, WIDGET_CONFIG$3);
     }
 }
 InputEmailComponent.initializeProps = registerProps$3();
-InputEmailComponent.ɵfac = function InputEmailComponent_Factory(t) { return new (t || InputEmailComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.UserDefinedExecutionContext, 8)); };
+InputEmailComponent.ɵfac = function InputEmailComponent_Factory(t) { return new (t || InputEmailComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
 InputEmailComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InputEmailComponent, selectors: [["wm-input", "type", "email"]], viewQuery: function InputEmailComponent_Query(rf, ctx) { if (rf & 1) {
         i0.ɵɵviewQuery(_c0$3, 7);
         i0.ɵɵviewQuery(NgModel, 5);
@@ -2638,7 +2604,7 @@ InputEmailComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InputEm
     } if (rf & 2) {
         i0.ɵɵproperty("type", ctx.type)("ngModel", ctx.datavalue)("ngModelOptions", ctx.ngModelOptions)("readonly", ctx.readonly)("required", ctx.required)("disabled", ctx.disabled)("maxlength", ctx.maxchars)("pattern", ctx.regexp)("autofocus", ctx.autofocus)("autocomplete", ctx.autocomplete ? "on" : "off");
         i0.ɵɵattribute("name", ctx.name)("tabindex", ctx.tabindex)("placeholder", ctx.placeholder)("accesskey", ctx.shortcutkey)("aria-label", ctx.hint);
-    } }, dependencies: [i3$1.DefaultValueAccessor, i3$1.NgControlStatus, i3$1.RequiredValidator, i3$1.MaxLengthValidator, i3$1.PatternValidator, i3$1.EmailValidator, i3$1.NgModel], encapsulation: 2 });
+    } }, dependencies: [i1$1.DefaultValueAccessor, i1$1.NgControlStatus, i1$1.RequiredValidator, i1$1.MaxLengthValidator, i1$1.PatternValidator, i1$1.EmailValidator, i1$1.NgModel], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InputEmailComponent, [{
         type: Component,
         args: [{ selector: 'wm-input[type="email"]', providers: [
@@ -2646,9 +2612,7 @@ InputEmailComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InputEm
                     provideAs(InputEmailComponent, NG_VALIDATORS, true),
                     provideAsWidgetRef(InputEmailComponent)
                 ], template: "<input class=\"form-control app-textbox\"\n       focus-target\n       role=\"textbox\"\n       [type]=\"type\"\n       [attr.name]=\"name\"\n       [(ngModel)]=\"datavalue\"\n       [ngModelOptions]=\"ngModelOptions\"\n       [readonly]=\"readonly\"\n       [required]=\"required\"\n       [disabled]=\"disabled\"\n       [maxlength]=\"maxchars\"\n       [pattern]=\"regexp\"\n       [attr.tabindex]=\"tabindex\"\n       [attr.placeholder]=\"placeholder\"\n       [attr.accesskey]=\"shortcutkey\"\n       [attr.aria-label]=\"hint\"\n       [autofocus]=\"autofocus\"\n       (blur)=\"handleBlur($event)\"\n       (ngModelChange)=\"handleChange($event)\"\n       [autocomplete]=\"autocomplete ? 'on' : 'off'\"\n       (keyup.enter)=\"flushViewChanges(input.value)\"\n       email\n       #input>\n" }]
-    }], function () { return [{ type: i0.Injector }, { type: i1.UserDefinedExecutionContext, decorators: [{
-                type: Optional
-            }] }]; }, { inputEl: [{
+    }], function () { return [{ type: i0.Injector }]; }, { inputEl: [{
             type: ViewChild,
             args: ['input', { static: true }]
         }], ngModel: [{
@@ -2692,9 +2656,8 @@ const WIDGET_CONFIG$2 = {
     hostClass: 'app-input-wrapper'
 };
 class InputNumberComponent extends BaseInput {
-    constructor(inj, _viewParent) {
-        super(inj, WIDGET_CONFIG$2, _viewParent);
-        this._viewParent = _viewParent;
+    constructor(inj) {
+        super(inj, WIDGET_CONFIG$2);
     }
     onArrowPress($event) {
         if (this.step === 0) {
@@ -2708,7 +2671,7 @@ class InputNumberComponent extends BaseInput {
     }
 }
 InputNumberComponent.initializeProps = registerProps$2();
-InputNumberComponent.ɵfac = function InputNumberComponent_Factory(t) { return new (t || InputNumberComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.UserDefinedExecutionContext, 8)); };
+InputNumberComponent.ɵfac = function InputNumberComponent_Factory(t) { return new (t || InputNumberComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
 InputNumberComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InputNumberComponent, selectors: [["wm-input", "type", "number"]], viewQuery: function InputNumberComponent_Query(rf, ctx) { if (rf & 1) {
         i0.ɵɵviewQuery(_c0$2, 7);
         i0.ɵɵviewQuery(NgModel, 5);
@@ -2728,7 +2691,7 @@ InputNumberComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InputN
     } if (rf & 2) {
         i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(18, _c2, ctx.step === 0))("type", ctx.type)("ngModel", ctx.datavalue)("ngModelOptions", ctx.ngModelOptions)("readonly", ctx.readonly)("required", ctx.required)("disabled", ctx.disabled)("maxlength", ctx.maxchars)("min", ctx.minvalue)("max", ctx.maxvalue)("step", ctx.step)("autofocus", ctx.autofocus)("autocomplete", ctx.autocomplete ? "on" : "off");
         i0.ɵɵattribute("name", ctx.name)("tabindex", ctx.tabindex)("placeholder", ctx.placeholder)("accesskey", ctx.shortcutkey)("aria-label", ctx.hint);
-    } }, dependencies: [i2.NgClass, i3$1.DefaultValueAccessor, i3$1.NgControlStatus, i3$1.RequiredValidator, i3$1.MaxLengthValidator, i3$1.NgModel], encapsulation: 2 });
+    } }, dependencies: [i1.NgClass, i1$1.DefaultValueAccessor, i1$1.NgControlStatus, i1$1.RequiredValidator, i1$1.MaxLengthValidator, i1$1.NgModel], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InputNumberComponent, [{
         type: Component,
         args: [{ selector: 'wm-input[type="number"]', providers: [
@@ -2736,9 +2699,7 @@ InputNumberComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InputN
                     provideAs(InputNumberComponent, NG_VALIDATORS, true),
                     provideAsWidgetRef(InputNumberComponent)
                 ], template: "<input class=\"form-control app-textbox\"\n       [ngClass]=\"{'step-hidden': step === 0}\"\n       focus-target\n       role=\"textbox\"\n       [type]=\"type\"\n       [attr.name]=\"name\"\n       [(ngModel)]=\"datavalue\"\n       [ngModelOptions]=\"ngModelOptions\"\n       [readonly]=\"readonly\"\n       [required]=\"required\"\n       [disabled]=\"disabled\"\n       [maxlength]=\"maxchars\"\n       [min]=\"minvalue\"\n       [max]=\"maxvalue\"\n       [step]=\"step\"\n       [attr.tabindex]=\"tabindex\"\n       [attr.placeholder]=\"placeholder\"\n       [attr.accesskey]=\"shortcutkey\"\n       [attr.aria-label]=\"hint\"\n       [autofocus]=\"autofocus\"\n       (blur)=\"handleBlur($event)\"\n       (ngModelChange)=\"handleChange($event)\"\n       [autocomplete]=\"autocomplete ? 'on' : 'off'\"\n       (keyup.enter)=\"flushViewChanges(input.value)\"\n       (keydown.ArrowUp)=\"onArrowPress($event)\"\n       (keydown.ArrowDown)=\"onArrowPress($event)\"\n       (keypress)=\"validateInputEntry($event)\"\n       #input>\n" }]
-    }], function () { return [{ type: i0.Injector }, { type: i1.UserDefinedExecutionContext, decorators: [{
-                type: Optional
-            }] }]; }, { inputEl: [{
+    }], function () { return [{ type: i0.Injector }]; }, { inputEl: [{
             type: ViewChild,
             args: ['input', { static: true }]
         }], ngModel: [{
@@ -2790,9 +2751,8 @@ const WIDGET_CONFIG$1 = {
     hostClass: 'app-input-wrapper'
 };
 class InputTextComponent extends BaseInput {
-    constructor(inj, _viewParent) {
-        super(inj, WIDGET_CONFIG$1, _viewParent);
-        this._viewParent = _viewParent;
+    constructor(inj) {
+        super(inj, WIDGET_CONFIG$1);
         this.lazy = false;
     }
     /* Define the property change handler. This function will be triggered when there is a change in the widget property */
@@ -2865,7 +2825,7 @@ class InputTextComponent extends BaseInput {
     }
 }
 InputTextComponent.initializeProps = registerProps$1();
-InputTextComponent.ɵfac = function InputTextComponent_Factory(t) { return new (t || InputTextComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.UserDefinedExecutionContext, 8)); };
+InputTextComponent.ɵfac = function InputTextComponent_Factory(t) { return new (t || InputTextComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
 InputTextComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InputTextComponent, selectors: [["wm-input", "type", "text"], ["wm-input", 3, "type", ""], ["wm-input", "type", "password"], ["wm-input", "type", "search"], ["wm-input", "type", "tel"], ["wm-input", "type", "url"]], viewQuery: function InputTextComponent_Query(rf, ctx) { if (rf & 1) {
         i0.ɵɵviewQuery(_c0$1, 7);
         i0.ɵɵviewQuery(NgModel, 5);
@@ -2887,7 +2847,7 @@ InputTextComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InputTex
     } if (rf & 2) {
         i0.ɵɵproperty("type", ctx.type)("ngModel", ctx.datavalue)("imask", ctx.mask)("unmask", true)("ngModelOptions", ctx.ngModelOptions)("readonly", ctx.readonly)("required", ctx.required)("disabled", ctx.disabled)("maxlength", ctx.maxchars)("pattern", ctx.regexp)("autofocus", ctx.autofocus)("autocomplete", ctx.autocomplete ? "on" : "off");
         i0.ɵɵattribute("name", ctx.name)("aria-label", ctx.hint)("tabindex", ctx.tabindex)("placeholder", ctx.placeholder)("accesskey", ctx.shortcutkey);
-    } }, dependencies: [i3$1.DefaultValueAccessor, i3$1.NgControlStatus, i3$1.RequiredValidator, i3$1.MaxLengthValidator, i3$1.PatternValidator, i3$1.NgModel, i3$2.IMaskDirective], encapsulation: 2 });
+    } }, dependencies: [i1$1.DefaultValueAccessor, i1$1.NgControlStatus, i1$1.RequiredValidator, i1$1.MaxLengthValidator, i1$1.PatternValidator, i1$1.NgModel, i2$1.IMaskDirective], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InputTextComponent, [{
         type: Component,
         args: [{ selector: 'wm-input[type="text"], wm-input:not([type]), wm-input[type="password"], wm-input[type="search"], wm-input[type="tel"], wm-input[type="url"]', providers: [
@@ -2895,9 +2855,7 @@ InputTextComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InputTex
                     provideAs(InputTextComponent, NG_VALIDATORS, true),
                     provideAsWidgetRef(InputTextComponent)
                 ], template: "<input class=\"form-control app-textbox\"\n       focus-target\n       role=\"textbox\"\n       [type]=\"type\"\n       [attr.name]=\"name\"\n       [attr.aria-label]=\"hint\"\n       [(ngModel)]=\"datavalue\"\n       [imask]=\"mask\"\n       [unmask]=\"true\"\n       [ngModelOptions]=\"ngModelOptions\"\n       [readonly]=\"readonly\"\n       [required]=\"required\"\n       [disabled]=\"disabled\"\n       [maxlength]=\"maxchars\"\n       [pattern]=\"regexp\"\n       [attr.tabindex]=\"tabindex\"\n       [attr.placeholder]=\"placeholder\"\n       [attr.accesskey]=\"shortcutkey\"\n       [autofocus]=\"autofocus\"\n       (ngModelChange)=\"handleChange($event)\"\n       (blur)=\"handleBlur($event); checkForDisplayFormat($event)\"\n       (focus)=\"checkForDisplayFormat($event)\"\n       [autocomplete]=\"autocomplete ? 'on' : 'off'\"\n       (keyup.enter)=\"flushViewChanges(input.value)\"\n       #input>\n" }]
-    }], function () { return [{ type: i0.Injector }, { type: i1.UserDefinedExecutionContext, decorators: [{
-                type: Optional
-            }] }]; }, { inputEl: [{
+    }], function () { return [{ type: i0.Injector }]; }, { inputEl: [{
             type: ViewChild,
             args: ['input', { static: true }]
         }], ngModel: [{
@@ -2948,9 +2906,8 @@ const WIDGET_CONFIG = {
     hostClass: 'app-input-wrapper'
 };
 class TextareaComponent extends BaseInput {
-    constructor(inj, _viewParent) {
-        super(inj, WIDGET_CONFIG, _viewParent);
-        this._viewParent = _viewParent;
+    constructor(inj) {
+        super(inj, WIDGET_CONFIG);
         this.charlength = 0;
     }
     onInputChange() {
@@ -2958,7 +2915,7 @@ class TextareaComponent extends BaseInput {
     }
 }
 TextareaComponent.initializeProps = registerProps();
-TextareaComponent.ɵfac = function TextareaComponent_Factory(t) { return new (t || TextareaComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.UserDefinedExecutionContext, 8)); };
+TextareaComponent.ɵfac = function TextareaComponent_Factory(t) { return new (t || TextareaComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
 TextareaComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TextareaComponent, selectors: [["wm-textarea"]], viewQuery: function TextareaComponent_Query(rf, ctx) { if (rf & 1) {
         i0.ɵɵviewQuery(_c0, 7);
         i0.ɵɵviewQuery(NgModel, 5);
@@ -2980,7 +2937,7 @@ TextareaComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TextareaC
         i0.ɵɵattribute("name", ctx.name)("tabindex", ctx.tabindex)("placeholder", ctx.placeholder)("accesskey", ctx.shortcutkey)("aria-label", ctx.hint);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", ctx.maxchars);
-    } }, dependencies: [i2.NgIf, i3$1.DefaultValueAccessor, i3$1.NgControlStatus, i3$1.RequiredValidator, i3$1.MaxLengthValidator, i3$1.NgModel], encapsulation: 2 });
+    } }, dependencies: [i1.NgIf, i1$1.DefaultValueAccessor, i1$1.NgControlStatus, i1$1.RequiredValidator, i1$1.MaxLengthValidator, i1$1.NgModel], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextareaComponent, [{
         type: Component,
         args: [{ selector: 'wm-textarea', providers: [
@@ -2988,9 +2945,7 @@ TextareaComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TextareaC
                     provideAs(TextareaComponent, NG_VALIDATORS, true),
                     provideAsWidgetRef(TextareaComponent)
                 ], template: "<textarea class=\"form-control app-textarea\"\n          focus-target\n          role=\"textbox\"\n          [attr.name]=\"name\"\n          [(ngModel)]=\"datavalue\"\n          [ngModelOptions]=\"ngModelOptions\"\n          [readonly]=\"readonly\"\n          [required]=\"required\"\n          [disabled]=\"disabled\"\n          [maxlength]=\"maxchars\"\n          [attr.tabindex]=\"tabindex\"\n          [attr.placeholder]=\"placeholder\"\n          [attr.accesskey]=\"shortcutkey\"\n          [attr.aria-label]=\"hint\"\n          aria-multiline=\"true\"\n          [autofocus]=\"autofocus\"\n          (blur)=\"handleBlur($event)\"\n          (input)=\"onInputChange()\"\n          (ngModelChange)=\"handleChange($event); onInputChange();\"\n          #textarea\n></textarea>\n\n<div *ngIf=\"maxchars\" class=\"textarea-count\"  >{{limitdisplaytext}}</div>\n" }]
-    }], function () { return [{ type: i0.Injector }, { type: i1.UserDefinedExecutionContext, decorators: [{
-                type: Optional
-            }] }]; }, { inputEl: [{
+    }], function () { return [{ type: i0.Injector }]; }, { inputEl: [{
             type: ViewChild,
             args: ['textarea', { static: true }]
         }], ngModel: [{
@@ -3154,14 +3109,14 @@ class CaptionPositionDirective {
         }
     }
 }
-CaptionPositionDirective.ɵfac = function CaptionPositionDirective_Factory(t) { return new (t || CaptionPositionDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.App)); };
+CaptionPositionDirective.ɵfac = function CaptionPositionDirective_Factory(t) { return new (t || CaptionPositionDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1$2.App)); };
 CaptionPositionDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: CaptionPositionDirective, selectors: [["", "captionPosition", ""]] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaptionPositionDirective, [{
         type: Directive,
         args: [{
                 selector: '[captionPosition]'
             }]
-    }], function () { return [{ type: i0.Injector }, { type: i1.App }]; }, null); })();
+    }], function () { return [{ type: i0.Injector }, { type: i1$2.App }]; }, null); })();
 
 const components = [
     ButtonComponent,