@syncfusion/ej2-dropdowns 28.2.5 → 28.2.7

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

@@ -1293,7 +1293,8 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
     };
     DropDownBase.prototype.getSkeletonCount = function (retainSkeleton) {
         this.virtualListHeight = this.listContainerHeight != null ? parseInt(this.listContainerHeight, 10) : this.virtualListHeight;
-        var actualCount = this.virtualListHeight > 0 ? Math.floor(this.virtualListHeight / this.listItemHeight) : 0;
+        var actualCount = this.virtualListHeight > 0 && this.listItemHeight > 0 ?
+            Math.floor(this.virtualListHeight / this.listItemHeight) : 0;
         this.skeletonCount = actualCount * 4 < this.itemCount ? this.itemCount : actualCount * 4;
         this.itemCount = retainSkeleton ? this.itemCount : this.skeletonCount;
         this.virtualItemCount = this.itemCount;
@@ -9043,11 +9044,9 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
                 removeClass([_this.popupEle], DDTHIDEICON);
                 _this.updatePopupHeight();
                 _this.popupObj.refreshPosition();
-                if (_this.showSelectAll && !_this.allowFiltering) {
-                    _this.checkAllParent.focus();
-                }
-                if ((!_this.popupDiv.classList.contains(NODATA) && _this.treeItems.length > 0)) {
-                    var focusedElement = _this.value != null || _this.text != null ? _this.treeObj.element.querySelector('[data-uid="' + _this.value[0] + '"]') : null;
+                if (!(_this.showSelectAll || _this.allowFiltering) && (!_this.popupDiv.classList.contains(NODATA)
+                    && _this.treeItems.length > 0)) {
+                    var focusedElement = _this.value != null && _this.text != null ? _this.treeObj.element.querySelector('[data-uid="' + _this.value[0] + '"]') : null;
                     if (focusedElement) {
                         _this.treeObj.element.querySelector('li').setAttribute('tabindex', '-1');
                         focusedElement.setAttribute('tabindex', '0');
@@ -9056,17 +9055,9 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
                         var oldFocussedNode = _this.treeObj.element.querySelector('.e-node-focus');
                         focusedElement = _this.treeObj.element.querySelector('li[tabindex="0"]:not(.e-disable)') ||
                             _this.treeObj.element.querySelector('li:not(.e-disable)');
-                        if (oldFocussedNode && oldFocussedNode !== focusedElement) {
-                            oldFocussedNode.setAttribute('tabindex', '-1');
-                            removeClass([oldFocussedNode], 'e-node-focus');
-                        }
-                    }
-                    if (!isNullOrUndefined(focusedElement)) {
-                        if (!_this.allowFiltering) {
-                            focusedElement.focus();
-                        }
-                        addClass([focusedElement], ['e-node-focus']);
+                        _this.removeFocus(focusedElement, oldFocussedNode);
                     }
+                    _this.updateFocus(focusedElement);
                 }
                 if (_this.treeObj.checkedNodes.length > 0 && !_this.isFilterRestore) {
                     var nodes = _this.treeObj.element.querySelectorAll('li');
@@ -9077,7 +9068,17 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
                         _this.checkSelectAll = false;
                     }
                 }
+                if (_this.showSelectAll && !_this.allowFiltering) {
+                    var oldFocussedNode = _this.treeObj.element.querySelector('.e-node-focus');
+                    var focusedElement = _this.popupEle.querySelector('.e-selectall-parent');
+                    _this.removeFocus(focusedElement, oldFocussedNode);
+                    _this.updateFocus(focusedElement);
+                }
                 if (_this.allowFiltering) {
+                    var focusedElement = _this.treeObj.element.querySelector('li.e-node-focus');
+                    if (!isNullOrUndefined(focusedElement)) {
+                        removeClass([focusedElement], 'e-node-focus');
+                    }
                     removeClass([_this.inputWrapper], [INPUTFOCUS]);
                     _this.filterObj.element.focus();
                 }
@@ -9086,6 +9087,18 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
             }
         });
     };
