@acorex/components 1.3.83 → 1.3.84

package/fesm5/acorex-components.js

@@ -14,6 +14,7 @@ import { trigger, state, style, transition, animate } from '@angular/animations'
 import { TextMaskModule } from 'angular2-text-mask';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { A11yModule } from '@angular/cdk/a11y';
+import { differenceBy } from 'lodash';
 import { RouterModule } from '@angular/router';
 
 // @dynamic
@@ -8244,6 +8245,7 @@ var AXSelectBoxComponent = /** @class */ (function (_super) {
         _this.onBlur = new EventEmitter();
         _this.onFocus = new EventEmitter();
         _this._items = [];
+        _this.hasSelectedValue = false;
         _this.itemsFiltered = [];
         // #endregion
         _this.dropDownDisabled = false;
@@ -8297,27 +8299,46 @@ var AXSelectBoxComponent = /** @class */ (function (_super) {
             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;
@@ -8359,27 +8380,29 @@ var AXSelectBoxComponent = /** @class */ (function (_super) {
         }
     };
     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 t = this.items.length;
-            for (var i = 0; i < t; i++) {
-                this.items.pop();
+        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);
             }
-            // 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) {
@@ -8446,6 +8469,9 @@ var AXSelectBoxComponent = /** @class */ (function (_super) {
             }
             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]; })) {
@@ -8457,7 +8483,26 @@ var AXSelectBoxComponent = /** @class */ (function (_super) {
                         }
                         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 = differenceBy(addId_1, _this.selectedItems, 'ID');
+                                    var vv_1 = [];
+                                    newId.forEach(function (rc) {
+                                        vv_1.push(rc['ID']);
+                                    });
+                                    _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]; });
@@ -8497,7 +8542,8 @@ var AXSelectBoxComponent = /** @class */ (function (_super) {
         if (this.mode == 'single') {
             this.showCheckBox = false;
         }
-        if (!this.remoteOperation) {
+        debugger;
+        if (!this.remoteOperation || (this.remoteOperation && this.hasSelectedValue)) {
             this.refresh();
         }
     };
@@ -8645,7 +8691,7 @@ var AXSelectBoxComponent = /** @class */ (function (_super) {
             // this.selectedItemsChange.emit(this._selectedItems);
             // this.clearValidationStyle(this.ref.nativeElement);
         }
-        this.text = '';
+        // this.text = '';
         this.cdr.markForCheck();
     };
     AXSelectBoxComponent.prototype.onFocusTextBox = function (e) { };