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

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

@@ -2,7 +2,7 @@
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('angular-imask'), require('@wm/components/base'), require('@wm/core'), require('rxjs')) :
   typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@angular/common', '@angular/forms', 'angular-imask', '@wm/components/base', '@wm/core', 'rxjs'], factory) :
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.input = {}), global.ng.core, global.ng.common, global.ng.forms, global.IMask, global.wm.components.base, global.wm.core, global.rxjs));
-})(this, (function (exports, i0, i2, i3$1, i3$2, i3, i1, rxjs) { 'use strict';
+})(this, (function (exports, i0, i1, i1$1, i2$1, i2, i1$2, rxjs) { 'use strict';
 
   function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -22,33 +22,33 @@
   }
 
   var i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
-  var i2__namespace = /*#__PURE__*/_interopNamespaceDefault(i2);
-  var i3$1__namespace = /*#__PURE__*/_interopNamespaceDefault(i3$1);
-  var i3$2__namespace = /*#__PURE__*/_interopNamespaceDefault(i3$2);
-  var i3__namespace = /*#__PURE__*/_interopNamespaceDefault(i3);
   var i1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1);
+  var i1$1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1$1);
+  var i2$1__namespace = /*#__PURE__*/_interopNamespaceDefault(i2$1);
+  var i2__namespace = /*#__PURE__*/_interopNamespaceDefault(i2);
+  var i1$2__namespace = /*#__PURE__*/_interopNamespaceDefault(i1$2);
 
   const registerProps$e = () => {
-      i3.register('wm-button', new Map([
-          ['animation', i3.PROP_STRING],
-          ['badgevalue', i3.PROP_STRING],
-          ['caption', i3.PROP_STRING],
-          ['class', i3.PROP_STRING],
-          ['conditionalclass', i3.PROP_ANY],
-          ['conditionalstyle', i3.PROP_ANY],
-          ['disabled', i3.PROP_BOOLEAN],
-          ['hint', i3.PROP_STRING],
-          ['iconclass', i3.PROP_STRING],
-          ['iconheight', i3.PROP_STRING],
-          ['iconmargin', i3.PROP_STRING],
-          ['iconposition', i3.PROP_STRING],
-          ['iconurl', i3.PROP_STRING],
-          ['iconwidth', i3.PROP_STRING],
-          ['name', i3.PROP_STRING],
-          ['shortcutkey', i3.PROP_STRING],
-          ['show', Object.assign({ value: true }, i3.PROP_BOOLEAN)],
-          ['tabindex', Object.assign({ value: 0 }, i3.PROP_NUMBER)],
-          ['type', i3.PROP_STRING]
+      i2.register('wm-button', new Map([
+          ['animation', i2.PROP_STRING],
+          ['badgevalue', i2.PROP_STRING],
+          ['caption', i2.PROP_STRING],
+          ['class', i2.PROP_STRING],
+          ['conditionalclass', i2.PROP_ANY],
+          ['conditionalstyle', i2.PROP_ANY],
+          ['disabled', i2.PROP_BOOLEAN],
+          ['hint', i2.PROP_STRING],
+          ['iconclass', i2.PROP_STRING],
+          ['iconheight', i2.PROP_STRING],
+          ['iconmargin', i2.PROP_STRING],
+          ['iconposition', i2.PROP_STRING],
+          ['iconurl', i2.PROP_STRING],
+          ['iconwidth', i2.PROP_STRING],
+          ['name', i2.PROP_STRING],
+          ['shortcutkey', i2.PROP_STRING],
+          ['show', Object.assign({ value: true }, i2.PROP_BOOLEAN)],
+          ['tabindex', Object.assign({ value: 0 }, i2.PROP_NUMBER)],
+          ['type', i2.PROP_STRING]
       ]));
   };
 
@@ -102,24 +102,23 @@
   const WIDGET_CONFIG$e = {
       widgetType: 'wm-button',
       hostClass: DEFAULT_CLS$6,
-      displayType: i3.DISPLAY_TYPE.INLINE_BLOCK
+      displayType: i2.DISPLAY_TYPE.INLINE_BLOCK
   };
-  class ButtonComponent extends i3.StylableComponent {
-      constructor(inj, _viewParent) {
-          super(inj, WIDGET_CONFIG$e, _viewParent);
-          this._viewParent = _viewParent;
-          i3.styler(this.nativeElement, this);
+  class ButtonComponent extends i2.StylableComponent {
+      constructor(inj) {
+          super(inj, WIDGET_CONFIG$e);
+          i2.styler(this.nativeElement, this);
       }
   }
   ButtonComponent.initializeProps = registerProps$e();
-  ButtonComponent.ɵfac = function ButtonComponent_Factory(t) { return new (t || ButtonComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1__namespace.UserDefinedExecutionContext, 8)); };
+  ButtonComponent.ɵfac = function ButtonComponent_Factory(t) { return new (t || ButtonComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector)); };
   ButtonComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: ButtonComponent, selectors: [["button", "wmButton", ""]], hostVars: 5, hostBindings: function ButtonComponent_HostBindings(rf, ctx) {
           if (rf & 2) {
               i0__namespace.ɵɵhostProperty("type", ctx.type)("tabIndex", ctx.tabindex)("disabled", ctx.disabled);
               i0__namespace.ɵɵattribute("accesskey", ctx.shortcutkey)("icon-position", ctx.iconposition);
           }
       }, exportAs: ["wmButton"], features: [i0__namespace.ɵɵProvidersFeature([
-              i3.provideAsWidgetRef(ButtonComponent)
+              i2.provideAsWidgetRef(ButtonComponent)
           ]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c0$c, ngContentSelectors: _c4$2, decls: 6, vars: 5, consts: [["data-identifier", "img", "alt", "button image", "class", "button-image-icon", 3, "src", "ngStyle", 4, "ngIf"], ["aria-hidden", "true", 3, "class", "ngStyle", 4, "ngIf"], ["class", "sr-only", 4, "ngIf"], [1, "btn-caption", 3, "innerHTML"], ["class", "badge pull-right", 3, "textContent", 4, "ngIf"], ["data-identifier", "img", "alt", "button image", 1, "button-image-icon", 3, "src", "ngStyle"], ["aria-hidden", "true", 3, "ngStyle"], [1, "sr-only"], [1, "badge", "pull-right", 3, "textContent"]], template: function ButtonComponent_Template(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵprojectionDef(_c3$2);
@@ -141,18 +140,14 @@
               i0__namespace.ɵɵadvance(2);
               i0__namespace.ɵɵproperty("ngIf", ctx.badgevalue);
           }
-      }, dependencies: [i2__namespace.NgIf, i2__namespace.NgStyle, i3__namespace.TextContentDirective, i3__namespace.ImagePipe], encapsulation: 2 });
+      }, dependencies: [i1__namespace.NgIf, i1__namespace.NgStyle, i2__namespace.TextContentDirective, i2__namespace.ImagePipe], encapsulation: 2 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ButtonComponent, [{
               type: i0.Component,
               args: [{ selector: 'button[wmButton]', providers: [
-                          i3.provideAsWidgetRef(ButtonComponent)
+                          i2.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__namespace.Injector }, { type: i1__namespace.UserDefinedExecutionContext, decorators: [{
-                          type: i0.Optional
-                      }] }];
-      }, { type: [{
+          }], function () { return [{ type: i0__namespace.Injector }]; }, { type: [{
                   type: i0.HostBinding,
                   args: ['type']
               }], tabindex: [{
@@ -171,11 +166,11 @@
   })();
 
   const registerProps$d = () => {
-      i3.register('wm-buttongroup', new Map([
-          ['class', i3.PROP_STRING],
-          ['name', i3.PROP_STRING],
-          ['show', Object.assign({ value: true }, i3.PROP_BOOLEAN)],
-          ['vertical', i3.PROP_BOOLEAN]
+      i2.register('wm-buttongroup', new Map([
+          ['class', i2.PROP_STRING],
+          ['name', i2.PROP_STRING],
+          ['show', Object.assign({ value: true }, i2.PROP_BOOLEAN)],
+          ['vertical', i2.PROP_BOOLEAN]
       ]));
   };
 
@@ -184,20 +179,19 @@
       widgetType: 'wm-buttongroup',
       hostClass: DEFAULT_CLS$5
   };
-  class ButtonGroupDirective extends i3.StylableComponent {
+  class ButtonGroupDirective extends i2.StylableComponent {
       handleClick(event) {
           const $target = $(event.target).closest('.app-button');
           this.$element.find('.app-button').removeClass('selected');
           $target.addClass('selected');
       }
-      constructor(inj, _viewParent) {
-          super(inj, WIDGET_CONFIG$d, _viewParent);
-          this._viewParent = _viewParent;
-          i3.styler(this.nativeElement, this, i3.APPLY_STYLES_TYPE.CONTAINER);
+      constructor(inj) {
+          super(inj, WIDGET_CONFIG$d);
+          i2.styler(this.nativeElement, this, i2.APPLY_STYLES_TYPE.CONTAINER);
       }
   }
   ButtonGroupDirective.initializeProps = registerProps$d();
-  ButtonGroupDirective.ɵfac = function ButtonGroupDirective_Factory(t) { return new (t || ButtonGroupDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1__namespace.UserDefinedExecutionContext, 8)); };
+  ButtonGroupDirective.ɵfac = function ButtonGroupDirective_Factory(t) { return new (t || ButtonGroupDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector)); };
   ButtonGroupDirective.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: ButtonGroupDirective, selectors: [["", "wmButtonGroup", ""]], hostVars: 2, hostBindings: function ButtonGroupDirective_HostBindings(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵlistener("click", function ButtonGroupDirective_click_HostBindingHandler($event) { return ctx.handleClick($event); });
@@ -206,7 +200,7 @@
               i0__namespace.ɵɵclassProp("btn-group-vertical", ctx.vertical);
           }
       }, features: [i0__namespace.ɵɵProvidersFeature([
-              i3.provideAsWidgetRef(ButtonGroupDirective)
+              i2.provideAsWidgetRef(ButtonGroupDirective)
           ]), i0__namespace.ɵɵInheritDefinitionFeature] });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ButtonGroupDirective, [{
@@ -214,14 +208,10 @@
               args: [{
                       selector: '[wmButtonGroup]',
                       providers: [
-                          i3.provideAsWidgetRef(ButtonGroupDirective)
+                          i2.provideAsWidgetRef(ButtonGroupDirective)
                       ]
                   }]
-          }], function () {
-          return [{ type: i0__namespace.Injector }, { type: i1__namespace.UserDefinedExecutionContext, decorators: [{
-                          type: i0.Optional
-                      }] }];
-      }, { vertical: [{
+          }], function () { return [{ type: i0__namespace.Injector }]; }, { vertical: [{
                   type: i0.HostBinding,
                   args: ['class.btn-group-vertical']
               }], handleClick: [{
@@ -230,9 +220,9 @@
               }] });
   })();
 
-  class BaseFormComponent extends i3.StylableComponent {
-      constructor(inj, config, _viewParent, initPromise) {
-          super(inj, config, _viewParent, initPromise);
+  class BaseFormComponent extends i2.StylableComponent {
+      constructor(inj, config, initPromise) {
+          super(inj, config, initPromise);
           this.inj = inj;
           this.binddatavalue = this.$element.attr('datavalue.bind');
       }
@@ -249,7 +239,7 @@
       updateBoundVariable(value) {
           let binddatavalue = this.binddatavalue;
           // return if the variable bound is not static.
-          if (this.datavaluesource && this.datavaluesource.execute(i1.DataSource.Operation.IS_API_AWARE)) {
+          if (this.datavaluesource && this.datavaluesource.execute(i1$2.DataSource.Operation.IS_API_AWARE)) {
               return;
           }
           else if (this.datavaluesource && !this.datavaluesource.twoWayBinding) {
@@ -299,7 +289,7 @@
           }
       }
   }
-  BaseFormComponent.ɵfac = function BaseFormComponent_Factory(t) { return new (t || BaseFormComponent)(i0__namespace.ɵɵinject(i0__namespace.Injector), i0__namespace.ɵɵinject(i3.WidgetConfig), i0__namespace.ɵɵinject(i1__namespace.UserDefinedExecutionContext), i0__namespace.ɵɵinject(Promise)); };
+  BaseFormComponent.ɵfac = function BaseFormComponent_Factory(t) { return new (t || BaseFormComponent)(i0__namespace.ɵɵinject(i0__namespace.Injector), i0__namespace.ɵɵinject(i2.WidgetConfig), i0__namespace.ɵɵinject(Promise)); };
   BaseFormComponent.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: BaseFormComponent, factory: BaseFormComponent.ɵfac });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(BaseFormComponent, [{
@@ -307,8 +297,8 @@
           }], function () {
           return [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
                           type: i0.Inject,
-                          args: [i3.WidgetConfig]
-                      }] }, { type: i1__namespace.UserDefinedExecutionContext }, { type: Promise }];
+                          args: [i2.WidgetConfig]
+                      }] }, { type: Promise }];
       }, null);
   })();
 
@@ -342,7 +332,7 @@
       }
       ngOnInit() {
           super.ngOnInit();
-          this._formControl = this.inj.get(i3$1.FormControlName, null);
+          this._formControl = this.inj.get(i1$1.FormControlName, null);
       }
       registerOnChange(fn) {
           this._onChange = fn;
@@ -396,27 +386,27 @@
   })();
 
   const checkboxProps = new Map([
-      ['caption', i3.PROP_STRING],
-      ['class', i3.PROP_STRING],
-      ['conditionalclass', i3.PROP_ANY],
-      ['conditionalstyle', i3.PROP_ANY],
-      ['checkedvalue', Object.assign({ value: true }, i3.PROP_STRING)],
-      ['datavaluesource', i3.PROP_ANY],
-      ['datavalue', i3.PROP_STRING],
-      ['disabled', i3.PROP_BOOLEAN],
-      ['hint', i3.PROP_STRING],
-      ['name', i3.PROP_STRING],
-      ['readonly', i3.PROP_BOOLEAN],
-      ['required', i3.PROP_BOOLEAN],
-      ['shortcutkey', i3.PROP_STRING],
-      ['show', Object.assign({ value: true }, i3.PROP_BOOLEAN)],
-      ['tabindex', Object.assign({ value: 0 }, i3.PROP_NUMBER)],
-      ['uncheckedvalue', Object.assign({ value: false }, i3.PROP_STRING)]
+      ['caption', i2.PROP_STRING],
+      ['class', i2.PROP_STRING],
+      ['conditionalclass', i2.PROP_ANY],
+      ['conditionalstyle', i2.PROP_ANY],
+      ['checkedvalue', Object.assign({ value: true }, i2.PROP_STRING)],
+      ['datavaluesource', i2.PROP_ANY],
+      ['datavalue', i2.PROP_STRING],
+      ['disabled', i2.PROP_BOOLEAN],
+      ['hint', i2.PROP_STRING],
+      ['name', i2.PROP_STRING],
+      ['readonly', i2.PROP_BOOLEAN],
+      ['required', i2.PROP_BOOLEAN],
+      ['shortcutkey', i2.PROP_STRING],
+      ['show', Object.assign({ value: true }, i2.PROP_BOOLEAN)],
+      ['tabindex', Object.assign({ value: 0 }, i2.PROP_NUMBER)],
+      ['uncheckedvalue', Object.assign({ value: false }, i2.PROP_STRING)]
   ]);
   const registerProps$c = () => {
-      i3.register('wm-checkbox', checkboxProps);
-      i3.registerFormWidget(i1.FormWidgetType.CHECKBOX, checkboxProps);
-      i3.registerFormWidget(i1.FormWidgetType.TOGGLE, checkboxProps);
+      i2.register('wm-checkbox', checkboxProps);
+      i2.registerFormWidget(i1$2.FormWidgetType.CHECKBOX, checkboxProps);
+      i2.registerFormWidget(i1$2.FormWidgetType.TOGGLE, checkboxProps);
   };
 
   const _c0$b = ["checkbox"];
