@syncfusion/ej2-dropdowns 24.2.5 → 24.2.7

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 24.2.5
+*  version : 24.2.7
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-dropdowns@*",
-  "_id": "@syncfusion/ej2-dropdowns@24.2.4",
+  "_id": "@syncfusion/ej2-dropdowns@24.2.6",
   "_inBundle": false,
-  "_integrity": "sha512-yO2x7003LTxaPl+OD2C6KP4XQaN6kVuzGVKtSz9vBtS2e3EZZpt8GmtRs1QOmMaR47kqD+Cv2ybUx1E3w13pKg==",
+  "_integrity": "sha512-kpe97YspOpxho03cZHTvb9PMfHFW1AzulVU2WjKkcu9hWsnO2dDfr3WTTJvuqSAUXNLkk//71q81j3qFdKQ35g==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -34,8 +34,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-24.2.4.tgz",
-  "_shasum": "24edaa5bfef0a2fa7ee08492553773b546b45011",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-24.2.6.tgz",
+  "_shasum": "890abdc1d9f968194287b33258c071719ac88f5f",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
@@ -43,9 +43,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~24.2.5",
+    "@syncfusion/ej2-base": "~24.2.7",
     "@syncfusion/ej2-data": "~24.2.3",
-    "@syncfusion/ej2-inputs": "~24.2.5",
+    "@syncfusion/ej2-inputs": "~24.2.7",
     "@syncfusion/ej2-lists": "~24.2.4",
     "@syncfusion/ej2-navigations": "~24.2.4",
     "@syncfusion/ej2-notifications": "~24.2.4",
@@ -74,7 +74,7 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "24.2.5",
+  "version": "24.2.7",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/drop-down-list/drop-down-list.d.ts

