@syncfusion/ej2-dropdowns 30.1.41 → 30.2.4

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

@@ -415,7 +415,7 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
         if (this.component === 'combobox') {
             var totalData = 0;
             if (this.parent.dataSource instanceof DataManager) {
-                totalData = this.parent.dataSource.dataSource.json.length;
+                totalData = this.parent.remoteDataCount;
             }
             else if (this.parent.dataSource && this.parent.dataSource.length > 0) {
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -744,6 +744,7 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
                 this.parent.isVirtualScrolling = true;
                 setTimeout(function () {
                     _this.parent.pageCount = _this.parent.getPageCount();
+                    _this.parent.isRequesting = false;
                     _this.virtualScrollRefreshAsync().then(function () {
                         if (_this.parent.popupObj) {
                             _this.parent.list = _this.parent.popupObj.element.querySelector('.' + 'e-content') || select('.' + 'e-content');
@@ -1589,11 +1590,12 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
                             _this.emptyDataRequest(fields);
                             return;
                         }
-                        eventArgs.data.executeQuery(_this.getQuery(eventArgs.query)).then(function (e) {
+                        var query_1 = _this.getQuery(eventArgs.query);
+                        eventArgs.data.executeQuery(query_1).then(function (e) {
                             _this.isPreventChange = _this.isAngular && _this.preventChange ? true : _this.isPreventChange;
                             var isReOrder = true;
                             if (!_this.virtualSelectAll) {
-                                var newQuery = _this.getQuery(eventArgs.query);
+                                var newQuery = query_1.clone();
                                 for (var queryElements = 0; queryElements < newQuery.queries.length; queryElements++) {
                                     if (newQuery.queries[queryElements].fn === 'onWhere') {
                                         isWhereExist_1 = true;
@@ -1800,6 +1802,87 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
             this.fiteredGroupHeaderItems = clonedHeaders;
         }
     };
+    DropDownBase.prototype.setCustomListData = function (dataSource, fields, query, event) {
+        var _this = this;
+        fields = fields ? fields : this.fields;
+        var ulElement;
+        this.isActive = true;
+        this.isPreventChange = this.isAngular && this.preventChange ? true : this.isPreventChange;
+        if (!this.isRequesting) {
+            this.isRequesting = true;
+            this.showSpinner();
+            this.isRequesting = false;
+            var isReOrder = true;
+            var listItems = void 0;
+            if (this.isVirtualizationEnabled && !this.virtualGroupDataSource && this.fields.groupBy) {
+                var data = new DataManager(this.dataSource).executeLocal(new Query().group(this.fields.groupBy));
+                this.virtualGroupDataSource = data.records;
+            }
+            var dataManager = this.isVirtualizationEnabled &&
+                this.virtualGroupDataSource
+                && !this.isCustomDataUpdated ? new DataManager(this.virtualGroupDataSource) :
+                new DataManager(dataSource);
+            listItems = (this.getQuery(query)).executeLocal(dataManager);
+            if (!this.virtualSelectAll) {
+                var newQuery = this.getQuery(query);
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                if (this.isVirtualizationEnabled && (listItems.count !== 0 &&
+                    listItems.count < (this.itemCount * 2)) && !this.appendUncheckList) {
+                    if (newQuery) {
+                        for (var queryElements = 0; queryElements < newQuery.queries.length; queryElements++) {
+                            if (newQuery.queries[queryElements].fn === 'onTake') {
+                                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                                newQuery.queries[queryElements].e.nos = listItems.count;
+                                listItems = (newQuery).executeLocal(dataManager);
+                            }
+                            if (this.getModuleName() === 'multiselect' && (newQuery.queries[queryElements].e.condition === 'or' || newQuery.queries[queryElements].e.operator === 'equal') && !this.isCustomFiltering) {
+                                isReOrder = false;
+                            }
+                        }
+                        if (isReOrder) {
+                            listItems = (newQuery).executeLocal(dataManager);
+                            this.isVirtualTrackHeight = (!(this.dataSource instanceof DataManager) &&
+                                !this.isCustomDataUpdated) ? true : false;
+                        }
+                    }
+                }
+                else {
+                    this.isVirtualTrackHeight = false;
+                    if (newQuery) {
+                        for (var queryElements = 0; queryElements < newQuery.queries.length; queryElements++) {
+                            if (this.getModuleName() === 'multiselect' && ((newQuery.queries[queryElements].e && newQuery.queries[queryElements].e.condition === 'or') || (newQuery.queries[queryElements].e && newQuery.queries[queryElements].e.operator === 'equal'))) {
+                                isReOrder = false;
+                            }
+                        }
+                    }
+                }
+            }
+            if (isReOrder && (!(this.dataSource instanceof DataManager) && !this.isCustomDataUpdated) &&
+                !this.virtualSelectAll) {
+                // eslint-disable @typescript-eslint/no-explicit-any
+                this.dataCount = this.totalItemCount = this.virtualSelectAll ? listItems.length :
+                    listItems.count;
+            }
+            listItems = this.isVirtualizationEnabled ? listItems.result : listItems;
+            this.isPreventChange = this.isAngular && this.preventChange ? true : this.isPreventChange;
+            this.isCustomFiltering = false;
+            if (this.isIncrementalRequest) {
+                ulElement = this.renderItems(listItems, fields);
+                return;
+            }
+            ulElement = this.renderItems(listItems, fields);
+            this.onActionComplete(ulElement, listItems, event);
+            if (this.groupTemplate) {
+                this.renderGroupTemplate(ulElement);
+            }
+            this.bindChildItems(listItems, ulElement, fields);
+            setTimeout(function () {
+                if (_this.getModuleName() === 'multiselect' && _this.itemTemplate != null && (ulElement.childElementCount > 0 && (ulElement.children[0].childElementCount > 0 || (_this.fields.groupBy && ulElement.children[1] && ulElement.children[1].childElementCount > 0)))) {
+                    _this.updateDataList();
+                }
+            });
+        }
+    };
     DropDownBase.prototype.handleVirtualKeyboardActions = function (e, pageCount) {
         // Used this method in component side.
     };
@@ -2521,7 +2604,12 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
             }
             dataSource = this.getModuleName() === 'combobox' && this.selectData && dataSource instanceof Array && dataSource.length < this.selectData.length && this.addedNewItem ? this.selectData : dataSource;
             this.addedNewItem = false;
-            this.setListData(dataSource, fields, query, e);
+            if (this.isCustomReset && this.getModuleName() === 'multiselect') {
+                this.setCustomListData(dataSource, fields, query, e);
+            }
+            else {
+                this.setListData(dataSource, fields, query, e);
+            }
         }
     };
     DropDownBase.prototype.updateSelectElementData = function (isFiltering) {
@@ -4611,6 +4699,9 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
         }
         if (!isNullOrUndefined(dataItem.value) && !this.enableVirtualization && this.allowFiltering) {
             this.activeIndex = this.getIndexByValueFilter(dataItem.value, this.actionCompleteData.ulElement);
+            if (isNullOrUndefined(this.activeIndex)) {
+                this.activeIndex = this.getIndexByValue(dataItem.value);
+            }
         }
         var clearIcon = dropDownListClasses.clearIcon;
         var isFilterElement = this.isFiltering() && this.filterInput && (this.getModuleName() === 'combobox');
@@ -8302,7 +8393,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         if (this.isPopupOpen) {
             this.hidePopup();
         }
-        else if (!(e instanceof TouchEvent) && e.button !== 2) {
+        else if (e.type === 'touchstart' || ('button' in e && e.button !== 2)) {
             this.focusIn(e);
             this.renderPopup();
         }
@@ -11367,8 +11458,8 @@ var ComboBox = /** @__PURE__ @class */ (function (_super) {
                             var dataItem = _this.getItemData();
                             var value = _this.allowObjectBinding ?
                                 _this.getDataByValue(dataItem.value) : dataItem.value;
-                            if ((_this.value === dataItem.value && _this.text !== dataItem.text) ||
-                                (_this.value !== dataItem.value && _this.text === dataItem.text)) {
+                            if ((_this.value === dataItem.value && _this.text !== dataItem.text.toString()) ||
+                                (_this.value !== dataItem.value && _this.text === dataItem.text.toString())) {
                                 _this.setProperties({ 'text': dataItem.text ? dataItem.text.toString() : dataItem.text, 'value': value });
                             }
                         }
@@ -14077,6 +14168,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
     MultiSelect.prototype.checkForCustomValue = function (query, fields) {
         var dataChecks = !this.getValueByText(this.inputElement.value, this.ignoreCase);
         var field = fields ? fields : this.fields;
+        this.isCustomReset = true;
         if (this.allowCustomValue && dataChecks) {
             var value = this.inputElement.value;
             var customData = (!isNullOrUndefined(this.mainData) && this.mainData.length > 0) ?
@@ -14130,6 +14222,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                     var tempData = JSON.parse(JSON.stringify(this.listData));
                     tempData.splice(0, 0, dataItem_1);
                     this.resetList(tempData, field, query);
+                    this.focusAtLastListItem(value);
                 }
             }
             else if (this.listData) {
@@ -14158,6 +14251,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                 }
             }
         }
+        this.isCustomReset = false;
         if (this.value && this.value.length) {
             this.refreshSelection();
         }
@@ -15429,11 +15523,20 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
     };
     MultiSelect.prototype.removeChipSelection = function () {
         if (this.chipCollectionWrapper) {
+            var selectedChips = this.chipCollectionWrapper.querySelectorAll('span.' + CHIP$1 + '.' + CHIP_SELECTED);
+            if (selectedChips && selectedChips.length > 0) {
+                for (var i = 0; i < selectedChips.length; i++) {
+                    selectedChips[i].removeAttribute('aria-live');
+                }
+            }
             this.removeChipFocus();
         }
     };
     MultiSelect.prototype.addChipSelection = function (element, e) {
         addClass([element], CHIP_SELECTED);
+        if (element) {
+            element.setAttribute('aria-live', 'polite');
+        }
         this.trigger('chipSelection', e);
     };
     MultiSelect.prototype.getVirtualDataByValue = function (value) {
@@ -15634,6 +15737,9 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                         var collection = _this.list.querySelectorAll('li.'
                             + dropDownBaseClasses.li + ':not(.e-active)');
                         removeClass(collection, 'e-disable');
+                        var mainListCollection = _this.mainList.querySelectorAll('li.'
+                            + dropDownBaseClasses.li + ':not(.e-active)');
+                        removeClass(mainListCollection, 'e-disable');
                     }
                     _this.trigger('removed', eventArgs);
                     var targetEle_1 = eve && eve.currentTarget;
@@ -15935,7 +16041,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         var itemData = { text: value, value: value };
         var chip = this.createElement('span', {
             className: CHIP$1,
-            attrs: { 'data-value': value, 'title': data }
+            attrs: { 'data-value': value, 'title': data, 'role': 'option', 'aria-selected': 'true' }
         });
         var compiledString;
         var chipContent = this.createElement('span', { className: CHIP_CONTENT$1 });
@@ -17103,6 +17209,11 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
             removeClass(selectedItems, className);
             while (temp > 0) {
                 selectedItems[temp - 1].setAttribute('aria-selected', 'false');
+                if (this.mode === 'CheckBox') {
+                    if (selectedItems && (selectedItems.length > (temp - 1))) {
+                        removeClass([selectedItems[temp - 1].firstElementChild.lastElementChild], 'e-check');
+                    }
+                }
                 temp--;
             }
         }
@@ -18816,6 +18927,22 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         else {
             this.setProperties({ value: null }, true);
         }
+        this.checkAndResetCache();
+        if (this.enableVirtualization) {
+            this.updateInitialData();
+            if (this.chipCollectionWrapper) {
+                this.chipCollectionWrapper.innerHTML = '';
+            }
+            if (!this.isCustomDataUpdated) {
+                this.notify('setGeneratedData', {
+                    module: 'VirtualScroll'
+                });
+            }
+            this.list.scrollTop = 0;
+            this.virtualListInfo = null;
+            this.previousStartIndex = 0;
+            this.previousEndIndex = this.itemCount;
+        }
     };
     /**
      * To Initialize the control rendering
@@ -20408,6 +20535,22 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
             this.unSelectAllText = l10nSelect.getConstant('unSelectAllText');
             this.popupWrapper = this.list;
             this.checkBoxSelectionModule.checkAllParent = null;
+            if (this.filterParent) {
+                var parentNode = this.filterParent.parentNode;
+                if (parentNode) {
+                    var firstChild = this.filterParent.querySelector('input.e-input-filter');
+                    if (!firstChild.classList.contains('e-input-focus') && !firstChild.classList.contains('e-valid-input')
+                        && this.selectedListItemCount === 0) {
+                        this.filterParent = null;
+                    }
+                    if (this.selectedListItemCount > 0 && this.showSelectAll) {
+                        this.filterParent = null;
+                    }
+                }
+                else {
+                    this.filterParent = null;
+                }
+            }
             this.notify('selectAll', {});
         }
     };
@@ -20517,7 +20660,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
     ListBox.prototype.setHeight = function () {
         var ele = this.toolbarSettings.items.length ? this.list.parentElement : this.list;
         ele.style.height = formatUnit(this.height);
-        if (this.allowFiltering && this.height.toString().indexOf('%') < 0) {
+        if (this.allowFiltering && this.height.toString().indexOf('%') > 0) {
             addClass([this.list], 'e-filter-list');
         }
         else {
@@ -20606,6 +20749,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
             }
         }
         _super.prototype.onActionComplete.call(this, ulElement, list, e);
+        this.initWrapper();
         if (this.allowFiltering && !isNullOrUndefined(searchEle)) {
             this.list.insertBefore(searchEle, this.list.firstElementChild);
             this.filterParent = this.list.getElementsByClassName('e-filter-parent')[0];
@@ -20624,7 +20768,6 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
                 });
             }
         }
-        this.initWrapper();
         this.setSelection(this.value, true, false, !this.isRendered);
         this.initDraggable();
         this.mainList = this.ulElement;
@@ -21445,6 +21588,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
             }
         }
         var len = this.getSelectedItems().length;
+        this.selectedListItemCount = len;
         if (this.showSelectAll && searchCount) {
             this.notify('checkSelectAll', { module: 'CheckBoxSelection',
                 value: (searchCount === len) ? 'check' : (len === 0) ? 'uncheck' : 'indeterminate' });
@@ -22263,7 +22407,8 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
             e.preventDefault();
             return;
         }
-        var char = String.fromCharCode(e.keyCode);
+        var char = e.code && e.keyCode >= 96 && e.keyCode <= 105 ?
+            String.fromCharCode(e.keyCode - 48) : String.fromCharCode(e.keyCode);
         var isWordCharacter = char.match(/\w/);
         var isWordAccentCharacter = char.match(/[A-Za-z0-9\u00C0-\u024F ]/);
         if (!isNullOrUndefined(isWordCharacter) || !isNullOrUndefined(isWordAccentCharacter)) {