@syncfusion/ej2-dropdowns 23.1.40 → 23.1.42

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

@@ -1611,6 +1611,11 @@ let DropDownBase = class DropDownBase extends Component {
             this.initialize(e);
         }
     }
+    removeScrollEvent() {
+        if (this.list) {
+            EventHandler.remove(this.list, 'scroll', this.setFloatingHeader);
+        }
+    }
     /**
      * Return the module name of this component.
      *
@@ -1991,6 +1996,7 @@ let DropDownList = class DropDownList extends DropDownBase {
         this.pageCount = 0;
         this.isPreventKeyAction = false;
         this.generatedDataObject = {};
+        this.isTouched = false;
         this.virtualListInfo = {
             currentPageNumber: null,
             direction: null,
@@ -3751,7 +3757,12 @@ let DropDownList = class DropDownList extends DropDownBase {
                         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)) {
@@ -3785,6 +3796,24 @@ let DropDownList = class DropDownList extends DropDownBase {
         }
     }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    isValueInList(list, valueToFind) {
+        if (Array.isArray(list)) {
+            for (let i = 0; i < list.length; i++) {
+                if (list[i] === valueToFind) {
+                    return true;
+                }
+            }
+        }
+        else if (typeof list === 'object' && list !== null) {
+            for (const 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
     checkFieldValue(list, fieldValue) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         let checkField = list;
@@ -4539,6 +4568,7 @@ let DropDownList = class DropDownList extends DropDownBase {
      * @returns {void}
      */
     render() {
+        this.preselectedIndex = !isNullOrUndefined(this.index) ? this.index : null;
         if (this.element.tagName === 'INPUT') {
             this.inputElement = this.element;
             if (isNullOrUndefined(this.inputElement.getAttribute('role'))) {
@@ -4776,7 +4806,6 @@ let DropDownList = class DropDownList extends DropDownBase {
         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' ?
@@ -4821,6 +4850,13 @@ let DropDownList = class DropDownList extends DropDownBase {
      * @returns {void}
      */
     onPropertyChanged(newProp, oldProp) {
+        // 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);
@@ -7359,12 +7395,12 @@ let DropDownTree = class DropDownTree extends Component {
             const nodes = this.treeObj.element.querySelectorAll('li');
             const checkedNodes = this.treeObj.element.querySelectorAll('li .e-checkbox-wrapper[aria-checked=true]');
             const 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');
@@ -13721,6 +13757,11 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                     }
                     this.updateSelectElementData(this.allowFiltering);
                     break;
+                case 'fields':
+                    if (isNullOrUndefined(this.fields.groupBy)) {
+                        this.removeScrollEvent();
+                    }
+                    break;
                 default:
                     {
                         // eslint-disable-next-line max-len
@@ -17969,6 +18010,8 @@ let Mention = class Mention extends DropDownBase {
                 this.initializePopup(popupEle, offsetValue, left);
                 this.checkCollision(popupEle);
                 popupEle.style.visibility = 'visible';
+                let popupLeft = popupEle.parentElement.offsetWidth - popupEle.offsetWidth;
+                let popupHeight = popupEle.offsetHeight;
                 addClass([popupEle], ['e-mention', 'e-popup', 'e-popup-close']);
                 if (!isNullOrUndefined(this.list)) {
                     this.unWireListEvents();
@@ -17997,9 +18040,23 @@ let Mention = class Mention extends DropDownBase {
                             popupEle.style.cssText = 'top: '.concat(coordinates.top.toString(), 'px;\n left: ').concat(coordinates.left.toString(), 'px;\nposition: absolute;\n display: block;');
                         }
                         else {
-                            popupEle.style.left = formatUnit(coordinates.left);
-                            popupEle.style.top = formatUnit(coordinates.top - parseInt(this.popupHeight.toString()));
+                            if (this.collision.length > 0 && this.collision.indexOf('right') > -1 && this.collision.indexOf('bottom') === -1) {
+                                popupEle.style.cssText = 'top: '.concat(coordinates.top.toString(), 'px;\n left: ').concat(popupLeft.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.style.left = formatUnit(coordinates.left);
+                                popupEle.style.top = formatUnit(coordinates.top - parseInt(popupHeight.toString()));
+                            }
+                            else if (this.collision && this.collision.length > 0 && this.collision.indexOf('bottom') > -1 && this.collision.indexOf('right') > -1) {
+                                popupEle.style.left = formatUnit(popupLeft);
+                                popupEle.style.top = formatUnit(coordinates.top - parseInt(popupHeight.toString()));
+                            }
+                            else {
+                                popupEle.style.left = formatUnit(coordinates.left);
+                                popupEle.style.top = formatUnit(coordinates.top - parseInt(this.popupHeight.toString()));
+                            }
                             this.isCollided = false;
+                            this.collision = [];
                         }
                         popupEle.style.width = this.popupWidth !== '100%' && !isNullOrUndefined(this.popupWidth) ? formatUnit(this.popupWidth) : 'auto';
                         this.setHeight(popupEle);
@@ -18028,8 +18085,8 @@ let Mention = class Mention extends DropDownBase {
     checkCollision(popupEle) {
         if (!Browser.isDevice || (Browser.isDevice && !(this.getModuleName() === 'mention'))) {
             let coordinates = this.getCoordinates(this.inputElement, this.getTriggerCharPosition());
-            const 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;
             }
@@ -18163,10 +18220,18 @@ let Mention = class Mention extends DropDownBase {
             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;
     }