@@ -420,7 +420,7 @@ export declare class DropDownList extends DropDownBase implements IInput {
     protected updateValues(): void;
     protected onBlurHandler(e: MouseEvent): void;
     protected focusOutAction(e?: MouseEvent | KeyboardEventArgs): void;
-    protected onFocusOut(): void;
+    protected onFocusOut(e?: MouseEvent | KeyboardEventArgs): void;
     protected onFocus(e?: FocusEvent | MouseEvent | KeyboardEvent | TouchEvent): void;
     private resetValueHandler;
     protected wireEvent(): void;

package/src/drop-down-list/drop-down-list.js

@@ -523,15 +523,15 @@ var DropDownList = /** @class */ (function (_super) {
     DropDownList.prototype.focusOutAction = function (e) {
         this.isInteracted = false;
         this.focusOut(e);
-        this.onFocusOut();
+        this.onFocusOut(e);
     };
-    DropDownList.prototype.onFocusOut = function () {
+    DropDownList.prototype.onFocusOut = function (e) {
         if (!this.enabled) {
             return;
         }
         if (this.isSelected) {
             this.isSelectCustom = false;
-            this.onChangeEvent(null);
+            this.onChangeEvent(e);
         }
         this.floatLabelChange();
         this.dispatchEvent(this.hiddenElement, 'change');
@@ -1244,7 +1244,7 @@ var DropDownList = /** @class */ (function (_super) {
                 this.hidePopup(e);
                 this.isInteracted = false;
                 if (!isActive) {
-                    this.onFocusOut();
+                    this.onFocusOut(e);
                     this.inputWrapper.container.classList.remove(dropDownListClasses.inputFocus);
                 }
             }

package/src/drop-down-tree/drop-down-tree.js

@@ -1242,7 +1242,7 @@ var DropDownTree = /** @class */ (function (_super) {
         this.ensurePlaceHolder();
         ariaState = state === 'check' ? 'true' : 'false';
         if (!isNOU(ariaState)) {
-            wrapper.setAttribute('aria-checked', ariaState);
+            wrapper.parentElement.setAttribute('aria-checked', ariaState);
         }
     };
     DropDownTree.prototype.setLocale = function (unSelect) {
@@ -2033,7 +2033,7 @@ var DropDownTree = /** @class */ (function (_super) {
         }
         if (this.showSelectAll && this.checkBoxElement) {
             var nodes = this.treeObj.element.querySelectorAll('li');
-            var checkedNodes = this.treeObj.element.querySelectorAll('li .e-checkbox-wrapper[aria-checked=true]');
+            var checkedNodes = this.treeObj.element.querySelectorAll('li[aria-checked=true]');
             var wrap = closest(this.checkBoxElement, '.' + CHECKBOXWRAP);
             if (wrap && args.action === 'uncheck' && (args.isInteracted || checkedNodes.length === 0 || (!isNOU(args.data[0]) && args.data[0].isChecked === 'false'))) {
                 this.isReverseUpdate = true;

package/src/list-box/list-box.js

@@ -1590,7 +1590,6 @@ var ListBox = /** @class */ (function (_super) {
             if (tListBox.mainList.childElementCount !== tListBox.jsonData.length) {
                 tListBox.mainList = tListBox.ulElement;
             }
-            fListBox.updateMainList();
             var tJsonData = [].slice.call(tListBox.jsonData);
             tSortData = [].slice.call(tListBox.sortedData);
             this.selectNextList(elems, dataLiIdx, dataIdx, fListBox);

package/src/mention/mention.js

@@ -892,6 +892,20 @@ var Mention = /** @class */ (function (_super) {
             range.collapse(false);
             rect = range.getBoundingClientRect().top === 0 ? range.startContainer.getClientRects()[0] : range.getBoundingClientRect();
         }
+        var rectTop = rect.top;
+        var rectLeft = rect.left;
+        var iframes = document.querySelectorAll('iframe');
+        if (iframes.length > 0) {
+            for (var i = 0; i < iframes.length; i++) {
+                // eslint-disable-next-line security/detect-object-injection
+                var iframe = iframes[i];
+                if (iframe.contentDocument && iframe.contentDocument.contains(element)) {
+                    var iframeRect = iframe.getBoundingClientRect();
+                    rectTop += iframeRect.top;
+                    rectLeft += iframeRect.left;
+                }
+            }
+        }
         var doc = document.documentElement;
         var windowLeft = (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || 0);
         var windowTop = (window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0);
@@ -913,23 +927,23 @@ var Mention = /** @class */ (function (_super) {
         }
         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
                 };
             }
         }

package/src/multi-select/multi-select.d.ts

@@ -51,6 +51,7 @@ export declare class MultiSelect extends DropDownBase implements IInput {
     private focusFirstListItem;
     private isCustomRendered;
     private isRemoteSelection;
+    private isSelectAllTarget;
     /**
      * The `fields` property maps the columns of the data table and binds the data to the component.
      * * text - Maps the text column from data table for each list item.

package/src/multi-select/multi-select.js

@@ -632,7 +632,7 @@ var MultiSelect = /** @class */ (function (_super) {
     };
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     MultiSelect.prototype.openClick = function (e) {
-        if (!this.openOnClick && this.mode !== 'CheckBox') {
+        if (!this.openOnClick && this.mode !== 'CheckBox' && !this.isPopupOpen()) {
             if (this.targetElement() !== '') {
                 this.showPopup();
             }
@@ -1804,7 +1804,7 @@ var MultiSelect = /** @class */ (function (_super) {
                     _this.trigger('removed', eventArgs);
                     var targetEle_1 = eve && eve.currentTarget;
                     var isSelectAll = (targetEle_1 && targetEle_1.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) {
@@ -2479,6 +2479,7 @@ var MultiSelect = /** @class */ (function (_super) {
         this.backCommand = true;
         this.isCustomRendered = false;
         this.isRemoteSelection = false;
+        this.isSelectAllTarget = true;
     };
     MultiSelect.prototype.updateData = function (delimiterChar, e) {
         var data = '';
@@ -3396,6 +3397,7 @@ var MultiSelect = /** @class */ (function (_super) {
                 count_1 = state ? this.maximumSelectionLength - (this.value ? this.value.length : 0) : this.maximumSelectionLength;
             }
             if (!beforeSelectArgs.preventSelectEvent) {
+                this.isSelectAllTarget = (length === index_1 + 1);
                 while (index_1 < length && index_1 <= 50 && index_1 < count_1) {
                     this.updateListSelection(li[index_1], event, length - index_1);
                     if (this.enableGroupCheckBox) {
@@ -3406,6 +3408,7 @@ var MultiSelect = /** @class */ (function (_super) {
                 if (length > 50) {
                     setTimeout(function () {
                         while (index_1 < length && index_1 < count_1) {
+                            _this.isSelectAllTarget = (length === index_1 + 1);
                             _this.updateListSelection(li[index_1], event, length - index_1);
                             if (_this.enableGroupCheckBox) {
                                 _this.findGroupStart(li[index_1]);
@@ -3418,6 +3421,12 @@ var MultiSelect = /** @class */ (function (_super) {
                             _this.isSelectAll = _this.isSelectAll ? !_this.isSelectAll : _this.isSelectAll;
                         }
                         _this.updateHiddenElement();
+                        if (_this.popupWrapper && li[index_1 - 1].classList.contains('e-item-focus')) {
+                            var selectAllParent = document.getElementsByClassName('e-selectall-parent')[0];
+                            if (selectAllParent && selectAllParent.classList.contains('e-item-focus')) {
+                                li[index_1 - 1].classList.remove('e-item-focus');
+                            }
+                        }
                     }, 0);
                 }
             }
@@ -3516,7 +3525,7 @@ var MultiSelect = /** @class */ (function (_super) {
         }
         if (this.mode === 'CheckBox') {
             this.updateDelimView();
-            if (!(isRemoveAll || this.isSelectAll)) {
+            if (!(isRemoveAll || this.isSelectAll) && this.isSelectAllTarget) {
                 this.updateDelimeter(this.delimiterChar, event);
             }
             this.refreshInputHight();