@syncfusion/ej2-dropdowns 20.3.49 → 20.3.56

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

@@ -3482,6 +3482,9 @@ let DropDownList = class DropDownList extends DropDownBase {
         if (!isNullOrUndefined(this.cssClass) && this.cssClass !== '') {
             updatedCssClassValues = (this.cssClass.replace(/\s+/g, ' ')).trim();
         }
+        if (!isNullOrUndefined(closest(this.element, "fieldset")) && closest(this.element, "fieldset").disabled) {
+            this.enabled = false;
+        }
         this.inputWrapper = Input.createInput({
             element: this.inputElement,
             buttons: this.isPopupButton() ? [dropDownListClasses.icon] : null,
@@ -4496,7 +4499,7 @@ let DropDownTree = class DropDownTree extends Component {
         this.updateDataAttribute();
         this.setHTMLAttributes();
         this.setAttributes();
-        this.popupDiv = this.createElement('div', { className: CONTENT, attrs: { 'tabindex': '0' } });
+        this.popupDiv = this.createElement('div', { className: CONTENT });
         this.popupDiv.classList.add(DROPDOWN);
         this.tree = this.createElement('div', { id: this.element.id + '_tree' });
         this.popupDiv.appendChild(this.tree);
@@ -5828,14 +5831,14 @@ let DropDownTree = class DropDownTree extends Component {
         const isFooter = closest(target, '.' + FOOTER);
         const isScroller = target.classList.contains(DROPDOWN) ? true :
             (matches(target, '.e-ddt .e-popup') || matches(target, '.e-ddt .e-treeview'));
-        if ((this.isPopupOpen && (this.inputWrapper.contains(target) || isTree || isFilter || isScroller || isHeader || isFooter)) ||
+        if ((this.isPopupOpen && (this.inputWrapper.contains(target) || isTree || isScroller || isHeader || isFooter)) ||
             ((this.allowMultiSelection || this.showCheckBox) && (this.isPopupOpen && target.classList.contains(CHIP_CLOSE) ||
                 (this.isPopupOpen && (target.classList.contains(CHECKALLPARENT) || target.classList.contains(ALLTEXT)
                     || target.classList.contains(CHECKBOXFRAME)))))) {
             this.isDocumentClick = false;
             e.preventDefault();
         }
-        else if (!this.inputWrapper.contains(target) && this.inputFocus) {
+        else if (!this.inputWrapper.contains(target) && this.inputFocus && !isFilter) {
             this.focusOut(e);
         }
     }
@@ -12552,6 +12555,9 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         if (this.mode !== 'CheckBox') {
             this.hideOverAllClear();
         }
+        if (!isNullOrUndefined(closest(this.element, "fieldset")) && closest(this.element, "fieldset").disabled) {
+            this.enabled = false;
+        }
         this.wireEvent();
         this.enable(this.enabled);
         this.enableRTL(this.enableRtl);
@@ -14979,7 +14985,13 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
                 }
             }
         }
-        const elems = Array.prototype.slice.call(this.element.nextElementSibling.querySelectorAll('.e-grabbed'));
+        let elems;
+        if (this.isAngular) {
+            elems = Array.prototype.slice.call(this.element.getElementsByClassName('e-list-parent')[0].querySelectorAll('.e-grabbed'));
+        }
+        else {
+            elems = Array.prototype.slice.call(this.element.nextElementSibling.querySelectorAll('.e-grabbed'));
+        }
         return elems;
     }
     getDragArgs(args, isDragEnd) {
@@ -15812,7 +15824,7 @@ let Mention = class Mention extends DropDownBase {
         if (!isNullOrUndefined(this.spinnerElement)) {
             hideSpinner(this.spinnerElement);
         }
-        if (!isNullOrUndefined(this.spinnerTemplate)) {
+        if (!isNullOrUndefined(this.spinnerTemplate) && !isNullOrUndefined(this.spinnerTemplateElement)) {
             detach(this.spinnerTemplateElement);
         }
     }
@@ -15833,7 +15845,6 @@ let Mention = class Mention extends DropDownBase {
             }
             if (!isNullOrUndefined(this.spinnerTemplate)) {
                 this.setSpinnerTemplate();
-                this.popupObj.element.appendChild(this.spinnerTemplateElement);
             }
         }
     }
@@ -16620,6 +16631,24 @@ let Mention = class Mention extends DropDownBase {
     }
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     setValue(e) {
+        if (!this.isReact) {
+            if (!isNullOrUndefined(this.displayTemplate)) {
+                this.setDisplayTemplate();
+            }
+            this.updateMentionValue(e);
+            return true;
+        }
+        else {
+            if (!isNullOrUndefined(this.displayTemplate)) {
+                this.setDisplayTemplate(e);
+            }
+            else {
+                this.updateMentionValue(e);
+            }
+            return true;
+        }
+    }
+    updateMentionValue(e) {
         const dataItem = this.getItemData();
         let textSuffix;
         let value;
@@ -16645,7 +16674,6 @@ let Mention = class Mention extends DropDownBase {
                 this.hidePopup();
             }
             this.onChangeEvent(e);
-            return true;
         }
         else {
             endPos = this.getTriggerCharPosition() + this.mentionChar.length;
@@ -16677,13 +16705,12 @@ let Mention = class Mention extends DropDownBase {
                 this.hidePopup();
             }
             this.onChangeEvent(e);
-            return true;
         }
     }
     mentionVal(value) {
         let showChar = this.showMentionChar ? this.mentionChar : '';
-        if (!isNullOrUndefined(this.displayTemplate)) {
-            value = this.setDisplayTemplate();
+        if (!isNullOrUndefined(this.displayTemplate) && !isNullOrUndefined(this.displayTempElement)) {
+            value = this.displayTempElement.innerHTML;
         }
         if (this.isContentEditable(this.inputElement)) {
             return '<span contenteditable="false" class="e-mention-chip">' + showChar + value + '</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : ' ');
@@ -16692,7 +16719,7 @@ let Mention = class Mention extends DropDownBase {
             return showChar + value;
         }
     }
-    setDisplayTemplate() {
+    setDisplayTemplate(e) {
         let compiledString;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (this.isReact) {
@@ -16717,8 +16744,17 @@ let Mention = class Mention extends DropDownBase {
                 this.displayTempElement.appendChild(displayCompTemp[i]);
             }
         }
-        this.renderReactTemplates();
-        return this.displayTempElement.innerHTML;
+        if (!this.isReact) {
+            this.renderTemplates();
+        }
+        else {
+            this.renderTemplates(() => {
+                this.updateMentionValue(e);
+            });
+        }
+    }
+    renderTemplates(callBack) {
+        this.renderReactTemplates(callBack);
     }
     setSpinnerTemplate() {
         let compiledString;
@@ -16745,7 +16781,15 @@ let Mention = class Mention extends DropDownBase {
                 this.spinnerTemplateElement.appendChild(spinnerCompTemp[i]);
             }
         }
-        this.renderReactTemplates();
+        if (!this.isReact) {
+            this.renderTemplates();
+            this.popupObj.element.appendChild(this.spinnerTemplateElement);
+        }
+        else {
+            this.renderTemplates(() => {
+                this.popupObj.element.appendChild(this.spinnerTemplateElement);
+            });
+        }
     }
     onChangeEvent(eve) {
         this.isSelected = false;