@acorex/components 1.3.81 → 1.3.85

package/bundles/acorex-components.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@acorex/core'), require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('rxjs'), require('@angular/cdk/bidi'), require('@angular/common'), require('@angular/cdk/platform'), require('rxjs/operators'), require('@angular/cdk/drag-drop'), require('@angular/forms'), require('@angular/animations'), require('angular2-text-mask'), require('@angular/platform-browser/animations'), require('@angular/cdk/a11y'), require('@angular/router')) :
-    typeof define === 'function' && define.amd ? define('@acorex/components', ['exports', '@angular/core', '@acorex/core', '@angular/cdk/overlay', '@angular/cdk/portal', 'rxjs', '@angular/cdk/bidi', '@angular/common', '@angular/cdk/platform', 'rxjs/operators', '@angular/cdk/drag-drop', '@angular/forms', '@angular/animations', 'angular2-text-mask', '@angular/platform-browser/animations', '@angular/cdk/a11y', '@angular/router'], factory) :
-    (global = global || self, factory((global.acorex = global.acorex || {}, global.acorex.components = {}), global.ng.core, global['@acorex/core'], global.ng.cdk.overlay, global.ng.cdk.portal, global.rxjs, global.ng.cdk.bidi, global.ng.common, global.ng.cdk.platform, global.rxjs.operators, global.ng.cdk.dragDrop, global.ng.forms, global.ng.animations, global.angular2TextMask, global.ng.platformBrowser.animations, global.ng.cdk.a11y, global.ng.router));
-}(this, (function (exports, core, core$1, overlay, portal, rxjs, bidi, common, platform, operators, dragDrop, forms, animations, angular2TextMask, animations$1, a11y, router) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@acorex/core'), require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('rxjs'), require('@angular/cdk/bidi'), require('@angular/common'), require('@angular/cdk/platform'), require('rxjs/operators'), require('@angular/cdk/drag-drop'), require('@angular/forms'), require('@angular/animations'), require('angular2-text-mask'), require('@angular/platform-browser/animations'), require('@angular/cdk/a11y'), require('lodash'), require('@angular/router')) :
+    typeof define === 'function' && define.amd ? define('@acorex/components', ['exports', '@angular/core', '@acorex/core', '@angular/cdk/overlay', '@angular/cdk/portal', 'rxjs', '@angular/cdk/bidi', '@angular/common', '@angular/cdk/platform', 'rxjs/operators', '@angular/cdk/drag-drop', '@angular/forms', '@angular/animations', 'angular2-text-mask', '@angular/platform-browser/animations', '@angular/cdk/a11y', 'lodash', '@angular/router'], factory) :
+    (global = global || self, factory((global.acorex = global.acorex || {}, global.acorex.components = {}), global.ng.core, global['@acorex/core'], global.ng.cdk.overlay, global.ng.cdk.portal, global.rxjs, global.ng.cdk.bidi, global.ng.common, global.ng.cdk.platform, global.rxjs.operators, global.ng.cdk.dragDrop, global.ng.forms, global.ng.animations, global.angular2TextMask, global.ng.platformBrowser.animations, global.ng.cdk.a11y, global.lodash, global.ng.router));
+}(this, (function (exports, core, core$1, overlay, portal, rxjs, bidi, common, platform, operators, dragDrop, forms, animations, angular2TextMask, animations$1, a11y, lodash, router) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -8451,6 +8451,7 @@
             _this.onBlur = new core.EventEmitter();
             _this.onFocus = new core.EventEmitter();
             _this._items = [];
+            _this.hasSelectedValue = false;
             _this.itemsFiltered = [];
             // #endregion
             _this.dropDownDisabled = false;
@@ -8491,6 +8492,7 @@
                 if (this.itemsChange) {
                     this.itemsChange.emit(v);
                 }
+                debugger;
                 if (this.itemsStatusObserver) {
                     this.itemsStatusObserver.next(this.items.length);
                 }
@@ -8503,27 +8505,46 @@
                 return this._selectedItems || [];
             },
             set: function (v) {
-                var _this = this;
-                if (!v) {
-                    v = [];
-                }
-                var old = this.selectedItems;
-                if (JSON.stringify(old) !== JSON.stringify(v)) {
-                    this._selectedItems = this.mode == 'single' ? v.slice(0, 1) : __spread(new Set(v)); //[...new Set(v[0])] : [...new Set(v)];
-                    this._selectedItems.forEach(function (c) { return (c.selected = true); });
-                    this.selectedItemsChange.emit(this._selectedItems);
-                    this.selectedValuesChange.emit(this.selectedValues);
-                    this.clearValidationStyle(this.ref.nativeElement);
-                    this.waitForData(function () {
-                        if (_this._selectedItems) {
-                            _this.items.forEach(function (c) { return (c.selected = _this._selectedItems.some(function (i) { return i[_this.valueField] == c[_this.valueField]; })); });
-                        }
-                    });
-                }
+                this.setSelectedItemsChange(v);
+                // if (!v) {
+                //   v = [];
+                // }
+                // const old = this.selectedItems;
+                // if (JSON.stringify(old) !== JSON.stringify(v)) {
+                //   this._selectedItems = this.mode == 'single' ? v.slice(0, 1) : [...new Set(v)]; //[...new Set(v[0])] : [...new Set(v)];
+                //   this._selectedItems.forEach((c) => (c.selected = true));
+                //   this.selectedItemsChange.emit(this._selectedItems);
+                //   this.selectedValuesChange.emit(this.selectedValues);
+                //   this.clearValidationStyle(this.ref.nativeElement);
+                //   this.waitForData(() => {
+                //     if (this._selectedItems) {
+                //       this.items.forEach((c) => (c.selected = this._selectedItems.some((i) => i[this.valueField] == c[this.valueField])));
+                //     }
+                //   });
+                // }
             },
             enumerable: true,
             configurable: true
         });
