@syncfusion/ej2-dropdowns 32.2.7 → 32.2.9

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

@@ -416,7 +416,7 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
         if (this.component === 'combobox') {
             var totalData = 0;
             if (this.parent.dataSource instanceof DataManager) {
-                totalData = this.parent.remoteDataCount;
+                totalData = this.parent.dataSource.dataSource.json.length;
             }
             else if (this.parent.dataSource && this.parent.dataSource.length > 0) {
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -5647,8 +5647,9 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
         });
         return checkField;
     };
-    DropDownList.prototype.checkAndFetchItemData = function (list, value, checkField) {
+    DropDownList.prototype.checkAndFetchItemData = function (list, value, checkField, isOffline) {
         var _this = this;
+        if (isOffline === void 0) { isOffline = false; }
         var fieldValue = this.fields.value.split('.');
         var checkVal = list.some(function (x) {
             return isNullOrUndefined(x[checkField]) && fieldValue.length > 1 ?
@@ -5661,27 +5662,67 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
             });
         }
         if (!checkVal && this.dataSource instanceof DataManager) {
-            (this.dataSource).executeQuery(this.getQuery(this.query).where(new Predicate(checkField, 'equal', value)))
-                .then(function (e) {
-                if (e.result.length > 0) {
-                    if (!_this.enableVirtualization) {
-                        _this.addItem(e.result, list.length);
+            if (isOffline) {
+                this.searchOfflineData(value, checkField);
+            }
+            else {
+                (this.dataSource).executeQuery(this.getQuery(this.query).where(new Predicate(checkField, 'equal', value)))
+                    .then(function (e) {
+                    if (e.result.length > 0) {
+                        if (!_this.enableVirtualization) {
+                            _this.addItem(e.result, list.length);
+                        }
+                        else {
+                            _this.itemData = e.result[0];
+                            var dataItem = _this.getItemData();
+                            if ((_this.value === dataItem.value && _this.text !== dataItem.text) ||
+                                (_this.value !== dataItem.value && _this.text === dataItem.text)) {
+                                _this.setProperties({ text: dataItem.text.toString() });
+                                Input.setValue(_this.text, _this.inputElement, _this.floatLabelType, _this.showClearButton);
+                            }
+                        }
+                        _this.updateValues();
                     }
                     else {
-                        _this.itemData = e.result[0];
-                        var dataItem = _this.getItemData();
-                        if ((_this.value === dataItem.value && _this.text !== dataItem.text) ||
-                            (_this.value !== dataItem.value && _this.text === dataItem.text)) {
-                            _this.setProperties({ text: dataItem.text.toString() });
-                            Input.setValue(_this.text, _this.inputElement, _this.floatLabelType, _this.showClearButton);
-                        }
+                        _this.updateValues();
                     }
-                    _this.updateValues();
-                }
-                else {
-                    _this.updateValues();
+                });
+            }
+        }
+        else {
+            this.updateValues();
+        }
+    };
+    DropDownList.prototype.searchOfflineData = function (value, checkField) {
+        var _this = this;
+        if (!(this.dataSource instanceof DataManager)) {
+            this.updateValues();
+            return;
+        }
+        var dataManager = this.dataSource;
+        var fullData = dataManager.dataSource.json || [];
+        if (fullData && fullData.length > 0) {
+            var foundItem = fullData.find(function (item) {
+                if (_this.fields.value && _this.fields.value.includes('.')) {
+                    var fieldValueArray = _this.fields.value.split('.');
+                    var fieldVal = _this.checkFieldValue(item, fieldValueArray);
+                    return fieldVal === value;
                 }
+                return item[checkField] === value;
             });
+            if (foundItem) {
+                this.itemData = foundItem;
+                var dataItem = this.getItemData();
+                if ((this.value === dataItem.value && this.text !== dataItem.text) ||
+                    (this.value !== dataItem.value && this.text === dataItem.text)) {
+                    this.setProperties({ text: dataItem.text.toString() });
+                    Input.setValue(this.text, this.inputElement, this.floatLabelType, this.showClearButton);
+                }
+                this.updateValues();
+            }
+            else {
+                this.updateValues();
+            }
         }
         else {
             this.updateValues();
@@ -5804,7 +5845,8 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                     _this.setFooterTemplate(popupEle_1);
                     _this.isUpdateFooterHeight = _this.footer.offsetHeight !== 0;
                 }
-                document.body.appendChild(popupEle_1);
+                var appendToElement = _this.getAppendToElement();
+                appendToElement.appendChild(popupEle_1);
                 popupEle_1.style.top = '0px';
                 initialPopupHeight = popupEle_1.clientHeight;
                 if (_this.enableVirtualization && (_this.itemTemplate || _this.isAngular)) {
@@ -6066,6 +6108,16 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
             }
         });
     };
+    DropDownList.prototype.getAppendToElement = function () {
+        if (this.isAngular) {
+            var cdkPane = this.element && this.element.closest ? this.element.closest('.cdk-overlay-pane') : null;
+            var popoverEl = this.element && this.element.closest ? this.element.closest('[popover]') : null;
+            if (cdkPane && popoverEl) {
+                return cdkPane;
+            }
+        }
+        return document.body;
+    };
     DropDownList.prototype.checkCollision = function (popupEle) {
         if (!Browser.isDevice || (Browser.isDevice && !(this.getModuleName() === 'dropdownlist' || this.isDropDownClick))) {
             var collision = isCollide(popupEle);
@@ -6838,7 +6890,8 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
         var listParentHeight = formatUnit(this.popupHeight);
         listParent.style.height = (parseInt(listParentHeight, 10)).toString() + 'px';
         listParent.appendChild(item);
-        document.body.appendChild(listParent);
+        var appendToElement = this.getAppendToElement();
+        appendToElement.appendChild(listParent);
         this.virtualListHeight = listParent.getBoundingClientRect().height;
         var listItemHeight = Math.ceil(item.getBoundingClientRect().height) +
             parseInt(window.getComputedStyle(item).marginBottom, 10);
@@ -7113,10 +7166,12 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                     }
                     if (this_1.enableVirtualization) {
                         if (newProp.value && this_1.dataSource instanceof DataManager) {
+                            var isOfflineMode = this_1.dataSource instanceof DataManager &&
+                                this_1.dataSource.dataSource.offline === true;
                             var checkField = isNullOrUndefined(this_1.fields.value) ? this_1.fields.text : this_1.fields.value;
                             var value = this_1.allowObjectBinding && !isNullOrUndefined(newProp.value) ?
                                 getValue(checkField, newProp.value) : newProp.value;
-                            this_1.checkAndFetchItemData(this_1.listData, value, checkField);
+                            this_1.checkAndFetchItemData(this_1.listData, value, checkField, isOfflineMode);
                         }
                         this_1.updateValues();
                         this_1.updateInputFields();
@@ -15584,7 +15639,10 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                 }
             }
             else {
-                this.onActionComplete(list, this.mainData);
+                var listUl = this.list && this.list.querySelector('ul');
+                var isFullList = this.isReact && this.itemTemplate && listUl != null &&
+                    listUl.querySelectorAll('.e-list-item').length === this.mainData.length;
+                this.onActionComplete(isFullList ? listUl : list, this.mainData);
             }
             this.focusAtLastListItem(data);
             if (this.value && this.value.length) {
@@ -15816,9 +15874,13 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         addClass([element], CHIP_SELECTED);
         if (element) {
             element.setAttribute('id', this.element.id + '_chip_item');
-            if (!isNullOrUndefined(this.inputElement) && element.id && !this.inputElement.hasAttribute('aria-activedescendant')) {
+            if (!isNullOrUndefined(this.inputElement) && element.id) {
                 this.inputElement.setAttribute('aria-activedescendant', element.id);
             }
+            var chipClose = element.querySelector('span.' + CHIP_CLOSE$1.split(' ')[0]);
+            if (chipClose) {
+                chipClose.removeAttribute('aria-hidden');
+            }
         }
         this.trigger('chipSelection', e);
     };
@@ -16222,6 +16284,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         var _this = this;
         var list = this.listData;
         if (this.initStatus && !isNotTrigger && (!this.allowObjectBinding || (this.allowObjectBinding && value))) {
+            var selectAllArgsLocal_1 = null;
             value = this.allowObjectBinding ? getValue(((this.fields.value) ? this.fields.value : ''), value) : value;
             var val_2 = dataValue ? dataValue : this.getDataByValue(value);
             var eventArgs = {
@@ -16238,15 +16301,13 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                         _this.selectAllEventEle.push(element);
                     }
                     if (length === 1) {
-                        var args = {
+                        selectAllArgsLocal_1 = {
                             event: eve,
                             items: _this.selectAllEventEle,
                             itemData: _this.selectAllEventData,
                             isInteracted: eve ? true : false,
                             isChecked: true
                         };
-                        _this.trigger('selectedAll', args);
-                        _this.selectAllEventData = [];
                     }
                     if (_this.allowCustomValue && _this.isServerRendered && _this.listData !== list) {
                         _this.listData = list;
@@ -16283,6 +16344,10 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                     if (_this.hideSelectedItem && _this.fixedHeaderElement && _this.fields.groupBy && _this.mode !== 'CheckBox') {
                         _super.prototype.scrollStop.call(_this);
                     }
+                    if (selectAllArgsLocal_1) {
+                        _this.trigger('selectedAll', selectAllArgsLocal_1);
+                        _this.selectAllEventData = [];
+                    }
                 }
             });
         }
@@ -16295,12 +16360,18 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
     MultiSelect.prototype.removeChipFocus = function () {
         var elements = this.chipCollectionWrapper.querySelectorAll('span.' + CHIP$1 + '.' + CHIP_SELECTED);
         removeClass(elements, CHIP_SELECTED);
+        var closeElements = this.chipCollectionWrapper.querySelectorAll('span.' + CHIP_CLOSE$1.split(' ')[0]);
         if (Browser.isDevice) {
-            var closeElements = this.chipCollectionWrapper.querySelectorAll('span.' + CHIP_CLOSE$1.split(' ')[0]);
             for (var index = 0; index < closeElements.length; index++) {
+                closeElements[index].setAttribute('aria-hidden', 'true');
                 closeElements[index].style.display = 'none';
             }
         }
+        else {
+            for (var index = 0; index < closeElements.length; index++) {
+                closeElements[index].setAttribute('aria-hidden', 'true');
+            }
+        }
     };
     MultiSelect.prototype.onMobileChipInteraction = function (e) {
         var chipElem = closest(e.target, '.' + CHIP$1);
@@ -16341,7 +16412,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         });
         var compiledString;
         var chipContent = this.createElement('span', { className: CHIP_CONTENT$1 });
-        var chipClose = this.createElement('span', { className: CHIP_CLOSE$1 });
+        var chipClose = this.createElement('span', { className: CHIP_CLOSE$1, attrs: { 'aria-label': 'delete', 'aria-hidden': 'true', 'tabindex': '-1' } });
         if (this.mainData) {
             itemData = this.getDataByValue(value);
         }
@@ -17698,6 +17769,9 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                     }
                     else {
                         e.preventDefault();
+                        if (this.value.length === this.listData.length && this.isPopupOpen()) {
+                            this.hidePopup(e);
+                        }
                     }
                     var isFilterData = this.targetElement().trim() !== '' ? true : false;
                     this.makeTextBoxEmpty();
@@ -19343,7 +19417,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         }
         else {
             this.chipCollectionWrapper = this.createElement('span', {
-                className: CHIP_WRAPPER$1
+                className: CHIP_WRAPPER$1, attrs: { role: 'listbox' }
             });
             this.chipCollectionWrapper.style.display = 'none';
             if (this.mode === 'Default') {