@syncfusion/ej2-dropdowns 26.1.35 → 26.1.38

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.
Files changed (51) hide show
  1. package/dist/ej2-dropdowns.min.js +2 -2
  2. package/dist/ej2-dropdowns.umd.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +26 -0
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +26 -0
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-dropdowns.min.js +2 -2
  9. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +9 -9
  12. package/src/drop-down-tree/drop-down-tree.js +15 -0
  13. package/src/list-box/list-box.d.ts +1 -0
  14. package/src/list-box/list-box.js +11 -0
  15. package/styles/bootstrap-dark.css +1 -0
  16. package/styles/bootstrap.css +1 -0
  17. package/styles/bootstrap4.css +1 -0
  18. package/styles/bootstrap5-dark.css +1 -0
  19. package/styles/bootstrap5.css +1 -0
  20. package/styles/drop-down-tree/_layout.scss +1 -0
  21. package/styles/drop-down-tree/bootstrap-dark.css +1 -0
  22. package/styles/drop-down-tree/bootstrap.css +1 -0
  23. package/styles/drop-down-tree/bootstrap4.css +1 -0
  24. package/styles/drop-down-tree/bootstrap5-dark.css +1 -0
  25. package/styles/drop-down-tree/bootstrap5.css +1 -0
  26. package/styles/drop-down-tree/fabric-dark.css +1 -0
  27. package/styles/drop-down-tree/fabric.css +1 -0
  28. package/styles/drop-down-tree/fluent-dark.css +1 -0
  29. package/styles/drop-down-tree/fluent.css +1 -0
  30. package/styles/drop-down-tree/fluent2.css +1 -0
  31. package/styles/drop-down-tree/highcontrast-light.css +1 -0
  32. package/styles/drop-down-tree/highcontrast.css +1 -0
  33. package/styles/drop-down-tree/material-dark.css +1 -0
  34. package/styles/drop-down-tree/material.css +1 -0
  35. package/styles/drop-down-tree/material3-dark.css +1 -0
  36. package/styles/drop-down-tree/material3.css +1 -0
  37. package/styles/drop-down-tree/tailwind-dark.css +1 -0
  38. package/styles/drop-down-tree/tailwind.css +1 -0
  39. package/styles/fabric-dark.css +1 -0
  40. package/styles/fabric.css +1 -0
  41. package/styles/fluent-dark.css +1 -0
  42. package/styles/fluent.css +1 -0
  43. package/styles/fluent2.css +1 -0
  44. package/styles/highcontrast-light.css +1 -0
  45. package/styles/highcontrast.css +1 -0
  46. package/styles/material-dark.css +1 -0
  47. package/styles/material.css +1 -0
  48. package/styles/material3-dark.css +1 -0
  49. package/styles/material3.css +1 -0
  50. package/styles/tailwind-dark.css +1 -0
  51. package/styles/tailwind.css +1 -0
@@ -8220,6 +8220,9 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
8220
8220
  }
8221
8221
  this.currentText = this.text;
8222
8222
  this.currentValue = this.value;
8223
+ if (!isNullOrUndefined(this.value) && this.value.length > 0 && !isNullOrUndefined(this.currentText)) {
8224
+ this.inputWrapper.setAttribute('aria-label', this.currentText.split(',').join(' '));
8225
+ }
8223
8226
  if (this.isInitialized) {
8224
8227
  this.triggerChangeEvent();
8225
8228
  }
@@ -8760,6 +8763,9 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
8760
8763
  this.setProperties({ text: selectedText }, true);
8761
8764
  this.currentText = this.text;
8762
8765
  this.currentValue = this.value;
8766
+ if (!isNullOrUndefined(this.value) && this.value.length > 0) {
8767
+ this.inputWrapper.setAttribute('aria-label', args.nodeData.text.toString());
8768
+ }
8763
8769
  attributes(this.inputWrapper, { 'aria-describedby': this.element.id });
8764
8770
  attributes(this.inputWrapper, { 'aria-activedescendant': id.toString() });
8765
8771
  this.updateHiddenValue();
@@ -9129,6 +9135,12 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
9129
9135
  }
9130
9136
  this.currentText = this.text;
9131
9137
  this.currentValue = this.value;
9138
+ if (!isNullOrUndefined(this.value) && this.value.length > 0 && !isNullOrUndefined(this.currentText)) {
9139
+ this.inputWrapper.setAttribute('aria-label', this.currentText.split(',').join(' '));
9140
+ }
9141
+ else {
9142
+ this.inputWrapper.setAttribute('aria-label', this.getModuleName());
9143
+ }
9132
9144
  };
9133
9145
  DropDownTree.prototype.setChipValues = function (text, value) {
9134
9146
  if (!this.inputWrapper.contains(this.chipWrapper)) {
@@ -9309,6 +9321,9 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
9309
9321
  this.oldValue = this.value;
9310
9322
  this.setProperties({ value: [] }, true);
9311
9323
  }
9324
+ if (isNullOrUndefined(this.value) || this.value.length === 0) {
9325
+ this.inputWrapper.setAttribute('aria-label', this.getModuleName());
9326
+ }
9312
9327
  this.dataValue = null;
9313
9328
  this.setProperties({ text: null }, true);
9314
9329
  this.selectedData = [];
@@ -18316,6 +18331,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
18316
18331
  this.list.setAttribute('role', 'listbox');
18317
18332
  attributes(this.list, { 'role': 'listbox', 'aria-label': 'listbox', 'aria-multiselectable': this.selectionSettings.mode === 'Multiple' ? 'true' : 'false' });
18318
18333
  this.updateSelectionSettings();
18334
+ this.resizeHandler();
18319
18335
  };
18320
18336
  ListBox.prototype.updateSelectionSettings = function () {
18321
18337
  if (this.selectionSettings.showCheckbox && this.selectionSettings.showSelectAll && this.liCollections.length) {
@@ -19297,6 +19313,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
19297
19313
  if (form) {
19298
19314
  EventHandler.add(form, 'reset', this.formResetHandler, this);
19299
19315
  }
19316
+ window.addEventListener('resize', this.resizeHandler.bind(this));
19300
19317
  };
19301
19318
  ListBox.prototype.wireToolbarEvent = function () {
19302
19319
  if (this.toolbarSettings.items.length) {
@@ -19318,6 +19335,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
19318
19335
  if (form) {
19319
19336
  EventHandler.remove(form, 'reset', this.formResetHandler);
19320
19337
  }
19338
+ window.removeEventListener('resize', this.resizeHandler.bind(this));
19321
19339
  };
19322
19340
  ListBox.prototype.clickHandler = function (e) {
19323
19341
  var li = closest(e.target, '.' + 'e-list-item');
@@ -20171,6 +20189,14 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
20171
20189
  this.refreshClearIcon();
20172
20190
  }
20173
20191
  };
20192
+ ListBox.prototype.resizeHandler = function () {
20193
+ if (this.list.scrollWidth > this.list.offsetWidth) {
20194
+ this.list.querySelector('.e-list-parent').style.display = 'inline-block';
20195
+ }
20196
+ else {
20197
+ this.list.querySelector('.e-list-parent').style.display = 'block';
20198
+ }
20199
+ };
20174
20200
  ListBox.prototype.getValidIndex = function (cli, index, keyCode) {
20175
20201
  var cul = this.ulElement;
20176
20202
  if (cli.classList.contains('e-disabled') || cli.classList.contains(cssClass.group)) {