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

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

@@ -2,7 +2,7 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@wm/components/base'), require('@wm/components/basic/search'), require('@angular/forms'), require('@wm/core'), require('@wm/components/input')) :
     typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@angular/common', '@wm/components/base', '@wm/components/basic/search', '@angular/forms', '@wm/core', '@wm/components/input'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.input = global.wm.components.input || {}, global.wm.components.input.chips = {}), global.ng.core, global.ng.common, global.wm.components.base, global.wm.components.basic.search, global.ng.forms, global.wm.core, global.wm.components.input));
-})(this, (function (exports, i0, i2, i4, i3, forms, i1, input) { 'use strict';
+})(this, (function (exports, i0, i1, i3, i2, forms, core, input) { 'use strict';
 
     function _interopNamespaceDefault(e) {
         var n = Object.create(null);
@@ -22,55 +22,54 @@
     }
 
     var i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
-    var i2__namespace = /*#__PURE__*/_interopNamespaceDefault(i2);
-    var i4__namespace = /*#__PURE__*/_interopNamespaceDefault(i4);
-    var i3__namespace = /*#__PURE__*/_interopNamespaceDefault(i3);
     var i1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1);
+    var i3__namespace = /*#__PURE__*/_interopNamespaceDefault(i3);
+    var i2__namespace = /*#__PURE__*/_interopNamespaceDefault(i2);
 
     const chipsProps = new Map([
-        ['allowonlyselect', i4.PROP_BOOLEAN],
-        ['autofocus', i4.PROP_BOOLEAN],
-        ['chipclass', i4.PROP_STRING],
-        ['class', i4.PROP_STRING],
-        ['compareby', i4.PROP_STRING],
-        ['datafield', i4.PROP_STRING],
-        ['dataoptions', i4.PROP_ANY],
-        ['dataset', Object.assign({ value: 'Option 1, Option 2, Option 3' }, i4.PROP_ANY)],
-        ['datasource', i4.PROP_ANY],
-        ['datavalue', i4.PROP_ANY],
-        ['datavaluesource', i4.PROP_ANY],
-        ['dateformat', i4.PROP_STRING],
-        ['disabled', i4.PROP_BOOLEAN],
-        ['displayexpression', i4.PROP_STRING],
-        ['displayfield', i4.PROP_STRING],
-        ['displayimagesrc', i4.PROP_STRING],
-        ['enablereorder', i4.PROP_BOOLEAN],
-        ['groupby', i4.PROP_STRING],
-        ['inputposition', Object.assign({ value: 'last' }, i4.PROP_STRING)],
-        ['inputwidth', Object.assign({ value: 'default' }, i4.PROP_STRING)],
-        ['limit', i4.PROP_NUMBER],
-        ['loadingdatamsg', Object.assign({ value: 'Loading items...' }, i4.PROP_STRING)],
-        ['match', i4.PROP_STRING],
-        ['matchmode', i4.PROP_STRING],
-        ['maxsize', i4.PROP_NUMBER],
-        ['minchars', Object.assign({ value: 1 }, i4.PROP_NUMBER)],
-        ['name', i4.PROP_STRING],
-        ['navsearchbar', Object.assign({ value: false }, i4.PROP_BOOLEAN)],
-        ['orderby', i4.PROP_STRING],
-        ['placeholder', Object.assign({ value: 'Type here..' }, i4.PROP_STRING)],
-        ['query', i4.PROP_STRING],
-        ['readonly', i4.PROP_BOOLEAN],
-        ['searchkey', i4.PROP_STRING],
-        ['shortcutkey', i4.PROP_STRING],
-        ['show', Object.assign({ value: true }, i4.PROP_BOOLEAN)],
-        ['showsearchicon', i4.PROP_BOOLEAN],
-        ['tabindex', Object.assign({ value: 0 }, i4.PROP_NUMBER)],
-        ['type', Object.assign({ value: 'search' }, i4.PROP_STRING)],
-        ['debouncetime', Object.assign({ value: 250 }, i4.PROP_NUMBER)],
+        ['allowonlyselect', i3.PROP_BOOLEAN],
+        ['autofocus', i3.PROP_BOOLEAN],
+        ['chipclass', i3.PROP_STRING],
+        ['class', i3.PROP_STRING],
+        ['compareby', i3.PROP_STRING],
+        ['datafield', i3.PROP_STRING],
+        ['dataoptions', i3.PROP_ANY],
+        ['dataset', Object.assign({ value: 'Option 1, Option 2, Option 3' }, i3.PROP_ANY)],
+        ['datasource', i3.PROP_ANY],
+        ['datavalue', i3.PROP_ANY],
+        ['datavaluesource', i3.PROP_ANY],
+        ['dateformat', i3.PROP_STRING],
+        ['disabled', i3.PROP_BOOLEAN],
+        ['displayexpression', i3.PROP_STRING],
+        ['displayfield', i3.PROP_STRING],
+        ['displayimagesrc', i3.PROP_STRING],
+        ['enablereorder', i3.PROP_BOOLEAN],
+        ['groupby', i3.PROP_STRING],
+        ['inputposition', Object.assign({ value: 'last' }, i3.PROP_STRING)],
+        ['inputwidth', Object.assign({ value: 'default' }, i3.PROP_STRING)],
+        ['limit', i3.PROP_NUMBER],
+        ['loadingdatamsg', Object.assign({ value: 'Loading items...' }, i3.PROP_STRING)],
+        ['match', i3.PROP_STRING],
+        ['matchmode', i3.PROP_STRING],
+        ['maxsize', i3.PROP_NUMBER],
+        ['minchars', Object.assign({ value: 1 }, i3.PROP_NUMBER)],
+        ['name', i3.PROP_STRING],
+        ['navsearchbar', Object.assign({ value: false }, i3.PROP_BOOLEAN)],
+        ['orderby', i3.PROP_STRING],
+        ['placeholder', Object.assign({ value: 'Type here..' }, i3.PROP_STRING)],
+        ['query', i3.PROP_STRING],
+        ['readonly', i3.PROP_BOOLEAN],
+        ['searchkey', i3.PROP_STRING],
+        ['shortcutkey', i3.PROP_STRING],
+        ['show', Object.assign({ value: true }, i3.PROP_BOOLEAN)],
+        ['showsearchicon', i3.PROP_BOOLEAN],
+        ['tabindex', Object.assign({ value: 0 }, i3.PROP_NUMBER)],
+        ['type', Object.assign({ value: 'search' }, i3.PROP_STRING)],
+        ['debouncetime', Object.assign({ value: 250 }, i3.PROP_NUMBER)],
     ]);
     const registerProps = () => {
-        i4.register('wm-chips', chipsProps);
-        i4.registerFormWidget(i1.FormWidgetType.CHIPS, new Map(chipsProps));
+        i3.register('wm-chips', chipsProps);
+        i3.registerFormWidget(core.FormWidgetType.CHIPS, new Map(chipsProps));
     };
 
     const _c0 = ["wmChips", ""];
@@ -134,26 +133,25 @@
             this.searchComponent.datasource = nv;
             this._debounceUpdateQueryModel(this.datavalue || this.toBeProcessedDatavalue);
         }
-        constructor(inj, bindDisplayField, bindDisplayExpr, bindDisplayImgSrc, bindDataField, bindDataSet, bindChipclass, _viewParent) {
-            super(inj, WIDGET_CONFIG, _viewParent);
+        constructor(inj, bindDisplayField, bindDisplayExpr, bindDisplayImgSrc, bindDataField, bindDataSet, bindChipclass) {
+            super(inj, WIDGET_CONFIG);
             this.bindDisplayField = bindDisplayField;
             this.bindDisplayExpr = bindDisplayExpr;
             this.bindDisplayImgSrc = bindDisplayImgSrc;
             this.bindDataField = bindDataField;
             this.bindDataSet = bindDataSet;
             this.bindChipclass = bindChipclass;
-            this._viewParent = _viewParent;
             this.chipsList = [];
             this.maxSizeReached = 'Max size reached';
             this._unsubscribeDv = false;
-            i4.styler(this.nativeElement, this);
+            i3.styler(this.nativeElement, this);
             // set the showsearchicon as false by default.
-            if (!i1.isDefined(this.showsearchicon)) {
+            if (!core.isDefined(this.showsearchicon)) {
                 this.showsearchicon = false;
             }
             this.multiple = true;
             this.nextItemIndex = 0; // default chip index
-            this._debounceUpdateQueryModel = i1.debounce((val) => {
+            this._debounceUpdateQueryModel = core.debounce((val) => {
                 this.updateQueryModel(val).then(() => {
                     if (this.bindChipclass) {
                         _.forEach(this.chipsList, (item, index) => {
@@ -214,10 +212,10 @@
         registerChipItemClass(item, $index) {
             if (this.bindChipclass) {
                 const watchName = `${this.widgetId}_chipItemClass_${$index}`;
-                i1.$unwatch(watchName);
+                core.$unwatch(watchName);
                 //[Todo-CSP]: same as list item class
-                this.registerDestroyListener(i1.$watch(this.bindChipclass, this.viewParent, { item, $index }, (nv, ov) => {
-                    this.applyItemClass(i4.getConditionalClasses(nv, ov), $index);
+                this.registerDestroyListener(core.$watch(this.bindChipclass, this.viewParent, { item, $index }, (nv, ov) => {
+                    this.applyItemClass(i3.getConditionalClasses(nv, ov), $index);
                 }, watchName));
             }
         }
@@ -226,7 +224,7 @@
             $(chipItem).removeClass(val.toRemove).addClass(val.toAdd);
         }
         removeDuplicates() {
-            this.chipsList = i4.getUniqObjsByDataField(this.chipsList, this.datafield, this.displayfield || this.displaylabel);
+            this.chipsList = i3.getUniqObjsByDataField(this.chipsList, this.datafield, this.displayfield || this.displaylabel);
         }
         // This method updates the queryModel.
         // default call to get the default data can be done only when defaultQuery is true.
@@ -262,10 +260,10 @@
                 if (itemFound) {
                     this.chipsList.push(itemFound);
                 }
-                else if (this.datafield !== i4.ALLFIELDS) {
+                else if (this.datafield !== i3.ALLFIELDS) {
                     searchQuery.push(val);
                 }
-                else if (this.datafield === i4.ALLFIELDS) {
+                else if (this.datafield === i3.ALLFIELDS) {
                     let dataObj, isCustom = false;
                     if (!_.isObject(val)) {
                         dataObj = this.createCustomDataModel(val);
@@ -324,7 +322,7 @@
                 this._modelByValue = data;
                 this.removeDuplicates();
                 this.updateMaxSize();
-                i1.$appDigest();
+                core.$appDigest();
             });
         }
         resetSearchModel(defaultQuery) {
@@ -339,7 +337,7 @@
             const searchComponent = widget;
             let allowAdd;
             let chipObj;
-            if (searchComponent && i1.isDefined(searchComponent.datavalue) && searchComponent.queryModel !== '') {
+            if (searchComponent && core.isDefined(searchComponent.datavalue) && searchComponent.queryModel !== '') {
                 if (!searchComponent.query || !_.trim(searchComponent.query)) {
                     return;
                 }
@@ -350,7 +348,7 @@
                     return;
                 }
                 let dataObj;
-                if (this.datafield === i4.ALLFIELDS) {
+                if (this.datafield === i3.ALLFIELDS) {
                     if (!_.isObject(this.searchComponent.query) && _.trim(this.searchComponent.query)) {
                         dataObj = this.createCustomDataModel(this.searchComponent.query);
                         // return if the custom chip is empty
@@ -367,11 +365,11 @@
                     chipObj.iscustom = true;
                 }
             }
-            if (!i1.isDefined(chipObj) || chipObj === '') {
+            if (!core.isDefined(chipObj) || chipObj === '') {
                 return;
             }
             allowAdd = this.invokeEventCallback('beforeadd', { $event, newItem: chipObj });
-            if (i1.isDefined(allowAdd) && !i1.toBoolean(allowAdd)) {
+            if (core.isDefined(allowAdd) && !core.toBoolean(allowAdd)) {
                 return;
             }
             if (this.isDuplicate(chipObj)) {
@@ -400,7 +398,7 @@
         }
         // Prepare datavalue object from a string(junk) value when datafield is allFields.
         createCustomDataModel(val) {
-            const key = this.displayfield || (this.datafield !== i4.ALLFIELDS ? this.datafield : undefined);
+            const key = this.displayfield || (this.datafield !== i3.ALLFIELDS ? this.datafield : undefined);
             if (key) {
                 const customObj = {};
                 customObj[key] = val;
@@ -409,7 +407,7 @@
         }
         // Check if newItem already exists
         isDuplicate(item) {
-            if (this.datafield === i4.ALLFIELDS) {
+            if (this.datafield === i3.ALLFIELDS) {
                 return _.findIndex(this.chipsList, { value: item.value }) > -1;
             }
             return _.findIndex(this.chipsList, { key: item.key }) > -1;
@@ -448,7 +446,7 @@
             $event.preventDefault();
         }
         onTextDelete($event) {
-            if (i1.isAppleProduct) {
+            if (core.isAppleProduct) {
                 this.onInputClear($event);
             }
         }
@@ -476,7 +474,7 @@
                 return;
             }
             // On left arrow click when search input query is empty.
-            if (!this.searchComponent.query && !i1.isDefined($index) && !i1.isDefined($item)) {
+            if (!this.searchComponent.query && !core.isDefined($index) && !core.isDefined($item)) {
                 this.$element.find('li.chip-item > a.app-chip').last().focus();
                 return;
             }
@@ -492,7 +490,7 @@
                 return;
             }
             // On right arrow click when search input query is empty.
-            if (!this.searchComponent.query && !i1.isDefined($index) && !i1.isDefined($item)) {
+            if (!this.searchComponent.query && !core.isDefined($index) && !core.isDefined($item)) {
                 this.$element.find('li.chip-item > a.app-chip').first().focus();
                 return;
             }
@@ -518,7 +516,7 @@
             }, []);
             // prevent deletion if the before-remove event callback returns false
             const allowRemove = this.invokeEventCallback('beforeremove', { $event, $item: items.length === 1 ? items[0] : items });
-            if (i1.isDefined(allowRemove) && !i1.toBoolean(allowRemove)) {
+            if (core.isDefined(allowRemove) && !core.toBoolean(allowRemove)) {
                 return;
             }
             const prevDatavalue = _.clone(this.datavalue);
@@ -584,7 +582,7 @@
                 items: '> li:not(.app-chip-search)',
                 placeholder: 'chip-placeholder'
             };
-            i4.configureDnD(this.$element, options, this.onReorderStart.bind(this), this.update.bind(this));
+            i3.configureDnD(this.$element, options, this.onReorderStart.bind(this), this.update.bind(this));
         }
         // Triggered on drag start while reordering.
         onReorderStart(evt, ui) {
@@ -611,7 +609,7 @@
             }
             changedItem.item = this.chipsList[oldIndex];
             const allowReorder = this.invokeEventCallback('beforereorder', { $event, $data: this.chipsList, $changedItem: changedItem });
-            if (i1.isDefined(allowReorder) && i1.toBoolean(allowReorder) === false) {
+            if (core.isDefined(allowReorder) && core.toBoolean(allowReorder) === false) {
                 this.resetReorder();
                 return;
             }
@@ -689,20 +687,20 @@
         }
     }
     ChipsComponent.initializeProps = registerProps();
-    ChipsComponent.ɵfac = function ChipsComponent_Factory(t) { return new (t || ChipsComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵinjectAttribute('displayfield.bind'), i0__namespace.ɵɵinjectAttribute('displayexpression.bind'), i0__namespace.ɵɵinjectAttribute('displayimagesrc.bind'), i0__namespace.ɵɵinjectAttribute('datafield.bind'), i0__namespace.ɵɵinjectAttribute('dataset.bind'), i0__namespace.ɵɵinjectAttribute('chipclass.bind'), i0__namespace.ɵɵdirectiveInject(i1__namespace.UserDefinedExecutionContext, 12)); };
+    ChipsComponent.ɵfac = function ChipsComponent_Factory(t) { return new (t || ChipsComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵinjectAttribute('displayfield.bind'), i0__namespace.ɵɵinjectAttribute('displayexpression.bind'), i0__namespace.ɵɵinjectAttribute('displayimagesrc.bind'), i0__namespace.ɵɵinjectAttribute('datafield.bind'), i0__namespace.ɵɵinjectAttribute('dataset.bind'), i0__namespace.ɵɵinjectAttribute('chipclass.bind')); };
     ChipsComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: ChipsComponent, selectors: [["", "wmChips", ""]], viewQuery: function ChipsComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(i3.SearchComponent, 7);
+                i0__namespace.ɵɵviewQuery(i2.SearchComponent, 7);
             }
             if (rf & 2) {
                 let _t;
                 i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.searchComponent = _t.first);
             }
         }, features: [i0__namespace.ɵɵProvidersFeature([
-                i4.provideAs(ChipsComponent, forms.NG_VALUE_ACCESSOR, true),
-                i4.provideAsWidgetRef(ChipsComponent),
+                i3.provideAs(ChipsComponent, forms.NG_VALUE_ACCESSOR, true),
+                i3.provideAsWidgetRef(ChipsComponent),
                 {
-                    provide: i1.UserDefinedExecutionContext,
+                    provide: core.UserDefinedExecutionContext,
                     useExisting: ChipsComponent
                 }
             ]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c0, decls: 4, vars: 4, consts: [["role", "option", 3, "class", "ngClass", 4, "ngFor", "ngForOf"], [1, "app-chip-search", 3, "ngClass"], ["wmSearch", "", "name", "app-chip-search", "submit.event", "addItem($event, widget)", "beforeservicecall.event", "invokeOnBeforeServiceCall(inputData)", "disabled.bind", "disabled || readonly || saturate", "datafield.bind", "datafield", "allowonlyselect.bind", "allowonlyselect", "searchkey.bind", "searchkey", "orderby.bind", "orderby", "placeholder.bind", "saturate ? maxSizeReached : placeholder", "showsearchicon.bind", "showsearchicon", "tabindex.bind", "tabindex", "minchars.bind", "minchars", "debouncetime.bind", "debouncetime", "matchmode.bind", "matchmode", "groupby.bind", "groupby", "match.bind", "match", "dateformat.bind", "dateformat", 1, "app-chip-input", 3, "keydown.enter", "keydown.delete", "keydown.backspace", "keydown.arrowleft", "keydown.arrowright"], ["search", ""], ["role", "option", 3, "ngClass"], ["href", "javascript:void(0);", "tabindex", "-1", 1, "app-chip", 3, "ngClass", "click", "keydown.delete", "keydown.backspace", "keydown.arrowleft", "keydown.arrowright", "focus", "blur"], ["data-identifier", "img", "alt", "Chip Image", "class", "button-image-icon", 3, "src", 4, "ngIf"], [1, "app-chip-title", 3, "textContent", "title"], ["type", "button", "tabindex", "-1", "aria-label", "Clear Button", "class", "btn btn-transparent", 3, "click", 4, "ngIf"], ["data-identifier", "img", "alt", "Chip Image", 1, "button-image-icon", 3, "src"], ["type", "button", "tabindex", "-1", "aria-label", "Clear Button", 1, "btn", "btn-transparent", 3, "click"], [1, "app-icon", "wi", "wi-close"]], template: function ChipsComponent_Template(rf, ctx) {
@@ -717,15 +715,15 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(2, _c3, ctx.inputwidth === "full"));
             }
-        }, dependencies: [i2__namespace.NgClass, i2__namespace.NgForOf, i2__namespace.NgIf, i3__namespace.SearchComponent, i4__namespace.TextContentDirective], encapsulation: 2 });
+        }, dependencies: [i1__namespace.NgClass, i1__namespace.NgForOf, i1__namespace.NgIf, i2__namespace.SearchComponent, i3__namespace.TextContentDirective], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ChipsComponent, [{
                 type: i0.Component,
                 args: [{ selector: '[wmChips]', providers: [
-                            i4.provideAs(ChipsComponent, forms.NG_VALUE_ACCESSOR, true),
-                            i4.provideAsWidgetRef(ChipsComponent),
+                            i3.provideAs(ChipsComponent, forms.NG_VALUE_ACCESSOR, true),
+                            i3.provideAsWidgetRef(ChipsComponent),
                             {
-                                provide: i1.UserDefinedExecutionContext,
+                                provide: core.UserDefinedExecutionContext,
                                 useExisting: ChipsComponent
                             }
                         ], template: "<li class=\"chip-item {{chipclass && !bindChipclass ? chipclass : ''}}\" role=\"option\" *ngFor=\"let item of chipsList; let $index = index;\"\n    [ngClass]=\"{'active': item.active, 'disabled': disabled}\">\n    <a class=\"app-chip\" href=\"javascript:void(0);\" tabindex=\"-1\"\n       (click)=\"handleChipClick($event, item)\"\n       (keydown.delete)=\"onDelete($event, item, $index)\"\n       (keydown.backspace)=\"onBackspace($event, item, $index)\"\n       (keydown.arrowleft)=\"onArrowLeft(item, $index)\"\n       (keydown.arrowright)=\"onArrowRight(item, $index)\"\n       (focus)=\"handleChipFocus($event, item)\"\n       (blur)=\"readonly ? 0 : item.active = false\"\n       [ngClass]=\"{'chip-duplicate bg-danger': item.isDuplicate, 'chip-picture': item.imgSrc}\">\n        <img data-identifier=\"img\" alt=\"Chip Image\" class=\"button-image-icon\" [src]=\"item.imgSrc\" *ngIf=\"item.imgSrc\"/>\n        <span class=\"app-chip-title\" [textContent]=\"item.label\" [title]=\"item.label\"></span>\n        <button type=\"button\" tabindex=\"-1\" aria-label=\"Clear Button\" class=\"btn btn-transparent\" (click)=\"removeItem($event, item, $index);\" *ngIf=\"!readonly\">\n            <i class=\"app-icon wi wi-close\"></i>\n        </button>\n    </a>\n</li>\n<li class=\"app-chip-search\" [ngClass]=\"{'full-width': inputwidth === 'full'}\">\n    <div #search wmSearch class=\"app-chip-input\"\n         name=\"app-chip-search\"\n         submit.event=\"addItem($event, widget)\"\n         beforeservicecall.event=\"invokeOnBeforeServiceCall(inputData)\"\n         disabled.bind=\"disabled || readonly || saturate\"\n         datafield.bind=\"datafield\"\n         allowonlyselect.bind=\"allowonlyselect\"\n         searchkey.bind=\"searchkey\"\n         orderby.bind=\"orderby\"\n         placeholder.bind=\"saturate ? maxSizeReached : placeholder\"\n         showsearchicon.bind=\"showsearchicon\"\n         tabindex.bind=\"tabindex\"\n         minchars.bind=\"minchars\"\n         debouncetime.bind=\"debouncetime\"\n         matchmode.bind=\"matchmode\"\n         groupby.bind=\"groupby\"\n         match.bind=\"match\"\n         dateformat.bind=\"dateformat\"\n         (keydown.enter)=\"stopEvent($event)\"\n         (keydown.delete)=\"onTextDelete($event)\"\n         (keydown.backspace)=\"onInputClear($event)\"\n         (keydown.arrowleft)=\"onArrowLeft()\"\n         (keydown.arrowright)=\"onArrowRight()\">\n    </div>\n</li>\n" }]
@@ -748,14 +746,10 @@
                         }] }, { type: undefined, decorators: [{
                             type: i0.Attribute,
                             args: ['chipclass.bind']
-                        }] }, { type: i1__namespace.UserDefinedExecutionContext, decorators: [{
-                            type: i0.SkipSelf
-                        }, {
-                            type: i0.Optional
                         }] }];
         }, { searchComponent: [{
                     type: i0.ViewChild,
-                    args: [i3.SearchComponent, /* TODO: add static flag */ { static: true }]
+                    args: [i2.SearchComponent, /* TODO: add static flag */ { static: true }]
                 }] });
     })();
 
@@ -766,17 +760,17 @@
     }
     ChipsModule.ɵfac = function ChipsModule_Factory(t) { return new (t || ChipsModule)(); };
     ChipsModule.ɵmod = /*@__PURE__*/ i0__namespace.ɵɵdefineNgModule({ type: ChipsModule });
-    ChipsModule.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [i2.CommonModule,
-            i3.SearchModule,
-            i4.WmComponentsModule] });
+    ChipsModule.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [i1.CommonModule,
+            i2.SearchModule,
+            i3.WmComponentsModule] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ChipsModule, [{
                 type: i0.NgModule,
                 args: [{
                         imports: [
-                            i2.CommonModule,
-                            i3.SearchModule,
-                            i4.WmComponentsModule
+                            i1.CommonModule,
+                            i2.SearchModule,
+                            i3.WmComponentsModule
                         ],
                         declarations: [...components],
                         exports: [...components]
@@ -784,9 +778,9 @@
             }], null, null);
     })();
     (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(ChipsModule, { declarations: [ChipsComponent], imports: [i2.CommonModule,
-                i3.SearchModule,
-                i4.WmComponentsModule], exports: [ChipsComponent] });
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(ChipsModule, { declarations: [ChipsComponent], imports: [i1.CommonModule,
+                i2.SearchModule,
+                i3.WmComponentsModule], exports: [ChipsComponent] });
     })();
 
     exports.ChipsComponent = ChipsComponent;

app-ng-runtime/components/input/chips/chips.component.d.ts

@@ -1,5 +1,4 @@
 import { AfterViewInit, Injector, OnInit } from '@angular/core';
-import { UserDefinedExecutionContext } from '@wm/core';
 import { DataSetItem } from '@wm/components/base';
 import { DatasetAwareFormComponent } from '@wm/components/input';
 import { SearchComponent } from '@wm/components/basic/search';
@@ -11,7 +10,6 @@ export declare class ChipsComponent extends DatasetAwareFormComponent implements
     private bindDataField;
     private bindDataSet;
     private bindChipclass;
-    _viewParent: UserDefinedExecutionContext;
     static initializeProps: void;
     allowonlyselect: boolean;
     enablereorder: boolean;
@@ -36,7 +34,7 @@ export declare class ChipsComponent extends DatasetAwareFormComponent implements
     private matchmode;
     get datasource(): any;
     set datasource(nv: any);
-    constructor(inj: Injector, bindDisplayField: any, bindDisplayExpr: any, bindDisplayImgSrc: any, bindDataField: any, bindDataSet: any, bindChipclass: any, _viewParent: UserDefinedExecutionContext);
+    constructor(inj: Injector, bindDisplayField: any, bindDisplayExpr: any, bindDisplayImgSrc: any, bindDataField: any, bindDataSet: any, bindChipclass: any);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     /**
@@ -83,6 +81,6 @@ export declare class ChipsComponent extends DatasetAwareFormComponent implements
     private onReorderStart;
     private update;
     onPropertyChange(key: string, nv: any, ov: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ChipsComponent, [null, { attribute: "displayfield.bind"; }, { attribute: "displayexpression.bind"; }, { attribute: "displayimagesrc.bind"; }, { attribute: "datafield.bind"; }, { attribute: "dataset.bind"; }, { attribute: "chipclass.bind"; }, { optional: true; skipSelf: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChipsComponent, [null, { attribute: "displayfield.bind"; }, { attribute: "displayexpression.bind"; }, { attribute: "displayimagesrc.bind"; }, { attribute: "datafield.bind"; }, { attribute: "dataset.bind"; }, { attribute: "chipclass.bind"; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ChipsComponent, "[wmChips]", never, {}, {}, never, never, false, never>;
 }