@syncfusion/ej2-dropdowns 24.2.5 → 24.2.7

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

@@ -2624,15 +2624,15 @@ let DropDownList = class DropDownList extends DropDownBase {
     focusOutAction(e) {
         this.isInteracted = false;
         this.focusOut(e);
-        this.onFocusOut();
+        this.onFocusOut(e);
     }
-    onFocusOut() {
+    onFocusOut(e) {
         if (!this.enabled) {
             return;
         }
         if (this.isSelected) {
             this.isSelectCustom = false;
-            this.onChangeEvent(null);
+            this.onChangeEvent(e);
         }
         this.floatLabelChange();
         this.dispatchEvent(this.hiddenElement, 'change');
@@ -3345,7 +3345,7 @@ let DropDownList = class DropDownList extends DropDownBase {
                 this.hidePopup(e);
                 this.isInteracted = false;
                 if (!isActive) {
-                    this.onFocusOut();
+                    this.onFocusOut(e);
                     this.inputWrapper.container.classList.remove(dropDownListClasses.inputFocus);
                 }
             }
@@ -7241,7 +7241,7 @@ let DropDownTree = class DropDownTree extends Component {
         this.ensurePlaceHolder();
         ariaState = state === 'check' ? 'true' : 'false';
         if (!isNullOrUndefined(ariaState)) {
-            wrapper.setAttribute('aria-checked', ariaState);
+            wrapper.parentElement.setAttribute('aria-checked', ariaState);
         }
     }
     setLocale(unSelect) {
@@ -8027,7 +8027,7 @@ let DropDownTree = class DropDownTree extends Component {
         }
         if (this.showSelectAll && this.checkBoxElement) {
             const nodes = this.treeObj.element.querySelectorAll('li');
-            const checkedNodes = this.treeObj.element.querySelectorAll('li .e-checkbox-wrapper[aria-checked=true]');
+            const checkedNodes = this.treeObj.element.querySelectorAll('li[aria-checked=true]');
             const wrap = closest(this.checkBoxElement, '.' + CHECKBOXWRAP);
             if (wrap && args.action === 'uncheck' && (args.isInteracted || checkedNodes.length === 0 || (!isNullOrUndefined(args.data[0]) && args.data[0].isChecked === 'false'))) {
                 this.isReverseUpdate = true;
@@ -11430,7 +11430,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
     }
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     openClick(e) {
-        if (!this.openOnClick && this.mode !== 'CheckBox') {
+        if (!this.openOnClick && this.mode !== 'CheckBox' && !this.isPopupOpen()) {
             if (this.targetElement() !== '') {
                 this.showPopup();
             }
@@ -12600,7 +12600,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                     this.trigger('removed', eventArgs);
                     const targetEle = eve && eve.currentTarget;
                     const isSelectAll = (targetEle && targetEle.classList.contains('e-selectall-parent')) ? true : null;
-                    if (!this.changeOnBlur && !isClearAll && (eve && length && !isSelectAll)) {
+                    if (!this.changeOnBlur && !isClearAll && (eve && length && !isSelectAll && this.isSelectAllTarget)) {
                         this.updateValueState(eve, this.value, this.tempValues);
                     }
                     if (length) {
@@ -13270,6 +13270,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         this.backCommand = true;
         this.isCustomRendered = false;
         this.isRemoteSelection = false;
+        this.isSelectAllTarget = true;
     }
     updateData(delimiterChar, e) {
         let data = '';
@@ -14184,6 +14185,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                 count = state ? this.maximumSelectionLength - (this.value ? this.value.length : 0) : this.maximumSelectionLength;
             }
             if (!beforeSelectArgs.preventSelectEvent) {
+                this.isSelectAllTarget = (length === index + 1);
                 while (index < length && index <= 50 && index < count) {
                     this.updateListSelection(li[index], event, length - index);
                     if (this.enableGroupCheckBox) {
@@ -14194,6 +14196,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                 if (length > 50) {
                     setTimeout(() => {
                         while (index < length && index < count) {
+                            this.isSelectAllTarget = (length === index + 1);
                             this.updateListSelection(li[index], event, length - index);
                             if (this.enableGroupCheckBox) {
                                 this.findGroupStart(li[index]);
@@ -14206,6 +14209,12 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                             this.isSelectAll = this.isSelectAll ? !this.isSelectAll : this.isSelectAll;
                         }
                         this.updateHiddenElement();
+                        if (this.popupWrapper && li[index - 1].classList.contains('e-item-focus')) {
+                            const selectAllParent = document.getElementsByClassName('e-selectall-parent')[0];
+                            if (selectAllParent && selectAllParent.classList.contains('e-item-focus')) {
+                                li[index - 1].classList.remove('e-item-focus');
+                            }
+                        }
                     }, 0);
                 }
             }
@@ -14303,7 +14312,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         }
         if (this.mode === 'CheckBox') {
             this.updateDelimView();
-            if (!(isRemoveAll || this.isSelectAll)) {
+            if (!(isRemoveAll || this.isSelectAll) && this.isSelectAllTarget) {
                 this.updateDelimeter(this.delimiterChar, event);
             }
             this.refreshInputHight();
@@ -17251,7 +17260,6 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
             if (tListBox.mainList.childElementCount !== tListBox.jsonData.length) {
                 tListBox.mainList = tListBox.ulElement;
             }
-            fListBox.updateMainList();
             const tJsonData = [].slice.call(tListBox.jsonData);
             tSortData = [].slice.call(tListBox.sortedData);
             this.selectNextList(elems, dataLiIdx, dataIdx, fListBox);
@@ -19022,6 +19030,20 @@ let Mention = class Mention extends DropDownBase {
             range.collapse(false);
             rect = range.getBoundingClientRect().top === 0 ? range.startContainer.getClientRects()[0] : range.getBoundingClientRect();
         }
+        let rectTop = rect.top;
+        let rectLeft = rect.left;
+        const iframes = document.querySelectorAll('iframe');
+        if (iframes.length > 0) {
+            for (let i = 0; i < iframes.length; i++) {
+                // eslint-disable-next-line security/detect-object-injection
+                const iframe = iframes[i];
+                if (iframe.contentDocument && iframe.contentDocument.contains(element)) {
+                    const iframeRect = iframe.getBoundingClientRect();
+                    rectTop += iframeRect.top;
+                    rectLeft += iframeRect.left;
+                }
+            }
+        }
         const doc = document.documentElement;
         const windowLeft = (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || 0);
         const windowTop = (window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0);
@@ -19043,23 +19065,23 @@ let Mention = class Mention extends DropDownBase {
         }
         if (!this.isContentEditable(this.inputElement)) {
             coordinates = {
-                top: rect.top + windowTop + span.offsetTop + parseInt(computed.borderTopWidth, 10) +
+                top: rectTop + windowTop + span.offsetTop + parseInt(computed.borderTopWidth, 10) +
                     parseInt(computed.fontSize, 10) + 3 - element.scrollTop - (this.isCollided ? 10 : 0),
-                left: rect.left + windowLeft + span.offsetLeft + parseInt(computed.borderLeftWidth, 10)
+                left: rectLeft + windowLeft + span.offsetLeft + parseInt(computed.borderLeftWidth, 10)
             };
             document.body.removeChild(div);
         }
         else {
             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
+                    top: rectTop + windowTop + parseInt(getComputedStyle(this.inputElement).fontSize, 10),
+                    left: rectLeft + windowLeft + width
                 };
             }
             else {
                 coordinates = {
-                    top: rect.top + windowTop + parseInt(getComputedStyle(this.inputElement).fontSize, 10) - (this.isCollided ? 10 : 0),
-                    left: rect.left + windowLeft + width
+                    top: rectTop + windowTop + parseInt(getComputedStyle(this.inputElement).fontSize, 10) - (this.isCollided ? 10 : 0),
+                    left: rectLeft + windowLeft + width
                 };
             }
         }