@syncfusion/ej2-dropdowns 23.2.5 → 23.2.7

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

@@ -3063,6 +3063,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                 this.isDocumentClick = true;
                 var isActive = this.isRequested;
                 this.hidePopup(e);
+                this.isInteracted = false;
                 if (!isActive) {
                     this.onFocusOut();
                     this.inputWrapper.container.classList.remove(dropDownListClasses.inputFocus);
@@ -3250,6 +3251,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
         }
     };
     DropDownList.prototype.setSelection = function (li, e) {
+        var _this = this;
         if (this.isValidLI(li) && (!li.classList.contains(dropDownBaseClasses.selected) || (this.isPopupOpen && this.isSelected
             && li.classList.contains(dropDownBaseClasses.selected)))) {
             this.updateSelectedItem(li, e, false, true);
@@ -3258,10 +3260,21 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
             this.setSelectOptions(li, e);
             if (this.enableVirtualization) {
                 var fields = (this.fields.value) ? this.fields.value : '';
-                var getItem = new DataManager(this.dataSource).executeLocal(new Query().where(new Predicate(fields, 'equal', this.value)));
-                if (getItem && getItem.length > 0) {
-                    this.itemData = getItem[0];
-                    this.setProperties({ 'text': getItem[0].text, 'value': getItem[0].value }, true);
+                if (this.dataSource instanceof DataManager) {
+                    this.dataSource.executeQuery(new Query().where(new Predicate(fields, 'equal', this.value)))
+                        .then(function (e) {
+                        if (e.result.length > 0) {
+                            _this.itemData = e.result[0];
+                            _this.setProperties({ 'text': e.result[0].text, 'value': e.result[0].value }, true);
+                        }
+                    });
+                }
+                else {
+                    var getItem = new DataManager(this.dataSource).executeLocal(new Query().where(new Predicate(fields, 'equal', this.value)));
+                    if (getItem && getItem.length > 0) {
+                        this.itemData = getItem[0];
+                        this.setProperties({ 'text': getItem[0].text, 'value': getItem[0].value }, true);
+                    }
                 }
             }
         }
@@ -5008,7 +5021,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
             EventHandler.add(this.list, 'scroll', this.setFloatingHeader, this);
         }
         if (!(!isNullOrUndefined(props) && (isNullOrUndefined(props.dataSource)
-            || (!(props.dataSource instanceof DataManager) && props.dataSource.length === 0))) || !(props.dataSource === [])) {
+            || (!(props.dataSource instanceof DataManager) && props.dataSource.length === 0))) || !(Array.isArray(props.dataSource) && props.dataSource.length === 0)) {
             this.typedString = '';
             this.resetList(this.dataSource);
         }
@@ -5357,7 +5370,9 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                 });
             }
         }
-        this.invokeRenderPopup(e);
+        if (this.beforePopupOpen) {
+            this.invokeRenderPopup(e);
+        }
         if (this.enableVirtualization && !this.allowFiltering && this.selectedValueInfo != null && this.selectedValueInfo.startIndex > 0 && this.value != null) {
             this.notify("dataProcessAsync", {
                 module: "VirtualScroll",
@@ -5417,7 +5432,6 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
             this.isSelectCustom = false;
             this.clearAll(e);
         }
-        this.isInteracted = false;
     };
     /* eslint-disable valid-jsdoc, jsdoc/require-param */
     /**
@@ -7143,6 +7157,8 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         if (this.isFilteredData) {
             this.filterObj.value = '';
             this.treeObj.fields = this.getTreeFields(this.fields);
+            if (this.isReact)
+                this.refresh();
             this.isFilterRestore = true;
             this.isFilteredData = false;
             this.hideCheckAll(false);
@@ -10001,6 +10017,10 @@ var AutoComplete = /** @__PURE__ @class */ (function (_super) {
                         }, 0);
                     }
                     else {
+                        var isHtmlElement = /<[^>]*>/g.test(e.item.innerText);
+                        if (isHtmlElement) {
+                            e.item.innerText = e.item.innerText.replace(/[\u00A0-\u9999<>&]/g, function (match) { return "&#" + match.charCodeAt(0) + ";"; });
+                        }
                         highlightSearch(e.item, _this_1.queryString, _this_1.ignoreCase, _this_1.filterType);
                     }
                 }
@@ -12982,7 +13002,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
     MultiSelect.prototype.updateDataList = function () {
         if (this.mainList && this.ulElement && !(this.isFiltered || this.filterAction || this.targetElement().trim())) {
             var isDynamicGroupItemUpdate = this.mainList.childElementCount < this.ulElement.childElementCount;
-            var isReactTemplateUpdate = ((this.ulElement.childElementCount > 0 && this.ulElement.children[0].childElementCount > 0) && (this.mainList.children[0].childElementCount && (this.mainList.children[0].childElementCount < this.ulElement.children[0].childElementCount)));
+            var isReactTemplateUpdate = ((this.ulElement.childElementCount > 0 && this.ulElement.children[0].childElementCount > 0) && (this.mainList.children[0] && (this.mainList.children[0].childElementCount < this.ulElement.children[0].childElementCount)));
             var isAngularTemplateUpdate = this.itemTemplate && this.ulElement.childElementCount > 0 && !(this.ulElement.childElementCount < this.mainList.childElementCount) && (this.ulElement.children[0].childElementCount > 0 || (this.fields.groupBy && this.ulElement.children[1] && this.ulElement.children[1].childElementCount > 0));
             if (isDynamicGroupItemUpdate || isReactTemplateUpdate || isAngularTemplateUpdate) {
                 //EJ2-57748 - for this task, we prevent the ul element cloning ( this.mainList = this.ulElement.cloneNode ? <HTMLElement>this.ulElement.cloneNode(true) : this.ulElement;)