@syncfusion/ej2-dropdowns 24.2.6 → 24.2.8

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

@@ -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();
@@ -18237,21 +18246,6 @@ let Mention = class Mention extends DropDownBase {
         this.isPopupOpen = false;
         this.isCollided = false;
         this.lineBreak = false;
-        this.keyConfigure = {
-            tab: 'tab',
-            enter: '13',
-            escape: '27',
-            end: '35',
-            home: '36',
-            down: '40',
-            up: '38',
-            pageUp: '33',
-            pageDown: '34',
-            open: 'alt+40',
-            close: 'shift+tab',
-            hide: 'alt+38',
-            space: '32'
-        };
     }
     /**
      * Execute before render the list items
@@ -18297,9 +18291,7 @@ let Mention = class Mention extends DropDownBase {
     }
     bindCommonEvent() {
         if (!Browser.isDevice) {
-            this.keyboardModule = new KeyboardEvents(this.inputElement, {
-                keyAction: this.keyActionHandler.bind(this), keyConfigs: this.keyConfigure, eventName: 'keydown'
-            });
+            this.inputElement.addEventListener('keydown', this.keyDownHandler.bind(this), true);
         }
     }
     /**
@@ -18351,6 +18343,47 @@ let Mention = class Mention extends DropDownBase {
             }
         }
     }
+    keyDownHandler(e) {
+        let isKeyAction = true;
+        switch (e.keyCode) {
+            case 38:
+                e.action = e.altKey ? 'hide' : 'up';
+                break;
+            case 40:
+                e.action = e.altKey ? 'open' : 'down';
+                break;
+            case 33:
+                e.action = 'pageUp';
+                break;
+            case 34:
+                e.action = 'pageDown';
+                break;
+            case 36:
+                e.action = 'home';
+                break;
+            case 35:
+                e.action = 'end';
+                break;
+            case 9:
+                e.action = e.shiftKey ? 'close' : 'tab';
+                break;
+            case 27:
+                e.action = 'escape';
+                break;
+            case 32:
+                e.action = 'space';
+                break;
+            case 13:
+                e.action = 'enter';
+                break;
+            default:
+                isKeyAction = false;
+                break;
+        }
+        if (isKeyAction) {
+            this.keyActionHandler(e);
+        }
+    }
     keyActionHandler(e) {
         const isNavigation = (e.action === 'down' || e.action === 'up' || e.action === 'pageUp' || e.action === 'pageDown'
             || e.action === 'home' || e.action === 'end');
@@ -18429,7 +18462,7 @@ let Mention = class Mention extends DropDownBase {
     }
     unBindCommonEvent() {
         if (!Browser.isDevice) {
-            this.keyboardModule.destroy();
+            this.inputElement.removeEventListener('keydown', this.keyDownHandler.bind(this), true);
         }
     }
     onKeyUp(e) {
@@ -19028,7 +19061,7 @@ let Mention = class Mention extends DropDownBase {
             for (let i = 0; i < iframes.length; i++) {
                 // eslint-disable-next-line security/detect-object-injection
                 const iframe = iframes[i];
-                if (iframe.contentDocument.contains(element)) {
+                if (iframe.contentDocument && iframe.contentDocument.contains(element)) {
                     const iframeRect = iframe.getBoundingClientRect();
                     rectTop += iframeRect.top;
                     rectLeft += iframeRect.left;
@@ -19104,7 +19137,7 @@ let Mention = class Mention extends DropDownBase {
      * @returns {void}
      */
     wireListEvents() {
-        EventHandler.add(this.list, 'click', this.onMouseClick, this);
+        EventHandler.add(this.list, 'mousedown', this.onMouseClick, this);
         EventHandler.add(this.list, 'mouseover', this.onMouseOver, this);
         EventHandler.add(this.list, 'mouseout', this.onMouseLeave, this);
     }
@@ -19114,7 +19147,7 @@ let Mention = class Mention extends DropDownBase {
      * @returns {void}
      */
     unWireListEvents() {
-        EventHandler.remove(this.list, 'click', this.onMouseClick);
+        EventHandler.remove(this.list, 'mousedown', this.onMouseClick);
         EventHandler.remove(this.list, 'mouseover', this.onMouseOver);
         EventHandler.remove(this.list, 'mouseout', this.onMouseLeave);
     }
@@ -19129,6 +19162,7 @@ let Mention = class Mention extends DropDownBase {
         const delay = 100;
         this.closePopup(delay, e);
         this.inputElement.focus();
+        e.preventDefault();
     }
     updateSelectedItem(li, e, preventSelect, isSelection) {
         this.removeSelection();