@syncfusion/ej2-dropdowns 26.1.35 → 26.1.39

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 (59) 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 +35 -5
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +35 -5
  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 +19 -3
  13. package/src/list-box/list-box.d.ts +5 -0
  14. package/src/list-box/list-box.js +15 -1
  15. package/src/mention/mention.js +1 -1
  16. package/styles/auto-complete/fluent2.css +5 -5
  17. package/styles/bootstrap-dark.css +1 -0
  18. package/styles/bootstrap.css +1 -0
  19. package/styles/bootstrap4.css +1 -0
  20. package/styles/bootstrap5-dark.css +1 -0
  21. package/styles/bootstrap5.css +1 -0
  22. package/styles/combo-box/fluent2.css +5 -5
  23. package/styles/drop-down-base/fluent2.css +5 -5
  24. package/styles/drop-down-list/fluent2.css +5 -5
  25. package/styles/drop-down-tree/_layout.scss +1 -0
  26. package/styles/drop-down-tree/bootstrap-dark.css +1 -0
  27. package/styles/drop-down-tree/bootstrap.css +1 -0
  28. package/styles/drop-down-tree/bootstrap4.css +1 -0
  29. package/styles/drop-down-tree/bootstrap5-dark.css +1 -0
  30. package/styles/drop-down-tree/bootstrap5.css +1 -0
  31. package/styles/drop-down-tree/fabric-dark.css +1 -0
  32. package/styles/drop-down-tree/fabric.css +1 -0
  33. package/styles/drop-down-tree/fluent-dark.css +1 -0
  34. package/styles/drop-down-tree/fluent.css +1 -0
  35. package/styles/drop-down-tree/fluent2.css +6 -5
  36. package/styles/drop-down-tree/highcontrast-light.css +1 -0
  37. package/styles/drop-down-tree/highcontrast.css +1 -0
  38. package/styles/drop-down-tree/material-dark.css +1 -0
  39. package/styles/drop-down-tree/material.css +1 -0
  40. package/styles/drop-down-tree/material3-dark.css +1 -0
  41. package/styles/drop-down-tree/material3.css +1 -0
  42. package/styles/drop-down-tree/tailwind-dark.css +1 -0
  43. package/styles/drop-down-tree/tailwind.css +1 -0
  44. package/styles/fabric-dark.css +1 -0
  45. package/styles/fabric.css +1 -0
  46. package/styles/fluent-dark.css +1 -0
  47. package/styles/fluent.css +1 -0
  48. package/styles/fluent2.css +6 -5
  49. package/styles/highcontrast-light.css +1 -0
  50. package/styles/highcontrast.css +1 -0
  51. package/styles/list-box/fluent2.css +5 -5
  52. package/styles/material-dark.css +1 -0
  53. package/styles/material.css +1 -0
  54. package/styles/material3-dark.css +1 -0
  55. package/styles/material3.css +1 -0
  56. package/styles/mention/fluent2.css +5 -5
  57. package/styles/multi-select/fluent2.css +5 -5
  58. package/styles/tailwind-dark.css +1 -0
  59. package/styles/tailwind.css +1 -0
@@ -7354,7 +7354,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
7354
7354
  var checkValue;
7355
7355
  var isObjectValue = isChild && isChildFiltering && this.isChildObject();
7356
7356
  checkValue = isObjectValue ? node[this.fields.child.text] : node[this.fields.text];
