@syncfusion/ej2-dropdowns 26.2.8 → 26.2.10

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

@@ -691,10 +691,8 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
             else if (this.parent.isScrollActionTriggered) {
                 this.parent.isPreventKeyAction = false;
                 this.parent.isScrollActionTriggered = false;
-                var virtualListCount = this.parent.list.querySelectorAll('.e-virtual-list').length;
-                var listElement = this.parent.list.querySelector('.' + 'e-list-item');
-                var translateY = scrollArgs.offset.top - (listElement.offsetHeight * virtualListCount);
-                this.parent.list.getElementsByClassName('e-virtual-ddl-content')[0].style.transform = "translate(0px," + translateY + "px)";
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                this.parent.list.getElementsByClassName('e-virtual-ddl-content')[0].style = this.parent.getTransformValues();
             }
             this.parent.previousInfo = this.parent.viewPortInfo;
         }
@@ -728,13 +726,13 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
             }
         }
         else if (infoType.direction === 'up') {
-            if (infoType.startIndex && infoType.endIndex) {
+            if ((infoType.startIndex && infoType.endIndex) || (Math.ceil(exactTopIndex) > this.parent.previousStartIndex)) {
                 var loadAtIndex = Math.round(((infoType.startIndex * rowHeight) + (pageSizeBy4 * rowHeight)) / rowHeight);
-                if (exactTopIndex < loadAtIndex) {
+                if (exactTopIndex < loadAtIndex || (Math.ceil(exactTopIndex) > this.parent.previousStartIndex)) {
                     var idxAddedToExactTop = (pageSizeBy4) > infoViewIndices ? pageSizeBy4 :
                         (infoViewIndices + infoViewIndices / 4);
                     var eIndex = Math.round(exactTopIndex + idxAddedToExactTop);
-                    infoType.endIndex = (eIndex < totalItemCount || this.component == "multiselect") ? eIndex : totalItemCount;
+                    infoType.endIndex = (eIndex < totalItemCount) ? eIndex : totalItemCount;
                     var sIndex = infoType.endIndex - this.parent.virtualItemCount;
                     infoType.startIndex = sIndex > 0 ? sIndex : 0;
                     infoType.endIndex = sIndex < 0 ? this.parent.virtualItemCount : infoType.endIndex;
@@ -1122,7 +1120,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
                         }
                     }
                     else {
-                        if (noDataElement[i] instanceof HTMLElement || noDataElement[i] instanceof Text) {
+                        if (noDataElement[i] instanceof HTMLElement || ((noDataElement[i] instanceof Text) && (noDataElement[i]).textContent !== '')) {
                             ele.appendChild(noDataElement[i]);
                         }
                     }
@@ -1929,10 +1927,15 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
         }
     };
     DropDownBase.prototype.getPageCount = function (returnExactCount) {
-        var liHeight = this.list.classList.contains(dropDownBaseClasses.noData) ? null :
-            getComputedStyle(this.getItems()[0], null).getPropertyValue('height');
-        var pageCount = Math.round(this.list.getBoundingClientRect().height / parseInt(liHeight, 10));
-        return returnExactCount ? pageCount : Math.round(pageCount);
+        if (this.list) {
+            var liHeight = this.list.classList.contains(dropDownBaseClasses.noData) ? null :
+                getComputedStyle(this.getItems()[0], null).getPropertyValue('height');
+            var pageCount = Math.round(this.list.getBoundingClientRect().height / parseInt(liHeight, 10));
+            return returnExactCount ? pageCount : Math.round(pageCount);
+        }
+        else {
+            return 0;
+        }
     };
     DropDownBase.prototype.updateGroupHeader = function (index, liCollections, target) {
         if (!isNullOrUndefined(liCollections[index]) && liCollections[index].classList.contains(dropDownBaseClasses.group)) {
@@ -5996,9 +5999,12 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
     DropDownList.prototype.checkData = function (newProp) {
         if (newProp.dataSource && !isNullOrUndefined(Object.keys(newProp.dataSource)) && this.itemTemplate && this.allowFiltering &&
             !(this.isListSearched && (newProp.dataSource instanceof DataManager))) {
-            if (this.list) {
+            if (this.list && !(this.isReact)) {
                 this.list.innerHTML = '';
             }
+            else {
+                this.list = null;
+            }
             this.actionCompleteData = { ulElement: null, list: null, isUpdated: false };
         }
         this.isListSearched = false;
@@ -7185,6 +7191,40 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
             input: this.filterChangeHandler.bind(this)
         });
         this.filterObj.appendTo('#' + this.element.id + '_filter');
+        this.keyboardModule = new KeyboardEvents(this.filterObj.element, {
+            keyAction: this.filterKeyAction.bind(this),
+            keyConfigs: this.keyConfigs,
+            eventName: 'keydown'
+        });
+    };
+    DropDownTree.prototype.filterKeyAction = function (e) {
+        var _this = this;
+        var eventArgs = {
+            cancel: false,
+            event: e
+        };
+        this.trigger('keyPress', eventArgs, function (observedArgs) {
+            if (!observedArgs.cancel) {
+                switch (e.action) {
+                    case 'altUp':
+                        if (_this.isPopupOpen) {
+                            _this.hidePopup();
+                        }
+                        break;
+                    case 'shiftTab':
+                        addClass([_this.inputWrapper], [INPUTFOCUS]);
+                        break;
+                    case 'moveDown':
+                        e.preventDefault();
+                        _this.filterObj.element.blur();
+                        var focusedElement = _this.treeObj.element.querySelector('li');
+                        if (focusedElement) {
+                            focusedElement.focus();
+                        }
+                        break;
+                }
+            }
+        });
     };
     DropDownTree.prototype.filterChangeHandler = function (args) {
         var _this = this;
@@ -7685,7 +7725,6 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
                         }
                         break;
                     case 'shiftTab':
-                    case 'tab':
                         if (_this.isPopupOpen) {
                             _this.hidePopup();
                         }
@@ -8404,13 +8443,16 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
                     }
                     else {
                         var oldFocussedNode = _this.treeObj.element.querySelector('.e-node-focus');
-                        focusedElement = _this.treeObj.element.querySelector('li:not(.e-disable):not(.e-prevent)');
+                        focusedElement = _this.treeObj.element.querySelector('li[tabindex="0"]:not(.e-disable):not(.e-prevent)') ||
+                            _this.treeObj.element.querySelector('li:not(.e-disable):not(.e-prevent)');
                         if (oldFocussedNode && oldFocussedNode !== focusedElement) {
                             oldFocussedNode.setAttribute('tabindex', '-1');
                             removeClass([oldFocussedNode], 'e-node-focus');
                         }
                     }
-                    focusedElement.focus();
+                    if (!_this.allowFiltering) {
+                        focusedElement.focus();
+                    }
                     addClass([focusedElement], ['e-node-focus']);
                 }
                 if (_this.treeObj.checkedNodes.length > 0) {
@@ -17314,8 +17356,10 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                         if (e.result.length > 0) {
                             listItems_2 = e.result;
                             _this.initStatus = false;
-                            _this.initialValueUpdate(listItems_2, true);
-                            _this.initialUpdate();
+                            setTimeout(function () {
+                                _this.initialValueUpdate(listItems_2, true);
+                                _this.initialUpdate();
+                            }, 100);
                             _this.initStatus = true;
                         }
                     });
