@syncfusion/ej2-dropdowns 19.3.47 → 19.3.48

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

@@ -4804,7 +4804,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         this.trigger('blur');
     };
     DropDownTree.prototype.updateView = function () {
-        if ((!this.showCheckBox && !this.allowMultiSelection) || this.mode === 'Custom') {
+        if ((!this.showCheckBox && !this.allowMultiSelection) || this.mode === 'Custom' || this.inputFocus) {
             return;
         }
         if (this.mode !== 'Box') {
@@ -5246,10 +5246,10 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
             this.inputWrapper.insertBefore(this.chipWrapper, this.hiddenElement);
             addClass([this.inputWrapper], SHOW_CHIP);
             var isValid = this.getValidMode();
-            if (isValid && this.value !== null) {
+            if (isValid && this.value !== null && (this.value && this.value.length !== 0)) {
                 addClass([this.inputEle], CHIP_INPUT);
             }
-            else if (this.value === null) {
+            else if (this.value === null || (this.value && this.value.length === 0)) {
                 addClass([this.chipWrapper], HIDEICON);
             }
         }
@@ -5523,7 +5523,6 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         else {
             if (this.showCheckBox) {
                 this.treeObj.checkedNodes = this.value.slice();
-                setValue('selectedNodes', [], this.treeObj);
                 this.treeObj.dataBind();
                 this.setMultiSelect();
             }
@@ -11618,16 +11617,12 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                 l10n = new L10n('dropdowns', l10nLocale, this.locale);
             }
             var remainContent = l10n.getConstant('overflowCountTemplate');
+            var totalContent = l10n.getConstant('totalCountTemplate');
             var raminElement = this.createElement('span', {
                 className: REMAIN_WRAPPER$1
             });
-            var compiledString = compile(remainContent);
-            var totalCompiledString = compile(l10n.getConstant('totalCountTemplate'));
-            // eslint-disable-next-line
-            var remainCompildTemp = compiledString({ 'count': this.value.length }, this, 'overflowCountTemplate', null, !this.isStringTemplate, null, raminElement);
-            if (remainCompildTemp && remainCompildTemp.length > 0) {
-                raminElement.appendChild(remainCompildTemp[0]);
-            }
+            var remainCompildTemp = remainContent.replace('${count}', this.value.length.toString());
+            raminElement.innerText = remainCompildTemp;
             this.viewWrapper.appendChild(raminElement);
             this.renderReactTemplates();
             var remainSize = raminElement.offsetWidth;
@@ -11679,9 +11674,9 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
             }
             if (remaining > 0) {
                 var totalWidth = overAllContainer - downIconWidth - this.clearIconWidth;
-                this.viewWrapper.appendChild(this.updateRemainTemplate(raminElement, this.viewWrapper, remaining, compiledString, totalCompiledString, totalWidth));
+                this.viewWrapper.appendChild(this.updateRemainTemplate(raminElement, this.viewWrapper, remaining, remainContent, totalContent, totalWidth));
                 this.updateRemainWidth(this.viewWrapper, totalWidth);
-                this.updateRemainingText(raminElement, downIconWidth, remaining, compiledString, totalCompiledString);
+                this.updateRemainingText(raminElement, downIconWidth, remaining, remainContent, totalContent);
             }
         }
         else {
@@ -11701,17 +11696,14 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
             viewWrapper.style.width = totalWidth + 'px';
         }
     };
-    MultiSelect.prototype.updateRemainTemplate = function (raminElement, viewWrapper, remaining, compiledString, totalCompiledString, totalWidth) {
+    MultiSelect.prototype.updateRemainTemplate = function (raminElement, viewWrapper, remaining, remainContent, totalContent, totalWidth) {
         if (viewWrapper.firstChild && viewWrapper.firstChild.nodeType === 3 && viewWrapper.firstChild.nodeValue === '') {
             viewWrapper.removeChild(viewWrapper.firstChild);
         }
         raminElement.innerHTML = '';
-        // eslint-disable-next-line
-        var remainTemp = compiledString({ 'count': remaining }, this, 'overflowCountTemplate', null, !this.isStringTemplate, null, raminElement);
-        // eslint-disable-next-line
-        var totalTemp = totalCompiledString({ 'count': remaining }, this, 'totalCountTemplate', null, !this.isStringTemplate, null, raminElement);
-        raminElement.appendChild((viewWrapper.firstChild && viewWrapper.firstChild.nodeType === 3) ?
-            remainTemp && remainTemp[0] : totalTemp && totalTemp[0]);
+        var remainTemp = remainContent.replace('${count}', remaining.toString());
+        var totalTemp = totalContent.replace('${count}', remaining.toString());
+        raminElement.innerText = (viewWrapper.firstChild && viewWrapper.firstChild.nodeType === 3) ? remainTemp : totalTemp;
         if (viewWrapper.firstChild && viewWrapper.firstChild.nodeType === 3) {
             viewWrapper.classList.remove(TOTAL_COUNT_WRAPPER$1);
         }
@@ -11721,7 +11713,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         }
         return raminElement;
     };
-    MultiSelect.prototype.updateRemainingText = function (raminElement, downIconWidth, remaining, compiledString, totalCompiledString) {
+    MultiSelect.prototype.updateRemainingText = function (raminElement, downIconWidth, remaining, remainContent, totalContent) {
         var overAllContainer = this.componentWrapper.offsetWidth -
             parseInt(window.getComputedStyle(this.componentWrapper).paddingLeft, 10) -
             parseInt(window.getComputedStyle(this.componentWrapper).paddingRight, 10);
@@ -11740,7 +11732,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                 wrapperleng = this.viewWrapper.offsetWidth;
             }
             var totalWidth = overAllContainer - downIconWidth;
-            this.updateRemainTemplate(raminElement, this.viewWrapper, remaining, compiledString, totalCompiledString, totalWidth);
+            this.updateRemainTemplate(raminElement, this.viewWrapper, remaining, remainContent, totalContent, totalWidth);
         }
     };
     MultiSelect.prototype.getOverflowVal = function (index) {