@acorex/components 1.3.83 → 1.3.87

package/fesm2015/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
@@ -7753,6 +7754,7 @@ let AXSelectBoxComponent = AXSelectBoxComponent_1 = class AXSelectBoxComponent e
         this.onBlur = new EventEmitter();
         this.onFocus = new EventEmitter();
         this._items = [];
+        this.hasSelectedValue = false;
         this.itemsFiltered = [];
         // #endregion
         this.dropDownDisabled = false;
@@ -7791,6 +7793,25 @@ let AXSelectBoxComponent = AXSelectBoxComponent_1 = class AXSelectBoxComponent e
         return this._selectedItems || [];
     }
     set selectedItems(v) {
+        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])));
+        //     }
+        //   });
+        // }
+    }
+    setSelectedItemsChange(v) {
         if (!v) {
             v = [];
         }
@@ -7849,27 +7870,29 @@ let AXSelectBoxComponent = AXSelectBoxComponent_1 = class AXSelectBoxComponent e
         }
     }
     textChanged(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 = [];
-            let t = this.items.length;
-            for (let 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 = [];
+                let t = this.items.length;
+                for (let i = 0; i < t; i++) {
+                    this.items.pop();
+                }
+                // this.items.forEach((element) => {
+                //   this.items.pop();
+                // });
+                const 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();
-            // });
-            const params = {};
-            params.searchText = this.text;
-            // params.searchText = e.value;
-            params.skip = 0;
-            params.take = this.bufferSize;
-            this.fetch(params);
         }
     }
     onButtonClick(e) {
@@ -7931,6 +7954,9 @@ let AXSelectBoxComponent = AXSelectBoxComponent_1 = class AXSelectBoxComponent e
         }
         else {
             if (v !== undefined) {
+                if (v != [] && v != '' && v != null) {
+                    this.hasSelectedValue = true;
+                }
                 this.waitForData(() => {
                     if (this.mode === 'single') {
                         if (this.items.filter((c) => v == c[this.valueField])) {
@@ -7942,7 +7968,31 @@ let AXSelectBoxComponent = AXSelectBoxComponent_1 = class AXSelectBoxComponent e
                     }
                     else {
                         if (Array.isArray(v)) {
-                            this.selectedItems = this.items.filter((c) => v.includes(c[this.valueField]));
+                            debugger;
+                            if (this.selectedItems.length > v.length) {
+                                this.selectedItems = this.selectedItems.filter((c) => v.includes(c[this.valueField]));
+                            }
+                            else {
+                                let addId = [];
+                                v.forEach((vId) => {
+                                    addId.push({
+                                        [this.valueField]: vId
+                                    });
+                                });
+                                let newId = differenceBy(addId, this.selectedItems, this.valueField);
+                                let vv = [];
+                                newId.forEach((rc) => {
+                                    vv.push(rc[this.valueField]);
+                                });
+                                this.items
+                                    .filter((c) => vv.includes(c[this.valueField]))
+                                    .forEach((res) => {
+                                    this.selectedItems.push(res);
+                                });
+                                //  this.selectedItems.push(this.items.filter((c) => vv.includes(c[this.valueField])));
+                                this.setSelectedItemsChange(this.selectedItems);
+                            }
+                            //  this.selectedItems = this.items.filter((c) => v.includes(c[this.valueField]));
                         }
                         else if (v) {
                             this.selectedItems = this.items.filter((c) => v === c[this.valueField]);
@@ -7979,7 +8029,8 @@ let AXSelectBoxComponent = AXSelectBoxComponent_1 = class AXSelectBoxComponent e
         if (this.mode == 'single') {
             this.showCheckBox = false;
         }
-        if (!this.remoteOperation) {
+        debugger;
+        if (!this.remoteOperation || (this.remoteOperation && this.hasSelectedValue)) {
             this.refresh();
         }
     }
@@ -8122,7 +8173,7 @@ let AXSelectBoxComponent = AXSelectBoxComponent_1 = class AXSelectBoxComponent e
             // this.selectedItemsChange.emit(this._selectedItems);
             // this.clearValidationStyle(this.ref.nativeElement);
         }
-        this.text = '';
+        // this.text = '';
         this.cdr.markForCheck();
     }
     onFocusTextBox(e) { }