@syncfusion/ej2-dropdowns 22.2.10 → 22.2.12

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

@@ -3253,7 +3253,7 @@ let DropDownList = class DropDownList extends DropDownBase {
                     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');
                 const inputParent = this.isFiltering() ? this.filterInput.parentElement : this.inputWrapper.container;
                 addClass([inputParent], [dropDownListClasses.inputFocus]);
@@ -4027,8 +4027,10 @@ let DropDownList = class DropDownList extends DropDownBase {
                     }
                     break;
                 case 'showClearButton':
-                    Input.setClearButton(newProp.showClearButton, this.inputElement, this.inputWrapper, null, this.createElement);
-                    this.bindClearEvent();
+                    if (!this.inputWrapper.clearButton) {
+                        Input.setClearButton(newProp.showClearButton, this.inputElement, this.inputWrapper, null, this.createElement);
+                        this.bindClearEvent();
+                    }
                     break;
                 default:
                     {
@@ -6985,8 +6987,6 @@ let DropDownTree = class DropDownTree extends Component {
             if (tempArr) {
                 tempArr = Array.prototype.slice.call(tempArr);
                 append(tempArr, this.noRecord);
-                addClass([this.noRecord], NODATACONTAINER);
-                prepend([this.noRecord], this.popupDiv);
             }
         }
         else {
@@ -6995,9 +6995,9 @@ let DropDownTree = class DropDownTree extends Component {
             this.l10n = new L10n(this.getLocaleName(), l10nLocale, this.locale);
             this.noRecord.innerHTML = actionFailure ?
                 this.l10n.getConstant('actionFailureTemplate') : this.l10n.getConstant('noRecordsTemplate');
-            addClass([this.noRecord], NODATACONTAINER);
-            prepend([this.noRecord], this.popupDiv);
         }
+        addClass([this.noRecord], NODATACONTAINER);
+        prepend([this.noRecord], this.popupDiv);
     }
     updateRecordTemplate(action) {
         if (this.treeItems && this.treeItems.length <= 0) {
@@ -10950,6 +10950,11 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         }
         return checkTemplate;
     }
+    encodeHtmlEntities(input) {
+        return input.replace(/[\u00A0-\u9999<>&]/g, function (match) {
+            return `&#${match.charCodeAt(0)};`;
+        });
+    }
     getChip(data, value, e) {
         let itemData = { text: value, value: value };
         const chip = this.createElement('span', {
@@ -10981,7 +10986,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
             chipContent.innerText = data;
         }
         else {
-            chipContent.innerHTML = data;
+            chipContent.innerHTML = this.encodeHtmlEntities(data);
         }
         chip.appendChild(chipContent);
         const eventArgs = {
@@ -12018,10 +12023,10 @@ let MultiSelect = class MultiSelect extends DropDownBase {
     }
     updateWrapperText(wrapperType, wrapperData) {
         if (this.valueTemplate || !this.enableHtmlSanitizer) {
-            wrapperType.innerHTML = wrapperData;
+            wrapperType.innerHTML = this.encodeHtmlEntities(wrapperData);
         }
         else {
-            wrapperType.innerText = SanitizeHtmlHelper.sanitize(wrapperData);
+            wrapperType.innerText = wrapperData;
         }
     }
     updateDelimView() {