@syncfusion/ej2-dropdowns 20.4.43 → 20.4.49

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

@@ -2520,8 +2520,8 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
             this.setScrollPosition(e);
         }
         if (Browser.info.name !== 'mozilla') {
-            attributes(this.targetElement(), { 'aria-label': this.inputElement.value });
             if (this.targetElement()) {
+                attributes(this.targetElement(), { 'aria-label': this.inputElement.value });
                 attributes(this.targetElement(), { 'aria-describedby': this.inputElement.id != '' ? this.inputElement.id : this.element.id });
                 this.targetElement().removeAttribute('aria-live');
             }
@@ -4541,6 +4541,8 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         _this.selectedData = [];
         _this.filterDelayTime = 300;
         _this.isClicked = false;
+        // Specifies if the checkAll method has been called
+        _this.isCheckAllCalled = false;
         return _this;
     }
     /**
@@ -5469,7 +5471,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
             if (isValid && this.value !== null && (this.value && this.value.length !== 0)) {
                 addClass([this.inputEle], CHIP_INPUT);
             }
-            else if (this.value === null || (this.value && this.value.length === 0)) {
+            else if (this.value === null || (this.value && this.value.length === 0) || this.chipWrapper) {
                 addClass([this.chipWrapper], HIDEICON);
             }
         }
@@ -5524,6 +5526,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
             frameSpan.classList.add(CHECK);
             ariaState = 'true';
             if (!this.isReverseUpdate) {
+                this.isCheckAllCalled = true;
                 this.treeObj.checkAll();
                 if (!this.changeOnBlur) {
                     this.triggerChangeEvent(e);
@@ -5827,6 +5830,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
             nodeSelected: this.onNodeSelected.bind(this),
             nodeChecked: this.onNodeChecked.bind(this),
             nodeChecking: this.beforeCheck.bind(this),
+            nodeExpanded: this.onNodeExpanded.bind(this),
             actionFailure: this.onActionFailure.bind(this),
             nodeClicked: this.onNodeClicked.bind(this),
             dataBound: this.OnDataBound.bind(this),
@@ -5934,7 +5938,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
             var height = Math.round(this.header.getBoundingClientRect().height);
             popupHeight = formatUnit(parseInt(popupHeight, 10) - height + 'px');
         }
-        if (this.showCheckBox && this.showSelectAll) {
+        if (this.showCheckBox && this.showSelectAll && (!this.popupDiv.classList.contains(NODATA))) {
             var height = Math.round(this.checkAllParent.getBoundingClientRect().height);
             popupHeight = formatUnit(parseInt(popupHeight, 10) - height + 'px');
         }
@@ -6328,13 +6332,14 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
             var nodes = this.treeObj.element.querySelectorAll('li');
             var checkedNodes = this.treeObj.element.querySelectorAll('li .e-checkbox-wrapper[aria-checked=true]');
             var wrap = closest(this.checkBoxElement, '.' + CHECKBOXWRAP);
-            if (wrap && args.action === 'uncheck') {
+            if (wrap && args.action === 'uncheck' && (args.isInteracted || checkedNodes.length === 0)) {
                 this.isReverseUpdate = true;
                 this.changeState(wrap, 'uncheck');
                 this.isReverseUpdate = false;
             }
-            else if (wrap && args.action === 'check' && checkedNodes.length === nodes.length) {
+            else if (wrap && args.action === 'check' && checkedNodes.length === nodes.length && this.isCheckAllCalled) {
                 this.isReverseUpdate = true;
+                this.isCheckAllCalled = false;
                 this.changeState(wrap, 'check');
                 this.isReverseUpdate = false;
             }
@@ -6345,6 +6350,13 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
             this.oldValue = this.value ? this.value.slice() : this.value;
         }
     };
+    DropDownTree.prototype.onNodeExpanded = function (args) {
+        if (this.hasTemplate && this.portals) {
+            this.portals = [].concat(this.treeObj.portals);
+            /* eslint-enable */
+            this.renderReactTemplates();
+        }
+    };
     DropDownTree.prototype.updateClearButton = function (state) {
         if (state) {
             if (!this.inputWrapper.contains(this.overAllClear)) {
@@ -6846,6 +6858,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
     DropDownTree.prototype.selectAllItems = function (state) {
         if (this.showCheckBox) {
             if (state) {
+                this.isCheckAllCalled = true;
                 this.treeObj.checkAll();
             }
             else {
@@ -6940,8 +6953,6 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         }
         else {
             this.noRecord = this.createElement('div');
-            addClass([this.noRecord], NODATACONTAINER);
-            prepend([this.noRecord], this.popupDiv);
         }
         if (this.noRecordsTemplate !== 'No Records Found' || this.actionFailureTemplate !== 'The Request Failed') {
             var template = actionFailure ? this.actionFailureTemplate : this.noRecordsTemplate;
@@ -6953,6 +6964,8 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
             if (tempArr) {
                 tempArr = Array.prototype.slice.call(tempArr);
                 append(tempArr, this.noRecord);
+                addClass([this.noRecord], NODATACONTAINER);
+                prepend([this.noRecord], this.popupDiv);
             }
         }
         else {
@@ -6961,6 +6974,8 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
             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);
         }
     };
     DropDownTree.prototype.updateRecordTemplate = function (action) {
@@ -15702,6 +15717,9 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
                 else {
                     text = value;
                 }
+                if (typeof (text) === 'string') {
+                    text = text.split("\\").join("\\\\");
+                }
                 li = _this.list.querySelector('[data-value="' + text + '"]');
                 if (li) {
                     if (_this.selectionSettings.showCheckbox) {
@@ -16317,7 +16335,7 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
         var isNavigation = (e.action === 'down' || e.action === 'up' || e.action === 'pageUp' || e.action === 'pageDown'
             || e.action === 'home' || e.action === 'end');
         var isTabAction = e.action === 'tab' || e.action === 'close';
-        if (this.list === undefined && !this.isRequested && !isTabAction && e.action !== 'escape') {
+        if (this.list === undefined && !this.isRequested && !isTabAction && e.action !== 'escape' && e.action !== 'space') {
             this.renderList();
         }
         if (isNullOrUndefined(this.list) || (!isNullOrUndefined(this.liCollections) &&
@@ -16461,11 +16479,11 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
             }
         }
         else if (this.allowSpaces && this.queryString !== '' && currentRange && currentRange.trim() !== '' && currentRange.replace('\u00a0', ' ').lastIndexOf(' ') < currentRange.length - 1 &&
-            e.keyCode !== 38 && e.keyCode !== 40 && e.keyCode !== 8) {
+            e.keyCode !== 38 && e.keyCode !== 40 && e.keyCode !== 8 && this.mentionChar.charCodeAt(0) === lastWordRange.charCodeAt(0)) {
             this.queryString = currentRange.substring(currentRange.lastIndexOf(this.mentionChar) + 1).replace('\u00a0', ' ');
             this.searchLists(e);
         }
-        else if (this.queryString === '' && this.isPopupOpen && e.keyCode !== 38 && e.keyCode !== 40) {
+        else if (this.queryString === '' && this.isPopupOpen && e.keyCode !== 38 && e.keyCode !== 40 && this.mentionChar.charCodeAt(0) === lastWordRange.charCodeAt(0)) {
             this.searchLists(e);
             if (!this.isListResetted) {
                 this.resetList(this.dataSource, this.fields);