@syncfusion/ej2-dropdowns 26.2.9 → 26.2.11

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

@@ -7191,6 +7191,40 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
             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'
+        });
+    };
+    DropDownTree.prototype.filterKeyAction = function (e) {
+        var _this = this;
+        var eventArgs = {
+            cancel: false,
+            event: e
+        };
+        this.trigger('keyPress', eventArgs, function (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();
+                        var focusedElement = _this.treeObj.element.querySelector('li');
+                        if (focusedElement) {
+                            focusedElement.focus();
+                        }
+                        break;
+                }
+            }
+        });
     };
     DropDownTree.prototype.filterChangeHandler = function (args) {
         var _this = this;
@@ -7691,7 +7725,6 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
                         }
                         break;
                     case 'shiftTab':
-                    case 'tab':
                         if (_this.isPopupOpen) {
                             _this.hidePopup();
                         }
@@ -8236,10 +8269,10 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         }
         else {
             if (this.showCheckBox) {
-                var difference = this.value.filter(function (e) {
+                var difference = this.value.length !== this.treeObj.checkedNodes.length || this.value.filter(function (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();
@@ -8410,13 +8443,16 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
                     }
                     else {
                         var 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) {
@@ -14875,6 +14911,12 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         if (this.enabled && !this.readonly) {
             var temp = void 0;
             if (this.value && this.value.length > 0) {
+                if (this.allowFiltering) {
+                    this.refreshListItems(null);
+                    if (this.mode === 'CheckBox' && this.targetInputElement) {
+                        this.targetInputElement.value = '';
+                    }
+                }
                 var liElement = this.list && this.list.querySelectorAll('li.e-list-item');
                 if (liElement && liElement.length > 0) {
                     this.selectAllItems(false, e);
@@ -14892,6 +14934,11 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                 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) {
@@ -14960,11 +15007,13 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         }
     };
     MultiSelect.prototype.resetValueHandler = function (e) {
-        var formElement = closest(this.inputElement, 'form');
-        if (formElement && e.target === formElement) {
-            var textVal = (this.element.tagName === this.getNgDirective()) ?
-                null : this.element.getAttribute('data-initial-value');
-            this.text = textVal;
+        if (!isNullOrUndefined(this.inputElement)) {
+            var formElement = closest(this.inputElement, 'form');
+            if (formElement && e.target === formElement) {
+                var textVal = (this.element.tagName === this.getNgDirective()) ?
+                    null : this.element.getAttribute('data-initial-value');
+                this.text = textVal;
+            }
         }
     };
     MultiSelect.prototype.wireEvent = function () {
@@ -18090,13 +18139,21 @@ var CheckBoxSelection = /** @__PURE__ @class */ (function () {
     CheckBoxSelection.prototype.setSearchBoxPosition = function () {
         var searchBoxHeight = this.filterInput.parentElement.getBoundingClientRect().height;
         var selectAllHeight = 0;
+        var footerHeight = 0;
+        var 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';
         var clearElement = this.filterInput.parentElement.querySelector('.' + clearIcon);
         detach(this.filterInput);
         clearElement.parentElement.insertBefore(this.filterInput, clearElement);
@@ -22158,7 +22215,13 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
             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);