@@ -450,23 +440,22 @@
       // if the checkbox is checked, return checkedvalue else return uncheckedvalue
       // @ts-ignore
       get datavalue() {
-          return i1.isDefined(this.proxyModel) ? (this.proxyModel ? this._checkedvalue : this._uncheckedvalue) : undefined;
+          return i1$2.isDefined(this.proxyModel) ? (this.proxyModel ? this._checkedvalue : this._uncheckedvalue) : undefined;
       }
       // when the datavalue is set, update the checked state
       // @ts-ignore
       set datavalue(v) {
-          this.proxyModel = (i1.isDefined(v) && v !== '') ? v === this._checkedvalue : undefined;
+          this.proxyModel = (i1$2.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);
           // if the type of the checkbox is toggle update the related classes on the host node
-          i1.toggleClass(this.nativeElement, 'app-toggle', type === 'toggle');
+          i1$2.toggleClass(this.nativeElement, 'app-toggle', type === 'toggle');
       }
       onPropertyChange(key, nv, ov) {
           if (key === 'tabindex') {
@@ -477,7 +466,7 @@
               return;
           }
           if (key === 'caption') {
-              if (!i1.isDefined(nv) || nv === '') {
+              if (!i1$2.isDefined(nv) || nv === '') {
                   this._caption = '&nbsp;';
               }
               else {
@@ -515,14 +504,14 @@
       }
       ngAfterViewInit() {
           super.ngAfterViewInit();
-          i3.styler(this.nativeElement.querySelector('label'), this);
+          i2.styler(this.nativeElement.querySelector('label'), this);
       }
   }
   CheckboxComponent.initializeProps = registerProps$c();
-  CheckboxComponent.ɵfac = function CheckboxComponent_Factory(t) { return new (t || CheckboxComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵinjectAttribute('checkedvalue'), i0__namespace.ɵɵinjectAttribute('uncheckedvalue'), i0__namespace.ɵɵinjectAttribute('type'), i0__namespace.ɵɵdirectiveInject(i1__namespace.UserDefinedExecutionContext, 8)); };
+  CheckboxComponent.ɵfac = function CheckboxComponent_Factory(t) { return new (t || CheckboxComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵinjectAttribute('checkedvalue'), i0__namespace.ɵɵinjectAttribute('uncheckedvalue'), i0__namespace.ɵɵinjectAttribute('type')); };
   CheckboxComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: CheckboxComponent, selectors: [["", "wmCheckbox", ""]], viewQuery: function CheckboxComponent_Query(rf, ctx) {
           if (rf & 1) {
-              i0__namespace.ɵɵviewQuery(i3$1.NgModel, 5);
+              i0__namespace.ɵɵviewQuery(i1$1.NgModel, 5);
               i0__namespace.ɵɵviewQuery(_c0$b, 7, i0.ElementRef);
           }
           if (rf & 2) {
@@ -535,9 +524,9 @@
               i0__namespace.ɵɵlistener("keydown.enter", function CheckboxComponent_keydown_enter_HostBindingHandler($event) { return ctx.onKeyDown($event, "ENTER"); });
           }
       }, features: [i0__namespace.ɵɵProvidersFeature([
-              i3.provideAs(CheckboxComponent, i3$1.NG_VALUE_ACCESSOR, true),
-              i3.provideAs(CheckboxComponent, i3$1.NG_VALIDATORS, true),
-              i3.provideAsWidgetRef(CheckboxComponent)
+              i2.provideAs(CheckboxComponent, i1$1.NG_VALUE_ACCESSOR, true),
+              i2.provideAs(CheckboxComponent, i1$1.NG_VALIDATORS, true),
+              i2.provideAsWidgetRef(CheckboxComponent)
           ]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c1$a, decls: 6, vars: 17, consts: [[3, "ngClass"], ["type", "checkbox", "role", "checkbox", "focus-target", "", 3, "ngModel", "readonly", "required", "disabled", "tabindex", "ngModelChange", "blur"], ["checkbox", ""], [1, "caption", 3, "innerHtml"], ["alt", "Checkbox Image", "aria-hidden", "true", "src", "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==", 1, "switch"], ["type", "hidden", "aria-hidden", "true", "tabindex", "-1", 1, "ng-hide", "model-holder", 3, "disabled", "value"]], template: function CheckboxComponent_Template(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵelementStart(0, "label", 0)(1, "input", 1, 2);
@@ -557,14 +546,14 @@
               i0__namespace.ɵɵadvance(2);
               i0__namespace.ɵɵproperty("disabled", ctx.disabled)("value", ctx.proxyModel);
           }
-      }, dependencies: [i2__namespace.NgClass, i3$1__namespace.CheckboxControlValueAccessor, i3$1__namespace.NgControlStatus, i3$1__namespace.CheckboxRequiredValidator, i3$1__namespace.NgModel], encapsulation: 2 });
+      }, dependencies: [i1__namespace.NgClass, i1$1__namespace.CheckboxControlValueAccessor, i1$1__namespace.NgControlStatus, i1$1__namespace.CheckboxRequiredValidator, i1$1__namespace.NgModel], encapsulation: 2 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CheckboxComponent, [{
               type: i0.Component,
               args: [{ selector: '[wmCheckbox]', providers: [
-                          i3.provideAs(CheckboxComponent, i3$1.NG_VALUE_ACCESSOR, true),
-                          i3.provideAs(CheckboxComponent, i3$1.NG_VALIDATORS, true),
-                          i3.provideAsWidgetRef(CheckboxComponent)
+                          i2.provideAs(CheckboxComponent, i1$1.NG_VALUE_ACCESSOR, true),
+                          i2.provideAs(CheckboxComponent, i1$1.NG_VALIDATORS, true),
+                          i2.provideAsWidgetRef(CheckboxComponent)
                       ], template: "<label [ngClass]=\"{'unchecked': !proxyModel, 'disabled': (disabled || readonly), 'required': (required && _caption)}\">\n    <input type=\"checkbox\"\n           role=\"checkbox\"\n           #checkbox\n           [attr.name]=\"name\"\n           [attr.aria-label]=\"hint\"\n           [attr.aria-checked]=\"!!proxyModel\"\n           focus-target\n           [(ngModel)]=\"proxyModel\"\n           [readonly]=\"readonly\"\n           [required]=\"required\"\n           [disabled]=\"disabled || readonly\"\n           [attr.accesskey]=\"shortcutkey\"\n           [tabindex]=\"tabindex\"\n           (blur)=\"invokeOnTouched($event)\"\n           (ngModelChange)=\"handleChange($event)\">\n    <span class=\"caption\" [innerHtml]=\"_caption\"></span>\n    <img alt=\"Checkbox Image\" aria-hidden=\"true\" src=\"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"switch\"/>\n</label>\n<input type=\"hidden\" class=\"ng-hide model-holder\" aria-hidden=\"true\" tabindex=\"-1\" [disabled]=\"disabled\" [value]=\"proxyModel\">\n" }]
           }], function () {
           return [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
@@ -576,12 +565,10 @@
                       }] }, { type: undefined, decorators: [{
                           type: i0.Attribute,
                           args: ['type']
-                      }] }, { type: i1__namespace.UserDefinedExecutionContext, decorators: [{
-                          type: i0.Optional
                       }] }];
       }, { ngModel: [{
                   type: i0.ViewChild,
-                  args: [i3$1.NgModel]
+                  args: [i1$1.NgModel]
               }], checkboxEl: [{
                   type: i0.ViewChild,
                   args: ['checkbox', { static: true, read: i0.ElementRef }]
@@ -609,7 +596,7 @@
       // @ts-ignore
       set datavalue(val) {
           if (this.multiple) {
-              val = i3.extractDataAsArray(val);
+              val = i2.extractDataAsArray(val);
           }
           this._modelByValue = val;
           this.selectByValue(val);
@@ -618,8 +605,8 @@
           // 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.
@@ -628,30 +615,30 @@
           this.allowempty = true;
           this._debounceDatavalueUpdation = _.debounce((values) => {
               // if no item is found in datasetItems, wait untill the dataset updates by preserving the datavalue in toBeProcessedDatavalue.
-              if (!i1.isDefined(this._modelByKey) || (_.isArray(this._modelByKey) && !this._modelByKey.length)) {
+              if (!i1$2.isDefined(this._modelByKey) || (_.isArray(this._modelByKey) && !this._modelByKey.length)) {
                   this.toBeProcessedDatavalue = values;
                   this._modelByValue = '';
               }
-              else if (i1.isDefined(this.toBeProcessedDatavalue)) {
+              else if (i1$2.isDefined(this.toBeProcessedDatavalue)) {
                   // obtain the first array value when multiple is set to false.
                   // set the modelByValue only when undefined.
-                  if (!i1.isDefined(this._modelByValue)) {
+                  if (!i1$2.isDefined(this._modelByValue)) {
                       this._modelByValue = (!this.multiple && _.isArray(this.toBeProcessedDatavalue)) ? this.toBeProcessedDatavalue[0] : this.toBeProcessedDatavalue;
                   }
                   this.toBeProcessedDatavalue = undefined;
               }
               this.initDisplayValues();
           }, 150);
-          this.datePipe = this.inj.get(i3.ToDatePipe);
-          this.appDefaults = this.inj.get(i1.AppDefaults);
+          this.datePipe = this.inj.get(i2.ToDatePipe);
+          this.appDefaults = this.inj.get(i1$2.AppDefaults);
           this.binddisplayexpression = this.nativeElement.getAttribute('displayexpression.bind');
           this.binddisplayimagesrc = this.nativeElement.getAttribute('displayimagesrc.bind');
           this.binddisplaylabel = this.nativeElement.getAttribute('displaylabel.bind');
-          this._debouncedInitDatasetItems = i1.debounce(() => {
+          this._debouncedInitDatasetItems = i1$2.debounce(() => {
               this.initDatasetItems();
-              i1.$appDigest();
+              i1$2.$appDigest();
           }, 150);
-          this.handleHeaderClick = i1.noop;
+          this.handleHeaderClick = i1$2.noop;
       }
       /**
        * This function sets the _datavalue value from the model and sets the selected flag when item is found.
@@ -706,29 +693,29 @@
       selectByValue(values) {
           this.resetDatasetItems();
           // if datavalue is not defined or empty then set the model as undefined.
-          if (!i1.isDefined(values) || values === '' || _.isNull(values) || (values instanceof Array && !values.length)) {
+          if (!i1$2.isDefined(values) || values === '' || _.isNull(values) || (values instanceof Array && !values.length)) {
               this._modelByKey = undefined;
               // do not return when allowempty is set to true.
-              if (!this.allowempty || !i1.isDefined(values)) {
+              if (!this.allowempty || !i1$2.isDefined(values)) {
                   return;
               }
           }
           if (this.acceptsArray && !_.isArray(values)) {
-              values = this.allowempty ? [values] : i3.extractDataAsArray(values);
+              values = this.allowempty ? [values] : i2.extractDataAsArray(values);
           }
           // preserve the datavalue if datasetItems are empty.
-          if (!this.datasetItems.length && i1.isDefined(values)) {
+          if (!this.datasetItems.length && i1$2.isDefined(values)) {
               this.toBeProcessedDatavalue = values;
               return;
           }
-          const filterField = this.datafield === i3.ALLFIELDS ? 'dataObject' : 'key';
+          const filterField = this.datafield === i2.ALLFIELDS ? 'dataObject' : 'key';
           if (_.isArray(values)) {
               this._modelByKey = [];
               values.forEach(val => {
                   const itemByValue = _.find(this.datasetItems, item => {
                       if (filterField === 'dataObject') {
                           if (this.compareby && this.compareby.length) {
-                              return i1.isEqualWithFields(item[filterField], val, this.compareby);
+                              return i1$2.isEqualWithFields(item[filterField], val, this.compareby);
                           }
                       }
                       return (_.isObject(item.value) ? _.isEqual(item.value, val) : (_.toString(item.value)).toLowerCase() === (_.toString(val)).toLowerCase());
@@ -744,7 +731,7 @@
               const itemByValue = _.find(this.datasetItems, item => {
                   if (filterField === 'dataObject') {
                       if (this.compareby && this.compareby.length) {
-                          return i1.isEqualWithFields(item[filterField], values, this.compareby);
+                          return i1$2.isEqualWithFields(item[filterField], values, this.compareby);
                       }
                   }
                   return (_.isObject(item.value) ? _.isEqual(item.value, values) : (_.toString(item.value)).toLowerCase() === (_.toString(values)).toLowerCase());
@@ -777,12 +764,12 @@
               return;
           }
           // convert any dataset to the object format.
-          const orderedDataset = i3.getOrderedDataset(i3.convertDataToObject(this.dataset), this.orderby);
+          const orderedDataset = i2.getOrderedDataset(i2.convertDataToObject(this.dataset), this.orderby);
           if (this.usekeys) {
-              this.datasetItems = i3.transformDataWithKeys(orderedDataset);
+              this.datasetItems = i2.transformDataWithKeys(orderedDataset);
           }
           else {
-              const displayOptions = i3.transformFormData(this.viewParent, orderedDataset, this.datafield, {
+              const displayOptions = i2.transformFormData(this.viewParent, orderedDataset, this.datafield, {
                   displayField: this.displayfield || this.displaylabel,
                   displayExpr: this.displayexpression,
                   bindDisplayExpr: this.binddisplayexpression || this.binddisplaylabel,
@@ -790,7 +777,7 @@
                   displayImgSrc: this.displayimagesrc
               });
               // get the unique objects out of the extracted data. Notify change in datasetItems using [...datasetItems] notation
-              this.datasetItems = [...i3.getUniqObjsByDataField(displayOptions, this.datafield, this.displayfield || this.displaylabel, i1.toBoolean(this.allowempty))];
+              this.datasetItems = [...i2.getUniqObjsByDataField(displayOptions, this.datafield, this.displayfield || this.displaylabel, i1$2.toBoolean(this.allowempty))];
           }
           this.postDatasetItemsInit();
       }
@@ -815,7 +802,7 @@
           }
       }
       getGroupedData() {
-          return this.datasetItems.length ? i3.groupData(this, i3.convertDataToObject(this.datasetItems), this.groupby, this.match, this.orderby, this.dateformat, this.datePipe, 'dataObject', this.appDefaults) : [];
+          return this.datasetItems.length ? i2.groupData(this, i2.convertDataToObject(this.datasetItems), this.groupby, this.match, this.orderby, this.dateformat, this.datePipe, 'dataObject', this.appDefaults) : [];
       }
       datasetSubscription() {
           const datasetSubscription = this.dataset$.subscribe(() => {
@@ -859,12 +846,12 @@
           }
           // adding the handler for header click and toggle headers.
           if (this.groupby && this.collapsible) {
-              this.handleHeaderClick = i3.handleHeaderClick;
-              this.toggleAllHeaders = i3.toggleAllHeaders.bind(undefined, this);
+              this.handleHeaderClick = i2.handleHeaderClick;
+              this.toggleAllHeaders = i2.toggleAllHeaders.bind(undefined, this);
           }
       }
   }
-  DatasetAwareFormComponent.ɵfac = function DatasetAwareFormComponent_Factory(t) { return new (t || DatasetAwareFormComponent)(i0__namespace.ɵɵinject(i0__namespace.Injector), i0__namespace.ɵɵinject(i3.WidgetConfig), i0__namespace.ɵɵinject(i1__namespace.UserDefinedExecutionContext), i0__namespace.ɵɵinjectAttribute('groupby')); };
+  DatasetAwareFormComponent.ɵfac = function DatasetAwareFormComponent_Factory(t) { return new (t || DatasetAwareFormComponent)(i0__namespace.ɵɵinject(i0__namespace.Injector), i0__namespace.ɵɵinject(i2.WidgetConfig), i0__namespace.ɵɵinjectAttribute('groupby')); };
   DatasetAwareFormComponent.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: DatasetAwareFormComponent, factory: DatasetAwareFormComponent.ɵfac });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(DatasetAwareFormComponent, [{
@@ -872,8 +859,8 @@
           }], function () {
           return [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
                           type: i0.Inject,
-                          args: [i3.WidgetConfig]
-                      }] }, { type: i1__namespace.UserDefinedExecutionContext }, { type: undefined, decorators: [{
+                          args: [i2.WidgetConfig]
+                      }] }, { type: undefined, decorators: [{
                           type: i0.Attribute,
                           args: ['groupby']
                       }] }];
@@ -881,36 +868,36 @@
   })();
 
   const checkboxsetProps = new Map([
-      ['class', i3.PROP_STRING],
-      ['collapsible', i3.PROP_BOOLEAN],
-      ['compareby', i3.PROP_STRING],
-      ['datafield', i3.PROP_STRING],
-      ['dataset', Object.assign({ value: 'Option 1, Option 2, Option 3' }, i3.PROP_ANY)],
-      ['datavaluesource', i3.PROP_ANY],
-      ['datavalue', i3.PROP_STRING],
-      ['dateformat', i3.PROP_STRING],
-      ['disabled', i3.PROP_BOOLEAN],
-      ['displayexpression', i3.PROP_STRING],
-      ['displayfield', i3.PROP_STRING],
-      ['displayValue', i3.PROP_STRING],
-      ['groupby', i3.PROP_STRING],
-      ['itemclass', Object.assign({ value: '' }, i3.PROP_STRING)],
-      ['itemsperrow', Object.assign({ value: 'xs-1 sm-1 md-1 lg-1' }, i3.PROP_STRING)],
-      ['listclass', Object.assign({ value: '' }, i3.PROP_STRING)],
-      ['match', i3.PROP_STRING],
-      ['name', i3.PROP_STRING],
-      ['orderby', i3.PROP_STRING],
-      ['readonly', i3.PROP_BOOLEAN],
-      ['required', i3.PROP_BOOLEAN],
-      ['show', Object.assign({ value: true }, i3.PROP_BOOLEAN)],
-      ['showcount', i3.PROP_BOOLEAN],
-      ['showindevice', Object.assign({ displayType: 'inline-block', value: 'all' }, i3.PROP_STRING)],
-      ['tabindex', Object.assign({ value: 0 }, i3.PROP_NUMBER)],
-      ['usekeys', i3.PROP_BOOLEAN]
+      ['class', i2.PROP_STRING],
+      ['collapsible', i2.PROP_BOOLEAN],
+      ['compareby', i2.PROP_STRING],
+      ['datafield', i2.PROP_STRING],
+      ['dataset', Object.assign({ value: 'Option 1, Option 2, Option 3' }, i2.PROP_ANY)],
+      ['datavaluesource', i2.PROP_ANY],
+      ['datavalue', i2.PROP_STRING],
+      ['dateformat', i2.PROP_STRING],
+      ['disabled', i2.PROP_BOOLEAN],
+      ['displayexpression', i2.PROP_STRING],
+      ['displayfield', i2.PROP_STRING],
+      ['displayValue', i2.PROP_STRING],
+      ['groupby', i2.PROP_STRING],
+      ['itemclass', Object.assign({ value: '' }, i2.PROP_STRING)],
+      ['itemsperrow', Object.assign({ value: 'xs-1 sm-1 md-1 lg-1' }, i2.PROP_STRING)],
+      ['listclass', Object.assign({ value: '' }, i2.PROP_STRING)],
+      ['match', i2.PROP_STRING],
+      ['name', i2.PROP_STRING],
+      ['orderby', i2.PROP_STRING],
+      ['readonly', i2.PROP_BOOLEAN],
+      ['required', i2.PROP_BOOLEAN],
+      ['show', Object.assign({ value: true }, i2.PROP_BOOLEAN)],
+      ['showcount', i2.PROP_BOOLEAN],
+      ['showindevice', Object.assign({ displayType: 'inline-block', value: 'all' }, i2.PROP_STRING)],
+      ['tabindex', Object.assign({ value: 0 }, i2.PROP_NUMBER)],
+      ['usekeys', i2.PROP_BOOLEAN]
   ]);
   const registerProps$b = () => {
-      i3.register('wm-checkboxset', checkboxsetProps);
-      i3.registerFormWidget(i1.FormWidgetType.CHECKBOXSET, new Map(checkboxsetProps));
+      i2.register('wm-checkboxset', checkboxsetProps);
+      i2.registerFormWidget(i1$2.FormWidgetType.CHECKBOXSET, new Map(checkboxsetProps));
   };
 
   const _c0$a = ["wmCheckboxset", ""];
@@ -1103,11 +1090,10 @@
   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 = '';
-          i3.styler(this.nativeElement, this);
+          i2.styler(this.nativeElement, this);
           this.multiple = true;
       }
       onCheckboxLabelClick($event, key) {
@@ -1153,7 +1139,7 @@
               return;
           }
           if (key === 'itemsperrow') {
-              i1.setListClass(this);
+              i1$2.setListClass(this);
           }
           else {
               super.onPropertyChange(key, nv, ov);
@@ -1161,15 +1147,15 @@
       }
   }
   CheckboxsetComponent.initializeProps = registerProps$b();
-  CheckboxsetComponent.ɵfac = function CheckboxsetComponent_Factory(t) { return new (t || CheckboxsetComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1__namespace.UserDefinedExecutionContext, 8)); };
+  CheckboxsetComponent.ɵfac = function CheckboxsetComponent_Factory(t) { return new (t || CheckboxsetComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector)); };
   CheckboxsetComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: CheckboxsetComponent, selectors: [["", "wmCheckboxset", ""]], hostBindings: function CheckboxsetComponent_HostBindings(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵlistener("keydown.enter", function CheckboxsetComponent_keydown_enter_HostBindingHandler($event) { return ctx.onKeyDown($event, "ENTER"); });
           }
       }, exportAs: ["wmCheckboxset"], features: [i0__namespace.ɵɵProvidersFeature([
-              i3.provideAs(CheckboxsetComponent, i3$1.NG_VALUE_ACCESSOR, true),
-              i3.provideAs(CheckboxsetComponent, i3$1.NG_VALIDATORS, true),
-              i3.provideAsWidgetRef(CheckboxsetComponent)
+              i2.provideAs(CheckboxsetComponent, i1$1.NG_VALUE_ACCESSOR, true),
+              i2.provideAs(CheckboxsetComponent, i1$1.NG_VALIDATORS, true),
+              i2.provideAsWidgetRef(CheckboxsetComponent)
           ]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c0$a, decls: 5, vars: 4, consts: [[3, "ngIf", "ngIfElse"], ["hidden", "", 1, "model-holder", 3, "disabled"], ["class", "readonly-wrapper", 4, "ngIf"], ["groupedListTemplate", ""], ["partialContainer", "", "role", "presentation", 3, "ngClass", "active", "wmItemTemplate", "userComponentParams", "click", 4, "ngFor", "ngForOf"], ["partialContainer", "", "role", "presentation", 3, "ngClass", "wmItemTemplate", "userComponentParams", "click"], ["class", "app-checkboxset-label", 3, "ngClass", "title", 4, "ngIf"], ["class", "app-checkboxset-label", 3, "ngClass", 4, "ngIf"], [1, "app-checkboxset-label", 3, "ngClass", "title"], ["type", "checkbox", 3, "name", "tabindex", "disabled", "value", "checked"], [1, "caption", 3, "textContent"], [1, "app-checkboxset-label", 3, "ngClass"], ["partial-container-target", "", 1, "caption", "customTemplate"], [1, "readonly-wrapper"], ["class", "app-list-item-group", "role", "presentation", 4, "ngFor", "ngForOf"], ["role", "presentation", 1, "app-list-item-group"], [1, "item-group"], [1, "list-group-header", 3, "title", "ngClass", "click"], [1, "group-title"], [1, "header-action"], ["class", "app-icon wi action wi-chevron-up", 3, "title", 4, "ngIf"], ["class", "label label-default", 3, "textContent", 4, "ngIf"], ["partialContainer", "", 3, "ngClass", "active", "wmItemTemplate", "userComponentParams", "click", 4, "ngFor", "ngForOf"], [1, "app-icon", "wi", "action", "wi-chevron-up", 3, "title"], [1, "label", "label-default", 3, "textContent"], ["partialContainer", "", 3, "ngClass", "wmItemTemplate", "userComponentParams", "click"], ["type", "checkbox", "aria-label", "checkbox group", 3, "name", "tabindex", "disabled", "value", "checked"], ["partial-container-target", "", 1, "caption"]], template: function CheckboxsetComponent_Template(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵtemplate(0, CheckboxsetComponent_ng_template_0_Template, 1, 1, "ng-template", 0);
@@ -1185,31 +1171,27 @@
               i0__namespace.ɵɵadvance(1);
               i0__namespace.ɵɵproperty("ngIf", ctx.readonly || ctx.disabled);
           }
-      }, dependencies: [i2__namespace.NgClass, i2__namespace.NgForOf, i2__namespace.NgIf, i3__namespace.ItemTemplateDirective, i3__namespace.PartialParamHandlerDirective, i3__namespace.PartialContainerDirective, i3__namespace.TextContentDirective], encapsulation: 2 });
+      }, dependencies: [i1__namespace.NgClass, i1__namespace.NgForOf, i1__namespace.NgIf, i2__namespace.ItemTemplateDirective, i2__namespace.PartialParamHandlerDirective, i2__namespace.PartialContainerDirective, i2__namespace.TextContentDirective], encapsulation: 2 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CheckboxsetComponent, [{
               type: i0.Component,
               args: [{ selector: '[wmCheckboxset]', exportAs: 'wmCheckboxset', providers: [
-                          i3.provideAs(CheckboxsetComponent, i3$1.NG_VALUE_ACCESSOR, true),
-                          i3.provideAs(CheckboxsetComponent, i3$1.NG_VALIDATORS, true),
-                          i3.provideAsWidgetRef(CheckboxsetComponent)
+                          i2.provideAs(CheckboxsetComponent, i1$1.NG_VALUE_ACCESSOR, true),
+                          i2.provideAs(CheckboxsetComponent, i1$1.NG_VALIDATORS, true),
+                          i2.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__namespace.Injector }, { type: i1__namespace.UserDefinedExecutionContext, decorators: [{
-                          type: i0.Optional
-                      }] }];
-      }, { onKeyDown: [{
+          }], function () { return [{ type: i0__namespace.Injector }]; }, { onKeyDown: [{
                   type: i0.HostListener,
                   args: ['keydown.enter', ['$event', '"ENTER"']]
               }] });
   })();
 
   const registerProps$a = () => {
-      i3.register('wm-form-group', new Map([
-          ['captionposition', i3.PROP_STRING],
-          ['name', i3.PROP_STRING],
-          ['required', i3.PROP_BOOLEAN],
-          ['show', Object.assign({ value: true }, i3.PROP_BOOLEAN)]
+      i2.register('wm-form-group', new Map([
+          ['captionposition', i2.PROP_STRING],
+          ['name', i2.PROP_STRING],
+          ['required', i2.PROP_BOOLEAN],
+          ['show', Object.assign({ value: true }, i2.PROP_BOOLEAN)]
       ]));
   };
 
@@ -1224,11 +1206,10 @@
       top: 'caption-top',
       floating: 'caption-floating'
   };
-  class CompositeDirective extends i3.StylableComponent {
-      constructor(inj, _viewParent) {
-          super(inj, WIDGET_CONFIG$a, _viewParent);
-          this._viewParent = _viewParent;
-          i3.styler(this.nativeElement, this, i3.APPLY_STYLES_TYPE.CONTAINER);
+  class CompositeDirective extends i2.StylableComponent {
+      constructor(inj) {
+          super(inj, WIDGET_CONFIG$a);
+          i2.styler(this.nativeElement, this, i2.APPLY_STYLES_TYPE.CONTAINER);
       }
       /**
        * this is onPropertyChange handler for the form-group component
@@ -1238,7 +1219,7 @@
        */
       onPropertyChange(key, nv, ov) {
           if (key === 'captionposition') {
-              i1.switchClass(this.nativeElement, CAPTION_POSITION[nv], CAPTION_POSITION[ov]);
+              i1$2.switchClass(this.nativeElement, CAPTION_POSITION[nv], CAPTION_POSITION[ov]);
           }
           else if (key === 'required') {
               this.required = nv;
@@ -1260,22 +1241,22 @@
       }
       ngAfterViewInit() {
           super.ngAfterViewInit();
-          i1.addForIdAttributes(this.nativeElement);
+          i1$2.addForIdAttributes(this.nativeElement);
           this.assignRequiredToSubComponents();
       }
   }
   CompositeDirective.initializeProps = registerProps$a();
-  CompositeDirective.ɵfac = function CompositeDirective_Factory(t) { return new (t || CompositeDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1__namespace.UserDefinedExecutionContext, 8)); };
+  CompositeDirective.ɵfac = function CompositeDirective_Factory(t) { return new (t || CompositeDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector)); };
   CompositeDirective.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: CompositeDirective, selectors: [["div", "wmComposite", ""]], contentQueries: function CompositeDirective_ContentQueries(rf, ctx, dirIndex) {
           if (rf & 1) {
-              i0__namespace.ɵɵcontentQuery(dirIndex, i3.WidgetRef, 5);
+              i0__namespace.ɵɵcontentQuery(dirIndex, i2.WidgetRef, 5);
           }
           if (rf & 2) {
               let _t;
               i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.componentRefs = _t);
           }
       }, features: [i0__namespace.ɵɵProvidersFeature([
-              i3.provideAsWidgetRef(CompositeDirective)
+              i2.provideAsWidgetRef(CompositeDirective)
           ]), i0__namespace.ɵɵInheritDefinitionFeature] });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CompositeDirective, [{
@@ -1283,46 +1264,42 @@
               args: [{
                       selector: 'div[wmComposite]',
                       providers: [
-                          i3.provideAsWidgetRef(CompositeDirective)
+                          i2.provideAsWidgetRef(CompositeDirective)
                       ]
                   }]
-          }], function () {
-          return [{ type: i0__namespace.Injector }, { type: i1__namespace.UserDefinedExecutionContext, decorators: [{
-                          type: i0.Optional
-                      }] }];
-      }, { componentRefs: [{
+          }], function () { return [{ type: i0__namespace.Injector }]; }, { componentRefs: [{
                   type: i0.ContentChildren,
-                  args: [i3.WidgetRef, { descendants: true }]
+                  args: [i2.WidgetRef, { descendants: true }]
               }] });
   })();
 
   const numberProps = new Map([
-      ['autofocus', i3.PROP_BOOLEAN],
-      ['class', i3.PROP_STRING],
-      ['datavaluesource', i3.PROP_ANY],
-      ['datavalue', i3.PROP_STRING],
-      ['disabled', i3.PROP_BOOLEAN],
-      ['hint', i3.PROP_STRING],
-      ['localefilter', i3.PROP_STRING],
-      ['minvalue', i3.PROP_NUMBER],
-      ['maxvalue', i3.PROP_NUMBER],
-      ['name', i3.PROP_STRING],
-      ['numberfilter', i3.PROP_STRING],
-      ['placeholder', Object.assign({ value: 'Enter number' }, i3.PROP_STRING)],
-      ['readonly', i3.PROP_BOOLEAN],
-      ['regexp', i3.PROP_STRING],
-      ['required', i3.PROP_BOOLEAN],
-      ['shortcutkey', i3.PROP_STRING],
-      ['show', Object.assign({ value: true }, i3.PROP_BOOLEAN)],
-      ['step', Object.assign({ value: 1 }, i3.PROP_NUMBER)],
-      ['tabindex', Object.assign({ value: 0 }, i3.PROP_NUMBER)],
-      ['trailingzero', Object.assign({ value: false }, i3.PROP_BOOLEAN)],
-      ['updateon', i3.PROP_STRING],
-      ['inputmode', Object.assign({ value: 'natural' }, i3.PROP_STRING)]
+      ['autofocus', i2.PROP_BOOLEAN],
+      ['class', i2.PROP_STRING],
+      ['datavaluesource', i2.PROP_ANY],
+      ['datavalue', i2.PROP_STRING],
+      ['disabled', i2.PROP_BOOLEAN],
+      ['hint', i2.PROP_STRING],
+      ['localefilter', i2.PROP_STRING],
+      ['minvalue', i2.PROP_NUMBER],
+      ['maxvalue', i2.PROP_NUMBER],
+      ['name', i2.PROP_STRING],
+      ['numberfilter', i2.PROP_STRING],
+      ['placeholder', Object.assign({ value: 'Enter number' }, i2.PROP_STRING)],
+      ['readonly', i2.PROP_BOOLEAN],
+      ['regexp', i2.PROP_STRING],
+      ['required', i2.PROP_BOOLEAN],
+      ['shortcutkey', i2.PROP_STRING],
+      ['show', Object.assign({ value: true }, i2.PROP_BOOLEAN)],
+      ['step', Object.assign({ value: 1 }, i2.PROP_NUMBER)],
+      ['tabindex', Object.assign({ value: 0 }, i2.PROP_NUMBER)],
+      ['trailingzero', Object.assign({ value: false }, i2.PROP_BOOLEAN)],
+      ['updateon', i2.PROP_STRING],
+      ['inputmode', Object.assign({ value: 'natural' }, i2.PROP_STRING)]
   ]);
   const registerProps$9 = () => {
-      i3.register('wm-number', numberProps);
-      i3.registerFormWidget(i1.FormWidgetType.NUMBER, new Map(numberProps));
+      i2.register('wm-number', numberProps);
+      i2.registerFormWidget(i1$2.FormWidgetType.NUMBER, new Map(numberProps));
   };
 
   class BaseInput extends BaseFormCustomComponent {
@@ -1337,7 +1314,7 @@
           }
           if (key === 'class') {
               if (this.inputEl.nativeElement) {
-                  i1.switchClass(this.inputEl.nativeElement, nv, ov);
+                  i1$2.switchClass(this.inputEl.nativeElement, nv, ov);
               }
           }
           else if (key === 'datavalue') {
@@ -1372,18 +1349,18 @@
           const unMaskedVal = _.get(this.imask, 'maskRef.unmaskedValue');
           val = unMaskedVal ? unMaskedVal : val;
           this.ngModel.update.next(val);
-          i1.$appDigest();
+          i1$2.$appDigest();
       }
       ngAfterViewInit() {
           super.ngAfterViewInit();
           // add the class on the input element
           if (this.class) {
-              i1.addClass(this.inputEl.nativeElement, this.class);
+              i1$2.addClass(this.inputEl.nativeElement, this.class);
           }
-          i3.styler(this.inputEl.nativeElement, this);
+          i2.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 = {
@@ -1394,7 +1371,7 @@
           this.ngModelOptions.updateOn = updateOn;
       }
   }
-  BaseInput.ɵfac = function BaseInput_Factory(t) { return new (t || BaseInput)(i0__namespace.ɵɵinject(i0__namespace.Injector), i0__namespace.ɵɵinject(i3.WidgetConfig), i0__namespace.ɵɵinject(i1__namespace.UserDefinedExecutionContext)); };
+  BaseInput.ɵfac = function BaseInput_Factory(t) { return new (t || BaseInput)(i0__namespace.ɵɵinject(i0__namespace.Injector), i0__namespace.ɵɵinject(i2.WidgetConfig)); };
   BaseInput.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: BaseInput, factory: BaseInput.ɵfac });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(BaseInput, [{
@@ -1402,21 +1379,21 @@
           }], function () {
           return [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
                           type: i0.Inject,
-                          args: [i3.WidgetConfig]
-                      }] }, { type: i1__namespace.UserDefinedExecutionContext }];
+                          args: [i2.WidgetConfig]
+                      }] }];
       }, 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;
           this.decimalValue = '';
           this.selectedLocale = i18nService.getSelectedLocale();