@@ -19522,6 +19566,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
             }
             this.inputString = this.filterInput.value;
             this.filterWireEvents();
+            this.ulElement.style.setProperty('height', 'calc(100% - ' + (this.filterParent.offsetHeight) + 'px)', 'important');
             return filterInputObj;
         }
     };
@@ -20337,11 +20382,8 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
     };
     ListBox.prototype.resizeHandler = function () {
         if (this.list && !(this.cssClass && this.cssClass.indexOf('e-horizontal-listbox') > -1)) {
-            if (this.list.scrollWidth > this.list.offsetWidth) {
-                this.list.querySelector('.e-list-parent').style.display = 'inline-block';
-            }
-            else {
-                this.list.querySelector('.e-list-parent').style.display = 'block';
+            if (this.list.getElementsByClassName('e-filter-parent').length > 0 && this.allowFiltering) {
+                this.ulElement.style.setProperty('height', 'calc(100% - ' + (this.filterParent.offsetHeight) + 'px)', 'important');
             }
         }
     };
@@ -20684,7 +20726,9 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
                         this.initDraggable();
                     }
                     else {
-                        getComponent(this.ulElement, 'sortable').destroy();
+                        if (this.ulElement.classList.contains("e-sortable")) {
+                            getComponent(this.ulElement, 'sortable').destroy();
+                        }
                     }
                     break;
                 case 'allowFiltering':