+        AXSelectBoxComponent.prototype.setSelectedItemsChange = function (v) {
+            var _this = this;
+            if (!v) {
+                v = [];
+            }
+            var old = this.selectedItems;
+            if (JSON.stringify(old) !== JSON.stringify(v)) {
+                this._selectedItems = this.mode == 'single' ? v.slice(0, 1) : __spread(new Set(v)); //[...new Set(v[0])] : [...new Set(v)];
+                this._selectedItems.forEach(function (c) { return (c.selected = true); });
+                this.selectedItemsChange.emit(this._selectedItems);
+                this.selectedValuesChange.emit(this.selectedValues);
+                this.clearValidationStyle(this.ref.nativeElement);
+                this.waitForData(function () {
+                    if (_this._selectedItems) {
+                        _this.items.forEach(function (c) { return (c.selected = _this._selectedItems.some(function (i) { return i[_this.valueField] == c[_this.valueField]; })); });
+                    }
+                });
+            }
+        };
         AXSelectBoxComponent.prototype.ngOnInit = function () {
             if (this.rowTemplate === undefined && this.rowInputTemplate != undefined) {
                 this.rowTemplate = this.rowInputTemplate;
@@ -8565,20 +8586,29 @@
             }
         };
         AXSelectBoxComponent.prototype.textChanged = function (e) {
-            // if((e.value === null || e.value=== undefined || e.value === "") && (e.oldValue === null || e.oldValue === undefined || e.oldValue === "")){
-            // }else{
-            this.currentfocusedIndex = -1;
-            if (this.remoteOperation) {
-                this.searchText = this.text;
-                //  this.searchText = e.value;
-                // this.text = e.value;
-                this.items = [];
-                var params = {};
-                params.searchText = this.text;
-                // params.searchText = e.value;
-                params.skip = 0;
-                params.take = this.bufferSize;
-                this.fetch(params);
+            if ((e.value === null || e.value === undefined || e.value === '') && (e.oldValue === null || e.oldValue === undefined || e.oldValue === '')) {
+            }
+            else {
+                this.currentfocusedIndex = -1;
+                if (this.remoteOperation) {
+                    this.searchText = this.text;
+                    //  this.searchText = e.value;
+                    // this.text = e.value;
+                    // this.items = [];
+                    var t = this.items.length;
+                    for (var i = 0; i < t; i++) {
+                        this.items.pop();
+                    }
+                    // this.items.forEach((element) => {
+                    //   this.items.pop();
+                    // });
+                    var params = {};
+                    params.searchText = this.text;
+                    // params.searchText = e.value;
+                    params.skip = 0;
+                    params.take = this.bufferSize;
+                    this.fetch(params);
+                }
             }
         };
         AXSelectBoxComponent.prototype.onButtonClick = function (e) {
@@ -8645,10 +8675,13 @@
                 }
                 else {
                     if (v !== undefined) {
+                        if (v != [] && v != '' && v != null) {
+                            this.hasSelectedValue = true;
+                        }
                         this.waitForData(function () {
                             if (_this.mode === 'single') {
-                                if (_this.items.filter(function (c) { return v === c[_this.valueField]; })) {
-                                    _this.selectedItems = _this.items.filter(function (c) { return v === c[_this.valueField]; });
+                                if (_this.items.filter(function (c) { return v == c[_this.valueField]; })) {
+                                    _this.selectedItems = _this.items.filter(function (c) { return v == c[_this.valueField]; });
                                 }
                                 else {
                                     _this.selectedItems = [];
@@ -8656,7 +8689,26 @@
                             }
                             else {
                                 if (Array.isArray(v)) {
-                                    _this.selectedItems = _this.items.filter(function (c) { return v.includes(c[_this.valueField]); });
+                                    debugger;
+                                    if (_this.selectedItems.length > v.length) {
+                                        _this.selectedItems = _this.selectedItems.filter(function (c) { return v.includes(c[_this.valueField]); });
+                                    }
+                                    else {
+                                        var addId_1 = [];
+                                        v.forEach(function (vId) {
+                                            addId_1.push({
+                                                ID: vId
+                                            });
+                                        });
+                                        var newId = lodash.differenceBy(addId_1, _this.selectedItems, _this.valueField);
+                                        var vv_1 = [];
+                                        newId.forEach(function (rc) {
+                                            vv_1.push(rc[_this.valueField]);
+                                        });
+                                        _this.selectedItems.push(_this.items.filter(function (c) { return vv_1.includes(c[_this.valueField]); })[0]);
+                                        _this.setSelectedItemsChange(_this.selectedItems);
+                                    }
+                                    //  this.selectedItems = this.items.filter((c) => v.includes(c[this.valueField]));
                                 }
                                 else if (v) {
                                     _this.selectedItems = _this.items.filter(function (c) { return v === c[_this.valueField]; });
@@ -8696,7 +8748,8 @@
             if (this.mode == 'single') {
                 this.showCheckBox = false;
             }
-            if (!this.remoteOperation) {
+            debugger;
+            if (!this.remoteOperation || (this.remoteOperation && this.hasSelectedValue)) {
                 this.refresh();
             }
         };
@@ -8704,6 +8757,7 @@
             var _this = this;
             this.text = '';
             if (this.dropdown.isOpen) {
+                this.refresh();
                 setTimeout(function () {
                     if (_this.serchBox) {
                         _this.serchBox.focus();
@@ -8711,7 +8765,7 @@
                 }, 1);
             }
             else {
-                this.refresh();
+                //  this.refresh();
             }
         };
         AXSelectBoxComponent.prototype.ngAfterContentInit = function () {
@@ -8741,12 +8795,18 @@
                 if (this.searchText && this.searchText != null && this.searchText !== '') {
                     if (data.totalCount) {
                         if (this.items.length == 0) {
-                            this.items = data.items;
+                            //this.items = data.items;
+                            data.items.forEach(function (item) {
+                                _this.items.push(item);
+                            });
                         }
                         else {
                             data.items.forEach(function (item) {
                                 _this.items.push(item);
                             });
+                            // if (this.itemsStatusObserver) {
+                            //   this.itemsStatusObserver.next(this.items.length);
+                            // }
                         }
                         this.totalCount = data.totalCount;
                     }
@@ -8758,6 +8818,9 @@
                             data.items.forEach(function (item) {
                                 _this.items.push(item);
                             });
+                            // if (this.itemsStatusObserver) {
+                            //   this.itemsStatusObserver.next(this.items.length);
+                            // }
                         }
                         this.totalCount = data.items == undefined ? 0 : data.items.length;
                     }
@@ -8770,6 +8833,9 @@
                     data.items.forEach(function (elm) {
                         _this.items.push(elm);
                     });
+                    // if (this.itemsStatusObserver) {
+                    //   this.itemsStatusObserver.next(this.items.length);
+                    // }
                     this.totalCount = data.totalCount;
                 }
                 else {
@@ -8805,7 +8871,14 @@
                 params.take = this.bufferSize;
             }
             if (this.dataSource != undefined) {
-                this.items = [];
+                // this.items = [];
+                // this.items.forEach((element) => {
+                //   this.items.pop();
+                // });
+                var t = this.items.length;
+                for (var i = 0; i < t; i++) {
+                    this.items.pop();
+                }
                 this.fetch(params);
             }
         };
@@ -8824,7 +8897,7 @@
                 // this.selectedItemsChange.emit(this._selectedItems);
                 // this.clearValidationStyle(this.ref.nativeElement);
             }
-            this.text = '';
+            // this.text = '';
             this.cdr.markForCheck();
         };
         AXSelectBoxComponent.prototype.onFocusTextBox = function (e) { };
@@ -9185,6 +9258,7 @@
                     .pipe(operators.debounceTime(100))
                     .pipe(operators.distinctUntilChanged())
                     .subscribe(function (c) {
+                    debugger;
                     callbackfn();
                 });
             }