@syncfusion/ej2-dropdowns 20.3.49 → 20.3.56

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

@@ -3539,6 +3539,9 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
         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,
@@ -4586,7 +4589,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         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);
@@ -5928,14 +5931,14 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         var isFooter = closest(target, '.' + FOOTER);
         var 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);
         }
     };
@@ -12725,6 +12728,9 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         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);
@@ -15205,7 +15211,13 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
                 }
             }
         }
-        var elems = Array.prototype.slice.call(this.element.nextElementSibling.querySelectorAll('.e-grabbed'));
+        var 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;
     };
     ListBox.prototype.getDragArgs = function (args, isDragEnd) {
@@ -16065,7 +16077,7 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
         if (!isNullOrUndefined(this.spinnerElement)) {
             hideSpinner(this.spinnerElement);
         }
-        if (!isNullOrUndefined(this.spinnerTemplate)) {
+        if (!isNullOrUndefined(this.spinnerTemplate) && !isNullOrUndefined(this.spinnerTemplateElement)) {
             detach(this.spinnerTemplateElement);
         }
     };
@@ -16086,7 +16098,6 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
             }
             if (!isNullOrUndefined(this.spinnerTemplate)) {
                 this.setSpinnerTemplate();
-                this.popupObj.element.appendChild(this.spinnerTemplateElement);
             }
         }
     };
@@ -16879,6 +16890,24 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
     };
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     Mention.prototype.setValue = function (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;
+        }
+    };
+    Mention.prototype.updateMentionValue = function (e) {
         var dataItem = this.getItemData();
         var textSuffix;
         var value;
@@ -16904,7 +16933,6 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
                 this.hidePopup();
             }
             this.onChangeEvent(e);
-            return true;
         }
         else {
             endPos = this.getTriggerCharPosition() + this.mentionChar.length;
@@ -16936,13 +16964,12 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
                 this.hidePopup();
             }
             this.onChangeEvent(e);
-            return true;
         }
     };
     Mention.prototype.mentionVal = function (value) {
         var 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 : ' ');
@@ -16951,7 +16978,8 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
             return showChar + value;
         }
     };
-    Mention.prototype.setDisplayTemplate = function () {
+    Mention.prototype.setDisplayTemplate = function (e) {
+        var _this = this;
         var compiledString;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (this.isReact) {
@@ -16976,10 +17004,20 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
                 this.displayTempElement.appendChild(displayCompTemp[i]);
             }
         }
-        this.renderReactTemplates();
-        return this.displayTempElement.innerHTML;
+        if (!this.isReact) {
+            this.renderTemplates();
+        }
+        else {
+            this.renderTemplates(function () {
+                _this.updateMentionValue(e);
+            });
+        }
+    };
+    Mention.prototype.renderTemplates = function (callBack) {
+        this.renderReactTemplates(callBack);
     };
     Mention.prototype.setSpinnerTemplate = function () {
+        var _this = this;
         var compiledString;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (this.isReact) {
@@ -17004,7 +17042,15 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
                 this.spinnerTemplateElement.appendChild(spinnerCompTemp[i]);
             }
         }
-        this.renderReactTemplates();
+        if (!this.isReact) {
+            this.renderTemplates();
+            this.popupObj.element.appendChild(this.spinnerTemplateElement);
+        }
+        else {
+            this.renderTemplates(function () {
+                _this.popupObj.element.appendChild(_this.spinnerTemplateElement);
+            });
+        }
     };
     Mention.prototype.onChangeEvent = function (eve) {
         this.isSelected = false;