@syncfusion/ej2-dropdowns 26.2.10 → 26.2.13

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

@@ -2684,6 +2684,7 @@ let DropDownList = class DropDownList extends DropDownBase {
         this.isListSearched = false;
         this.preventChange = false;
         this.isTouched = false;
+        this.isFocused = false;
         this.IsScrollerAtEnd = function () {
             return this.list && this.list.scrollTop + this.list.clientHeight >= this.list.scrollHeight;
         };
@@ -3097,6 +3098,7 @@ let DropDownList = class DropDownList extends DropDownBase {
             this.isActive = false;
             this.beforePopupOpen = false;
         }
+        this.isFocused = false;
     }
     focusOutAction(e) {
         this.isInteracted = false;
@@ -3128,6 +3130,7 @@ let DropDownList = class DropDownList extends DropDownBase {
             this.trigger('focus', args);
         }
         this.updateIconState();
+        this.isFocused = true;
     }
     resetValueHandler(e) {
         const formElement = closest(this.inputElement, 'form');
@@ -8093,10 +8096,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();
@@ -8112,7 +8115,7 @@ let DropDownTree = class DropDownTree extends Component {
         this.currentText = this.text;
         this.currentValue = this.value;
         if (!isNullOrUndefined(this.value) && this.value.length > 0 && !isNullOrUndefined(this.currentText)) {
-            this.inputWrapper.setAttribute('aria-label', this.currentText.split(',').join(' '));
+            this.inputWrapper.setAttribute('aria-label', this.currentText.replace(/,/g, ', '));
         }
         if (this.isInitialized) {
             this.triggerChangeEvent();
@@ -9031,7 +9034,7 @@ let DropDownTree = class DropDownTree extends Component {
         this.currentText = this.text;
         this.currentValue = this.value;
         if (!isNullOrUndefined(this.value) && this.value.length > 0 && !isNullOrUndefined(this.currentText)) {
-            this.inputWrapper.setAttribute('aria-label', this.currentText.split(',').join(' '));
+            this.inputWrapper.setAttribute('aria-label', this.currentText.replace(/,/g, ', '));
         }
         else {
             this.inputWrapper.setAttribute('aria-label', this.getModuleName());
@@ -10681,7 +10684,7 @@ let ComboBox = class ComboBox extends DropDownList {
                 }
             }
         }
-        else if (this.allowCustom && this.isInteracted) {
+        else if (this.allowCustom && this.isFocused) {
             this.isSelectCustom = true;
         }
     }
@@ -14658,6 +14661,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);
@@ -14675,6 +14684,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) {
@@ -14743,11 +14757,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() {
@@ -17857,13 +17873,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);
@@ -21191,7 +21215,7 @@ let Mention = class Mention extends DropDownBase {
         if (isNullOrUndefined(text)) {
             return '';
         }
-        const textValue = text.replace(/\u00A0/g, ' ');
+        const textValue = text.indexOf('\u200B') > -1 ? text.replace(/\u200B/g, '').replace(/\u00A0/g, ' ') : text.replace(/\u00A0/g, ' ');
         const words = textValue.split(/\s+/);
         const wordCnt = words.length - 1;
         return words[wordCnt].trim();
@@ -21839,7 +21863,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);