-          this.DECIMAL = i2.getLocaleNumberSymbol(this.localefilter || this.selectedLocale, i2.NumberSymbol.Decimal);
-          this.GROUP = i2.getLocaleNumberSymbol(this.localefilter || this.selectedLocale, i2.NumberSymbol.Group);
+          this.DECIMAL = i1.getLocaleNumberSymbol(this.localefilter || this.selectedLocale, i1.NumberSymbol.Decimal);
+          this.GROUP = i1.getLocaleNumberSymbol(this.localefilter || this.selectedLocale, i1.NumberSymbol.Group);
           this.numberfilter = '1.0-16';
           this.resetValidations();
       }
@@ -1593,7 +1570,7 @@
               this.decimalValue = parts[1] || '';
           }
           const stepVal = this.stepLength();
-          if (this.inputmode === i3.INPUTMODE.FINANCIAL && stepVal) {
+          if (this.inputmode === i2.INPUTMODE.FINANCIAL && stepVal) {
               this.displayValue = input.value = this.transformNumber(this.proxyModel, `1.${stepVal}-${stepVal}`);
               this.decimalValue = this.decimalValue.replace(/\D/g, '');
           }
@@ -1618,7 +1595,7 @@
       }
       // This function checks if the currency widget has input mode as natural and trailing zero is defined or not
       isNaturalCurrency() {
-          return this.inputmode === i3.INPUTMODE.NATURAL && this.widgetType === 'wm-currency' && !!this.trailingzero;
+          return this.inputmode === i2.INPUTMODE.NATURAL && this.widgetType === 'wm-currency' && !!this.trailingzero;
       }
       /**
     * @param value contains the value entered in the input box
@@ -1628,13 +1605,13 @@
       onInputChange(value) {
           const stepVal = this.stepLength();
           // WMS-22355, Trigger change cb if value exists or value is empty but datavalue exists (when value is selected and deleted).
-          if (i1.isDefined(value) && (value !== '' || this.datavalue)) {
+          if (i1$2.isDefined(value) && (value !== '' || this.datavalue)) {
               this.handleChange(value);
           }
           else {
               return;
           }
-          if (!stepVal || this.inputmode !== i3.INPUTMODE.FINANCIAL) {
+          if (!stepVal || this.inputmode !== i2.INPUTMODE.FINANCIAL) {
               return;
           }
           let financialVal;
@@ -1668,7 +1645,7 @@
       // In currency, inputmode is natural and trailing zero and step are defined, on blur display val to fixed point notation and on focus strip the zeros
       checkForTrailingZeros($event) {
           const stepVal = this.stepLength();
-          const financialMode = !this.trailingzero && this.inputmode === i3.INPUTMODE.FINANCIAL;
+          const financialMode = !this.trailingzero && this.inputmode === i2.INPUTMODE.FINANCIAL;
           // If the user's last input is a decimal and not active on input field, throw error
           if (this.lastValIsDecimal) {
               this.onModelChange(this.displayValue);
@@ -1779,7 +1756,7 @@
           const validity = new RegExp(`^[\\d\\s-,.e+${this.GROUP}${this.DECIMAL}]$`, 'i');
           const inputValue = $event.target.value;
           // when input mode is financial, do not restrict user on entering the value when step value limit is reached.
-          const skipStepValidation = this.inputmode === i3.INPUTMODE.FINANCIAL;
+          const skipStepValidation = this.inputmode === i2.INPUTMODE.FINANCIAL;
           // Validates if user eneters more than 16 digits
           if (inputValue) {
               const parsedVal = parseInt(inputValue.toString().replace(/\D/g, ''));
@@ -1830,7 +1807,7 @@
           this.datavalue = $event.target.value;
       }
       onModelChange($event) {
-          if (this.inputmode === i3.INPUTMODE.NATURAL || (this.inputmode === i3.INPUTMODE.FINANCIAL && this.ngModelOptions.updateOn === 'blur')) {
+          if (this.inputmode === i2.INPUTMODE.NATURAL || (this.inputmode === i2.INPUTMODE.FINANCIAL && this.ngModelOptions.updateOn === 'blur')) {
               this.datavalue = $event;
           }
       }
@@ -1859,17 +1836,16 @@
       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__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1__namespace.AbstractI18nService), i0__namespace.ɵɵdirectiveInject(i3__namespace.TrailingZeroDecimalPipe), i0__namespace.ɵɵdirectiveInject(i1__namespace.UserDefinedExecutionContext, 8)); };
+  NumberComponent.ɵfac = function NumberComponent_Factory(t) { return new (t || NumberComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1$2__namespace.AbstractI18nService), i0__namespace.ɵɵdirectiveInject(i2__namespace.TrailingZeroDecimalPipe)); };
   NumberComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: NumberComponent, selectors: [["", "wmNumber", ""]], viewQuery: function NumberComponent_Query(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵviewQuery(_c0$9, 7);
-              i0__namespace.ɵɵviewQuery(i3$1.NgModel, 7);
+              i0__namespace.ɵɵviewQuery(i1$1.NgModel, 7);
           }
           if (rf & 2) {
               let _t;
@@ -1877,9 +1853,9 @@
               i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.ngModel = _t.first);
           }
       }, features: [i0__namespace.ɵɵProvidersFeature([
-              i3.provideAs(NumberComponent, i3$1.NG_VALUE_ACCESSOR, true),
-              i3.provideAs(NumberComponent, i3$1.NG_VALIDATORS, true),
-              i3.provideAsWidgetRef(NumberComponent)
+              i2.provideAs(NumberComponent, i1$1.NG_VALUE_ACCESSOR, true),
+              i2.provideAs(NumberComponent, i1$1.NG_VALIDATORS, true),
+              i2.provideAsWidgetRef(NumberComponent)
           ]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c1$8, decls: 2, vars: 12, consts: [["inputmode", "decimal", "focus-target", "", "role", "textbox", "type", "text", 1, "form-control", "app-textbox", "app-number-input", 3, "ngModel", "readonly", "disabled", "pattern", "autofocus", "ngModelOptions", "required", "ngModelChange", "blur", "focus", "input", "keypress", "keydown.backspace", "keydown.enter", "keydown.ArrowUp", "keydown.ArrowDown"], ["input", ""]], template: function NumberComponent_Template(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵelementStart(0, "input", 0, 1);
@@ -1890,59 +1866,55 @@
               i0__namespace.ɵɵproperty("ngModel", ctx.displayValue)("readonly", ctx.readonly)("disabled", ctx.disabled)("pattern", ctx.regexp)("autofocus", ctx.autofocus)("ngModelOptions", ctx.ngModelOptions)("required", ctx.required);
               i0__namespace.ɵɵattribute("name", ctx.name)("tabindex", ctx.tabindex)("placeholder", ctx.placeholder)("accesskey", ctx.shortcutkey)("aria-label", ctx.hint);
           }
-      }, dependencies: [i3$1__namespace.DefaultValueAccessor, i3$1__namespace.NgControlStatus, i3$1__namespace.RequiredValidator, i3$1__namespace.PatternValidator, i3$1__namespace.NgModel], encapsulation: 2 });
+      }, dependencies: [i1$1__namespace.DefaultValueAccessor, i1$1__namespace.NgControlStatus, i1$1__namespace.RequiredValidator, i1$1__namespace.PatternValidator, i1$1__namespace.NgModel], encapsulation: 2 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(NumberComponent, [{
               type: i0.Component,
               args: [{ selector: '[wmNumber]', providers: [
-                          i3.provideAs(NumberComponent, i3$1.NG_VALUE_ACCESSOR, true),
-                          i3.provideAs(NumberComponent, i3$1.NG_VALIDATORS, true),
-                          i3.provideAsWidgetRef(NumberComponent)
+                          i2.provideAs(NumberComponent, i1$1.NG_VALUE_ACCESSOR, true),
+                          i2.provideAs(NumberComponent, i1$1.NG_VALIDATORS, true),
+                          i2.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__namespace.Injector }, { type: i1__namespace.AbstractI18nService }, { type: i3__namespace.TrailingZeroDecimalPipe }, { type: i1__namespace.UserDefinedExecutionContext, decorators: [{
-                          type: i0.Optional
-                      }] }];
-      }, { inputEl: [{
+          }], function () { return [{ type: i0__namespace.Injector }, { type: i1$2__namespace.AbstractI18nService }, { type: i2__namespace.TrailingZeroDecimalPipe }]; }, { inputEl: [{
                   type: i0.ViewChild,
                   args: ['input', { static: true }]
               }], ngModel: [{
                   type: i0.ViewChild,
-                  args: [i3$1.NgModel, { static: true }]
+                  args: [i1$1.NgModel, { static: true }]
               }] });
   })();
 
   const radiosetProps = new Map([
-      ['class', i3.PROP_STRING],
-      ['collapsible', i3.PROP_BOOLEAN],
-      ['compareby', i3.PROP_STRING],
-      ['datafield', i3.PROP_STRING],
-      ['dataset', Object.assign({ value: 'Option 1, Option 2, Option 3' }, i3.PROP_ANY)],
-      ['datavaluesource', i3.PROP_ANY],
-      ['datavalue', i3.PROP_ANY],
-      ['dateformat', i3.PROP_STRING],
-      ['disabled', i3.PROP_BOOLEAN],
-      ['displayexpression', i3.PROP_STRING],
-      ['displayfield', i3.PROP_STRING],
-      ['displayValue', i3.PROP_STRING],
-      ['groupby', i3.PROP_STRING],
-      ['itemclass', Object.assign({ value: '' }, i3.PROP_STRING)],
-      ['itemsperrow', Object.assign({ value: 'xs-1 sm-1 md-1 lg-1' }, i3.PROP_STRING)],
-      ['listclass', Object.assign({ value: '' }, i3.PROP_STRING)],
-      ['match', i3.PROP_STRING],
-      ['name', i3.PROP_STRING],
-      ['orderby', i3.PROP_STRING],
-      ['readonly', i3.PROP_BOOLEAN],
-      ['required', i3.PROP_BOOLEAN],
-      ['show', Object.assign({ value: true }, i3.PROP_BOOLEAN)],
-      ['showcount', i3.PROP_BOOLEAN],
-      ['showindevice', Object.assign({ displayType: 'inline-block', value: 'all' }, i3.PROP_STRING)],
-      ['tabindex', Object.assign({ value: 0 }, i3.PROP_NUMBER)],
-      ['usekeys', i3.PROP_BOOLEAN]
+      ['class', i2.PROP_STRING],
+      ['collapsible', i2.PROP_BOOLEAN],
+      ['compareby', i2.PROP_STRING],
+      ['datafield', i2.PROP_STRING],
+      ['dataset', Object.assign({ value: 'Option 1, Option 2, Option 3' }, i2.PROP_ANY)],
+      ['datavaluesource', i2.PROP_ANY],
+      ['datavalue', i2.PROP_ANY],
+      ['dateformat', i2.PROP_STRING],
+      ['disabled', i2.PROP_BOOLEAN],
+      ['displayexpression', i2.PROP_STRING],
+      ['displayfield', i2.PROP_STRING],
+      ['displayValue', i2.PROP_STRING],
+      ['groupby', i2.PROP_STRING],
+      ['itemclass', Object.assign({ value: '' }, i2.PROP_STRING)],
+      ['itemsperrow', Object.assign({ value: 'xs-1 sm-1 md-1 lg-1' }, i2.PROP_STRING)],
+      ['listclass', Object.assign({ value: '' }, i2.PROP_STRING)],
+      ['match', i2.PROP_STRING],
+      ['name', i2.PROP_STRING],
+      ['orderby', i2.PROP_STRING],
+      ['readonly', i2.PROP_BOOLEAN],
+      ['required', i2.PROP_BOOLEAN],
+      ['show', Object.assign({ value: true }, i2.PROP_BOOLEAN)],
+      ['showcount', i2.PROP_BOOLEAN],
+      ['showindevice', Object.assign({ displayType: 'inline-block', value: 'all' }, i2.PROP_STRING)],
+      ['tabindex', Object.assign({ value: 0 }, i2.PROP_NUMBER)],
+      ['usekeys', i2.PROP_BOOLEAN]
   ]);
   const registerProps$8 = () => {
-      i3.register('wm-radioset', radiosetProps);
-      i3.registerFormWidget(i1.FormWidgetType.RADIOSET, new Map(radiosetProps));
+      i2.register('wm-radioset', radiosetProps);
+      i2.registerFormWidget(i1$2.FormWidgetType.RADIOSET, new Map(radiosetProps));
   };
 
   const _c0$8 = ["wmRadioset", ""];
@@ -2135,11 +2107,10 @@
   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 = '';
-          i3.styler(this.nativeElement, this);
+          i2.styler(this.nativeElement, this);
           this.multiple = false;
       }
       /**
@@ -2174,7 +2145,7 @@
               return;
           }
           if (key === 'itemsperrow') {
-              i1.setListClass(this);
+              i1$2.setListClass(this);
           }
           else {
               super.onPropertyChange(key, nv, ov);
@@ -2182,11 +2153,11 @@
       }
   }
   RadiosetComponent.initializeProps = registerProps$8();
-  RadiosetComponent.ɵfac = function RadiosetComponent_Factory(t) { return new (t || RadiosetComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1__namespace.UserDefinedExecutionContext, 8)); };
+  RadiosetComponent.ɵfac = function RadiosetComponent_Factory(t) { return new (t || RadiosetComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector)); };
   RadiosetComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: RadiosetComponent, selectors: [["", "wmRadioset", ""]], exportAs: ["wmRadioset"], features: [i0__namespace.ɵɵProvidersFeature([
-              i3.provideAs(RadiosetComponent, i3$1.NG_VALUE_ACCESSOR, true),
-              i3.provideAs(RadiosetComponent, i3$1.NG_VALIDATORS, true),
-              i3.provideAsWidgetRef(RadiosetComponent)
+              i2.provideAs(RadiosetComponent, i1$1.NG_VALUE_ACCESSOR, true),
+              i2.provideAs(RadiosetComponent, i1$1.NG_VALIDATORS, true),
+              i2.provideAsWidgetRef(RadiosetComponent)
           ]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c0$8, decls: 5, vars: 4, consts: [[3, "ngIf", "ngIfElse"], ["hidden", "", 1, "model-holder", 3, "disabled"], ["aria-readonly", "true", "class", "readonly-wrapper", 4, "ngIf"], ["groupedListTemplate", ""], ["partialContainer", "", "role", "presentation", 3, "ngClass", "active", "wmItemTemplate", "userComponentParams", "click", 4, "ngFor", "ngForOf"], ["partialContainer", "", "role", "presentation", 3, "ngClass", "wmItemTemplate", "userComponentParams", "click"], ["class", "app-radioset-label", 3, "ngClass", 4, "ngIf"], [1, "app-radioset-label", 3, "ngClass"], ["type", "radio", 3, "name", "value", "disabled", "tabindex", "checked"], [1, "caption", 3, "textContent"], ["partial-container-target", "", 1, "caption", "customTemplate"], ["aria-readonly", "true", 1, "readonly-wrapper"], ["class", "app-list-item-group", 4, "ngFor", "ngForOf"], [1, "app-list-item-group"], [1, "item-group"], [1, "list-group-header", 3, "title", "ngClass", "click"], [1, "group-title"], [1, "header-action"], ["class", "app-icon wi action wi-chevron-up", 3, "title", 4, "ngIf"], ["class", "label label-default", 3, "textContent", 4, "ngIf"], ["partialContainer", "", 3, "ngClass", "active", "wmItemTemplate", "userComponentParams", "click", 4, "ngFor", "ngForOf"], [1, "app-icon", "wi", "action", "wi-chevron-up", 3, "title"], [1, "label", "label-default", 3, "textContent"], ["partialContainer", "", 3, "ngClass", "wmItemTemplate", "userComponentParams", "click"]], template: function RadiosetComponent_Template(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵtemplate(0, RadiosetComponent_ng_template_0_Template, 1, 1, "ng-template", 0);
@@ -2202,53 +2173,49 @@
               i0__namespace.ɵɵadvance(1);
               i0__namespace.ɵɵproperty("ngIf", ctx.readonly || ctx.disabled);
           }
-      }, dependencies: [i2__namespace.NgClass, i2__namespace.NgForOf, i2__namespace.NgIf, i3__namespace.ItemTemplateDirective, i3__namespace.PartialParamHandlerDirective, i3__namespace.PartialContainerDirective, i3__namespace.TextContentDirective], encapsulation: 2 });
+      }, dependencies: [i1__namespace.NgClass, i1__namespace.NgForOf, i1__namespace.NgIf, i2__namespace.ItemTemplateDirective, i2__namespace.PartialParamHandlerDirective, i2__namespace.PartialContainerDirective, i2__namespace.TextContentDirective], encapsulation: 2 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(RadiosetComponent, [{
               type: i0.Component,
               args: [{ selector: '[wmRadioset]', exportAs: 'wmRadioset', providers: [
-                          i3.provideAs(RadiosetComponent, i3$1.NG_VALUE_ACCESSOR, true),
-                          i3.provideAs(RadiosetComponent, i3$1.NG_VALIDATORS, true),
-                          i3.provideAsWidgetRef(RadiosetComponent)
+                          i2.provideAs(RadiosetComponent, i1$1.NG_VALUE_ACCESSOR, true),
+                          i2.provideAs(RadiosetComponent, i1$1.NG_VALIDATORS, true),
+                          i2.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__namespace.Injector }, { type: i1__namespace.UserDefinedExecutionContext, decorators: [{
-                          type: i0.Optional
-                      }] }];
-      }, null);
+          }], function () { return [{ type: i0__namespace.Injector }]; }, null);
   })();
 
   const selectProps = new Map([
-      ['autofocus', i3.PROP_BOOLEAN],
-      ['class', Object.assign({ value: '' }, i3.PROP_STRING)],
-      ['compareby', i3.PROP_STRING],
-      ['datafield', i3.PROP_STRING],
-      ['dataset', i3.PROP_ANY],
-      ['datavaluesource', i3.PROP_ANY],
-      ['datavalue', i3.PROP_STRING],
-      ['dateformat', i3.PROP_STRING],
-      ['disabled', i3.PROP_BOOLEAN],
-      ['displayexpression', i3.PROP_STRING],
-      ['displayfield', i3.PROP_STRING],
-      ['displayValue', i3.PROP_STRING],
-      ['groupby', i3.PROP_STRING],
-      ['hint', i3.PROP_STRING],
-      ['match', i3.PROP_STRING],
-      ['multiple', Object.assign({ value: false }, i3.PROP_BOOLEAN)],
-      ['name', i3.PROP_STRING],
-      ['orderby', i3.PROP_STRING],
-      ['placeholder', i3.PROP_STRING],
-      ['readonly', i3.PROP_BOOLEAN],
-      ['required', i3.PROP_BOOLEAN],
-      ['shortcutkey', i3.PROP_STRING],
-      ['show', Object.assign({ value: true }, i3.PROP_BOOLEAN)],
-      ['tabindex', Object.assign({ value: 0 }, i3.PROP_NUMBER)],
-      ['usekeys', i3.PROP_BOOLEAN]
+      ['autofocus', i2.PROP_BOOLEAN],
+      ['class', Object.assign({ value: '' }, i2.PROP_STRING)],
+      ['compareby', i2.PROP_STRING],
+      ['datafield', i2.PROP_STRING],
+      ['dataset', i2.PROP_ANY],
+      ['datavaluesource', i2.PROP_ANY],
+      ['datavalue', i2.PROP_STRING],
+      ['dateformat', i2.PROP_STRING],
+      ['disabled', i2.PROP_BOOLEAN],
+      ['displayexpression', i2.PROP_STRING],
+      ['displayfield', i2.PROP_STRING],
+      ['displayValue', i2.PROP_STRING],
+      ['groupby', i2.PROP_STRING],
+      ['hint', i2.PROP_STRING],
+      ['match', i2.PROP_STRING],
+      ['multiple', Object.assign({ value: false }, i2.PROP_BOOLEAN)],
+      ['name', i2.PROP_STRING],
+      ['orderby', i2.PROP_STRING],
+      ['placeholder', i2.PROP_STRING],
+      ['readonly', i2.PROP_BOOLEAN],
+      ['required', i2.PROP_BOOLEAN],
+      ['shortcutkey', i2.PROP_STRING],
+      ['show', Object.assign({ value: true }, i2.PROP_BOOLEAN)],
+      ['tabindex', Object.assign({ value: 0 }, i2.PROP_NUMBER)],
+      ['usekeys', i2.PROP_BOOLEAN]
   ]);
   const registerProps$7 = () => {
-      i3.register('wm-select', selectProps);
-      i3.registerFormWidget(i1.FormWidgetType.SELECT, new Map(selectProps));
-      i3.registerFormWidget(i1.FormWidgetType.TYPEAHEAD, new Map(selectProps));
+      i2.register('wm-select', selectProps);
+      i2.registerFormWidget(i1$2.FormWidgetType.SELECT, new Map(selectProps));
+      i2.registerFormWidget(i1$2.FormWidgetType.TYPEAHEAD, new Map(selectProps));
   };
 
   const _c0$7 = ["select"];
@@ -2311,18 +2278,17 @@
   const WIDGET_CONFIG$7 = { widgetType: 'wm-select', hostClass: 'app-select-wrapper' };
   class SelectComponent extends DatasetAwareFormComponent {
       set datasource(ds) {
-          if (ds && ds.execute && ds.execute(i1.DataSource.Operation.IS_BOUND_TO_LOCALE)) {
-              this.datavalue = ds.execute(i1.DataSource.Operation.GET_DEFAULT_LOCALE);
+          if (ds && ds.execute && ds.execute(i1$2.DataSource.Operation.IS_BOUND_TO_LOCALE)) {
+              this.datavalue = ds.execute(i1$2.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() {
           super.ngAfterViewInit();
-          i3.styler(this.selectEl.nativeElement, this);
+          i2.styler(this.selectEl.nativeElement, this);
       }
       // Change event is registered from the template, Prevent the framework from registering one more event
       handleEvent(node, eventName, eventCallback, locals) {
@@ -2354,7 +2320,7 @@
               return;
           }
           else if (key === 'readonly') {
-              (nv === true) ? i1.setAttr(this.selectEl.nativeElement, 'readonly', 'readonly') : i1.removeAttr(this.selectEl.nativeElement, 'readonly');
+              (nv === true) ? i1$2.setAttr(this.selectEl.nativeElement, 'readonly', 'readonly') : i1$2.removeAttr(this.selectEl.nativeElement, 'readonly');
           }
           super.onPropertyChange(key, nv, ov);
       }
@@ -2378,7 +2344,7 @@
       }
   }
   SelectComponent.initializeProps = registerProps$7();
-  SelectComponent.ɵfac = function SelectComponent_Factory(t) { return new (t || SelectComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1__namespace.UserDefinedExecutionContext, 8)); };
+  SelectComponent.ɵfac = function SelectComponent_Factory(t) { return new (t || SelectComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector)); };
   SelectComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: SelectComponent, selectors: [["wm-select"]], viewQuery: function SelectComponent_Query(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵviewQuery(_c0$7, 7, i0.ElementRef);
@@ -2388,9 +2354,9 @@
               i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.selectEl = _t.first);
           }
       }, features: [i0__namespace.ɵɵProvidersFeature([
-              i3.provideAs(SelectComponent, i3$1.NG_VALUE_ACCESSOR, true),
-              i3.provideAs(SelectComponent, i3$1.NG_VALIDATORS, true),
-              i3.provideAsWidgetRef(SelectComponent)
+              i2.provideAs(SelectComponent, i1$1.NG_VALUE_ACCESSOR, true),
+              i2.provideAs(SelectComponent, i1$1.NG_VALIDATORS, true),
+              i2.provideAsWidgetRef(SelectComponent)
           ]), i0__namespace.ɵɵInheritDefinitionFeature], decls: 5, vars: 16, consts: [["role", "listbox", "aria-haspopup", "true", "aria-expanded", "false", "focus-target", "", 3, "ngClass", "disabled", "required", "tabindex", "ngModel", "multiple", "autofocus", "ngModelChange", "change", "focus", "blur"], ["select", ""], ["selected", "", "value", "undefined", 3, "textContent", "hidden"], [4, "ngIf"], [3, "label", 4, "ngFor", "ngForOf"], [3, "label"], ["role", "option", 3, "value", "selected", "textContent", 4, "ngFor", "ngForOf"], ["role", "option", 3, "value", "selected", "textContent"]], template: function SelectComponent_Template(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵelementStart(0, "select", 0, 1);
@@ -2410,47 +2376,43 @@
               i0__namespace.ɵɵadvance(1);
               i0__namespace.ɵɵproperty("ngIf", !ctx.groupby);
           }
-      }, dependencies: [i2__namespace.NgClass, i2__namespace.NgForOf, i2__namespace.NgIf, i3$1__namespace.NgSelectOption, i3$1__namespace.ɵNgSelectMultipleOption, i3$1__namespace.SelectMultipleControlValueAccessor, i3$1__namespace.NgControlStatus, i3$1__namespace.RequiredValidator, i3$1__namespace.NgModel, i3__namespace.TextContentDirective], encapsulation: 2 });
+      }, dependencies: [i1__namespace.NgClass, i1__namespace.NgForOf, i1__namespace.NgIf, i1$1__namespace.NgSelectOption, i1$1__namespace.ɵNgSelectMultipleOption, i1$1__namespace.SelectMultipleControlValueAccessor, i1$1__namespace.NgControlStatus, i1$1__namespace.RequiredValidator, i1$1__namespace.NgModel, i2__namespace.TextContentDirective], encapsulation: 2 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SelectComponent, [{
               type: i0.Component,
               args: [{ selector: 'wm-select', providers: [
-                          i3.provideAs(SelectComponent, i3$1.NG_VALUE_ACCESSOR, true),
-                          i3.provideAs(SelectComponent, i3$1.NG_VALIDATORS, true),
-                          i3.provideAsWidgetRef(SelectComponent)
+                          i2.provideAs(SelectComponent, i1$1.NG_VALUE_ACCESSOR, true),
+                          i2.provideAs(SelectComponent, i1$1.NG_VALIDATORS, true),
+                          i2.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__namespace.Injector }, { type: i1__namespace.UserDefinedExecutionContext, decorators: [{
-                          type: i0.Optional
-                      }] }];
-      }, { selectEl: [{
+          }], function () { return [{ type: i0__namespace.Injector }]; }, { selectEl: [{
                   type: i0.ViewChild,
                   args: ['select', { static: true, read: i0.ElementRef }]
               }] });
   })();
 
   const switchProps = new Map([
-      ['class', i3.PROP_STRING],
-      ['compareby', i3.PROP_STRING],
-      ['datafield', i3.PROP_STRING],
-      ['dataset', Object.assign({ value: 'yes, no, maybe' }, i3.PROP_ANY)],
-      ['datavaluesource', i3.PROP_ANY],
-      ['datavalue', i3.PROP_STRING],
-      ['disabled', i3.PROP_BOOLEAN],
-      ['displayexpression', i3.PROP_STRING],
-      ['displayfield', i3.PROP_STRING],
-      ['hint', i3.PROP_STRING],
-      ['iconclass', i3.PROP_STRING],
-      ['name', i3.PROP_STRING],
-      ['orderby', i3.PROP_STRING],
-      ['required', i3.PROP_BOOLEAN],
-      ['show', Object.assign({ value: true }, i3.PROP_BOOLEAN)],
-      ['tabindex', Object.assign({ value: 0 }, i3.PROP_NUMBER)]
+      ['class', i2.PROP_STRING],
+      ['compareby', i2.PROP_STRING],
+      ['datafield', i2.PROP_STRING],
+      ['dataset', Object.assign({ value: 'yes, no, maybe' }, i2.PROP_ANY)],
+      ['datavaluesource', i2.PROP_ANY],
+      ['datavalue', i2.PROP_STRING],
+      ['disabled', i2.PROP_BOOLEAN],
+      ['displayexpression', i2.PROP_STRING],
+      ['displayfield', i2.PROP_STRING],
+      ['hint', i2.PROP_STRING],
+      ['iconclass', i2.PROP_STRING],
+      ['name', i2.PROP_STRING],
+      ['orderby', i2.PROP_STRING],
+      ['required', i2.PROP_BOOLEAN],
+      ['show', Object.assign({ value: true }, i2.PROP_BOOLEAN)],
+      ['tabindex', Object.assign({ value: 0 }, i2.PROP_NUMBER)]
   ]);
   const registerProps$6 = () => {
-      i3.register('wm-switch', switchProps);
-      i3.registerFormWidget(i1.FormWidgetType.SWITCH, new Map(switchProps));
-      i3.registerFormWidget(i1.FormWidgetType.TOGGLE, new Map(switchProps));
+      i2.register('wm-switch', switchProps);
+      i2.registerFormWidget(i1$2.FormWidgetType.SWITCH, new Map(switchProps));
+      i2.registerFormWidget(i1$2.FormWidgetType.TOGGLE, new Map(switchProps));
   };
 
   const _c0$6 = ["wmSwitch", ""];
@@ -2497,16 +2459,15 @@
   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 = i1.debounce((val) => {
+          this._debounceSetSelectedValue = i1$2.debounce((val) => {
               this.setSelectedValue();
               this.updateHighlighter(val);
               // only for default value trigger app digest to apply the selectedItem
               if (val) {
-                  i1.$appDigest();
+                  i1$2.$appDigest();
               }
           }, 200);
           const datasetSubscription = this.dataset$.subscribe(() => this.updateSwitchOptions());
@@ -2518,11 +2479,11 @@
       }
       ngAfterViewInit() {
           super.ngAfterViewInit();
-          i3.styler(this.nativeElement, this);
+          i2.styler(this.nativeElement, this);
       }
       onStyleChange(key, nv, ov) {
           if (key === 'height') {
-              i1.setCSS(this.nativeElement, 'overflow', nv ? 'auto' : '');
+              i1$2.setCSS(this.nativeElement, 'overflow', nv ? 'auto' : '');
           }
           else {
               super.onStyleChange(key, nv, ov);
@@ -2530,7 +2491,7 @@
       }
       // This function sets the selectedItem by either using compareby fields or selected flag on datasetItems.
       setSelectedValue() {
-          if (i1.isDefined(this.datavalue) || i1.isDefined(this.toBeProcessedDatavalue)) {
+          if (i1$2.isDefined(this.datavalue) || i1$2.isDefined(this.toBeProcessedDatavalue)) {
               this.selectedItem = _.find(this.datasetItems, { selected: true });
               return;
           }
@@ -2542,7 +2503,7 @@
       updateSwitchOptions() {
           if (this.datasetItems.length) {
               this.btnwidth = (100 / this.datasetItems.length);
-              i1.setCSS(this.nativeElement.querySelector('.app-switch-overlay'), 'width', this.btnwidth + '%');
+              i1$2.setCSS(this.nativeElement.querySelector('.app-switch-overlay'), 'width', this.btnwidth + '%');
           }
           this._debounceSetSelectedValue(true);
       }
@@ -2592,10 +2553,10 @@
           this.updateHighlighter();
           // invoke on datavalue change.
           this.invokeOnChange(this.datavalue, $event || {}, true);
-          i1.$appDigest();
+          i1$2.$appDigest();
       }
       onPropertyChange(key, nv, ov) {
-          if (key === 'disabled' && !i1.toBoolean(nv)) {
+          if (key === 'disabled' && !i1$2.toBoolean(nv)) {
               this.nativeElement.removeAttribute(key);
           }
           else {
@@ -2604,10 +2565,10 @@
       }
   }
   SwitchComponent.initializeProps = registerProps$6();
-  SwitchComponent.ɵfac = function SwitchComponent_Factory(t) { return new (t || SwitchComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1__namespace.UserDefinedExecutionContext, 8)); };
+  SwitchComponent.ɵfac = function SwitchComponent_Factory(t) { return new (t || SwitchComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector)); };
   SwitchComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: SwitchComponent, selectors: [["", "wmSwitch", ""]], exportAs: ["wmSwitch"], features: [i0__namespace.ɵɵProvidersFeature([
-              i3.provideAs(SwitchComponent, i3$1.NG_VALUE_ACCESSOR, true),
-              i3.provideAsWidgetRef(SwitchComponent)
+              i2.provideAs(SwitchComponent, i1$1.NG_VALUE_ACCESSOR, true),
+              i2.provideAsWidgetRef(SwitchComponent)
           ]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c0$6, decls: 6, vars: 8, consts: [["role", "group", 1, "btn-group", "btn-group-justified"], ["focus-target", "", "href", "javascript:void(0);", "class", "btn btn-default", 3, "name", "ngClass", "click", 4, "ngFor", "ngForOf"], [1, "btn", "btn-primary", "app-switch-overlay", "switch-handle", 3, "title"], [3, "class", 4, "ngIf"], ["aria-hidden", "true", 1, "model-holder", "ng-hide", 3, "name", "disabled", "value", "required"], ["focus-target", "", "href", "javascript:void(0);", 1, "btn", "btn-default", 3, "name", "ngClass", "click"], ["aria-hidden", "true", 3, "ngClass", 4, "ngIf"], [1, "caption", 3, "textContent"], ["aria-hidden", "true", 3, "ngClass"]], template: function SwitchComponent_Template(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵelementStart(0, "div", 0);
@@ -2631,45 +2592,41 @@
               i0__namespace.ɵɵadvance(1);
               i0__namespace.ɵɵproperty("name", ctx.name)("disabled", ctx.disabled)("value", ctx.modelByKey)("required", ctx.required);
           }
-      }, dependencies: [i2__namespace.NgClass, i2__namespace.NgForOf, i2__namespace.NgIf, i3__namespace.TextContentDirective], encapsulation: 2 });
+      }, dependencies: [i1__namespace.NgClass, i1__namespace.NgForOf, i1__namespace.NgIf, i2__namespace.TextContentDirective], encapsulation: 2 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SwitchComponent, [{
               type: i0.Component,
               args: [{ selector: '[wmSwitch]', providers: [
-                          i3.provideAs(SwitchComponent, i3$1.NG_VALUE_ACCESSOR, true),
-                          i3.provideAsWidgetRef(SwitchComponent)
+                          i2.provideAs(SwitchComponent, i1$1.NG_VALUE_ACCESSOR, true),
+                          i2.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__namespace.Injector }, { type: i1__namespace.UserDefinedExecutionContext, decorators: [{
-                          type: i0.Optional
-                      }] }];
-      }, null);
+          }], function () { return [{ type: i0__namespace.Injector }]; }, null);
   })();
 
   const inputCalendarTypeProps = new Map([
-      ['autocomplete', Object.assign({ value: true }, i3.PROP_BOOLEAN)],
-      ['autotrim', Object.assign({ value: true }, i3.PROP_BOOLEAN)],
-      ['autofocus', i3.PROP_BOOLEAN],
-      ['class', i3.PROP_STRING],
-      ['datasource', i3.PROP_ANY],
-      ['datavalue', i3.PROP_STRING],
-      ['disabled', i3.PROP_BOOLEAN],
-      ['hint', i3.PROP_STRING],
-      ['maxvalue', i3.PROP_NUMBER],
-      ['minvalue', i3.PROP_NUMBER],
-      ['name', i3.PROP_STRING],
-      ['placeholder', Object.assign({ value: 'Enter text' }, i3.PROP_STRING)],
-      ['readonly', i3.PROP_BOOLEAN],
-      ['required', i3.PROP_BOOLEAN],
-      ['shortcutkey', i3.PROP_STRING],
-      ['show', Object.assign({ value: true }, i3.PROP_BOOLEAN)],
-      ['step', i3.PROP_NUMBER],
-      ['tabindex', Object.assign({ value: 0 }, i3.PROP_NUMBER)],
-      ['type', i3.PROP_STRING],
-      ['updateon', i3.PROP_STRING]
+      ['autocomplete', Object.assign({ value: true }, i2.PROP_BOOLEAN)],
+      ['autotrim', Object.assign({ value: true }, i2.PROP_BOOLEAN)],
+      ['autofocus', i2.PROP_BOOLEAN],
+      ['class', i2.PROP_STRING],
+      ['datasource', i2.PROP_ANY],
+      ['datavalue', i2.PROP_STRING],
+      ['disabled', i2.PROP_BOOLEAN],
+      ['hint', i2.PROP_STRING],
+      ['maxvalue', i2.PROP_NUMBER],
+      ['minvalue', i2.PROP_NUMBER],
+      ['name', i2.PROP_STRING],
+      ['placeholder', Object.assign({ value: 'Enter text' }, i2.PROP_STRING)],
+      ['readonly', i2.PROP_BOOLEAN],
+      ['required', i2.PROP_BOOLEAN],
+      ['shortcutkey', i2.PROP_STRING],
+      ['show', Object.assign({ value: true }, i2.PROP_BOOLEAN)],
+      ['step', i2.PROP_NUMBER],
+      ['tabindex', Object.assign({ value: 0 }, i2.PROP_NUMBER)],
+      ['type', i2.PROP_STRING],
+      ['updateon', i2.PROP_STRING]
   ]);
   const registerProps$5 = () => {
-      i3.register('wm-input-calendar', inputCalendarTypeProps);
+      i2.register('wm-input-calendar', inputCalendarTypeProps);
   };
 
   const _c0$5 = ["input"];
@@ -2679,17 +2636,16 @@
       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__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1__namespace.UserDefinedExecutionContext, 8)); };
+  InputCalendarComponent.ɵfac = function InputCalendarComponent_Factory(t) { return new (t || InputCalendarComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector)); };
   InputCalendarComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵ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__namespace.ɵɵviewQuery(_c0$5, 7);
-              i0__namespace.ɵɵviewQuery(i3$1.NgModel, 5);
+              i0__namespace.ɵɵviewQuery(i1$1.NgModel, 5);
           }
           if (rf & 2) {
               let _t;
@@ -2697,9 +2653,9 @@
               i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.ngModel = _t.first);
           }
       }, features: [i0__namespace.ɵɵProvidersFeature([
-              i3.provideAs(InputCalendarComponent, i3$1.NG_VALUE_ACCESSOR, true),
-              i3.provideAs(InputCalendarComponent, i3$1.NG_VALIDATORS, true),
-              i3.provideAsWidgetRef(InputCalendarComponent)
+              i2.provideAs(InputCalendarComponent, i1$1.NG_VALUE_ACCESSOR, true),
+              i2.provideAs(InputCalendarComponent, i1$1.NG_VALIDATORS, true),
+              i2.provideAsWidgetRef(InputCalendarComponent)
           ]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c1$4, decls: 2, vars: 15, consts: [["focus-target", "", "role", "textbox", 1, "form-control", "app-textbox", 3, "type", "ngModel", "readonly", "required", "disabled", "min", "max", "step", "autofocus", "autocomplete", "ngModelChange", "blur"], ["input", ""]], template: function InputCalendarComponent_Template(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵelementStart(0, "input", 0, 1);
@@ -2710,49 +2666,45 @@
               i0__namespace.ɵɵ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__namespace.ɵɵattribute("name", ctx.name)("tabindex", ctx.tabindex)("placeholder", ctx.placeholder)("accesskey", ctx.shortcutkey)("aria-label", ctx.hint || ctx.type + " field");
           }
-      }, dependencies: [i3$1__namespace.DefaultValueAccessor, i3$1__namespace.NgControlStatus, i3$1__namespace.RequiredValidator, i3$1__namespace.NgModel], encapsulation: 2 });
+      }, dependencies: [i1$1__namespace.DefaultValueAccessor, i1$1__namespace.NgControlStatus, i1$1__namespace.RequiredValidator, i1$1__namespace.NgModel], encapsulation: 2 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(InputCalendarComponent, [{
               type: i0.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: [
-                          i3.provideAs(InputCalendarComponent, i3$1.NG_VALUE_ACCESSOR, true),
-                          i3.provideAs(InputCalendarComponent, i3$1.NG_VALIDATORS, true),
-                          i3.provideAsWidgetRef(InputCalendarComponent)
+                          i2.provideAs(InputCalendarComponent, i1$1.NG_VALUE_ACCESSOR, true),
+                          i2.provideAs(InputCalendarComponent, i1$1.NG_VALIDATORS, true),
+                          i2.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__namespace.Injector }, { type: i1__namespace.UserDefinedExecutionContext, decorators: [{
-                          type: i0.Optional
-                      }] }];
-      }, { inputEl: [{
+          }], function () { return [{ type: i0__namespace.Injector }]; }, { inputEl: [{
                   type: i0.ViewChild,
                   args: ['input', { static: true }]
               }], ngModel: [{
                   type: i0.ViewChild,
-                  args: [i3$1.NgModel]
+                  args: [i1$1.NgModel]
               }] });
   })();
 
   const inputColorTypeProps = new Map([
-      ['autocomplete', Object.assign({ value: true }, i3.PROP_BOOLEAN)],
-      ['autofocus', i3.PROP_BOOLEAN],
-      ['autotrim', Object.assign({ value: true }, i3.PROP_BOOLEAN)],
-      ['class', i3.PROP_STRING],
-      ['datavaluesource', i3.PROP_ANY],
-      ['datavalue', i3.PROP_STRING],
-      ['disabled', i3.PROP_BOOLEAN],
-      ['hint', i3.PROP_STRING],
-      ['name', i3.PROP_STRING],
-      ['placeholder', Object.assign({ value: 'Enter text' }, i3.PROP_STRING)],
-      ['readonly', i3.PROP_BOOLEAN],
-      ['required', i3.PROP_BOOLEAN],
-      ['shortcutkey', i3.PROP_STRING],
-      ['show', Object.assign({ value: true }, i3.PROP_BOOLEAN)],
-      ['tabindex', Object.assign({ value: 0 }, i3.PROP_NUMBER)],
-      ['type', Object.assign({ value: 'color' }, i3.PROP_STRING)],
-      ['updateon', i3.PROP_STRING]
+      ['autocomplete', Object.assign({ value: true }, i2.PROP_BOOLEAN)],
+      ['autofocus', i2.PROP_BOOLEAN],
+      ['autotrim', Object.assign({ value: true }, i2.PROP_BOOLEAN)],
+      ['class', i2.PROP_STRING],
+      ['datavaluesource', i2.PROP_ANY],
+      ['datavalue', i2.PROP_STRING],
+      ['disabled', i2.PROP_BOOLEAN],
+      ['hint', i2.PROP_STRING],
+      ['name', i2.PROP_STRING],
+      ['placeholder', Object.assign({ value: 'Enter text' }, i2.PROP_STRING)],
+      ['readonly', i2.PROP_BOOLEAN],
+      ['required', i2.PROP_BOOLEAN],
+      ['shortcutkey', i2.PROP_STRING],
+      ['show', Object.assign({ value: true }, i2.PROP_BOOLEAN)],
+      ['tabindex', Object.assign({ value: 0 }, i2.PROP_NUMBER)],
+      ['type', Object.assign({ value: 'color' }, i2.PROP_STRING)],
+      ['updateon', i2.PROP_STRING]
   ]);
   const registerProps$4 = () => {
-      i3.register('wm-input-color', inputColorTypeProps);
+      i2.register('wm-input-color', inputColorTypeProps);
   };
 
   const _c0$4 = ["input"];
@@ -2762,17 +2714,16 @@
       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__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1__namespace.UserDefinedExecutionContext, 8)); };
+  InputColorComponent.ɵfac = function InputColorComponent_Factory(t) { return new (t || InputColorComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector)); };
   InputColorComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: InputColorComponent, selectors: [["wm-input", "type", "color"]], viewQuery: function InputColorComponent_Query(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵviewQuery(_c0$4, 7);
-              i0__namespace.ɵɵviewQuery(i3$1.NgModel, 5);
+              i0__namespace.ɵɵviewQuery(i1$1.NgModel, 5);
           }
           if (rf & 2) {
               let _t;
@@ -2780,9 +2731,9 @@
               i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.ngModel = _t.first);
           }
       }, features: [i0__namespace.ɵɵProvidersFeature([
-              i3.provideAs(InputColorComponent, i3$1.NG_VALUE_ACCESSOR, true),
-              i3.provideAs(InputColorComponent, i3$1.NG_VALIDATORS, true),
-              i3.provideAsWidgetRef(InputColorComponent)
+              i2.provideAs(InputColorComponent, i1$1.NG_VALUE_ACCESSOR, true),
+              i2.provideAs(InputColorComponent, i1$1.NG_VALIDATORS, true),
+              i2.provideAsWidgetRef(InputColorComponent)
           ]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c1$3, decls: 2, vars: 12, consts: [["focus-target", "", "role", "textbox", 1, "form-control", "app-textbox", 3, "type", "ngModel", "readonly", "required", "disabled", "maxlength", "autofocus", "ngModelChange", "blur"], ["input", ""]], template: function InputColorComponent_Template(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵelementStart(0, "input", 0, 1);
@@ -2793,51 +2744,47 @@
               i0__namespace.ɵɵproperty("type", ctx.type)("ngModel", ctx.datavalue)("readonly", ctx.readonly)("required", ctx.required)("disabled", ctx.disabled)("maxlength", ctx.maxchars)("autofocus", ctx.autofocus);
               i0__namespace.ɵɵattribute("name", ctx.name)("tabindex", ctx.tabindex)("placeholder", ctx.placeholder)("accesskey", ctx.shortcutkey)("aria-label", ctx.hint);
           }
-      }, dependencies: [i3$1__namespace.DefaultValueAccessor, i3$1__namespace.NgControlStatus, i3$1__namespace.RequiredValidator, i3$1__namespace.MaxLengthValidator, i3$1__namespace.NgModel], encapsulation: 2 });
+      }, dependencies: [i1$1__namespace.DefaultValueAccessor, i1$1__namespace.NgControlStatus, i1$1__namespace.RequiredValidator, i1$1__namespace.MaxLengthValidator, i1$1__namespace.NgModel], encapsulation: 2 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(InputColorComponent, [{
               type: i0.Component,
               args: [{ selector: 'wm-input[type="color"]', providers: [
-                          i3.provideAs(InputColorComponent, i3$1.NG_VALUE_ACCESSOR, true),
-                          i3.provideAs(InputColorComponent, i3$1.NG_VALIDATORS, true),
-                          i3.provideAsWidgetRef(InputColorComponent)
+                          i2.provideAs(InputColorComponent, i1$1.NG_VALUE_ACCESSOR, true),
+                          i2.provideAs(InputColorComponent, i1$1.NG_VALIDATORS, true),
+                          i2.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__namespace.Injector }, { type: i1__namespace.UserDefinedExecutionContext, decorators: [{
-                          type: i0.Optional
-                      }] }];
-      }, { inputEl: [{
+          }], function () { return [{ type: i0__namespace.Injector }]; }, { inputEl: [{
                   type: i0.ViewChild,
                   args: ['input', { static: true }]
               }], ngModel: [{
                   type: i0.ViewChild,
-                  args: [i3$1.NgModel]
+                  args: [i1$1.NgModel]
               }] });
   })();
 
   const inputEmailTypeProps = new Map([
-      ['autocomplete', Object.assign({ value: true }, i3.PROP_BOOLEAN)],
-      ['autofocus', i3.PROP_BOOLEAN],
-      ['autotrim', Object.assign({ value: true }, i3.PROP_BOOLEAN)],
-      ['class', i3.PROP_STRING],
-      ['datavaluesource', i3.PROP_ANY],
-      ['datavalue', i3.PROP_STRING],
-      ['disabled', i3.PROP_BOOLEAN],
-      ['hint', i3.PROP_STRING],
-      ['maxchars', i3.PROP_NUMBER],
-      ['name', i3.PROP_STRING],
-      ['placeholder', Object.assign({ value: 'Enter text' }, i3.PROP_STRING)],
-      ['readonly', i3.PROP_BOOLEAN],
-      ['regexp', i3.PROP_STRING],
-      ['required', i3.PROP_BOOLEAN],
-      ['shortcutkey', i3.PROP_STRING],
-      ['show', Object.assign({ value: true }, i3.PROP_BOOLEAN)],
-      ['tabindex', Object.assign({ value: 0 }, i3.PROP_NUMBER)],
-      ['type', Object.assign({ value: 'email' }, i3.PROP_STRING)],
-      ['updateon', i3.PROP_STRING]
+      ['autocomplete', Object.assign({ value: true }, i2.PROP_BOOLEAN)],
+      ['autofocus', i2.PROP_BOOLEAN],
+      ['autotrim', Object.assign({ value: true }, i2.PROP_BOOLEAN)],
+      ['class', i2.PROP_STRING],
+      ['datavaluesource', i2.PROP_ANY],
+      ['datavalue', i2.PROP_STRING],
+      ['disabled', i2.PROP_BOOLEAN],
+      ['hint', i2.PROP_STRING],
+      ['maxchars', i2.PROP_NUMBER],
+      ['name', i2.PROP_STRING],
+      ['placeholder', Object.assign({ value: 'Enter text' }, i2.PROP_STRING)],
+      ['readonly', i2.PROP_BOOLEAN],
+      ['regexp', i2.PROP_STRING],
+      ['required', i2.PROP_BOOLEAN],
+      ['shortcutkey', i2.PROP_STRING],
+      ['show', Object.assign({ value: true }, i2.PROP_BOOLEAN)],
+      ['tabindex', Object.assign({ value: 0 }, i2.PROP_NUMBER)],
+      ['type', Object.assign({ value: 'email' }, i2.PROP_STRING)],
+      ['updateon', i2.PROP_STRING]
   ]);
   const registerProps$3 = () => {
-      i3.register('wm-input-email', inputEmailTypeProps);
+      i2.register('wm-input-email', inputEmailTypeProps);
   };
 
   const _c0$3 = ["input"];
@@ -2847,17 +2794,16 @@
       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__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1__namespace.UserDefinedExecutionContext, 8)); };
+  InputEmailComponent.ɵfac = function InputEmailComponent_Factory(t) { return new (t || InputEmailComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector)); };
   InputEmailComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: InputEmailComponent, selectors: [["wm-input", "type", "email"]], viewQuery: function InputEmailComponent_Query(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵviewQuery(_c0$3, 7);
-              i0__namespace.ɵɵviewQuery(i3$1.NgModel, 5);
+              i0__namespace.ɵɵviewQuery(i1$1.NgModel, 5);
           }
           if (rf & 2) {
               let _t;
@@ -2865,9 +2811,9 @@
               i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.ngModel = _t.first);
           }
       }, features: [i0__namespace.ɵɵProvidersFeature([
-              i3.provideAs(InputEmailComponent, i3$1.NG_VALUE_ACCESSOR, true),
-              i3.provideAs(InputEmailComponent, i3$1.NG_VALIDATORS, true),
-              i3.provideAsWidgetRef(InputEmailComponent)
+              i2.provideAs(InputEmailComponent, i1$1.NG_VALUE_ACCESSOR, true),
+              i2.provideAs(InputEmailComponent, i1$1.NG_VALIDATORS, true),
+              i2.provideAsWidgetRef(InputEmailComponent)
           ]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c1$2, decls: 2, vars: 15, consts: [["focus-target", "", "role", "textbox", "email", "", 1, "form-control", "app-textbox", 3, "type", "ngModel", "ngModelOptions", "readonly", "required", "disabled", "maxlength", "pattern", "autofocus", "autocomplete", "ngModelChange", "blur", "keyup.enter"], ["input", ""]], template: function InputEmailComponent_Template(rf, ctx) {
           if (rf & 1) {
               const _r1 = i0__namespace.ɵɵgetCurrentView();
@@ -2879,54 +2825,50 @@
               i0__namespace.ɵɵ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__namespace.ɵɵattribute("name", ctx.name)("tabindex", ctx.tabindex)("placeholder", ctx.placeholder)("accesskey", ctx.shortcutkey)("aria-label", ctx.hint);
           }
-      }, dependencies: [i3$1__namespace.DefaultValueAccessor, i3$1__namespace.NgControlStatus, i3$1__namespace.RequiredValidator, i3$1__namespace.MaxLengthValidator, i3$1__namespace.PatternValidator, i3$1__namespace.EmailValidator, i3$1__namespace.NgModel], encapsulation: 2 });
+      }, dependencies: [i1$1__namespace.DefaultValueAccessor, i1$1__namespace.NgControlStatus, i1$1__namespace.RequiredValidator, i1$1__namespace.MaxLengthValidator, i1$1__namespace.PatternValidator, i1$1__namespace.EmailValidator, i1$1__namespace.NgModel], encapsulation: 2 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(InputEmailComponent, [{
               type: i0.Component,
               args: [{ selector: 'wm-input[type="email"]', providers: [
-                          i3.provideAs(InputEmailComponent, i3$1.NG_VALUE_ACCESSOR, true),
-                          i3.provideAs(InputEmailComponent, i3$1.NG_VALIDATORS, true),
-                          i3.provideAsWidgetRef(InputEmailComponent)
+                          i2.provideAs(InputEmailComponent, i1$1.NG_VALUE_ACCESSOR, true),
+                          i2.provideAs(InputEmailComponent, i1$1.NG_VALIDATORS, true),
+                          i2.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__namespace.Injector }, { type: i1__namespace.UserDefinedExecutionContext, decorators: [{
-                          type: i0.Optional
-                      }] }];
-      }, { inputEl: [{
+          }], function () { return [{ type: i0__namespace.Injector }]; }, { inputEl: [{
                   type: i0.ViewChild,
                   args: ['input', { static: true }]
               }], ngModel: [{
                   type: i0.ViewChild,
-                  args: [i3$1.NgModel]
+                  args: [i1$1.NgModel]
               }] });
   })();
 
   const inputNumberTypeProps = new Map([
-      ['autocomplete', Object.assign({ value: true }, i3.PROP_BOOLEAN)],
-      ['autofocus', i3.PROP_BOOLEAN],
-      ['autotrim', Object.assign({ value: true }, i3.PROP_BOOLEAN)],
-      ['class', i3.PROP_STRING],
-      ['datavaluesource', i3.PROP_ANY],
-      ['datavalue', i3.PROP_STRING],
-      ['disabled', i3.PROP_BOOLEAN],
-      ['hint', i3.PROP_STRING],
-      ['maxchars', i3.PROP_NUMBER],
-      ['maxvalue', i3.PROP_NUMBER],
-      ['minvalue', i3.PROP_NUMBER],
-      ['name', i3.PROP_STRING],
-      ['placeholder', Object.assign({ value: 'Enter text' }, i3.PROP_STRING)],
-      ['readonly', i3.PROP_BOOLEAN],
-      ['regexp', i3.PROP_STRING],
-      ['required', i3.PROP_BOOLEAN],
-      ['shortcutkey', i3.PROP_STRING],
-      ['show', Object.assign({ value: true }, i3.PROP_BOOLEAN)],
-      ['step', i3.PROP_NUMBER],
-      ['tabindex', Object.assign({ value: 0 }, i3.PROP_NUMBER)],
-      ['type', Object.assign({ value: 'number' }, i3.PROP_STRING)],
-      ['updateon', i3.PROP_STRING]
+      ['autocomplete', Object.assign({ value: true }, i2.PROP_BOOLEAN)],
+      ['autofocus', i2.PROP_BOOLEAN],
+      ['autotrim', Object.assign({ value: true }, i2.PROP_BOOLEAN)],
+      ['class', i2.PROP_STRING],
+      ['datavaluesource', i2.PROP_ANY],
+      ['datavalue', i2.PROP_STRING],
+      ['disabled', i2.PROP_BOOLEAN],
+      ['hint', i2.PROP_STRING],
+      ['maxchars', i2.PROP_NUMBER],
+      ['maxvalue', i2.PROP_NUMBER],
+      ['minvalue', i2.PROP_NUMBER],
+      ['name', i2.PROP_STRING],
+      ['placeholder', Object.assign({ value: 'Enter text' }, i2.PROP_STRING)],
+      ['readonly', i2.PROP_BOOLEAN],
+      ['regexp', i2.PROP_STRING],
+      ['required', i2.PROP_BOOLEAN],
+      ['shortcutkey', i2.PROP_STRING],
+      ['show', Object.assign({ value: true }, i2.PROP_BOOLEAN)],
+      ['step', i2.PROP_NUMBER],
+      ['tabindex', Object.assign({ value: 0 }, i2.PROP_NUMBER)],
+      ['type', Object.assign({ value: 'number' }, i2.PROP_STRING)],
+      ['updateon', i2.PROP_STRING]
   ]);
   const registerProps$2 = () => {
-      i3.register('wm-input-number', inputNumberTypeProps);
+      i2.register('wm-input-number', inputNumberTypeProps);
   };
 
   const _c0$2 = ["input"];
@@ -2937,9 +2879,8 @@
       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) {
@@ -2953,11 +2894,11 @@
       }
   }
   InputNumberComponent.initializeProps = registerProps$2();
-  InputNumberComponent.ɵfac = function InputNumberComponent_Factory(t) { return new (t || InputNumberComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1__namespace.UserDefinedExecutionContext, 8)); };
+  InputNumberComponent.ɵfac = function InputNumberComponent_Factory(t) { return new (t || InputNumberComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector)); };
   InputNumberComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: InputNumberComponent, selectors: [["wm-input", "type", "number"]], viewQuery: function InputNumberComponent_Query(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵviewQuery(_c0$2, 7);
-              i0__namespace.ɵɵviewQuery(i3$1.NgModel, 5);
+              i0__namespace.ɵɵviewQuery(i1$1.NgModel, 5);
           }
           if (rf & 2) {
               let _t;
@@ -2965,9 +2906,9 @@
               i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.ngModel = _t.first);
           }
       }, features: [i0__namespace.ɵɵProvidersFeature([
-              i3.provideAs(InputNumberComponent, i3$1.NG_VALUE_ACCESSOR, true),
-              i3.provideAs(InputNumberComponent, i3$1.NG_VALIDATORS, true),
-              i3.provideAsWidgetRef(InputNumberComponent)
+              i2.provideAs(InputNumberComponent, i1$1.NG_VALUE_ACCESSOR, true),
+              i2.provideAs(InputNumberComponent, i1$1.NG_VALIDATORS, true),
+              i2.provideAsWidgetRef(InputNumberComponent)
           ]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c1$1, decls: 2, vars: 20, consts: [["focus-target", "", "role", "textbox", 1, "form-control", "app-textbox", 3, "ngClass", "type", "ngModel", "ngModelOptions", "readonly", "required", "disabled", "maxlength", "min", "max", "step", "autofocus", "autocomplete", "ngModelChange", "blur", "keyup.enter", "keydown.ArrowUp", "keydown.ArrowDown", "keypress"], ["input", ""]], template: function InputNumberComponent_Template(rf, ctx) {
           if (rf & 1) {
               const _r1 = i0__namespace.ɵɵgetCurrentView();
@@ -2979,54 +2920,50 @@
               i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵ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__namespace.ɵɵattribute("name", ctx.name)("tabindex", ctx.tabindex)("placeholder", ctx.placeholder)("accesskey", ctx.shortcutkey)("aria-label", ctx.hint);
           }
-      }, dependencies: [i2__namespace.NgClass, i3$1__namespace.DefaultValueAccessor, i3$1__namespace.NgControlStatus, i3$1__namespace.RequiredValidator, i3$1__namespace.MaxLengthValidator, i3$1__namespace.NgModel], encapsulation: 2 });
+      }, dependencies: [i1__namespace.NgClass, i1$1__namespace.DefaultValueAccessor, i1$1__namespace.NgControlStatus, i1$1__namespace.RequiredValidator, i1$1__namespace.MaxLengthValidator, i1$1__namespace.NgModel], encapsulation: 2 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(InputNumberComponent, [{
               type: i0.Component,
               args: [{ selector: 'wm-input[type="number"]', providers: [
-                          i3.provideAs(InputNumberComponent, i3$1.NG_VALUE_ACCESSOR, true),
-                          i3.provideAs(InputNumberComponent, i3$1.NG_VALIDATORS, true),
-                          i3.provideAsWidgetRef(InputNumberComponent)
+                          i2.provideAs(InputNumberComponent, i1$1.NG_VALUE_ACCESSOR, true),
+                          i2.provideAs(InputNumberComponent, i1$1.NG_VALIDATORS, true),
+                          i2.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__namespace.Injector }, { type: i1__namespace.UserDefinedExecutionContext, decorators: [{
-                          type: i0.Optional
-                      }] }];
-      }, { inputEl: [{
+          }], function () { return [{ type: i0__namespace.Injector }]; }, { inputEl: [{
                   type: i0.ViewChild,
                   args: ['input', { static: true }]
               }], ngModel: [{
                   type: i0.ViewChild,
-                  args: [i3$1.NgModel]
+                  args: [i1$1.NgModel]
               }] });
   })();
 
   const inputTextTypeProps = new Map([
-      ['autocomplete', Object.assign({ value: true }, i3.PROP_BOOLEAN)],
-      ['autofocus', i3.PROP_BOOLEAN],
-      ['autotrim', Object.assign({ value: true }, i3.PROP_BOOLEAN)],
-      ['class', i3.PROP_STRING],
-      ['datavaluesource', i3.PROP_ANY],
-      ['datavalue', i3.PROP_STRING],
-      ['disabled', i3.PROP_BOOLEAN],
-      ['displayformat', i3.PROP_STRING],
-      ['hint', i3.PROP_STRING],
-      ['maxchars', i3.PROP_NUMBER],
-      ['name', i3.PROP_STRING],
-      ['placeholder', Object.assign({ value: 'Enter text' }, i3.PROP_STRING)],
-      ['readonly', i3.PROP_BOOLEAN],
-      ['regexp', i3.PROP_STRING],
-      ['required', i3.PROP_BOOLEAN],
-      ['shortcutkey', i3.PROP_STRING],
-      ['show', Object.assign({ value: true }, i3.PROP_BOOLEAN)],
-      ['showdisplayformaton', Object.assign({ value: 'always' }, i3.PROP_ANY)],
-      ['tabindex', Object.assign({ value: 0 }, i3.PROP_NUMBER)],
-      ['type', Object.assign({ value: 'text' }, i3.PROP_STRING)],
-      ['updateon', i3.PROP_STRING]
+      ['autocomplete', Object.assign({ value: true }, i2.PROP_BOOLEAN)],
+      ['autofocus', i2.PROP_BOOLEAN],
+      ['autotrim', Object.assign({ value: true }, i2.PROP_BOOLEAN)],
+      ['class', i2.PROP_STRING],
+      ['datavaluesource', i2.PROP_ANY],
+      ['datavalue', i2.PROP_STRING],
+      ['disabled', i2.PROP_BOOLEAN],
+      ['displayformat', i2.PROP_STRING],
+      ['hint', i2.PROP_STRING],
+      ['maxchars', i2.PROP_NUMBER],
+      ['name', i2.PROP_STRING],
+      ['placeholder', Object.assign({ value: 'Enter text' }, i2.PROP_STRING)],
+      ['readonly', i2.PROP_BOOLEAN],
+      ['regexp', i2.PROP_STRING],
+      ['required', i2.PROP_BOOLEAN],
+      ['shortcutkey', i2.PROP_STRING],
+      ['show', Object.assign({ value: true }, i2.PROP_BOOLEAN)],
+      ['showdisplayformaton', Object.assign({ value: 'always' }, i2.PROP_ANY)],
+      ['tabindex', Object.assign({ value: 0 }, i2.PROP_NUMBER)],
+      ['type', Object.assign({ value: 'text' }, i2.PROP_STRING)],
+      ['updateon', i2.PROP_STRING]
   ]);
   const registerProps$1 = () => {
-      i3.register('wm-input-text', inputTextTypeProps);
-      i3.registerFormWidget(i1.FormWidgetType.PASSWORD, new Map(inputTextTypeProps));
+      i2.register('wm-input-text', inputTextTypeProps);
+      i2.registerFormWidget(i1$2.FormWidgetType.PASSWORD, new Map(inputTextTypeProps));
       const formTextProps = new Map(inputTextTypeProps);
       const mergeTextProps = (typeProps) => {
           typeProps.forEach((v, k) => formTextProps.set(k, v));
@@ -3035,7 +2972,7 @@
       mergeTextProps(inputColorTypeProps);
       mergeTextProps(inputEmailTypeProps);
       mergeTextProps(inputNumberTypeProps);
-      i3.registerFormWidget(i1.FormWidgetType.TEXT, new Map(formTextProps));
+      i2.registerFormWidget(i1$2.FormWidgetType.TEXT, new Map(formTextProps));
   };
 
   const _c0$1 = ["input"];
@@ -3045,9 +2982,8 @@
       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 */
