@syncfusion/ej2-dropdowns 26.2.9 → 26.2.11

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

@@ -7029,6 +7029,39 @@ let DropDownTree = class DropDownTree extends Component {
             input: this.filterChangeHandler.bind(this)
         });
         this.filterObj.appendTo('#' + this.element.id + '_filter');
+        this.keyboardModule = new KeyboardEvents(this.filterObj.element, {
+            keyAction: this.filterKeyAction.bind(this),
+            keyConfigs: this.keyConfigs,
+            eventName: 'keydown'
+        });
+    }
+    filterKeyAction(e) {
+        const eventArgs = {
+            cancel: false,
+            event: e
+        };
+        this.trigger('keyPress', eventArgs, (observedArgs) => {
+            if (!observedArgs.cancel) {
+                switch (e.action) {
+                    case 'altUp':
+                        if (this.isPopupOpen) {
+                            this.hidePopup();
+                        }
+                        break;
+                    case 'shiftTab':
+                        addClass([this.inputWrapper], [INPUTFOCUS]);
+                        break;
+                    case 'moveDown':
+                        e.preventDefault();
+                        this.filterObj.element.blur();
+                        let focusedElement = this.treeObj.element.querySelector('li');
+                        if (focusedElement) {
+                            focusedElement.focus();
+                        }
+                        break;
+                }
+            }
+        });
     }
     filterChangeHandler(args) {
         if (!isNullOrUndefined(args.value)) {
@@ -7520,7 +7553,6 @@ let DropDownTree = class DropDownTree extends Component {
                         }
                         break;
                     case 'shiftTab':
-                    case 'tab':
                         if (this.isPopupOpen) {
                             this.hidePopup();
                         }
@@ -8061,10 +8093,10 @@ let DropDownTree = class DropDownTree extends Component {
         }
         else {
             if (this.showCheckBox) {
-                const difference = this.value.filter((e) => {
+                const difference = this.value.length !== this.treeObj.checkedNodes.length || this.value.filter((e) => {
                     return this.treeObj.checkedNodes.indexOf(e) === -1;
-                });
-                if (difference.length > 0 || this.treeSettings.autoCheck) {
+                }).length > 0;
+                if (difference || this.treeSettings.autoCheck) {
                     this.treeObj.checkedNodes = this.value.slice();
                     this.treeObj.dataBind();
                     this.setMultiSelect();
@@ -8232,13 +8264,16 @@ let DropDownTree = class DropDownTree extends Component {
                     }
                     else {
                         const oldFocussedNode = this.treeObj.element.querySelector('.e-node-focus');
-                        focusedElement = this.treeObj.element.querySelector('li:not(.e-disable):not(.e-prevent)');
+                        focusedElement = this.treeObj.element.querySelector('li[tabindex="0"]:not(.e-disable):not(.e-prevent)') ||
+                            this.treeObj.element.querySelector('li:not(.e-disable):not(.e-prevent)');
                         if (oldFocussedNode && oldFocussedNode !== focusedElement) {
                             oldFocussedNode.setAttribute('tabindex', '-1');
                             removeClass([oldFocussedNode], 'e-node-focus');
                         }
                     }
-                    focusedElement.focus();
+                    if (!this.allowFiltering) {
+                        focusedElement.focus();
+                    }
                     addClass([focusedElement], ['e-node-focus']);
                 }
                 if (this.treeObj.checkedNodes.length > 0) {
@@ -14623,6 +14658,12 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         if (this.enabled && !this.readonly) {
             let temp;
             if (this.value && this.value.length > 0) {
+                if (this.allowFiltering) {
+                    this.refreshListItems(null);
+                    if (this.mode === 'CheckBox' && this.targetInputElement) {
+                        this.targetInputElement.value = '';
+                    }
+                }
                 const liElement = this.list && this.list.querySelectorAll('li.e-list-item');
                 if (liElement && liElement.length > 0) {
                     this.selectAllItems(false, e);
@@ -14640,6 +14681,11 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                 this.clearAllCallback(e);
             }
             this.checkAndResetCache();
+            Input.createSpanElement(this.overAllWrapper, this.createElement);
+            this.calculateWidth();
+            if (!isNullOrUndefined(this.overAllWrapper) && !isNullOrUndefined(this.overAllWrapper.getElementsByClassName('e-ddl-icon')[0] && this.overAllWrapper.getElementsByClassName('e-float-text-content')[0] && this.floatLabelType !== 'Never')) {
+                this.overAllWrapper.getElementsByClassName('e-float-text-content')[0].classList.add('e-icon');
+            }
             if (this.enableVirtualization) {
                 this.updateInitialData();
                 if (this.chipCollectionWrapper) {
@@ -14708,11 +14754,13 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         }
     }
     resetValueHandler(e) {
-        const formElement = closest(this.inputElement, 'form');
-        if (formElement && e.target === formElement) {
-            const textVal = (this.element.tagName === this.getNgDirective()) ?
-                null : this.element.getAttribute('data-initial-value');
-            this.text = textVal;
+        if (!isNullOrUndefined(this.inputElement)) {
+            const formElement = closest(this.inputElement, 'form');
+            if (formElement && e.target === formElement) {
+                const textVal = (this.element.tagName === this.getNgDirective()) ?
+                    null : this.element.getAttribute('data-initial-value');
+                this.text = textVal;
+            }
         }
     }
     wireEvent() {
@@ -17822,13 +17870,21 @@ class CheckBoxSelection {
     setSearchBoxPosition() {
         const searchBoxHeight = this.filterInput.parentElement.getBoundingClientRect().height;
         let selectAllHeight = 0;
+        let footerHeight = 0;
+        let headerHeight = 0;
         if (this.checkAllParent) {
             selectAllHeight = this.checkAllParent.getBoundingClientRect().height;
         }
+        if (this.parent.header) {
+            headerHeight = this.parent.header.getBoundingClientRect().height;
+        }
+        if (this.parent.footer) {
+            footerHeight = this.parent.footer.getBoundingClientRect().height;
+        }
         this.parent.popupObj.element.style.maxHeight = '100%';
         this.parent.popupObj.element.style.width = '100%';
-        this.parent.list.style.maxHeight = (window.innerHeight - searchBoxHeight - selectAllHeight) + 'px';
-        this.parent.list.style.height = (window.innerHeight - searchBoxHeight - selectAllHeight) + 'px';
+        this.parent.list.style.maxHeight = (window.innerHeight - searchBoxHeight - selectAllHeight - headerHeight - footerHeight) + 'px';
+        this.parent.list.style.height = (window.innerHeight - searchBoxHeight - selectAllHeight - headerHeight - footerHeight) + 'px';
         const clearElement = this.filterInput.parentElement.querySelector('.' + clearIcon);
         detach(this.filterInput);
         clearElement.parentElement.insertBefore(this.filterInput, clearElement);
@@ -21804,7 +21860,13 @@ let Mention = class Mention extends DropDownBase {
             range.insertNode(frag);
             if (lastNode) {
                 range = range.cloneRange();
-                range.setStartAfter(lastNode);
+                if (this.isRTE) {
+                    range.setStart(lastNode, 0);
+                    range.setEnd(lastNode, lastNode.textContent.length);
+                }
+                else {
+                    range.setStartAfter(lastNode);
+                }
                 range.collapse(true);
                 selection.removeAllRanges();
                 selection.addRange(range);