@syncfusion/ej2-dropdowns 22.2.9 → 22.2.11

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

@@ -440,24 +440,30 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
             }
             var templateName = actionFailure ? 'actionFailureTemplate' : 'noRecordsTemplate';
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            var noDataCompTemp = compiledString({}, this, templateName, templateId, this.isStringTemplate, null, ele);
-            if (noDataCompTemp && noDataCompTemp.length > 0) {
-                for (var i = 0; i < noDataCompTemp.length; i++) {
+            var noDataElement = void 0;
+            if ((this.isReact) && typeof template === 'function') {
+                noDataElement = compiledString({}, this, templateName, templateId, this.isStringTemplate, null);
+            }
+            else {
+                noDataElement = compiledString({}, this, templateName, templateId, this.isStringTemplate, null, ele);
+            }
+            if (noDataElement && noDataElement.length > 0) {
+                for (var i = 0; i < noDataElement.length; i++) {
                     if (this.getModuleName() === 'listbox' && templateName === 'noRecordsTemplate') {
-                        if (noDataCompTemp[i].nodeName === '#text') {
+                        if (noDataElement[i].nodeName === '#text') {
                             var liElem = this.createElement('li');
-                            liElem.textContent = noDataCompTemp[i].textContent;
+                            liElem.textContent = noDataElement[i].textContent;
                             liElem.classList.add('e-list-nrt');
                             liElem.setAttribute('role', 'option');
                             ele.appendChild(liElem);
                         }
                         else {
-                            noDataCompTemp[i].classList.add('e-list-nr-template');
-                            ele.appendChild(noDataCompTemp[i]);
+                            noDataElement[i].classList.add('e-list-nr-template');
+                            ele.appendChild(noDataElement[i]);
                         }
                     }
                     else {
-                        ele.appendChild(noDataCompTemp[i]);
+                        ele.appendChild(noDataElement[i]);
                     }
                 }
             }
@@ -3308,7 +3314,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                     _this.wireListEvents();
                 }
                 _this.selectedElementID = _this.selectedLI ? _this.selectedLI.id : null;
-                attributes(_this.targetElement(), { 'aria-expanded': 'true', 'aria-owns': _this.inputElement.id + '_options' });
+                attributes(_this.targetElement(), { 'aria-expanded': 'true', 'aria-owns': _this.element.id + '_options' });
                 _this.inputElement.setAttribute('aria-expanded', 'true');
                 var inputParent = _this.isFiltering() ? _this.filterInput.parentElement : _this.inputWrapper.container;
                 addClass([inputParent], [dropDownListClasses.inputFocus]);
@@ -4086,8 +4092,10 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                     }
                     break;
                 case 'showClearButton':
-                    Input.setClearButton(newProp.showClearButton, this_1.inputElement, this_1.inputWrapper, null, this_1.createElement);
-                    this_1.bindClearEvent();
+                    if (!this_1.inputWrapper.clearButton) {
+                        Input.setClearButton(newProp.showClearButton, this_1.inputElement, this_1.inputWrapper, null, this_1.createElement);
+                        this_1.bindClearEvent();
+                    }
                     break;
                 default:
                     {
@@ -13032,6 +13040,10 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
      * @returns {void}
      */
     MultiSelect.prototype.render = function () {
+        if (!isNullOrUndefined(this.value)) {
+            // eslint-disable-next-line
+            this.value = this.value.slice();
+        }
         this.setDynValue = this.initStatus = false;
         this.isSelectAll = false;
         this.selectAllEventEle = [];