@@ -3120,12 +3056,12 @@
       }
   }
   InputTextComponent.initializeProps = registerProps$1();
-  InputTextComponent.ɵfac = function InputTextComponent_Factory(t) { return new (t || InputTextComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1__namespace.UserDefinedExecutionContext, 8)); };
+  InputTextComponent.ɵfac = function InputTextComponent_Factory(t) { return new (t || InputTextComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector)); };
   InputTextComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵ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__namespace.ɵɵviewQuery(_c0$1, 7);
-              i0__namespace.ɵɵviewQuery(i3$1.NgModel, 5);
-              i0__namespace.ɵɵviewQuery(_c0$1, 5, i3$2.IMaskDirective);
+              i0__namespace.ɵɵviewQuery(i1$1.NgModel, 5);
+              i0__namespace.ɵɵviewQuery(_c0$1, 5, i2$1.IMaskDirective);
           }
           if (rf & 2) {
               let _t;
@@ -3134,9 +3070,9 @@
               i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.imask = _t.first);
           }
       }, features: [i0__namespace.ɵɵProvidersFeature([
-              i3.provideAs(InputTextComponent, i3$1.NG_VALUE_ACCESSOR, true),
-              i3.provideAs(InputTextComponent, i3$1.NG_VALIDATORS, true),
-              i3.provideAsWidgetRef(InputTextComponent)
+              i2.provideAs(InputTextComponent, i1$1.NG_VALUE_ACCESSOR, true),
+              i2.provideAs(InputTextComponent, i1$1.NG_VALIDATORS, true),
+              i2.provideAsWidgetRef(InputTextComponent)
           ]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c1, decls: 2, vars: 17, consts: [["focus-target", "", "role", "textbox", 1, "form-control", "app-textbox", 3, "type", "ngModel", "imask", "unmask", "ngModelOptions", "readonly", "required", "disabled", "maxlength", "pattern", "autofocus", "autocomplete", "ngModelChange", "blur", "focus", "keyup.enter"], ["input", ""]], template: function InputTextComponent_Template(rf, ctx) {
           if (rf & 1) {
               const _r1 = i0__namespace.ɵɵgetCurrentView();
@@ -3148,54 +3084,50 @@
               i0__namespace.ɵɵ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__namespace.ɵɵattribute("name", ctx.name)("aria-label", ctx.hint)("tabindex", ctx.tabindex)("placeholder", ctx.placeholder)("accesskey", ctx.shortcutkey);
           }
-      }, dependencies: [i3$1__namespace.DefaultValueAccessor, i3$1__namespace.NgControlStatus, i3$1__namespace.RequiredValidator, i3$1__namespace.MaxLengthValidator, i3$1__namespace.PatternValidator, i3$1__namespace.NgModel, i3$2__namespace.IMaskDirective], encapsulation: 2 });
+      }, dependencies: [i1$1__namespace.DefaultValueAccessor, i1$1__namespace.NgControlStatus, i1$1__namespace.RequiredValidator, i1$1__namespace.MaxLengthValidator, i1$1__namespace.PatternValidator, i1$1__namespace.NgModel, i2$1__namespace.IMaskDirective], encapsulation: 2 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(InputTextComponent, [{
               type: i0.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: [
-                          i3.provideAs(InputTextComponent, i3$1.NG_VALUE_ACCESSOR, true),
-                          i3.provideAs(InputTextComponent, i3$1.NG_VALIDATORS, true),
-                          i3.provideAsWidgetRef(InputTextComponent)
+                          i2.provideAs(InputTextComponent, i1$1.NG_VALUE_ACCESSOR, true),
+                          i2.provideAs(InputTextComponent, i1$1.NG_VALIDATORS, true),
+                          i2.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__namespace.Injector }, { type: i1__namespace.UserDefinedExecutionContext, decorators: [{
-                          type: i0.Optional
-                      }] }];
-      }, { inputEl: [{
+          }], function () { return [{ type: i0__namespace.Injector }]; }, { inputEl: [{
                   type: i0.ViewChild,
                   args: ['input', { static: true }]
               }], ngModel: [{
                   type: i0.ViewChild,
-                  args: [i3$1.NgModel]
+                  args: [i1$1.NgModel]
               }], imask: [{
                   type: i0.ViewChild,
-                  args: ['input', { read: i3$2.IMaskDirective }]
+                  args: ['input', { read: i2$1.IMaskDirective }]
               }] });
   })();
 
   const textareaProps = new Map([
-      ['autofocus', i3.PROP_BOOLEAN],
-      ['autotrim', Object.assign({ value: true }, i3.PROP_BOOLEAN)],
-      ['class', i3.PROP_STRING],
-      ['datavaluesource', i3.PROP_ANY],
-      ['datavalue', i3.PROP_STRING],
-      ['disabled', i3.PROP_BOOLEAN],
-      ['hint', i3.PROP_STRING],
-      ['maxchars', i3.PROP_NUMBER],
-      ['name', i3.PROP_STRING],
-      ['placeholder', Object.assign({ value: 'Place your text' }, i3.PROP_STRING)],
-      ['readonly', i3.PROP_BOOLEAN],
-      ['required', i3.PROP_BOOLEAN],
-      ['shortcutkey', i3.PROP_STRING],
-      ['show', Object.assign({ value: true }, i3.PROP_BOOLEAN)],
-      ['tabindex', Object.assign({ value: 0 }, i3.PROP_NUMBER)],
-      ['updateon', i3.PROP_STRING],
-      ['limitdisplaytext', i3.PROP_STRING],
-      ['charlength', i3.PROP_NUMBER],
+      ['autofocus', i2.PROP_BOOLEAN],
+      ['autotrim', Object.assign({ value: true }, i2.PROP_BOOLEAN)],
+      ['class', i2.PROP_STRING],
+      ['datavaluesource', i2.PROP_ANY],
+      ['datavalue', i2.PROP_STRING],
+      ['disabled', i2.PROP_BOOLEAN],
+      ['hint', i2.PROP_STRING],
+      ['maxchars', i2.PROP_NUMBER],
+      ['name', i2.PROP_STRING],
+      ['placeholder', Object.assign({ value: 'Place your text' }, i2.PROP_STRING)],
+      ['readonly', i2.PROP_BOOLEAN],
+      ['required', i2.PROP_BOOLEAN],
+      ['shortcutkey', i2.PROP_STRING],
+      ['show', Object.assign({ value: true }, i2.PROP_BOOLEAN)],
+      ['tabindex', Object.assign({ value: 0 }, i2.PROP_NUMBER)],
+      ['updateon', i2.PROP_STRING],
+      ['limitdisplaytext', i2.PROP_STRING],
+      ['charlength', i2.PROP_NUMBER],
   ]);
   const registerProps = () => {
-      i3.register('wm-textarea', textareaProps);
-      i3.registerFormWidget(i1.FormWidgetType.TEXTAREA, new Map(textareaProps));
+      i2.register('wm-textarea', textareaProps);
+      i2.registerFormWidget(i1$2.FormWidgetType.TEXTAREA, new Map(textareaProps));
   };
 
   const _c0 = ["textarea"];
