@syncfusion/ej2-dropdowns 21.1.38 → 21.1.41

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

@@ -441,6 +441,9 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
             var noDataCompTemp = compiledString({}, this, templateName, templateId, this.isStringTemplate, null, ele);
             if (noDataCompTemp && noDataCompTemp.length > 0) {
                 for (var i = 0; i < noDataCompTemp.length; i++) {
+                    if (this.getModuleName() === 'listbox' && templateName === 'noRecordsTemplate') {
+                        noDataCompTemp[i].classList.add('e-list-nr-template');
+                    }
                     ele.appendChild(noDataCompTemp[i]);
                 }
             }
@@ -481,7 +484,13 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
     };
     DropDownBase.prototype.getFormattedValue = function (value) {
         if (this.listData && this.listData.length) {
-            var item = this.typeOfData(this.listData);
+            var item = void 0;
+            if (this.properties.allowCustomValue && this.properties.value && this.properties.value instanceof Array && this.properties.value.length > 0) {
+                item = this.typeOfData(this.properties.value);
+            }
+            else {
+                item = this.typeOfData(this.listData);
+            }
             if (typeof getValue((this.fields.value ? this.fields.value : 'value'), item.item) === 'number'
                 || item.typeof === 'number') {
                 return parseFloat(value);
@@ -4582,6 +4591,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         _this.isClicked = false;
         // Specifies if the checkAll method has been called
         _this.isCheckAllCalled = false;
+        _this.isFromFilterChange = false;
         return _this;
     }
     /**
@@ -4795,6 +4805,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
     };
     DropDownTree.prototype.filterHandler = function (value, event) {
         var _this = this;
+        this.isFromFilterChange = true;
         if (!this.isFilteredData) {
             this.treeData = this.treeObj.getTreeData();
         }
@@ -6071,7 +6082,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
             this.isDocumentClick = false;
             e.preventDefault();
         }
-        else if (this.inputWrapper != null && !this.inputWrapper.contains(target) && this.inputFocus && !isFilter) {
+        else if (!isNullOrUndefined(this.inputWrapper) && !this.inputWrapper.contains(target) && this.inputFocus && !isFilter) {
             this.focusOut(e);
         }
     };
@@ -6490,7 +6501,8 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
     };
     DropDownTree.prototype.setMultiSelectValue = function (newValues) {
         if (!this.isFilteredData) {
-            this.setProperties({ value: newValues }, true);
+            this.setProperties({ value: this.isFromFilterChange && newValues && newValues.length == 0 ? this.value : newValues }, true);
+            this.isFromFilterChange = false;
             if (newValues && newValues.length !== 0 && !this.showCheckBox) {
                 this.treeObj.selectedNodes = this.value.slice();
                 this.treeObj.dataBind();
@@ -9293,7 +9305,9 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         this.trigger('open', eventArgs, function (eventArgs) {
             if (!eventArgs.cancel) {
                 _this.focusAtFirstListItem();
-                document.body.appendChild(_this.popupObj.element);
+                if (_this.popupObj) {
+                    document.body.appendChild(_this.popupObj.element);
+                }
                 if (_this.mode === 'CheckBox' && _this.enableGroupCheckBox && !isNullOrUndefined(_this.fields.groupBy)) {
                     _this.updateListItems(_this.list.querySelectorAll('li.e-list-item'), _this.mainList.querySelectorAll('li.e-list-item'));
                 }
@@ -9302,7 +9316,9 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                 }
                 _this.refreshPopup();
                 _this.renderReactTemplates();
-                _this.popupObj.show(eventArgs.animation, (_this.zIndex === 1000) ? _this.element : null);
+                if (_this.popupObj) {
+                    _this.popupObj.show(eventArgs.animation, (_this.zIndex === 1000) ? _this.element : null);
+                }
                 attributes(_this.inputElement, { 'aria-expanded': 'true', 'aria-owns': _this.inputElement.id + '_options' });
                 _this.updateAriaActiveDescendant();
                 if (_this.isFirstClick) {
@@ -10476,6 +10492,9 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                 this.refreshSelection();
             }
         }
+        else if (!isNullOrUndefined(this.fields.groupBy) && this.value && this.value.length) {
+            this.refreshSelection();
+        }
     };
     MultiSelect.prototype.removeSelectedChip = function (e) {
         var selectedElem = this.chipCollectionWrapper.querySelector('span.' + CHIP_SELECTED);
@@ -12092,7 +12111,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                     overAllContainer = this.componentWrapper.offsetWidth -
                         parseInt(window.getComputedStyle(this.componentWrapper).paddingLeft, 10) -
                         parseInt(window.getComputedStyle(this.componentWrapper).paddingRight, 10);
-                    if ((wrapperleng + downIconWidth + this.clearIconWidth) >= overAllContainer) {
+                    if ((wrapperleng + downIconWidth + this.clearIconWidth) > overAllContainer) {
                         if (tempData !== undefined && tempData !== '') {
                             temp = tempData;
                             index = tempIndex + 1;
@@ -12101,7 +12120,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                         remaining = this.value.length - index;
                         wrapperleng = this.viewWrapper.offsetWidth +
                             parseInt(window.getComputedStyle(this.viewWrapper).paddingRight, 10);
-                        while (((wrapperleng + remainSize + downIconWidth + this.clearIconWidth) >= overAllContainer) && wrapperleng !== 0
+                        while (((wrapperleng + remainSize + downIconWidth + this.clearIconWidth) > overAllContainer) && wrapperleng !== 0
                             && this.viewWrapper.innerHTML !== '') {
                             var textArr = [];
                             this.viewWrapper.innerHTML = textArr.join(this.delimiterChar);
@@ -12111,7 +12130,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                         }
                         break;
                     }
-                    else if ((wrapperleng + remainSize + downIconWidth + this.clearIconWidth) < overAllContainer) {
+                    else if ((wrapperleng + remainSize + downIconWidth + this.clearIconWidth) <= overAllContainer) {
                         tempData = data;
                         tempIndex = index;
                     }
@@ -13836,14 +13855,17 @@ var CheckBoxSelection = /** @__PURE__ @class */ (function () {
         if (this.parent.enableSelectionOrder && !isNullOrUndefined(this.parent.value)) {
             var activeLiCount = this.parent.ulElement.querySelectorAll('li.e-active').length;
             var remLi = void 0;
-            var ulEle = this.parent.createElement('ul', {
+            var ulEle_1 = this.parent.createElement('ul', {
                 className: 'e-list-parent e-ul e-reorder'
             });
             if (activeLiCount > 0) {
-                append(this.parent.ulElement.querySelectorAll('li.e-active'), ulEle);
+                var activeListItems = this.parent.ulElement.querySelectorAll('li.e-active');
+                activeListItems.forEach(function (item) {
+                    ulEle_1.appendChild(item);
+                });
                 remLi = this.parent.ulElement.querySelectorAll('li.e-active');
                 addClass(remLi, 'e-reorder-hide');
-                prepend([ulEle], this.parent.list);
+                prepend([ulEle_1], this.parent.list);
             }
             this.parent.focusAtFirstListItem();
         }
@@ -14269,13 +14291,28 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
         var scrollParent;
         var boundRect;
         var scrollMoved = 36;
+        var scrollHeight = 10;
+        if (this.itemTemplate && args.target) {
+            if (args.target && args.target.closest('.e-list-item')) {
+                scrollHeight = args.target.closest('.e-list-item').scrollHeight;
+            }
+            else {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                var listItem = args.element.querySelector('.e-list-item');
+                if (listItem) {
+                    scrollHeight = listItem.scrollHeight;
+                }
+            }
+        }
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var event = args.event;
         var wrapper;
         if (args.target && (args.target.classList.contains('e-listbox-wrapper') || args.target.classList.contains('e-list-item')
-            || args.target.classList.contains('e-filter-parent') || args.target.classList.contains('e-input-group'))) {
+            || args.target.classList.contains('e-filter-parent') || args.target.classList.contains('e-input-group')
+            || args.target.closest('.e-list-item'))) {
             if (args.target.classList.contains('e-list-item') || args.target.classList.contains('e-filter-parent')
-                || args.target.classList.contains('e-input-group')) {
+                || args.target.classList.contains('e-input-group')
+                || args.target.closest('.e-list-item')) {
                 wrapper = args.target.closest('.e-listbox-wrapper');
             }
             else {
@@ -14289,23 +14326,16 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
             }
             boundRect = scrollParent.getBoundingClientRect();
             if ((boundRect.y + scrollParent.offsetHeight) - (event.pageY + scrollMoved) < 1) {
-                scrollParent.scrollTop = scrollParent.scrollTop + 10;
+                scrollParent.scrollTop = scrollParent.scrollTop + scrollHeight;
             }
             else if ((event.pageY - scrollMoved) - boundRect.y < 1) {
-                scrollParent.scrollTop = scrollParent.scrollTop - 10;
+                scrollParent.scrollTop = scrollParent.scrollTop - scrollHeight;
             }
         }
         if (args.target === null) {
             return;
         }
         this.trigger('drag', this.getDragArgs(args));
-        var listObj = this.getComponent(args.target);
-        if (listObj && listObj.listData.length === 0) {
-            var noRecElem = listObj.ulElement.childNodes[0];
-            if (noRecElem) {
-                listObj.ulElement.removeChild(noRecElem);
-            }
-        }
     };
     ListBox.prototype.beforeDragEnd = function (args) {
         this.dragValue = this.getFormattedValue(args.droppedElement.getAttribute('data-value'));
@@ -14339,6 +14369,13 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
         if (Browser.isIos) {
             this.list.style.overflow = '';
         }
+        var targetListObj = this.getComponent(args.target);
+        if (targetListObj && targetListObj.listData.length === 0) {
+            var noRecElem = targetListObj.ulElement.childNodes[0];
+            if (noRecElem) {
+                targetListObj.ulElement.removeChild(noRecElem);
+            }
+        }
         if (listObj === this) {
             var ul_1 = this.ulElement;
             listData = [].slice.call(this.listData);
@@ -16866,6 +16903,12 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
                     }
                 }
                 append([_this.list], popupEle_1);
+                if (_this.inputElement.parentElement && _this.inputElement.parentElement.parentElement &&
+                    _this.inputElement.parentElement.parentElement.classList.contains('e-richtexteditor')) {
+                    if (popupEle_1.firstElementChild && popupEle_1.firstElementChild.childElementCount > 0) {
+                        popupEle_1.firstElementChild.setAttribute('aria-owns', _this.inputElement.parentElement.parentElement.id);
+                    }
+                }
                 if ((!_this.popupObj || !document.body.contains(_this.popupObj.element)) ||
                     !document.contains(popupEle_1) && isNullOrUndefined(_this.target)) {
                     document.body.appendChild(popupEle_1);