+    DropDownTree.prototype.removeFocus = function (focusedElement, oldFocusedElement) {
+        if (oldFocusedElement && oldFocusedElement !== focusedElement) {
+            oldFocusedElement.setAttribute('tabindex', '-1');
+            removeClass([oldFocusedElement], 'e-node-focus');
+        }
+    };
+    DropDownTree.prototype.updateFocus = function (focusedElement) {
+        if (!isNullOrUndefined(focusedElement)) {
+            focusedElement.focus();
+            addClass([focusedElement], ['e-node-focus']);
+        }
+    };
     DropDownTree.prototype.reactCallBack = function () {
         if (!isNullOrUndefined(this.popupObj)) {
             this.updatePopupHeight();
@@ -9925,7 +9938,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         this.chipCollection.appendChild(chip);
         if (this.showClearButton) {
             chip.appendChild(chipClose);
-            EventHandler.add(chipClose, 'mousedown', this.removeChip, this);
+            EventHandler.add(chipClose, 'mouseup', this.removeChip, this);
         }
     };
     DropDownTree.prototype.setTagValues = function () {
@@ -10058,6 +10071,10 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         if (!this.enabled || this.readonly) {
             return;
         }
+        if (e.target.classList.contains('e-chips-close') && !this.isPopupOpen) {
+            e.stopPropagation();
+            e.preventDefault();
+        }
         var element = e.target.parentElement;
         var value = element.getAttribute('data-value');
         if (this.chipCollection) {
@@ -10617,7 +10634,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
             var chipsIcons = selectAll('.e-chips-close', this.chipCollection);
             for (var _i = 0, chipsIcons_1 = chipsIcons; _i < chipsIcons_1.length; _i++) {
                 var element = chipsIcons_1[_i];
-                EventHandler.remove(element, 'mousedown', this.removeChip);
+                EventHandler.remove(element, 'mouseup', this.removeChip);
             }
         }
         this.chipWrapper = null;
@@ -12787,6 +12804,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         _this.isBlurDispatching = false;
         _this.isFilterPrevented = false;
         _this.isFilteringAction = false;
+        _this.isVirtualReorder = false;
         _this.isValidKey = false;
         _this.selectAllEventData = [];
         _this.selectAllEventEle = [];
@@ -12984,12 +13002,14 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
     };
     MultiSelect.prototype.updateVirtualReOrderList = function (isCheckBoxUpdate) {
         var query = this.getForQuery(this.value, true).clone();
+        this.isVirtualReorder = true;
         if (this.enableVirtualization && this.dataSource instanceof DataManager) {
             this.resetList(this.selectedListData, this.fields, query);
         }
         else {
             this.resetList(this.dataSource, this.fields, query);
         }
+        this.isVirtualReorder = false;
         this.UpdateSkeleton();
         this.liCollections = this.list.querySelectorAll('.' + dropDownBaseClasses.li);
         this.virtualItemCount = this.itemCount;
@@ -13198,10 +13218,14 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         var field = this.isPrimitiveData ? '' : this.fields.value;
         if (this.enableVirtualization && valuecheck) {
             if (isCheckbox) {
-                for (var i = 0; i < valuecheck.length; i++) {
+                var startindex = this.viewPortInfo.startIndex;
+                var endindex = (((startindex + this.viewPortInfo.endIndex) <= (valuecheck.length)) &&
+                    valuecheck[(startindex + this.viewPortInfo.endIndex)]) ? (startindex + this.viewPortInfo.endIndex)
+                    : (valuecheck.length);
+                for (var i = startindex; i < endindex; i++) {
                     var value = this.allowObjectBinding ? getValue((this.fields.value) ?
                         this.fields.value : '', valuecheck[i]) : valuecheck[i];
-                    if (i === 0) {
+                    if (i === startindex) {
                         predicate = new Predicate(field, 'equal', (value));
                     }
                     else {
@@ -13629,7 +13653,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                 }
             }
         }
-        if ((this.allowFiltering && isSkip) || !isReOrder || (!this.allowFiltering && isSkip)) {
+        if ((this.allowFiltering && isSkip) || !isReOrder || (!this.allowFiltering && isSkip) && !this.isVirtualReorder) {
             if (!isReOrder) {
                 filterQuery.skip(this.viewPortInfo.startIndex);
             }
@@ -16345,7 +16369,8 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                             }
                             else {
                                 temp = isInitialVirtualData && delim ? this_1.text : this_1.getTextByValue(value);
-                                var textValues = this_1.isDynamicRemoteVirtualData && value != null && value !== '' ? this_1.getTextByValue(value) : isInitialVirtualData ? this_1.text : (this_1.text && this_1.text !== '' ? this_1.text + this_1.delimiterChar + temp : temp);
+                                var textValues = this_1.isDynamicRemoteVirtualData && value != null && value !== '' && !isInitialVirtualData ?
+                                    this_1.getTextByValue(value) : isInitialVirtualData ? this_1.text : (this_1.text && this_1.text !== '' ? this_1.text + this_1.delimiterChar + temp : temp);
                                 data += temp + delimiterChar + ' ';
                                 text.push(textValues);
                                 hiddenElementContent = this_1.hiddenElement.innerHTML;
@@ -16513,7 +16538,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                             (this.mode === 'Box' || this.mode === 'Default'))) ||
                         (this.enableVirtualization && value != null && text != null && !isCustomData)) {
                         var currentText = [];
-                        var textValues = this.isDynamicRemoteVirtualData && text != null && text !== '' ? text : this.text != null && this.text !== '' ? this.text + this.delimiterChar + text : text;
+                        var textValues = this.isDynamicRemoteVirtualData && text != null && text !== '' && index === 0 ? text : this.text != null && this.text !== '' && !this.text.includes(text) ? this.text + this.delimiterChar + text : text;
                         currentText.push(textValues);
                         this.setProperties({ text: currentText.toString() }, true);
                         this.addChip(text, value);
@@ -23929,6 +23954,7 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
             this.range = this.getCurrentRange();
         }
         var currentRange = this.getTextRange();
+        this.queryString = text;
         var lastWordRange = this.getLastLetter(currentRange);
         if ((this.ignoreCase && (text === lastWordRange || text === lastWordRange.toLowerCase()))
             || !this.ignoreCase && text === lastWordRange) {
@@ -23944,8 +23970,8 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
             this.renderList();
             this.renderPopup();
         }
-        else {
-            this.showPopup();
+        else if (!this.isPopupOpen) {
+            this.renderPopup();
         }
         this.popupObj.element.style.left = formatUnit(positionX);
         this.popupObj.element.style.top = formatUnit(positionY);