@@ -3216,9 +3148,8 @@
       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() {
@@ -3226,11 +3157,11 @@
       }
   }
   TextareaComponent.initializeProps = registerProps();
-  TextareaComponent.ɵfac = function TextareaComponent_Factory(t) { return new (t || TextareaComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1__namespace.UserDefinedExecutionContext, 8)); };
+  TextareaComponent.ɵfac = function TextareaComponent_Factory(t) { return new (t || TextareaComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector)); };
   TextareaComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: TextareaComponent, selectors: [["wm-textarea"]], viewQuery: function TextareaComponent_Query(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵviewQuery(_c0, 7);
-              i0__namespace.ɵɵviewQuery(i3$1.NgModel, 5);
+              i0__namespace.ɵɵviewQuery(i1$1.NgModel, 5);
           }
           if (rf & 2) {
               let _t;
@@ -3238,9 +3169,9 @@
               i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.ngModel = _t.first);
           }
       }, features: [i0__namespace.ɵɵProvidersFeature([
-              i3.provideAs(TextareaComponent, i3$1.NG_VALUE_ACCESSOR, true),
-              i3.provideAs(TextareaComponent, i3$1.NG_VALIDATORS, true),
-              i3.provideAsWidgetRef(TextareaComponent)
+              i2.provideAs(TextareaComponent, i1$1.NG_VALUE_ACCESSOR, true),
+              i2.provideAs(TextareaComponent, i1$1.NG_VALIDATORS, true),
+              i2.provideAsWidgetRef(TextareaComponent)
           ]), i0__namespace.ɵɵInheritDefinitionFeature], decls: 3, vars: 13, consts: [["focus-target", "", "role", "textbox", "aria-multiline", "true", 1, "form-control", "app-textarea", 3, "ngModel", "ngModelOptions", "readonly", "required", "disabled", "maxlength", "autofocus", "ngModelChange", "blur", "input"], ["textarea", ""], ["class", "textarea-count", 4, "ngIf"], [1, "textarea-count"]], template: function TextareaComponent_Template(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵelementStart(0, "textarea", 0, 1);
@@ -3254,25 +3185,21 @@
               i0__namespace.ɵɵadvance(2);
               i0__namespace.ɵɵproperty("ngIf", ctx.maxchars);
           }
