@syncfusion/ej2-dropdowns 33.2.5 → 33.2.7

package/dist/es6/ej2-dropdowns.es2015.js

@@ -3033,7 +3033,8 @@ let DropDownBase = class DropDownBase extends Component {
             }
             else {
                 for (const item of this.listData) {
-                    if (!isNullOrUndefined(item) && getValue((this.fields.value ? this.fields.value : 'value'), item) === value) {
+                    if (!isNullOrUndefined(item) && (getValue((this.fields.value ? this.fields.value : 'value'), item) === value
+                        || this.getModuleName() === 'multiselect' && this.isVirtualizationEnabled && this.properties.allowCustomValue && getValue((this.fields.value ? this.fields.value : 'value'), item) === value.toString())) {
                         return item;
                     }
                 }
@@ -5587,7 +5588,7 @@ let DropDownList = class DropDownList extends DropDownBase {
             }
             else if (this.enableVirtualization && this.getModuleName() !== 'autocomplete' && !this.isFiltering()) {
                 const value = this.getItemData().value;
-                this.activeIndex = this.getIndexByValue(value);
+                this.activeIndex = !isNullOrUndefined(value) ? this.getIndexByValue(value) : this.activeIndex;
                 let element = this.findListElement(this.list, 'li', 'data-value', value);
                 this.selectedLI = element;
                 element = null;
@@ -6807,14 +6808,16 @@ let DropDownList = class DropDownList extends DropDownBase {
             if (this.enableVirtualization) {
                 this.listItemHeight = this.getListHeight();
                 this.getSkeletonCount();
+                this.skeletonCount = this.totalItemCount < (this.itemCount * 2) && ((!(this.dataSource instanceof DataManager)) ||
+                    ((this.dataSource instanceof DataManager) && (this.totalItemCount <= this.itemCount))) ? 0 : this.skeletonCount;
                 this.updateVirtualizationProperties(this.itemCount, this.allowFiltering);
-                if (this.index !== null) {
-                    this.activeIndex = this.index + this.skeletonCount;
-                }
             }
             this.initValue();
             this.selectedValueInfo = this.viewPortInfo;
             if (this.enableVirtualization) {
+                if (this.index !== null) {
+                    this.activeIndex = this.index + this.skeletonCount;
+                }
                 this.activeIndex = this.activeIndex + this.skeletonCount;
             }
         }
@@ -8105,6 +8108,7 @@ let DropDownTree = class DropDownTree extends Component {
         // Specifies if the checkAll method has been called
         this.isCheckAllCalled = false;
         this.isFromFilterChange = false;
+        this.fallbackValue = [];
     }
     /**
      * Get the properties to be maintained in the persisted state.
@@ -9340,6 +9344,10 @@ let DropDownTree = class DropDownTree extends Component {
     }
     setTreeValue() {
         if (this.value !== null && this.value.length !== 0) {
+            const dataReady = this.treeItems && this.treeItems.length > 0;
+            if (!dataReady && this.fallbackValue.length === 0) {
+                this.fallbackValue = this.value.slice();
+            }
             let data;
             if (this.showCheckBox || this.allowMultiSelection) {
                 for (let i = this.value.length - 1; i >= 0; i--) {
@@ -10999,6 +11007,13 @@ let DropDownTree = class DropDownTree extends Component {
                     break;
                 case 'fields':
                     this.setFields();
+                    setTimeout(() => {
+                        if (this.value.length === 0 && this.fallbackValue.length > 0) {
+                            this.value = this.fallbackValue;
+                            this.updateValue(this.fallbackValue);
+                            this.fallbackValue = [];
+                        }
+                    }, 1);
                     break;
                 case 'readonly':
                     Input.setReadonly(newProp.readonly, this.inputEle);
@@ -13929,7 +13944,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         else {
             this.updateActionList(ulElement, list, e);
         }
-        if (this.dataSource instanceof DataManager && this.allowCustomValue && !this.isCustomRendered &&
+        if (this.dataSource instanceof DataManager && this.allowCustomValue && (!this.isCustomRendered || this.enableVirtualization) &&
             this.inputElement.value && this.inputElement.value !== '') {
             let query = new Query();
             query = this.allowFiltering ? query.where(this.fields.text, 'startswith', this.inputElement.value, this.ignoreCase, this.ignoreAccent) : query;
@@ -14453,7 +14468,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                 if (this.enableVirtualization) {
                     this.virtualCustomData = dataItem;
                     const tempData = this.dataSource instanceof DataManager ?
-                        JSON.parse(JSON.stringify(this.listData)) : JSON.parse(JSON.stringify(this.dataSource));
+                        JSON.parse(JSON.stringify(this.mainData)) : JSON.parse(JSON.stringify(this.dataSource));
                     let totalData = [];
                     if (this.virtualCustomSelectData && this.virtualCustomSelectData.length > 0) {
                         totalData = tempData.concat(this.virtualCustomSelectData);
@@ -17351,7 +17366,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                             this.allowCustomValue &&
                             ((!(this.dataSource instanceof DataManager)) ||
                                 (this.dataSource instanceof DataManager && isInitialVirtualData)))) {
-                        const indexItem = this.listData.length;
+                        const indexItem = this.dataSource instanceof DataManager ? this.totalItemCount : this.listData.length;
                         let newValue = {};
                         setValue(this.fields.text, value, newValue);
                         setValue(this.fields.value, value, newValue);
@@ -18840,6 +18855,10 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                     if (this.fields.disabled) {
                         this.removeDisabledItemsValue(this.value);
                     }
+                    if (this.enableVirtualization && !isNullOrUndefined(oldProp.value) && !isNullOrUndefined(newProp.value)
+                        && !this.validateValues(newProp.value, oldProp.value)) {
+                        return;
+                    }
                     this.updateVal(this.value, oldProp.value, 'value', this.enableVirtualization);
                     this.addValidInputClass();
                     if (!this.closePopupOnSelect && this.isPopupOpen()) {
@@ -19810,6 +19829,10 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                             }, 100);
                             this.initStatus = true;
                         }
+                        else {
+                            this.initialValueUpdate(this.value, true, isInitialRender);
+                            this.initialUpdate();
+                        }
                     });
                 }
                 else {
@@ -21056,7 +21079,6 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         this.list.classList.add('e-wrapper');
         this.list.classList.add('e-lib');
         if (this.element.tagName === 'EJS-LISTBOX') {
-            this.element.setAttribute('tabindex', '0');
             if (this.initLoad) {
                 this.element.appendChild(this.list);
             }