@syncfusion/ej2-dropdowns 19.4.52 → 19.4.54

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

@@ -5026,13 +5026,10 @@ let DropDownTree = class DropDownTree extends Component {
             const l10nLocale = { overflowCountTemplate: '+${count} more..', totalCountTemplate: '${count} selected' };
             this.l10n = new L10n(this.getLocaleName(), l10nLocale, this.locale);
             const remainContent = this.l10n.getConstant('overflowCountTemplate');
+            const totalContent = this.l10n.getConstant('totalCountTemplate');
             const remainElement = this.createElement('span', { className: REMAIN_WRAPPER });
-            // eslint-disable-next-line
-            const compiledString = compile(remainContent);
-            // eslint-disable-next-line
-            const totalCompiledString = compile(this.l10n.getConstant('totalCountTemplate'));
-            remainElement.appendChild(compiledString({ 'count': this.value.length }, this, 'overflowCountTemplate', null, !this.isStringTemplate)[0]);
             this.overFlowWrapper.appendChild(remainElement);
+            remainElement.innerText = remainContent.replace('${count}', this.value.length.toString());
             const remainSize = remainElement.offsetWidth;
             remove(remainElement);
             if (this.showDropDownIcon) {
@@ -5114,7 +5111,7 @@ let DropDownTree = class DropDownTree extends Component {
                 }
             }
             if (remaining > 0) {
-                this.overFlowWrapper.appendChild(this.updateRemainTemplate(remainElement, remaining, compiledString, totalCompiledString));
+                this.overFlowWrapper.appendChild(this.updateRemainTemplate(remainElement, remaining, remainContent, totalContent));
             }
             if (this.mode === 'Box' && !this.overFlowWrapper.classList.contains(TOTAL_COUNT_WRAPPER)) {
                 addClass([remainElement], REMAIN_COUNT);
@@ -5126,19 +5123,14 @@ let DropDownTree = class DropDownTree extends Component {
         }
         this.updateDelimMode();
     }
-    updateRemainTemplate(remainElement, remaining, 
-    // eslint-disable-next-line
-    compiledString, 
-    // eslint-disable-next-line
-    totalCompiledString) {
+    updateRemainTemplate(remainElement, remaining, remainContent, totalContent) {
         if (this.overFlowWrapper.firstChild && this.overFlowWrapper.firstChild.nodeType === 3 &&
             this.overFlowWrapper.firstChild.nodeValue === '') {
             this.overFlowWrapper.removeChild(this.overFlowWrapper.firstChild);
         }
         remainElement.innerHTML = '';
-        remainElement.appendChild((this.overFlowWrapper.firstChild && (this.overFlowWrapper.firstChild.nodeType === 3 || this.mode === 'Box')) ?
-            compiledString({ 'count': remaining }, this, 'overflowCountTemplate', null, !this.isStringTemplate)[0] :
-            totalCompiledString({ 'count': remaining }, this, 'totalCountTemplate', null, !this.isStringTemplate)[0]);
+        remainElement.innerText = (this.overFlowWrapper.firstChild && (this.overFlowWrapper.firstChild.nodeType === 3 || this.mode === 'Box')) ?
+            remainContent.replace('${count}', remaining.toString()) : totalContent.replace('${count}', remaining.toString());
         if (this.overFlowWrapper.firstChild && (this.overFlowWrapper.firstChild.nodeType === 3 || this.mode === 'Box')) {
             removeClass([this.overFlowWrapper], TOTAL_COUNT_WRAPPER);
         }
@@ -7483,7 +7475,9 @@ let ComboBox = class ComboBox extends DropDownList {
             this.removeSelection();
         }
         if (!this.preventAutoFill && this.getModuleName() === 'combobox' && this.isTyped) {
-            this.inlineSearch();
+            setTimeout(() => {
+                this.inlineSearch();
+            });
         }
     }
     getFocusElement() {
@@ -9112,7 +9106,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                             addClass([listEle[0]], dropDownBaseClasses.focus);
                         }
                         else {
-                            this.ulElement = this.ulElement.cloneNode ? this.ulElement.cloneNode(true) : this.ulElement;
+                            //EJ2-57588 - for this task, we prevent the ul element cloning ( this.ulElement = this.ulElement.cloneNode ? <HTMLElement>this.ulElement.cloneNode(true) : this.ulElement;)
                             if (!(this.list && this.list.querySelectorAll('.' + dropDownBaseClasses.li).length > 0)) {
                                 this.l10nUpdate();
                                 addClass([this.list], dropDownBaseClasses.noData);