-      }, dependencies: [i2__namespace.NgIf, i3$1__namespace.DefaultValueAccessor, i3$1__namespace.NgControlStatus, i3$1__namespace.RequiredValidator, i3$1__namespace.MaxLengthValidator, i3$1__namespace.NgModel], encapsulation: 2 });
+      }, dependencies: [i1__namespace.NgIf, i1$1__namespace.DefaultValueAccessor, i1$1__namespace.NgControlStatus, i1$1__namespace.RequiredValidator, i1$1__namespace.MaxLengthValidator, i1$1__namespace.NgModel], encapsulation: 2 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(TextareaComponent, [{
               type: i0.Component,
               args: [{ selector: 'wm-textarea', providers: [
-                          i3.provideAs(TextareaComponent, i3$1.NG_VALUE_ACCESSOR, true),
-                          i3.provideAs(TextareaComponent, i3$1.NG_VALIDATORS, true),
-                          i3.provideAsWidgetRef(TextareaComponent)
+                          i2.provideAs(TextareaComponent, i1$1.NG_VALUE_ACCESSOR, true),
+                          i2.provideAs(TextareaComponent, i1$1.NG_VALIDATORS, true),
+                          i2.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__namespace.Injector }, { type: i1__namespace.UserDefinedExecutionContext, decorators: [{
-                          type: i0.Optional
-                      }] }];
-      }, { inputEl: [{
+          }], function () { return [{ type: i0__namespace.Injector }]; }, { inputEl: [{
                   type: i0.ViewChild,
                   args: ['textarea', { static: true }]
               }], ngModel: [{
                   type: i0.ViewChild,
-                  args: [i3$1.NgModel]
+                  args: [i1$1.NgModel]
               }] });
   })();
 
@@ -3432,7 +3359,7 @@
           }
       }
   }
