@syncfusion/ej2-dropdowns 21.1.41 → 21.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -442,9 +442,18 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
442
442
  if (noDataCompTemp && noDataCompTemp.length > 0) {
443
443
  for (var i = 0; i < noDataCompTemp.length; i++) {
444
444
  if (this.getModuleName() === 'listbox' && templateName === 'noRecordsTemplate') {
445
- noDataCompTemp[i].classList.add('e-list-nr-template');
445
+ if (noDataCompTemp[i].nodeName === '#text') {
446
+ var liElem = this.createElement('li');
447
+ liElem.textContent = noDataCompTemp[i].textContent;
448
+ liElem.classList.add('e-list-nrt');
449
+ liElem.setAttribute('role', 'option');
450
+ ele.appendChild(liElem);
451
+ }
452
+ else {
453
+ noDataCompTemp[i].classList.add('e-list-nr-template');
454
+ ele.appendChild(noDataCompTemp[i]);
455
+ }
446
456
  }
447
- ele.appendChild(noDataCompTemp[i]);
448
457
  }
449
458
  }
450
459
  this.renderReactTemplates();
@@ -4304,6 +4313,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
4304
4313
  this.header = null;
4305
4314
  this.previousSelectedLI = null;
4306
4315
  this.valueTempElement = null;
4316
+ this.actionData.ulElement = null;
4307
4317
  _super.prototype.destroy.call(this);
4308
4318
  };
4309
4319
  /* eslint-disable valid-jsdoc, jsdoc/require-returns-description */
@@ -5283,7 +5293,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
5283
5293
  case 'moveDown':
5284
5294
  var focusedElement = _this.treeObj.element.querySelector('li');
5285
5295
  focusedElement.focus();
5286
- addClass([focusedElement], ['e-hover', 'e-node-focus']);
5296
+ addClass([focusedElement], ['e-node-focus']);
5287
5297
  }
5288
5298
  }
5289
5299
  });
@@ -5962,7 +5972,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
5962
5972
  && _this.treeItems.length > 0)) {
5963
5973
  var focusedElement = _this.treeObj.element.querySelector('li');
5964
5974
  focusedElement.focus();
5965
- addClass([focusedElement], ['e-hover', 'e-node-focus']);
5975
+ addClass([focusedElement], ['e-node-focus']);
5966
5976
  }
5967
5977
  if (_this.checkSelectAll && _this.checkBoxElement) {
5968
5978
  var wrap = closest(_this.checkBoxElement, '.' + CHECKBOXWRAP);
@@ -14601,6 +14611,13 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
14601
14611
  */
14602
14612
  ListBox.prototype.selectItems = function (items, state, isValue) {
14603
14613
  if (state === void 0) { state = true; }
14614
+ if (state && !this.selectionSettings.showCheckbox && this.selectionSettings.mode === 'Single') {
14615
+ this.getSelectedItems().forEach(function (li) {
14616
+ li.classList.remove('e-active');
14617
+ li.removeAttribute('aria-selected');
14618
+ removeClass([li], cssClass.selected);
14619
+ });
14620
+ }
14604
14621
  this.setSelection(items, state, !isValue);
14605
14622
  this.updateSelectedOptions();
14606
14623
  };
@@ -15833,11 +15850,13 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
15833
15850
  if (!isSelect && liselect || isSelect && !liselect && li) {
15834
15851
  if (_this.selectionSettings.showCheckbox) {
15835
15852
  _this.notify('updatelist', { li: li, module: 'listbox' });
15853
+ li.focus();
15836
15854
  }
15837
15855
  else {
15838
15856
  if (isSelect) {
15839
15857
  li.classList.add(cssClass.selected);
15840
15858
  li.setAttribute('aria-selected', 'true');
15859
+ li.focus();
15841
15860
  }
15842
15861
  else {
15843
15862
  li.classList.remove(cssClass.selected);