@syncfusion/ej2-dropdowns 23.1.40 → 23.1.42

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

@@ -1697,6 +1697,11 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
             this.initialize(e);
         }
     };
+    DropDownBase.prototype.removeScrollEvent = function () {
+        if (this.list) {
+            EventHandler.remove(this.list, 'scroll', this.setFloatingHeader);
+        }
+    };
     /**
      * Return the module name of this component.
      *
@@ -2094,6 +2099,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
         _this.pageCount = 0;
         _this.isPreventKeyAction = false;
         _this.generatedDataObject = {};
+        _this.isTouched = false;
         _this.virtualListInfo = {
             currentPageNumber: null,
             direction: null,
@@ -3863,7 +3869,12 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                         this.updateActionCompleteDataValues(ulElement, list);
                     }
                 }
-                if (!this.enableVirtualization) {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                if ((this.allowCustom || (this.allowFiltering && !this.isValueInList(list, this.value) && this.dataSource instanceof DataManager)) && !this.enableVirtualization) {
+                    this.addNewItem(list, selectedItem);
+                }
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                else if ((this.allowCustom || (this.allowFiltering && this.isValueInList(list, this.value))) && !this.enableVirtualization) {
                     this.addNewItem(list, selectedItem);
                 }
                 if (!isNullOrUndefined(this.itemData) || (isNullOrUndefined(this.itemData) && this.enableVirtualization)) {
@@ -3897,6 +3908,24 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
         }
     };
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    DropDownList.prototype.isValueInList = function (list, valueToFind) {
+        if (Array.isArray(list)) {
+            for (var i = 0; i < list.length; i++) {
+                if (list[i] === valueToFind) {
+                    return true;
+                }
+            }
+        }
+        else if (typeof list === 'object' && list !== null) {
+            for (var key in list) {
+                if (Object.prototype.hasOwnProperty.call(list, key) && list[key] === valueToFind) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    };
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     DropDownList.prototype.checkFieldValue = function (list, fieldValue) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var checkField = list;
@@ -4661,6 +4690,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
      * @returns {void}
      */
     DropDownList.prototype.render = function () {
+        this.preselectedIndex = !isNullOrUndefined(this.index) ? this.index : null;
         if (this.element.tagName === 'INPUT') {
             this.inputElement = this.element;
             if (isNullOrUndefined(this.inputElement.getAttribute('role'))) {
@@ -4898,7 +4928,6 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
         if (this.allowFiltering && newProp.dataSource && !isNullOrUndefined(Object.keys(newProp.dataSource))) {
             this.actionCompleteData = { ulElement: null, list: null, isUpdated: false };
             this.actionData = this.actionCompleteData;
-            this.itemData = null;
         }
         else if (this.allowFiltering && newProp.query && !isNullOrUndefined(Object.keys(newProp.query))) {
             this.actionCompleteData = this.getModuleName() === 'combobox' ?
@@ -4944,6 +4973,13 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
      */
     DropDownList.prototype.onPropertyChanged = function (newProp, oldProp) {
         var _this = this;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        if (!isNullOrUndefined(newProp.dataSource) && !this.isTouched && (isNullOrUndefined(newProp.value) && isNullOrUndefined(newProp.index)) && !isNullOrUndefined(this.preselectedIndex)) {
+            newProp.index = this.preselectedIndex;
+        }
+        if (!isNullOrUndefined(newProp.value) || !isNullOrUndefined(newProp.index)) {
+            this.isTouched = true;
+        }
         if (this.getModuleName() === 'dropdownlist') {
             this.checkData(newProp);
             this.setUpdateInitial(['fields', 'query', 'dataSource'], newProp);
@@ -7524,12 +7560,12 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
             var nodes = this.treeObj.element.querySelectorAll('li');
             var checkedNodes = this.treeObj.element.querySelectorAll('li .e-checkbox-wrapper[aria-checked=true]');
             var wrap = closest(this.checkBoxElement, '.' + CHECKBOXWRAP);
-            if (wrap && args.action === 'uncheck' && (args.isInteracted || checkedNodes.length === 0)) {
+            if (wrap && args.action === 'uncheck' && (args.isInteracted || checkedNodes.length === 0 || args.data[0].isChecked == "false")) {
                 this.isReverseUpdate = true;
                 this.changeState(wrap, 'uncheck');
                 this.isReverseUpdate = false;
             }
-            else if (wrap && args.action === 'check' && checkedNodes.length === nodes.length && (args.isInteracted || this.isCheckAllCalled)) {
+            else if (wrap && args.action === 'check' && checkedNodes.length === nodes.length && (args.isInteracted || this.isCheckAllCalled || args.data[0].isChecked == "true")) {
                 this.isReverseUpdate = true;
                 this.isCheckAllCalled = false;
                 this.changeState(wrap, 'check');
@@ -13956,6 +13992,11 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                     }
                     this.updateSelectElementData(this.allowFiltering);
                     break;
+                case 'fields':
+                    if (isNullOrUndefined(this.fields.groupBy)) {
+                        this.removeScrollEvent();
+                    }
+                    break;
                 default:
                     {
                         // eslint-disable-next-line max-len
@@ -18292,6 +18333,8 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
                 _this.initializePopup(popupEle_1, offsetValue, left);
                 _this.checkCollision(popupEle_1);
                 popupEle_1.style.visibility = 'visible';
+                var popupLeft_1 = popupEle_1.parentElement.offsetWidth - popupEle_1.offsetWidth;
+                var popupHeight_1 = popupEle_1.offsetHeight;
                 addClass([popupEle_1], ['e-mention', 'e-popup', 'e-popup-close']);
                 if (!isNullOrUndefined(_this.list)) {
                     _this.unWireListEvents();
@@ -18320,9 +18363,23 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
                             popupEle_1.style.cssText = 'top: '.concat(coordinates_1.top.toString(), 'px;\n left: ').concat(coordinates_1.left.toString(), 'px;\nposition: absolute;\n display: block;');
                         }
                         else {
-                            popupEle_1.style.left = formatUnit(coordinates_1.left);
-                            popupEle_1.style.top = formatUnit(coordinates_1.top - parseInt(_this.popupHeight.toString()));
+                            if (_this.collision.length > 0 && _this.collision.indexOf('right') > -1 && _this.collision.indexOf('bottom') === -1) {
+                                popupEle_1.style.cssText = 'top: '.concat(coordinates_1.top.toString(), 'px;\n left: ').concat(popupLeft_1.toString(), 'px;\nposition: absolute;\n display: block;');
+                            }
+                            else if (_this.collision && _this.collision.length > 0 && _this.collision.indexOf('bottom') > -1 && _this.collision.indexOf('right') === -1) {
+                                popupEle_1.style.left = formatUnit(coordinates_1.left);
+                                popupEle_1.style.top = formatUnit(coordinates_1.top - parseInt(popupHeight_1.toString()));
+                            }
+                            else if (_this.collision && _this.collision.length > 0 && _this.collision.indexOf('bottom') > -1 && _this.collision.indexOf('right') > -1) {
+                                popupEle_1.style.left = formatUnit(popupLeft_1);
+                                popupEle_1.style.top = formatUnit(coordinates_1.top - parseInt(popupHeight_1.toString()));
+                            }
+                            else {
+                                popupEle_1.style.left = formatUnit(coordinates_1.left);
+                                popupEle_1.style.top = formatUnit(coordinates_1.top - parseInt(_this.popupHeight.toString()));
+                            }
                             _this.isCollided = false;
+                            _this.collision = [];
                         }
                         popupEle_1.style.width = _this.popupWidth !== '100%' && !isNullOrUndefined(_this.popupWidth) ? formatUnit(_this.popupWidth) : 'auto';
                         _this.setHeight(popupEle_1);
@@ -18351,8 +18408,8 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
     Mention.prototype.checkCollision = function (popupEle) {
         if (!Browser.isDevice || (Browser.isDevice && !(this.getModuleName() === 'mention'))) {
             var coordinates = this.getCoordinates(this.inputElement, this.getTriggerCharPosition());
-            var collision = isCollide(popupEle, null, coordinates.left, coordinates.top);
-            if (collision.length > 0) {
+            this.collision = isCollide(popupEle, null, coordinates.left, coordinates.top);
+            if (this.collision.length > 0) {
                 popupEle.style.marginTop = -parseInt(getComputedStyle(popupEle).marginTop, 10) + 'px';
                 this.isCollided = true;
             }
@@ -18487,10 +18544,18 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
             document.body.removeChild(div);
         }
         else {
-            coordinates = {
-                top: rect.top + windowTop + parseInt(getComputedStyle(this.inputElement).fontSize, 10) - (this.isCollided ? 10 : 0),
-                left: rect.left + windowLeft + width
-            };
+            if (this.collision && this.collision.length > 0 && this.collision.indexOf('right') > -1 && this.collision.indexOf('bottom') === -1) {
+                coordinates = {
+                    top: rect.top + windowTop + parseInt(getComputedStyle(this.inputElement).fontSize, 10),
+                    left: rect.left + windowLeft + width
+                };
+            }
+            else {
+                coordinates = {
+                    top: rect.top + windowTop + parseInt(getComputedStyle(this.inputElement).fontSize, 10) - (this.isCollided ? 10 : 0),
+                    left: rect.left + windowLeft + width
+                };
+            }
         }
         return coordinates;
     };