@syncfusion/ej2-dropdowns 21.1.41 → 21.2.4

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

@@ -415,9 +415,18 @@ let DropDownBase = class DropDownBase extends Component {
             if (noDataCompTemp && noDataCompTemp.length > 0) {
                 for (let i = 0; i < noDataCompTemp.length; i++) {
                     if (this.getModuleName() === 'listbox' && templateName === 'noRecordsTemplate') {
-                        noDataCompTemp[i].classList.add('e-list-nr-template');
+                        if (noDataCompTemp[i].nodeName === '#text') {
+                            const liElem = this.createElement('li');
+                            liElem.textContent = noDataCompTemp[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]);
+                        }
                     }
-                    ele.appendChild(noDataCompTemp[i]);
                 }
             }
             this.renderReactTemplates();
@@ -4233,6 +4242,7 @@ let DropDownList = class DropDownList extends DropDownBase {
         this.header = null;
         this.previousSelectedLI = null;
         this.valueTempElement = null;
+        this.actionData.ulElement = null;
         super.destroy();
     }
     /* eslint-disable valid-jsdoc, jsdoc/require-returns-description */
@@ -5181,7 +5191,7 @@ let DropDownTree = class DropDownTree extends Component {
                     case 'moveDown':
                         let focusedElement = this.treeObj.element.querySelector('li');
                         focusedElement.focus();
-                        addClass([focusedElement], ['e-hover', 'e-node-focus']);
+                        addClass([focusedElement], ['e-node-focus']);
                 }
             }
         });
@@ -5856,7 +5866,7 @@ let DropDownTree = class DropDownTree extends Component {
                     && this.treeItems.length > 0)) {
                     let focusedElement = this.treeObj.element.querySelector('li');
                     focusedElement.focus();
-                    addClass([focusedElement], ['e-hover', 'e-node-focus']);
+                    addClass([focusedElement], ['e-node-focus']);
                 }
                 if (this.checkSelectAll && this.checkBoxElement) {
                     const wrap = closest(this.checkBoxElement, '.' + CHECKBOXWRAP);
@@ -14383,6 +14393,13 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
      * @returns {void}
      */
     selectItems(items, state = true, isValue) {
+        if (state && !this.selectionSettings.showCheckbox && this.selectionSettings.mode === 'Single') {
+            this.getSelectedItems().forEach((li) => {
+                li.classList.remove('e-active');
+                li.removeAttribute('aria-selected');
+                removeClass([li], cssClass.selected);
+            });
+        }
         this.setSelection(items, state, !isValue);
         this.updateSelectedOptions();
     }
@@ -15591,11 +15608,13 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
                     if (!isSelect && liselect || isSelect && !liselect && li) {
                         if (this.selectionSettings.showCheckbox) {
                             this.notify('updatelist', { li: li, module: 'listbox' });
+                            li.focus();
                         }
                         else {
                             if (isSelect) {
                                 li.classList.add(cssClass.selected);
                                 li.setAttribute('aria-selected', 'true');
+                                li.focus();
                             }
                             else {
                                 li.classList.remove(cssClass.selected);