-  CaptionPositionDirective.ɵfac = function CaptionPositionDirective_Factory(t) { return new (t || CaptionPositionDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1__namespace.App)); };
+  CaptionPositionDirective.ɵfac = function CaptionPositionDirective_Factory(t) { return new (t || CaptionPositionDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1$2__namespace.App)); };
   CaptionPositionDirective.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: CaptionPositionDirective, selectors: [["", "captionPosition", ""]] });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaptionPositionDirective, [{
@@ -3440,7 +3367,7 @@
               args: [{
                       selector: '[captionPosition]'
                   }]
-          }], function () { return [{ type: i0__namespace.Injector }, { type: i1__namespace.App }]; }, null);
+          }], function () { return [{ type: i0__namespace.Injector }, { type: i1$2__namespace.App }]; }, null);
   })();
 
   const components = [
@@ -3465,19 +3392,19 @@
   }
   InputModule.ɵfac = function InputModule_Factory(t) { return new (t || InputModule)(); };
   InputModule.ɵmod = /*@__PURE__*/ i0__namespace.ɵɵdefineNgModule({ type: InputModule });
-  InputModule.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [i2.CommonModule,
-          i3$1.FormsModule,
-          i3.WmComponentsModule,
-          i3$2.IMaskModule] });
+  InputModule.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [i1.CommonModule,
+          i1$1.FormsModule,
+          i2.WmComponentsModule,
+          i2$1.IMaskModule] });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(InputModule, [{
               type: i0.NgModule,
               args: [{
                       imports: [
-                          i2.CommonModule,
-                          i3$1.FormsModule,
-                          i3.WmComponentsModule,
-                          i3$2.IMaskModule
+                          i1.CommonModule,
+                          i1$1.FormsModule,
+                          i2.WmComponentsModule,
+                          i2$1.IMaskModule
                       ],
                       declarations: [...components],
                       exports: [...components]
@@ -3500,10 +3427,10 @@
               InputEmailComponent,
               InputNumberComponent,
               InputTextComponent,
-              TextareaComponent], imports: [i2.CommonModule,
-              i3$1.FormsModule,
-              i3.WmComponentsModule,
-              i3$2.IMaskModule], exports: [ButtonComponent,
+              TextareaComponent], imports: [i1.CommonModule,
+              i1$1.FormsModule,
+              i2.WmComponentsModule,
+              i2$1.IMaskModule], exports: [ButtonComponent,
               ButtonGroupDirective,
               CaptionPositionDirective,
               CheckboxComponent,