7357
- if (!checkValue) {
7357
+ if (!checkValue && !isNullOrUndefined(this.fields.child.text)) {
7358
7358
  var tempChild = this.fields.child;
7359
7359
  while (!node[tempChild.text]) {
7360
7360
  tempChild = tempChild.child;
@@ -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();
@@ -8811,7 +8817,6 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
8811
8817
  this.ensurePlaceHolder();
8812
8818
  }
8813
8819
  if (this.showSelectAll && this.checkBoxElement) {
8814
- var nodes = this.treeObj.element.querySelectorAll('li');
8815
8820
  var checkedNodes = this.treeObj.element.querySelectorAll('li[aria-checked=true]');
8816
8821
  var wrap = closest(this.checkBoxElement, '.' + CHECKBOXWRAP);
8817
8822
  if (wrap && args.action === 'uncheck' && (args.isInteracted || checkedNodes.length === 0 || (!isNullOrUndefined(args.data[0]) && args.data[0].isChecked === 'false'))) {
@@ -8819,7 +8824,9 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
8819
8824
  this.changeState(wrap, 'uncheck');
8820
8825
  this.isReverseUpdate = false;
8821
8826
  }
8822
- else if (wrap && args.action === 'check' && checkedNodes.length === nodes.length && (args.isInteracted || this.isCheckAllCalled || (!isNullOrUndefined(args.data[0]) && args.data[0].isChecked === 'true'))) {
8827
+ else if (wrap && args.action === 'check'
8828
+ && checkedNodes.length === this.fields.dataSource.length
8829
+ && (args.isInteracted || this.isCheckAllCalled || (!isNullOrUndefined(args.data[0]) && args.data[0].isChecked === 'true'))) {
8823
8830
  this.isReverseUpdate = true;
8824
8831
  this.isCheckAllCalled = false;
8825
8832
  this.changeState(wrap, 'check');
@@ -9129,6 +9136,12 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
9129
9136
  }
9130
9137
  this.currentText = this.text;
9131
9138
  this.currentValue = this.value;
9139
+ if (!isNullOrUndefined(this.value) && this.value.length > 0 && !isNullOrUndefined(this.currentText)) {
9140
+ this.inputWrapper.setAttribute('aria-label', this.currentText.split(',').join(' '));
9141
+ }
9142
+ else {
9143
+ this.inputWrapper.setAttribute('aria-label', this.getModuleName());
9144
+ }
9132
9145
  };
9133
9146
  DropDownTree.prototype.setChipValues = function (text, value) {
9134
9147
  if (!this.inputWrapper.contains(this.chipWrapper)) {
@@ -9309,6 +9322,9 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
9309
9322
  this.oldValue = this.value;
9310
9323
  this.setProperties({ value: [] }, true);
9311
9324
  }
9325
+ if (isNullOrUndefined(this.value) || this.value.length === 0) {
9326
+ this.inputWrapper.setAttribute('aria-label', this.getModuleName());
9327
+ }
9312
9328
  this.dataValue = null;
9313
9329
  this.setProperties({ text: null }, true);
9314
9330
  this.selectedData = [];
@@ -18316,6 +18332,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
18316
18332
  this.list.setAttribute('role', 'listbox');
18317
18333
  attributes(this.list, { 'role': 'listbox', 'aria-label': 'listbox', 'aria-multiselectable': this.selectionSettings.mode === 'Multiple' ? 'true' : 'false' });
18318
18334
  this.updateSelectionSettings();
18335
+ this.resizeHandler();
18319
18336
  };
18320
18337
  ListBox.prototype.updateSelectionSettings = function () {
18321
18338
  if (this.selectionSettings.showCheckbox && this.selectionSettings.showSelectAll && this.liCollections.length) {
@@ -19297,6 +19314,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
19297
19314
  if (form) {
19298
19315
  EventHandler.add(form, 'reset', this.formResetHandler, this);
19299
19316
  }
19317
+ window.addEventListener('resize', this.resizeHandler.bind(this));
19300
19318
  };
19301
19319
  ListBox.prototype.wireToolbarEvent = function () {
19302
19320
  if (this.toolbarSettings.items.length) {
@@ -19318,6 +19336,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
19318
19336
  if (form) {
19319
19337
  EventHandler.remove(form, 'reset', this.formResetHandler);
19320
19338
  }
19339
+ window.removeEventListener('resize', this.resizeHandler.bind(this));
19321
19340
  };
19322
19341
  ListBox.prototype.clickHandler = function (e) {
19323
19342
  var li = closest(e.target, '.' + 'e-list-item');
@@ -19391,6 +19410,9 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
19391
19410
  if (this.height.toString().indexOf('%') < 0) {
19392
19411
  addClass([this.list], 'e-filter-list');
19393
19412
  }
19413
+ else if (this.height.toString().indexOf('%') > 0) {
19414
+ this.ulElement.style.height = (this.ulElement.offsetHeight - this.filterParent.offsetHeight) + 'px';
19415
+ }
19394
19416
  this.inputString = this.filterInput.value;
19395
19417
  this.filterWireEvents();
19396
19418
  return filterInputObj;
@@ -19975,7 +19997,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
19975
19997
  else {
19976
19998
  elems = [args.target];
19977
19999
  }
19978
- return { elements: elems, items: this.getDataByElems(elems) };
20000
+ return { elements: elems, event: args.event, items: this.getDataByElems(elems) };
19979
20001
  };
19980
20002
  ListBox.prototype.onKeyDown = function (e) {
19981
20003
  this.keyDownHandler(e);
@@ -20171,6 +20193,14 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
20171
20193
  this.refreshClearIcon();
20172
20194
  }
20173
20195
  };
20196
+ ListBox.prototype.resizeHandler = function () {
20197
+ if (this.list.scrollWidth > this.list.offsetWidth) {
20198
+ this.list.querySelector('.e-list-parent').style.display = 'inline-block';
20199
+ }
20200
+ else {
20201
+ this.list.querySelector('.e-list-parent').style.display = 'block';
20202
+ }
20203
+ };
20174
20204
  ListBox.prototype.getValidIndex = function (cli, index, keyCode) {
20175
20205
  var cul = this.ulElement;
20176
20206
  if (cli.classList.contains('e-disabled') || cli.classList.contains(cssClass.group)) {
@@ -20942,7 +20972,7 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
20942
20972
  var isNavigation = (e.action === 'down' || e.action === 'up' || e.action === 'pageUp' || e.action === 'pageDown'
20943
20973
  || e.action === 'home' || e.action === 'end');
20944
20974
  var isTabAction = e.action === 'tab' || e.action === 'close';
20945
- if (this.list === undefined && !this.isRequested && !isTabAction && e.action !== 'escape' && e.action !== 'space') {
20975
+ if (this.list === undefined && !this.isRequested && !isTabAction && e.action !== 'escape' && e.action !== 'space' && this.mentionChar.charCodeAt(0) === this.getLastLetter(this.getTextRange()).charCodeAt(0)) {
20946
20976
  this.renderList();
20947
20977
  }
20948
20978
  if (isNullOrUndefined(this.list) || (!isNullOrUndefined(this.liCollections) &&