@syncfusion/ej2-dropdowns 30.1.42 → 30.2.5

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

@@ -478,6 +478,9 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
                     isListUpdated = false;
                 }
                 else if (this.parent.viewPortInfo.startIndex !== 0) {
+                    if (this.parent.dataSource instanceof DataManager) {
+                        this.parent.setCurrentView = false;
+                    }
                     this.parent.updateVirtualReOrderList(true);
                     var oldUlElement = this.parent.list.querySelector('.e-list-parent' + ':not(.e-reorder)');
                     if (oldUlElement) {
@@ -1802,6 +1805,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.
     };
@@ -2523,7 +2607,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) {
@@ -4613,6 +4702,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');
@@ -5634,7 +5726,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                 popupEle.setAttribute('aria-label', _this.element.id);
                 popupEle.setAttribute('role', 'dialog');
                 var searchBox = _this.setSearchBox(popupEle);
-                _this.listContainerHeight = _this.allowFiltering && _this.getModuleName() === 'dropdownlist' && Browser.isDevice ?
+                _this.listContainerHeight = _this.allowFiltering && _this.getModuleName() === 'dropdownlist' && Browser.isDevice && _this.isDeviceFullScreen ?
                     formatUnit(Math.round(window.outerHeight).toString() + 'px') : formatUnit(_this.popupHeight);
                 if (_this.headerTemplate) {
                     _this.setHeaderTemplate(popupEle);
@@ -13584,7 +13676,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         }
         var isContainsValue = valuecheck.some(function (item) { return item !== null; });
         if (valuecheck.length > 0 && this.dataSource instanceof DataManager && !isNullOrUndefined(this.value)
-            && this.listData != null && isContainsValue) {
+            && this.listData != null && (!this.enableVirtualization || (this.enableVirtualization && this.valueTemplate)) && isContainsValue) {
             this.isaddNonPresentItems = true;
             this.addNonPresentItems(valuecheck, this.ulElement, this.listData);
             this.isaddNonPresentItems = false;
@@ -14079,6 +14171,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) ?
@@ -14132,6 +14225,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) {
@@ -14160,6 +14254,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                 }
             }
         }
+        this.isCustomReset = false;
         if (this.value && this.value.length) {
             this.refreshSelection();
         }
@@ -15431,11 +15526,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) {
@@ -15636,6 +15740,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;
@@ -15937,7 +16044,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 });
@@ -18507,7 +18614,8 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
             }
             var isContainsValue = valuecheck.some(function (item) { return item !== null; });
             if (prop === 'value' && valuecheck.length > 0 && this.dataSource instanceof DataManager && !isNullOrUndefined(this.value)
-                && this.listData != null && isContainsValue) {
+                && this.listData != null && (!this.enableVirtualization || (this.enableVirtualization && this.valueTemplate))
+                && isContainsValue) {
                 this.mainData = null;
                 this.setDynValue = true;
                 this.isaddNonPresentItems = true;
@@ -18823,6 +18931,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
@@ -20415,6 +20539,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', {});
         }
     };
@@ -20524,7 +20664,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 {
@@ -20613,6 +20753,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];
@@ -20631,7 +20772,6 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
                 });
             }
         }
-        this.initWrapper();
         this.setSelection(this.value, true, false, !this.isRendered);
         this.initDraggable();
         this.mainList = this.ulElement;
@@ -21452,6 +21592,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' });
@@ -22270,7 +22411,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)) {